.cozy .cozy-receipt-desk, .cozy .cozy-receipt-desk-layer { position: fixed; inset: 0; pointer-events: none; }
.cozy .cozy-receipt-desk { z-index: 42; }
.cozy .cozy-floating-receipt { position: fixed; left: 0; top: 0; width: min(356px, calc(100vw - 32px)); pointer-events: auto; cursor: grab; touch-action: none; user-select: none; transform-origin: top left; filter: drop-shadow(1px 2px 1px #241f1924) drop-shadow(5px 12px 9px #241f1924); transition: filter 160ms ease; will-change: transform; }
.cozy .cozy-floating-receipt[data-held='true'] { cursor: grabbing; filter: drop-shadow(2px 4px 3px #241f1920) drop-shadow(12px 24px 16px #241f1938); }
.cozy .cozy-floating-receipt:focus-visible { outline: 2px dashed #7e8e9e; outline-offset: 5px; }
.cozy .cozy-floating-receipt img { -webkit-user-drag: none; }
.cozy .cozy-floating-receipt-paper { perspective: 1500px; }
.cozy .cozy-floating-receipt-paper > .cozy-receipt-back { min-height: inherit; }
.cozy .cozy-travel-receipt { overflow: hidden; border-radius: 6px; background: #fffaf1; }
.cozy .cozy-travel-receipt [data-hotel-reservation-detail], .cozy .cozy-travel-receipt [data-testid='web-flight-reservation-detail'] { --font-type: var(--cozy-hand); --color-bg-default: #fffaf1; }
.cozy .cozy-floating-reservation .cozy-floating-receipt-controls { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.cozy .cozy-floating-receipt-controls { position: absolute; top: calc(100% + 10px); left: 50%; transform: translate(-50%, -4px); display: flex; align-items: center; gap: 1px; padding: 4px; border: 1px solid #ffffffa8; border-radius: 24px; background: #fafaf7ed; box-shadow: 0 2px 10px #26231e14; font-family: var(--cozy-hand); cursor: default; opacity: 0; pointer-events: none; transition: opacity 140ms ease, transform 140ms ease; }
.cozy .cozy-floating-receipt:hover .cozy-floating-receipt-controls, .cozy .cozy-floating-receipt:focus-visible .cozy-floating-receipt-controls, .cozy .cozy-floating-receipt:has(.cozy-floating-receipt-controls button:focus-visible) .cozy-floating-receipt-controls { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.cozy .cozy-floating-receipt-controls::before { content: ''; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.cozy .cozy-floating-receipt-controls button { display: grid; place-items: center; min-width: 30px; height: 34px; padding: 0 9px; border-radius: 20px; white-space: nowrap; font-size: 14px; }
.cozy .cozy-floating-receipt-controls button:hover:not(:disabled) { background: #e7e8e3; }
.cozy .cozy-floating-receipt-controls button:disabled { opacity: .3; }
.cozy .cozy-floating-receipt-controls button:focus-visible { outline: 2px solid #7eaee3; outline-offset: 2px; }
.cozy .cozy-receipt-discard-hint { position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%); pointer-events: none; padding: 10px 18px; border-radius: 24px; color: #724838; background: #faf6f1; box-shadow: 0 2px 12px #38251c20; font: 16px var(--cozy-hand); }
.cozy .cozy-receipt-desk-content:not(:has(.cozy-floating-receipt)) { position: fixed; right: 24px; top: 24px; width: min(390px, calc(100vw - 48px)); max-height: calc(100dvh - 48px); overflow: auto; pointer-events: auto; background: #fafafa; padding: 20px; box-shadow: 2px 5px 20px #241f1930; }
.cozy .cozy-receipt-desk-content:has(.cozy-floating-receipt) { display: contents; }
@media (pointer: coarse) {
  .cozy .cozy-floating-receipt-controls button { height: 42px; min-width: 36px; padding-inline: 8px; }
  .cozy .cozy-floating-receipt:focus-within .cozy-floating-receipt-controls { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
}
@media (prefers-reduced-motion: reduce) { .cozy .cozy-floating-receipt, .cozy .cozy-floating-receipt-controls { transition: none; } }
.accessibility { --a11y-page:#fcfcfc; --a11y-surface:#fff; --a11y-text:#171717; --a11y-secondary:#373737; --a11y-muted:#6b6b6b; --a11y-green:#005727; --a11y-selected:#ecf7f1; --a11y-border:#dbdbdb; --a11y-strong:#818181; --a11y-font-scale:1; font-family:'Pretendard Variable',sans-serif; }
.accessibility .a11y-app { display:flex; height:100%; min-height:0; width:100%; overflow:hidden; color:var(--a11y-text); background:var(--a11y-page); font-family:'Pretendard Variable',sans-serif; }
.accessibility :is(button,a,input,select,textarea):focus-visible { outline:3px solid var(--a11y-green); outline-offset:4px; }
.a11y-content-column { flex:1; min-width:0; min-height:0; height:100%; display:flex; flex-direction:column; outline:none; overflow-y:auto; scrollbar-width:none; }
.a11y-content-column > [data-accessibility-page] { flex-shrink:0; }
.a11y-skip-link { position:fixed; top:12px; left:12px; z-index:300; padding:12px 20px; background:var(--a11y-green); color:#fff; transform:translateY(-150%); }
.a11y-skip-link:focus { transform:none; }
.a11y-sidebar { display:flex; flex:0 0 380px; flex-direction:column; justify-content:space-between; align-items:center; padding:20px 12px; border-right:1px solid #f5f5f5; gap:30px; overflow-y:auto; }
.a11y-sidebar-top,.a11y-sidebar-bottom { display:flex; flex-direction:column; align-items:center; width:100%; }
.a11y-sidebar-top { gap:50px; }
.a11y-logo { width:288px; height:60px; display:flex; align-items:center; padding:0 4px; }
.a11y-desktop-logo { width:100px; height:41px; }
.a11y-primary-nav,.a11y-utility-nav { display:flex; flex-direction:column; align-items:center; width:100%; gap:20px; }
.a11y-utility-nav { gap:8px; }
.a11y-sidebar-bottom { gap:8px; }
.a11y-nav-link { display:flex; flex-shrink:0; align-items:center; width:305px; min-height:65px; padding:12px 16px; border-radius:25px; gap:12px; color:#787878; font-size:21px; line-height:1.5; text-decoration:none; }
.a11y-nav-link:hover { background:var(--a11y-selected); }
.a11y-nav-link[aria-current=page] { background:var(--a11y-green); color:#fff; font-weight:700; }
.a11y-nav-icon { display:grid; place-items:center; flex:0 0 24px; height:24px; }
.a11y-desktop-icon { width:18px; height:18px; object-fit:contain; }
.a11y-nav-link[aria-current=page] .a11y-nav-icon img { filter:brightness(0) invert(1); }
.a11y-nav-label { min-width:0; overflow-wrap:anywhere; }
.a11y-chat-arrow { margin-left:auto; font-size:18px; }
.a11y-user { color:var(--a11y-secondary); border-radius:8px; }
.a11y-user-avatar { width:24px; height:24px; border-radius:50%; object-fit:cover; }
.a11y-settings-icon { width:24px; height:24px; margin-left:auto; }
.a11y-rail-icon,.a11y-rail-logo,.a11y-bottom-nav { display:none; }
.a11y-rail-icon,.a11y-mobile-icon { background:currentColor; mask-repeat:no-repeat; mask-position:center; mask-size:contain; }
.a11y-menu-backdrop { position:fixed; inset:0; z-index:200; background:#0005; }
.a11y-more-menu { position:fixed; left:12px; right:12px; bottom:20px; z-index:201; padding:20px; background:var(--a11y-surface,#fff); color:var(--a11y-text,#171717); border:1px solid var(--a11y-border); border-radius:20px; font-family:'Pretendard Variable',sans-serif; }
.a11y-more-menu header { display:flex; align-items:center; justify-content:space-between; font-size:24px; font-weight:700; margin-bottom:12px; }
.a11y-more-menu header button { min-width:44px; min-height:44px; }
.a11y-more-menu>a { display:flex; align-items:center; gap:16px; padding:16px; font-size:20px; border-radius:10px; }
.a11y-more-menu>a img { width:24px; height:24px; object-fit:contain; }
.accessibility[data-high-contrast=true] { --a11y-page:#fff; --a11y-text:#000; --a11y-secondary:#000; --a11y-muted:#222; --a11y-border:#222; --a11y-strong:#000; }
.accessibility[data-font-scaling=true] { --a11y-font-scale:1.2; }
.accessibility[data-font-scaling=true] .a11y-content-column { zoom:1.15; }
.accessibility.dark { --a11y-page:#131914; --a11y-surface:#1e2821; --a11y-text:#f6faf7; --a11y-secondary:#dde9e0; --a11y-muted:#becfc3; --a11y-border:#657469; --a11y-strong:#a5b8aa; --a11y-green:#3fab6d; --a11y-selected:#203a2c; }
.accessibility.dark[data-high-contrast=true] { --a11y-page:#000; --a11y-surface:#101010; --a11y-text:#fff; --a11y-secondary:#fff; --a11y-muted:#fff; --a11y-border:#fff; --a11y-strong:#fff; }
.accessibility:is(.dark,[data-high-contrast=true]) .a11y-nav-link:not([aria-current=page]) { color:var(--a11y-secondary); }
.accessibility.dark :is(.a11y-nav-icon,.a11y-more-menu>a,.a11y-setting-icon) img { filter:brightness(0) invert(1); }
@media (min-width:768px) and (max-width:1599px) {
  .a11y-sidebar { flex-basis:100px; padding:20px 0; gap:15px; }
  .a11y-sidebar-top { gap:32px; }
  .a11y-logo { width:100%; justify-content:center; }
  .a11y-desktop-logo,.a11y-desktop-icon,.a11y-nav-label,.a11y-chat-arrow,.a11y-settings-icon { display:none; }
  .a11y-rail-logo { display:block; width:38px; height:38px; }
  .a11y-rail-icon { display:block; width:28px; height:28px; object-fit:contain; }
  .a11y-primary-nav,.a11y-utility-nav { gap:15px; }
  .a11y-nav-link { width:70px; min-height:70px; padding:0; justify-content:center; }
  .a11y-nav-icon { flex-basis:38px; height:38px; }
  .a11y-user { margin-top:16px; }
  .a11y-user-avatar { width:38px; height:38px; }
}
@media (min-width:768px) and (max-height:899px) {
  .a11y-sidebar { padding-block:12px; gap:12px; }
  .a11y-sidebar-top { gap:16px; }
  .a11y-logo { height:48px; flex-shrink:0; }
  .a11y-primary-nav,.a11y-utility-nav { gap:8px; }
  /* Reserve space for the logo, padding and gaps around the nine menu links. */
  .a11y-nav-link { min-height:clamp(44px,calc((100dvh - 160px) / 9),65px); padding-block:0; }
  .a11y-user { margin-top:0; }
}
@media (max-width:767px) {
  .a11y-sidebar { display:none; }
  .a11y-content-column { height:calc(100% - 85px - env(safe-area-inset-bottom)); }
  .a11y-bottom-nav { position:fixed; z-index:100; bottom:0; left:0; right:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); height:calc(85px + env(safe-area-inset-bottom)); padding-bottom:env(safe-area-inset-bottom); background:var(--a11y-surface); border-top:1px solid #f5f5f5; }
  .a11y-bottom-nav>a,.a11y-bottom-nav>button { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; border-top:6px solid transparent; font-size:9.5px; color:#adadad; text-decoration:none; }
  .a11y-bottom-nav img { width:24px; height:24px; object-fit:contain; }
  .a11y-mobile-icon { width:24px; height:24px; }
  .a11y-bottom-nav [aria-current=page] { color:#202e5a; border-top-color:#202e5a; background:#f5f5f5; font-weight:600; }
}
@media (prefers-reduced-motion:reduce) { .accessibility * { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; } }
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --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;
    }
  }
}

@font-face {
  font-family: Pretendard Variable;
  src: url("/assets/fonts/PretendardVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: Pretendard GOV;
  src: url("/assets/fonts/PretendardGOVVariable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/assets/fonts/Inter-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/assets/fonts/Inter-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/assets/fonts/Inter-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("/assets/fonts/Inter-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Outfit;
  src: url("/assets/fonts/Outfit-300.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: Outfit;
  src: url("/assets/fonts/Outfit-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Outfit;
  src: url("/assets/fonts/Outfit-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Outfit;
  src: url("/assets/fonts/Outfit-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Outfit;
  src: url("/assets/fonts/Outfit-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("/assets/fonts/Nunito-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("/assets/fonts/Nunito-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("/assets/fonts/Nunito-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Nunito;
  src: url("/assets/fonts/Nunito-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: VT323;
  src: url("/assets/fonts/VT323-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root, :host {
  --color-black-100: #0c0c0d0d;
  --color-black: #000;
  --color-blue-100: #f1f6fd;
  --color-blue-400: #9ebef1;
  --color-blue-500: #3f81ea;
  --color-blue-600: #3271d7;
  --color-brand-100: #eff0ff;
  --color-brand-1000: #091844;
  --color-brand-200: #dce1ff;
  --color-brand-300: #b8c4fa;
  --color-brand-400: #828fc1;
  --color-brand-500: #4f5c8b;
  --color-brand-600: #2c3966;
  --color-brand-800: #202e5a;
  --color-brand-900: #15234f;
  --color-primary-50: #6875a6;
  --color-primary-60: #6d80c9;
  --color-primary-80: #c7d3e6;
  --color-primary-90: #d1d8e5;
  --color-secondary-95: #ffede7;
  --color-success-40: #267337;
  --color-neutral-60: #929292;
  --color-neutral-40: #5f5f5f;
  --color-neutral-35: #535353;
  --color-neutral-20: #313031;
  --color-neutral-15: #1b1b1b;
  --color-alpha-black-75: #000000bf;
  --color-alpha-black-50: #00000080;
  --color-alpha-black-15: #0000001a;
  --color-alpha-black-10: #0000000d;
  --color-alpha-shadow1: #0000000d;
  --color-alpha-shadow2: #00000014;
  --color-alpha-white-0: #fff0;
  --color-gray-100: #f5f5f5;
  --color-gray-1000: #111;
  --color-gray-200: #e5e5e5;
  --color-gray-300: #c8c8c8;
  --color-gray-400: #adadad;
  --color-gray-500: #757575;
  --color-gray-600: #474747;
  --color-gray-700: #383838;
  --color-gray-800: #2c2c2c;
  --color-gray-900: #1e1e1e;
  --color-green-100: #eef7f0;
  --color-green-1000: #0a2710;
  --color-green-200: #d8eedd;
  --color-green-300: #b6e0bf;
  --color-green-400: #6fc486;
  --color-green-500: #228738;
  --color-green-600: #1c7430;
  --color-green-700: #176128;
  --color-green-800: #134d20;
  --color-green-900: #0f3a18;
  --color-pink-100: #fcf1fd;
  --color-pink-200: #fae1fa;
  --color-pink-300: #f5c0ef;
  --color-pink-400: #f19edc;
  --color-pink-500: #ea3fb8;
  --color-pink-600: #d732a8;
  --color-pink-700: #ba2a92;
  --color-pink-800: #8a226f;
  --color-point: #fc5b00;
  --color-red-100: #ffede7;
  --color-red-1000: #2a0e00;
  --color-red-200: #ffdbce;
  --color-red-300: #ffc3ad;
  --color-red-400: #ff8a5c;
  --color-red-500: #d14a00;
  --color-red-600: #a73a00;
  --color-red-700: #832d00;
  --color-red-800: #5f2000;
  --color-red-900: #401500;
  --color-slate-100: #f3f3f3;
  --color-slate-1000: #242424;
  --color-slate-200: #e3e3e3;
  --color-slate-300: #cdcdcd;
  --color-slate-400: #b2b2b2;
  --color-slate-500: #949494;
  --color-slate-600: #787878;
  --color-slate-700: #5a5a5a;
  --color-slate-800: #434343;
  --color-slate-900: #303030;
  --color-white-100: #ffffff0d;
  --color-white: #fff;
  --color-white-200: #ffffff1a;
  --color-white-300: #fff3;
  --color-white-400: #fff6;
  --color-white-500: #ffffffb2;
  --color-white-600: #fffc;
  --color-yellow-100: #fffbeb;
  --color-yellow-1000: #401b01;
  --color-yellow-200: #fff1c2;
  --color-yellow-300: #ffe8a3;
  --color-yellow-400: #e8b931;
  --color-yellow-500: #e5a000;
  --color-yellow-600: #bf6a02;
  --color-yellow-700: #975102;
  --color-yellow-800: #682d03;
  --color-yellow-900: #522504;
  --color-bg-brand: var(--color-brand-800);
  --color-bg-brand-hover: var(--color-brand-900);
  --color-bg-brand-secondary: #e8e8ed;
  --color-bg-brand-secondary-hover: var(--color-brand-300);
  --color-bg-brand-tertiary: var(--color-brand-100);
  --color-bg-danger: var(--color-red-500);
  --color-bg-danger-hover: var(--color-red-600);
  --color-bg-danger-tertiary: var(--color-red-100);
  --color-bg-default: var(--color-white);
  --color-bg-default-hover: var(--color-gray-100);
  --color-bg-secondary: var(--color-gray-100);
  --color-bg-secondary-hover: var(--color-gray-200);
  --color-bg-tertiary: var(--color-gray-300);
  --color-bg-disabled: var(--color-gray-300);
  --color-bg-neutral: var(--color-slate-700);
  --color-bg-neutral-secondary: var(--color-slate-300);
  --color-bg-positive: var(--color-green-500);
  --color-bg-positive-secondary: var(--color-green-200);
  --color-bg-positive-tertiary: var(--color-green-100);
  --color-bg-utilities-measurement: var(--color-pink-200);
  --color-bg-utilities-overlay: var(--color-alpha-black-50);
  --color-bg-utilities-tooltip: var(--color-alpha-black-75);
  --color-bg-warning: var(--color-yellow-400);
  --color-bg-warning-tertiary: var(--color-yellow-100);
  --color-bg-action-primary-selected: #f0f1f2;
  --color-bg-action-primary-hover: #f0f1f2;
  --color-bg-action-primary-pressed: #e8ebed;
  --color-bg-action-secondary-selected: #fbfbfb;
  --color-bg-button-primary-fill: #384472;
  --color-bg-button-secondary-fill: #e8ebed;
  --color-bg-button-disabled-fill: var(--color-gray-100);
  --color-bg-button-gray-fill: var(--color-gray-100);
  --color-bg-button-primary-fill-hover: var(--color-brand-600);
  --color-bg-button-primary-fill-pressed: var(--color-brand-900);
  --color-bg-button-gray-fill-hover: var(--color-bg-button-tertiary-fill-hover);
  --color-bg-button-point-fill-hover: var(--color-red-500);
  --color-bg-button-point-fill-pressed: var(--color-red-600);
  --color-bg-button-secondary-fill-hover: var(--color-primary-90);
  --color-bg-button-secondary-fill-pressed: var(--color-primary-80);
  --color-text-disabled-subtle: var(--color-gray-300);
  --color-bg-button-tertiary-fill-hover: #f0f0f0;
  --color-bg-button-tertiary-fill-pressed: var(--color-gray-100);
  --color-bg-button-text-fill-hover: #0000000d;
  --color-bg-button-text-fill-pressed: #0000001a;
  --color-bg-input-surface: var(--color-white);
  --color-bg-canvas: #f9fafb;
  --color-bg-chat-user-bubble: #001b3708;
  --color-bg-element-inverse: var(--color-white);
  --color-bg-element-primary: var(--color-brand-800);
  --color-bg-element-gray: var(--color-slate-600);
  --color-bg-element-success: var(--color-green-500);
  --color-bg-element-danger: var(--color-red-500);
  --color-bg-element-gray-lighter: var(--color-gray-100);
  --color-bg-file-pdf: #e75347;
  --color-bg-file-image: gray;
  --color-border-divider: var(--color-gray-100);
  --color-border-input: var(--color-gray-300);
  --color-border-input-active: var(--color-primary-60);
  --color-border-gray: var(--color-gray-400);
  --color-border-composer-focus: var(--color-primary-80);
  --color-border-active: var(--color-brand-500);
  --color-border-brand: var(--color-brand-800);
  --color-border-brand-tertiary: var(--color-brand-500);
  --color-border-danger: var(--color-point);
  --color-border-danger-tertiary: var(--color-red-500);
  --color-border-default: var(--color-gray-300);
  --color-border-light: var(--color-gray-200);
  --color-border-secondary: var(--color-gray-600);
  --color-border-disabled: var(--color-gray-400);
  --color-border-neutral-tertiary: var(--color-slate-400);
  --color-border-positive: var(--color-green-800);
  --color-border-positive-tertiary: var(--color-green-500);
  --color-border-warning: var(--color-yellow-900);
  --color-icon-brand: var(--color-brand-800);
  --color-icon-on-brand: var(--color-brand-100);
  --color-icon-danger: var(--color-red-500);
  --color-icon-default: var(--color-gray-900);
  --color-icon-secondary: #5a1b00;
  --color-icon-tertiary: var(--color-gray-400);
  --color-icon-disabled: #929292;
  --color-icon-gray: var(--color-neutral-20);
  --color-icon-gray-light: var(--color-neutral-40);
  --color-icon-point: var(--color-point);
  --color-icon-positive: var(--color-green-800);
  --color-icon-warning: var(--color-yellow-900);
  --color-text-brand: var(--color-brand-800);
  --color-text-on-brand: var(--color-brand-100);
  --color-text-danger: var(--color-red-700);
  --color-text-danger-secondary: var(--color-red-600);
  --color-text-default: var(--color-gray-900);
  --color-text-figma-primary: #171717;
  --color-text-on-color: #fff;
  --color-text-light: var(--color-neutral-60);
  --color-text-secondary: var(--color-gray-600);
  --color-text-tertiary: var(--color-slate-600);
  --color-text-disabled: var(--color-gray-400);
  --color-text-neutral: var(--color-slate-900);
  --color-text-neutral-on-neutral: var(--color-slate-100);
  --color-text-neutral-secondary: var(--color-slate-700);
  --color-text-point: var(--color-point);
  --color-text-positive: var(--color-green-800);
  --color-text-positive-secondary: var(--color-green-600);
  --color-text-utilities-text-on-overlay: var(--color-black);
  --color-text-warning: var(--color-yellow-900);
  --color-bg-navbar: #f0f1f2;
  --color-bg-navbar-hover: #e8ebed;
  --color-bg-navbar-active: var(--color-brand-600);
  --color-border-navbar: var(--color-gray-200);
  --color-text-navbar: var(--color-gray-600);
  --color-text-on-navbar-active: var(--color-white);
  --color-icon-navbar: var(--color-slate-700);
  --color-icon-on-navbar-active: var(--color-white);
  --spacing-gap-1: 2px;
  --spacing-gap-2: 4px;
  --spacing-gap-3: 8px;
  --spacing-gap-4: 12px;
  --spacing-gap-5: 16px;
  --spacing-gap-6: 20px;
  --spacing-gap-7: 24px;
  --spacing-gap-8: 32px;
  --spacing-gap-10: 48px;
  --spacing-gap-11: 64px;
  --spacing-padding-1: 2px;
  --spacing-padding-2: 4px;
  --spacing-padding-3: 8px;
  --spacing-padding-4: 10px;
  --spacing-padding-5: 12px;
  --spacing-padding-6: 16px;
  --spacing-padding-7: 20px;
  --spacing-padding-8: 24px;
  --spacing-padding-9: 32px;
  --spacing-padding-10: 40px;
  --spacing-primitive-xxs: 4px;
  --spacing-primitive-xs: 8px;
  --spacing-primitive-s: 12px;
  --spacing-primitive-m: 16px;
  --spacing-primitive-l: 20px;
  --spacing-primitive-xl: 24px;
  --spacing-calendar-day-s: 65px;
  --spacing-calendar-day-l: 109px;
  --radius-xsmall3: 2px;
  --radius-small1: 4px;
  --radius-small2: 4px;
  --radius-small3: 4px;
  --radius-medium1: 6px;
  --radius-medium2: 6px;
  --radius-medium4: 8px;
  --radius-large1: 10px;
  --radius-large2: 10px;
  --radius-xlarge2: 12px;
  --radius-xxl: 32px;
  --radius-max: 1000px;
  --radius-primitive-xxs: 4px;
  --radius-primitive-xs: 8px;
  --radius-primitive-s: 12px;
  --radius-primitive-full: 999px;
  --font-type: "Pretendard GOV", "Pretendard Variable", "Pretendard", sans-serif;
  --tracking-0: 0px;
  --tracking-1: 1px;
  --text-3xs: 8px;
  --text-3xs--line-height: 1.5;
  --text-2xs: 9px;
  --text-2xs--line-height: 1.5;
  --text-xs: 10px;
  --text-xs--line-height: 1.5;
  --text-xs-half: 10.5px;
  --text-xs-half--line-height: 1.5;
  --text-xs-plus: 11px;
  --text-xs-plus--line-height: 1.5;
  --text-xs-plus-half: 11.5px;
  --text-xs-plus-half--line-height: 1.5;
  --text-sm-minus: 12px;
  --text-sm-minus--line-height: 1.5;
  --text-sm-minus-half: 12.5px;
  --text-sm-minus-half--line-height: 1.5;
  --text-sm: 13px;
  --text-sm--line-height: 1.5;
  --text-sm-plus: 14px;
  --text-sm-plus--line-height: 1.5;
  --text-base: 15px;
  --text-base--line-height: 1.5;
  --text-base-plus: 16px;
  --text-base-plus--line-height: 1.5;
  --text-lg: 17px;
  --text-lg--line-height: 1.5;
  --text-xl: 19px;
  --text-xl--line-height: 1.5;
  --text-2xl: 24px;
  --text-2xl--line-height: 1.5;
  --text-3xl: 28px;
  --text-3xl--line-height: 1.5;
  --text-4xl-minus: 36px;
  --text-4xl-minus--line-height: 1.5;
  --text-4xl: 40px;
  --text-4xl--line-height: 1.5;
  --text-6xl: 60px;
  --text-6xl--line-height: 1.3;
  --spacing-size-height-3: 20px;
  --spacing-size-height-4: 24px;
  --spacing-size-height-5: 32px;
  --spacing-size-height-6: 40px;
  --spacing-size-height-7: 48px;
  --spacing-size-height-8: 56px;
  --spacing-size-height-9: 64px;
  --spacing-mobile-detail-appbar: 72px;
  --spacing-mobile-detail-back-icon: 16px;
  --spacing-mobile-detail-item-name: 140px;
  --spacing-mobile-detail-item-qty: 40px;
  --spacing-mobile-detail-item-row: 36px;
  --spacing-payment-history-chart: 186px;
  --spacing-payment-history-axis-label: 17px;
  --spacing-location-tile: 100px;
  --spacing-location-tile-min: 120px;
  --spacing-dashboard-payment-card-min: 160px;
  --spacing-dashboard-section-action: 80px;
  --spacing-dashboard-mail-banner-small-min: 351px;
  --spacing-dashboard-mail-banner-small-max: 744px;
  --spacing-dashboard-mail-banner-small-height: 196px;
  --spacing-dashboard-mail-banner-large-min: 729px;
  --spacing-dashboard-mail-banner-large-max: 1403px;
  --spacing-dashboard-mail-banner-large-height: 194px;
  --spacing-dashboard-mail-copy-small-min: 224px;
  --spacing-dashboard-mail-copy-large-min: 300px;
  --spacing-dashboard-mail-copy-height: 128px;
  --spacing-dashboard-mail-graphic-width: 200px;
  --spacing-dashboard-mail-graphic-height: 116px;
  --spacing-dashboard-mail-action-small-min: 78px;
  --spacing-dashboard-mail-action-large-min: 90px;
  --spacing-dashboard-mail-action-max: 300px;
  --spacing-dashboard-tmp-main: 1440px;
  --spacing-dashboard-tmp-panel-content: 400px;
  --spacing-hotel-hero: 223px;
  --spacing-hotel-brand-logo: 48px;
  --spacing-mobile-flight-hero: 200px;
  --spacing-mobile-flight-ticket: 336px;
  --spacing-mobile-flight-ticket-panel: 204px;
  --spacing-mobile-flight-ticket-header: 43px;
  --spacing-mobile-flight-ticket-body: 161px;
  --spacing-mobile-flight-ticket-grid: 148px;
  --spacing-mobile-flight-info-row: 53px;
  --spacing-mobile-flight-info-overlap: -9px;
  --spacing-mobile-flight-route-gap: 6px;
  --spacing-mobile-flight-info-row-gap: 10px;
  --spacing-mobile-flight-header-decoration: 62px;
  --spacing-mobile-flight-header-decoration-inset: 3px;
  --spacing-web-flight-hero: 223px;
  --spacing-web-flight-ticket: 336px;
  --spacing-web-flight-ticket-panel: 204px;
  --spacing-web-flight-ticket-header: 43px;
  --spacing-web-flight-ticket-body: 161px;
  --spacing-web-flight-ticket-grid: 148px;
  --spacing-web-flight-info-row: 53px;
  --spacing-web-flight-state-tab-height: 59px;
  --spacing-web-flight-state-tab-width: 313px;
  --spacing-web-flight-state-tab-arrival-width: 314px;
  --spacing-web-flight-header-decoration: 62px;
  --spacing-web-flight-header-decoration-inset: 3px;
  --background-image-web-flight-hero: linear-gradient(180deg,
      var(--color-alpha-white-0) 81.75%,
      var(--color-bg-default) 100%),
    linear-gradient(90deg,
      var(--color-alpha-black-15) 0%,
      var(--color-alpha-black-15) 100%);
  --background-image-sitecover: linear-gradient(180deg,
    var(--color-bg-element-primary) 64.108%,
    var(--color-primary-90) 160.25%);
  --spacing-login-illustration-mobile: 180px;
  --spacing-login-illustration-tablet: 300px;
  --spacing-login-illustration-wide: 565px;
  --spacing-login-logo-mobile: 78px;
  --spacing-login-logo-desktop: 98px;
  --spacing-login-image-min: 400px;
  --spacing-login-image-card-height: 459px;
  --spacing-login-visual-tablet: 476px;
  --spacing-login-copy-tablet: 400px;
  --spacing-login-content-mobile: 500px;
  --spacing-login-heading: 600px;
  --spacing-login-content-desktop: 720px;
  --spacing-login-copy-max: 878px;
  --spacing-login-layout: 1000px;
  --spacing-login-card: 80px;
  --spacing-login-tablet-x: 150px;
  --spacing-login-split-x: 120px;
  --spacing-login-wide-x: 200px;
  --breakpoint-app-tablet: 769px;
  --spacing-board: 1444px;
  --spacing-sidebar-expanded: 240px;
  --spacing-sidebar-collapsed: 80px;
  --spacing-right-panel: 360px;
  --spacing-topbar: 80px;
  --spacing-settings-tablet: 745px;
  --spacing-settings-wide: 1000px;
  --spacing-settings-nav: 224px;
  --spacing-settings-content-wide: 760px;
  --spacing-settings-nav-min-height: 656px;
  --spacing-settings-scroll-offset: 96px;
  --spacing-settings-header-row: 38px;
  --spacing-settings-sender-header: 50px;
  --spacing-settings-sender-name-column: 320px;
  --spacing-settings-control: 188px;
  --spacing-settings-select-min: 156px;
  --spacing-settings-delete-chip: 36px;
  --spacing-settings-logout-min-height: 96px;
  --spacing-settings-email-modal: 354px;
  --spacing-app-password-modal: 600px;
  --spacing-receipt-preview-modal: 1000px;
  --spacing-receipt-preview-area: 440px;
  --spacing-settings-profile-avatar: 160px;
  --spacing-settings-provider-tile: 116px;
  --spacing-settings-provider-logo: 60px;
  --spacing-settings-provider-logo-overlap: -8px;
  --spacing-settings-mobile-sheet: calc(100% - (var(--spacing-padding-5) * 2));
  --text-settings-profile-initial: 87px;
  --text-settings-profile-initial--line-height: 1;
  --text-settings-profile-initial-mobile: 22px;
  --text-settings-profile-initial-mobile--line-height: 1;
  --border-width-settings-profile-avatar: 16px;
  --spacing-more-drawer-gutter: 60px;
  --spacing-more-drawer-bottom: calc(var(--app-bottom-nav-height) + var(--app-safe-area-inset-bottom));
  --spacing-more-drawer-shell: 560px;
  --spacing-more-drawer-header: 80px;
  --spacing-more-drawer-body: 385px;
  --spacing-more-drawer-profile: 73px;
  --spacing-more-drawer-menu: 288px;
  --spacing-more-drawer-menu-row: 66px;
  --spacing-more-drawer-footer: 79px;
  --spacing-padding-settings-nav: 18px;
  --spacing-padding-chooser-x: 60px;
  --spacing-padding-chooser-card-y: 60px;
  --spacing-padding-chooser-tablet-x: 120px;
  --spacing-new-receipt-merchant-logo: 87px;
  --spacing-new-receipt-quantity-max: 90px;
  --spacing-new-receipt-footer-action: 200px;
  --spacing-new-receipt-summary-input-max: 453px;
  --spacing-new-receipt-summary-label-min: 310px;
  --spacing-new-receipt-mobile-item-name-min: 130px;
  --spacing-new-receipt-mobile-unit-price-min: 110px;
  --spacing-new-receipt-mobile-method-brand: 167px;
  --spacing-new-receipt-mobile-tax-max: 120px;
  --spacing-new-receipt-mobile-total: 28px;
  --spacing-new-receipt-progress: 10px;
  --spacing-data-table-row: 62px;
  --spacing-data-table-fixed: 336px;
  --spacing-data-table-head-s: 52px;
  --spacing-upload-results-toolbar: 52px;
  --spacing-upload-results-row: var(--spacing-data-table-row);
  --spacing-upload-results-card-media: 180px;
  --spacing-upload-results-card-min: 319px;
  --spacing-upload-results-toggle-s: 54px;
  --spacing-upload-results-toggle-l: 80px;
  --spacing-upload-results-sort-menu: 147px;
  --spacing-tooltip-max: 200px;
  --radius-control: 10px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --radius-number-10: 24px;
  --ease-in-and-out: cubic-bezier(.42, 0, .58, 1);
  --shadow-dashboard-mail-connect: 0px 5px 10px 0px #0000001a;
  --shadow-settings-provider-tile: 0px 4px 10px 0px #0000000d;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
  --color-emerald-400: oklch(76.5% .177 163.223);
  --color-emerald-500: oklch(69.6% .17 162.48);
  --color-emerald-600: oklch(59.6% .145 163.225);
  --color-indigo-400: oklch(67.3% .182 276.935);
  --color-indigo-500: oklch(58.5% .233 277.117);
  --color-indigo-600: oklch(51.1% .262 276.966);
  --spacing: .25rem;
  --container-sm: 24rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-tight: -.025em;
  --tracking-wide: .025em;
  --tracking-widest: .1em;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-xs: .125rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --drop-shadow-sm: 0 1px 2px #00000026;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}

:root {
  --border-width-static-regular: 1px;
  --border-width-variable-regular: 1px;
  --gradient-chat-hero: conic-gradient(from 90deg at 50% 42%, #e2eaff 0%, #efebfd 18.75%, var(--color-bg-default) 47%, #e2eaff 100%);
  --gradient-dashboard-mail-connect: radial-gradient(ellipse 100% 858% at left center, var(--color-bg-brand-tertiary) 0%, var(--color-bg-canvas) 100%);
}

.dark {
  --color-bg-brand: var(--color-brand-100);
  --color-bg-brand-hover: var(--color-brand-300);
  --color-bg-brand-secondary: var(--color-brand-600);
  --color-bg-brand-secondary-hover: var(--color-brand-500);
  --color-bg-brand-tertiary: var(--color-brand-600);
  --color-bg-brand-tertiary-hover: var(--color-brand-800);
  --color-bg-danger: var(--color-red-600);
  --color-bg-danger-hover: var(--color-red-700);
  --color-bg-danger-secondary: var(--color-red-800);
  --color-bg-danger-secondary-hover: var(--color-red-900);
  --color-bg-danger-tertiary: var(--color-red-900);
  --color-bg-danger-tertiary-hover: var(--color-red-1000);
  --color-bg-default: #1b1d23;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-default: color-mix(in oklab, var(--color-brand-1000) 14%, var(--color-gray-900));
  }
}

.dark {
  --color-bg-default-hover: #282a2f;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-default-hover: color-mix(in oklab, var(--color-brand-1000) 12%, var(--color-gray-800));
  }
}

.dark {
  --color-bg-secondary: #0f121b;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-secondary: color-mix(in oklab, var(--color-brand-1000) 20%, var(--color-gray-1000));
  }
}

.dark {
  --color-bg-secondary-hover: #1b1d23;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-secondary-hover: color-mix(in oklab, var(--color-brand-1000) 14%, var(--color-gray-900));
  }
}

.dark {
  --color-bg-tertiary: #333539;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-tertiary: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-700));
  }
}

.dark {
  --color-bg-tertiary-hover: #414247;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-tertiary-hover: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-600));
  }
}

.dark {
  --color-bg-disabled: #292a2e;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-disabled: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-800));
  }
}

.dark {
  --color-bg-neutral: var(--color-slate-400);
  --color-bg-neutral-hover: var(--color-slate-500);
  --color-bg-neutral-secondary: var(--color-slate-900);
  --color-bg-neutral-secondary-hover: var(--color-slate-1000);
  --color-bg-neutral-tertiary: var(--color-slate-900);
  --color-bg-neutral-tertiary-hover: var(--color-slate-1000);
  --color-bg-positive: var(--color-green-700);
  --color-bg-positive-hover: var(--color-green-800);
  --color-bg-positive-secondary: var(--color-green-800);
  --color-bg-positive-secondary-hover: var(--color-green-900);
  --color-bg-positive-tertiary: var(--color-green-900);
  --color-bg-positive-tertiary-hover: var(--color-green-1000);
  --color-bg-utilities-blanket: #000000b2;
  --color-bg-utilities-measurement: var(--color-pink-800);
  --color-bg-utilities-overlay: var(--color-alpha-black-50);
  --color-bg-utilities-scrim: #000c;
  --color-bg-utilities-tooltip: var(--color-alpha-black-75);
  --color-bg-warning: var(--color-yellow-400);
  --color-bg-warning-hover: var(--color-yellow-500);
  --color-bg-warning-secondary: var(--color-yellow-800);
  --color-bg-warning-secondary-hover: var(--color-yellow-900);
  --color-bg-warning-tertiary: var(--color-yellow-900);
  --color-bg-warning-tertiary-hover: var(--color-yellow-1000);
  --color-bg-navbar: #121624;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-navbar: color-mix(in oklab, var(--color-brand-900) 30%, var(--color-gray-1000));
  }
}

.dark {
  --color-bg-navbar-hover: #1f2433;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-navbar-hover: color-mix(in oklab, var(--color-brand-800) 35%, var(--color-gray-900));
  }
}

.dark {
  --color-bg-navbar-active: var(--color-brand-600);
  --color-bg-action-primary-selected: #282a2f;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-action-primary-selected: color-mix(in oklab, var(--color-brand-1000) 12%, var(--color-gray-800));
  }
}

.dark {
  --color-bg-action-primary-hover: #282a2f;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-action-primary-hover: color-mix(in oklab, var(--color-brand-1000) 12%, var(--color-gray-800));
  }
}

.dark {
  --color-bg-action-primary-pressed: #333539;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-action-primary-pressed: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-700));
  }
}

.dark {
  --color-bg-action-secondary-selected: #1c1d22;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-action-secondary-selected: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-900));
  }
}

.dark {
  --color-bg-button-primary-fill: #384472;
  --color-bg-button-secondary-fill: #333539;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-button-secondary-fill: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-700));
  }
}

.dark {
  --color-bg-button-disabled-fill: #292a2e;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-button-disabled-fill: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-800));
  }
}

.dark {
  --color-bg-button-gray-fill: var(--color-gray-800);
  --color-bg-button-primary-fill-hover: var(--color-brand-600);
  --color-bg-button-primary-fill-pressed: var(--color-brand-900);
  --color-bg-button-gray-fill-hover: var(--color-gray-700);
  --color-bg-button-point-fill-hover: var(--color-red-500);
  --color-bg-button-point-fill-pressed: var(--color-red-600);
  --color-bg-button-secondary-fill-hover: #414247;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-button-secondary-fill-hover: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-600));
  }
}

.dark {
  --color-bg-button-secondary-fill-pressed: #6a6c70;
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --color-bg-button-secondary-fill-pressed: color-mix(in oklab, var(--color-brand-1000) 10%, var(--color-gray-500));
  }
}

.dark {
  --color-text-disabled-subtle: var(--color-gray-500);
  --color-bg-button-tertiary-fill-hover: var(--color-gray-700);
  --color-bg-button-tertiary-fill-pressed: var(--color-gray-800);
  --color-bg-button-text-fill-hover: #ffffff0d;
  --color-bg-button-text-fill-pressed: #ffffff1a;
  --color-bg-input-surface: var(--color-bg-secondary);
  --color-bg-chat-user-bubble: #ffffff0d;
  --color-bg-canvas: var(--color-gray-100);
  --color-bg-element-inverse: var(--color-white);
  --color-border-divider: var(--color-white-100);
  --color-border-input: var(--color-border-default);
  --color-border-composer-focus: var(--color-primary-80);
  --color-bg-element-primary: var(--color-brand-800);
  --color-bg-element-gray: var(--color-slate-600);
  --color-border-active: var(--color-brand-500);
  --color-border-brand: var(--color-brand-100);
  --color-border-brand-secondary: var(--color-brand-300);
  --color-border-brand-tertiary: var(--color-brand-400);
  --color-border-danger: var(--color-red-200);
  --color-border-danger-secondary: var(--color-red-400);
  --color-border-danger-tertiary: var(--color-red-500);
  --color-border-default: var(--color-white-200);
  --color-border-light: var(--color-white-100);
  --color-border-secondary: var(--color-white-300);
  --color-border-tertiary: var(--color-white-400);
  --color-border-disabled: var(--color-white-200);
  --color-border-neutral: var(--color-slate-100);
  --color-border-neutral-secondary: var(--color-slate-500);
  --color-border-neutral-tertiary: var(--color-slate-600);
  --color-border-positive: var(--color-green-200);
  --color-border-positive-secondary: var(--color-green-400);
  --color-border-positive-tertiary: var(--color-green-600);
  --color-border-utilities-measurement: var(--color-pink-600);
  --color-border-utilities-swatch: #ffffff3d;
  --color-border-warning: var(--color-yellow-200);
  --color-border-warning-secondary: var(--color-yellow-400);
  --color-border-warning-tertiary: var(--color-yellow-600);
  --color-border-navbar: var(--color-white-100);
  --color-icon-brand: var(--color-brand-100);
  --color-icon-on-brand: var(--color-brand-900);
  --color-icon-on-brand-secondary: var(--color-brand-100);
  --color-icon-on-brand-tertiary: var(--color-brand-100);
  --color-icon-brand-secondary: var(--color-brand-300);
  --color-icon-brand-tertiary: var(--color-brand-400);
  --color-icon-danger: var(--color-red-200);
  --color-icon-danger-on-danger: var(--color-red-100);
  --color-icon-danger-on-danger-secondary: var(--color-red-100);
  --color-icon-danger-on-danger-tertiary: var(--color-red-100);
  --color-icon-danger-secondary: var(--color-red-400);
  --color-icon-danger-tertiary: var(--color-red-500);
  --color-icon-default: var(--color-white);
  --color-icon-secondary: var(--color-white-500);
  --color-icon-tertiary: var(--color-white-400);
  --color-icon-disabled: #929292;
  --color-icon-disabled-on-disabled: var(--color-gray-400);
  --color-icon-neutral: var(--color-slate-200);
  --color-icon-neutral-on-neutral: var(--color-slate-1000);
  --color-icon-neutral-on-neutral-secondary: var(--color-slate-100);
  --color-icon-neutral-on-neutral-tertiary: var(--color-slate-100);
  --color-icon-neutral-secondary: var(--color-slate-300);
  --color-icon-neutral-tertiary: var(--color-slate-400);
  --color-icon-point: var(--color-point);
  --color-icon-positive: var(--color-green-200);
  --color-icon-positive-on-positive: var(--color-green-100);
  --color-icon-positive-on-positive-secondary: var(--color-green-100);
  --color-icon-positive-on-positive-tertiary: var(--color-green-100);
  --color-icon-positive-secondary: var(--color-green-400);
  --color-icon-positive-tertiary: var(--color-green-600);
  --color-icon-utilities-icon: var(--color-pink-400);
  --color-icon-utilities-icon-on-measurement: var(--color-pink-200);
  --color-icon-warning: var(--color-yellow-200);
  --color-icon-warning-on-warning: var(--color-yellow-1000);
  --color-icon-warning-on-warning-secondary: var(--color-yellow-100);
  --color-icon-warning-on-warning-tertiary: var(--color-yellow-100);
  --color-icon-warning-secondary: var(--color-yellow-400);
  --color-icon-warning-tertiary: var(--color-yellow-600);
  --color-icon-navbar: var(--color-white-400);
  --color-icon-on-navbar-active: var(--color-white);
  --color-text-brand: var(--color-brand-100);
  --color-text-on-brand: var(--color-brand-900);
  --color-text-on-brand-secondary: var(--color-brand-100);
  --color-text-on-brand-tertiary: var(--color-brand-100);
  --color-text-brand-secondary: var(--color-brand-300);
  --color-text-brand-tertiary: var(--color-brand-400);
  --color-text-danger: var(--color-red-200);
  --color-text-danger-on-danger: var(--color-red-100);
  --color-text-danger-on-danger-secondary: var(--color-red-100);
  --color-text-danger-on-danger-tertiary: var(--color-red-100);
  --color-text-danger-secondary: var(--color-red-400);
  --color-text-danger-tertiary: var(--color-red-500);
  --color-text-default: var(--color-white);
  --color-text-figma-primary: #171717;
  --color-text-on-color: #fff;
  --color-text-light: var(--color-gray-400);
  --color-text-secondary: var(--color-white-500);
  --color-text-tertiary: var(--color-white-400);
  --color-text-disabled: var(--color-gray-500);
  --color-text-disabled-on-disabled: var(--color-gray-400);
  --color-text-neutral: var(--color-slate-200);
  --color-text-neutral-on-neutral: var(--color-slate-1000);
  --color-text-neutral-on-neutral-secondary: var(--color-slate-100);
  --color-text-neutral-on-neutral-tertiary: var(--color-slate-100);
  --color-text-neutral-secondary: var(--color-slate-300);
  --color-text-neutral-tertiary: var(--color-slate-400);
  --color-text-point: var(--color-point);
  --color-text-positive: var(--color-green-200);
  --color-text-positive-on-positive: var(--color-green-100);
  --color-text-positive-on-positive-secondary: var(--color-green-100);
  --color-text-positive-on-positive-tertiary: var(--color-green-100);
  --color-text-positive-secondary: var(--color-green-400);
  --color-text-positive-tertiary: var(--color-green-600);
  --color-text-utilities-text-on-measurement: var(--color-pink-200);
  --color-text-utilities-text-on-overlay: var(--color-white);
  --color-text-warning: var(--color-yellow-200);
  --color-text-warning-on-warning: var(--color-yellow-1000);
  --color-text-warning-on-warning-secondary: var(--color-yellow-100);
  --color-text-warning-on-warning-tertiary: var(--color-yellow-100);
  --color-text-warning-secondary: var(--color-yellow-400);
  --color-text-warning-tertiary: var(--color-yellow-600);
  --color-text-navbar: var(--color-white-500);
  --color-text-on-navbar-active: var(--color-white);
  --gradient-chat-hero: radial-gradient(130% 100% at 55% 40%, #9ba1b5, var(--color-bg-default) 62%);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --gradient-chat-hero: radial-gradient(130% 100% at 55% 40%, color-mix(in oklab, var(--color-brand-800) 45%, var(--color-bg-default)), var(--color-bg-default) 62%);
  }
}

:root {
  --chart-1: oklch(64.6% .222 41.116);
  --chart-2: oklch(60% .118 184.704);
  --chart-3: oklch(39.8% .07 227.392);
  --chart-4: oklch(82.8% .189 84.429);
  --chart-5: oklch(76.9% .188 70.08);
  --scrollbar-thumb: oklch(50% 0 0 / .3);
  --scrollbar-thumb-hover: oklch(50% 0 0 / .5);
}

.dark {
  --chart-1: oklch(48.8% .243 264.376);
  --chart-2: oklch(69.6% .17 162.48);
  --chart-3: oklch(76.9% .188 70.08);
  --chart-4: oklch(62.7% .265 303.9);
  --chart-5: oklch(64.5% .246 16.439);
  --scrollbar-thumb: oklch(70% 0 0 / .25);
  --scrollbar-thumb-hover: oklch(70% 0 0 / .45);
}

.theme-preview--default {
  --preview-canvas: #f5f5f5;
  --preview-sidebar: #f0f1f2;
  --preview-surface: #fff;
  --preview-line: #d7dce5;
  --preview-accent: #2c3966;
}

.dark .theme-preview--default {
  --preview-canvas: #14151c;
  --preview-sidebar: #1b1e2b;
  --preview-surface: #252735;
  --preview-line: #424556;
  --preview-accent: #9ea9d2;
}

.theme-preview--cozy {
  --preview-canvas: #c99962;
  --preview-sidebar: #e3c49b;
  --preview-surface: #fff9e9;
  --preview-line: #d6bd98;
  --preview-accent: #75533b;
  background-image: url("/figma/generated-v2/cork-tan-v2.png");
  background-size: 160px 160px;
}

.theme-preview--cozy .theme-preview-cards > span, .theme-preview--cozy .theme-preview-chart {
  background-image: url("/textures/cozy/paper-ivory.png");
  background-size: 160px 160px;
  border-radius: 1px;
  box-shadow: 1px 2px 3px #51341533;
}

.theme-preview--cozy .theme-preview-cards > span:first-child {
  transform: rotate(-4deg);
}

.theme-preview--cozy .theme-preview-cards > span:last-child {
  transform: rotate(3deg);
}

:root.cozy {
  --cozy-cork: url("/figma/generated-v2/cork-tan-v2.png");
  --cozy-cork-size: 418px auto;
  --cozy-ivory: url("/textures/cozy/paper-ivory.png");
  --cozy-butter: url("/textures/cozy/paper-butter-soft.png");
  --cozy-rose: url("/textures/cozy/paper-rose.png");
  --cozy-grid: url("/textures/cozy/paper-grid-blue.png");
  --cozy-sage: url("/textures/cozy/paper-sage.png");
  --cozy-lavender: url("/textures/cozy/paper-lavender.png");
  --cozy-peach: url("/textures/cozy/paper-peach.png");
  --cozy-board-shade: transparent;
  --cozy-paper-color: #fffdf5;
  --cozy-paper-veil: #fffdf538;
  --cozy-quiet-veil: #fffdf5bf;
  --cozy-pin: #a95c40;
  --cozy-shadow: 1px 3px 3px #51331822, 3px 7px 15px #51331826;
  --gradient-chat-hero: none;
}

.cozy [data-cozy-shell], .cozy [data-cozy-board] {
  background-color: #c39460;
  background-image: linear-gradient(var(--cozy-board-shade), var(--cozy-board-shade)), var(--cozy-cork);
  background-size: auto, var(--cozy-cork-size);
  background-repeat: repeat;
}

.cozy [data-cozy-header], .cozy [data-cozy-navigation] {
  background-image: linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-ivory);
  background-blend-mode: normal, multiply;
  background-size: 500px 500px;
}

.cozy [data-cozy-header] {
  z-index: 2;
  box-shadow: 0 2px 5px #49301d20;
}

.cozy [data-cozy-navigation="sidebar"] {
  box-shadow: 3px 0 10px #49301d26;
}

.cozy [data-cozy-navigation="sidebar"] .bg-navbar-active {
  border-radius: 3px 8px 5px 2px;
  box-shadow: 1px 2px 4px #49301d30;
}

.cozy [data-cozy-surface="note"] {
  --cozy-note-texture: var(--cozy-ivory);
  border-color: var(--color-border-light);
  background-color: var(--cozy-paper-color);
  background-image: linear-gradient(var(--cozy-paper-veil), var(--cozy-paper-veil)), var(--cozy-note-texture);
  background-blend-mode: normal, multiply;
  box-shadow: var(--cozy-shadow);
  background-size: 500px 500px;
  border-radius: 3px 5px 4px 2px;
  padding-top: 30px;
  position: relative;
}

.cozy [data-cozy-surface="note"]:not([data-cozy-paper]):nth-of-type(7n+2), .cozy [data-cozy-surface="note"][data-cozy-paper="butter"] {
  --cozy-note-texture: var(--cozy-butter);
  --cozy-pin: #73825c;
}

.cozy [data-cozy-surface="note"]:not([data-cozy-paper]):nth-of-type(7n+3), .cozy [data-cozy-surface="note"][data-cozy-paper="sage"] {
  --cozy-note-texture: var(--cozy-sage);
  --cozy-pin: #6b7b63;
}

.cozy [data-cozy-surface="note"]:not([data-cozy-paper]):nth-of-type(7n+4), .cozy [data-cozy-surface="note"][data-cozy-paper="lavender"] {
  --cozy-note-texture: var(--cozy-lavender);
  --cozy-pin: #88758f;
}

.cozy [data-cozy-surface="note"]:not([data-cozy-paper]):nth-of-type(7n+6), .cozy [data-cozy-surface="note"][data-cozy-paper="peach"] {
  --cozy-note-texture: var(--cozy-peach);
  --cozy-pin: #b07e61;
}

.cozy [data-cozy-surface="note"][data-cozy-paper="rose"], .cozy #settings-appearance {
  --cozy-note-texture: var(--cozy-rose);
}

.cozy [data-cozy-surface="note"][data-cozy-paper="grid"], .cozy [data-overview-trend-section] {
  --cozy-note-texture: var(--cozy-grid);
  --cozy-pin: #617986;
}

.cozy [data-payment-card-variant], .cozy [data-calendar-date-card], .cozy [data-cozy-surface="paper"], .cozy [data-settings-navigation-rail], .cozy [data-testid="settings-profile-summary"], .cozy [data-add-expense-form="mobile"] {
  background-image: linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-ivory);
  background-blend-mode: normal, multiply;
  background-size: 450px 450px;
  border-radius: 3px;
  box-shadow: 1px 2px 4px #49301d20;
}

.cozy [data-testid="settings-profile-summary"] {
  background-color: var(--cozy-paper-color);
}

.cozy [data-add-expense-form="mobile"] {
  background-color: var(--cozy-paper-color);
  padding: 20px;
}

.cozy [data-new-receipt-chooser] {
  background-color: #0000;
}

.cozy [data-cozy-intro] {
  background: var(--cozy-paper-color) var(--cozy-ivory) repeat;
  background-blend-mode: multiply;
  box-shadow: var(--cozy-shadow);
  background-size: 500px;
  border-radius: 3px;
  padding: 20px;
}

.cozy [data-dashboard-board] {
  gap: 24px;
}

.cozy [data-testid="chat-page-root"] {
  background: linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-paper-color) var(--cozy-ivory) repeat;
  background-blend-mode: multiply;
  border: 1px solid var(--color-border-light);
  box-shadow: var(--cozy-shadow);
  background-size: 500px;
  margin: 16px;
}

.cozy [data-cozy-card-heading] {
  flex-wrap: wrap;
  gap: 4px;
}

.cozy [data-cozy-card-heading] > :first-child {
  flex-basis: 100%;
}

.cozy [data-cozy-card-heading] > :last-child:not(:first-child) {
  margin-left: 44px;
}

.cozy [data-payment-card-variant="regular"] {
  min-height: 132px;
}

.cozy [data-cozy-payment-section] .grid[class*="auto-fill"] {
  grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr));
}

.cozy [data-cozy-recycle-grid] {
  grid-template-columns: repeat(auto-fill, minmax(min(245px, 100%), 1fr));
  gap: 20px;
}

.cozy [data-cozy-receipt-card] {
  height: 136px;
}

.cozy [data-cozy-recycle-card] {
  border-radius: 3px;
  height: 136px;
}

.cozy [data-cozy-recycle-card]:is(:hover, :focus-within) [data-cozy-receipt-card]:not([data-state="selected"]) {
  height: 110px;
}

.cozy [data-payment-card-variant][data-state="selected"] {
  box-shadow: 0 0 0 2px var(--color-border-active), var(--cozy-shadow);
}

.cozy [data-payment-card-variant]:hover {
  box-shadow: 1px 3px 7px #49301d30;
}

.cozy [data-upload-results-card] {
  background: var(--cozy-paper-color);
  border: 1px solid var(--color-border-light);
  border-radius: 2px;
  gap: 14px;
  margin: 8px 0;
  padding: 12px 12px 18px;
  box-shadow: 1px 3px 6px #49301d20;
}

.cozy [data-upload-results-card] > span:first-child, .cozy [data-upload-results-card] > span:first-child > span {
  border-radius: 1px;
}

.cozy [data-upload-results-card][aria-selected="true"] {
  outline: 2px solid var(--color-border-active);
  outline-offset: 2px;
}

.cozy [data-upload-results-card]:hover {
  background-color: var(--color-bg-default-hover);
}

.cozy [data-upload-results-board] > section {
  gap: 20px;
}

.cozy [data-upload-results-grid] > div:first-child {
  height: 48px;
}

.cozy [data-cozy-upload-mobile] {
  border: 1px solid var(--color-border-light);
  width: calc(100% - 24px);
  box-shadow: var(--cozy-shadow);
  margin: 12px;
}

.cozy :is([data-cozy-detail], [data-payment-detail-sheet]) {
  background-color: var(--cozy-paper-color);
  background-image: linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-ivory);
  border-left: 1px solid var(--color-border-default);
  background-size: 500px;
  box-shadow: -4px 0 12px #49301d20;
}

.cozy [data-payment-detail-summary] {
  border-bottom: 1px dashed var(--color-border-default);
  padding-bottom: 20px;
}

.cozy [data-payment-detail-brand] h2 {
  white-space: normal;
  font-size: 22px;
}

.cozy :is([data-slot="dialog-content"], [data-slot="alert-dialog-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="select-content"], [data-slot="sheet-content"]) {
  color: var(--color-text-default);
  background-color: var(--cozy-paper-color);
  background-image: linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-ivory);
  border-color: var(--color-border-default);
  background-size: 500px;
  border-radius: 5px;
  box-shadow: 0 8px 30px #35231930;
}

.cozy :is([data-slot="dialog-overlay"], [data-slot="alert-dialog-overlay"], [data-slot="sheet-overlay"]) {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #30231770;
}

.cozy :is([data-slot="dialog-content"], [data-slot="alert-dialog-content"]) {
  border-top: 5px solid #b8bd9d;
}

.cozy [data-settings-navigation-rail] {
  padding: 18px 12px;
}

.cozy [data-settings-navigation-rail] button {
  border-left: 3px solid #0000;
  border-radius: 0 3px 3px 0;
  font-weight: 500;
}

.cozy [data-settings-navigation-rail] button[data-active="true"] {
  background: var(--color-bg-secondary);
  border-left-color: #718064;
}

.cozy [data-testid="email-provider-action"] {
  border-radius: 4px;
  box-shadow: 1px 2px 3px #49301d15;
}

.cozy [data-cozy-mobile-email] {
  background: var(--cozy-paper-color);
  width: calc(100% - 32px);
  box-shadow: var(--cozy-shadow);
  border-radius: 3px;
  flex: none;
  margin: 16px;
}

.cozy [data-settings-detail-stack] {
  margin-inline: auto;
}

.cozy [data-testid="settings-profile-summary"] {
  position: relative;
}

.cozy [data-testid="settings-profile-summary"]:after, .cozy [data-cozy-intro]:after {
  content: "";
  pointer-events: none;
  background: #d9cba99c;
  width: 72px;
  height: 19px;
  position: absolute;
  top: -7px;
  left: calc(50% - 36px);
  transform: rotate(-3deg);
  box-shadow: 0 1px 2px #49301d14;
}

.cozy [data-cozy-intro] {
  position: relative;
}

.cozy [data-testid="chat-page-root"] {
  background-image: repeating-linear-gradient(transparent 0 31px, #a38e7015 31px 32px), linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-ivory);
  background-size: auto, auto, 500px;
}

.cozy [data-cozy-chat-rail] {
  background-image: linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-ivory);
  background-size: 500px;
}

.cozy-chat-intro {
  flex: 1;
  place-items: center;
  padding: 32px 16px;
  display: grid;
}

.cozy-chat-intro > div {
  gap: 28px;
  width: 100%;
  min-height: auto;
}

.cozy-chat-intro button {
  border-left: 3px solid #aab497;
  border-radius: 3px;
  box-shadow: 1px 2px 4px #49301d14;
}

.cozy [data-testid="floating-assistant-button"] {
  background: #ebe4cf;
  border: 2px solid #fffaee;
  box-shadow: 1px 3px 7px #49301d44;
}

.cozy [data-testid="floating-assistant-button"] svg {
  filter: sepia(.7) saturate(.4) hue-rotate(335deg);
}

.cozy [data-testid="floating-assistant-panel"] {
  background-size: 500px;
  border-radius: 5px;
  background-image: linear-gradient(var(--cozy-quiet-veil), var(--cozy-quiet-veil)), var(--cozy-ivory) !important;
}

.cozy [data-testid="login-page"] {
  background: linear-gradient(var(--cozy-board-shade), var(--cozy-board-shade)), var(--cozy-cork) repeat;
  background-size: auto, var(--cozy-cork-size);
  gap: clamp(24px, 4vw, 64px);
  padding: clamp(24px, 5vw, 80px);
  overflow-y: auto;
}

.cozy [data-testid="login-visual"] {
  width: 44%;
  min-width: 0;
  height: auto;
  box-shadow: var(--cozy-shadow);
  background: #fffdf5;
  border-radius: 3px;
  flex: 0 540px;
  padding: 24px 24px 52px;
  transform: rotate(-1.5deg);
}

.cozy [data-testid="login-visual"] > div {
  aspect-ratio: 1;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
}

.cozy [data-testid="login-content"] {
  background: var(--cozy-paper-color);
  width: 48%;
  min-width: 0;
  max-width: 600px;
  height: auto;
  box-shadow: var(--cozy-shadow);
  border-radius: 3px;
  flex: 0 600px;
  gap: 36px;
  padding: clamp(28px, 4vw, 64px);
  position: relative;
}

.cozy [data-testid="login-content"]:before {
  content: "";
  background: #d9cba9ce;
  width: 84px;
  height: 25px;
  position: absolute;
  top: -9px;
  left: calc(50% - 42px);
  transform: rotate(2deg);
}

.cozy [data-testid="login-content"] h1 {
  color: var(--color-text-default);
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.3;
}

.cozy [data-testid="login-content"] p {
  color: var(--color-text-secondary);
}

.cozy [data-testid="login-hero"] [aria-label="Skyli"] {
  filter: brightness(.45) sepia();
}

@media (min-width: 1200px) {
  .cozy [data-overview-responsive-grid] {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 24px;
  }

  .cozy [data-overview-responsive-grid] > section {
    min-width: 0;
    min-height: 0;
  }

  .cozy [data-overview-breakdown-chart] {
    height: 330px;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .cozy [data-cozy-header] img[alt="Skyli"] {
    filter: sepia(.8) saturate(.5);
  }

  .cozy [data-cozy-payment-section] [data-payment-card-variant="regular"] {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 8px;
    min-height: 88px;
    padding: 14px 12px;
    display: grid;
  }

  .cozy [data-cozy-payment-section] [data-payment-card-variant="regular"] > :nth-child(2) {
    display: none;
  }

  .cozy [data-cozy-payment-section] [data-payment-card-variant="regular"] > :last-child {
    width: auto;
    display: flex;
  }

  .cozy [data-cozy-payment-section] [data-payment-card-variant="regular"] > :last-child > :first-child {
    display: none;
  }

  .cozy [data-cozy-recycle-grid] {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .cozy [data-cozy-receipt-card] {
    height: 136px;
  }

  .cozy [data-cozy-mobile-email], .cozy [data-cozy-upload-mobile] {
    margin-bottom: 24px;
  }

  .cozy [data-testid="login-page"] {
    padding: 28px 20px;
  }

  .cozy [data-testid="login-page"] > div {
    gap: 28px;
    height: auto;
  }

  .cozy [data-testid="login-visual"] {
    flex: none;
    width: 180px;
    padding: 8px 8px 20px;
  }

  .cozy [data-testid="login-content"] {
    flex: none;
    gap: 28px;
    width: 100%;
    padding: 32px 24px;
  }

  .cozy [data-testid="login-content"] h1 {
    font-size: 28px;
  }

  .cozy [data-testid="login-hero"] {
    gap: 22px;
  }

  .cozy [data-cozy-board] {
    background-size: auto, var(--cozy-cork-size);
  }

  .cozy [data-dashboard-board] {
    gap: 18px;
  }

  .cozy [data-testid="chat-page-root"] {
    margin: 8px;
  }
}

@font-face {
  font-family: Patrick Hand;
  src: url("/assets/fonts/PatrickHand-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root.cozy {
  --cozy-hand: "Patrick Hand", "Pretendard GOV", sans-serif;
  --cozy-app-max-width: 1920px;
  --cozy-content-max-width: 1680px;
  --cozy-board-radius: 8px;
  --cozy-board-elevation: inset 1px 2px 2px #fff1cea6,
    inset -2px -2px 3px #7047284d,
    1px 2px 0 #d0a576,
    3px 5px 0 #b28a5e,
    5px 8px 0 #9b734c,
    7px 11px 0 #865f3e,
    8px 13px 0 #755137,
    10px 17px 7px #4b301e47,
    16px 29px 28px #4b301e33;
  --cozy-sans: "Pretendard GOV", "Pretendard Variable", sans-serif;
  --color-bg-default: #fffaf3;
  --color-bg-default-hover: #f5f5f5;
  --color-bg-canvas: #f9efe3;
  --color-bg-secondary: #f5f5f5;
  --color-bg-secondary-hover: #ebebeb;
  --color-bg-tertiary: #e5e5e5;
  --color-bg-input-surface: #fffaf3;
  --color-bg-navbar: #f9efe3;
  --color-bg-navbar-hover: #f4e7da;
  --color-bg-button-secondary-fill: #f4e7da;
  --color-text-default: #171717;
  --color-text-figma-primary: #171717;
  --color-text-secondary: #454545;
  --color-text-tertiary: #787878;
  --color-text-light: #adadad;
  --color-text-navbar: #33363d;
  --color-text-point: #fc5b00;
  --color-icon-default: #313031;
  --color-icon-secondary: #787878;
  --color-icon-tertiary: #adadad;
  --color-icon-navbar: #33363d;
  --color-icon-point: #fc5b00;
  --color-border-default: #dcdcdc;
  --color-border-secondary: #e5e5e5;
  --color-border-light: #f5f5f5;
  --color-border-divider: #e5e5e5;
  --color-border-navbar: #dac0aa;
  --color-border-input: #dcdcdc;
  --cozy-cork: url("/figma/generated-v2/cork-tan-v2.png");
  --cozy-cork-size: 418px auto;
  --cozy-blue: #2e426d;
  --cozy-blue-soft: #d8e9ec;
  --cozy-nav-paper: url("/figma/shared/e1338.png");
  --cozy-nav-active-paper: url("/figma/shared/2511a.png");
  --cozy-field-paper: url("/figma/shared/713e4.png");
  --cozy-top-surface: #f7e8d2;
  --color-bg-navbar-active: #d9e8ed;
  --color-bg-brand: #334b79;
  --color-bg-brand-hover: #263b62;
  --color-bg-brand-secondary: #d7e5eb;
  --color-bg-brand-tertiary: #e8f0f0;
  --color-bg-button-primary-fill: #334b79;
  --color-bg-button-primary-fill-hover: #263b62;
  --color-bg-button-primary-fill-pressed: #1d2f52;
  --color-bg-button-disabled-fill: #eae3d7;
  --color-bg-action-primary-selected: #d9e8ed;
  --color-bg-action-primary-hover: #e3edef;
  --color-bg-action-primary-pressed: #c9dce6;
  --color-bg-action-secondary-selected: #e3edef;
  --color-bg-element-primary: #334b79;
  --color-text-brand: #2e426d;
  --color-text-brand-secondary: #4f6385;
  --color-text-on-brand: #fffdf7;
  --color-text-on-navbar-active: #263c63;
  --color-icon-brand: #334b79;
  --color-icon-on-navbar-active: #263c63;
  --color-border-active: #526d96;
  --color-border-brand: #526d96;
  --color-border-brand-tertiary: #9eafc1;
}

.cozy [data-cozy-app], .cozy [data-cozy-shell], .cozy [data-cozy-board] {
  background-color: #c39b77;
  background-image: linear-gradient(var(--cozy-board-shade),var(--cozy-board-shade)), var(--cozy-cork);
  background-size: auto, var(--cozy-cork-size);
}

.cozy [data-cozy-shell] {
  --font-type: var(--cozy-hand);
  font-family: var(--cozy-hand);
  font-synthesis: none;
  background: var(--cozy-top-surface);
  grid-template-columns: minmax(0, 1fr) auto;
  justify-content: stretch;
}

.cozy [data-shell-edge] {
  display: none;
}

.cozy [data-cozy-board] {
  box-shadow: none;
}

.cozy [data-cozy-amount] {
  font-family: var(--cozy-hand);
}

.cozy [data-cozy-amount] .text-default {
  color: #171717;
  font-weight: 400;
}

.cozy [data-cozy-amount] .text-light {
  color: #adadad;
  font-weight: 400;
}

.cozy [data-cozy-shell-heading] {
  z-index: 15;
  box-shadow: none;
  background: none;
  position: relative;
}

.cozy [data-cozy-header] {
  box-shadow: none;
  background: none;
  border: 0;
}

.cozy [data-header-menu] {
  display: none;
}

.cozy [data-cozy-header] {
  --font-type: var(--cozy-hand);
  font-family: var(--cozy-hand);
  font-weight: 400;
}

.cozy [data-cozy-header] h1 {
  font-family: var(--cozy-hand);
  color: #191f28;
  letter-spacing: 2px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
}

.cozy [data-header-controls] {
  gap: 20px;
  min-width: 0;
  position: static;
  transform: none;
}

.cozy [data-header-controls] > div, .cozy [data-header-controls] > button {
  background-image: var(--cozy-field-paper);
  filter: drop-shadow(1px 2px 2px #4a331e20);
  background-color: #0000;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
  border-radius: 0;
}

.cozy [data-header-controls] > div {
  padding-inline: 9px;
}

.cozy [data-header-controls] input {
  font-family: var(--cozy-hand);
  letter-spacing: 2.1px;
  background: none;
  font-size: 17.85px;
  font-weight: 400;
}

.cozy [data-header-controls] button {
  font-family: var(--cozy-hand);
  letter-spacing: 2.1px;
  font-size: 17.85px;
  font-weight: 400;
  line-height: 1.5;
}

.cozy [data-header-controls] > button {
  padding-inline: 18px;
}

.cozy-top-navigation {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 51px;
  padding: 0 20px 8px;
  display: flex;
}

.cozy-primary-tabs, .cozy-utility-tabs {
  align-items: center;
  min-width: 0;
  display: flex;
}

.cozy-primary-tabs {
  flex: 1;
  gap: 6px;
}

.cozy-utility-tabs {
  flex: 1.25;
  gap: 5px;
  margin-left: auto;
}

.cozy-paper-tab {
  background: var(--cozy-nav-paper) center / 100% 100% no-repeat;
  color: #33363d;
  min-width: 0;
  height: 42px;
  font-family: var(--cozy-hand);
  letter-spacing: .1px;
  white-space: nowrap;
  filter: drop-shadow(1px 2px 1px #44301c26);
  border: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transition: transform .15s, filter .15s;
  display: flex;
  position: relative;
}

.cozy-paper-tab[aria-current="page"] {
  background-image: var(--cozy-nav-active-paper);
  color: #263c63;
}

.cozy-paper-tab {
  isolation: isolate;
}

.cozy-paper-tab:not([aria-current="page"]):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: .38;
  mix-blend-mode: multiply;
  -webkit-mask: var(--cozy-nav-paper) center / 100% 100% no-repeat;
  -webkit-mask: var(--cozy-nav-paper) center / 100% 100% no-repeat;
  mask: var(--cozy-nav-paper) center / 100% 100% no-repeat;
  background: #c69b66;
  position: absolute;
  inset: 0;
}

.cozy [data-cozy-compact="true"] .cozy-paper-tab:before {
  display: none;
}

.cozy-paper-tab:hover {
  filter: drop-shadow(1px 5px 3px #44301c35);
  transform: translateY(-2px) rotate(-.5deg);
}

.cozy-paper-tab:focus-visible {
  outline: 2px solid var(--cozy-blue);
  outline-offset: -7px;
}

.cozy-utility-tabs .cozy-paper-tab {
  height: 38px;
  padding-inline: 7px;
  font-size: 13px;
}

.cozy-paper-tab svg {
  width: 17px;
  height: 17px;
}

.cozy-tab-avatar {
  object-fit: cover;
  background: #eee5d9;
  border: 2px solid #fff;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
}

.cozy-profile-tab > span:not(.cozy-tab-avatar) {
  text-overflow: ellipsis;
  overflow: hidden;
}

.cozy [data-cozy-navigation="bottom"] {
  background: var(--cozy-top-surface);
  box-shadow: 0 -3px 6px #3c28151c;
}

.cozy [data-cozy-navigation="bottom"] > div {
  background: url("/figma/shared/6d22a.png") 50% 20% / 110%;
  border: 0;
}

.cozy [data-cozy-navigation="bottom"] button {
  color: #665d54;
  gap: 5px;
}

.cozy [data-cozy-navigation="bottom"] button[aria-current="page"] {
  background: var(--cozy-nav-active-paper) center / 100% 92% no-repeat;
  color: #263c63;
}

.cozy [data-cozy-navigation="bottom"] button > span {
  font-family: var(--cozy-hand);
  font-size: 12px;
  font-weight: 400;
}

.cozy [data-cozy-navigation="bottom"] svg {
  width: 25px;
  height: 25px;
}

.cozy-mobile-icon {
  border-radius: 5px;
  flex: none;
  width: 30px;
  height: 30px;
  display: block;
  position: relative;
  overflow: hidden;
}

.cozy-mobile-icon img {
  max-width: none;
  position: absolute;
}

@media (min-width: 769px) and (max-width: 1100px) {
  .cozy-top-navigation {
    gap: 10px;
    padding-inline: 16px;
  }

  .cozy-paper-tab {
    padding-inline: 6px;
    font-size: 14px;
  }

  .cozy-utility-tabs .cozy-paper-tab {
    padding-inline: 5px;
    font-size: 12px;
  }

  .cozy-profile-tab > svg {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 900px) {
  .cozy-paper-tab svg {
    width: 14px;
    height: 14px;
  }

  .cozy-primary-tabs {
    gap: 3px;
  }
}

@media (max-width: 768px) {
  .cozy [data-cozy-shell] {
    background: var(--cozy-top-surface);
  }

  .cozy-top-navigation {
    display: none;
  }

  .cozy [data-cozy-shell-heading] {
    box-shadow: none;
    background: none;
  }

  .cozy [data-cozy-header][data-figma-page="main"] {
    filter: drop-shadow(1px 2px 2px #49301d1f);
    background: url("/figma/shared/e8bd7.png") center / min(360px, 96%) 94% no-repeat;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    height: auto;
    min-height: 150px;
    padding: 24px 16px 22px;
  }

  .cozy [data-cozy-header][data-figma-page="main"]:before {
    content: "";
    pointer-events: none;
    background: url("/figma/worker-3/blue-tape.png") center / 100% 100% no-repeat;
    width: 65px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: calc(50% - 32px);
    transform: rotate(-6deg);
  }

  .cozy [data-cozy-header] h1 {
    max-width: 100%;
    font-size: 23px;
  }

  .cozy [data-header-controls] {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
  }

  .cozy [data-header-controls] > div {
    max-width: 100%;
  }

  .cozy [data-header-controls] button {
    font-size: 15px;
  }

  .cozy [data-cozy-header][data-figma-page="sub"] {
    background: var(--cozy-top-surface);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cozy-paper-tab {
    transition: none;
  }
}

.cozy [data-cozy-header] :is(.font-bold, .font-semibold, .font-medium), .cozy [data-payment-card-variant] :is(p, span) {
  font-weight: 400;
}

.cozy [data-payment-card-variant] {
  font-family: var(--cozy-hand);
  font-synthesis: none;
}

.cozy [data-payment-card-variant] [data-cozy-merchant-name] {
  font-family: var(--cozy-hand);
  letter-spacing: 2.1189px;
  color: #171717;
  font-size: 16.951px;
  font-weight: 400;
  line-height: 1.5;
}

.cozy [data-payment-card-variant] [data-cozy-card-date] {
  font-family: var(--cozy-hand);
  letter-spacing: 1.0594px;
  color: #33363d;
  font-size: 10.594px;
  font-weight: 400;
  line-height: 1.5;
}

.cozy [data-cozy-amount] {
  font-family: var(--cozy-hand);
  font-synthesis: none;
}

.cozy [data-cozy-amount] .text-xl {
  font-size: 20.129px;
  line-height: 1.5;
}

.cozy [data-cozy-amount] .text-sm {
  font-size: 13.773px;
}

.cozy .cozy-tab-avatar {
  font-family: var(--cozy-sans);
  font-weight: 700;
}

.cozy [data-cozy-app], .cozy [data-cozy-shell] {
  background-color: var(--cozy-top-surface);
  background-blend-mode: normal;
  background-image: linear-gradient(#f7e8d2e8, #f7e8d2e8), url("/textures/cozy/wallpaper/paper-156.jpg");
  background-repeat: repeat;
  background-size: auto, 240px;
}

.cozy [data-cozy-shell] .cozy-chat-layout {
  background: none;
}

.cozy [data-cozy-shell] {
  width: 100%;
  max-width: var(--cozy-app-max-width);
  scrollbar-gutter: stable both-edges;
  margin-inline: auto;
}

.cozy [data-cozy-shell] > [data-cozy-board] {
  width: 100%;
  max-width: var(--cozy-content-max-width);
  background: none;
  margin-inline: auto;
}

.cozy [data-cozy-shell] .cozy-dashboard-layout > [data-dashboard-body], .cozy [data-cozy-shell].cozy-payments-page [data-dashboard-board], .cozy [data-cozy-shell] .cozy-overview-canvas, .cozy [data-cozy-shell] .cozy-download-page, .cozy [data-cozy-shell] .cozy-new-receipt-board, .cozy [data-cozy-shell] .cozy-recycle-board, .cozy [data-cozy-shell] .cozy-upload-board, .cozy [data-cozy-shell] .cozy-chat-layout [data-testid="chat-page-root"] {
  border-radius: var(--cozy-board-radius);
  box-shadow: var(--cozy-board-elevation);
}

.cozy [data-cozy-shell] .cozy-upload-board {
  background: #c79a71 var(--cozy-cork) center / var(--cozy-cork-size);
  border-radius: 8px;
  width: calc(100% - 48px);
  margin: 18px 24px 36px;
}

@media (max-width: 768px) {
  .cozy [data-cozy-shell] .cozy-upload-board {
    width: calc(100% - 24px);
    margin: 12px 12px 30px;
  }
}

.cozy .cozy-category-sticker {
  background-image: url("/figma/worker-1/category-stickers.png");
  background-repeat: no-repeat;
}

.cozy [data-cozy-category="food"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-food.svg");
}

.cozy [data-cozy-category="food"] .cozy-category-sticker {
  background-position: 16.5597% 7.0978%;
  background-size: 505.26% 463.35%;
}

.cozy [data-cozy-category="shopping"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-shopping.svg");
}

.cozy [data-cozy-category="shopping"] .cozy-category-sticker {
  background-position: 50.4191% 2.8633%;
  background-size: 579.62% 400%;
}

.cozy [data-cozy-category="transport"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-transport.svg");
}

.cozy [data-cozy-category="transport"] .cozy-category-sticker {
  background-position: 83.1368% 4.4804%;
  background-size: 474.07% 421.4%;
}

.cozy [data-cozy-category="subscriptions"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-subscriptions.svg");
}

.cozy [data-cozy-category="subscriptions"] .cozy-category-sticker {
  background-position: 18.4162% 46.1187%;
  background-size: 604.72% 489.95%;
}

.cozy [data-cozy-category="housing"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-housing.svg");
  --cozy-category-ink: #f3f3f3;
}

.cozy [data-cozy-category="housing"] .cozy-category-sticker {
  background-position: 49.8702% 44.6932%;
  background-size: 489.17% 445.22%;
}

.cozy [data-cozy-category="health"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-health.svg");
  --cozy-category-ink: #f3f3f3;
}

.cozy [data-cozy-category="health"] .cozy-category-sticker {
  background-position: 80.0655% 45.6989%;
  background-size: 621.86% 467.58%;
}

.cozy [data-cozy-category="finance"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-finance.svg");
}

.cozy [data-cozy-category="finance"] .cozy-category-sticker {
  background-position: 18.3644% 84.5808%;
  background-size: 542.76% 445.22%;
}

.cozy [data-cozy-category="entertainment"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-entertainment.svg");
}

.cozy [data-cozy-category="entertainment"] .cozy-category-sticker {
  background-position: 49.8702% 84.6207%;
  background-size: 489.17% 417.96%;
}

.cozy [data-cozy-category="travel"] {
  --cozy-category-stripe: url("/figma/worker-1/category-stripe-travel.svg");
  --cozy-category-ink: #f3f3f3;
}

.cozy [data-cozy-category="travel"] .cozy-category-sticker {
  background-position: 83.174% 84.1421%;
  background-size: 492.31% 459.19%;
}

.cozy [data-cozy-category="technology"] {
  --cozy-category-stripe: url("/textures/cozy/categories/technology-stripe.svg");
  --cozy-category-count: #8eafb4;
  --cozy-category-ink: #27464c;
}

.cozy [data-cozy-category="other"] {
  --cozy-category-stripe: url("/textures/cozy/categories/other-stripe.svg");
  --cozy-category-count: #ca9b82;
  --cozy-category-ink: #694937;
}

.cozy [data-cozy-category="groceries"] {
  --cozy-category-stripe: url("/textures/cozy/categories/groceries-stripe.svg");
  --cozy-category-count: #b4b878;
  --cozy-category-ink: #515334;
}

.cozy :is([data-cozy-category="technology"], [data-cozy-category="other"], [data-cozy-category="groceries"]) .cozy-category-sticker {
  background-position: center;
  background-size: contain;
}

.cozy [data-cozy-category="technology"] .cozy-category-sticker {
  background-image: url("/textures/cozy/categories/technology.png");
}

.cozy [data-cozy-category="other"] .cozy-category-sticker {
  background-image: url("/textures/cozy/categories/other.png");
}

.cozy [data-cozy-category="groceries"] .cozy-category-sticker {
  background-image: url("/textures/cozy/categories/groceries.png");
}

.cozy [data-cozy-category="education"] {
  --cozy-category-stripe: url("/textures/cozy/categories/education-stripe.svg");
  --cozy-category-count: #c9b77e;
  --cozy-category-ink: #585039;
}

.cozy [data-cozy-category="education"] .cozy-category-sticker {
  background: url("/textures/cozy/categories/education.png") center / contain no-repeat;
}

@layer theme;

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

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

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :root {
    --app-safe-area-inset-top: max(env(safe-area-inset-top, 0px), var(--native-safe-area-inset-top, 0px));
    --app-safe-area-inset-right: max(env(safe-area-inset-right, 0px), var(--native-safe-area-inset-right, 0px));
    --app-safe-area-inset-bottom: max(env(safe-area-inset-bottom, 0px), var(--native-safe-area-inset-bottom, 0px));
    --app-safe-area-inset-left: max(env(safe-area-inset-left, 0px), var(--native-safe-area-inset-left, 0px));
    --app-bottom-nav-height: 80px;
  }

  *, :after, :before, ::backdrop {
    border-color: var(--color-border-default);
    outline-color: #202e5a80;
  }

  ::file-selector-button {
    border-color: var(--color-border-default);
    outline-color: #202e5a80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::file-selector-button {
      outline-color: color-mix(in oklab, var(--color-border-brand) 50%, transparent);
    }

    *, :after, :before, ::backdrop {
      outline-color: color-mix(in oklab, var(--color-border-brand) 50%, transparent);
    }
  }

  html, body, #root {
    height: 100%;
  }

  body {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-default);
    font-family: var(--font-sans);
    font-size: 1rem;
    line-height: 1.5;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea {
    background-color: var(--color-bg-secondary);
  }

  ::file-selector-button {
    background-color: var(--color-bg-secondary);
  }
}

@layer components {
  .page-shell {
    width: 100%;
    padding: var(--page-padding-y) var(--page-padding-x) calc(var(--page-padding-y) + var(--app-safe-area-inset-bottom));
    margin-inline: auto;
  }

  .page-stack {
    gap: var(--page-gap);
    flex-direction: column;
    display: flex;
  }

  .app-panel {
    border-radius: calc(var(--radius) + 10px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border-default);
    border-color: color-mix(in srgb, #c8c8c8 calc(70 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-panel {
      border-color: color-mix(in oklab, var(--color-border-default) calc(70 * 1%), transparent);
    }
  }

  .app-panel {
    background-color: var(--color-bg-default);
    background-color: color-mix(in srgb, #fff calc(92 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-panel {
      background-color: color-mix(in oklab, var(--color-bg-default) calc(92 * 1%), transparent);
    }
  }

  .app-panel {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .app-panel-muted {
    border-radius: calc(var(--radius) + 10px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border-default);
    border-color: color-mix(in srgb, #c8c8c8 calc(60 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-panel-muted {
      border-color: color-mix(in oklab, var(--color-border-default) calc(60 * 1%), transparent);
    }
  }

  .app-panel-muted {
    background-color: var(--color-bg-secondary);
    background-color: color-mix(in srgb, #f5f5f5 calc(55 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-panel-muted {
      background-color: color-mix(in oklab, var(--color-bg-secondary) calc(55 * 1%), transparent);
    }
  }

  .app-panel-muted {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .app-toolbar {
    gap: calc(var(--spacing) * 3);
    gap: var(--spacing-gap-3);
    border-radius: calc(var(--radius) + 12px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border-default);
    border-color: color-mix(in srgb, #c8c8c8 calc(70 * 1%), transparent);
    flex-direction: column;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-toolbar {
      border-color: color-mix(in oklab, var(--color-border-default) calc(70 * 1%), transparent);
    }
  }

  .app-toolbar {
    background-color: var(--color-bg-default);
    background-color: color-mix(in srgb, #fff calc(88 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-toolbar {
      background-color: color-mix(in oklab, var(--color-bg-default) calc(88 * 1%), transparent);
    }
  }

  .app-toolbar {
    padding: calc(var(--spacing) * 3);
    padding: var(--spacing-padding-3);
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  @media (min-width: 40rem) {
    .app-toolbar {
      padding: calc(var(--spacing) * 4);
      padding: var(--spacing-padding-4);
    }
  }

  .app-chip {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    gap: var(--spacing-gap-2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border-default);
    border-color: color-mix(in srgb, #c8c8c8 calc(70 * 1%), transparent);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-chip {
      border-color: color-mix(in oklab, var(--color-border-default) calc(70 * 1%), transparent);
    }
  }

  .app-chip {
    background-color: var(--color-bg-secondary);
    background-color: color-mix(in srgb, #f5f5f5 calc(85 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-chip {
      background-color: color-mix(in oklab, var(--color-bg-secondary) calc(85 * 1%), transparent);
    }
  }

  .app-chip {
    padding-inline: calc(var(--spacing) * 3);
    padding-inline: var(--spacing-padding-3);
    padding-block: var(--spacing);
    padding-block: var(--spacing-padding-1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-tertiary);
  }

  .app-stat {
    border-radius: calc(var(--radius) + 6px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border-default);
    border-color: color-mix(in srgb, #c8c8c8 calc(60 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-stat {
      border-color: color-mix(in oklab, var(--color-border-default) calc(60 * 1%), transparent);
    }
  }

  .app-stat {
    background-color: var(--color-bg-secondary);
    background-color: color-mix(in srgb, #f5f5f5 calc(45 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .app-stat {
      background-color: color-mix(in oklab, var(--color-bg-secondary) calc(45 * 1%), transparent);
    }
  }

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

  .nova-scroll-figma {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
  }

  .nova-scroll-figma::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  .nova-scroll-figma::-webkit-scrollbar-track {
    background: none;
  }

  .nova-scroll-figma::-webkit-scrollbar-thumb {
    border-radius: var(--radius-max);
    background: none;
  }

  .nova-scroll-figma::-webkit-scrollbar-thumb:hover {
    border-radius: var(--radius-max);
    background: none;
  }

  .nova-scroll-figma[data-scrollbar-active="true"] {
    scrollbar-color: var(--color-bg-secondary-hover) transparent;
  }

  .nova-scroll-figma[data-scrollbar-active="true"]::-webkit-scrollbar-thumb {
    background: var(--color-bg-secondary-hover);
  }

  .nova-scroll-figma[data-scrollbar-active="true"]::-webkit-scrollbar-thumb:hover {
    background: var(--color-bg-secondary-hover);
  }
}

@layer utilities {
  .\@container\/dashboard-tmp {
    container: dashboard-tmp / inline-size;
  }

  .\@container\/download-main {
    container: download-main / inline-size;
  }

  .\@container\/payments-main {
    container: payments-main / inline-size;
  }

  .\@container\/settings-main {
    container: settings-main / inline-size;
  }

  .\@container\/shell {
    container: shell / inline-size;
  }

  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-\[-0\.5px_-4\.17\%\] {
    inset: -.5px -4.17%;
  }

  .inset-\[-1px_-3\.82\%\] {
    inset: -1px -3.82%;
  }

  .inset-\[0_0_0_53\.34\%\] {
    inset: 0 0 0 53.34%;
  }

  .inset-\[8\.33\%\] {
    inset: 8.33%;
  }

  .inset-\[16\.14\%_14\.99\%_66\.08\%_77\.44\%\] {
    inset: 16.14% 14.99% 66.08% 77.44%;
  }

  .inset-\[18\.7\%_25\.45\%_16\.14\%_68\.19\%\] {
    inset: 18.7% 25.45% 16.14% 68.19%;
  }

  .inset-\[18\.16\%_60\.25\%_16\.49\%_20\.1\%\] {
    inset: 18.16% 60.25% 16.49% 20.1%;
  }

  .inset-\[18\.75\%\] {
    inset: 18.75%;
  }

  .inset-\[24\.05\%_81\.58\%_16\.62\%_0\] {
    inset: 24.05% 81.58% 16.62% 0;
  }

  .inset-\[39\.98\%_39\.43\%_0\.07\%_39\.81\%\] {
    inset: 39.98% 39.43% .07% 39.81%;
  }

  .inset-\[40\.38\%_15\.6\%_16\.1\%_78\.08\%\] {
    inset: 40.38% 15.6% 16.1% 78.08%;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }

  .inset-x-\[12px\] {
    inset-inline: 12px;
  }

  .inset-y-0 {
    inset-block: 0;
  }

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

  .top-0 {
    top: 0;
  }

  .top-1\/2 {
    top: 50%;
  }

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

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

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

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

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

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

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

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

  .top-full {
    top: 100%;
  }

  .top-mobile-flight-ticket-header {
    top: var(--spacing-mobile-flight-ticket-header);
  }

  .top-web-flight-ticket-header {
    top: var(--spacing-web-flight-ticket-header);
  }

  .right-0 {
    right: 0;
  }

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

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

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

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

  .right-9 {
    right: calc(var(--spacing) * 9);
  }

  .right-mobile-flight-header-decoration-inset {
    right: var(--spacing-mobile-flight-header-decoration-inset);
  }

  .right-padding-3 {
    right: var(--spacing-padding-3);
  }

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

  .right-web-flight-header-decoration-inset {
    right: var(--spacing-web-flight-header-decoration-inset);
  }

  .bottom-0 {
    bottom: 0;
  }

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

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

  .bottom-\[8px\] {
    bottom: 8px;
  }

  .bottom-\[calc\(var\(--app-bottom-nav-height\)\+var\(--app-safe-area-inset-bottom\)\+12px\)\] {
    bottom: calc(var(--app-bottom-nav-height) + var(--app-safe-area-inset-bottom) + 12px);
  }

  .bottom-more-drawer-bottom {
    bottom: var(--spacing-more-drawer-bottom);
  }

  .left-0 {
    left: 0;
  }

  .left-1\/2 {
    left: 50%;
  }

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

  .left-\[50\%\] {
    left: 50%;
  }

  .left-more-drawer-gutter {
    left: var(--spacing-more-drawer-gutter);
  }

  .isolate {
    isolation: isolate;
  }

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

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

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

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

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

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

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

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

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

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

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

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-start-1 {
    grid-column-start: 1;
  }

  .col-start-3 {
    grid-column-start: 3;
  }

  .col-end-3 {
    grid-column-end: 3;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-start-2 {
    grid-row-start: 2;
  }

  .row-end-3 {
    grid-row-end: 3;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 769px) {
    .container {
      max-width: 769px;
    }
  }

  @media (min-width: 1201px) {
    .container {
      max-width: 1201px;
    }
  }

  @media (min-width: 1440px) {
    .container {
      max-width: 1440px;
    }
  }

  @media (min-width: 1920px) {
    .container {
      max-width: 1920px;
    }
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

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

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

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

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

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

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

  .my-primitive-s {
    margin-block: var(--spacing-primitive-s);
  }

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

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

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

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

  .mt-0 {
    margin-top: 0;
  }

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

  .mt-1 {
    margin-top: var(--spacing);
  }

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

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

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

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

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

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

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

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

  .mt-auto {
    margin-top: auto;
  }

  .mt-mobile-flight-info-overlap {
    margin-top: var(--spacing-mobile-flight-info-overlap);
  }

  .mt-primitive-m {
    margin-top: var(--spacing-primitive-m);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

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

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

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

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

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

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

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

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

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

  .mb-settings-provider-logo-overlap {
    margin-bottom: var(--spacing-settings-provider-logo-overlap);
  }

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

  .-ml-primitive-xxs {
    margin-left: calc(var(--spacing-primitive-xxs) * -1);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

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

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

  .ml-primitive-xxs {
    margin-left: var(--spacing-primitive-xxs);
  }

  .scrollbar-panel-overlay {
    scrollbar-gutter: auto !important;
    scrollbar-width: none !important;
  }

  .scrollbar-panel-overlay::-webkit-scrollbar {
    display: none;
  }

  .scrollbar-new-receipt {
    scrollbar-width: none;
  }

  .scrollbar-new-receipt::-webkit-scrollbar {
    display: none;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

  .\[field-sizing\:content\] {
    field-sizing: content;
  }

  .aspect-\[296\/236\] {
    aspect-ratio: 296 / 236;
  }

  .aspect-\[600\/340\] {
    aspect-ratio: 600 / 340;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

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

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-\[6px\] {
    width: 6px;
    height: 6px;
  }

  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }

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

  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }

  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }

  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }

  .size-\[17px\] {
    width: 17px;
    height: 17px;
  }

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

  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }

  .size-\[28px\] {
    width: 28px;
    height: 28px;
  }

  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }

  .size-\[32px\] {
    width: 32px;
    height: 32px;
  }

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

  .size-\[44px\] {
    width: 44px;
    height: 44px;
  }

  .size-\[48px\] {
    width: 48px;
    height: 48px;
  }

  .size-\[50px\] {
    width: 50px;
    height: 50px;
  }

  .size-\[64px\] {
    width: 64px;
    height: 64px;
  }

  .size-\[74px\] {
    width: 74px;
    height: 74px;
  }

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

  .size-\[96px\] {
    width: 96px;
    height: 96px;
  }

  .size-\[100px\] {
    width: 100px;
    height: 100px;
  }

  .size-\[140px\] {
    width: 140px;
    height: 140px;
  }

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

  .size-\[173px\] {
    width: 173px;
    height: 173px;
  }

  .size-\[240px\] {
    width: 240px;
    height: 240px;
  }

  .size-\[280px\] {
    width: 280px;
    height: 280px;
  }

  .size-\[calc\(var\(--spacing-size-height-3\)\/2\)\] {
    width: calc(var(--spacing-size-height-3) / 2);
    height: calc(var(--spacing-size-height-3) / 2);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .size-hotel-brand-logo {
    width: var(--spacing-hotel-brand-logo);
    height: var(--spacing-hotel-brand-logo);
  }

  .size-login-illustration-mobile {
    width: var(--spacing-login-illustration-mobile);
    height: var(--spacing-login-illustration-mobile);
  }

  .size-mobile-detail-back-icon {
    width: var(--spacing-mobile-detail-back-icon);
    height: var(--spacing-mobile-detail-back-icon);
  }

  .size-mobile-flight-header-decoration {
    width: var(--spacing-mobile-flight-header-decoration);
    height: var(--spacing-mobile-flight-header-decoration);
  }

  .size-new-receipt-merchant-logo {
    width: var(--spacing-new-receipt-merchant-logo);
    height: var(--spacing-new-receipt-merchant-logo);
  }

  .size-primitive-l {
    width: var(--spacing-primitive-l);
    height: var(--spacing-primitive-l);
  }

  .size-primitive-m {
    width: var(--spacing-primitive-m);
    height: var(--spacing-primitive-m);
  }

  .size-primitive-xl {
    width: var(--spacing-primitive-xl);
    height: var(--spacing-primitive-xl);
  }

  .size-px {
    width: 1px;
    height: 1px;
  }

  .size-size-height-3 {
    width: var(--spacing-size-height-3);
    height: var(--spacing-size-height-3);
  }

  .size-size-height-4 {
    width: var(--spacing-size-height-4);
    height: var(--spacing-size-height-4);
  }

  .size-size-height-5 {
    width: var(--spacing-size-height-5);
    height: var(--spacing-size-height-5);
  }

  .size-size-height-6 {
    width: var(--spacing-size-height-6);
    height: var(--spacing-size-height-6);
  }

  .size-size-height-7 {
    width: var(--spacing-size-height-7);
    height: var(--spacing-size-height-7);
  }

  .size-size-height-9 {
    width: var(--spacing-size-height-9);
    height: var(--spacing-size-height-9);
  }

  .size-web-flight-header-decoration {
    width: var(--spacing-web-flight-header-decoration);
    height: var(--spacing-web-flight-header-decoration);
  }

  .size-settings-profile-avatar {
    width: var(--spacing-settings-profile-avatar);
    height: var(--spacing-settings-profile-avatar);
  }

  .size-settings-provider-logo {
    width: var(--spacing-settings-provider-logo);
    height: var(--spacing-settings-provider-logo);
  }

  .size-settings-provider-tile {
    width: var(--spacing-settings-provider-tile);
    height: var(--spacing-settings-provider-tile);
  }

  .h-0 {
    height: 0;
  }

  .h-1 {
    height: var(--spacing);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[calc\(72px\+var\(--app-safe-area-inset-top\)\)\] {
    height: calc(72px + var(--app-safe-area-inset-top));
  }

  .h-\[calc\(80px\+var\(--app-safe-area-inset-top\)\)\] {
    height: calc(80px + var(--app-safe-area-inset-top));
  }

  .h-\[calc\(var\(--app-bottom-nav-height\)\+var\(--app-safe-area-inset-bottom\)\)\] {
    height: calc(var(--app-bottom-nav-height) + var(--app-safe-area-inset-bottom));
  }

  .h-\[var\(--app-bottom-nav-height\)\] {
    height: var(--app-bottom-nav-height);
  }

  .h-auto {
    height: auto;
  }

  .h-calendar-day-s {
    height: var(--spacing-calendar-day-s);
  }

  .h-dashboard-mail-banner-large {
    height: var(--spacing-dashboard-mail-banner-large-height);
  }

  .h-dashboard-mail-banner-small {
    height: var(--spacing-dashboard-mail-banner-small-height);
  }

  .h-dashboard-mail-copy {
    height: var(--spacing-dashboard-mail-copy-height);
  }

  .h-dashboard-mail-graphic {
    height: var(--spacing-dashboard-mail-graphic-height);
  }

  .h-data-table-head-s {
    height: var(--spacing-data-table-head-s);
  }

  .h-data-table-row {
    height: var(--spacing-data-table-row);
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-hotel-hero {
    height: var(--spacing-hotel-hero);
  }

  .h-location-tile {
    height: var(--spacing-location-tile);
  }

  .h-mobile-detail-appbar {
    height: var(--spacing-mobile-detail-appbar);
  }

  .h-mobile-detail-item-row {
    height: var(--spacing-mobile-detail-item-row);
  }

  .h-mobile-flight-hero {
    height: var(--spacing-mobile-flight-hero);
  }

  .h-mobile-flight-info-row {
    height: var(--spacing-mobile-flight-info-row);
  }

  .h-mobile-flight-ticket-body {
    height: var(--spacing-mobile-flight-ticket-body);
  }

  .h-mobile-flight-ticket-grid {
    height: var(--spacing-mobile-flight-ticket-grid);
  }

  .h-mobile-flight-ticket-header {
    height: var(--spacing-mobile-flight-ticket-header);
  }

  .h-mobile-flight-ticket-panel {
    height: var(--spacing-mobile-flight-ticket-panel);
  }

  .h-more-drawer-body {
    height: var(--spacing-more-drawer-body);
  }

  .h-more-drawer-footer {
    height: var(--spacing-more-drawer-footer);
  }

  .h-more-drawer-header {
    height: var(--spacing-more-drawer-header);
  }

  .h-more-drawer-menu {
    height: var(--spacing-more-drawer-menu);
  }

  .h-more-drawer-menu-row {
    height: var(--spacing-more-drawer-menu-row);
  }

  .h-more-drawer-profile {
    height: var(--spacing-more-drawer-profile);
  }

  .h-more-drawer-shell {
    height: var(--spacing-more-drawer-shell);
  }

  .h-new-receipt-mobile-total {
    height: var(--spacing-new-receipt-mobile-total);
  }

  .h-new-receipt-progress {
    height: var(--spacing-new-receipt-progress);
  }

  .h-payment-history-chart {
    height: var(--spacing-payment-history-chart);
  }

  .h-primitive-xl {
    height: var(--spacing-primitive-xl);
  }

  .h-px {
    height: 1px;
  }

  .h-receipt-preview-area {
    height: var(--spacing-receipt-preview-area);
  }

  .h-settings-header-row {
    height: var(--spacing-settings-header-row);
  }

  .h-size-height-3 {
    height: var(--spacing-size-height-3);
  }

  .h-size-height-4 {
    height: var(--spacing-size-height-4);
  }

  .h-size-height-5 {
    height: var(--spacing-size-height-5);
  }

  .h-size-height-6 {
    height: var(--spacing-size-height-6);
  }

  .h-size-height-7 {
    height: var(--spacing-size-height-7);
  }

  .h-size-height-8 {
    height: var(--spacing-size-height-8);
  }

  .h-size-height-9 {
    height: var(--spacing-size-height-9);
  }

  .h-upload-results-card-media {
    height: var(--spacing-upload-results-card-media);
  }

  .h-upload-results-row {
    height: var(--spacing-upload-results-row);
  }

  .h-upload-results-toolbar {
    height: var(--spacing-upload-results-toolbar);
  }

  .h-web-flight-hero {
    height: var(--spacing-web-flight-hero);
  }

  .h-web-flight-info-row {
    height: var(--spacing-web-flight-info-row);
  }

  .h-web-flight-state-tab-height {
    height: var(--spacing-web-flight-state-tab-height);
  }

  .h-web-flight-ticket-body {
    height: var(--spacing-web-flight-ticket-body);
  }

  .h-web-flight-ticket-grid {
    height: var(--spacing-web-flight-ticket-grid);
  }

  .h-web-flight-ticket-header {
    height: var(--spacing-web-flight-ticket-header);
  }

  .h-web-flight-ticket-panel {
    height: var(--spacing-web-flight-ticket-panel);
  }

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

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

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

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

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

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

  .max-h-\[calc\(100\%-5rem\)\] {
    max-height: calc(100% - 5rem);
  }

  .max-h-\[calc\(100dvh-4rem\)\] {
    max-height: calc(100dvh - 4rem);
  }

  .max-h-\[var\(--radix-popover-content-available-height\)\] {
    max-height: var(--radix-popover-content-available-height);
  }

  .max-h-data-table-fixed {
    max-height: var(--spacing-data-table-fixed);
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-receipt-preview-area {
    max-height: var(--spacing-receipt-preview-area);
  }

  .min-h-0 {
    min-height: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-settings-logout {
    min-height: var(--spacing-settings-logout-min-height);
  }

  .min-h-settings-sender-header {
    min-height: var(--spacing-settings-sender-header);
  }

  .min-h-size-height-7 {
    min-height: var(--spacing-size-height-7);
  }

  .min-h-size-height-9 {
    min-height: var(--spacing-size-height-9);
  }

  .min-h-upload-results-row {
    min-height: var(--spacing-upload-results-row);
  }

  .w-0 {
    width: 0;
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-3\/5 {
    width: 60%;
  }

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

  .w-4\/5 {
    width: 80%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[min\(320px\,calc\(100vw-32px\)\)\] {
    width: min(320px, 100vw - 32px);
  }

  .w-\[min\(360px\,42vw\)\] {
    width: min(360px, 42vw);
  }

  .w-\[min\(880px\,95vw\)\] {
    width: min(880px, 95vw);
  }

  .w-\[var\(--radix-select-trigger-width\)\] {
    width: var(--radix-select-trigger-width);
  }

  .w-auto {
    width: auto;
  }

  .w-dashboard-mail-graphic {
    width: var(--spacing-dashboard-mail-graphic-width);
  }

  .w-dashboard-section-action {
    width: var(--spacing-dashboard-section-action);
  }

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

  .w-full {
    width: 100%;
  }

  .w-login-logo-mobile {
    width: var(--spacing-login-logo-mobile);
  }

  .w-max {
    width: max-content;
  }

  .w-mobile-detail-item-name {
    width: var(--spacing-mobile-detail-item-name);
  }

  .w-mobile-detail-item-qty {
    width: var(--spacing-mobile-detail-item-qty);
  }

  .w-mobile-flight-ticket {
    width: var(--spacing-mobile-flight-ticket);
  }

  .w-new-receipt-footer-action {
    width: var(--spacing-new-receipt-footer-action);
  }

  .w-new-receipt-mobile-method-brand {
    width: var(--spacing-new-receipt-mobile-method-brand);
  }

  .w-payment-history-axis-label {
    width: var(--spacing-payment-history-axis-label);
  }

  .w-px {
    width: 1px;
  }

  .w-right-panel {
    width: var(--spacing-right-panel);
  }

  .w-settings-control {
    width: var(--spacing-settings-control);
  }

  .w-settings-delete-chip {
    width: var(--spacing-settings-delete-chip);
  }

  .w-settings-nav {
    width: var(--spacing-settings-nav);
  }

  .w-settings-sender-name-column {
    width: var(--spacing-settings-sender-name-column);
  }

  .w-sidebar-collapsed {
    width: var(--spacing-sidebar-collapsed);
  }

  .w-sidebar-expanded {
    width: var(--spacing-sidebar-expanded);
  }

  .w-size-height-3 {
    width: var(--spacing-size-height-3);
  }

  .w-size-height-4 {
    width: var(--spacing-size-height-4);
  }

  .w-size-height-5 {
    width: var(--spacing-size-height-5);
  }

  .w-size-height-6 {
    width: var(--spacing-size-height-6);
  }

  .w-upload-results-sort-menu {
    width: var(--spacing-upload-results-sort-menu);
  }

  .w-upload-results-toggle-l {
    width: var(--spacing-upload-results-toggle-l);
  }

  .w-upload-results-toggle-s {
    width: var(--spacing-upload-results-toggle-s);
  }

  .w-web-flight-state-tab-arrival-width {
    width: var(--spacing-web-flight-state-tab-arrival-width);
  }

  .w-web-flight-state-tab-width {
    width: var(--spacing-web-flight-state-tab-width);
  }

  .w-web-flight-ticket {
    width: var(--spacing-web-flight-ticket);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-\[calc\(100vw-40px\)\] {
    max-width: calc(100vw - 40px);
  }

  .max-w-\[min\(90\%\,48ch\)\] {
    max-width: min(90%, 48ch);
  }

  .max-w-\[min\(420px\,calc\(100vw-32px\)\)\] {
    max-width: min(420px, 100vw - 32px);
  }

  .max-w-\[var\(--app-password-max-w\)\] {
    max-width: var(--app-password-max-w);
  }

  .max-w-\[var\(--receipt-preview-max-w\)\] {
    max-width: var(--receipt-preview-max-w);
  }

  .max-w-board {
    max-width: var(--spacing-board);
  }

  .max-w-dashboard-mail-action {
    max-width: var(--spacing-dashboard-mail-action-max);
  }

  .max-w-dashboard-mail-banner-large {
    max-width: var(--spacing-dashboard-mail-banner-large-max);
  }

  .max-w-dashboard-mail-banner-small {
    max-width: var(--spacing-dashboard-mail-banner-small-max);
  }

  .max-w-dashboard-tmp-main {
    max-width: var(--spacing-dashboard-tmp-main);
  }

  .max-w-dashboard-tmp-panel-content {
    max-width: var(--spacing-dashboard-tmp-panel-content);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-login-content-mobile {
    max-width: var(--spacing-login-content-mobile);
  }

  .max-w-new-receipt-mobile-tax {
    max-width: var(--spacing-new-receipt-mobile-tax-max);
  }

  .max-w-new-receipt-summary-input {
    max-width: var(--spacing-new-receipt-summary-input-max);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-settings-tablet {
    max-width: var(--spacing-settings-tablet);
  }

  .max-w-settings-wide {
    max-width: var(--spacing-settings-wide);
  }

  .max-w-tooltip {
    max-width: var(--spacing-tooltip-max);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-0 {
    min-width: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .min-w-dashboard-mail-action-large {
    min-width: var(--spacing-dashboard-mail-action-large-min);
  }

  .min-w-dashboard-mail-action-small {
    min-width: var(--spacing-dashboard-mail-action-small-min);
  }

  .min-w-dashboard-mail-banner-large {
    min-width: var(--spacing-dashboard-mail-banner-large-min);
  }

  .min-w-dashboard-mail-banner-small {
    min-width: var(--spacing-dashboard-mail-banner-small-min);
  }

  .min-w-dashboard-mail-copy-large {
    min-width: var(--spacing-dashboard-mail-copy-large-min);
  }

  .min-w-dashboard-mail-copy-small {
    min-width: var(--spacing-dashboard-mail-copy-small-min);
  }

  .min-w-full {
    min-width: 100%;
  }

  .min-w-location-tile-min {
    min-width: var(--spacing-location-tile-min);
  }

  .min-w-new-receipt-mobile-unit-price {
    min-width: var(--spacing-new-receipt-mobile-unit-price-min);
  }

  .min-w-new-receipt-summary-label {
    min-width: var(--spacing-new-receipt-summary-label-min);
  }

  .min-w-px {
    min-width: 1px;
  }

  .min-w-size-height-9 {
    min-width: var(--spacing-size-height-9);
  }

  .flex-1 {
    flex: 1;
  }

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

  .flex-auto {
    flex: auto;
  }

  .flex-none {
    flex: none;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-0 {
    flex-basis: 0;
  }

  .basis-\[88px\] {
    flex-basis: 88px;
  }

  .table-fixed {
    table-layout: fixed;
  }

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

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-px {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-scale-y-100 {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

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

  .animate-\[pulse_1\.2s_ease-in-out_2\] {
    animation: 1.2s ease-in-out 2 pulse;
  }

  .animate-\[pulse_2s_ease-in-out_infinite\] {
    animation: 2s ease-in-out infinite pulse;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, );
  }

  .\[touch-action\:manipulation\] {
    touch-action: manipulation;
  }

  .\[touch-action\:none\] {
    touch-action: none;
  }

  .touch-manipulation {
    touch-action: manipulation;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }

  .scroll-mt-settings-scroll-offset {
    scroll-margin-top: var(--spacing-settings-scroll-offset);
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-cols-\[32px_minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: 32px minmax(0, 1fr) auto auto;
  }

  .grid-cols-\[72px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 72px minmax(0, 1fr) auto;
  }

  .grid-cols-\[96px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 96px minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_max-content\] {
    grid-template-columns: minmax(0, 1fr) max-content;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(90px\,100px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(90px, 100px);
  }

  .grid-cols-\[minmax\(0\,var\(--spacing-board\)\)_auto_1px\] {
    grid-template-columns: minmax(0,var(--spacing-board)) auto 1px;
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(44px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
  }

  .grid-cols-dashboard-tmp-shell {
    grid-template-columns: minmax(0, 1fr) 0 0;
  }

  .grid-cols-data-table {
    grid-template-columns: minmax(0, 1fr) 104px 104px 140px;
  }

  .grid-cols-new-receipt-items {
    grid-template-columns: minmax(0, 1fr) var(--spacing-new-receipt-quantity-max) minmax(0, 1fr);
  }

  .grid-cols-new-receipt-mobile-items {
    grid-template-columns: minmax(var(--spacing-new-receipt-mobile-item-name-min), 1fr) minmax(0, 1fr) minmax(var(--spacing-new-receipt-mobile-unit-price-min), 1fr);
  }

  .grid-cols-new-receipt-shell {
    grid-template-columns: minmax(0, var(--spacing-board)) auto 0px;
  }

  .grid-cols-settings-email-providers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-upload-results-cards {
    grid-template-columns: repeat(auto-fill, minmax(var(--spacing-upload-results-card-min), 1fr));
  }

  .grid-cols-upload-results-table {
    grid-template-columns: minmax(184px, 1fr) minmax(0, 1fr) 104px 104px 140px;
  }

  .grid-cols-upload-results-table-narrow {
    grid-template-columns: minmax(184px, 1fr) minmax(0, 1fr) 104px 140px;
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .grid-rows-\[auto_minmax\(min-content\,1fr\)\] {
    grid-template-rows: auto minmax(min-content, 1fr);
  }

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

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

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

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

  .content-end {
    align-content: flex-end;
  }

  .content-start {
    align-content: flex-start;
  }

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

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

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

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

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

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

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

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

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

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

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

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

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

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

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

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

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

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

  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[6\.5px\] {
    gap: 6.5px;
  }

  .gap-\[6px\] {
    gap: 6px;
  }

  .gap-\[8px\] {
    gap: 8px;
  }

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

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[16px\] {
    gap: 16px;
  }

  .gap-\[20px\] {
    gap: 20px;
  }

  .gap-\[24px\] {
    gap: 24px;
  }

  .gap-\[28px\] {
    gap: 28px;
  }

  .gap-\[32px\] {
    gap: 32px;
  }

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

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

  .gap-gap-3 {
    gap: var(--spacing-gap-3);
  }

  .gap-gap-4 {
    gap: var(--spacing-gap-4);
  }

  .gap-gap-5 {
    gap: var(--spacing-gap-5);
  }

  .gap-gap-7 {
    gap: var(--spacing-gap-7);
  }

  .gap-gap-8 {
    gap: var(--spacing-gap-8);
  }

  .gap-mobile-flight-info-row-gap {
    gap: var(--spacing-mobile-flight-info-row-gap);
  }

  .gap-mobile-flight-route-gap {
    gap: var(--spacing-mobile-flight-route-gap);
  }

  .gap-primitive-l {
    gap: var(--spacing-primitive-l);
  }

  .gap-primitive-m {
    gap: var(--spacing-primitive-m);
  }

  .gap-primitive-s {
    gap: var(--spacing-primitive-s);
  }

  .gap-primitive-xl {
    gap: var(--spacing-primitive-xl);
  }

  .gap-primitive-xs {
    gap: var(--spacing-primitive-xs);
  }

  .gap-primitive-xxs {
    gap: var(--spacing-primitive-xxs);
  }

  .gap-size-height-7 {
    gap: var(--spacing-size-height-7);
  }

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

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
    column-gap: var(--spacing-gap-3);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
    column-gap: var(--spacing-gap-6);
  }

  .gap-x-\[24px\] {
    column-gap: 24px;
  }

  .gap-x-gap-1 {
    column-gap: var(--spacing-gap-1);
  }

  .gap-x-gap-2 {
    column-gap: var(--spacing-gap-2);
  }

  .gap-x-gap-7 {
    column-gap: var(--spacing-gap-7);
  }

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

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
    row-gap: var(--spacing-gap-3);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
    row-gap: var(--spacing-gap-4);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
    row-gap: var(--spacing-gap-5);
  }

  .gap-y-gap-2 {
    row-gap: var(--spacing-gap-2);
  }

  .gap-y-gap-4 {
    row-gap: var(--spacing-gap-4);
  }

  .gap-y-primitive-m {
    row-gap: var(--spacing-primitive-m);
  }

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

  .self-end {
    align-self: flex-end;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .justify-self-stretch {
    justify-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

  .overflow-x-clip {
    overflow-x: clip;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

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

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

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

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

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

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

  .rounded-\[calc\(var\(--radius\)\+4px\)\] {
    border-radius: calc(var(--radius) + 4px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-none {
    border-radius: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .rounded-t-medium2 {
    border-top-left-radius: var(--radius-medium2);
    border-top-right-radius: var(--radius-medium2);
  }

  .rounded-t-panel {
    border-top-left-radius: var(--radius-panel);
    border-top-right-radius: var(--radius-panel);
  }

  .rounded-t-primitive-full {
    border-top-left-radius: var(--radius-primitive-full);
    border-top-right-radius: var(--radius-primitive-full);
  }

  .rounded-tl-\[12px\] {
    border-top-left-radius: 12px;
  }

  .rounded-tl-large2 {
    border-top-left-radius: var(--radius-large2);
  }

  .rounded-tr-\[12px\] {
    border-top-right-radius: 12px;
  }

  .rounded-tr-large2 {
    border-top-right-radius: var(--radius-large2);
  }

  .rounded-b-\[inherit\] {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }

  .rounded-br-\[24px\] {
    border-bottom-right-radius: 24px;
  }

  .rounded-br-\[50px\] {
    border-bottom-right-radius: 50px;
  }

  .rounded-bl-\[24px\] {
    border-bottom-left-radius: 24px;
  }

  .rounded-bl-\[50px\] {
    border-bottom-left-radius: 50px;
  }

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

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

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

  .border-settings-profile-avatar {
    border-style: var(--tw-border-style);
    border-width: var(--border-width-settings-profile-avatar);
  }

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

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

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

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

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

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

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

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

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

  .border-brand\/30 {
    border-color: var(--color-border-brand);
    border-color: color-mix(in srgb, #202e5a calc(30 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand\/30 {
      border-color: color-mix(in oklab, var(--color-border-brand) calc(30 * 1%), transparent);
    }
  }

  .\!border-point {
    border-color: var(--color-point) !important;
  }

  .\!border-positive-tertiary {
    border-color: var(--color-border-positive-tertiary) !important;
  }

  .border-\[var\(--color-bg-secondary\)\] {
    border-color: var(--color-bg-secondary);
  }

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

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

  .border-brand-tertiary {
    border-color: var(--color-border-brand-tertiary);
  }

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

  .border-danger-tertiary {
    border-color: var(--color-border-danger-tertiary);
  }

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

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

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

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

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

  .border-input-active {
    border-color: var(--color-border-input-active);
  }

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

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

  .border-neutral-tertiary {
    border-color: var(--color-border-neutral-tertiary);
  }

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

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

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

  .border-transparent {
    border-color: #0000;
  }

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

  .border-t-transparent {
    border-top-color: #0000;
  }

  .bg-dashboard-mail-connect {
    background-color: var(--color-bg-canvas);
    background-image: var(--gradient-dashboard-mail-connect);
  }

  .bg-default\/70 {
    background-color: var(--color-bg-default);
    background-color: color-mix(in srgb, #fff calc(70 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-default\/70 {
      background-color: color-mix(in oklab, var(--color-bg-default) calc(70 * 1%), transparent);
    }
  }

  .bg-element-inverse\/10 {
    background-color: var(--color-bg-element-inverse);
    background-color: color-mix(in srgb, #fff calc(10 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-element-inverse\/10 {
      background-color: color-mix(in oklab, var(--color-bg-element-inverse) calc(10 * 1%), transparent);
    }
  }

  .bg-element-inverse\/25 {
    background-color: var(--color-bg-element-inverse);
    background-color: color-mix(in srgb, #fff calc(25 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-element-inverse\/25 {
      background-color: color-mix(in oklab, var(--color-bg-element-inverse) calc(25 * 1%), transparent);
    }
  }

  .bg-utilities-overlay\/50 {
    background-color: var(--color-bg-utilities-overlay);
    background-color: color-mix(in srgb, #00000080 calc(50 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-utilities-overlay\/50 {
      background-color: color-mix(in oklab, var(--color-bg-utilities-overlay) calc(50 * 1%), transparent);
    }
  }

  .\!bg-danger-tertiary {
    background-color: var(--color-bg-danger-tertiary) !important;
  }

  .\!bg-positive-secondary {
    background-color: var(--color-bg-positive-secondary) !important;
  }

  .bg-action-primary-pressed {
    background-color: var(--color-bg-action-primary-pressed);
  }

  .bg-action-primary-selected {
    background-color: var(--color-bg-action-primary-selected);
  }

  .bg-alpha-black-15 {
    background-color: var(--color-alpha-black-15);
  }

  .bg-black\/30 {
    background-color: #0000004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

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

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

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

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

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

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

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

  .bg-button-disabled-fill {
    background-color: var(--color-bg-button-disabled-fill);
  }

  .bg-button-primary-fill {
    background-color: var(--color-bg-button-primary-fill);
  }

  .bg-button-secondary-fill {
    background-color: var(--color-bg-button-secondary-fill);
  }

  .bg-button-tertiary-fill-hover {
    background-color: var(--color-bg-button-tertiary-fill-hover);
  }

  .bg-button-tertiary-fill-pressed {
    background-color: var(--color-bg-button-tertiary-fill-pressed);
  }

  .bg-button-text-fill-hover {
    background-color: var(--color-bg-button-text-fill-hover);
  }

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

  .bg-chat-user-bubble {
    background-color: var(--color-bg-chat-user-bubble);
  }

  .bg-current {
    background-color: currentColor;
  }

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

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

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

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

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

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

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

  .bg-element-gray-lighter {
    background-color: var(--color-bg-element-gray-lighter);
  }

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

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

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

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

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

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

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

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

  .bg-indigo-500\/10 {
    background-color: #625fff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-500\/10 {
      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-sitecover {
    background-image: var(--background-image-sitecover);
  }

  .bg-web-flight-hero {
    background-image: var(--background-image-web-flight-hero);
  }

  .from-bg-default {
    --tw-gradient-from: var(--color-bg-default);
    --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));
  }

  .from-brand-800 {
    --tw-gradient-from: var(--color-brand-800);
    --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));
  }

  .from-transparent {
    --tw-gradient-from: 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));
  }

  .from-55\% {
    --tw-gradient-from-position: 55%;
  }

  .to-bg-default {
    --tw-gradient-to: var(--color-bg-default);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-primary-60 {
    --tw-gradient-to: var(--color-primary-60);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

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

  .fill-\[var\(--color-bg-utilities-tooltip\)\] {
    fill: var(--color-bg-utilities-tooltip);
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-default {
    fill: var(--color-text-default);
  }

  .fill-utilities-text-on-overlay {
    fill: var(--color-text-utilities-text-on-overlay);
  }

  .stroke-brand {
    stroke: var(--color-border-brand);
  }

  .stroke-danger {
    stroke: var(--color-border-danger);
  }

  .stroke-default {
    stroke: var(--color-border-default);
  }

  .stroke-point {
    stroke: var(--color-point);
  }

  .stroke-positive {
    stroke: var(--color-border-positive);
  }

  .stroke-secondary {
    stroke: var(--color-border-secondary);
  }

  .stroke-warning {
    stroke: var(--color-border-warning);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

  .p-px {
    padding: 1px;
  }

  .p-settings-nav {
    padding: var(--spacing-settings-nav);
    padding: var(--spacing-padding-settings-nav);
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-1 {
    padding-inline: var(--spacing);
    padding-inline: var(--spacing-padding-1);
  }

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

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

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

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

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

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

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

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

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

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

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

  .px-chooser-tablet-x {
    padding-inline: var(--spacing-padding-chooser-tablet-x);
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .pt-1 {
    padding-top: var(--spacing);
    padding-top: var(--spacing-padding-1);
  }

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

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

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

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

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

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

  .pt-\[var\(--app-safe-area-inset-top\)\] {
    padding-top: var(--app-safe-area-inset-top);
  }

  .pt-gap-3 {
    padding-top: var(--spacing-gap-3);
  }

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

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

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

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

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

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

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

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

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
    padding-bottom: var(--spacing-padding-6);
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
    padding-bottom: var(--spacing-padding-8);
  }

  .pb-9 {
    padding-bottom: calc(var(--spacing) * 9);
    padding-bottom: var(--spacing-padding-9);
  }

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

  .pb-\[1px\] {
    padding-bottom: 1px;
  }

  .pb-\[19px\] {
    padding-bottom: 19px;
  }

  .pb-\[var\(--app-safe-area-inset-bottom\)\] {
    padding-bottom: var(--app-safe-area-inset-bottom);
  }

  .pb-px {
    padding-bottom: 1px;
  }

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

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

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

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

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

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

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

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-type {
    font-family: var(--font-type);
  }

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

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

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

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

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

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

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

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

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

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

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

  .text-settings-profile-initial-mobile {
    line-height: var(--text-settings-profile-initial-mobile--line-height);
    font-size: var(--text-settings-profile-initial-mobile);
    line-height: var(--tw-leading, var(--text-settings-profile-initial-mobile--line-height));
  }

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

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

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

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

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

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

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

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

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

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

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

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

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

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

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

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

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

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

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

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

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

  .tracking-0 {
    --tw-tracking: var(--tracking-0);
    letter-spacing: var(--tracking-0);
  }

  .tracking-1 {
    --tw-tracking: var(--tracking-1);
    letter-spacing: var(--tracking-1);
  }

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

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

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

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

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .\[text-wrap\:balance\], .text-balance {
    text-wrap: balance;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .\[word-break\:break-word\] {
    word-break: break-word;
  }

  .break-keep {
    word-break: keep-all;
  }

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

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

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

  .whitespace-pre-line {
    white-space: pre-line;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-danger\/80 {
    color: color-mix(in srgb, #832d00 calc(80 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-danger\/80 {
      color: color-mix(in oklab, var(--color-text-danger) calc(80 * 1%), transparent);
    }
  }

  .text-on-color\/50 {
    color: color-mix(in srgb, #fff calc(50 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-on-color\/50 {
      color: color-mix(in oklab, var(--color-text-on-color) calc(50 * 1%), transparent);
    }
  }

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

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

  .text-current {
    color: currentColor;
  }

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

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

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

  .text-disabled-subtle {
    color: var(--color-text-disabled-subtle);
  }

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

  .text-figma-primary {
    color: var(--color-text-figma-primary);
  }

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

  .text-icon-brand {
    color: var(--color-icon-brand);
  }

  .text-icon-danger {
    color: var(--color-icon-danger);
  }

  .text-icon-default {
    color: var(--color-icon-default);
  }

  .text-icon-disabled {
    color: var(--color-icon-disabled);
  }

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

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

  .text-icon-navbar {
    color: var(--color-icon-navbar);
  }

  .text-icon-on-brand {
    color: var(--color-icon-on-brand);
  }

  .text-icon-on-navbar-active {
    color: var(--color-icon-on-navbar-active);
  }

  .text-icon-positive {
    color: var(--color-icon-positive);
  }

  .text-icon-secondary {
    color: var(--color-icon-secondary);
  }

  .text-icon-tertiary {
    color: var(--color-icon-tertiary);
  }

  .text-icon-warning {
    color: var(--color-icon-warning);
  }

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

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

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

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

  .text-neutral-on-neutral {
    color: var(--color-text-neutral-on-neutral);
  }

  .text-neutral-secondary {
    color: var(--color-text-neutral-secondary);
  }

  .text-on-brand {
    color: var(--color-text-on-brand);
  }

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

  .text-on-navbar-active {
    color: var(--color-text-on-navbar-active);
  }

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

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

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

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

  .text-slate-700 {
    color: var(--color-slate-700);
  }

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

  .text-utilities-text-on-overlay {
    color: var(--color-text-utilities-text-on-overlay);
  }

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

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

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

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

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

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

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-100 {
    opacity: 1;
  }

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

  .shadow-\[0_5px_20px_color-mix\(in_oklab\,var\(--color-black\)_10\%\,transparent\)\] {
    --tw-shadow: 0 5px 20px var(--tw-shadow-color, #0000001a);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_5px_20px_color-mix\(in_oklab\,var\(--color-black\)_10\%\,transparent\)\] {
      --tw-shadow: 0 5px 20px var(--tw-shadow-color, color-mix(in oklab,var(--color-black) 10%,transparent));
    }
  }

  .shadow-\[0_5px_20px_color-mix\(in_oklab\,var\(--color-black\)_10\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-button {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1e1e1e0d);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-button {
      --tw-shadow: 0 1px 2px var(--tw-shadow-color, color-mix(in oklab, var(--color-text-default) 5%, transparent));
    }
  }

  .shadow-button {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .shadow-composer-rest {
    --tw-shadow: 0px 5px 10px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-context-menu {
    --tw-shadow: 0px 5px 20px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-dashboard-mail-connect {
    --tw-shadow: 0px 5px 10px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-hotel-card {
    --tw-shadow: 0px 5px 20px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-panel {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-segment-selected {
    --tw-shadow: 0 0 1px var(--tw-shadow-color, var(--color-alpha-shadow1)), 0 4px 4px var(--tw-shadow-color, var(--color-alpha-shadow2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-settings-provider-tile {
    --tw-shadow: 0px 4px 10px 0px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .shadow-web-flight-card {
    --tw-shadow: 0px 5px 20px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .shadow-dashboard-mail-connect-stuck {
    box-shadow: var(--spacing-padding-4) 0 0 0 var(--color-bg-canvas), var(--shadow-dashboard-mail-connect);
  }

  .shadow-settings-provider-tile {
    box-shadow: var(--shadow-settings-provider-tile);
  }

  .ring-brand-tertiary {
    --tw-ring-color: var(--color-border-brand-tertiary);
  }

  .ring-default {
    --tw-ring-color: var(--color-border-default);
  }

  .ring-light {
    --tw-ring-color: var(--color-border-light);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

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

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

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

  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,color\,box-shadow\,opacity\] {
    transition-property: background-color, border-color, color, box-shadow, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\] {
    transition-property: background-color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,box-shadow\] {
    transition-property: background-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\] {
    transition-property: background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,opacity\,box-shadow\] {
    transition-property: background-color, opacity, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\] {
    transition-property: border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\,background-color\,border-color\] {
    transition-property: color, box-shadow, background-color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\,background-color\] {
    transition-property: color, box-shadow, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-dasharray\] {
    transition-property: stroke-dasharray;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-dashoffset\,opacity\] {
    transition-property: stroke-dashoffset, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-width\,stroke-opacity\] {
    transition-property: stroke-width, stroke-opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\] {
    transition-property: width, height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,margin\,padding\,border-radius\,border-width\,box-shadow\] {
    transition-property: width, margin, padding, border-radius, border-width, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,transform\,opacity\,padding\,border-width\,border-radius\] {
    transition-property: width, transform, opacity, padding, border-width, border-radius;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-100 {
    transition-delay: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-\[600ms\] {
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in-and-out {
    --tw-ease: var(--ease-in-and-out);
    transition-timing-function: var(--ease-in-and-out);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .delay-100 {
    --tw-animation-delay: .1s;
    animation-delay: .1s;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

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

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\!paused {
    animation-play-state: paused !important;
  }

  .\[--color-bg-brand-hover\:var\(--color-brand-900\)\] {
    --color-bg-brand-hover: var(--color-brand-900);
  }

  .\[--color-bg-button-text-fill-hover\:var\(--color-black-100\)\] {
    --color-bg-button-text-fill-hover: var(--color-black-100);
  }

  .\[--color-bg-default-hover\:var\(--color-gray-100\)\] {
    --color-bg-default-hover: var(--color-gray-100);
  }

  .\[--color-bg-default\:var\(--color-white\)\] {
    --color-bg-default: var(--color-white);
  }

  .\[--color-bg-disabled\:var\(--color-gray-300\)\] {
    --color-bg-disabled: var(--color-gray-300);
  }

  .\[--color-bg-secondary-hover\:var\(--color-gray-200\)\] {
    --color-bg-secondary-hover: var(--color-gray-200);
  }

  .\[--color-bg-secondary\:var\(--color-gray-100\)\] {
    --color-bg-secondary: var(--color-gray-100);
  }

  .\[--color-bg-tertiary\:var\(--color-gray-300\)\] {
    --color-bg-tertiary: var(--color-gray-300);
  }

  .\[--color-border-default\:var\(--color-gray-300\)\] {
    --color-border-default: var(--color-gray-300);
  }

  .\[--color-border-secondary\:var\(--color-gray-500\)\] {
    --color-border-secondary: var(--color-gray-500);
  }

  .\[--color-icon-default\:var\(--color-gray-900\)\] {
    --color-icon-default: var(--color-gray-900);
  }

  .\[--color-icon-point\:var\(--color-point\)\] {
    --color-icon-point: var(--color-point);
  }

  .\[--color-icon-secondary\:var\(--color-gray-500\)\] {
    --color-icon-secondary: var(--color-gray-500);
  }

  .\[--color-icon-tertiary\:var\(--color-gray-400\)\] {
    --color-icon-tertiary: var(--color-gray-400);
  }

  .\[--color-text-brand\:var\(--color-brand-800\)\] {
    --color-text-brand: var(--color-brand-800);
  }

  .\[--color-text-default\:var\(--color-gray-900\)\] {
    --color-text-default: var(--color-gray-900);
  }

  .\[--color-text-disabled\:var\(--color-gray-400\)\] {
    --color-text-disabled: var(--color-gray-400);
  }

  .\[--color-text-point\:var\(--color-point\)\] {
    --color-text-point: var(--color-point);
  }

  .\[--color-text-secondary\:var\(--color-gray-600\)\] {
    --color-text-secondary: var(--color-gray-600);
  }

  .\[--color-text-tertiary\:var\(--color-slate-600\)\] {
    --color-text-tertiary: var(--color-slate-600);
  }

  .\[contain-intrinsic-size\:auto_112px\] {
    contain-intrinsic-size: auto 112px;
  }

  .\[contain-intrinsic-size\:auto_206px\] {
    contain-intrinsic-size: auto 206px;
  }

  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }

  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }

  .\[stroke-dashoffset\:0\] {
    stroke-dashoffset: 0;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .running {
    animation-play-state: running;
  }

  .slide-in-from-bottom-2 {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .slide-in-from-bottom-4 {
    --tw-enter-translate-y: calc(4*var(--spacing));
  }

  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .zoom-in {
    --tw-enter-scale: 0;
  }

  .group-focus-within\:h-\[86px\]:is(:where(.group):focus-within *) {
    height: 86px;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  .group-focus-within\/section\:flex:is(:where(.group\/section):focus-within *) {
    display: flex;
  }

  @media (hover: hover) {
    .group-hover\:h-\[86px\]:is(:where(.group):hover *) {
      height: 86px;
    }

    .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
      scale: 1.04;
    }

    .group-hover\:bg-action-primary-hover:is(:where(.group):hover *) {
      background-color: var(--color-bg-action-primary-hover);
    }

    .group-hover\:bg-alpha-black-10:is(:where(.group):hover *) {
      background-color: var(--color-alpha-black-10);
    }

    .group-hover\:bg-button-tertiary-fill-hover:is(:where(.group):hover *) {
      background-color: var(--color-bg-button-tertiary-fill-hover);
    }

    .group-hover\:text-default:is(:where(.group):hover *) {
      color: var(--color-text-default);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/payment-card\:opacity-100:is(:where(.group\/payment-card):hover *) {
      opacity: 1;
    }

    .group-hover\/section\:flex:is(:where(.group\/section):hover *) {
      display: flex;
    }
  }

  .group-focus-visible\/payment-card\:opacity-100:is(:where(.group\/payment-card):focus-visible *) {
    opacity: 1;
  }

  .group-active\:bg-alpha-black-15:is(:where(.group):active *) {
    background-color: var(--color-alpha-black-15);
  }

  .group-active\:bg-button-tertiary-fill-pressed:is(:where(.group):active *) {
    background-color: var(--color-bg-button-tertiary-fill-pressed);
  }

  .group-active\:text-tertiary:is(:where(.group):active *) {
    color: var(--color-text-tertiary);
  }

  .group-active\/payment-card\:opacity-100:is(:where(.group\/payment-card):active *) {
    opacity: 1;
  }

  .group-aria-selected\:bg-action-primary-selected:is(:where(.group)[aria-selected="true"] *) {
    background-color: var(--color-bg-action-primary-selected);
  }

  .group-data-\[collapsed\=true\]\/sidebar\:pointer-events-none:is(:where(.group\/sidebar)[data-collapsed="true"] *) {
    pointer-events: none;
  }

  .group-data-\[collapsed\=true\]\/sidebar\:translate-x-\[16\.8px\]:is(:where(.group\/sidebar)[data-collapsed="true"] *) {
    --tw-translate-x: 16.8px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[collapsed\=true\]\/sidebar\:opacity-0:is(:where(.group\/sidebar)[data-collapsed="true"] *) {
    opacity: 0;
  }

  .group-data-\[collapsed\=true\]\/sidebar\:delay-0:is(:where(.group\/sidebar)[data-collapsed="true"] *) {
    --tw-animation-delay: 0s;
    transition-delay: 0s;
    animation-delay: 0s;
  }

  .group-data-\[collapsed\=true\]\/sidebar\:\[stroke-dashoffset\:1\]:is(:where(.group\/sidebar)[data-collapsed="true"] *) {
    stroke-dashoffset: 1px;
  }

  .group-\[\&\:active\]\:bg-action-primary-pressed:is(:where(.group):active *) {
    background-color: var(--color-bg-action-primary-pressed);
  }

  .selection\:bg-brand ::selection {
    background-color: var(--color-bg-brand);
  }

  .selection\:bg-brand::selection {
    background-color: var(--color-bg-brand);
  }

  .selection\:text-on-brand ::selection {
    color: var(--color-text-on-brand);
  }

  .selection\:text-on-brand::selection {
    color: var(--color-text-on-brand);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

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

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-default::file-selector-button {
    color: var(--color-text-default);
  }

  .placeholder\:text-light::placeholder {
    color: var(--color-text-light);
  }

  .placeholder\:text-tertiary::placeholder {
    color: var(--color-text-tertiary);
  }

  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-y-0:before {
    content: var(--tw-content);
    inset-block: 0;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: 0;
  }

  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:bg-border-default:before {
    content: var(--tw-content);
    background-color: var(--color-border-default);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-x-0:after {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .after\:top-full:after {
    content: var(--tw-content);
    top: 100%;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: 0;
  }

  .after\:h-6:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 6);
  }

  .after\:border-l:after {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .after\:border-default:after {
    content: var(--tw-content);
    border-color: var(--color-border-default);
  }

  .after\:bg-gradient-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .after\:from-bg-secondary:after {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-bg-secondary);
    --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));
  }

  .after\:to-transparent:after {
    content: var(--tw-content);
    --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));
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .focus-within\:border-brand:focus-within {
    border-color: var(--color-border-brand);
  }

  .focus-within\:border-composer-focus:focus-within {
    border-color: var(--color-border-composer-focus);
  }

  .focus-within\:border-default:focus-within {
    border-color: var(--color-border-default);
  }

  .focus-within\:border-input-active:focus-within {
    border-color: var(--color-border-input-active);
  }

  .focus-within\:bg-action-secondary-selected:focus-within {
    background-color: var(--color-bg-action-secondary-selected);
  }

  .focus-within\:bg-button-primary-fill:focus-within {
    background-color: var(--color-bg-button-primary-fill);
  }

  .focus-within\:shadow-composer-sheen:focus-within {
    --tw-shadow: -10px 5px 20px 0 var(--tw-shadow-color, var(--color-primary-90)), 10px -5px 20px 0 var(--tw-shadow-color, var(--color-secondary-95));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:shadow-panel:focus-within {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .hover\:z-10:hover {
      z-index: 10;
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:border-brand:hover {
      border-color: var(--color-border-brand);
    }

    .hover\:border-default:hover {
      border-color: var(--color-border-default);
    }

    .hover\:border-light:hover {
      border-color: var(--color-border-light);
    }

    .hover\:bg-button-primary-fill\/92:hover {
      background-color: var(--color-bg-button-primary-fill);
      background-color: color-mix(in srgb, #384472 calc(92 * 1%), transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-button-primary-fill\/92:hover {
        background-color: color-mix(in oklab, var(--color-bg-button-primary-fill) calc(92 * 1%), transparent);
      }
    }

    .hover\:bg-action-primary-hover:hover {
      background-color: var(--color-bg-action-primary-hover);
    }

    .hover\:bg-action-primary-selected:hover {
      background-color: var(--color-bg-action-primary-selected);
    }

    .hover\:bg-action-secondary-selected:hover {
      background-color: var(--color-bg-action-secondary-selected);
    }

    .hover\:bg-alpha-black-10:hover {
      background-color: var(--color-alpha-black-10);
    }

    .hover\:bg-brand-hover:hover {
      background-color: var(--color-bg-brand-hover);
    }

    .hover\:bg-brand-secondary-hover:hover {
      background-color: var(--color-bg-brand-secondary-hover);
    }

    .hover\:bg-button-point-fill-hover:hover {
      background-color: var(--color-bg-button-point-fill-hover);
    }

    .hover\:bg-button-primary-fill:hover {
      background-color: var(--color-bg-button-primary-fill);
    }

    .hover\:bg-button-primary-fill-hover:hover {
      background-color: var(--color-bg-button-primary-fill-hover);
    }

    .hover\:bg-button-secondary-fill:hover {
      background-color: var(--color-bg-button-secondary-fill);
    }

    .hover\:bg-button-secondary-fill-hover:hover {
      background-color: var(--color-bg-button-secondary-fill-hover);
    }

    .hover\:bg-button-tertiary-fill-hover:hover {
      background-color: var(--color-bg-button-tertiary-fill-hover);
    }

    .hover\:bg-button-text-fill-hover:hover {
      background-color: var(--color-bg-button-text-fill-hover);
    }

    .hover\:bg-canvas:hover {
      background-color: var(--color-bg-canvas);
    }

    .hover\:bg-danger:hover {
      background-color: var(--color-bg-danger);
    }

    .hover\:bg-danger-hover:hover {
      background-color: var(--color-bg-danger-hover);
    }

    .hover\:bg-danger-tertiary:hover {
      background-color: var(--color-bg-danger-tertiary);
    }

    .hover\:bg-default:hover {
      background-color: var(--color-bg-default);
    }

    .hover\:bg-default-hover:hover {
      background-color: var(--color-bg-default-hover);
    }

    .hover\:bg-navbar-hover:hover {
      background-color: var(--color-bg-navbar-hover);
    }

    .hover\:bg-secondary:hover {
      background-color: var(--color-bg-secondary);
    }

    .hover\:bg-secondary-hover:hover {
      background-color: var(--color-bg-secondary-hover);
    }

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

    .hover\:bg-warning-tertiary:hover {
      background-color: var(--color-bg-warning-tertiary);
    }

    .hover\:text-brand:hover {
      color: var(--color-text-brand);
    }

    .hover\:text-danger:hover {
      color: var(--color-text-danger);
    }

    .hover\:text-default:hover {
      color: var(--color-text-default);
    }

    .hover\:text-icon-gray-light:hover {
      color: var(--color-icon-gray-light);
    }

    .hover\:text-secondary:hover {
      color: var(--color-text-secondary);
    }

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

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-85:hover {
      opacity: .85;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  .focus\:z-10:focus {
    z-index: 10;
  }

  .focus\:border-brand:focus {
    border-color: var(--color-border-brand);
  }

  .focus\:bg-action-primary-hover:focus {
    background-color: var(--color-bg-action-primary-hover);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-brand-tertiary:focus {
    --tw-ring-color: var(--color-border-brand-tertiary);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:border-brand:focus-visible {
    border-color: var(--color-border-brand);
  }

  .focus-visible\:bg-button-tertiary-fill-hover:focus-visible {
    background-color: var(--color-bg-button-tertiary-fill-hover);
  }

  .focus-visible\:bg-default-hover:focus-visible {
    background-color: var(--color-bg-default-hover);
  }

  .focus-visible\:bg-navbar-hover:focus-visible {
    background-color: var(--color-bg-navbar-hover);
  }

  .focus-visible\:bg-secondary:focus-visible {
    background-color: var(--color-bg-secondary);
  }

  .focus-visible\:text-secondary:focus-visible {
    color: var(--color-text-secondary);
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-active:focus-visible {
    --tw-ring-color: var(--color-border-active);
  }

  .focus-visible\:ring-brand:focus-visible {
    --tw-ring-color: var(--color-border-brand);
  }

  .focus-visible\:ring-brand-tertiary:focus-visible {
    --tw-ring-color: var(--color-border-brand-tertiary);
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:border-brand:active {
    border-color: var(--color-border-brand);
  }

  .active\:border-gray:active {
    border-color: var(--color-border-gray);
  }

  .active\:border-light:active {
    border-color: var(--color-border-light);
  }

  .active\:bg-action-primary-pressed:active {
    background-color: var(--color-bg-action-primary-pressed);
  }

  .active\:bg-action-primary-selected:active {
    background-color: var(--color-bg-action-primary-selected);
  }

  .active\:bg-alpha-black-15:active {
    background-color: var(--color-alpha-black-15);
  }

  .active\:bg-button-point-fill-pressed:active {
    background-color: var(--color-bg-button-point-fill-pressed);
  }

  .active\:bg-button-primary-fill-pressed:active {
    background-color: var(--color-bg-button-primary-fill-pressed);
  }

  .active\:bg-button-secondary-fill-pressed:active {
    background-color: var(--color-bg-button-secondary-fill-pressed);
  }

  .active\:bg-button-tertiary-fill-pressed:active {
    background-color: var(--color-bg-button-tertiary-fill-pressed);
  }

  .active\:bg-button-text-fill-pressed:active {
    background-color: var(--color-bg-button-text-fill-pressed);
  }

  .active\:bg-navbar-hover:active {
    background-color: var(--color-bg-navbar-hover);
  }

  .active\:bg-secondary:active {
    background-color: var(--color-bg-secondary);
  }

  .active\:bg-secondary-hover:active {
    background-color: var(--color-bg-secondary-hover);
  }

  .active\:text-brand:active {
    color: var(--color-text-brand);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-button-disabled-fill:disabled {
    background-color: var(--color-bg-button-disabled-fill);
  }

  .disabled\:text-tertiary:disabled {
    color: var(--color-text-tertiary);
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
    padding-inline: var(--spacing-padding-3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
    padding-inline: var(--spacing-padding-4);
  }

  .aria-invalid\:ring-2[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:ring-danger-tertiary[aria-invalid="true"] {
    --tw-ring-color: var(--color-border-danger-tertiary);
  }

  .aria-selected\:bg-action-primary-selected[aria-selected="true"] {
    background-color: var(--color-bg-action-primary-selected);
  }

  .data-\[active\=true\]\:bg-button-tertiary-fill-pressed[data-active="true"] {
    background-color: var(--color-bg-button-tertiary-fill-pressed);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[placeholder\]\:text-tertiary[data-placeholder] {
    color: var(--color-text-tertiary);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[size\=default\]\:h-10[data-size="default"] {
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=lg\]\:h-size-height-8[data-size="lg"] {
    height: var(--spacing-size-height-8);
  }

  .data-\[size\=md\]\:h-size-height-6[data-size="md"] {
    height: var(--spacing-size-height-6);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
    gap: var(--spacing-gap-2);
  }

  .data-\[spacing\=0\]\:rounded-none[data-spacing="0"] {
    border-radius: 0;
  }

  .data-\[spacing\=0\]\:shadow-none[data-spacing="0"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .data-\[state\=checked\]\:bg-action-primary-selected[data-state="checked"] {
    background-color: var(--color-bg-action-primary-selected);
  }

  .data-\[state\=checked\]\:font-bold[data-state="checked"] {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .data-\[state\=checked\]\:text-brand[data-state="checked"] {
    color: var(--color-text-brand);
  }

  .data-\[state\=closed\]\:translate-y-full[data-state="closed"] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:opacity-0[data-state="closed"] {
    opacity: 0;
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }

  .data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=on\]\:border-transparent[data-state="on"] {
    border-color: #0000;
  }

  .data-\[state\=on\]\:bg-element-inverse[data-state="on"] {
    background-color: var(--color-bg-element-inverse);
  }

  .data-\[state\=on\]\:text-icon-gray[data-state="on"] {
    color: var(--color-icon-gray);
  }

  .data-\[state\=on\]\:shadow-toggle-thumb[data-state="on"] {
    --tw-shadow: 0 4px 8px var(--tw-shadow-color, var(--color-alpha-shadow2)), 0 0 2px var(--tw-shadow-color, var(--color-alpha-shadow1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=on\]\:shadow-toggle-thumb-l[data-state="on"] {
    --tw-shadow: 0px 5px 20px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .data-\[state\=on\]\:hover\:bg-element-inverse[data-state="on"]:hover {
      background-color: var(--color-bg-element-inverse);
    }

    .data-\[state\=on\]\:hover\:text-icon-gray[data-state="on"]:hover {
      color: var(--color-icon-gray);
    }
  }

  .data-\[state\=open\]\:translate-y-0[data-state="open"] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: var(--color-bg-secondary);
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:duration-300[data-state="open"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x: -100%;
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y: -100%;
  }

  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing="default"][data-variant="outline"] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[assistant-breathe_3\.8s_ease-in-out_infinite\] {
      animation: 3.8s ease-in-out infinite assistant-breathe;
    }

    .motion-safe\:animate-\[assistant-eye-micro_4\.8s_ease-in-out_infinite\] {
      animation: 4.8s ease-in-out infinite assistant-eye-micro;
    }

    .motion-safe\:animate-\[assistant-float_5\.8s_ease-in-out_infinite\] {
      animation: 5.8s ease-in-out infinite assistant-float;
    }

    .motion-safe\:animate-\[spin_1\.2s_linear_infinite\] {
      animation: 1.2s linear infinite spin;
    }

    .motion-safe\:animate-\[spin_780ms_linear_infinite\] {
      animation: .78s linear infinite spin;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .motion-reduce\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not all and (min-width: 769px) {
    .max-app-tablet\:pointer-events-auto {
      pointer-events: auto;
    }

    .max-app-tablet\:pointer-events-none {
      pointer-events: none;
    }

    .max-app-tablet\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .max-app-tablet\:fixed {
      position: fixed;
    }

    .max-app-tablet\:inset-0 {
      inset: 0;
    }

    .max-app-tablet\:top-10 {
      top: calc(var(--spacing) * 10);
    }

    .max-app-tablet\:top-auto {
      top: auto;
    }

    .max-app-tablet\:bottom-2 {
      bottom: calc(var(--spacing) * 2);
    }

    .max-app-tablet\:z-50 {
      z-index: 50;
    }

    .max-app-tablet\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }

    .max-app-tablet\:block {
      display: block;
    }

    .max-app-tablet\:flex {
      display: flex;
    }

    .max-app-tablet\:hidden {
      display: none;
    }

    .max-app-tablet\:size-\[6px\] {
      width: 6px;
      height: 6px;
    }

    .max-app-tablet\:size-\[16px\] {
      width: 16px;
      height: 16px;
    }

    .max-app-tablet\:size-\[40px\] {
      width: 40px;
      height: 40px;
    }

    .max-app-tablet\:size-primitive-m {
      width: var(--spacing-primitive-m);
      height: var(--spacing-primitive-m);
    }

    .max-app-tablet\:size-size-height-5 {
      width: var(--spacing-size-height-5);
      height: var(--spacing-size-height-5);
    }

    .max-app-tablet\:h-auto {
      height: auto;
    }

    .max-app-tablet\:h-dvh {
      height: 100dvh;
    }

    .max-app-tablet\:h-full {
      height: 100%;
    }

    .max-app-tablet\:h-size-height-6 {
      height: var(--spacing-size-height-6);
    }

    .max-app-tablet\:max-h-dvh {
      max-height: 100dvh;
    }

    .max-app-tablet\:max-h-full {
      max-height: 100%;
    }

    .max-app-tablet\:max-h-none {
      max-height: none;
    }

    .max-app-tablet\:w-\[28px\] {
      width: 28px;
    }

    .max-app-tablet\:w-\[calc\(100\%-1\.5rem\)\] {
      width: calc(100% - 1.5rem);
    }

    .max-app-tablet\:w-full {
      width: 100%;
    }

    .max-app-tablet\:w-size-height-5 {
      width: var(--spacing-size-height-5);
    }

    .max-app-tablet\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-app-tablet\:flex-col {
      flex-direction: column;
    }

    .max-app-tablet\:flex-col-reverse {
      flex-direction: column-reverse;
    }

    .max-app-tablet\:items-end {
      align-items: flex-end;
    }

    .max-app-tablet\:items-start {
      align-items: flex-start;
    }

    .max-app-tablet\:items-stretch {
      align-items: stretch;
    }

    .max-app-tablet\:gap-0 {
      gap: 0;
    }

    .max-app-tablet\:gap-2 {
      gap: calc(var(--spacing) * 2);
      gap: var(--spacing-gap-2);
    }

    .max-app-tablet\:gap-4 {
      gap: calc(var(--spacing) * 4);
      gap: var(--spacing-gap-4);
    }

    .max-app-tablet\:gap-5 {
      gap: calc(var(--spacing) * 5);
      gap: var(--spacing-gap-5);
    }

    .max-app-tablet\:gap-6 {
      gap: calc(var(--spacing) * 6);
      gap: var(--spacing-gap-6);
    }

    .max-app-tablet\:gap-8 {
      gap: calc(var(--spacing) * 8);
      gap: var(--spacing-gap-8);
    }

    .max-app-tablet\:gap-gap-1 {
      gap: var(--spacing-gap-1);
    }

    .max-app-tablet\:gap-gap-2 {
      gap: var(--spacing-gap-2);
    }

    .max-app-tablet\:gap-gap-3 {
      gap: var(--spacing-gap-3);
    }

    .max-app-tablet\:overflow-y-hidden {
      overflow-y: hidden;
    }

    .max-app-tablet\:rounded-max {
      border-radius: var(--radius-max);
    }

    .max-app-tablet\:rounded-none {
      border-radius: 0;
    }

    .max-app-tablet\:rounded-xxl {
      border-radius: var(--radius-xxl);
    }

    .max-app-tablet\:rounded-t-primitive-s {
      border-top-left-radius: var(--radius-primitive-s);
      border-top-right-radius: var(--radius-primitive-s);
    }

    .max-app-tablet\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .max-app-tablet\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-app-tablet\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .max-app-tablet\:bg-alpha-black-15 {
      background-color: var(--color-alpha-black-15);
    }

    .max-app-tablet\:bg-default {
      background-color: var(--color-bg-default);
    }

    .max-app-tablet\:p-0 {
      padding: 0;
    }

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

    .max-app-tablet\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
      padding-inline: var(--spacing-padding-6);
    }

    .max-app-tablet\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
      padding-inline: var(--spacing-padding-7);
    }

    .max-app-tablet\:py-6 {
      padding-block: calc(var(--spacing) * 6);
      padding-block: var(--spacing-padding-6);
    }

    .max-app-tablet\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
      padding-bottom: var(--spacing-padding-8);
    }

    .max-app-tablet\:pb-\[calc\(var\(--app-bottom-nav-height\)\+var\(--app-safe-area-inset-bottom\)\)\] {
      padding-bottom: calc(var(--app-bottom-nav-height) + var(--app-safe-area-inset-bottom));
    }

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

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

    .max-app-tablet\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .max-app-tablet\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }

    .max-app-tablet\:text-icon-gray-light {
      color: var(--color-icon-gray-light);
    }

    .max-app-tablet\:\[--app-password-max-w\:none\] {
      --app-password-max-w: none;
    }

    .max-app-tablet\:\[--receipt-preview-max-w\:none\] {
      --receipt-preview-max-w: none;
    }
  }

  @media not all and (min-width: 768px) {
    .max-\[768px\]\:top-auto {
      top: auto;
    }

    .max-\[768px\]\:bottom-padding-3 {
      bottom: var(--spacing-padding-3);
    }

    .max-\[768px\]\:hidden {
      display: none;
    }

    .max-\[768px\]\:size-size-height-6 {
      width: var(--spacing-size-height-6);
      height: var(--spacing-size-height-6);
    }

    .max-\[768px\]\:w-full {
      width: 100%;
    }

    .max-\[768px\]\:w-settings-mobile-sheet {
      width: var(--spacing-settings-mobile-sheet);
    }

    .max-\[768px\]\:max-w-none {
      max-width: none;
    }

    .max-\[768px\]\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .max-\[768px\]\:flex-col-reverse {
      flex-direction: column-reverse;
    }

    .max-\[768px\]\:gap-5 {
      gap: calc(var(--spacing) * 5);
      gap: var(--spacing-gap-5);
    }

    .max-\[768px\]\:gap-6 {
      gap: calc(var(--spacing) * 6);
      gap: var(--spacing-gap-6);
    }

    .max-\[768px\]\:rounded-max {
      border-radius: var(--radius-max);
    }

    .max-\[768px\]\:rounded-number-10 {
      border-radius: var(--radius-number-10);
    }

    .max-\[768px\]\:rounded-xxl {
      border-radius: var(--radius-xxl);
    }

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

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

    .max-\[768px\]\:border-solid {
      --tw-border-style: solid;
      border-style: solid;
    }

    .max-\[768px\]\:border-default {
      border-color: var(--color-border-default);
    }

    .max-\[768px\]\:bg-button-gray-fill {
      background-color: var(--color-bg-button-gray-fill);
    }

    .max-\[768px\]\:p-0 {
      padding: 0;
    }

    .max-\[768px\]\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }

    .max-\[768px\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
      padding-inline: var(--spacing-padding-5);
    }

    .max-\[768px\]\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
      padding-inline: var(--spacing-padding-7);
    }

    .max-\[768px\]\:py-5 {
      padding-block: calc(var(--spacing) * 5);
      padding-block: var(--spacing-padding-5);
    }

    .max-\[768px\]\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
      padding-bottom: var(--spacing-padding-8);
    }

    .max-\[768px\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .max-\[768px\]\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }

    .max-\[768px\]\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }

    .max-\[768px\]\:text-figma-primary {
      color: var(--color-text-figma-primary);
    }

    .max-\[768px\]\:text-light {
      color: var(--color-text-light);
    }

    @media (hover: hover) {
      .max-\[768px\]\:hover\:bg-button-gray-fill-hover:hover {
        background-color: var(--color-bg-button-gray-fill-hover);
      }
    }

    .max-\[768px\]\:active\:bg-button-gray-fill-hover:active {
      background-color: var(--color-bg-button-gray-fill-hover);
    }
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
      padding-inline: var(--spacing-padding-8);
    }
  }

  @media (min-width: 769px) {
    .app-tablet\:absolute {
      position: absolute;
    }

    .app-tablet\:sticky {
      position: sticky;
    }

    .app-tablet\:top-0 {
      top: 0;
    }

    .app-tablet\:right-8 {
      right: calc(var(--spacing) * 8);
    }

    .app-tablet\:right-\[calc\(32px\+var\(--right-dock-inset\,0px\)\)\] {
      right: calc(32px + var(--right-dock-inset, 0px));
    }

    .app-tablet\:bottom-8 {
      bottom: calc(var(--spacing) * 8);
    }

    .app-tablet\:bottom-24 {
      bottom: calc(var(--spacing) * 24);
    }

    .app-tablet\:left-1\/2 {
      left: 50%;
    }

    .app-tablet\:contents {
      display: contents;
    }

    .app-tablet\:flex {
      display: flex;
    }

    .app-tablet\:hidden {
      display: none;
    }

    .sitecover-tablet\:size-login-illustration-tablet {
      width: var(--spacing-login-illustration-tablet);
      height: var(--spacing-login-illustration-tablet);
    }

    .sitecover-tablet\:size-size-height-4 {
      width: var(--spacing-size-height-4);
      height: var(--spacing-size-height-4);
    }

    .app-tablet\:h-\[80px\] {
      height: 80px;
    }

    .app-tablet\:h-\[calc\(80px\+var\(--app-safe-area-inset-top\)\)\] {
      height: calc(80px + var(--app-safe-area-inset-top));
    }

    .app-tablet\:h-fit {
      height: fit-content;
    }

    .app-tablet\:h-full {
      height: 100%;
    }

    .app-tablet\:h-size-height-6 {
      height: var(--spacing-size-height-6);
    }

    .app-tablet\:h-size-height-8 {
      height: var(--spacing-size-height-8);
    }

    .sitecover-tablet\:h-login-image-card-height {
      height: var(--spacing-login-image-card-height);
    }

    .sitecover-tablet\:h-size-height-9 {
      height: var(--spacing-size-height-9);
    }

    .app-tablet\:max-h-dashboard-tmp-panel {
      max-height: calc(100dvh - var(--spacing-topbar));
    }

    .app-tablet\:w-full {
      width: 100%;
    }

    .app-tablet\:w-right-panel {
      width: var(--spacing-right-panel);
    }

    .sitecover-tablet\:w-auto {
      width: auto;
    }

    .sitecover-tablet\:max-w-login-copy-max {
      max-width: var(--spacing-login-copy-max);
    }

    .sitecover-tablet\:max-w-login-layout {
      max-width: var(--spacing-login-layout);
    }

    .app-tablet\:min-w-size-height-9 {
      min-width: var(--spacing-size-height-9);
    }

    .sitecover-tablet\:min-w-login-copy-tablet {
      min-width: var(--spacing-login-copy-tablet);
    }

    .sitecover-tablet\:min-w-login-visual-tablet {
      min-width: var(--spacing-login-visual-tablet);
    }

    .sitecover-tablet\:flex-1 {
      flex: 1;
    }

    .app-tablet\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .app-tablet\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .app-tablet\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .app-tablet\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .app-tablet\:grid-cols-dashboard-tmp-shell-desktop {
      grid-template-columns: minmax(0, var(--spacing-dashboard-tmp-main)) minmax(var(--spacing-right-panel), calc(var(--spacing-dashboard-tmp-panel-content) + (var(--spacing-padding-7) * 2))) 0;
    }

    .sitecover-tablet\:flex-row {
      flex-direction: row;
    }

    .sitecover-tablet\:flex-wrap {
      flex-wrap: wrap;
    }

    .sitecover-tablet\:items-start {
      align-items: flex-start;
    }

    .app-tablet\:gap-7 {
      gap: calc(var(--spacing) * 7);
      gap: var(--spacing-gap-7);
    }

    .app-tablet\:gap-gap-5 {
      gap: var(--spacing-gap-5);
    }

    .sitecover-tablet\:gap-5 {
      gap: calc(var(--spacing) * 5);
      gap: var(--spacing-gap-5);
    }

    .sitecover-tablet\:gap-11 {
      gap: calc(var(--spacing) * 11);
      gap: var(--spacing-gap-11);
    }

    .app-tablet\:self-start {
      align-self: flex-start;
    }

    .app-tablet\:overflow-hidden {
      overflow: hidden;
    }

    .app-tablet\:rounded-medium2 {
      border-radius: var(--radius-medium2);
    }

    .sitecover-tablet\:rounded-medium4 {
      border-radius: var(--radius-medium4);
    }

    .app-tablet\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }

    .app-tablet\:bg-default {
      background-color: var(--color-bg-default);
    }

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

    .app-tablet\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }

    .app-tablet\:p-8 {
      padding: calc(var(--spacing) * 8);
      padding: var(--spacing-padding-8);
    }

    .sitecover-tablet\:p-login-card {
      padding: var(--spacing-login-card);
    }

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

    .app-tablet\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
      padding-inline: var(--spacing-padding-7);
    }

    .sitecover-tablet\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
      padding-inline: var(--spacing-padding-8);
    }

    .sitecover-tablet\:px-login-tablet-x {
      padding-inline: var(--spacing-login-tablet-x);
    }

    .app-tablet\:py-6 {
      padding-block: calc(var(--spacing) * 6);
      padding-block: var(--spacing-padding-6);
    }

    .sitecover-tablet\:text-left {
      text-align: left;
    }

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

    .min-\[769px\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .sitecover-tablet\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }

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

    .app-tablet\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .app-tablet\:\[--app-password-max-w\:var\(--spacing-app-password-modal\)\] {
      --app-password-max-w: var(--spacing-app-password-modal);
    }

    .app-tablet\:\[--receipt-preview-max-w\:min\(calc\(100\%_-_5rem\)\,var\(--spacing-receipt-preview-modal\)\)\] {
      --receipt-preview-max-w: min(calc(100% - 5rem), var(--spacing-receipt-preview-modal));
    }

    .app-tablet\:before\:pointer-events-none:before {
      content: var(--tw-content);
      pointer-events: none;
    }

    .app-tablet\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }

    .app-tablet\:before\:inset-y-0:before {
      content: var(--tw-content);
      inset-block: 0;
    }

    .app-tablet\:before\:left-0:before {
      content: var(--tw-content);
      left: 0;
    }

    .app-tablet\:before\:z-10:before {
      content: var(--tw-content);
      z-index: 10;
    }

    .app-tablet\:before\:w-px:before {
      content: var(--tw-content);
      width: 1px;
    }

    .app-tablet\:before\:bg-border-default:before {
      content: var(--tw-content);
      background-color: var(--color-border-default);
    }

    .data-\[state\=closed\]\:app-tablet\:w-0[data-state="closed"] {
      width: 0;
    }

    .app-tablet\:data-\[state\=closed\]\:translate-x-full[data-state="closed"] {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .app-tablet\:data-\[state\=closed\]\:translate-y-0[data-state="closed"] {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[state\=closed\]\:app-tablet\:px-0[data-state="closed"] {
      padding-inline: 0;
    }

    .data-\[state\=closed\]\:app-tablet\:py-0[data-state="closed"] {
      padding-block: 0;
    }

    .data-\[state\=closed\]\:app-tablet\:before\:hidden[data-state="closed"]:before {
      content: var(--tw-content);
      display: none;
    }

    .data-\[state\=open\]\:app-tablet\:w-full[data-state="open"] {
      width: 100%;
    }

    .data-\[state\=open\]\:app-tablet\:w-right-panel[data-state="open"] {
      width: var(--spacing-right-panel);
    }

    .app-tablet\:data-\[state\=open\]\:translate-x-0[data-state="open"] {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .app-tablet\:data-\[state\=open\]\:translate-y-0[data-state="open"] {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .data-\[state\=open\]\:app-tablet\:border-l-0[data-state="open"] {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }
  }

  @media (min-width: 1024px) {
    .min-\[1024px\]\:flex {
      display: flex;
    }

    .min-\[1024px\]\:w-full {
      width: 100%;
    }

    .min-\[1024px\]\:min-w-0 {
      min-width: 0;
    }

    .min-\[1024px\]\:flex-1 {
      flex: 1;
    }

    .min-\[1024px\]\:flex-none {
      flex: none;
    }

    .min-\[1024px\]\:flex-col {
      flex-direction: column;
    }

    .min-\[1024px\]\:flex-row {
      flex-direction: row;
    }

    .min-\[1024px\]\:flex-nowrap {
      flex-wrap: nowrap;
    }

    .min-\[1024px\]\:flex-wrap {
      flex-wrap: wrap;
    }

    .min-\[1024px\]\:items-center {
      align-items: center;
    }

    .min-\[1024px\]\:items-start {
      align-items: flex-start;
    }

    .min-\[1024px\]\:items-stretch {
      align-items: stretch;
    }

    .min-\[1024px\]\:justify-center {
      justify-content: center;
    }

    .min-\[1024px\]\:gap-5 {
      gap: calc(var(--spacing) * 5);
      gap: var(--spacing-gap-5);
    }

    .min-\[1024px\]\:px-9 {
      padding-inline: calc(var(--spacing) * 9);
      padding-inline: var(--spacing-padding-9);
    }

    .min-\[1024px\]\:px-chooser-x {
      padding-inline: var(--spacing-padding-chooser-x);
    }

    .min-\[1024px\]\:py-chooser-card-y {
      padding-block: var(--spacing-padding-chooser-card-y);
    }

    .min-\[1024px\]\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 1201px) {
    .app-desktop\:block {
      display: block;
    }

    .app-desktop\:flex {
      display: flex;
    }

    .app-desktop\:hidden {
      display: none;
    }

    .app-desktop\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .app-desktop\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 1440px) {
    .sitecover-desktop\:contents {
      display: contents;
    }

    .sitecover-desktop\:aspect-square {
      aspect-ratio: 1;
    }

    .sitecover-desktop\:size-auto {
      width: auto;
      height: auto;
    }

    .sitecover-desktop\:h-full {
      height: 100%;
    }

    .sitecover-desktop\:h-size-height-6 {
      height: var(--spacing-size-height-6);
    }

    .sitecover-desktop\:min-h-login-image-min {
      min-height: var(--spacing-login-image-min);
    }

    .sitecover-desktop\:w-full {
      width: 100%;
    }

    .sitecover-desktop\:w-login-logo-desktop {
      width: var(--spacing-login-logo-desktop);
    }

    .sitecover-desktop\:max-w-login-content-desktop {
      max-width: var(--spacing-login-content-desktop);
    }

    .sitecover-desktop\:max-w-login-heading {
      max-width: var(--spacing-login-heading);
    }

    .sitecover-desktop\:max-w-none {
      max-width: none;
    }

    .sitecover-desktop\:min-w-0 {
      min-width: 0;
    }

    .sitecover-desktop\:min-w-login-image-min {
      min-width: var(--spacing-login-image-min);
    }

    .sitecover-desktop\:flex-row {
      flex-direction: row;
    }

    .sitecover-desktop\:justify-center {
      justify-content: center;
    }

    .sitecover-desktop\:gap-8 {
      gap: calc(var(--spacing) * 8);
      gap: var(--spacing-gap-8);
    }

    .sitecover-desktop\:gap-11 {
      gap: calc(var(--spacing) * 11);
      gap: var(--spacing-gap-11);
    }

    .sitecover-desktop\:rounded-none {
      border-radius: 0;
    }

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

    .sitecover-desktop\:bg-sitecover {
      background-image: var(--background-image-sitecover);
    }

    .sitecover-desktop\:p-0 {
      padding: 0;
    }

    .sitecover-desktop\:px-login-split-x {
      padding-inline: var(--spacing-login-split-x);
    }

    .sitecover-desktop\:py-0 {
      padding-block: 0;
    }

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

  @media (min-width: 1920px) {
    .sitecover-wide\:size-full {
      width: 100%;
      height: 100%;
    }

    .sitecover-wide\:max-h-login-illustration-wide {
      max-height: var(--spacing-login-illustration-wide);
    }

    .sitecover-wide\:min-h-0 {
      min-height: 0;
    }

    .sitecover-wide\:max-w-login-illustration-wide {
      max-width: var(--spacing-login-illustration-wide);
    }

    .sitecover-wide\:max-w-none {
      max-width: none;
    }

    .sitecover-wide\:min-w-0 {
      min-width: 0;
    }

    .sitecover-wide\:px-login-wide-x {
      padding-inline: var(--spacing-login-wide-x);
    }
  }

  @media (min-width: 40rem) {
    .sm\:inset-auto {
      inset: auto;
    }

    .sm\:top-auto {
      top: auto;
    }

    .sm\:right-4 {
      right: calc(var(--spacing) * 4);
    }

    .sm\:bottom-\[120px\] {
      bottom: 120px;
    }

    .sm\:block {
      display: block;
    }

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

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

    .sm\:max-w-\[600px\] {
      max-width: 600px;
    }

    .sm\:max-w-\[727px\] {
      max-width: 727px;
    }

    .sm\:max-w-\[var\(--app-password-max-w\)\] {
      max-width: var(--app-password-max-w);
    }

    .sm\:max-w-\[var\(--receipt-preview-max-w\)\] {
      max-width: var(--receipt-preview-max-w);
    }

    .sm\:max-w-none {
      max-width: none;
    }

    .sm\:max-w-settings-email-modal {
      max-width: var(--spacing-settings-email-modal);
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[180px_minmax\(0\,1fr\)\] {
      grid-template-columns: 180px minmax(0, 1fr);
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .md\:bottom-\[140px\] {
      bottom: 140px;
    }

    .md\:flex {
      display: flex;
    }

    .md\:size-\[88px\] {
      width: 88px;
      height: 88px;
    }

    .md\:size-size-height-6 {
      width: var(--spacing-size-height-6);
      height: var(--spacing-size-height-6);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
      padding-inline: var(--spacing-padding-6);
    }

    .md\:py-14 {
      padding-block: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 80rem) {
    .xl\:hidden {
      display: none;
    }

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

  @container download-main not (min-width: 768px) {
    .\@max-\[768px\]\/download-main\:hidden {
      display: none;
    }

    .\@max-\[768px\]\/download-main\:inline {
      display: inline;
    }
  }

  @container not (min-width: 768px) {
    .\@max-\[768px\]\:flex {
      display: flex;
    }

    .\@max-\[768px\]\:h-\[calc\(100dvh-24px\)\] {
      height: calc(100dvh - 24px);
    }

    .\@max-\[768px\]\:min-h-\[772px\] {
      min-height: 772px;
    }

    .\@max-\[768px\]\:flex-col {
      flex-direction: column;
    }
  }

  @container shell (min-width: 481px) {
    .\@min-\[481px\]\/shell\:flex-row {
      flex-direction: row;
    }
  }

  @container (min-width: 520px) {
    .\@min-\[520px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 540px) {
    .\@\[540px\]\:grid-cols-\[minmax\(0\,1fr\)_412px\] {
      grid-template-columns: minmax(0, 1fr) 412px;
    }

    .\@\[540px\]\:flex-row {
      flex-direction: row;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:top-5 {
      top: calc(var(--spacing) * 5);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:order-first {
      order: -9999;
    }

    .\@min-\[769px\]\/shell\:order-last {
      order: 9999;
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:-mx-5 {
      margin-inline: calc(var(--spacing) * -5);
    }
  }

  @container payments-main (min-width: 769px) {
    .\@min-\[769px\]\/payments-main\:-mt-\[16px\] {
      margin-top: -16px;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:-mt-primitive-xxs {
      margin-top: calc(var(--spacing-primitive-xxs) * -1);
    }

    .\@min-\[769px\]\/shell\:-mb-\[12px\] {
      margin-bottom: -12px;
    }

    .\@min-\[769px\]\/shell\:-mb-primitive-xxs {
      margin-bottom: calc(var(--spacing-primitive-xxs) * -1);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:block {
      display: block;
    }

    .\@min-\[769px\]\/download-main\:flex {
      display: flex;
    }

    .\@min-\[769px\]\/download-main\:hidden {
      display: none;
    }

    .\@min-\[769px\]\/download-main\:inline {
      display: inline;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:block {
      display: block;
    }

    .\@min-\[769px\]\/shell\:contents {
      display: contents;
    }

    .\@min-\[769px\]\/shell\:flex {
      display: flex;
    }

    .\@min-\[769px\]\/shell\:hidden {
      display: none;
    }

    .\@min-\[769px\]\/shell\:inline {
      display: inline;
    }

    .\@min-\[769px\]\/shell\:inline-flex {
      display: inline-flex;
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:grid {
      display: grid;
    }

    .\@min-\[769px\]\:hidden {
      display: none;
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:size-size-height-3 {
      width: var(--spacing-size-height-3);
      height: var(--spacing-size-height-3);
    }

    .\@min-\[769px\]\/download-main\:size-size-height-5 {
      width: var(--spacing-size-height-5);
      height: var(--spacing-size-height-5);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:size-\[20px\] {
      width: 20px;
      height: 20px;
    }

    .\@min-\[769px\]\/shell\:size-\[32px\] {
      width: 32px;
      height: 32px;
    }

    .\@min-\[769px\]\/shell\:size-size-height-4 {
      width: var(--spacing-size-height-4);
      height: var(--spacing-size-height-4);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:h-\[38px\] {
      height: 38px;
    }

    .\@min-\[769px\]\/download-main\:h-size-height-7 {
      height: var(--spacing-size-height-7);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:h-calendar-day-l {
      height: var(--spacing-calendar-day-l);
    }

    .\@min-\[769px\]\/shell\:h-dashboard-mail-banner-large {
      height: var(--spacing-dashboard-mail-banner-large-height);
    }

    .\@min-\[769px\]\/shell\:h-dashboard-mail-copy {
      height: var(--spacing-dashboard-mail-copy-height);
    }

    .\@min-\[769px\]\/shell\:h-size-height-8 {
      height: var(--spacing-size-height-8);
    }

    .\@min-\[769px\]\/shell\:h-size-height-9 {
      height: var(--spacing-size-height-9);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:min-h-0 {
      min-height: 0;
    }

    .\@min-\[769px\]\/download-main\:min-h-\[846px\] {
      min-height: 846px;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:min-h-\[112px\] {
      min-height: 112px;
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:min-h-\[900px\] {
      min-height: 900px;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:w-auto {
      width: auto;
    }

    .\@min-\[769px\]\/shell\:max-w-dashboard-mail-banner-large {
      max-width: var(--spacing-dashboard-mail-banner-large-max);
    }

    .\@min-\[769px\]\/shell\:max-w-none {
      max-width: none;
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:min-w-\[78px\] {
      min-width: 78px;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:min-w-dashboard-mail-action-large {
      min-width: var(--spacing-dashboard-mail-action-large-min);
    }

    .\@min-\[769px\]\/shell\:min-w-dashboard-mail-banner-large {
      min-width: var(--spacing-dashboard-mail-banner-large-min);
    }

    .\@min-\[769px\]\/shell\:min-w-dashboard-mail-copy-large {
      min-width: var(--spacing-dashboard-mail-copy-large-min);
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:min-w-\[594px\] {
      min-width: 594px;
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:flex-1 {
      flex: 1;
    }

    .\@min-\[769px\]\/download-main\:grid-cols-\[repeat\(auto-fit\,minmax\(118px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@min-\[769px\]\/shell\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .\@min-\[769px\]\/shell\:grid-cols-dashboard-payment-cards {
      grid-template-columns: repeat(auto-fill, minmax(var(--spacing-dashboard-payment-card-min), 1fr));
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:flex-row {
      flex-direction: row;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:flex-row {
      flex-direction: row;
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:flex-row {
      flex-direction: row;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:flex-wrap {
      flex-wrap: wrap;
    }

    .\@min-\[769px\]\/shell\:content-center {
      align-content: center;
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:items-center {
      align-items: center;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:items-center {
      align-items: center;
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:items-center {
      align-items: center;
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:justify-end {
      justify-content: flex-end;
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:gap-gap-3 {
      gap: var(--spacing-gap-3);
    }

    .\@min-\[769px\]\/download-main\:gap-gap-4 {
      gap: var(--spacing-gap-4);
    }

    .\@min-\[769px\]\/download-main\:gap-gap-8 {
      gap: var(--spacing-gap-8);
    }

    .\@min-\[769px\]\/download-main\:gap-primitive-l {
      gap: var(--spacing-primitive-l);
    }

    .\@min-\[769px\]\/download-main\:gap-primitive-xxs {
      gap: var(--spacing-primitive-xxs);
    }
  }

  @container payments-main (min-width: 769px) {
    .\@min-\[769px\]\/payments-main\:gap-4 {
      gap: calc(var(--spacing) * 4);
      gap: var(--spacing-gap-4);
    }

    .\@min-\[769px\]\/payments-main\:gap-gap-5 {
      gap: var(--spacing-gap-5);
    }
  }

  @container settings-main (min-width: 769px) {
    .\@min-\[769px\]\/settings-main\:gap-primitive-l {
      gap: var(--spacing-primitive-l);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:gap-4 {
      gap: calc(var(--spacing) * 4);
      gap: var(--spacing-gap-4);
    }

    .\@min-\[769px\]\/shell\:gap-5 {
      gap: calc(var(--spacing) * 5);
      gap: var(--spacing-gap-5);
    }

    .\@min-\[769px\]\/shell\:gap-gap-5 {
      gap: var(--spacing-gap-5);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:gap-x-gap-3 {
      column-gap: var(--spacing-gap-3);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
      row-gap: var(--spacing-gap-4);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:rounded-medium2 {
      border-radius: var(--radius-medium2);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:rounded-large2 {
      border-radius: var(--radius-large2);
    }

    .\@min-\[769px\]\/shell\:rounded-medium4 {
      border-radius: var(--radius-medium4);
    }

    .\@min-\[769px\]\/shell\:rounded-xlarge2 {
      border-radius: var(--radius-xlarge2);
    }

    .\@min-\[769px\]\/shell\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .\@min-\[769px\]\/shell\:border-solid {
      --tw-border-style: solid;
      border-style: solid;
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:border-light {
      border-color: var(--color-border-light);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:border-default {
      border-color: var(--color-border-default);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:bg-button-secondary-fill {
      background-color: var(--color-bg-button-secondary-fill);
    }

    .\@min-\[769px\]\/download-main\:bg-default {
      background-color: var(--color-bg-default);
    }

    .\@min-\[769px\]\/download-main\:p-6 {
      padding: calc(var(--spacing) * 6);
      padding: var(--spacing-padding-6);
    }

    .\@min-\[769px\]\/download-main\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }
  }

  @container payments-main (min-width: 769px) {
    .\@min-\[769px\]\/payments-main\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }
  }

  @container settings-main (min-width: 769px) {
    .\@min-\[769px\]\/settings-main\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:p-5 {
      padding: calc(var(--spacing) * 5);
      padding: var(--spacing-padding-5);
    }

    .\@min-\[769px\]\/shell\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }
  }

  @container (min-width: 769px) {
    .\@min-\[769px\]\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
      padding-inline: var(--spacing-padding-6);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
      padding-inline: var(--spacing-padding-5);
    }

    .\@min-\[769px\]\/shell\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
      padding-inline: var(--spacing-padding-7);
    }

    .\@min-\[769px\]\/shell\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
      padding-inline: var(--spacing-padding-10);
    }

    .\@min-\[769px\]\/shell\:py-3 {
      padding-block: calc(var(--spacing) * 3);
      padding-block: var(--spacing-padding-3);
    }

    .\@min-\[769px\]\/shell\:py-6 {
      padding-block: calc(var(--spacing) * 6);
      padding-block: var(--spacing-padding-6);
    }

    .\@min-\[769px\]\/shell\:py-9 {
      padding-block: calc(var(--spacing) * 9);
      padding-block: var(--spacing-padding-9);
    }
  }

  @container payments-main (min-width: 769px) {
    .\@min-\[769px\]\/payments-main\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
      padding-top: var(--spacing-padding-6);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
      padding-bottom: var(--spacing-padding-5);
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .\@min-\[769px\]\/download-main\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .\@min-\[769px\]\/download-main\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .\@min-\[769px\]\/shell\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }

    .\@min-\[769px\]\/shell\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }

    .\@min-\[769px\]\/shell\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @container download-main (min-width: 769px) {
    .\@min-\[769px\]\/download-main\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }

    .\@min-\[769px\]\/download-main\:text-brand {
      color: var(--color-text-brand);
    }

    .\@min-\[769px\]\/download-main\:text-light {
      color: var(--color-text-light);
    }
  }

  @container shell (min-width: 769px) {
    .\@min-\[769px\]\/shell\:text-tertiary {
      color: var(--color-text-tertiary);
    }

    @media (hover: hover) {
      .\@min-\[769px\]\/shell\:hover\:border-default:hover {
        border-color: var(--color-border-default);
      }
    }

    .\@min-\[769px\]\/shell\:active\:border-gray:active {
      border-color: var(--color-border-gray);
    }
  }

  @container (min-width: 900px) {
    .\@min-\[900px\]\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .\@min-\[900px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@min-\[900px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container (min-width: 1000px) {
    .\@min-\[1000px\]\:flex {
      display: flex;
    }

    .\@min-\[1000px\]\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
      grid-template-columns: minmax(0, 1fr) 360px;
    }
  }

  @container settings-main (min-width: 1040px) {
    .\@min-\[1040px\]\/settings-main\:sticky {
      position: sticky;
    }

    .\@min-\[1040px\]\/settings-main\:top-primitive-l {
      top: var(--spacing-primitive-l);
    }

    .\@min-\[1040px\]\/settings-main\:flex {
      display: flex;
    }

    .\@min-\[1040px\]\/settings-main\:max-w-none {
      max-width: none;
    }

    .\@min-\[1040px\]\/settings-main\:max-w-settings-wide {
      max-width: var(--spacing-settings-wide);
    }

    .\@min-\[1040px\]\/settings-main\:grid-cols-settings-wide {
      grid-template-columns: var(--spacing-settings-nav) minmax(0, var(--spacing-settings-content-wide));
    }
  }

  @container dashboard-tmp (min-width: 1129px) {
    .\@min-\[1129px\]\/dashboard-tmp\:p-7 {
      padding: calc(var(--spacing) * 7);
      padding: var(--spacing-padding-7);
    }
  }

  @container download-main (min-width: 1132px) {
    .\@min-\[1132px\]\/download-main\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 1250px) {
    .\@min-\[1250px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 1400px) {
    .\@\[1400px\]\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }

  @container shell (min-width: 1444px) {
    .\@min-\[1444px\]\/shell\:flex {
      display: flex;
    }

    .\@min-\[1444px\]\/shell\:hidden {
      display: none;
    }

    .\@min-\[1444px\]\/shell\:min-w-0 {
      min-width: 0;
    }

    .\@min-\[1444px\]\/shell\:flex-1 {
      flex: 1;
    }

    .\@min-\[1444px\]\/shell\:flex-row {
      flex-direction: row;
    }

    .\@min-\[1444px\]\/shell\:items-center {
      align-items: center;
    }

    .\@min-\[1444px\]\/shell\:gap-gap-3 {
      gap: var(--spacing-gap-3);
    }
  }

  @container (min-width: 28rem) {
    .\@md\:min-h-\[108px\] {
      min-height: 108px;
    }

    .\@md\:min-h-\[112px\] {
      min-height: 112px;
    }
  }

  @container (min-width: 64rem) {
    .\@5xl\:block {
      display: block;
    }

    .\@5xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .dark\:text-blue-400:is(.dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-danger-secondary:is(.dark *) {
    color: var(--color-text-danger-secondary);
  }

  .dark\:text-emerald-400:is(.dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-indigo-400:is(.dark *) {
    color: var(--color-indigo-400);
  }

  .dark\:text-pink-400:is(.dark *) {
    color: var(--color-pink-400);
  }

  .dark\:text-point:is(.dark *) {
    color: var(--color-text-point);
  }

  .dark\:text-positive-secondary:is(.dark *) {
    color: var(--color-text-positive-secondary);
  }

  .dark\:invert:is(.dark *) {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  @media (min-width: 769px) and (max-width: 1439px) and (orientation: landscape) {
    .sitecover-tablet-landscape\:contents {
      display: contents;
    }

    .sitecover-tablet-landscape\:aspect-square {
      aspect-ratio: 1;
    }

    .sitecover-tablet-landscape\:size-auto {
      width: auto;
      height: auto;
    }

    .sitecover-tablet-landscape\:h-full {
      height: 100%;
    }

    .sitecover-tablet-landscape\:min-h-0 {
      min-height: 0;
    }

    .sitecover-tablet-landscape\:w-full {
      width: 100%;
    }

    .sitecover-tablet-landscape\:max-w-login-illustration-wide {
      max-width: var(--spacing-login-illustration-wide);
    }

    .sitecover-tablet-landscape\:max-w-none {
      max-width: none;
    }

    .sitecover-tablet-landscape\:min-w-0 {
      min-width: 0;
    }

    .sitecover-tablet-landscape\:justify-center {
      justify-content: center;
    }

    .sitecover-tablet-landscape\:gap-11 {
      gap: calc(var(--spacing) * 11);
      gap: var(--spacing-gap-11);
    }

    .sitecover-tablet-landscape\:rounded-none {
      border-radius: 0;
    }

    .sitecover-tablet-landscape\:bg-white {
      background-color: var(--color-white);
    }

    .sitecover-tablet-landscape\:bg-sitecover {
      background-image: var(--background-image-sitecover);
    }

    .sitecover-tablet-landscape\:p-0 {
      padding: 0;
    }

    .sitecover-tablet-landscape\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
      padding-inline: var(--spacing-padding-10);
    }

    .sitecover-tablet-landscape\:py-0 {
      padding-block: 0;
    }
  }

  .\[\&_\[data-figma-component\=Header\]\]\:border-0 [data-figma-component="Header"] {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_\[data-figma-component\=Header\]\]\:bg-transparent [data-figma-component="Header"] {
    background-color: #0000;
  }

  .\[\&_\[data-slot\=button\]\]\:h-size-height-5 [data-slot="button"] {
    height: var(--spacing-size-height-5);
  }

  .\[\&_\[data-slot\=button\]\]\:min-w-\[60px\] [data-slot="button"] {
    min-width: 60px;
  }

  .\[\&_\[data-slot\=button\]\]\:rounded-small1 [data-slot="button"] {
    border-radius: var(--radius-small1);
  }

  .\[\&_\[data-slot\=button\]\]\:px-4 [data-slot="button"] {
    padding-inline: calc(var(--spacing) * 4);
    padding-inline: var(--spacing-padding-4);
  }

  .\[\&_\[data-slot\=button\]\]\:text-base [data-slot="button"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .\[\&_\[data-slot\=button\]\]\:font-normal [data-slot="button"] {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .\[\&_\[data-slot\=button\]\]\:shadow-none [data-slot="button"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_\[data-slot\=button\]\[data-variant\=default\]\]\:bg-button-primary-fill [data-slot="button"][data-variant="default"] {
    background-color: var(--color-bg-button-primary-fill);
  }

  .\[\&_\[data-slot\=button\]\[data-variant\=default\]\]\:text-on-color [data-slot="button"][data-variant="default"] {
    color: var(--color-text-on-color);
  }

  @media (hover: hover) {
    .\[\&_\[data-slot\=button\]\[data-variant\=default\]\]\:hover\:bg-button-primary-fill\/92 [data-slot="button"][data-variant="default"]:hover {
      background-color: var(--color-bg-button-primary-fill);
      background-color: color-mix(in srgb, #384472 calc(92 * 1%), transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[\&_\[data-slot\=button\]\[data-variant\=default\]\]\:hover\:bg-button-primary-fill\/92 [data-slot="button"][data-variant="default"]:hover {
        background-color: color-mix(in oklab, var(--color-bg-button-primary-fill) calc(92 * 1%), transparent);
      }
    }
  }

  .\[\&_\[data-slot\=button\]\[data-variant\=outline\]\]\:border-0 [data-slot="button"][data-variant="outline"] {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_\[data-slot\=button\]\[data-variant\=outline\]\]\:bg-transparent [data-slot="button"][data-variant="outline"] {
    background-color: #0000;
  }

  .\[\&_\[data-slot\=button\]\[data-variant\=outline\]\]\:text-figma-primary [data-slot="button"][data-variant="outline"] {
    color: var(--color-text-figma-primary);
  }

  @media (hover: hover) {
    .\[\&_\[data-slot\=button\]\[data-variant\=outline\]\]\:hover\:bg-button-text-fill-hover [data-slot="button"][data-variant="outline"]:hover {
      background-color: var(--color-bg-button-text-fill-hover);
    }
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px;
  }

  @media (hover: hover) {
    .hover\:\[\&_a\]\:opacity-80:hover a {
      opacity: .8;
    }
  }

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

  .\[\&_blockquote\]\:pl-3 blockquote {
    padding-left: calc(var(--spacing) * 3);
    padding-left: var(--spacing-padding-3);
  }

  .\[\&_blockquote\]\:opacity-80 blockquote {
    opacity: .8;
  }

  @media not all and (min-width: 768px) {
    .max-\[768px\]\:\[\&_button\]\:w-full button {
      width: 100%;
    }
  }

  .\[\&_code\]\:rounded code {
    border-radius: .25rem;
  }

  .\[\&_code\]\:bg-secondary\/60 code {
    background-color: var(--color-bg-secondary);
    background-color: color-mix(in srgb, #f5f5f5 calc(60 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_code\]\:bg-secondary\/60 code {
      background-color: color-mix(in oklab, var(--color-bg-secondary) calc(60 * 1%), transparent);
    }
  }

  .\[\&_code\]\:px-1 code {
    padding-inline: var(--spacing);
    padding-inline: var(--spacing-padding-1);
  }

  .\[\&_code\]\:py-0\.5 code {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_code\]\:text-sm code {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_h1\]\:my-2 h1, .\[\&_h2\]\:my-2 h2, .\[\&_h3\]\:my-2 h3 {
    margin-block: calc(var(--spacing) * 2);
  }

  @media not all and (min-width: 769px) {
    .max-app-tablet\:\[\&_input\]\:text-base input {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 769px) {
    .app-tablet\:\[\&_input\]\:text-xl input {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  .\[\&_ol\]\:my-2 ol {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }

  .\[\&_ol\]\:pl-5 ol {
    padding-left: calc(var(--spacing) * 5);
    padding-left: var(--spacing-padding-5);
  }

  .\[\&_p\]\:my-2 p, .\[\&_pre\]\:my-2 pre {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_pre\]\:overflow-x-auto pre {
    overflow-x: auto;
  }

  .\[\&_pre\]\:rounded-md pre {
    border-radius: var(--radius-md);
  }

  .\[\&_pre\]\:bg-secondary\/60 pre {
    background-color: var(--color-bg-secondary);
    background-color: color-mix(in srgb, #f5f5f5 calc(60 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_pre\]\:bg-secondary\/60 pre {
      background-color: color-mix(in oklab, var(--color-bg-secondary) calc(60 * 1%), transparent);
    }
  }

  .\[\&_pre\]\:p-3 pre {
    padding: calc(var(--spacing) * 3);
    padding: var(--spacing-padding-3);
  }

  .\[\&_pre_code\]\:bg-transparent pre code {
    background-color: #0000;
  }

  .\[\&_pre_code\]\:p-0 pre code {
    padding: 0;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:size-size-height-6 svg {
    width: var(--spacing-size-height-6);
    height: var(--spacing-size-height-6);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-\[20px\] svg:not([class*="size-"]) {
    width: 20px;
    height: 20px;
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-icon-default svg:not([class*="text-"]) {
    color: var(--color-icon-default);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-tertiary svg:not([class*="text-"]) {
    color: var(--color-text-tertiary);
  }

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

  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }

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

  .\[\&_td\]\:border-default\/60 td {
    border-color: var(--color-border-default);
    border-color: color-mix(in srgb, #c8c8c8 calc(60 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_td\]\:border-default\/60 td {
      border-color: color-mix(in oklab, var(--color-border-default) calc(60 * 1%), transparent);
    }
  }

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

  .\[\&_td\]\:py-1 td {
    padding-block: var(--spacing);
    padding-block: var(--spacing-padding-1);
  }

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

  .\[\&_th\]\:border-default\/60 th {
    border-color: var(--color-border-default);
    border-color: color-mix(in srgb, #c8c8c8 calc(60 * 1%), transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_th\]\:border-default\/60 th {
      border-color: color-mix(in oklab, var(--color-border-default) calc(60 * 1%), transparent);
    }
  }

  .\[\&_th\]\:px-2 th {
    padding-inline: calc(var(--spacing) * 2);
    padding-inline: var(--spacing-padding-2);
  }

  .\[\&_th\]\:py-1 th {
    padding-block: var(--spacing);
    padding-block: var(--spacing-padding-1);
  }

  .\[\&_ul\]\:my-2 ul {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  .\[\&_ul\]\:pl-5 ul {
    padding-left: calc(var(--spacing) * 5);
    padding-left: var(--spacing-padding-5);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-gap-2 > *):is(span):last-child {
    gap: var(--spacing-gap-2);
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:max-w-\[331px\] > * {
    max-width: 331px;
  }

  .\[\&\>\*\]\:max-w-none > * {
    max-width: none;
  }

  .\[\&\>\*\]\:min-w-0 > * {
    min-width: 0;
  }

  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: 0;
  }

  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: 0;
  }

  @media not all and (min-width: 769px) {
    .max-app-tablet\:\[\&\>aside\]\:pointer-events-auto > aside {
      pointer-events: auto;
    }

    .max-app-tablet\:\[\&\>aside\]\:max-h-dvh > aside {
      max-height: 100dvh;
    }

    .max-app-tablet\:\[\&\>aside\]\:w-full > aside {
      width: 100%;
    }

    .max-app-tablet\:\[\&\>aside\]\:max-w-none > aside {
      max-width: none;
    }
  }

  @media (min-width: 769px) {
    .app-tablet\:\[\&\>aside\]\:col-start-2 > aside {
      grid-column-start: 2;
    }

    .app-tablet\:\[\&\>aside\]\:row-start-2 > aside {
      grid-row-start: 2;
    }
  }

  .\[\&\>button\]\:sr-only > button {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  @media (min-width: 769px) {
    .app-tablet\:\[\&\>div\]\:bg-transparent > div {
      background-color: #0000;
    }
  }

  @media not all and (min-width: 768px) {
    .max-\[768px\]\:\[\&\>div\:last-child\]\:h-size-height-6 > div:last-child {
      height: var(--spacing-size-height-6);
    }
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

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

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

:root {
  --titlebar-height: 2.25rem;
  --radius: .625rem;
  --background: var(--color-bg-secondary);
  --foreground: var(--color-text-default);
  --card: var(--color-bg-default);
  --card-foreground: var(--color-text-default);
  --popover: var(--color-bg-default);
  --popover-foreground: var(--color-text-default);
  --primary: var(--color-bg-brand);
  --primary-foreground: var(--color-text-on-brand);
  --secondary: var(--color-bg-secondary);
  --secondary-foreground: var(--color-text-secondary);
  --muted: var(--color-bg-secondary);
  --muted-foreground: var(--color-text-tertiary);
  --accent: var(--color-bg-default-hover);
  --accent-foreground: var(--color-text-default);
  --destructive: var(--color-bg-danger);
  --destructive-foreground: var(--color-text-on-danger);
  --success: var(--color-bg-positive);
  --success-foreground: var(--color-text-on-positive);
  --warning: var(--color-bg-warning);
  --warning-foreground: var(--color-text-on-warning);
  --info: var(--color-bg-brand);
  --info-foreground: var(--color-text-on-brand);
  --border: var(--color-border-default);
  --input: var(--color-border-default);
  --ring: var(--color-border-brand);
  --font-sans: "Pretendard Variable", Inter, system-ui, -apple-system, sans-serif;
  --font-display: var(--font-sans);
  --font-serif: Georgia, Cambria, serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --sidebar-width: 13.75rem;
  --sidebar-width-icon: 3.5rem;
  --header-height: 4rem;
  --page-padding-x: 1rem;
  --page-padding-y: 1rem;
  --page-gap: 1rem;
}

@media (min-width: 640px) {
  :root {
    --page-padding-x: 1.5rem;
    --page-padding-y: 1.5rem;
    --page-gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --page-padding-x: 1.75rem;
    --page-padding-y: 1.75rem;
    --page-gap: 1.75rem;
  }
}

html, body, #root {
  height: 100%;
}

body {
  scrollbar-gutter: stable;
  background-image: radial-gradient(circle at top, var(--primary) 0%, transparent 38%), linear-gradient(180deg, var(--background) 0%, var(--background) 100%);
  overflow: hidden auto;
}

@supports (color: color-mix(in lab, red, red)) {
  body {
    background-image: radial-gradient(circle at top, color-mix(in oklab, var(--primary) 10%, transparent) 0%, transparent 38%), linear-gradient(180deg, color-mix(in oklab, var(--background) 97%, var(--foreground) 3%) 0%, var(--background) 100%);
  }
}

body {
  background-attachment: fixed;
}

.dark {
  --background: var(--color-bg-secondary);
  --foreground: var(--color-text-default);
  --card: var(--color-bg-default);
  --card-foreground: var(--color-text-default);
  --popover: var(--color-bg-default);
  --popover-foreground: var(--color-text-default);
  --primary: var(--color-bg-brand);
  --primary-foreground: var(--color-text-on-brand);
  --secondary: var(--color-bg-secondary);
  --secondary-foreground: var(--color-text-secondary);
  --muted: var(--color-bg-secondary);
  --muted-foreground: var(--color-text-tertiary);
  --accent: var(--color-bg-default-hover);
  --accent-foreground: var(--color-text-default);
  --destructive: var(--color-bg-danger);
  --destructive-foreground: var(--color-text-on-danger);
  --success: var(--color-bg-positive);
  --success-foreground: var(--color-text-on-positive);
  --warning: var(--color-bg-warning);
  --warning-foreground: var(--color-text-on-warning);
  --info: var(--color-bg-brand);
  --info-foreground: var(--color-text-on-brand);
  --border: var(--color-border-default);
  --input: var(--color-border-default);
  --ring: var(--color-border-brand);
}

[data-autofill-defer] input:-webkit-autofill {
  transition: background-color 600000s 0s, color 600000s 0s, box-shadow var(--default-transition-duration) var(--default-transition-timing-function);
  -webkit-text-fill-color: var(--color-text-default);
}

[data-autofill-defer] input:-webkit-autofill:hover {
  transition: background-color 600000s 0s, color 600000s 0s, box-shadow var(--default-transition-duration) var(--default-transition-timing-function);
  -webkit-text-fill-color: var(--color-text-default);
}

[data-autofill-defer] input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s, box-shadow var(--default-transition-duration) var(--default-transition-timing-function);
  -webkit-text-fill-color: var(--color-text-default);
}

[data-autofill-defer] input:-webkit-autofill:active {
  transition: background-color 600000s 0s, color 600000s 0s, box-shadow var(--default-transition-duration) var(--default-transition-timing-function);
  -webkit-text-fill-color: var(--color-text-default);
}

[class~="overflow-auto"], [class~="overflow-y-auto"], [class~="overflow-y-scroll"] {
  scrollbar-gutter: stable;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: none;
  border-radius: 9999px;
}

[data-scrollbar-active="true"]::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

[data-scrollbar-active="true"]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

[data-scrollbar-active="true"], .nova-scroll-persistent {
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

.nova-scroll-persistent::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

.nova-scroll-persistent::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

* {
  -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@keyframes slide-in-highlight {
  0% {
    opacity: 0;
    background-color: color-mix(in oklab, var(--color-bg-brand) 25%, transparent);
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-bg-brand) 50%, transparent), 0 4px 20px color-mix(in oklab, var(--color-bg-brand) 30%, transparent);
    transform: translateX(-30px) scale(.95);
  }

  30% {
    opacity: 1;
    background-color: color-mix(in oklab, var(--color-bg-brand) 20%, transparent);
    box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-bg-brand) 40%, transparent), 0 4px 15px color-mix(in oklab, var(--color-bg-brand) 25%, transparent);
    transform: translateX(0) scale(1);
  }

  70% {
    background-color: color-mix(in oklab, var(--color-bg-brand) 10%, transparent);
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--color-bg-brand) 20%, transparent), 0 2px 8px color-mix(in oklab, var(--color-bg-brand) 10%, transparent);
  }

  100% {
    opacity: 1;
    box-shadow: none;
    background-color: #0000;
    transform: translateX(0) scale(1);
  }
}

.animate-new-item {
  z-index: 10;
  animation: 1s cubic-bezier(.22, 1, .36, 1) forwards slide-in-highlight;
  position: relative;
}

@keyframes login-float {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(0, -16px, 0) scale(1.04);
  }
}

@keyframes login-drift {
  0%, 100% {
    opacity: .55;
    transform: translate3d(0, 0, 0);
  }

  50% {
    opacity: .9;
    transform: translate3d(18px, 14px, 0);
  }
}

@keyframes assistant-float {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  35% {
    transform: translate3d(-1px, -5px, 0);
  }

  70% {
    transform: translate3d(1px, -2px, 0);
  }
}

@keyframes assistant-breathe {
  0%, 100% {
    transform: scale(1);
  }

  48% {
    transform: scale(1.025, .985);
  }
}

@keyframes assistant-eye-micro {
  0%, 18%, 100% {
    transform: translate3d(0, 0, 0);
  }

  32%, 44% {
    transform: translate3d(-1.4px, .5px, 0);
  }

  62%, 74% {
    transform: translate3d(1.4px, -.5px, 0);
  }
}

@keyframes chatintro-dot {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.2);
  }

  35% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  70% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.7);
  }
}

@keyframes chatintro-mascot {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.16);
  }

  55% {
    opacity: 1;
  }

  72% {
    transform: translate(-50%, -50%) scale(1.06);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes chatintro-bob {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -2.5%, 0);
  }
}

@keyframes chatintro-arc {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.42);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes chatintro-card {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(28px - 50%)) scale(.8);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes chatintro-central {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(20px - 50%)) scale(.86);
  }

  24% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  66% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 12px)) scale(.92);
  }
}

.chatintro-pos {
  will-change: transform, opacity;
  position: absolute;
  transform: translate(-50%, -50%);
}

.chatintro-dot, .chatintro-central {
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .chatintro-dot {
    animation: .5s ease-out both chatintro-dot;
  }

  .chatintro-mascot {
    animation: .72s cubic-bezier(.34, 1.56, .64, 1) .26s both chatintro-mascot;
  }

  .chatintro-bob {
    animation: 5s ease-in-out 1.7s infinite chatintro-bob;
  }

  .chatintro-arc {
    animation: chatintro-arc .7s ease-out var(--chatintro-delay, .9s) both;
  }

  .chatintro-card {
    animation: chatintro-card .62s cubic-bezier(.34, 1.56, .64, 1) var(--chatintro-delay, 1.2s) both;
  }

  .chatintro-central {
    animation: 1.45s ease-in-out 1.5s both chatintro-central;
  }
}

@keyframes chat-thinking-shimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

.chat-thinking-shimmer {
  color: var(--color-text-tertiary);
}

@media (prefers-reduced-motion: no-preference) {
  .chat-thinking-shimmer {
    color: #0000;
    background-image: linear-gradient(90deg, var(--color-text-tertiary) 40%, var(--color-text-default) 50%, var(--color-text-tertiary) 60%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: 2.4s linear infinite chat-thinking-shimmer;
  }
}

@keyframes da-rise {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.94);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes da-pop {
  0% {
    transform: scale(1);
  }

  35% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes da-bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .da-rise {
    animation: da-rise .6s cubic-bezier(.34, 1.56, .64, 1) var(--da-delay, 0s) both;
  }

  .da-pop {
    animation: .42s cubic-bezier(.34, 1.56, .64, 1) da-pop;
  }

  .da-bob {
    animation: 2.8s ease-in-out infinite da-bob;
  }
}

@keyframes skeleton-sheen {
  to {
    transform: translateX(200%);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .skeleton-sheen {
    position: relative;
    overflow: hidden;
  }

  .skeleton-sheen:after {
    content: "";
    pointer-events: none;
    background-image: linear-gradient(100deg, #0000 35%, #1e1e1e0d 50%, #0000 65%);
    width: 150%;
    position: absolute;
    inset: 0 auto 0 -50%;
    transform: translateX(-100%);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .skeleton-sheen:after {
      background-image: linear-gradient(100deg, transparent 35%, color-mix(in oklab, var(--color-text-default) 5%, transparent) 50%, transparent 65%);
    }
  }

  .skeleton-sheen:after {
    animation: 2.2s ease-in-out infinite skeleton-sheen;
  }
}

@keyframes progress-indeterminate {
  0% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(320%);
  }
}

.progress-indeterminate {
  animation: 1.4s ease-in-out infinite progress-indeterminate;
}

@media (prefers-reduced-motion: reduce) {
  .progress-indeterminate {
    animation: none;
    transform: translateX(0);
  }
}

@keyframes section-rise {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.97);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  [data-section-reveal] > :not([data-section-no-reveal]) {
    animation: .6s cubic-bezier(.34, 1.56, .64, 1) backwards section-rise;
  }

  [data-section-reveal] > :nth-child(2) {
    animation-delay: 45ms;
  }

  [data-section-reveal] > :nth-child(3) {
    animation-delay: 90ms;
  }

  [data-section-reveal] > :nth-child(4) {
    animation-delay: .135s;
  }

  [data-section-reveal] > :nth-child(5) {
    animation-delay: .18s;
  }

  [data-section-reveal] > :nth-child(6) {
    animation-delay: .225s;
  }

  [data-section-reveal] > :nth-child(n+7) {
    animation-delay: .27s;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

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

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

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

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

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

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

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

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

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

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}
.merchant-patch {
  isolation: isolate;
  overflow: visible;
  filter: drop-shadow(.5px 1.5px 1px #49382935);
}

.merchant-patch-cloth {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

.merchant-patch-mark {
  position: absolute;
  inset: 15%;
  isolation: isolate;
  filter: drop-shadow(.45px .65px .35px #42301d70) drop-shadow(-.3px -.3px .2px #fff9);
}

.merchant-patch-mark::after {
  content: '';
  position: absolute;
  inset: 5%;
  border: 1px dashed #fff5;
  border-radius: 20%;
  pointer-events: none;
}

.merchant-patch-mark > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

.merchant-patch-thread {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(105deg, #fff9 0 .55px, #372b2438 .7px 1px, transparent 1.1px 1.8px), url('/figma/merchant-patches/blank-cotton.png');
  background-size: auto, 180% 180%;
  background-position: center;
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mix-blend-mode: soft-light;
  opacity: .62;
  pointer-events: none;
}

.merchant-patch-initial {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #5a4937;
  font-weight: 700;
  font-size: 1em;
}
.cozy .cozy-receipt-paper { --color-text-default: #202e5a; --color-text-secondary: #6b7684; --color-text-light: #747c8b; --color-text-tertiary: #747c8b; --color-bg-default: #fff9ee; --color-bg-secondary: #efe6d7; position: relative; display: flex; flex-direction: column; flex: 1; gap: 21px; min-height: 0; min-width: 0; width: 100%; overflow-y: auto; padding: 27px 24px 34px; color: #202e5a; background: #fff9ee url('/figma/worker-3/receipt-surface.png') 4.615% 8.48% / 324.05% 301.18%; box-shadow: 3px 4px 5px #0003; border: 0; border-radius: 2px; }
.cozy .cozy-receipt-paper[data-receipt-presentation="upload"] { padding: 36px 34px; max-height: none; overflow: visible; background: none; box-shadow: none; border-radius: 0; }
.cozy .cozy-receipt-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 13px; border-bottom: 1px dashed #b5b0a5; }
.cozy .cozy-receipt-paper { container: cozy-receipt / inline-size; }
.cozy .cozy-receipt-heading h2 { font-family: var(--cozy-hand, 'Patrick Hand', cursive); font-size: 30px; line-height: 1.2; font-weight: 400; }
.cozy .cozy-receipt-merchant-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.cozy .cozy-receipt-merchant-row[data-has-preview="true"] { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.cozy .cozy-receipt-photo { display: flex; min-width: 0; min-height: 180px; flex-direction: column; justify-content: center; align-items: center; padding: 8px; gap: 10px; background: #fff; border: 1px solid #e4ddd0; box-shadow: 2px 3px 4px #0002; transform: rotate(-2deg); }
.cozy .cozy-receipt-photo > img { width: 100%; height: 160px; object-fit: contain; }
.cozy .cozy-receipt-photo > span { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; font-size: 11px; color: #626e89; }
.cozy .cozy-receipt-merchant { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 8px; }
.cozy .cozy-receipt-merchant h3 { font-family: var(--cozy-hand, 'Patrick Hand', cursive); font-size: 29px; line-height: 1.1; overflow-wrap: anywhere; }
.cozy .cozy-receipt-merchant p { color: #737785; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.cozy .cozy-receipt-merchant > span { font-size: 12px; }
.cozy .cozy-receipt-total { font-family: var(--cozy-hand, 'Patrick Hand', cursive); font-size: 31px; font-weight: 400; line-height: 1.3; }
.cozy .cozy-receipt-summary { display: flex; flex-direction: column; gap: 12px; }
.cozy .cozy-receipt-summary > h3 { font-family: var(--cozy-hand, 'Patrick Hand', cursive); font-size: 25px; font-weight: 400; }
.cozy .cozy-receipt-summary dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.cozy .cozy-receipt-summary dl > div { padding: 12px 10px; background: #fffdf4; border: 1px solid #e9dfce; box-shadow: 2px 3px 3px #0001; min-width: 0; }
.cozy .cozy-receipt-summary dt { font-size: 11px; color: #747c8b; margin-bottom: 7px; }
.cozy .cozy-receipt-summary dd { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.cozy .cozy-receipt-sections { display: flex; flex-direction: column; gap: 21px; }
.cozy .cozy-receipt-sections > * { min-width: 0; }
.cozy .cozy-receipt-sections table th { padding: 9px 5px; background: transparent; border-bottom: 1px dashed #a7a7a1; white-space: normal; }
.cozy .cozy-receipt-sections table td { padding: 10px 5px; background: transparent; border-color: #ded7c9; }
.cozy .cozy-receipt-actions { padding-top: 16px; border-top: 1px dashed #b5b0a5; }
.cozy [data-payment-detail-edit] { padding: 22px; background: #fff9ee url('/figma/worker-3/chat-paper.png') center / 100% 100%; border-radius: 2px; box-shadow: 3px 4px 5px #0003; }
.cozy [data-cozy-detail]:has(.cozy-receipt-paper) { padding: 22px 18px; background: transparent; box-shadow: none; border: 0; }
.cozy [data-cozy-detail]:has(.cozy-receipt-paper)::before { display: none; }
.cozy [data-upload-results-detail]:has(.cozy-receipt-paper) { padding: 0; border: 0; background: transparent; }
@media (max-width: 768px) {
  .cozy .cozy-receipt-paper { padding: 22px 17px 30px; gap: 19px; }
  .cozy .cozy-receipt-paper[data-receipt-presentation="upload"] { padding: 30px 26px; }
  .cozy .cozy-receipt-summary dl { gap: 7px; }
  .cozy .cozy-receipt-summary dl > div { padding: 10px 7px; }
  .cozy .cozy-receipt-summary dd { font-size: 12px; }
  .cozy .cozy-receipt-merchant-row { gap: 15px; }
  .cozy .cozy-receipt-photo { min-height: 160px; }
  .cozy .cozy-receipt-photo > img { height: 140px; }
  .cozy [data-cozy-detail]:has(.cozy-receipt-paper) { padding: 12px; background: #c49563; }
}
@container cozy-receipt (max-width: 380px) {
  .cozy .cozy-receipt-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cozy .cozy-receipt-summary dd { font-weight: 500; line-height: 1.45; }
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] { display: block; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; }
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] table { min-width: 360px; table-layout: auto; }
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] :is(th, td) { padding-inline: 12px; }
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] thead th:first-child { width: auto; min-width: 104px; }
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] thead th:nth-child(2) { min-width: 44px; }
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] thead th:nth-child(n + 3) { min-width: 88px; }
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] tbody td:not(:first-child),
  .cozy .cozy-receipt-sections [data-receipt-items-scroll] tfoot td { white-space: nowrap; font-variant-numeric: tabular-nums; }
}

/* ONLINE RECEIPT 288:6802; Upload keeps its extracted-summary paper. */
.cozy .cozy-receipt-paper { --font-type: var(--cozy-hand); font-family: var(--cozy-hand); font-synthesis: none; }
.cozy .cozy-receipt-paper :is(.font-bold, .font-semibold, .font-medium, strong, th) { font-weight: 400; }
.cozy .cozy-receipt-paper[data-receipt-presentation="receipt"] {
  --color-text-default: #333d4b; --color-text-secondary: #6b7280; --color-text-tertiary: #8b95a1; --color-text-light: #adadad;
  --color-bg-default: #fff; --color-bg-secondary: #f3f4f6;
  padding: 21.067px; gap: 21.067px; color: #333d4b; background: #fff url('/figma/worker-3/online-receipt-paper.png') 65.5% top / 208.36% auto repeat-y;
  background-blend-mode: normal; border-radius: 2px; box-shadow: 4px 4px 8px #0003;
}
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-merchant-row { display: block; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-merchant { display: grid; grid-template-columns: 30px minmax(0, auto); align-items: center; justify-content: center; gap: 14.044px; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-merchant > :first-child { width: 30px; height: 30px; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-merchant h3 { font-size: 30px; font-weight: 400; line-height: 1.5; letter-spacing: 3px; color: #333d4b; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-merchant p { grid-column: 1 / -1; font-size: 10.533px; line-height: 14.044px; letter-spacing: 1.0533px; text-transform: uppercase; color: #333d4b; }
.cozy .cozy-online-receipt-facts { display: grid; gap: 7.022px; padding-block: 14.044px; border-block: 1px dashed #b4bbc4; }
.cozy .cozy-online-receipt-facts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; }
.cozy .cozy-online-receipt-facts dt { color: #8b95a1; text-transform: uppercase; font-size: 11.411px; line-height: 1.5; letter-spacing: 1.1411px; }
.cozy .cozy-online-receipt-facts dd { font-size: 13.167px; line-height: 1.5; letter-spacing: 1.3167px; text-align: right; }
.cozy .cozy-online-receipt-amount { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 14.044px; border-bottom: 1px dashed #b4bbc4; }
.cozy .cozy-online-receipt-amount > span { color: #8b95a1; font-size: 30px; line-height: 1.5; letter-spacing: 3px; text-transform: uppercase; }
.cozy .cozy-online-receipt-amount strong { font-size: 35.111px; line-height: 1.5; font-weight: 400; color: #171717; white-space: nowrap; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-sections { gap: 21.067px; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-sections > div > :is(button,div):first-child > span:first-child { font-size: 11.411px; letter-spacing: 1.1411px; text-transform: uppercase; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-sections table :is(th,td) { font-size: 11px; line-height: 1.43; padding-block: 7px; }
.cozy [data-receipt-presentation="receipt"] .cozy-receipt-sections table th { color: #6b7280; }
/* Figma 288:6802 paper, with a direct-manipulation presentation for the demo. */
.cozy .cozy-detail-backdrop { position: fixed; inset: 0; z-index: 50; background: #30251d38; backdrop-filter: blur(1.5px); }
.cozy:has([data-cozy-detail-overlay]) div:has(> button[aria-label='Demo controls']) { visibility: hidden; }
.cozy .cozy-detail-overlay { position: fixed; z-index: 50; top: 24px; right: 24px; width: min(390px, calc(100vw - 48px)); max-height: calc(100dvh - 48px); display: flex; flex-direction: column; overflow: hidden; outline: none; border: 0; border-radius: 20px; background: #f3e0bc url('/figma/cozy-receipt/backing.png') center top / 100% auto; box-shadow: 4px 4px 8px #0003, 0 20px 60px #3c291b26; color: #333d4b; }
.cozy .cozy-detail-overlay-scroll { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #8c775955 transparent; }
.cozy .cozy-detail-backdrop[data-state='open'] { animation: cozy-backdrop-in 180ms ease-out; }
.cozy .cozy-detail-backdrop[data-state='closed'] { animation: cozy-backdrop-in 180ms ease-in reverse; }
.cozy .cozy-detail-overlay[data-state='open'] { animation: cozy-receipt-in 240ms cubic-bezier(.2,.8,.2,1); }
.cozy .cozy-detail-overlay[data-state='closed'] { animation: cozy-receipt-in 180ms ease-in reverse; }
@keyframes cozy-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes cozy-receipt-in { from { opacity: 0; transform: translateX(28px) rotate(1deg); } to { opacity: 1; transform: translateX(0) rotate(0); } }

.cozy .cozy-overlay-receipt-paper {
  --receipt-rule: url('/figma/cozy-receipt/divider.svg'); --font-type: var(--cozy-hand); --color-text-default: #333d4b; --color-text-secondary: #6b7280; --color-text-light: #8b95a1; --color-text-tertiary: #8b95a1; --color-bg-default: transparent; --color-bg-secondary: #f5f5f5; --color-icon-point: #7eaee3;
  position: relative; display: flex; flex-direction: column; gap: 21.067px; width: 100%; min-width: 0; padding: 28px 24px 22px; color: #333d4b; font-family: var(--cozy-hand, 'Patrick Hand', sans-serif); font-synthesis: none; font-weight: 400; background: #fafafa url('/figma/cozy-receipt/crumpled-paper.png') 65.5% top / 208.36% auto repeat-y;
}
.cozy .cozy-overlay-receipt-paper :is(button, summary) { cursor: pointer; }
.cozy .cozy-overlay-receipt-paper button:disabled { opacity: .35; cursor: default; }
.cozy .cozy-overlay-receipt-paper :is(button, summary):focus-visible { outline: 2px solid #7eaee3; outline-offset: 3px; border-radius: 3px; }
.cozy .cozy-overlay-receipt-paper :is(.font-bold, .font-semibold, .font-medium, strong, th) { font-weight: 400; }
.cozy .cozy-overlay-receipt-header { display: flex; flex-direction: column; gap: 14.044px; }
.cozy .cozy-overlay-receipt-merchant { display: flex; align-items: center; justify-content: center; gap: 14.044px; min-width: 0; }
.cozy .cozy-overlay-receipt-merchant h2 { min-width: 0; font-family: inherit; font-size: 30px; line-height: 1.5; letter-spacing: 3px; font-weight: 400; overflow-wrap: anywhere; }
.cozy .cozy-overlay-receipt-subject { font-family: inherit; font-size: 10.533px; line-height: 14.044px; letter-spacing: 1.0533px; text-transform: uppercase; overflow-wrap: anywhere; color: #333d4b; }
.cozy .cozy-overlay-receipt-facts { display: flex; flex-direction: column; gap: 7.022px; padding-block: 14.044px; border-block: 0; background-image: var(--receipt-rule), var(--receipt-rule); background-position: center top, center bottom; background-size: 100% 1px; background-repeat: no-repeat; }
.cozy .cozy-overlay-receipt-facts > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.cozy .cozy-overlay-receipt-facts dt { flex: none; font-size: 11.411px; line-height: 1.5; letter-spacing: 1.1411px; text-transform: uppercase; color: #8b95a1; }
.cozy .cozy-overlay-receipt-facts dd { min-width: 0; font-size: 13.167px; line-height: 1.5; letter-spacing: 1.1px; text-align: right; overflow-wrap: anywhere; }
.cozy .cozy-overlay-receipt-payment-method { display: flex; align-items: center; justify-content: flex-end; gap: 4px; font-family: var(--cozy-sans); font-size: 12px; letter-spacing: 0; font-weight: 600; }
.cozy .cozy-overlay-receipt-payment-method > span { width: 23px; height: 13px; border-radius: 3px; }
.cozy .cozy-overlay-receipt-amount { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 12px; padding-bottom: 14.044px; border-bottom: 0; background: var(--receipt-rule) center bottom / 100% 1px no-repeat; }
.cozy .cozy-overlay-receipt-amount > span { color: #8b95a1; font-size: 30px; letter-spacing: 3px; text-transform: uppercase; }
.cozy .cozy-overlay-receipt-amount strong { margin-left: auto; font-size: 35.111px; line-height: 1.5; letter-spacing: 3.5111px; color: #171717; overflow-wrap: anywhere; }
.cozy .cozy-overlay-receipt-amount strong > span { color: #adadad; }
.cozy .cozy-overlay-receipt-amount small { color: #adadad; font-size: 16.678px; letter-spacing: 1.6678px; }
.cozy .cozy-overlay-receipt-sections, .cozy .cozy-overlay-receipt-extra { display: flex; flex-direction: column; gap: 21.067px; min-width: 0; }
.cozy .cozy-overlay-receipt-sections:empty, .cozy .cozy-overlay-receipt-extra:empty { display: none; }
.cozy .cozy-overlay-receipt-sections > div { gap: 14.044px; min-width: 0; }
.cozy .cozy-overlay-receipt-sections > div > button { gap: 7.022px; }
.cozy .cozy-overlay-receipt-sections > div > button > span:first-child { font-family: var(--cozy-hand); font-size: 11.411px; line-height: 1.5; letter-spacing: 1.1411px; text-transform: uppercase; }
.cozy .cozy-overlay-receipt-sections > div > button > span:last-child { height: 14px; padding: 0; opacity: .5; }
.cozy .cozy-overlay-receipt-sections [data-receipt-items-scroll] { width: 100%; overflow: visible; }
.cozy .cozy-overlay-receipt-sections table { width: 100%; min-width: 0; table-layout: fixed; border-block: 0; background-image: var(--receipt-rule), var(--receipt-rule); background-position: center top, center bottom; background-size: 100% 1px; background-repeat: no-repeat; }
.cozy .cozy-overlay-receipt-sections table :is(th, td) { min-width: 0; height: auto; padding: 6px 4px; font-family: var(--cozy-hand); font-size: 11px; line-height: 1.45; font-weight: 400; background: transparent; border: 0; overflow-wrap: anywhere; white-space: normal; }
.cozy .cozy-overlay-receipt-sections thead th { padding-block: 10px; font-size: 10px; color: #6b7280; border-bottom: 0; background: var(--receipt-rule) center bottom / 100% 1px no-repeat; }
.cozy .cozy-overlay-receipt-sections thead th:first-child { width: 40%; }
.cozy .cozy-overlay-receipt-sections thead th:nth-child(2) { width: 12%; }
.cozy .cozy-overlay-receipt-sections thead th:nth-child(n+3) { width: 24%; }
.cozy .cozy-overlay-receipt-sections tbody td:first-child { text-transform: uppercase; }
.cozy .cozy-overlay-receipt-sections tfoot { border-top: 0; background: var(--receipt-rule) center top / 100% 1px no-repeat; }
.cozy .cozy-overlay-receipt-sections tfoot tr:first-child :is(th, td) { padding-top: 14px; }
.cozy .cozy-overlay-receipt-sections tfoot tr:last-child :is(th, td) { padding-block: 10px; font-size: 13px; }
.cozy .cozy-overlay-receipt-sections tfoot tr:last-child td:last-child { color: #fc5b00; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-grid] { display: none; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-chart] { height: 110px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-chart] > [data-payment-history-plot] { height: 110px; padding-top: 0; padding-bottom: 24px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-chart] [data-payment-history-day] { padding-inline: 1px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-bar] { width: 10.533px; max-width: 100%; gap: 3.511px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-bar] > span { background: #7eaee3; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-y-label], .cozy .cozy-overlay-receipt-paper [data-payment-history-axis] { font-size: 8.778px; letter-spacing: .4px; color: #2e3b68; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-axis] { height: 17px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-axis-day] { overflow: visible; }
.cozy .cozy-overlay-receipt-barcode { position: relative; align-self: center; width: min(240px, 100%); height: 44px; overflow: hidden; mix-blend-mode: multiply; }
.cozy .cozy-overlay-receipt-barcode img { position: absolute; width: 249.71%; max-width: none; height: 2948.43%; left: -75.8%; top: -2619.67%; }
@media (max-width: 768px) {
  .cozy .cozy-detail-overlay { top: 12px; right: 12px; width: min(390px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  .cozy .cozy-detail-overlay, .cozy .cozy-detail-backdrop { animation: none; }
}

.cozy .cozy-floating-receipt .cozy-overlay-receipt-paper {
  clip-path: polygon(0 2px, 12% 0, 31% 2px, 46% 0, 69% 1px, 86% 0, 100% 2px, 100% calc(100% - 5px), 98% 100%, 96% calc(100% - 5px), 94% 100%, 92% calc(100% - 5px), 90% 100%, 88% calc(100% - 5px), 86% 100%, 84% calc(100% - 5px), 82% 100%, 80% calc(100% - 5px), 78% 100%, 76% calc(100% - 5px), 74% 100%, 72% calc(100% - 5px), 70% 100%, 68% calc(100% - 5px), 66% 100%, 64% calc(100% - 5px), 62% 100%, 60% calc(100% - 5px), 58% 100%, 56% calc(100% - 5px), 54% 100%, 52% calc(100% - 5px), 50% 100%, 48% calc(100% - 5px), 46% 100%, 44% calc(100% - 5px), 42% 100%, 40% calc(100% - 5px), 38% 100%, 36% calc(100% - 5px), 34% 100%, 32% calc(100% - 5px), 30% 100%, 28% calc(100% - 5px), 26% 100%, 24% calc(100% - 5px), 22% 100%, 20% calc(100% - 5px), 18% 100%, 16% calc(100% - 5px), 14% 100%, 12% calc(100% - 5px), 10% 100%, 8% calc(100% - 5px), 6% 100%, 4% calc(100% - 5px), 2% 100%, 0 calc(100% - 5px));
}
.cozy .cozy-floating-receipt .cozy-overlay-receipt-paper::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #00000003, transparent 4%, transparent 47%, #35251106 49.7%, #ffffff60 50%, transparent 53%, transparent 97%, #00000006); }
.cozy .cozy-receipt-end { text-align: center; color: #8b8b85; font-size: 10px; letter-spacing: 1.5px; }
.cozy .cozy-receipt-back { min-height: inherit; background-position: 20% bottom; }
.cozy .cozy-receipt-back-heading { display: flex; flex-direction: column; gap: 8px; }
.cozy .cozy-receipt-back-heading > span { color: #8b95a1; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
.cozy .cozy-receipt-back-heading h2 { font-size: 28px; letter-spacing: 1px; }
.cozy .cozy-receipt-back-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 20px; border-top: 1px dashed #aeb4b4; }
.cozy .cozy-receipt-back-actions button { min-height: 40px; padding: 6px 12px; border: 1px solid #b6c0c2; border-radius: 3px; font-size: 14px; }
.cozy .cozy-receipt-back-actions button:hover { background: #e4e9e644; }
@media (max-width: 480px) {
}
@media (prefers-reduced-motion: reduce) {
}/* Figma 288:6802 paper, with a direct-manipulation presentation for the demo. */
.cozy .cozy-detail-backdrop { position: fixed; inset: 0; z-index: 50; background: #30251d38; backdrop-filter: blur(1.5px); }
.cozy:has([data-cozy-detail-overlay]) div:has(> button[aria-label='Demo controls']) { visibility: hidden; }
.cozy .cozy-detail-overlay { position: fixed; z-index: 50; top: 24px; right: 24px; width: min(390px, calc(100vw - 48px)); max-height: calc(100dvh - 48px); display: flex; flex-direction: column; overflow: hidden; outline: none; border: 0; border-radius: 20px; background: #f3e0bc url('/figma/cozy-receipt/backing.png') center top / 100% auto; box-shadow: 4px 4px 8px #0003, 0 20px 60px #3c291b26; color: #333d4b; }
.cozy .cozy-detail-overlay-scroll { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #8c775955 transparent; }
.cozy .cozy-detail-backdrop[data-state='open'] { animation: cozy-backdrop-in 180ms ease-out; }
.cozy .cozy-detail-backdrop[data-state='closed'] { animation: cozy-backdrop-in 180ms ease-in reverse; }
.cozy .cozy-detail-overlay[data-state='open'] { animation: cozy-receipt-in 240ms cubic-bezier(.2,.8,.2,1); }
.cozy .cozy-detail-overlay[data-state='closed'] { animation: cozy-receipt-in 180ms ease-in reverse; }
@keyframes cozy-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes cozy-receipt-in { from { opacity: 0; transform: translateX(28px) rotate(1deg); } to { opacity: 1; transform: translateX(0) rotate(0); } }

.cozy .cozy-overlay-receipt-paper {
  --receipt-rule: url('/figma/cozy-receipt/divider.svg'); --font-type: var(--cozy-hand); --color-text-default: #333d4b; --color-text-secondary: #6b7280; --color-text-light: #8b95a1; --color-text-tertiary: #8b95a1; --color-bg-default: transparent; --color-bg-secondary: #f5f5f5; --color-icon-point: #7eaee3;
  position: relative; display: flex; flex-direction: column; gap: 21.067px; width: 100%; min-width: 0; padding: 28px 24px 22px; color: #333d4b; font-family: var(--cozy-hand, 'Patrick Hand', sans-serif); font-synthesis: none; font-weight: 400; background: #fafafa url('/figma/cozy-receipt/crumpled-paper.png') 65.5% top / 208.36% auto repeat-y;
}
.cozy .cozy-overlay-receipt-paper :is(button, summary) { cursor: pointer; }
.cozy .cozy-overlay-receipt-paper button:disabled { opacity: .35; cursor: default; }
.cozy .cozy-overlay-receipt-paper :is(button, summary):focus-visible { outline: 2px solid #7eaee3; outline-offset: 3px; border-radius: 3px; }
.cozy .cozy-overlay-receipt-paper :is(.font-bold, .font-semibold, .font-medium, strong, th) { font-weight: 400; }
.cozy .cozy-overlay-receipt-header { display: flex; flex-direction: column; gap: 14.044px; }
.cozy .cozy-overlay-receipt-merchant { display: flex; align-items: center; justify-content: center; gap: 14.044px; min-width: 0; }
.cozy .cozy-overlay-receipt-merchant h2 { min-width: 0; font-family: inherit; font-size: 30px; line-height: 1.5; letter-spacing: 3px; font-weight: 400; overflow-wrap: anywhere; }
.cozy .cozy-overlay-receipt-subject { font-family: inherit; font-size: 10.533px; line-height: 14.044px; letter-spacing: 1.0533px; text-transform: uppercase; overflow-wrap: anywhere; color: #333d4b; }
.cozy .cozy-overlay-receipt-facts { display: flex; flex-direction: column; gap: 7.022px; padding-block: 14.044px; border-block: 0; background-image: var(--receipt-rule), var(--receipt-rule); background-position: center top, center bottom; background-size: 100% 1px; background-repeat: no-repeat; }
.cozy .cozy-overlay-receipt-facts > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.cozy .cozy-overlay-receipt-facts dt { flex: none; font-size: 11.411px; line-height: 1.5; letter-spacing: 1.1411px; text-transform: uppercase; color: #8b95a1; }
.cozy .cozy-overlay-receipt-facts dd { min-width: 0; font-size: 13.167px; line-height: 1.5; letter-spacing: 1.1px; text-align: right; overflow-wrap: anywhere; }
.cozy .cozy-overlay-receipt-payment-method { display: flex; align-items: center; justify-content: flex-end; gap: 4px; font-family: var(--cozy-sans); font-size: 12px; letter-spacing: 0; font-weight: 600; }
.cozy .cozy-overlay-receipt-payment-method > span { width: 23px; height: 13px; border-radius: 3px; }
.cozy .cozy-overlay-receipt-amount { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 12px; padding-bottom: 14.044px; border-bottom: 0; background: var(--receipt-rule) center bottom / 100% 1px no-repeat; }
.cozy .cozy-overlay-receipt-amount > span { color: #8b95a1; font-size: 30px; letter-spacing: 3px; text-transform: uppercase; }
.cozy .cozy-overlay-receipt-amount strong { margin-left: auto; font-size: 35.111px; line-height: 1.5; letter-spacing: 3.5111px; color: #171717; overflow-wrap: anywhere; }
.cozy .cozy-overlay-receipt-amount strong > span { color: #adadad; }
.cozy .cozy-overlay-receipt-amount small { color: #adadad; font-size: 16.678px; letter-spacing: 1.6678px; }
.cozy .cozy-overlay-receipt-sections, .cozy .cozy-overlay-receipt-extra { display: flex; flex-direction: column; gap: 21.067px; min-width: 0; }
.cozy .cozy-overlay-receipt-sections:empty, .cozy .cozy-overlay-receipt-extra:empty { display: none; }
.cozy .cozy-overlay-receipt-sections > div { gap: 14.044px; min-width: 0; }
.cozy .cozy-overlay-receipt-sections > div > button { gap: 7.022px; }
.cozy .cozy-overlay-receipt-sections > div > button > span:first-child { font-family: var(--cozy-hand); font-size: 11.411px; line-height: 1.5; letter-spacing: 1.1411px; text-transform: uppercase; }
.cozy .cozy-overlay-receipt-sections > div > button > span:last-child { height: 14px; padding: 0; opacity: .5; }
.cozy .cozy-overlay-receipt-sections [data-receipt-items-scroll] { width: 100%; overflow: visible; }
.cozy .cozy-overlay-receipt-sections table { width: 100%; min-width: 0; table-layout: fixed; border-block: 0; background-image: var(--receipt-rule), var(--receipt-rule); background-position: center top, center bottom; background-size: 100% 1px; background-repeat: no-repeat; }
.cozy .cozy-overlay-receipt-sections table :is(th, td) { min-width: 0; height: auto; padding: 6px 4px; font-family: var(--cozy-hand); font-size: 11px; line-height: 1.45; font-weight: 400; background: transparent; border: 0; overflow-wrap: anywhere; white-space: normal; }
.cozy .cozy-overlay-receipt-sections thead th { padding-block: 10px; font-size: 10px; color: #6b7280; border-bottom: 0; background: var(--receipt-rule) center bottom / 100% 1px no-repeat; }
.cozy .cozy-overlay-receipt-sections thead th:first-child { width: 40%; }
.cozy .cozy-overlay-receipt-sections thead th:nth-child(2) { width: 12%; }
.cozy .cozy-overlay-receipt-sections thead th:nth-child(n+3) { width: 24%; }
.cozy .cozy-overlay-receipt-sections tbody td:first-child { text-transform: uppercase; }
.cozy .cozy-overlay-receipt-sections tfoot { border-top: 0; background: var(--receipt-rule) center top / 100% 1px no-repeat; }
.cozy .cozy-overlay-receipt-sections tfoot tr:first-child :is(th, td) { padding-top: 14px; }
.cozy .cozy-overlay-receipt-sections tfoot tr:last-child :is(th, td) { padding-block: 10px; font-size: 13px; }
.cozy .cozy-overlay-receipt-sections tfoot tr:last-child td:last-child { color: #fc5b00; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-grid] { display: none; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-chart] { height: 110px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-chart] > [data-payment-history-plot] { height: 110px; padding-top: 0; padding-bottom: 24px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-chart] [data-payment-history-day] { padding-inline: 1px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-bar] { width: 10.533px; max-width: 100%; gap: 3.511px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-bar] > span { background: #7eaee3; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-y-label], .cozy .cozy-overlay-receipt-paper [data-payment-history-axis] { font-size: 8.778px; letter-spacing: .4px; color: #2e3b68; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-axis] { height: 17px; }
.cozy .cozy-overlay-receipt-paper [data-payment-history-axis-day] { overflow: visible; }
.cozy .cozy-overlay-receipt-barcode { position: relative; align-self: center; width: min(240px, 100%); height: 44px; overflow: hidden; mix-blend-mode: multiply; }
.cozy .cozy-overlay-receipt-barcode img { position: absolute; width: 249.71%; max-width: none; height: 2948.43%; left: -75.8%; top: -2619.67%; }
@media (max-width: 768px) {
  .cozy .cozy-detail-overlay { top: 12px; right: 12px; width: min(390px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  .cozy .cozy-detail-overlay, .cozy .cozy-detail-backdrop { animation: none; }
}

.cozy .cozy-floating-receipt .cozy-overlay-receipt-paper {
  clip-path: polygon(0 2px, 12% 0, 31% 2px, 46% 0, 69% 1px, 86% 0, 100% 2px, 100% calc(100% - 5px), 98% 100%, 96% calc(100% - 5px), 94% 100%, 92% calc(100% - 5px), 90% 100%, 88% calc(100% - 5px), 86% 100%, 84% calc(100% - 5px), 82% 100%, 80% calc(100% - 5px), 78% 100%, 76% calc(100% - 5px), 74% 100%, 72% calc(100% - 5px), 70% 100%, 68% calc(100% - 5px), 66% 100%, 64% calc(100% - 5px), 62% 100%, 60% calc(100% - 5px), 58% 100%, 56% calc(100% - 5px), 54% 100%, 52% calc(100% - 5px), 50% 100%, 48% calc(100% - 5px), 46% 100%, 44% calc(100% - 5px), 42% 100%, 40% calc(100% - 5px), 38% 100%, 36% calc(100% - 5px), 34% 100%, 32% calc(100% - 5px), 30% 100%, 28% calc(100% - 5px), 26% 100%, 24% calc(100% - 5px), 22% 100%, 20% calc(100% - 5px), 18% 100%, 16% calc(100% - 5px), 14% 100%, 12% calc(100% - 5px), 10% 100%, 8% calc(100% - 5px), 6% 100%, 4% calc(100% - 5px), 2% 100%, 0 calc(100% - 5px));
}
.cozy .cozy-floating-receipt .cozy-overlay-receipt-paper::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, #00000003, transparent 4%, transparent 47%, #35251106 49.7%, #ffffff60 50%, transparent 53%, transparent 97%, #00000006); }
.cozy .cozy-receipt-end { text-align: center; color: #8b8b85; font-size: 10px; letter-spacing: 1.5px; }
.cozy .cozy-receipt-back { min-height: inherit; background-position: 20% bottom; }
.cozy .cozy-receipt-back-heading { display: flex; flex-direction: column; gap: 8px; }
.cozy .cozy-receipt-back-heading > span { color: #8b95a1; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
.cozy .cozy-receipt-back-heading h2 { font-size: 28px; letter-spacing: 1px; }
.cozy .cozy-receipt-back-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 20px; border-top: 1px dashed #aeb4b4; }
.cozy .cozy-receipt-back-actions button { min-height: 40px; padding: 6px 12px; border: 1px solid #b6c0c2; border-radius: 3px; font-size: 14px; }
.cozy .cozy-receipt-back-actions button:hover { background: #e4e9e644; }
@media (max-width: 480px) {
}
@media (prefers-reduced-motion: reduce) {
}

.cozy .cozy-upcoming-receipt { gap: 20px; }
.cozy .cozy-upcoming-receipt-label { color: #817669; font-size: 12px; text-align: center; letter-spacing: 1.5px; }
.cozy .cozy-upcoming-receipt .cozy-overlay-receipt-merchant h2 { font-size: 28px; line-height: 1.2; letter-spacing: 1px; }
.cozy .cozy-upcoming-status { align-self: center; border: 1px solid #87998e; border-radius: 3px; padding: 3px 9px; color: #557665; font-size: 12px; rotate: -2deg; }
.cozy .cozy-upcoming-status[data-suggested='true'] { color: #a17842; border-color: #b99a67; }
.cozy .cozy-upcoming-amount { padding-block: 18px; border-block: 1px dashed #bfb7a9; }
.cozy .cozy-upcoming-amount [data-subscription-amount-row] { align-items: flex-start; flex-direction: column; gap: 8px; }
.cozy .cozy-upcoming-amount [data-subscription-amount-row] > div { width: 100%; align-items: flex-end; }
.cozy .cozy-upcoming-amount [data-subscription-amount-run] { margin-bottom: 0; }
.cozy .cozy-upcoming-amount [data-subscription-amount-run] > span { font-family: var(--cozy-hand); font-size: 34px; line-height: 1.3; }
.cozy .cozy-upcoming-amount [data-subscription-amount-run] > span:nth-child(n + 3) { font-size: 18px; }
.cozy .cozy-upcoming-amount [data-subscription-amount-estimate] { margin-top: 8px; text-align: right; }
.cozy .cozy-upcoming-receipt .cozy-overlay-receipt-payment-method > span:last-child { width: auto; height: auto; white-space: nowrap; }
.cozy .cozy-upcoming-management { display: flex; flex-direction: column; gap: 10px; }
.cozy .cozy-upcoming-management h3 { font-size: 19px; }
.cozy .cozy-upcoming-management > p { color: #817669; font-size: 13px; }
.cozy .cozy-upcoming-back-link { align-self: flex-start; font-size: 13px; color: #637d89; text-decoration: underline; text-underline-offset: 3px; }
.cozy .cozy-upcoming-receipt-list { display: flex; flex-direction: column; }
.cozy .cozy-upcoming-receipt-list > button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 64px; padding: 12px 0; border-bottom: 1px dashed #c5beaf; text-align: left; }
.cozy .cozy-upcoming-receipt-list > button:hover { background: #dce9e755; }
.cozy .cozy-upcoming-receipt-list > button > span { display: flex; flex: 1; min-width: 0; flex-direction: column; overflow-wrap: anywhere; }
.cozy .cozy-upcoming-receipt-list strong { font-size: 18px; }
.cozy .cozy-upcoming-receipt-list small { color: #a17842; }
.cozy .cozy-upcoming-receipt-list b { font-size: 18px; font-weight: 400; }
.cozy .cozy-upcoming-receipt [data-linked-email-pagination] { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; }
.cozy .cozy-upcoming-receipt [data-linked-email-pagination] button { width: 36px; height: 36px; border: 1px solid #c5beaf; border-radius: 3px; }
.cozy [data-cozy-shell] { --cozy-header-logo-width: 108px; --cozy-header-logo-gap: 14px; }
.cozy [data-header-heading] { gap: var(--cozy-header-logo-gap); }
.cozy [data-cozy-header] [data-cozy-header-logo] { display: block; width: var(--cozy-header-logo-width); height: auto; flex: none; object-fit: contain; filter: none; }
.cozy [data-cozy-shell] [data-cozy-header] img[data-cozy-header-logo] { filter: none; }

@media (min-width: 769px) {
  .cozy [data-cozy-header-surface] { position: relative; }
  .cozy [data-cozy-shell]:not([data-cozy-compact='true']) [data-cozy-header] { height: 58px; padding: 4px 20px; }
  .cozy [data-cozy-shell] [data-cozy-header] h1 { font-size: 28px; line-height: 34px; letter-spacing: .7px; }
  .cozy [data-cozy-shell] [data-header-controls] { gap: 9px; }
  .cozy [data-cozy-shell] [data-header-controls] button { height: 36px; font-size: 16px; letter-spacing: .5px; }
  .cozy [data-cozy-shell] [data-header-controls] > button { padding-inline: 13px; }
  .cozy [data-cozy-shell] [data-header-search] { width: clamp(130px, 15vw, 210px); height: 36px; padding: 0; }
  .cozy [data-cozy-shell] [data-header-search] input { font-size: 14px; letter-spacing: .5px; padding: 6px 32px 6px 12px; }
  .cozy [data-cozy-shell] [data-header-search] svg { right: 10px; width: 17px; height: 17px; }
  .cozy [data-cozy-page-scroll] {
    --cozy-toolbar-height: 52px;
    --cozy-toolbar-top: 8px;
    --cozy-toolbar-gutter: 24px;
    --cozy-detail-top: calc(var(--cozy-toolbar-top) + var(--cozy-toolbar-height) + 8px);
    grid-template-rows: auto minmax(min-content, 1fr);
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-top: var(--cozy-detail-top);
  }
  .cozy [data-cozy-page-scroll] > [data-cozy-board] { overflow: visible; }
  .cozy [data-cozy-page-scroll] > [data-cozy-shell-heading] {
    height: var(--cozy-full-header-height, auto);
  }
  .cozy [data-cozy-compact='true'] [data-cozy-header-surface] {
    position: fixed;
    top: calc(var(--cozy-shell-top, 0px) + var(--cozy-toolbar-top));
    left: calc(var(--cozy-shell-left, 0px) + var(--cozy-toolbar-gutter));
    width: calc(var(--cozy-shell-width, 100%) - var(--cozy-toolbar-gutter) * 2);
    height: var(--cozy-toolbar-height);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 1px solid #d5c6b480;
    border-radius: 5px 8px 6px 9px;
    background: linear-gradient(#f0dabce0, #f0dabce0), var(--cozy-ivory) center / 500px;
    box-shadow: 0 3px 6px #49301d18, 0 8px 18px #49301d16;
    animation: cozy-toolbar-appear 160ms ease-out;
  }
  .cozy [data-cozy-compact='true'] :is([data-cozy-header], .cozy-top-navigation) { display: contents; }
  .cozy [data-cozy-compact='true'] [data-cozy-header] > :not([data-header-controls]) { display: none; }
  .cozy [data-cozy-compact='true'] [data-cozy-header] > [data-header-heading] { display: flex; flex: none; order: 0; }
  .cozy [data-cozy-compact='true'] [data-header-heading] > :not([data-cozy-header-logo]) { display: none; }
  .cozy [data-cozy-compact='true'] [data-cozy-header-logo] { width: 72px; }
  .cozy [data-cozy-compact='true'] .cozy-primary-tabs { order: 1; flex: none; gap: 4px; margin-right: auto; }
  .cozy [data-cozy-compact='true'] [data-header-controls] {
    order: 2;
    gap: 5px;
    padding-left: 8px;
    border-left: 1px solid #c9b9a780;
  }
  .cozy [data-cozy-compact='true'] .cozy-utility-tabs { order: 3; flex: none; gap: 6px; margin: 0; }
  .cozy [data-cozy-compact='true'] .cozy-paper-tab {
    flex: none;
    min-width: 0;
    height: 34px;
    padding: 4px 8px;
    gap: 7px;
    font-size: 15px;
    letter-spacing: .3px;
    background: none;
    filter: none;
    border-radius: 4px;
  }
  .cozy [data-cozy-compact='true'] .cozy-paper-tab[aria-current='page'] { background: #dcebf0; color: #263c63; }
  .cozy [data-cozy-compact='true'] .cozy-paper-tab:hover { transform: none; background-color: #e9dfcc80; }
  .cozy [data-cozy-compact='true'] .cozy-paper-tab:focus-visible { outline-offset: 1px; }
  .cozy [data-cozy-compact='true'] .cozy-profile-tab { width: 32px; padding: 2px; }
  .cozy [data-cozy-compact='true'] .cozy-profile-tab > :not(.cozy-tab-avatar) { display: none; }
  .cozy [data-cozy-compact='true'] .cozy-tab-avatar { width: 28px; height: 28px; }
  .cozy [data-cozy-compact='true'] [data-header-controls] > :is(div, button) { background: none; filter: none; padding-inline: 0; }
  .cozy [data-cozy-compact='true'] [data-header-controls] button { height: 34px; font-size: 16px; letter-spacing: .3px; }
  .cozy [data-cozy-compact='true'] [data-header-controls] > button { width: 34px; }
  .cozy [data-cozy-compact='true'] [data-header-controls] > button > span { display: none; }
  .cozy [data-cozy-compact='true'] [data-header-controls] svg { width: 18px; height: 18px; }
  .cozy [data-cozy-compact='true'] [data-month-label='long']:has(+ [data-month-label='short']) { display: none; }
  .cozy [data-cozy-compact='true'] [data-month-label='short'] { display: inline; text-transform: none; }
  .cozy [data-cozy-compact='true'] [data-header-search] { width: 130px; height: 32px; }
  .cozy [data-cozy-compact='true'] [data-header-search] input { padding: 4px 28px 4px 8px; font-size: 16px; letter-spacing: .3px; background: #e9dfcc60; border-radius: 4px; }
  .cozy [data-cozy-compact='true'] [data-header-search] svg { right: 6px; }
  .cozy [data-cozy-page-scroll] [data-cozy-detail] {
    position: relative;
    top: auto;
    align-self: start;
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .cozy [data-cozy-page-scroll] [data-cozy-receipt-detail] { max-height: none; overflow: visible; }
  .cozy [data-cozy-page-scroll] [data-settings-navigation-rail] { top: var(--cozy-detail-top); }
}

.cozy-compact-more { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 4px; font: 24px/1 var(--cozy-hand); color: #33363d; }
.cozy-compact-more:hover, .cozy-compact-more[data-state='open'] { background: #e9dfcc80; }
.cozy-compact-more:focus-visible { outline: 2px solid var(--cozy-blue); }
.cozy-compact-menu { z-index: 50; min-width: 180px; padding: 6px; border: 1px solid #d5c6b4; border-radius: 5px; background: #fff8ed var(--cozy-ivory) center / 500px; box-shadow: 0 6px 20px #49301d26; color: #33363d; font: 17px/1.5 var(--cozy-hand); }
.cozy-compact-menu-item { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 3px; cursor: pointer; outline: none; }
.cozy-compact-menu-item[data-highlighted] { background: #dcebf0; }

@media (min-width: 769px) and (max-width: 1250px) {
  .cozy [data-cozy-page-scroll] { --cozy-toolbar-gutter: 16px; }
  .cozy [data-cozy-compact='true'] [data-cozy-header-surface] { gap: 8px; padding-inline: 8px; }
  .cozy [data-cozy-compact='true'] .cozy-new-receipt-tab { display: none; }
}
@media (min-width: 769px) and (max-width: 900px) {
  .cozy [data-cozy-shell] { --cozy-header-logo-width: 80px; --cozy-header-logo-gap: 10px; }
  .cozy [data-cozy-shell] [data-cozy-header] h1 { font-size: 23px; }
  .cozy [data-cozy-shell] [data-header-search] { width: 120px; }
}
@media (max-width: 768px) {
  .cozy [data-cozy-shell] { --cozy-header-logo-width: 80px; --cozy-header-logo-gap: 10px; }
  .cozy [data-header-heading] { max-width: 100%; }
}
@media (min-width: 769px) and (max-width: 1000px) {
  .cozy [data-cozy-compact='true'] .cozy-primary-tabs svg { display: none; }
  .cozy [data-cozy-compact='true'] [data-header-controls] > div > button > div > p { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
  .cozy [data-cozy-compact='true'] [data-header-controls] > div > button:has(p) { width: 30px; }
}
@keyframes cozy-toolbar-appear { from { opacity: 0; translate: 0 -6px; } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: reduce) { .cozy [data-cozy-compact='true'] [data-cozy-header-surface] { animation: none; } }
.cozy-attachment { display: none; }
.cozy .cozy-attachment {
  --attachment-size: 44px;
  --attachment-angle: 0deg;
  --attachment-x: 50%;
  --attachment-y: 18px;
  --attachment-tip-x: 50%;
  --attachment-tip-y: 50%;
  position: absolute; z-index: 4;
  top: var(--attachment-y); left: var(--attachment-x);
  width: min(var(--attachment-size), 42%); aspect-ratio: 1;
  background: var(--attachment-image, none) center / contain no-repeat;
  transform-origin: var(--attachment-tip-x) var(--attachment-tip-y);
  transform: translate(calc(-1 * var(--attachment-tip-x)), calc(-1 * var(--attachment-tip-y))) rotate(var(--attachment-angle));
  pointer-events: none; user-select: none;
}
.cozy .cozy-attachment[data-attachment='pin-terracotta'],
.cozy .cozy-dashboard-top > section > .cozy-attachment[data-attachment='auto'],
.cozy [data-dashboard-section='weekend-payments'] > .cozy-attachment[data-attachment='auto'] {
  display: block; --attachment-kind: pin;
  --attachment-image: url('/textures/cozy/attachments/pin-terracotta.png');
  --attachment-size: 44px; --attachment-tip-x: 22%; --attachment-tip-y: 92%;
  --attachment-angle: -10deg; --attachment-x: calc(100% - 56px);
}
.cozy .cozy-attachment[data-attachment='pin-ivory'] {
  display: block; --attachment-kind: pin;
  --attachment-image: url('/textures/cozy/attachments/pin-ivory.png');
  --attachment-size: 46px; --attachment-tip-x: 26%; --attachment-tip-y: 88%; --attachment-angle: 5deg;
}
.cozy .cozy-attachment[data-attachment='pin-brass'],
.cozy .cozy-dashboard-discovery > section > .cozy-attachment[data-attachment='auto'],
.cozy [data-dashboard-section='attachment-payments'] > .cozy-attachment[data-attachment='auto'],
.cozy #settings-about > .cozy-attachment[data-attachment='auto'] {
  display: block; --attachment-kind: pin;
  --attachment-image: url('/textures/cozy/attachments/pin-brass.png');
  --attachment-size: 34px; --attachment-x: 42px;
}
.cozy .cozy-attachment[data-attachment='tape-ivory'],
.cozy [data-upcoming-section] > .cozy-attachment[data-attachment='auto'],
.cozy [data-dashboard-section='repeat-merchant-payments'] > .cozy-attachment[data-attachment='auto'] {
  display: block; --attachment-kind: tape;
  --attachment-image: url('/textures/cozy/attachments/tape-ivory.png');
  --attachment-size: 140px; --attachment-angle: -3deg; --attachment-y: 8px; --attachment-x: 38%;
}
.cozy .cozy-attachment[data-attachment='tape-blue-dots'],
.cozy .cozy-dashboard-latest > section > .cozy-attachment[data-attachment='auto'],
.cozy [data-dashboard-section='first-week-payments'] > .cozy-attachment[data-attachment='auto'],
.cozy #settings-appearance > .cozy-attachment[data-attachment='auto'] {
  display: block; --attachment-kind: tape;
  --attachment-image: url('/textures/cozy/attachments/tape-blue-dots.png');
  --attachment-size: 126px; --attachment-angle: -5deg; --attachment-y: 8px; --attachment-x: 67%;
}
.cozy .cozy-attachment[data-attachment='tape-sage-stripes'],
.cozy .cozy-month-board > section > .cozy-attachment[data-attachment='auto'],
.cozy #settings-sync > .cozy-attachment[data-attachment='auto'] {
  display: block; --attachment-kind: tape;
  --attachment-image: url('/textures/cozy/attachments/tape-sage-stripes.png');
  --attachment-size: 132px; --attachment-angle: 4deg; --attachment-y: 8px; --attachment-x: 55%;
}
.cozy .cozy-attachment[data-placement='left'] { left: 42px; }
.cozy .cozy-attachment[data-placement='center'] { left: 50%; }
.cozy .cozy-attachment[data-placement='right'] { left: calc(100% - 48px); }
.cozy .cozy-category-note > .cozy-attachment { top: 12px; }
.cozy .cozy-reminder-note > .cozy-attachment { top: 9%; }
@media (max-width: 768px) {
  .cozy .cozy-attachment { width: min(var(--attachment-size), 36%); }
}

.cozy [data-paper-motion] {
  --paper-rx: 0deg;
  --paper-ry: 0deg;
  --paper-rz: 0deg;
  --paper-lift: 0;
  transform-origin: var(--paper-origin);
  transform: var(--paper-rest-transform) perspective(1100px) rotateX(var(--paper-rx)) rotateY(var(--paper-ry)) rotateZ(var(--paper-rz));
  filter: var(--paper-rest-filter) drop-shadow(0 calc(var(--paper-lift) * 5px) calc(var(--paper-lift) * 4px) #49301d24);
  transition: transform 220ms cubic-bezier(.2,.7,.2,1), filter 220ms ease-out;
}
.cozy [data-paper-motion][data-paper-active='true'] { z-index: 3; }
@media (prefers-reduced-motion: reduce), (hover: none) {
  .cozy [data-paper-motion] { transform: var(--paper-rest-transform); filter: var(--paper-rest-filter); transition: none; }
}
.cozy-paper-surface { position: absolute; inset: 0; z-index: -1; overflow: visible; pointer-events: none; filter: drop-shadow(1px 2px 1.5px #583c2740); }
.cozy-paper-outline { width: calc(100% - 10px); height: calc(100% - 10px); }
/* Extend the torn mask past the sheet so its top and bottom stay straight. */
.cozy-paper-surface[data-torn-edges='sides'] .cozy-paper-outline { height: calc(100% + 20px); }
.cozy .cozy-dashboard-page { font-family: var(--cozy-hand); }
.cozy .cozy-dashboard-page [data-cozy-board] { background: transparent; }
.cozy .cozy-dashboard-layout { display: grid; grid-template-columns: clamp(200px, 15vw, 256px) minmax(0, 1fr); gap: clamp(18px, 1.5vw, 26px); padding: 13px 24px 36px; width: 100%; max-width: var(--cozy-content-max-width); margin-inline: auto; align-items: start; }
.cozy .cozy-dashboard-layout > [data-dashboard-body] { width: 100%; max-width: none; min-width: 0; border-radius: 9px; background: #c79a71 var(--cozy-cork) center / var(--cozy-cork-size); box-shadow: var(--cozy-board-elevation); }
.cozy .cozy-dashboard-layout [data-dashboard-board] { padding: clamp(24px, 3.5%, 48px); max-width: none; gap: 24px; }
.cozy .cozy-dashboard-notes { display: flex; flex-direction: column; gap: 16px; min-width: 0; padding-top: 6px; }
.cozy .cozy-dashboard-notes section { position: relative; background: transparent url('/figma/shared/d19ca.png') center / cover no-repeat; padding: 26px 9%; color: #333d4b; filter: drop-shadow(2px 3px 2px #4b332930); }
.cozy .cozy-dashboard-notes h2 { font: 20px/1.25 var(--cozy-hand); letter-spacing: 1px; margin-bottom: 12px; }
.cozy .cozy-dashboard-notes .cozy-month-note h2 { font-size: 11px; }
.cozy .cozy-month-note strong { display: block; color: #679bd7; font-size: 27px; font-weight: 400; line-height: 1.3; }
.cozy .cozy-month-note p { font-size: 12px; letter-spacing: .5px; margin-top: 7px; }
.cozy .cozy-dashboard-notes .cozy-category-note { isolation: isolate; background: transparent; padding: 28px 18px 30px; }
.cozy .cozy-dashboard-notes .cozy-category-note::after { content: ''; position: absolute; inset: 0; z-index: -1; background: url('/figma/worker-2/download-preview-paper.png') center / cover no-repeat; pointer-events: none; }
.cozy .cozy-category-note-row { margin-bottom: 14px; font-size: 16px; }
.cozy .cozy-category-note-label { min-width: 0; }
/* Keep each crop's source ratio so the stitched patches retain their shape. */
.cozy .cozy-category-note-row .cozy-category-sticker {
  display: block; position: absolute; z-index: 1; left: -9px; top: calc(50% + 3px);
  width: 42px; height: auto; aspect-ratio: var(--sticker-ratio, 1);
  transform: translateY(-50%) rotate(var(--sticker-angle, -8deg));
  filter: drop-shadow(0 1px 0 #fff7df) drop-shadow(1px 2px 0 #71533666) drop-shadow(2px 5px 2px #51351f40);
  pointer-events: none;
}
.cozy .cozy-category-note-row:nth-of-type(even) { --sticker-angle: 7deg; }
.cozy .cozy-category-note-row[data-cozy-category="food"] { --sticker-ratio: 304 / 221; }
.cozy .cozy-category-note-row[data-cozy-category="shopping"] { --sticker-ratio: 265 / 256; }
.cozy .cozy-category-note-row[data-cozy-category="transport"] { --sticker-ratio: 324 / 243; }
.cozy .cozy-category-note-row[data-cozy-category="subscriptions"] { --sticker-ratio: 254 / 209; }
.cozy .cozy-category-note-row[data-cozy-category="housing"] { --sticker-ratio: 314 / 230; }
.cozy .cozy-category-note-row[data-cozy-category="health"] { --sticker-ratio: 247 / 219; }
.cozy .cozy-category-note-row[data-cozy-category="finance"] { --sticker-ratio: 283 / 230; }
.cozy .cozy-category-note-row[data-cozy-category="entertainment"] { --sticker-ratio: 314 / 245; }
.cozy .cozy-category-note-row[data-cozy-category="travel"] { --sticker-ratio: 312 / 223; }
.cozy .cozy-category-note progress { appearance: none; width: 100%; min-width: 0; height: 5px; border: none; border-radius: 8px; overflow: hidden; background: #d7cbb7; }
.cozy .cozy-category-note progress::-webkit-progress-bar { background: #d7cbb7; border-radius: 8px; }
.cozy .cozy-category-note progress::-webkit-progress-value { background: var(--category-color); border-radius: 8px; }
.cozy .cozy-category-note progress::-moz-progress-bar { background: var(--category-color); border-radius: 8px; }
.cozy .cozy-category-note small { flex-shrink: 0; font-size: 12px; color: #787878; }
.cozy .cozy-dashboard-notes .cozy-reminder-note { text-align: center; padding: 56px clamp(24px, 12%, 36px) 64px; background-image: url('/figma/worker-1/01023.png'); transform: rotate(-2deg); }
.cozy .cozy-reminder-note h2 { margin: 0 0 16px; overflow-wrap: anywhere; }
.cozy .cozy-reminder-note img { display: block; width: min(100%, 200px); height: auto; margin-inline: auto; aspect-ratio: 1; object-fit: contain; }
.cozy .cozy-reminder-note p { margin: 14px 0 0; max-width: 100%; font-size: 15px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.cozy .cozy-reminder-note p > span, .cozy .cozy-reminder-note time { display: block; }
.cozy .cozy-reminder-note time { margin-top: 4px; font-size: 13px; white-space: nowrap; }
.cozy .cozy-memory-photo { position: relative; margin: 0 12px; padding: 13px 12px 18px; background: #fffdf8; box-shadow: 2px 3px 5px #4b332945; transform: rotate(2deg); }
.cozy .cozy-memory-photo img { width: 100%; height: auto; aspect-ratio: 188 / 247; object-fit: cover; }
.cozy .cozy-memory-photo figcaption { padding-top: 12px; font-size: 18px; letter-spacing: 1px; }
.cozy .cozy-dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2cqw, 28px); align-items: start; width: 100%; }
.cozy .cozy-dashboard-grid > * { min-width: 0; }
.cozy .cozy-dashboard-grid > .cozy-dashboard-wide { grid-column: 1 / -1; }
.cozy .cozy-dashboard-grid [data-cozy-surface="note"] { position: relative; isolation: isolate; padding: 32px 6% 36px; gap: 24px; border: 0; border-radius: 3px; background: transparent; filter: drop-shadow(3px 4px 4px #0004); box-shadow: none; }
.cozy .cozy-dashboard-grid [data-cozy-surface="note"]::before { display: none; }
.cozy .cozy-dashboard-grid .cozy-dashboard-latest > section,
.cozy .cozy-dashboard-grid .cozy-change-note,
.cozy .cozy-dashboard-grid > section[data-cozy-surface="note"] { background: transparent; }
.cozy .cozy-dashboard-grid > section[data-cozy-surface="note"]::before { content: ''; display: block; position: absolute; inset: 0; z-index: -1; width: auto; height: auto; transform: none; border: 0; background: url('/figma/shared/d19ca.png') center / cover no-repeat; box-shadow: none; pointer-events: none; }
.cozy .cozy-dashboard-latest { position: relative; isolation: isolate; }
.cozy .cozy-paper-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; pointer-events: none; }
.cozy .cozy-dashboard-latest > .cozy-paper-backdrop { filter: drop-shadow(3px 4px 4px #0004); }
.cozy .cozy-dashboard-grid .cozy-dashboard-latest > section::before,
.cozy .cozy-dashboard-grid .cozy-change-note::before { display: none; }
/* The 6645 crop cuts away the torn outer edge; the smooth face keeps its own shadow. */
.cozy .cozy-dashboard-grid [data-upcoming-section]::before,
.cozy .cozy-dashboard-grid .cozy-dashboard-discovery > section::before {
  content: ''; display: block; position: absolute; inset: 0; z-index: -1; width: auto; height: auto; transform: none;
  border: 0; border-radius: 6px; background: url('/figma/shared/6d22a.png') center / cover no-repeat;
  box-shadow: none; pointer-events: none;
}
/* Preserve one continuous notebook sheet as the board grows. */
.cozy .cozy-dashboard-grid .cozy-dashboard-top > section,
.cozy .cozy-dashboard-grid .cozy-month-board > section { padding-left: 10%; }
.cozy .cozy-dashboard-grid .cozy-dashboard-top > section::before,
.cozy .cozy-dashboard-grid .cozy-month-board > section::before {
  content: ''; display: block; position: absolute; inset: 0; z-index: -1; width: auto; height: auto; transform: none;
  background: none; border: 18px solid transparent; border-image: url('/figma/generated-v2/panel-ivory-a-v2.png') 96 fill / 18px / 0 stretch; border-radius: 0; box-shadow: none; pointer-events: none;
  mask-image: radial-gradient(circle at 15px 17px, transparent 5px, #000 6px), linear-gradient(#000, #000); mask-size: 100% 34px, 100% calc(100% - round(down, 100%, 34px)); mask-repeat: repeat-y, no-repeat; mask-position: 0 0, left bottom;
}
.cozy .cozy-dashboard-page [data-dashboard-body] :is(.font-bold, .font-semibold) { font-weight: 400; }
.cozy .cozy-dashboard-grid [data-dashboard-card-track] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 4%; padding-inline: 1.5%; }
.cozy .cozy-dashboard-grid [data-payment-card-variant="regular"] { position: relative; min-width: 0; min-height: 150px; aspect-ratio: 1024 / 683; padding: 20px 8%; gap: 10px; border: 0; border-radius: 0; background: transparent url('/figma/shared/d19ca.png') center / cover no-repeat; box-shadow: 2px 3px 4px #4b332925; overflow: visible; }
.cozy .cozy-dashboard-grid [data-payment-card-variant="regular"]:nth-child(4n+2) { rotate: -1.5deg; }
.cozy .cozy-dashboard-grid [data-payment-card-variant="regular"]:nth-child(4n+3) { rotate: 1.2deg; }
.cozy .cozy-dashboard-grid [data-payment-card-variant="regular"] [data-cozy-card-heading] { gap: 2px; }
.cozy .cozy-dashboard-grid [data-payment-card-section] > :first-child { flex-wrap: wrap; height: auto; gap: 8px; }
.cozy .cozy-dashboard-grid [data-payment-card-section] > :first-child > :last-child { flex-wrap: wrap; }
.cozy .cozy-dashboard-latest > section, .cozy .cozy-dashboard-top > section { min-height: 100%; }
.cozy .cozy-dashboard-grid [data-cozy-surface="note"] > div:first-child > div:first-child > div:first-child > p { font: 400 20px/1.4 var(--cozy-hand); letter-spacing: 1.5px; color: #171717; }
.cozy .cozy-dashboard-grid [data-cozy-surface="note"] > :first-child { max-width: 100%; min-width: 0; }
.cozy .cozy-dashboard-grid [data-cozy-surface="note"] h2 { font: 400 20px/1.4 var(--cozy-hand); letter-spacing: 1.4px; color: #171717; }
.cozy .cozy-change-note h2 { margin-bottom: 10px; }
.cozy .cozy-change-note details { width: 100%; }
.cozy .cozy-change-note summary { cursor: pointer; padding-block: 7px; font-size: 13px; color: #2e426d; }
.cozy .cozy-change-note details [data-dashboard-card-track] { display: grid; }
.cozy .cozy-change-note [data-variance-tone] { padding: 0 8px; border: 0; gap: 12px; background: transparent; }
.cozy .cozy-change-note [data-variance-tone] > div { min-width: 0; flex-basis: 100%; }
.cozy .cozy-change-note [data-variance-tone] .text-3xl { font-size: 20px; font-weight: 400; }
.cozy .cozy-change-note [data-variance-legend-current] { border-top: 2px solid #fac2c5; }
.cozy .cozy-change-note [data-variance-tone="decrease"] [data-variance-legend-current] { border-color: #7eaee3; }
.cozy .cozy-change-note [data-variance-legend-current] img { display: none; }
.cozy .cozy-change-note .apexcharts-canvas { max-width: 100%; }
.cozy .cozy-dashboard-grid [data-upcoming-section] { background: transparent; }
.cozy .cozy-dashboard-grid [data-upcoming-section],
.cozy .cozy-dashboard-discovery > section { --paper-edge-x: 5.5%; --paper-edge-y: 6px; }
.cozy .cozy-dashboard-grid [data-upcoming-weekday-tag] { background: transparent; font-size: 12px; letter-spacing: 1px; }
.cozy .cozy-dashboard-grid [data-upcoming-calendar-grid] { gap: 5px; }
.cozy .cozy-month-board [data-cozy-month-date] { position: relative; isolation: isolate; padding: 16px 8px 12px; border: 0; border-radius: 0; background: none; box-shadow: none; }
/* 512px square is still 4x the widest cell this paints into; the 1000px original
   cost 3.8MB decoded per board. */
.cozy .cozy-month-board [data-cozy-month-date]::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('/figma/worker-1/month-date-paper-512.png') center / cover no-repeat; filter: drop-shadow(2px 3px 2px #49301d35); pointer-events: none; }
.cozy .cozy-month-board [data-cozy-month-date][data-calendar-state="today"]::before { filter: drop-shadow(0 0 2px #7eaee3) drop-shadow(2px 3px 2px #49301d35); }
.cozy .cozy-month-board [data-cozy-month-date][data-calendar-state="today"] > p { color: #202e5a; text-decoration: underline; text-underline-offset: 4px; }
.cozy .cozy-dashboard-discovery > section { background: transparent; }
.cozy .cozy-dashboard-discovery .grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.cozy .cozy-dashboard-discovery [data-cozy-discovery-card] { display: flex; flex-direction: row; align-items: center; gap: 12px; min-height: 112px; padding: 18px 6%; border: 0; border-radius: 7px; background: url('/figma/shared/d19ca.png') center / cover no-repeat; box-shadow: 2px 3px 4px #49301d25; }
.cozy .cozy-dashboard-discovery [data-cozy-discovery-card] > :first-child { flex: 1; gap: 12px; }
.cozy .cozy-dashboard-discovery [data-cozy-discovery-card] > :first-child > :first-child { flex-wrap: wrap; gap: 4px; }
.cozy .cozy-dashboard-discovery [data-discovery-preview] { order: -1; flex: none; width: 40%; height: 64px; border-radius: 3px; }
.cozy .cozy-dashboard-discovery [data-discovery-location-placeholder] { background-color: #ddd; background-image: conic-gradient(#fafafa 25%, transparent 0 50%, #fafafa 0 75%, transparent 0); background-size: 14px 14px; }
.cozy .cozy-dashboard-discovery [data-discovery-location-placeholder] > svg:first-child { display: none; }
.cozy .cozy-dashboard-discovery [data-discovery-location-placeholder] > svg:last-child { color: #eb853a; background: #fff8eb; border-radius: 50%; padding: 5px; width: 36px; height: 36px; box-shadow: 1px 2px 3px #0003; }
.cozy .cozy-dashboard-page [data-dashboard-body] img { max-width: 100%; }

/* Keep the paper composition, with enough room for real names and controls. */
.cozy .cozy-dashboard-icon { display: block; flex: none; width: 44px; height: 44px; object-fit: contain; }
.cozy .cozy-dashboard-grid [data-section-header],
.cozy .cozy-dashboard-grid [data-section-heading] { min-height: 44px; height: auto; flex-wrap: nowrap; gap: 10px; }
.cozy .cozy-dashboard-grid [data-section-heading] { flex: 1; min-width: 0; }
.cozy .cozy-dashboard-grid [data-section-title-group] { gap: 9px; min-width: 0; }
.cozy .cozy-dashboard-grid [data-section-title] { font: 400 24px/32px var(--cozy-hand); letter-spacing: 1px; }
.cozy .cozy-dashboard-grid [data-section-heading] > [data-slot="badge"] { display: none; }
.cozy .cozy-dashboard-grid [data-section-detail] { display: none; }
.cozy .cozy-dashboard-grid [data-section-actions] { flex: none; gap: 0; }
.cozy .cozy-dashboard-grid [data-section-actions] button { min-width: 0; font-size: 13px; }
.cozy .cozy-dashboard-grid [data-section-actions] button p { font-size: 13px; }
.cozy .cozy-dashboard-grid [data-section-heading] > :last-child:not([data-section-title-group]) { margin-left: auto; }
.cozy .cozy-dashboard-grid [data-section-heading] > :last-child button { box-shadow: none; }
.cozy .cozy-dashboard-grid [data-payment-card-variant="regular"] > [data-cozy-card-heading] { width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] > :first-child { gap: 10px; align-items: center; flex: none; min-height: 40px; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] [data-logo-variant] { width: 40px; height: 40px; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] [data-logo-image-area] { inset: 12.5%; }
.cozy .cozy-dashboard-grid [data-cozy-merchant-name] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow-wrap: anywhere; font-size: 19px; line-height: 23px; letter-spacing: .6px; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] > :last-child:not(:first-child) { margin-left: 50px; text-align: left; }
.cozy .cozy-dashboard-grid [data-cozy-card-date] { font-size: 12px; line-height: 18px; letter-spacing: .5px; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] > :first-child > :last-child > div { padding: 0; }
.cozy .cozy-dashboard-grid [data-payment-card-variant="regular"] > :nth-child(2) { display: none; }
.cozy .cozy-dashboard-grid [data-payment-card-variant="regular"] > :last-child { width: 100%; padding: 0; }
.cozy .cozy-dashboard-grid [data-cozy-amount] .text-xl { font-size: 25px; line-height: 34px; }
.cozy .cozy-dashboard-grid [data-cozy-amount] .text-sm { font-size: 15px; }
.cozy .cozy-dashboard-latest > section, .cozy .cozy-dashboard-top > section { min-height: 370px; }
.cozy .cozy-dashboard-top [data-dashboard-card-track] { padding-inline: 0 4px; }
.cozy .cozy-dashboard-grid [data-upcoming-section] { gap: 0; min-height: 290px; padding-top: 36px; padding-bottom: 40px; }
.cozy .cozy-dashboard-grid [data-upcoming-section],
.cozy .cozy-dashboard-grid .cozy-dashboard-discovery > section { padding-inline: calc(6% + 28px); }
.cozy .cozy-dashboard-grid [data-upcoming-section] > [data-section-header] { margin-bottom: 16px; }
.cozy .cozy-dashboard-grid [data-upcoming-weekdays],
.cozy .cozy-dashboard-grid [data-upcoming-weekday-tag] { height: 22px; padding: 0; font-size: 14px; line-height: 22px; color: #171717; }
.cozy .cozy-dashboard-grid [data-upcoming-calendar-grid] { gap: 10px; }
.cozy-upcoming-day { position: relative; display: flex; align-items: center; flex-direction: column; min-width: 0; height: 152px; padding: 0; color: #171717; }
.cozy-upcoming-day:not(:nth-child(7n))::after { content: ''; position: absolute; right: -6px; top: 16px; width: 2px; height: 126px; border-radius: 2px; background: #e7dacb; }
.cozy-upcoming-date { font: 14px/22px var(--cozy-hand); letter-spacing: 1px; }
.cozy-upcoming-day[data-today="true"] .cozy-upcoming-date { color: #263c63; text-decoration: underline; text-underline-offset: 3px; }
.cozy-upcoming-note { position: relative; display: block; isolation: isolate; width: min(104px, 95%); aspect-ratio: 194 / 224; margin-top: 5px; transform: rotate(-1.67deg); filter: drop-shadow(1px 3px 2px #49301d28); }
/* Pre-cropped to the 194x224 window the old 96.5%/38.88% at 791.75% position picked
   out of the 1536x1024 sheet, so the note no longer decodes 6MB to paint 46px. */
.cozy-upcoming-note::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('/figma/dashboard-fidelity/upcoming-note-paper.png') center / 100% 100% no-repeat; }
.cozy-upcoming-note-content { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 12px 3px 2px 8px; }
.cozy-upcoming-merchants { display: flex; align-items: center; gap: 2px; }
.cozy-upcoming-merchants small { font-size: 10px; }
.cozy-upcoming-money { max-width: 100%; font: 18px/24px var(--cozy-hand); white-space: nowrap; }
.cozy-upcoming-day[aria-pressed="true"] .cozy-upcoming-note { filter: drop-shadow(0 0 2px #6e9fc2); }
.cozy-upcoming-day:focus-visible { outline: 2px solid #6e9fc2; outline-offset: 2px; border-radius: 3px; }
.cozy .cozy-change-note { min-height: 280px; }
.cozy .cozy-dashboard-grid .cozy-change-note { padding: 32px 7% 28px; gap: 10px; }
.cozy .cozy-change-note h2 { margin-bottom: 12px; font-size: 23px; }
.cozy .cozy-change-note [data-variance-tone] { gap: 12px; padding: 0; overflow: visible; }
.cozy .cozy-change-note [data-variance-tone] > div { gap: 8px; }
.cozy .cozy-change-note [data-variance-tone] > div:first-child > div:first-child > div { width: 20px; height: 20px; }
.cozy .cozy-change-note [data-variance-tone] > div:first-child > div:first-child svg { width: 14px; height: 14px; }
.cozy .cozy-change-note [data-variance-tone] .text-3xl { font-size: 23px; }
.cozy .cozy-change-note [data-variance-tone] .text-sm { font-size: 14px; }
.cozy .cozy-change-note [data-variance-tone] .text-xs { font-size: 11px; }
.cozy .cozy-change-note [data-variance-chart-plot], .cozy .cozy-change-note [data-variance-chart-y-axis] { height: 104px; }
.cozy .cozy-change-note [data-variance-tone] > div:last-child > div:first-child { display: none; }
.cozy .cozy-change-note summary { padding: 8px 0 0; font-size: 13px; }
.cozy .cozy-month-board > section { min-height: 264px; }
.cozy .cozy-month-board .grid-cols-7 { grid-template-columns: repeat(7, minmax(120px, 1fr)); overflow-x: auto; padding: 4px 4px 12px; }
.cozy .cozy-month-board [data-cozy-month-date] { min-height: 128px; height: auto; padding: 16px 8px; }
.cozy .cozy-month-board [data-cozy-month-date] p { font-size: 14px; }
.cozy .cozy-month-board [data-cozy-month-date] [data-logo-variant] { width: 32px; height: 32px; }
.cozy .cozy-dashboard-discovery > section { min-height: 214px; gap: 24px; }
.cozy .cozy-dashboard-discovery [data-cozy-discovery-card] > :first-child { gap: 4px; }
.cozy .cozy-dashboard-discovery [data-cozy-discovery-card] [data-logo-variant] { width: 26px; height: 26px; }

@container shell (max-width: 999px) {
  .cozy .cozy-dashboard-layout [data-dashboard-board] { padding: 20px; }
  .cozy .cozy-dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .cozy .cozy-dashboard-grid [data-dashboard-card-track] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 769px) and (max-width: 1100px) {
  .cozy .cozy-dashboard-layout { grid-template-columns: minmax(150px, 180px) minmax(0, 1fr); gap: 16px; padding-inline: 14px; }
  .cozy .cozy-dashboard-layout [data-dashboard-board] { padding: 16px; }
  .cozy .cozy-dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .cozy .cozy-dashboard-grid [data-cozy-surface="note"] { padding-inline: 6%; }
}
@media (max-width: 768px) {
  .cozy .cozy-dashboard-layout { display: flex; flex-direction: column; padding: 8px 10px 30px; gap: 22px; }
  .cozy .cozy-dashboard-layout > [data-dashboard-body] { order: 0; }
  .cozy .cozy-dashboard-notes { order: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100%; }
  .cozy .cozy-dashboard-layout [data-dashboard-board] { padding: 12px; }
  .cozy .cozy-dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .cozy .cozy-dashboard-grid [data-cozy-surface="note"] { padding: 26px 7% 30px; }
  .cozy .cozy-dashboard-grid .cozy-dashboard-top > section,
  .cozy .cozy-dashboard-grid .cozy-month-board > section { padding-left: 40px; }
  .cozy .cozy-dashboard-grid [data-dashboard-card-track] { gap: 10px; padding-inline: 0; }
  .cozy .cozy-dashboard-grid [data-payment-card-variant="regular"] { min-height: 150px; aspect-ratio: auto; padding: 20px 8%; }
  .cozy .cozy-dashboard-grid [data-section-title] { font-size: 17px; letter-spacing: .6px; }
  .cozy .cozy-dashboard-grid [data-section-title-group] { gap: 5px; }
  .cozy .cozy-dashboard-grid [data-section-heading] { gap: 4px; }
  .cozy .cozy-dashboard-icon { width: 30px; height: 30px; }
  .cozy .cozy-dashboard-grid [data-cozy-card-heading] > :first-child { gap: 6px; }
  .cozy .cozy-dashboard-grid [data-cozy-card-heading] [data-logo-variant] { width: 27px; height: 27px; }
  .cozy .cozy-dashboard-grid [data-cozy-card-heading] > :last-child:not(:first-child) { margin-left: 33px; }
  .cozy .cozy-dashboard-grid [data-cozy-merchant-name] { font-size: 18px; letter-spacing: .5px; }
  .cozy .cozy-dashboard-grid [data-dashboard-card-track] { padding-inline: 4px; }
  .cozy .cozy-dashboard-grid [data-payment-card-variant="regular"]:nth-child(n) { translate: none; rotate: none; }
  .cozy-upcoming-note { width: 100%; }
  .cozy-upcoming-note-content { padding-left: 3px; }
  .cozy-upcoming-money { font-size: 10px; letter-spacing: -.5px; }
  .cozy-upcoming-merchants [data-logo-variant] { width: 18px; height: 18px; }
  .cozy .cozy-dashboard-grid [data-upcoming-weekday-tag] { font-size: 10px; padding-inline: 0; }
  .cozy .cozy-dashboard-grid [data-upcoming-calendar-grid] { gap: 3px; }
  .cozy .cozy-dashboard-grid [data-calendar-date-card="upcoming-responsive"] { padding-inline: 0; }
  .cozy .cozy-dashboard-grid [data-upcoming-amount] { font-size: 12px; letter-spacing: -.35px; padding-inline: 0; overflow: visible; }
  .cozy .cozy-dashboard-notes h2 { font-size: 17px; }
  .cozy .cozy-month-note strong { font-size: 24px; }
}
@media (max-width: 600px) {
  .cozy .cozy-dashboard-grid [data-upcoming-section] { padding-top: 56px; padding-bottom: 50px; }
  .cozy .cozy-dashboard-grid [data-dashboard-card-track],
  .cozy .cozy-dashboard-discovery .grid { grid-template-columns: minmax(0, 1fr); }
  .cozy .cozy-dashboard-grid [data-section-header] { flex-wrap: wrap; gap: 6px; }
  .cozy .cozy-dashboard-grid [data-section-heading] { flex-basis: 100%; flex-wrap: wrap; }
  .cozy .cozy-dashboard-grid [data-section-actions] { margin-left: auto; }
}
/* A close-packed paper desk. Receipt popups keep their own presentation. */
.cozy .cozy-dashboard-page {
  --cozy-content-max-width: 1480px;
  --cozy-board-elevation: inset 0 0 0 1px #a7784e55, 2px 3px 0 #b58a62, 3px 6px 10px #59391e24;
}
.cozy .cozy-dashboard-layout { grid-template-columns: 196px minmax(0, 1fr); gap: 14px; padding: 8px 20px 28px; }
.cozy .cozy-dashboard-layout [data-dashboard-board] { padding: 22px 18px 18px; gap: 18px; }
.cozy .cozy-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
.cozy .cozy-dashboard-grid [data-cozy-surface='note'] { padding: 18px 20px 20px; gap: 10px; filter: drop-shadow(1px 2px 2px #573c292e); }
.cozy .cozy-dashboard-grid .cozy-dashboard-top > section,
.cozy .cozy-dashboard-grid .cozy-month-board > section { padding-left: 30px; }
.cozy .cozy-dashboard-latest > .cozy-paper-backdrop { filter: drop-shadow(1px 2px 2px #573c292e); }
.cozy .cozy-dashboard-grid [data-section-header],
.cozy .cozy-dashboard-grid [data-section-heading] { min-height: 32px; gap: 7px; }
.cozy .cozy-dashboard-grid [data-section-title] { font-size: 20px; line-height: 28px; letter-spacing: .45px; }
.cozy .cozy-dashboard-icon { width: 30px; height: 30px; }
.cozy .cozy-dashboard-grid [data-section-title-group] { gap: 7px; }
.cozy .cozy-dashboard-grid [data-section-heading] > [data-slot='badge'] { display: inline-flex; height: 20px; padding-inline: 6px; font-size: 11px; color: #72665a; background: #e6d6be66; box-shadow: none; }
.cozy .cozy-dashboard-grid .cozy-attachment { max-width: 76px; }
.cozy .cozy-dashboard-latest [data-section-title]::after { content: 'new'; display: inline-block; margin-left: 9px; padding: 0 6px; border: 1px solid #c26461; border-radius: 3px; color: #b8504d; font-size: 11px; line-height: 17px; vertical-align: middle; rotate: -7deg; }

/* Four transactions fit on one sheet, with one clear click target per row. */
.cozy .cozy-dashboard-grid [data-dashboard-card-track] { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0; }
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular'] {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  min-height: 59px; aspect-ratio: auto; padding: 7px 4px; gap: 8px;
  border: 0; border-bottom: 1px solid #cbb79866; border-radius: 0;
  background: transparent; box-shadow: none; rotate: none; translate: none;
}
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular']:last-child { border-bottom: 0; }
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular']:nth-child(n) { rotate: none; translate: none; }
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular']:hover { background: #dce9e766; }
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular'][data-state='selected'] { background: #dce9e7a6; box-shadow: inset 3px 0 #739ca2; }
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular'] > [data-cozy-card-heading] { gap: 0; min-width: 0; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] > :first-child { min-height: 26px; gap: 9px; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] [data-logo-variant] { width: 30px; height: 30px; }
.cozy .cozy-dashboard-grid [data-cozy-merchant-name] { display: block; font-size: 16px; line-height: 21px; letter-spacing: .2px; white-space: nowrap; text-overflow: ellipsis; }
.cozy .cozy-dashboard-grid [data-cozy-card-heading] > :last-child:not(:first-child) { margin-left: 39px; margin-top: -3px; }
.cozy .cozy-dashboard-grid [data-cozy-card-date] { font-size: 11px; line-height: 15px; color: #73685c; }
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular'] > :last-child { display: flex; width: auto; padding: 0; }
.cozy .cozy-dashboard-grid [data-payment-card-variant='regular'] > :last-child > :first-child { display: none; }
.cozy .cozy-dashboard-grid [data-cozy-amount] .text-xl { font-size: 19px; line-height: 26px; color: #283543; }
.cozy .cozy-dashboard-grid [data-cozy-amount] .text-sm { font-size: 12px; color: #283543; }
.cozy .cozy-dashboard-latest > section, .cozy .cozy-dashboard-top > section { min-height: 0; }
.cozy .cozy-dashboard-top [data-dashboard-card-track] { gap: 4px; }
.cozy .cozy-dashboard-top [data-payment-card-variant='regular'] { min-height: 55px; padding-inline: 9px; border: 1px solid #dac4a466; border-radius: 5px; background: #fffdf57d; }
.cozy .cozy-dashboard-top [data-payment-card-variant='regular']:last-child { border-bottom: 1px solid #dac4a466; }

/* The calendar remains a full week; the tiny pinned notes are the focus. */
.cozy .cozy-dashboard-grid [data-upcoming-section] { --paper-edge-x: 5px; --paper-edge-y: 0px; min-height: 0; padding: 16px 24px 20px; gap: 0; filter: none; }
.cozy .cozy-dashboard-grid [data-upcoming-section][data-cozy-surface]::before { content: none; }
.cozy .cozy-dashboard-grid [data-upcoming-section] > [data-section-header] { margin-bottom: 8px; }
.cozy .cozy-dashboard-grid [data-upcoming-weekdays],
.cozy .cozy-dashboard-grid [data-upcoming-weekday-tag] { height: 18px; font-size: 11px; line-height: 18px; }
.cozy .cozy-dashboard-grid [data-upcoming-calendar-grid] { gap: 8px; }
.cozy .cozy-dashboard-page .cozy-upcoming-day { height: 108px; }
.cozy .cozy-dashboard-page .cozy-upcoming-day:not(:nth-child(7n))::after { top: 23px; right: -5px; height: 79px; width: 1px; background: #cbb39199; }
.cozy .cozy-dashboard-page .cozy-upcoming-note { width: min(72px, 94%); margin-top: 3px; }
.cozy .cozy-dashboard-page .cozy-upcoming-note-content { gap: 2px; padding: 10px 2px 2px 6px; }
.cozy .cozy-dashboard-page .cozy-upcoming-merchants [data-logo-variant] { width: 23px; height: 23px; }
.cozy .cozy-dashboard-page .cozy-upcoming-money { font-size: 15px; line-height: 20px; }
.cozy .cozy-dashboard-grid .cozy-change-note { min-height: 0; padding: 20px; }
.cozy .cozy-change-note h2 { font-size: 18px; margin-bottom: 9px; letter-spacing: .5px; }
.cozy .cozy-dashboard-page .cozy-change-note [data-variance-chart-plot],
.cozy .cozy-dashboard-page .cozy-change-note [data-variance-chart-y-axis] { height: 90px; }
.cozy .cozy-month-board > section { min-height: 0; }
.cozy .cozy-month-board .grid-cols-7 { grid-template-columns: repeat(7, minmax(64px, 1fr)); gap: 6px; }
.cozy .cozy-month-board [data-cozy-month-date] { min-height: 92px; padding: 10px 4px; }
.cozy .cozy-month-board button[data-cozy-month-receipt] { transition: transform 160ms ease, filter 160ms ease; }
.cozy .cozy-month-board button[data-cozy-month-receipt]:focus-visible { transform: translateY(-3px) rotate(-3deg) scale(1.06); }
@media (hover: hover) {
  .cozy .cozy-month-board button[data-cozy-month-receipt]:hover { z-index: 10; transform: translateY(-3px) rotate(-3deg) scale(1.06); filter: drop-shadow(0 3px 2px #49301d30); }
}
.cozy .cozy-month-board button[data-cozy-month-receipt]:active { transform: translateY(-1px) scale(1.02); }
@media (prefers-reduced-motion: reduce) {
  .cozy .cozy-month-board button[data-cozy-month-receipt] { transition: none; }
  .cozy .cozy-month-board button[data-cozy-month-receipt]:is(:hover, :focus-visible, :active) { transform: none; }
}
.cozy .cozy-dashboard-discovery > section { min-height: 0; gap: 12px; }
.cozy .cozy-dashboard-grid .cozy-dashboard-discovery > section {
  --paper-edge-x: 1%; --paper-edge-y: 8px;
  padding: 26px 24px 28px;
}
.cozy .cozy-dashboard-grid .cozy-dashboard-discovery > section::before {
  /* 1199×436 source; visible paper is (63, 42)–(1143, 394). */
  background-size: 111.02% 123.86%;
  background-position: 52.94% 50%;
}
.cozy .cozy-dashboard-discovery [data-cozy-discovery-card] { min-height: 92px; padding: 12px; }

/* Small scraps down the left edge: numbers first, decoration second. */
.cozy .cozy-dashboard-notes { gap: 16px; padding-top: 3px; }
.cozy .cozy-dashboard-notes section { padding: 18px 15px; }
.cozy .cozy-dashboard-notes h2 { font-size: 19px; line-height: 24px; letter-spacing: .5px; margin-bottom: 8px; }
.cozy .cozy-dashboard-notes .cozy-month-note { rotate: -1deg; }
.cozy .cozy-dashboard-notes .cozy-month-note h2 { font-size: 10px; line-height: 15px; text-transform: uppercase; }
.cozy .cozy-month-note strong { color: #2d4447; font-size: 29px; line-height: 34px; }
.cozy .cozy-month-note p { margin-top: 3px; font-size: 11px; }
.cozy .cozy-dashboard-notes .cozy-category-note { padding: 20px 14px 16px; }
.cozy .cozy-category-note-row { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 6px 8px; padding: 12px 0; margin: 0; border-bottom: 1px solid #cbb79855; font-size: 13px; }
.cozy .cozy-category-note-row:last-child { border-bottom: 0; }
.cozy .cozy-category-note-label { grid-column: 2; min-width: 0; line-height: 18px; }
.cozy .cozy-category-note progress { grid-column: 2 / -1; width: 100%; height: 5px; }
.cozy .cozy-category-note small { color: #4e514e; font-size: 11px; white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
.cozy .cozy-dashboard-notes .cozy-reminder-note { display: grid; grid-template-columns: minmax(0, 1fr) 52px; align-items: center; gap: 2px 4px; padding: 22px 17px 24px; text-align: left; rotate: 1deg; transform: none; }
.cozy .cozy-reminder-note h2 { margin-bottom: 5px; white-space: nowrap; }
.cozy .cozy-reminder-note img { width: 54px; grid-column: 2; grid-row: 1 / 3; }
.cozy .cozy-reminder-note p { margin: 0; font-size: 13px; line-height: 18px; }
.cozy .cozy-reminder-note time { display: inline-block; padding: 1px 4px; background: #eedb8880; font-size: 11px; }
.cozy .cozy-dashboard-notes .cozy-attachment { max-width: 70px; }
.cozy .cozy-memory-photo { margin: 3px 12px; padding: 8px 8px 12px; rotate: 2deg; transform: none; }
.cozy .cozy-memory-photo img { aspect-ratio: 5 / 4; }
.cozy .cozy-memory-photo figcaption { padding-top: 8px; font-size: 14px; letter-spacing: .5px; }

@media (min-width: 769px) {
  /* Loose notes extend over the cork edge while the board content stays clear. */
  .cozy .cozy-dashboard-notes { position: relative; z-index: 2; width: calc(100% + 42px); gap: 24px; overflow: visible; }
  .cozy .cozy-dashboard-layout [data-dashboard-board] { padding-left: 46px; }
  .cozy .cozy-dashboard-notes section { padding: 30px 25px 28px; }
  .cozy .cozy-dashboard-notes h2 { font-size: 21px; line-height: 27px; margin-bottom: 13px; }
  .cozy .cozy-dashboard-notes .cozy-month-note h2 { font-size: 11px; line-height: 17px; margin-bottom: 10px; }
  .cozy .cozy-month-note strong { font-size: 32px; line-height: 39px; }
  .cozy .cozy-month-note p { margin-top: 8px; font-size: 12px; }
  .cozy .cozy-dashboard-notes .cozy-category-note { padding: 32px 23px 30px; }
  .cozy .cozy-category-note-row { padding-block: 13px; font-size: 14px; }
  .cozy .cozy-category-note small { font-size: 12px; }
  .cozy .cozy-dashboard-notes .cozy-reminder-note { grid-template-columns: minmax(0, 1fr) 48px; gap: 8px; padding: 36px 36px 40px; }
  .cozy .cozy-reminder-note h2 { grid-column: 1 / -1; margin-bottom: 4px; }
  .cozy .cozy-reminder-note img { width: 52px; grid-row: 2; }
  .cozy .cozy-reminder-note p { grid-column: 1; grid-row: 2; font-size: 14px; line-height: 21px; }
  .cozy .cozy-reminder-note time { margin-top: 9px; }
  .cozy .cozy-memory-photo { margin: 3px 12px; padding: 13px 13px 22px; }
  .cozy .cozy-memory-photo figcaption { padding-top: 15px; font-size: 16px; }
  .cozy .cozy-dashboard-page [data-cozy-header] h1::after { content: '☼'; display: inline-block; margin-left: 12px; color: #c78245; font-size: 31px; rotate: 12deg; }
}
@media (min-width: 769px) and (max-width: 1100px) {
  .cozy .cozy-dashboard-layout { grid-template-columns: 174px minmax(0, 1fr); gap: 12px; padding-inline: 16px; }
  .cozy .cozy-dashboard-layout [data-dashboard-board] { padding: 20px 12px 14px 44px; }
  .cozy .cozy-dashboard-grid { gap: 18px 12px; }
  .cozy .cozy-dashboard-grid [data-cozy-surface='note'] { padding-inline: 14px; }
  .cozy .cozy-dashboard-grid .cozy-dashboard-top > section { padding-left: 24px; }
  .cozy .cozy-dashboard-grid [data-section-title] { font-size: 18px; }
  .cozy .cozy-dashboard-latest [data-section-title]::after { display: none; }
}
@media (min-width: 769px) and (max-width: 900px) {
  .cozy .cozy-dashboard-page [data-cozy-header] h1::after { display: none; }
  .cozy .cozy-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
  .cozy .cozy-dashboard-page [data-cozy-header][data-figma-page='main'] { min-height: 112px; padding: 12px; gap: 8px; }
  .cozy .cozy-dashboard-page [data-header-search] { width: 120px; height: 34px; }
  .cozy .cozy-dashboard-page [data-header-search] input { font-size: 14px; padding-inline: 8px 26px; letter-spacing: .3px; }
  .cozy .cozy-dashboard-page [data-header-search] svg { right: 6px; width: 15px; }
  .cozy .cozy-dashboard-layout { padding: 4px 10px 24px; gap: 16px; }
  .cozy .cozy-dashboard-layout [data-dashboard-board] { padding: 18px 10px 12px; }
  .cozy .cozy-dashboard-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .cozy .cozy-dashboard-grid [data-cozy-surface='note'] { padding: 18px 16px; }
  .cozy .cozy-dashboard-grid [data-upcoming-section] { padding: 18px 13px; }
  .cozy .cozy-dashboard-page .cozy-upcoming-day { height: 93px; }
  .cozy .cozy-dashboard-page .cozy-upcoming-day::after { height: 65px; }
  .cozy .cozy-dashboard-page .cozy-upcoming-note { width: 100%; }
  .cozy .cozy-dashboard-page .cozy-upcoming-money { font-size: 11px; }
  .cozy .cozy-dashboard-page .cozy-upcoming-merchants [data-logo-variant] { width: 17px; height: 17px; }
  .cozy .cozy-dashboard-grid [data-section-heading] { flex-basis: auto; }
  .cozy .cozy-dashboard-grid .cozy-dashboard-top > section,
  .cozy .cozy-dashboard-grid .cozy-month-board > section { padding-left: 26px; }
  .cozy .cozy-dashboard-notes { gap: 14px; }
  .cozy .cozy-dashboard-notes .cozy-category-note { grid-row: span 2; }
  .cozy .cozy-category-note-row { grid-template-columns: 28px minmax(0, 1fr); row-gap: 3px; }
  .cozy .cozy-category-note small { grid-column: 2; text-align: left; }
  .cozy .cozy-category-note progress { grid-column: 1 / -1; margin-top: 3px; }

  /* Every `filter` here is its own offscreen surface in the WebKit GPU process,
     sized to the element at DPR 3 and doubled for the filter's source buffer.
     The board's ~60 filtered elements pushed that process past its 300MB
     highwater limit and iOS jetsam killed it, which is the white screen with
     "A problem repeatedly occurred". The paper shadows are 1-3px and read as
     nothing at phone scale, so drop them here; pressed state moves to an
     outline, which costs no surface. */
  .cozy .cozy-dashboard-grid [data-cozy-surface='note'],
  .cozy .cozy-dashboard-latest > .cozy-paper-backdrop,
  .cozy .cozy-dashboard-notes section,
  .cozy .cozy-category-note-row .cozy-category-sticker,
  .cozy .cozy-month-board [data-cozy-month-date]::before,
  .cozy .cozy-month-board [data-cozy-month-date][data-calendar-state='today']::before,
  .cozy .cozy-dashboard-page .cozy-upcoming-note { filter: none; }
  .cozy .cozy-dashboard-page .cozy-upcoming-day[aria-pressed='true'] .cozy-upcoming-note {
    outline: 2px solid #6e9fc2; outline-offset: 1px;
  }
}
.cozy .cozy-payments-page { font-family: var(--cozy-hand); }
.cozy .cozy-payments-page [data-dashboard-body] :is(.font-bold, .font-semibold) { font-weight: 400; }
.cozy .cozy-payments-page [data-cozy-board] { background: transparent; }
.cozy .cozy-payments-page [data-dashboard-body] { max-width: none; padding: 18px 24px 32px; }
.cozy .cozy-payments-page [data-dashboard-board] { width: 100%; max-width: none; margin-inline: auto; padding: 32px 26px 28px; border-radius: 8px; background: #c79a71 var(--cozy-cork) center / var(--cozy-cork-size, 795px auto); box-shadow: var(--cozy-board-elevation); }
.cozy .cozy-payments-page [data-payments-responsive-root] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 4px; align-items: start; }
.cozy .cozy-payments-page [data-payments-responsive-root] > * { min-width: 0; }
.cozy .cozy-payments-page [data-payments-responsive-root] > :nth-child(2n) { --cozy-sheet-angle: .8deg; }
.cozy .cozy-payments-page [data-payments-responsive-root] > :nth-child(3n) { --cozy-sheet-angle: -.95deg; }
.cozy .cozy-payments-page [data-payments-responsive-root] > :hover,
.cozy .cozy-payments-page [data-payments-responsive-root] > :focus-within { position: relative; z-index: 3; }
.cozy .cozy-payments-page [data-cozy-payment-section] { position: relative; isolation: isolate; padding: 0 18px 23px; gap: 12px; rotate: var(--cozy-sheet-angle, -.65deg); background: transparent; border: 0; box-shadow: none; border-radius: 0; content-visibility: visible; }
.cozy .cozy-payments-page [data-cozy-payment-section][data-cozy-paper] { background-color: transparent; }
.cozy .cozy-payments-page [data-cozy-payment-section]::before { content: ''; display: block; position: absolute; inset: 0 -5px -3px; z-index: -1; width: auto; height: auto; transform: none; border: 22px solid transparent; border-image: var(--cozy-payment-panel, url('/figma/generated-v2/panel-ivory-a-v2.png')) 96 fill / 22px / 0 stretch; border-radius: 0; background: none; filter: drop-shadow(2px 3px 2px #4b332928); box-shadow: none; pointer-events: none; }
.cozy .cozy-payments-page [data-payments-responsive-root] > :nth-child(3n + 2) { --cozy-payment-panel: url('/figma/generated-v2/panel-ivory-b-v2.png'); }
.cozy .cozy-payments-page .cozy-payment-header { position: relative; z-index: 2; isolation: isolate; align-self: flex-start; width: min(440px, calc(100% + 12px)); min-height: 52px; height: auto; padding: 6px 12px; margin: -18px 0 0 -7px; gap: 6px; rotate: calc(var(--cozy-sheet-angle, -.65deg) * .65); justify-content: flex-start; background: url('/figma/worker-1/category-tab-paper.png') center / 100% 100% no-repeat; filter: drop-shadow(1px 3px 2px #49301d35); }
.cozy .cozy-payments-page .cozy-payment-header::before { content: ''; position: absolute; inset: 7px 10px 9px; z-index: -1; background: var(--cozy-category-stripe) center / 100% 100% no-repeat; }
.cozy .cozy-payments-page .cozy-payment-header > :first-child { min-width: 0; height: auto; gap: 8px; flex-shrink: 1; }
.cozy .cozy-payments-page .cozy-payment-header > :first-child > :first-child { flex-shrink: 1; min-width: 0; }
.cozy .cozy-payments-page .cozy-payment-header > :last-child { margin-left: 0; gap: 0; }
.cozy .cozy-payments-page .cozy-payment-header > :first-child > span { background: var(--cozy-category-count, #efc3ce); color: var(--cozy-category-ink, #171717); }
.cozy .cozy-payments-page .cozy-payment-title { min-width: 0; gap: 9px; flex-shrink: 1; }
.cozy .cozy-payments-page .cozy-payment-title > p { color: var(--cozy-category-ink, #171717); font: 400 22px/1.3 var(--cozy-hand); white-space: normal; overflow-wrap: anywhere; flex-shrink: 1; }
.cozy .cozy-payments-page .cozy-payment-header .font-bold { font-weight: 400; color: var(--cozy-category-ink, #171717); }
.cozy .cozy-payments-page .cozy-payment-header > :last-child p { font-size: 14px; color: #56594f; }
.cozy .cozy-payments-page :is([data-cozy-category="housing"], [data-cozy-category="health"], [data-cozy-category="travel"]) .cozy-payment-header > :last-child p,
.cozy .cozy-payments-page :is([data-cozy-category="housing"], [data-cozy-category="health"], [data-cozy-category="travel"]) .cozy-payment-header > :first-child > span { color: #f3f3f3; }
.cozy .cozy-payments-page :is([data-cozy-category="housing"], [data-cozy-category="health"], [data-cozy-category="travel"]) .cozy-payment-header > :first-child > span { background: #ffffff29; }
.cozy .cozy-payments-page .cozy-category-shape { display: none; }
.cozy .cozy-payments-page .cozy-category-sticker { display: block; flex: none; width: 44px; height: 40px;  }
.cozy .cozy-payments-page [data-cozy-payment-section] .grid[class*="auto-fill"] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 5px; justify-content: space-between; }
.cozy .cozy-payments-page :is([data-cozy-category="shopping"], [data-cozy-category="technology"], [data-cozy-category="other"], [data-cozy-category="housing"], [data-cozy-category="health"]) .grid[class*="auto-fill"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cozy .cozy-payments-page [data-cozy-category="travel"] .grid[class*="auto-fill"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cozy .cozy-payments-page .cozy-payment-card-slot { position: relative; min-width: 0; width: 100%; }
.cozy .cozy-payments-page .cozy-payment-card-slot:nth-child(3n + 1) { rotate: -1.8deg; translate: -2px 2px; }
.cozy .cozy-payments-page .cozy-payment-card-slot:nth-child(3n + 2) { rotate: 1.4deg; translate: 1px -2px; }
.cozy .cozy-payments-page .cozy-payment-card-slot:nth-child(3n) { rotate: -.6deg; translate: 0 3px; }
.cozy .cozy-payments-page .cozy-payment-card-slot:hover,
.cozy .cozy-payments-page .cozy-payment-card-slot:focus-within { z-index: 2; }
.cozy .cozy-payments-page [data-payment-card-variant] [data-cozy-merchant-name] { font-size: 15px; letter-spacing: .2px; line-height: 19px; text-align: center; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cozy .cozy-payments-page [data-payment-card-variant] [data-cozy-card-date] { font-size: 11px; letter-spacing: .3px; color: #53574f; }
/* The 1024×1536 texture's solid paper starts at (58,52), not the image edge. */
.cozy .cozy-payments-page [data-cozy-amount] :is(.text-default, .text-light) { color: #303d39; }
.cozy .cozy-payments-page [data-cozy-amount] .text-xl { font-size: 27px; line-height: 34px; }
.cozy .cozy-payments-page [data-cozy-amount] .text-sm { font-size: 17px; color: #4f5951; }
.cozy .cozy-payments-page [data-cozy-amount] .relative { height: 32px; width: 25px; }
.cozy .cozy-payments-page [data-cozy-amount] .absolute { top: 29px; width: 25px; }
.cozy .cozy-payments-page [data-payment-card-variant="regular"] { display: flex; position: relative; flex-direction: column; justify-content: space-between; width: 100%; max-width: none; min-height: 216px; height: 216px; padding: 18px 16px; border: 0; border-radius: 0; background: url('/figma/generated-v2/receipt-card-v2.png') 50.44% 53.06% / 110% 106% no-repeat; filter: drop-shadow(2px 4px 2px #4b332940); box-shadow: none; }
.cozy .cozy-payments-page [data-payment-card-variant="regular"]::after { display: none; }
.cozy .cozy-payments-page [data-cozy-card-heading] { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.cozy .cozy-payments-page [data-cozy-card-heading] > :first-child { flex: none; display: flex; flex-direction: column; width: 100%; height: auto; gap: 8px; align-items: center; }
.cozy .cozy-payments-page [data-cozy-card-heading] > :first-child > :last-child { width: 100%; min-width: 0; min-height: 38px; display: flex; align-items: flex-end; flex: none; }
.cozy .cozy-payments-page [data-cozy-card-heading] > :first-child > :last-child > div { padding-inline: 0; }
.cozy .cozy-payments-page [data-cozy-card-heading] > :last-child:not(:first-child) { margin-left: 0; }
.cozy .cozy-payments-page [data-cozy-card-heading] p { text-align: center; }
.cozy .cozy-payments-page [data-cozy-card-heading] > :last-child p { font-size: 11px; }
.cozy .cozy-payments-page [data-cozy-card-heading] [data-logo-variant] { align-self: center; width: 64px; height: 64px; }
.cozy .cozy-payments-page [data-payment-card-variant="regular"] > :nth-child(2) { display: none; }
.cozy .cozy-payments-page [data-payment-card-variant="regular"] > :last-child { display: flex; flex-direction: column; width: 100%; align-items: center; gap: 0; padding-left: 0; }
.cozy .cozy-payments-page [data-payment-card-variant="regular"] > :last-child > :first-child { display: none; }
.cozy .cozy-payments-page [data-payment-card-variant="regular"] > :last-child > :last-child { align-items: center; }
.cozy .cozy-payments-page [data-payment-card-variant][data-state="selected"] { outline: 2px solid #7eaee3; outline-offset: 2px; }
.cozy .cozy-payments-page .cozy-payment-more { display: flex; width: 100%; justify-content: flex-end; margin-top: -7px; margin-bottom: -17px; min-height: 20px; }
.cozy .cozy-payments-page .cozy-payment-more p { font-size: 11px; }
.cozy .cozy-payments-page .cozy-payment-label-pin,
.cozy .cozy-payments-page .cozy-payment-pin { display: none; position: absolute; width: 23px; height: 24px; background: url('/figma/worker-1/payment-pins.png') 7.9423% 50.4091% / 913.37% 503.29% no-repeat; filter: drop-shadow(1px 3px 2px #0003); pointer-events: none; z-index: 4; }
.cozy .cozy-payments-page [data-cozy-category="food"] .cozy-payment-label-pin { display: block; top: -2px; left: min(472px, 85%); }
.cozy .cozy-payments-page [data-cozy-category="shopping"] .cozy-payment-card-slot:first-child .cozy-payment-pin { display: block; right: 4px; top: -10px; background-position: 25.1314% 50.4091%; background-size: 948.5% 503.29%; }
.cozy .cozy-payments-page [data-cozy-category="transport"] .cozy-payment-card-slot:first-child .cozy-payment-pin { display: block; left: 3px; top: -11px; background: url('/figma/worker-1/payment-pin-blue.png') center / 100% 100% no-repeat; }
.cozy .cozy-payments-page [data-cozy-category="subscriptions"] .cozy-payment-card-slot:nth-child(4) .cozy-payment-pin { display: block; right: 3px; top: -10px; background-position: 91.7894% 50.4091%; }
.cozy .cozy-payments-page [data-cozy-category="health"] .cozy-payment-card-slot:nth-child(2) .cozy-payment-pin { display: block; left: 4px; top: -10px; background-position: 74.8797% 50.4091%; }
.cozy .cozy-payments-page [data-cozy-category="finance"] .cozy-payment-label-pin,
.cozy .cozy-payments-page [data-cozy-category="entertainment"] .cozy-payment-label-pin { display: block; top: -23px; left: 32px; background: url('/figma/worker-1/payment-pin-gold.png') center / 100% 100% no-repeat; }
.cozy .cozy-payments-page [data-cozy-category="entertainment"] .cozy-payment-label-pin { left: min(471px, calc(100% - 81px)); right: auto; }
.cozy .cozy-payments-page [data-cozy-category="travel"] .cozy-payment-pin { display: block; top: -11px; left: 48%; background-position: 58.0313% 50.4091%; }
.cozy .cozy-payments-page [data-cozy-category="shopping"] { --cozy-category-count: #77b385; }
.cozy .cozy-payments-page [data-cozy-category="transport"] { --cozy-category-count: #8bb6e2; }
.cozy .cozy-payments-page [data-cozy-category="subscriptions"] { --cozy-category-count: #a55362; }
.cozy .cozy-payments-page [data-cozy-category="travel"] { --cozy-category-count: #9b77bf; }

@media (max-width: 1100px) {
  .cozy .cozy-payments-page [data-payments-responsive-root] { grid-template-columns: minmax(0, 1fr); }
  .cozy .cozy-payments-page [data-dashboard-board] { max-width: 724px; padding: 32px 24px 28px; }
  .cozy .cozy-payments-page .cozy-payment-header { width: min(440px, calc(100% + 12px)); }
  .cozy .cozy-payments-page [data-cozy-category="travel"] .grid[class*="auto-fill"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .cozy .cozy-payments-page [data-dashboard-body] { padding: 8px 10px 24px; }
  .cozy .cozy-payments-page [data-dashboard-board] { padding: 35px 12px 24px; }
  .cozy .cozy-payments-page [data-cozy-payment-section] { padding: 0 12px 23px; gap: 12px; rotate: 0deg; }
  .cozy .cozy-payments-page [data-cozy-payment-section] .grid[class*="auto-fill"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px; }
  .cozy .cozy-payments-page [data-payment-card-variant="regular"] { padding-inline: 18px; }
  .cozy .cozy-payments-page .cozy-payment-header { width: calc(100% + 8px); margin-left: -4px; min-height: 52px; padding: 8px 10px; gap: 5px; }
  .cozy .cozy-payments-page .cozy-payment-title { gap: 5px; }
  .cozy .cozy-payments-page .cozy-payment-title > p { font-size: 20px; }
  .cozy .cozy-payments-page .cozy-category-sticker { width: 42px; height: 42px; }
  .cozy .cozy-payments-page .cozy-payment-header > :first-child { gap: 4px; }
  .cozy .cozy-payments-page .cozy-payment-header > :last-child p { font-size: 13px; }
  .cozy .cozy-payments-page [data-cozy-category="entertainment"] .cozy-payment-label-pin { left: calc(100% - 59px); }
}

.cozy .cozy-overview-page { font-family: var(--cozy-hand); }
.cozy [data-cozy-shell].cozy-overview-page [data-dashboard-body] { width: calc(100% - 48px); max-width: none; margin: 14px auto 36px; padding: 0; background: transparent; box-shadow: none; }
.cozy .cozy-overview-page [data-dashboard-board] { padding: 0; max-width: none; }
.cozy-overview-board { width: 100%; container: overview / inline-size; }
.cozy-overview-canvas {
  position: relative; isolation: isolate; display: grid; width: 100%; padding: 28px;
  grid-template-columns: minmax(360px, .95fr) minmax(0, 1.55fr);
  grid-template-areas: 'summary summary' 'breakdown trend' 'breakdown transactions';
  grid-template-rows: auto 280px minmax(320px, 1fr); gap: 20px 18px;
  border-radius: 10px; color: #303b36; font-family: var(--cozy-hand);
  background: #c79a71 var(--cozy-cork) center / var(--cozy-cork-size);
  box-shadow: var(--cozy-board-elevation);
}
.cozy-overview-canvas *, .cozy-overview-canvas *::before, .cozy-overview-canvas *::after { box-sizing: border-box; }
.cozy-overview-canvas h2, .cozy-overview-canvas p { margin: 0; }
.cozy-overview-canvas h2, .cozy-overview-canvas b { font-weight: 400; }
.cozy-overview-canvas img { max-width: none; pointer-events: none; }
.cozy-overview-canvas button { font: inherit; cursor: pointer; }
.cozy-overview-canvas button:focus-visible, .cozy-overview-table-scroll:focus-visible { outline: 2px solid #426b74; outline-offset: 2px; }

/* Keep the information grid stable; paper edges and pins carry the irregularity. */
.cozy-overview-summary { grid-area: summary; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; z-index: 2; }
.cozy-overview-summary-note { position: relative; min-width: 0; background: url('/figma/overview/e8bd7.png') center / 100% 100% no-repeat; filter: drop-shadow(2px 3px 2px #4b332930); }
.cozy-overview-summary-note:nth-child(1) { rotate: -.7deg; }
.cozy-overview-summary-note:nth-child(2) { rotate: .7deg; }
.cozy-overview-summary-note:nth-child(3) { rotate: -.5deg; }
.cozy-overview-note-content { min-height: 232px; padding: 23px 24px 22px; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto 1fr; gap: 6px 10px; }
.cozy-overview-note-content > header { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cozy-overview-note-content h2 { font-size: 26px; line-height: 1.25; }
.cozy-overview-note-content > header > span { font-size: 14px; color: #62665a; white-space: nowrap; }
.cozy-overview-amount { display: flex; align-items: baseline; font-size: 38px; line-height: 1.35; letter-spacing: -.5px; white-space: nowrap; }
.cozy-overview-amount [data-part='currency'] { color: #4d5a50; }
.cozy-overview-amount [data-part='fraction'], .cozy-overview-amount [data-part='decimal'] { font-size: 25px; color: #566052; }
.cozy-overview-change { align-self: center; min-width: 39px; padding: 2px 7px; border-radius: 20px; font-size: 13px; line-height: 20px; text-align: center; background: #f4d7ce; color: #924c45; }
.cozy-overview-change[data-favorable='true'] { background: #dce9cb; color: #355b3d; }
.cozy-overview-note-content footer { grid-column: 1 / -1; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.cozy-overview-note-content footer p { color: #606355; font-size: 16px; line-height: 1.35; }
.cozy-overview-note-content footer p > span { display: block; }
.cozy-overview-note-content footer b { color: #303b36; }
.cozy-overview-note-content footer > div { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 13px; color: #5c6356; }
.cozy-overview-note-content footer > div > span { display: flex; align-items: center; gap: 5px; }
.cozy-overview-note-content footer > .cozy-overview-note-foot { min-height: 27px; padding-top: 7px; border-top: 1px dashed #9a886854; align-items: center; justify-content: space-between; gap: 3px 8px; font-size: 14px; color: #4f5c4b; }
.cozy-overview-note-foot > span { flex-wrap: wrap; }
.cozy-overview-note-foot button { padding: 1px 0; color: #385e5c; border: 0; border-bottom: 1px solid #73918a; background: transparent; white-space: nowrap; }
.cozy-overview-income-sources { margin: 0; display: grid; gap: 3px; color: #606355; font-size: 16px; line-height: 1.35; }
.cozy-overview-income-sources > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.cozy-overview-income-sources dd { margin: 0; color: #303b36; white-space: nowrap; }
.cozy [data-slot='dialog-content'].cozy-income-dialog { width: 480px; max-width: calc(100% - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 28px; gap: 14px; border: 1px solid #b5a081; border-radius: 8px; color: #303b36; background: #f6ebd8 url('/textures/cozy/paper-ivory.png') center / 512px; font-family: var(--cozy-hand); }
.cozy-income-dialog [data-slot='dialog-title'] { padding-right: 25px; font: 400 28px/1.2 var(--cozy-hand); }
.cozy-income-dialog [data-slot='dialog-description'] { color: #606355; font: 400 16px/1.4 var(--cozy-hand); }
.cozy-income-dialog form { display: grid; gap: 17px; margin-top: 8px; }
.cozy-income-dialog label { display: grid; grid-template-columns: minmax(0, 1fr) 112px; align-items: center; gap: 14px; font-size: 19px; }
.cozy-income-dialog label small { display: block; margin-top: 3px; font-size: 14px; line-height: 1.3; color: #606355; }
.cozy-income-dialog input { width: 100%; min-width: 0; height: 44px; padding: 8px 10px; border: 1px solid #ad9c7d; border-radius: 4px; color: #303b36; background: #fff8ec; text-align: right; font: 400 21px var(--cozy-hand); }
.cozy-income-dialog input:focus-visible, .cozy-income-dialog button:focus-visible { outline: 2px solid #426b74; outline-offset: 2px; }
.cozy-income-preview { padding: 14px 0; border-block: 1px dashed #a38d6e80; display: flex; gap: 14px; justify-content: space-between; align-items: center; font-size: 16px; }
.cozy-income-preview b { font-size: 28px; font-weight: 400; white-space: nowrap; }
.cozy-income-dialog form > footer { display: flex; justify-content: flex-end; gap: 10px; }
.cozy-income-dialog form button { min-height: 42px; padding: 8px 14px; border: 1px solid #a99576; border-radius: 4px; background: #f7eddb; font: 400 17px var(--cozy-hand); cursor: pointer; }
.cozy-income-dialog form button[type='submit'] { background: #3f6257; border-color: #3f6257; color: #fff8ec; }
.cozy-income-dialog button:disabled { opacity: .6; cursor: wait; }
.cozy-income-dialog [role='alert'] { color: #924c45; }
.cozy-overview-note-content footer i, .cozy-overview-heading > span { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 21px; padding: 0 6px; border-radius: 12px; font-style: normal; background: #e9dfcc; color: #465246; font-size: 13px; }
.cozy-overview-summary-note::after { content: ''; position: absolute; width: 20px; height: 21px; top: -6px; left: 65%; border-radius: 50%; background: url('/figma/overview/00ca1.png') 55.045% 11.605% / 1551.51% 1003.92%; box-shadow: 2px 3px 3px #0004; }
.cozy-overview-summary-note:nth-child(2)::after { left: 25%; background-position: 85.387% 61.676%; }
.cozy-overview-summary-note:nth-child(3)::after { left: 52%; background-position: 24.848% 78.357%; }

.cozy-overview-breakdown, .cozy-overview-trend, .cozy-overview-transactions { position: relative; isolation: isolate; min-width: 0; }
.cozy-overview-breakdown { grid-area: breakdown; align-self: start; rotate: -.65deg; }
.cozy-overview-breakdown-paper { position: absolute; inset: -4px -3px; z-index: -1; border: 20px solid transparent; border-image: url('/figma/generated-v2/panel-ivory-b-v2.png') 96 fill / 20px / 0 stretch; filter: drop-shadow(2px 3px 2px #4b332938); }
.cozy-overview-breakdown-content { padding: 22px 20px 24px; display: flex; flex-direction: column; gap: 12px; }
.cozy-overview-heading { display: flex; align-items: center; gap: 9px; color: #303b36; flex: none; min-height: 32px; }
.cozy-overview-heading h2 { font-size: 25px; line-height: 1.25; }
.cozy-overview-donut { position: relative; display: flex; align-items: center; justify-content: center; height: 212px; flex: none; margin: 0 0 2px; }
.cozy-overview-donut [data-donut-root] { width: 212px; max-width: 100%; font-family: var(--cozy-hand); }
.cozy-overview-donut svg text { font-family: var(--cozy-hand); font-weight: 400; fill: #303b36; }
.cozy-donut-callout { position: absolute; top: -5px; right: -47px; min-width: 70px; padding: 6px 8px; text-align: center; border: 1px solid #b8a58c; border-radius: 5px; background: #f9efdd; box-shadow: 1px 2px 2px #4b332920; color: #414d43; font: 400 13px/1.3 var(--cozy-hand); rotate: 3deg; }
.cozy-overview-category-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; overflow: visible; }
.cozy-overview-category-list li { min-width: 0; }
.cozy-overview-category-list button { width: 100%; min-height: 62px; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; gap: 0 7px; padding: 7px 8px; border: 1px solid #a18b6633; border-radius: 3px; color: #39463d; background: linear-gradient(#fff7eccc, #fff7eccc), var(--cozy-category-stripe) center / 100% 100%; box-shadow: 1px 2px 1px #4b332910; text-align: left; }
.cozy-overview-category-list button:hover, .cozy-overview-category-list button[aria-pressed='true'] { background: linear-gradient(#fff7ecaa, #fff7ecaa), var(--cozy-category-stripe) center / 100% 100%; border-color: #766f5c; }
.cozy-overview-category-list .cozy-category-sticker { display: block; grid-column: 1; grid-row: 1 / 3; width: 34px; height: 34px; }
.cozy-overview-category-list button > span { grid-column: 2 / 4; min-width: 0; font-size: 15px; line-height: 19px; }
.cozy-overview-category-list b { grid-column: 2; font-size: 16px; line-height: 22px; color: #303b36; white-space: nowrap; }
.cozy-overview-category-list em { grid-column: 3; font-size: 12px; color: #626756; font-style: normal; text-align: right; }
.cozy-overview-pushpin { position: absolute; width: 36px; height: 35px; z-index: 3; filter: drop-shadow(1px 2px 1px #0003); }
.cozy-overview-pushpin-pink { top: -15px; left: 3px; rotate: 3deg; }

.cozy-overview-trend { grid-area: trend; rotate: .4deg; }
.cozy-overview-trend-paper, .cozy-overview-ledger-paper { position: absolute; inset: 0; z-index: -1; filter: drop-shadow(2px 3px 2px #4b332938); }
.cozy-overview-trend-paper > div { position: absolute; left: 0; width: 100%; overflow: hidden; }
.cozy-overview-trend-paper .top { top: 0; height: 51.6185%; }
.cozy-overview-trend-paper .middle { top: 45.8182%; height: 32.7273%; }
.cozy-overview-trend-paper .bottom { top: 60%; height: 42.1818%; }
.cozy-overview-trend-paper img { position: absolute; width: 207.24%; left: -2.45%; }
.cozy-overview-trend-paper .top img { height: 611.72%; top: -23.45%; }
.cozy-overview-trend-paper .middle img { height: 964.83%; top: -65.87%; }
.cozy-overview-trend-paper .bottom img { height: 748.58%; top: -51.11%; }
.cozy-overview-pushpin-cyan { right: 6px; top: -14px; }
.cozy-overview-trend-content { display: flex; flex-direction: column; height: 100%; padding: 20px 23px 14px; }
.cozy-overview-chart-legend { display: flex; gap: 18px; font-size: 13px; color: #586155; margin-top: 2px; }
.cozy-overview-chart-legend span { display: flex; align-items: center; gap: 6px; }
.cozy-overview-chart-legend span::before { content: ''; width: 15px; border-top: 3px solid #6e9ba3; }
.cozy-overview-chart-legend span:last-child::before { border-color: #8c8177; border-top-style: dashed; border-top-width: 2px; }
.cozy-overview-chart { flex: 1; min-height: 0; width: 100%; }
.cozy-overview-chart > div { height: 100%; }

.cozy-overview-transactions { grid-area: transactions; min-height: 320px; }
.cozy-overview-ledger-paper { width: 100%; }
/* Holes stay 12px round on a 34px pitch; only their count grows with the sheet. */
.cozy-overview-ledger-sheet { position: absolute; inset: 0; mask-image: radial-gradient(circle at 15px 17px, transparent 5px, #000 6px), linear-gradient(#000, #000); mask-size: 100% 34px, 100% calc(100% - round(down, 100%, 34px)); mask-repeat: repeat-y, no-repeat; mask-position: 0 0, left bottom; }
.cozy-overview-ledger-sheet::before { content: ''; position: absolute; inset: 0; border: 18px solid transparent; border-image: url('/figma/generated-v2/panel-ivory-a-v2.png') 96 fill / 18px / 0 stretch; }
.cozy-overview-ledger-sheet::after { content: ''; position: absolute; inset: 18px 14px 18px 29px; background: linear-gradient(90deg, #aa9a7e50 0 1px, transparent 1px), repeating-linear-gradient(to bottom, transparent 0 33px, #aa9a7e30 33px 34px); }
.cozy-overview-tape { position: absolute; right: -8px; top: -16px; width: 86px; height: 57px; transform: scaleX(-1); z-index: 3; }
.cozy-overview-transactions-content { position: relative; padding: 21px 18px 23px 34px; display: flex; flex-direction: column; gap: 12px; }
.cozy-overview-table-scroll { flex: none; min-height: 0; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #a58b6a transparent; }
.cozy-overview-table { border-collapse: collapse; table-layout: fixed; width: 100%; min-width: 610px; font: 400 14px/1.4 var(--cozy-hand); color: #414c42; }
.cozy-overview-table th { position: sticky; top: 0; z-index: 1; height: 36px; padding: 0; background: #eedcb9; border-bottom: 1px solid #baa37d; font-weight: 400; }
.cozy-overview-table th[aria-sort='ascending'], .cozy-overview-table th[aria-sort='descending'] { background: #cbdfe0; }
.cozy-overview-table th button { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #303b36; border: 0; background: transparent; padding: 0; white-space: nowrap; }
.cozy-overview-table th img { width: 16px; height: 16px; }
.cozy-overview-table td { height: 34px; padding: 0 8px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #bca78438; }
.cozy-overview-table tbody tr:hover { background: #fff8e899; }
.cozy-overview-table .cozy-overview-table-amount { color: #964f2d; font-size: 16px; }
.cozy-overview-table .cozy-overview-subject { color: #62665b; text-align: left; }
.cozy-overview-transactions-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #62665b; font: 14px/1.4 var(--cozy-hand); }
.cozy-overview-transactions-footer button { flex: none; padding: 5px 0; border-bottom: 1px solid #879b8e; color: #355a50; white-space: nowrap; }
.cozy [data-slot='dialog-content'].cozy-overview-transactions-dialog { width: 960px; max-width: calc(100% - 32px); max-height: min(720px, calc(100dvh - 32px)); overflow: hidden; padding: 24px; gap: 12px; border: 1px solid #b5a081; border-radius: 8px; color: #303b36; background: #f6ebd8 url('/textures/cozy/paper-ivory.png') center / 512px; font-family: var(--cozy-hand); }
.cozy-overview-transactions-dialog [data-slot='dialog-title'] { flex: none; padding-right: 36px; font: 400 28px/1.2 var(--cozy-hand); }
.cozy-overview-transactions-dialog [data-slot='dialog-description'] { flex: none; margin: 0; color: #606355; font: 400 16px/1.4 var(--cozy-hand); }
.cozy-overview-transactions-dialog [data-slot='dialog-close'] { top: 24px; right: 24px; }
.cozy-overview-transactions-dialog .cozy-overview-table-scroll { flex: 1 1 auto; overflow: auto; overscroll-behavior: contain; }
@media (max-width: 768px) {
  .cozy [data-slot='dialog-content'].cozy-overview-transactions-dialog { padding: 20px 16px; }
  .cozy-overview-transactions-dialog [data-slot='dialog-close'] { top: 20px; right: 16px; }
}

@container overview (max-width: 999px) {
  .cozy-overview-canvas { padding: 24px 20px; grid-template-columns: minmax(0, 1fr); grid-template-areas: 'summary' 'breakdown' 'trend' 'transactions'; grid-template-rows: auto auto 290px auto; gap: 24px; }
  .cozy-overview-summary { gap: 12px; }
  .cozy-overview-note-content { padding: 22px 18px; }
  .cozy-overview-note-content h2 { font-size: 23px; }
  .cozy-overview-amount { font-size: 32px; }
  .cozy-overview-amount [data-part='fraction'], .cozy-overview-amount [data-part='decimal'] { font-size: 22px; }
  .cozy-overview-breakdown-content { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 14px 24px; }
  .cozy-overview-breakdown-content > :first-child { grid-column: 1; grid-row: 1; }
  .cozy-overview-donut { grid-column: 1; grid-row: 2; align-self: center; }
  .cozy-overview-breakdown-content > :nth-child(3) { grid-column: 2; grid-row: 1; }
  .cozy-overview-category-list { grid-column: 2; grid-row: 2; }
  .cozy-donut-callout { right: -13px; }
}
@container overview (max-width: 749px) {
  .cozy-overview-summary { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .cozy-overview-note-content { min-height: 196px; padding: 23px 25px; }
  .cozy-overview-note-content h2 { font-size: 26px; }
  .cozy-overview-amount { font-size: 38px; }
  .cozy-overview-breakdown-content { display: flex; gap: 12px; }
  .cozy-overview-donut { align-self: stretch; }
  .cozy-donut-callout { right: -35px; }
}
@container overview (max-width: 449px) {
  .cozy-overview-canvas { padding: 23px 14px; gap: 22px; }
  .cozy-overview-breakdown-content { padding: 23px 14px; }
  .cozy-overview-category-list { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .cozy-overview-category-list button { grid-template-columns: 36px minmax(0, 1fr) auto auto; grid-template-rows: auto; gap: 8px; min-height: 50px; }
  .cozy-overview-category-list .cozy-category-sticker { grid-row: 1; }
  .cozy-overview-category-list button > span { grid-column: 2; }
  .cozy-overview-category-list b { grid-column: 3; }
  .cozy-overview-category-list em { grid-column: 4; }
  .cozy-overview-trend-content { padding: 20px 15px 12px; }
  .cozy-overview-transactions-content { padding-inline: 27px 13px; }
}
@media (max-width: 768px) {
  .cozy [data-cozy-shell].cozy-overview-page [data-dashboard-body] { width: calc(100% - 20px); margin: 8px auto 24px; }
}

@media (min-width: 769px) { .cozy .cozy-download-main { background: transparent; box-shadow: none; } }
.cozy .cozy-download-page { --font-type: var(--cozy-hand); font-family: var(--cozy-hand); display: block; width: calc(100% - 48px); max-width: none; margin: 18px 24px 36px; padding: 32px 38px 40px; border-radius: 9px; background: var(--cozy-cork) center / var(--cozy-cork-size); box-shadow: var(--cozy-board-elevation); }
.cozy .cozy-download-page :is(p, span, label, button, input, select) { font-weight: 400; }
.cozy .cozy-download-title { display: block; width: min(375px, 80%); padding: 20px 38px; margin: 0 0 28px; background: url('/figma/shared/6d22a.png') center / 100% 100%; font: 20px/1.5 var(--cozy-hand); letter-spacing: .2em; color: #33363d; }
.cozy [data-cozy-download-columns] { gap: 28px; align-items: stretch; }
.cozy [data-cozy-download-columns] > div { min-width: 0; }
.cozy [data-cozy-download-paper] { position: relative; isolation: isolate; padding: 36px 34px; height: 100%; min-height: 780px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.cozy [data-cozy-download-paper]::before { width: 24px; height: 24px; top: 14px; left: 64%; background: url('/figma/worker-2/00ca1.png') 85.39% 61.67% / 1551.51% 1003.92%; box-shadow: none; }
.cozy [data-cozy-download-paper]:has([data-cozy-download-filters])::before { width: 30px; height: 40px; top: -12px; left: 48%; border: 0; border-radius: 0; background: url('/figma/worker-2/d9e34.png') center / contain no-repeat; }
.cozy [data-cozy-download-paper] h2 { font: 15.8px/1.5 var(--cozy-hand); color: #2e3b68; }
.cozy [data-cozy-download-filters] { gap: 28px; }
.cozy [data-cozy-download-filters] > div:first-child > div:last-child { grid-template-columns: repeat(4, minmax(0, 112px)); justify-content: center; gap: 20px; }
.cozy [data-download-source-card] { height: 134px; min-height: 0; min-width: 0; padding: 12px 8px; flex-direction: column; gap: 6px; border-radius: 0; background: url('/figma/worker-2/743f8.png') center / 100% 100%; box-shadow: 2px 3px 3px #3f2c272e; }
.cozy [data-download-source-card][aria-pressed="true"] { outline: 1px solid #e0b36a; outline-offset: 2px; }
.cozy [data-download-source-card] > svg { display: none; }
.cozy [data-download-source-card] > p { color: #33363d; font: 13.3px/1.25 var(--cozy-hand); letter-spacing: .5px; white-space: normal; text-align: center; }
.cozy .cozy-download-source-description { color: #787878; font: 10px/1.5 var(--cozy-hand); letter-spacing: .7px; max-width: 82px; text-align: center; }
.cozy .cozy-download-source-art { display: block; width: 36px; height: 35px; object-fit: contain; }
.cozy [data-cozy-download-filters] > div:nth-child(2) button { padding: 10px; min-width: 0; background: url('/figma/shared/e1338.png') center / 100% 100%; border-radius: 0; }
.cozy [data-cozy-download-filters] > div:nth-child(2) button[aria-pressed="true"] { background-image: url('/figma/worker-2/4b723.png'); background-size: 104% 208%; }
.cozy [data-cozy-download-filters] > div:nth-child(2) button p { color: #33363d; font: 14px/1.5 var(--cozy-hand); letter-spacing: 2px; white-space: normal; }
.cozy [data-cozy-download-filters] [data-testid^="export-format-"] { padding: 18px 12px; border-radius: 2px; background: url('/figma/shared/e1338.png') center / 100% 100%; }
.cozy [data-cozy-download-filters] [data-testid^="export-format-"][aria-pressed="true"] { background-image: url('/figma/worker-2/743f8.png'); outline: 1px solid #e0b36a; }
.cozy [data-cozy-download-filters] [data-testid^="export-format-"] p { color: #2e426d; }
.cozy [data-download-preview-totals] { grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr); gap: 20px; }
.cozy [data-download-preview-totals] > div { background: transparent; }
.cozy [data-download-preview-totals] > div:first-child > p:last-child { font-family: var(--cozy-hand); }
.cozy [data-cozy-download-paper] :is(table, [role="table"]) { background: transparent; }
.cozy [data-download-category-grid] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 10px; }
.cozy [data-download-category] { min-width: 0; height: 34px; padding: 5px 7px; border: 0; border-radius: 3px; background: url('/figma/shared/6275e.png') center / 100% 100%; color: #171717; box-shadow: 2px 3px 4px #0002; gap: 5px; }
.cozy [data-download-category] > p { min-width: 0; color: #171717; font-size: 13px; white-space: normal; line-height: 1.2; }
.cozy [data-download-category][aria-pressed="false"] { opacity: .55; }
.cozy [data-download-category="preview"] { height: 24px; background: #f5dfb9; border-radius: 12px; box-shadow: 1px 2px 3px #0002; }
.cozy [data-download-category="preview"] > p { font-size: 11px; }
.cozy [data-download-category="preview"] > span { font-size: 10px; color: #2e3b68; background: #fff; }
.cozy-download-category-art { position: relative; display: block; width: 28px; height: 22px; flex-shrink: 0; overflow: hidden; }
.cozy-download-category-art img { position: absolute; max-width: none; }
.cozy-download-category-art[data-artwork="food"] img { width: 505.26%; height: 463.35%; left: -67.11%; top: -25.79%; }
.cozy-download-category-art[data-artwork="shopping"] img { width: 579.62%; height: 400%; left: -241.82%; top: -8.59%; }
.cozy-download-category-art[data-artwork="auto"] img { width: 474.07%; height: 421.4%; left: -310.99%; top: -14.4%; }
.cozy-download-category-art[data-artwork="subscription"] img { width: 604.72%; height: 489.95%; left: -92.95%; top: -179.84%; }
.cozy-download-category-art[data-artwork="housing"] img { width: 489.17%; height: 445.22%; left: -194.08%; top: -154.29%; }
.cozy-download-category-art[data-artwork="health"] img { width: 621.86%; height: 467.58%; left: -417.83%; top: -167.98%; }
.cozy-download-category-art[data-artwork="finance"] img { width: 542.76%; height: 445.22%; left: -81.31%; top: -291.99%; }
.cozy-download-category-art[data-artwork="entertainment"] { background: url('/figma/worker-2/a90a5.png') 49.8702% 84.6207% / 489.17% 417.96%; }
.cozy-download-category-art[data-artwork="travel"] { background: url('/figma/worker-2/a90a5.png') 83.1740% 84.1421% / 492.31% 459.19%; }
.cozy-download-category-art:is([data-artwork="entertainment"], [data-artwork="travel"]) img { display: none; }
.cozy [data-download-action]:not(:disabled) { background: #ffdb94; }
.cozy [data-download-action]:not(:disabled) p { color: #474747; }
@media (min-width: 1132px) { .cozy [data-cozy-download-columns] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@media (max-width: 1131px) { .cozy .cozy-download-page { padding: 28px 24px; } .cozy [data-cozy-download-paper] { min-height: 0; } }
@media (max-width: 768px) {
  .cozy .cozy-download-page { width: calc(100% - 20px); margin: 12px 10px 26px; padding: 22px 12px; }
  .cozy .cozy-download-title { padding: 16px 24px; font-size: 23px; margin-bottom: 26px; }
  .cozy [data-cozy-download-paper] { padding: 30px 26px; }
  .cozy [data-cozy-download-filters] > div:first-child > div:last-child { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cozy [data-download-source-card] { min-height: 120px; }
  .cozy [data-cozy-download-filters] > div:nth-child(2) button p { font-size: 16px; }
}
.cozy .cozy-recycle-page { font-family: var(--cozy-hand); }
.cozy .cozy-recycle-page [data-cozy-board] { background: transparent; }
.cozy .cozy-recycle-page .cozy-recycle-board { width: calc(100% - 48px); max-width: none; margin: 16px auto 36px; padding: 34px; min-height: calc(100% - 48px); background: #c79a71 var(--cozy-cork) center / var(--cozy-cork-size); border-radius: 8px; box-shadow: var(--cozy-board-elevation); }
.cozy .cozy-recycle-heading { display: block; align-self: center; padding: 22px 46px; margin: 0 0 22px; background: url('/figma/shared/e1338.png') center / 100% 100%; font: 28px/1.4 var(--cozy-hand); rotate: -1deg; }
.cozy .cozy-recycle-page [data-cozy-recycle-grid] { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px 18px; }
.cozy .cozy-recycle-page [data-cozy-recycle-card] { height: auto; min-height: 264px; aspect-ratio: 201 / 293; border-radius: 0; filter: drop-shadow(3px 4px 4px #4b332940); box-shadow: none; }
.cozy .cozy-recycle-page [data-cozy-receipt-card] { position: absolute; inset: auto 0 0; height: 100%; padding: 22px 22px 26px; background: url('/figma/shared/e827d.png') center top / 100% 60% no-repeat, url('/figma/shared/c6461.png') center bottom / 100% 60% no-repeat; border: 0; border-radius: 0; }
.cozy .cozy-recycle-page [data-cozy-recycle-card]:nth-child(3n+2) { rotate: -1.4deg; }
.cozy .cozy-recycle-page [data-cozy-recycle-card]:nth-child(3n) { rotate: 1.3deg; }
.cozy .cozy-recycle-page [data-cozy-recycle-card]:is(:hover, :focus-within) [data-cozy-receipt-card]:not([data-state="selected"]) { height: calc(100% - 26px); }
.cozy .cozy-recycle-page [data-cozy-receipt-card][data-state="selected"] { box-shadow: inset 0 0 0 2px #7eaee3; background-color: #eaf5ff; }
.cozy .cozy-recycle-page [data-cozy-card-heading] { flex-direction: column; align-items: flex-start; gap: 4px; }
.cozy .cozy-recycle-page [data-cozy-card-heading] > :first-child { width: 100%; height: auto; flex: none; flex-direction: column; align-items: flex-start; gap: 12px; }
.cozy .cozy-recycle-page [data-cozy-card-heading] > :first-child > :last-child { width: 100%; flex: none; }
.cozy .cozy-recycle-page [data-cozy-card-heading] > :first-child > :last-child > div { padding: 0; }
.cozy .cozy-recycle-page [data-cozy-card-heading] > :last-child { margin-left: 0; }
.cozy .cozy-recycle-page [data-logo-variant] { align-self: center; width: 84px; height: 84px; }
.cozy .cozy-recycle-page [data-cozy-receipt-card][data-state="selected"] [data-cozy-card-heading] > :first-child > span { align-self: center; width: 84px; height: 84px; border-radius: 50%; }
.cozy .cozy-recycle-page [data-cozy-card-heading] p { font-family: var(--cozy-hand); font-weight: 400; }
.cozy .cozy-recycle-page [data-cozy-card-heading] .text-figma-primary { font-size: 22px; letter-spacing: 1.2px; color: #171717; }
.cozy .cozy-recycle-page [data-cozy-card-heading] .text-light { font-size: 14px; color: #33363d; }
.cozy .cozy-recycle-page [data-cozy-receipt-card] > :last-child { flex-direction: column; align-items: flex-start; gap: 8px; padding: 0; }
.cozy .cozy-recycle-page [data-cozy-receipt-card] > :last-child > :last-child { align-items: flex-start; }
.cozy .cozy-recycle-page [data-cozy-receipt-card] .text-xl { font: 400 26px/1.5 var(--cozy-hand); }
.cozy .cozy-recycle-page [data-cozy-receipt-card] .font-bold { font-weight: 400; }
.cozy .cozy-recycle-page [data-cozy-receipt-card] > :last-child .text-light { color: #55535a; }
@media (max-width: 1200px) {
  .cozy .cozy-recycle-page [data-cozy-recycle-grid] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .cozy .cozy-recycle-page .cozy-recycle-board { width: calc(100% - 20px); margin: 8px 10px 24px; padding: 20px 12px; }
  .cozy .cozy-recycle-heading { font-size: 22px; padding: 18px 25px; margin-bottom: 10px; }
  .cozy .cozy-recycle-page [data-cozy-recycle-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .cozy .cozy-recycle-page [data-cozy-receipt-card] { padding-inline: 16px; }
  .cozy .cozy-recycle-page [data-cozy-card-heading] .text-figma-primary { font-size: 20px; letter-spacing: .6px; }
  .cozy .cozy-recycle-page [data-logo-variant] { width: 70px; height: 70px; }
  .cozy .cozy-recycle-page [data-cozy-receipt-card][data-state="selected"] [data-cozy-card-heading] > :first-child > span { width: 70px; height: 70px; }
}
.cozy [data-cozy-shell].cozy-new-receipt-page { width: 100%; max-width: var(--cozy-app-max-width); grid-template-columns: minmax(0, 1fr); }
.cozy-new-receipt-page > [data-cozy-shell-heading] { grid-column: 1; }
.cozy .cozy-new-receipt-main { background: transparent; box-shadow: none; }
.cozy-new-receipt-layout { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: center; gap: 9px; padding: 13px 24px 27px; }
.cozy-new-receipt-board { --entry-border: #eaded3; position: relative; align-self: start; container: receipt-board / inline-size; width: 100%; min-width: 0; background: #c79a71 var(--cozy-cork) center / var(--cozy-cork-size); border-radius: 10px; font-family: var(--cozy-hand); font-synthesis: none; color: #171717; }
.cozy-entry-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; width: calc(100% - 48px); max-width: 1280px; margin: 40px auto 32px; }
.cozy-new-receipt-title { position: relative; flex: none; width: 475px; height: 93px; transform: rotate(2.99deg); }
.cozy-new-receipt-title::before, .cozy-new-receipt-title::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 256px; background: url('/figma/shared/6d22a.png') center / 100% 100%; pointer-events: none; }
.cozy-new-receipt-title::after { left: 219px; }
.cozy-new-receipt-title h2 { position: absolute; z-index: 1; left: 65px; top: 29px; margin: 0; font: 400 24px/36px var(--cozy-hand); letter-spacing: 4.8px; color: #33363d; }
.cozy-entry-title-pin { position: absolute; z-index: 2; top: 10px; left: 27px; width: 27px; height: 28px; background: url('/figma/worker-2/00ca1.png') 45.084% 78.333% / 1551.51% 1003.92%; filter: drop-shadow(4px 4px 4px #0006); }
.cozy-entry-paper { position: relative; isolation: isolate; width: calc(100% - 48px); max-width: 1280px; min-height: 518px; margin: 0 auto 32px; font: 400 12px/18px var(--cozy-hand); }
.cozy-entry-fields { position: relative; display: grid; grid-template-columns: minmax(0, 187fr) minmax(0, 12fr) minmax(0, 586fr) minmax(0, 16fr) minmax(0, 175fr); grid-template-rows: minmax(66px, auto) minmax(196px, auto) 94px 31.283px; grid-template-areas: 'merchant . basics basics basics' 'sources . items . summary' 'notes address address attachments attachments' '. . actions actions actions'; column-gap: 0; row-gap: 20px; padding: 36px 34px; }
.cozy-entry-field { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.cozy-entry-field > label, .cozy-entry-sources h3, .cozy-entry-attachments h3 { display: block; margin: 0; font: 400 12px/18px var(--cozy-hand); letter-spacing: 1.0594px; color: #171717; }
.cozy-entry-icon { display: block; flex: none; width: 14px; height: 14px; object-fit: contain; }
.cozy-entry-paper :is(input, textarea, button, select) { font-family: var(--cozy-hand); font-weight: 400; }
.cozy-entry-paper :is(input, textarea) { min-width: 0; outline: none; color: #474747; background: transparent; }
.cozy-entry-paper input::placeholder, .cozy-entry-paper textarea::placeholder { color: #929292; }
.cozy-entry-paper :is(input, textarea, button):focus-visible { outline: 2px solid var(--cozy-blue); outline-offset: 2px; }
.cozy-entry-paper input[aria-invalid='true'], .cozy-entry-paper [data-invalid='true'] { outline: 1px solid #d9534f; }
.cozy-entry-paper button { cursor: pointer; }
.cozy-entry-paper button:disabled { cursor: default; opacity: .45; }
.cozy-entry-control, .cozy-entry-paper button.cozy-entry-control { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; height: 38px; min-height: 0; padding: 9px 10px; border: 1px solid var(--entry-border, #eaded3); border-radius: 6px; background: transparent; color: #171717; font: 400 12px/18px var(--cozy-hand); letter-spacing: 1.0594px; }
.cozy-entry-control > input { width: 100%; padding: 0; border: 0; font: inherit; letter-spacing: inherit; }
.cozy-entry-control > span { min-width: 0; }
.cozy-entry-control input[type='time']::-webkit-calendar-picker-indicator { display: none; }
.cozy-entry-date { flex-direction: row-reverse; justify-content: flex-end; }
.cozy-entry-basics { grid-area: basics; display: grid; grid-template-columns: minmax(0, 149fr) minmax(0, 116fr) minmax(0, 144fr) minmax(0, 147fr) minmax(0, 101fr); gap: 28px; margin: 1px 10px 0 -2px; }
.cozy-entry-merchant { grid-area: merchant; width: 162px; }
.cozy-entry-merchant-card { position: relative; height: 45px; border: 1px solid var(--entry-border); border-radius: 6px; }
.cozy-entry-merchant-logo { position: absolute; left: 5px; top: 5px; width: 33.902px; height: 33.902px; border-radius: 6px; }
.cozy-entry-merchant-combobox { position: absolute; left: 44px; right: 26px; top: 1px; }
.cozy-entry-merchant-input { width: 100%; height: 22px; padding: 0; border: 0; font: 400 16.951px/25.427px var(--cozy-hand); letter-spacing: 2.1189px; }
.cozy-entry-merchant-date { position: absolute; top: 23px; left: 44px; font-size: 10.594px; line-height: 15.891px; letter-spacing: 1.0594px; color: #33363d; }
.cozy-entry-merchant-amount { position: absolute; right: 26px; bottom: 0; max-width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.cozy-entry-merchant-edit { position: absolute; right: 6px; top: 15px; }
.cozy-entry-category-label { display: flex; align-items: center; gap: 8px; min-width: 0; }
.cozy-entry-category-label > span { padding: 0 8px; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; font-size: 9px; white-space: nowrap; }
.cozy-entry-method > span { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cozy-entry-method-popover { display: grid; gap: 16px; padding: 20px; font-family: var(--cozy-hand); }
.cozy-entry-sources { grid-area: sources; display: flex; flex-direction: column; align-items: stretch; gap: 5px; width: 162px; margin-top: -3px; }
.cozy-entry-sources h3 { margin-bottom: -1px; }
.cozy-entry-sources button { display: flex; align-items: center; gap: 8px; height: 29px; padding: 5px 13px; border: 1px solid var(--entry-border); border-radius: 6px; font-size: 12px; line-height: 18px; letter-spacing: 2.1189px; }
.cozy-entry-sources button.cozy-entry-source-primary { background: #f9e5cc; border-color: #f1b064; }
.cozy-entry-sources button:hover { background-color: #f9e5cc; }
.cozy-entry-items { grid-area: items; min-width: 0; margin-top: 19px; }
.cozy-entry-table-scroll { width: 100%; overflow-x: auto; scrollbar-width: thin; }
.cozy-entry-items table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font: 400 12px/18px var(--cozy-hand); }
.cozy-entry-items .item-description { width: 46%; }
.cozy-entry-items .item-qty { width: 13%; }
.cozy-entry-items .item-price { width: 17%; }
.cozy-entry-items .item-total { width: 17%; }
.cozy-entry-items .item-delete { width: 7%; }
.cozy-entry-items th { position: sticky; top: 0; padding: 0 8px 4px; text-align: left; font-weight: 400; }
.cozy-entry-items th:first-child { padding-left: 14px; }
.cozy-entry-items td { height: 37px; padding: 3px 8px; border-bottom: 1px solid var(--entry-border); }
.cozy-entry-items td:first-child { border-left: 1px solid var(--entry-border); padding-left: 14px; }
.cozy-entry-items td:last-child { border-right: 1px solid var(--entry-border); }
.cozy-entry-items tbody tr:first-child td { border-top: 1px solid var(--entry-border); }
.cozy-entry-items tbody tr:first-child td:first-child { border-top-left-radius: 6px; }
.cozy-entry-items tbody tr:first-child td:last-child { border-top-right-radius: 6px; }
.cozy-entry-items tbody tr:last-child td:first-child { border-bottom-left-radius: 6px; }
.cozy-entry-items tbody tr:last-child td:last-child { border-bottom-right-radius: 6px; }
.cozy-entry-items td input { width: 100%; padding: 0; font-size: 12px; line-height: 18px; }
.cozy-entry-items td input[type='number'] { height: 26px; text-align: center; border: 1px solid var(--entry-border); border-radius: 6px; appearance: textfield; }
.cozy-entry-items td input[type='number']::-webkit-inner-spin-button { appearance: none; }
.cozy-entry-items td output { display: block; text-align: right; white-space: nowrap; }
.cozy-entry-items td button { display: grid; place-items: center; width: 22px; height: 26px; }
.cozy-entry-money { display: flex; align-items: baseline; justify-content: flex-end; gap: 1px; min-width: 0; }
.cozy-entry-money input { min-width: 0; width: 100%; text-align: right; font: inherit; }
.cozy-entry-add-item { width: 100%; height: 30px; margin-top: 11px; border: 1px dashed #f1b064; color: #d99443; font-size: 12px; letter-spacing: 2.1189px; }
.cozy-entry-summary { grid-area: summary; align-self: start; display: flex; flex-direction: column; gap: 9px; min-height: 175px; margin-top: 18px; padding: 10px; border: 1px solid var(--entry-border); border-radius: 6px; }
.cozy-entry-summary > :is(div, label) { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.cozy-entry-summary .cozy-entry-money { width: 70px; }
.cozy-entry-summary .cozy-entry-total { margin-top: 1px; padding-top: 10px; border-top: 1px solid var(--entry-border); font-size: 20px; line-height: 30px; white-space: nowrap; }
.cozy-entry-currency { display: block; margin-top: -9px; text-align: right; }
.cozy-entry-notes { grid-area: notes; align-self: end; margin-bottom: 20px; gap: 4px; }
.cozy-entry-notes textarea { width: 100%; height: 56px; resize: vertical; padding: 10px; border: 1px solid var(--entry-border); border-radius: 6px; font-size: 10px; line-height: 15px; letter-spacing: 1px; }
.cozy-entry-address { grid-area: address; display: grid; grid-template-columns: 156fr 93fr 79fr 86fr; gap: 14px; align-self: end; margin: 0 121px 20px 21px; }
.cozy-entry-address .cozy-entry-control { height: 26px; padding: 3px 10px; letter-spacing: 2.1189px; }
.cozy-entry-attachments { grid-area: attachments; align-self: end; display: flex; flex-direction: column; gap: 1px; width: 307px; margin-left: -98px; margin-bottom: -2px; min-width: 0; }
.cozy-entry-attachment-list { display: flex; align-items: center; gap: 8px; min-height: 68px; overflow-x: auto; padding: 4px 3px 0 0; scrollbar-width: thin; }
.cozy-entry-attachment { position: relative; flex: none; width: 64px; height: 64px; }
.cozy-entry-attachment > button:first-child { width: 64px; height: 64px; border-radius: 6px; overflow: hidden; background: #f1e4d1; }
.cozy-entry-attachment img { width: 100%; height: 100%; object-fit: cover; }
.cozy-entry-attachment button.cozy-entry-attachment-remove { position: absolute; right: -3px; top: -4px; width: 14px; height: 14px; }
.cozy-entry-add-attachment { flex: none; width: 81px; height: 61px; padding: 10px; border: 1px dashed var(--entry-border); border-radius: 6px; font-size: 12px; letter-spacing: 2px; }
.cozy-entry-actions { grid-area: actions; display: flex; justify-content: flex-end; align-self: end; gap: 3.17px; margin-right: 10.45px; }
.cozy-entry-actions button { position: relative; width: 108.69px; height: 31.283px; background: url('/figma/new-receipt/ee480.svg') center / 98.482px 24.533px no-repeat, url('/figma/new-receipt/25f78.png') center / 139.573px 38.392px no-repeat; color: #202e5a; font-size: 9.057px; line-height: 13.5855px; filter: drop-shadow(0 1.604px .802px #0004); }
.cozy-entry-actions button[type='submit'] { color: #171717; background-image: url('/figma/new-receipt/5988b.svg'), url('/figma/new-receipt/25f78.png'); }
.cozy-entry-error { color: #a5362f; font: 12px/18px var(--cozy-hand); }
.cozy-entry-preview-toggle { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 10px 20px; border: 1px solid #25345b; border-radius: 8px; background: #334778; color: #fffaf3; box-shadow: 0 3px 0 #202e5a, 0 5px 10px #39271426; font: 18px/24px var(--cozy-hand); cursor: pointer; transition: transform 150ms ease, background-color 150ms ease, box-shadow 150ms ease; }
.cozy-entry-preview-toggle:hover { background: #263966; transform: translateY(-2px); box-shadow: 0 5px 0 #202e5a, 0 7px 12px #39271433; }
.cozy-entry-preview-toggle:active { transform: translateY(1px); box-shadow: 0 1px 0 #202e5a; }
.cozy-entry-preview-toggle:focus-visible { outline: 3px solid #fffaf3; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .cozy-entry-preview-toggle { transition: none; }
}
.cozy-entry-live-preview { position: relative; isolation: isolate; display: none; align-self: start; min-width: 0; padding: 14px 10px; }
.cozy .cozy-entry-live-preview .cozy-receipt-paper[data-receipt-presentation='receipt'] { min-height: 0; padding: 21px 29px; }
.cozy .cozy-entry-preview-dialog { width: min(400px, calc(100vw - 24px)); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 0; background: none; border: 0; box-shadow: none; }
.cozy-entry-preview-sheet { position: relative; isolation: isolate; padding: 32px 15px 15px; }
.cozy-entry-preview-dialog .cozy-receipt-paper { min-height: 450px; }
.cozy :is(.cozy-entry-live-preview, .cozy-entry-preview-dialog) .cozy-receipt-paper { overflow: visible; background: none; box-shadow: none; }
.cozy :is(.cozy-entry-live-preview, .cozy-entry-preview-dialog) [data-receipt-items-scroll] table { width: 100%; min-width: 0; table-layout: fixed; }
.cozy :is(.cozy-entry-live-preview, .cozy-entry-preview-dialog) [data-receipt-items-scroll] table :is(th, td) { min-width: 0; padding-inline: 4px; overflow-wrap: anywhere; }
.cozy :is(.cozy-entry-live-preview, .cozy-entry-preview-dialog) [data-receipt-items-scroll] thead th:first-child { width: 40%; min-width: 0; }
.cozy :is(.cozy-entry-live-preview, .cozy-entry-preview-dialog) [data-receipt-items-scroll] thead th:nth-child(2) { width: 12%; min-width: 0; }
.cozy :is(.cozy-entry-live-preview, .cozy-entry-preview-dialog) [data-receipt-items-scroll] thead th:nth-child(n + 3) { width: 24%; min-width: 0; }
.cozy-entry-preview-address { font: 12px/18px var(--cozy-hand); letter-spacing: 1px; }
.cozy-entry-connection-link { color: var(--cozy-blue); text-decoration: underline; }
@media (min-width: 1800px) {
  .cozy-new-receipt-layout { grid-template-columns: minmax(0, 1fr) 351px; }
  .cozy-entry-live-preview { display: block; }
}
@container receipt-board (max-width: 1279px) {
  .cozy-entry-fields { grid-template-columns: 165px 20px minmax(0, 1fr) 16px 150px; }
  .cozy-entry-basics { gap: 12px; }
  .cozy-entry-address { margin-right: 10px; grid-area: address; grid-column: 2 / 4; }
  .cozy-entry-attachments { grid-column: 4 / 6; width: 100%; margin-left: 0; }
}
@container receipt-board (max-width: 1050px) {
  .cozy-entry-fields { grid-template-columns: 170px minmax(0, 1fr); grid-template-rows: auto auto auto auto auto; grid-template-areas: 'merchant basics' 'sources items' 'summary items' 'notes address' 'attachments actions'; gap: 24px; padding: 36px 30px; }
  .cozy-entry-basics { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; gap: 14px; }
  .cozy-entry-items, .cozy-entry-summary, .cozy-entry-sources { margin-top: 0; }
  .cozy-entry-items { grid-row: 2 / 4; }
  .cozy-entry-summary { min-height: 165px; }
  .cozy-entry-address { grid-area: address; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
  .cozy-entry-notes { margin: 0; }
  .cozy-entry-attachments { grid-area: attachments; width: 100%; margin: 0; }
  .cozy-entry-actions { align-self: end; margin-right: 0; }
}
@container receipt-board (max-width: 720px) {
  .cozy-entry-heading { flex-direction: column; gap: 20px; width: calc(100% - 24px); margin: 24px auto; }
  .cozy-new-receipt-title { width: 100%; height: 80px; background: url('/figma/shared/6d22a.png') center / 100% 100%; }
  .cozy-new-receipt-title::before, .cozy-new-receipt-title::after { display: none; }
  .cozy-new-receipt-title h2 { left: 52px; top: 25px; font-size: 22px; letter-spacing: 3px; }
  .cozy-entry-title-pin { left: 15px; }
  .cozy-entry-preview-toggle { align-self: flex-end; }
  .cozy-entry-paper { width: calc(100% - 24px); margin: 0 auto 24px; }
  .cozy-entry-fields { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: 'merchant' 'basics' 'sources' 'items' 'summary' 'notes' 'address' 'attachments' 'actions'; gap: 22px; padding: 30px 26px; }
  .cozy-entry-merchant, .cozy-entry-sources { width: 100%; }
  .cozy-entry-merchant-card { max-width: 260px; }
  .cozy-entry-basics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cozy-entry-items { grid-area: items; }
  .cozy-entry-items table { min-width: 460px; }
  .cozy-entry-sources button { height: 38px; }
  .cozy-entry-summary { width: 100%; }
  .cozy-entry-summary .cozy-entry-money { width: 110px; }
  .cozy-entry-address { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cozy-entry-address .cozy-entry-control { height: 38px; }
  .cozy-entry-notes textarea { height: 80px; }
  .cozy-entry-actions button { width: 120px; height: 40px; font-size: 13px; background-size: 108px 33px, 154px 50px; }
}
@media (max-width: 768px) {
  .cozy-new-receipt-layout { padding: 12px 12px 32px; }
}
.a11y-new-receipt { width:100%; max-width:1000px; height:100%; overflow-y:auto; padding:50px 40px; color:var(--a11y-text); }
.a11y-receipt-choices { display:flex; flex-direction:column; gap:24px; padding:20px 10px 80px; }
.a11y-receipt-hero { position:relative; height:299px; flex-shrink:0; overflow:hidden; border:1px solid #f3f3f3; border-radius:15px; box-shadow:2px 2px 8px #00000014; }
.a11y-receipt-hero picture { position:absolute; inset:0; }
.a11y-receipt-hero picture img { width:100%; height:100%; object-fit:fill; object-position:bottom; }
.a11y-receipt-hero>div { position:relative; padding:24px 29px; color:#171717; }
.a11y-receipt-hero h1 { margin:0; font-size:38px; font-weight:700; line-height:1.4; letter-spacing:0; }
.a11y-receipt-hero p { margin:5px 0 0; font-size:24px; line-height:normal; }
.a11y-receipt-title-mobile { display:none; }
.a11y-receipt-options { display:flex; flex-direction:column; gap:24px; }
.a11y-receipt-option { display:flex; align-items:center; gap:32px; padding:39px 40px; width:100%; border:1px solid var(--a11y-strong); border-radius:20px; background:var(--a11y-surface); text-align:left; }
.a11y-receipt-option:hover { background:var(--a11y-selected); }
.a11y-receipt-choice-icon { display:grid; place-items:center; flex:0 0 100px; height:100px; border:1px solid var(--a11y-strong); border-radius:50%; background:var(--a11y-page); }
.a11y-receipt-choice-icon img { width:44px; height:44px; object-fit:contain; }
.a11y-receipt-choice-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:8px; font-size:20px; line-height:1.5; color:var(--a11y-secondary); }
.a11y-receipt-choice-copy strong { font-size:30px; font-weight:700; color:var(--a11y-text); }
.a11y-receipt-badges { display:flex; flex-wrap:wrap; gap:15px; margin-top:8px; }
.a11y-receipt-badges>span { font-size:18px; line-height:1.5; padding:3px 15px; border-radius:20px; background:#f5f5f5; color:#373737; }
.a11y-receipt-chevron { width:26px; height:24px; object-fit:contain; flex-shrink:0; }
@media (min-width:768px) and (max-width:1599px) {
 .a11y-new-receipt { max-width:1220px; padding:20px 30px; }
 .a11y-receipt-choices { padding:20px 30px 0; gap:20px; }
 .a11y-receipt-hero { width:1080px; max-width:100%; height:330px; border-radius:25px; }
 .a11y-receipt-hero>div { padding:45px 50px; }
 .a11y-receipt-hero h1 { font-size:32px; }
 .a11y-receipt-hero p { font-size:18px; }
 .a11y-receipt-options { padding:20px 20px 80px; }
 .a11y-receipt-option { border-radius:25px; }
 .a11y-receipt-choice-icon { flex-basis:90px; height:90px; }
 .a11y-receipt-choice-icon img { width:36px; height:36px; }
 .a11y-receipt-option:last-child .a11y-receipt-choice-icon img { width:40px; height:40px; }
 .a11y-receipt-chevron { width:24px; height:20px; }
 .a11y-receipt-choice-copy { font-size:18px; }
 .a11y-receipt-choice-copy strong { font-size:26px; }
 .a11y-receipt-badges>span { font-size:16px; }
}
@media (min-width:768px) and (max-width:1199px) { .a11y-new-receipt { max-width:970px; padding-top:40px; } .a11y-receipt-choices { padding:0; } .a11y-receipt-hero { width:calc(100% - 20px); height:272px; } }
@media (max-width:767px) {
 .a11y-new-receipt { max-width:none; padding:30px 15px 40px; }
 .a11y-receipt-choices { padding:0; gap:18px; }
 .a11y-receipt-hero { height:175px; border:0; border-radius:25px; box-shadow:none; }
 .a11y-receipt-hero>div { padding:12px 14px; }
 .a11y-receipt-hero h1 { font-size:24px; }
 .a11y-receipt-hero p { margin-top:3px; font-size:14px; line-height:1.4; }
 .a11y-receipt-title-wide { display:none; } .a11y-receipt-title-mobile { display:block; }
 .a11y-receipt-options { gap:12px; }
 .a11y-receipt-option { padding:24px 14px; gap:16px; border-color:#cecece; border-radius:20px; }
 .a11y-receipt-choice-icon { flex-basis:56px; height:56px; border-color:#cecece; background:var(--a11y-surface); }
 .a11y-receipt-choice-icon img { width:26px; height:26px; }
 .a11y-receipt-choice-copy { gap:2px; font-size:16px; font-weight:500; }
 .a11y-receipt-choice-copy strong { font-size:18px; }
 .a11y-receipt-badges { display:none; }
 .a11y-receipt-chevron { width:22px; height:16px; }
}
.cozy [data-cozy-upload-mobile] { background: none; border: 0; box-shadow: none; }
.cozy .cozy-upload-paper,
.cozy [data-upload-results-detail]:has([data-receipt-presentation="upload"]) { position: relative; }
.cozy .cozy-upload-paper,
.cozy .cozy-upload-receipt,
.cozy [data-upload-results-detail]:has([data-receipt-presentation="upload"]) { isolation: isolate; }
.cozy .cozy-upload-board { --color-text-default: #171717; --color-text-figma-primary: #171717; --color-text-secondary: #6b7684; --color-text-light: #adadad; --color-text-tertiary: #787878; padding: 30px; width: 100%; }
.cozy .cozy-upload-title { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto 30px; width: fit-content; min-width: 230px; padding: 15px 38px 12px; background: url('/figma/worker-3/chat-title-paper.png') center / 100% 100%; filter: drop-shadow(2px 3px 2px #0003); transform: rotate(-1deg); }
.cozy .cozy-upload-title img { position: absolute; width: 44px; height: 44px; left: 50%; top: 9px; object-fit: contain; transform: translate(-22%, -92%) rotate(-10deg); pointer-events: none; }
.cozy .cozy-upload-title h1 { font-family: var(--cozy-hand, 'Patrick Hand', cursive); color: #33363d; font-size: 24px; font-weight: 400; letter-spacing: 4.8px; line-height: 1.5; }
.cozy .cozy-upload-columns { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 30px; align-items: start; }
.cozy .cozy-upload-paper { display: flex; min-width: 0; flex-direction: column; gap: 21px; padding: 36px 34px; background: none; box-shadow: none; border-radius: 0; }
.cozy .cozy-upload-section-heading { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 16px; }
.cozy .cozy-upload-section-heading h2, .cozy .cozy-upload-history h2 { font-family: var(--cozy-hand, 'Patrick Hand', cursive); color: #2e3b68; font-size: 25px; font-weight: 400; flex-shrink: 0; }
.cozy .cozy-upload-section-heading > span { font-size: 13px; color: #71798b; }
.cozy .cozy-upload-dropzone { display: flex; width: 100%; min-height: 196px; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 25px; border: 1px dashed #7d879c; border-radius: 8px; text-align: center; background: #ffffff2b; }
.cozy .cozy-upload-dropzone:hover { background-color: #e3edf661; }
.cozy .cozy-upload-dropzone > img { width: 48px; height: 48px; }
.cozy .cozy-upload-dropzone strong { font-family: var(--cozy-hand, 'Patrick Hand', cursive); font-size: 22px; font-weight: 400; color: #2e3b68; }
.cozy .cozy-upload-dropzone > span { font-size: 12px; line-height: 1.5; color: #778093; }
.cozy .cozy-upload-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-block: 12px; border-bottom: 1px dashed #b4b0a5; }
.cozy .cozy-upload-counts > div { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.cozy .cozy-upload-counts strong { font-family: var(--cozy-hand, 'Patrick Hand', cursive); font-size: 28px; color: #2e3b68; }
.cozy .cozy-upload-counts span { font-size: 12px; color: #737b8b; }
.cozy .cozy-upload-files { min-width: 0; padding: 4px; overflow: visible; }
.cozy .cozy-upload-files:focus-visible { outline: 2px solid #7eaee3; outline-offset: 3px; }
.cozy .cozy-upload-files [data-upload-results-grid] > section > div { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.cozy .cozy-upload-files [data-upload-results-card] { padding: 8px 8px 12px; gap: 9px; border: 1px solid #e4ded0; box-shadow: 2px 3px 4px #0002; background: #fffdf6; }
.cozy .cozy-upload-files [data-upload-results-card]:nth-child(3n + 1) { transform: rotate(-1deg); }
.cozy .cozy-upload-files [data-upload-results-card]:nth-child(3n + 2) { transform: rotate(1deg); }
.cozy .cozy-upload-files [data-upload-results-card] > span:first-child > span { height: 120px; }
.cozy .cozy-upload-files [data-upload-results-card] > span:last-child > span:first-child { font-size: 12px; }
.cozy .cozy-upload-files [data-upload-results-grid] > section > h3 { padding-inline: 2px; height: 38px; }
.cozy .cozy-upload-files [data-upload-results-grid] > div:first-child { padding-inline: 0; }
.cozy .cozy-upload-history { display: flex; flex-direction: column; gap: 7px; }
.cozy .cozy-upload-history h2 { margin-bottom: 7px; }
.cozy .cozy-upload-history button { display: flex; align-items: center; min-width: 0; gap: 9px; border-bottom: 1px solid #c8c3b7; padding: 10px 2px; text-align: left; font-size: 12px; }
.cozy .cozy-upload-history button > span:nth-child(2) { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cozy .cozy-upload-history button time { color: #7c8190; font-size: 11px; }
.cozy .cozy-upload-history button strong { min-width: 65px; text-align: right; }
.cozy .cozy-upload-status-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #4da36c; }
.cozy .cozy-upload-status-dot[data-kind="draft"] { background: #6e8eb8; }
.cozy .cozy-upload-status-dot[data-kind="failed"] { background: #c86567; }
.cozy .cozy-upload-actions { display: flex; justify-content: flex-end; gap: 14px; margin-top: 4px; }
.cozy .cozy-upload-actions button { min-height: 43px; min-width: 110px; padding: 10px 24px; background: #efe1c8; color: #2e3b68; box-shadow: 2px 3px 3px #0002; border-radius: 2px; }
.cozy .cozy-upload-actions button:last-child { background: #2e426d; color: #fff; }
.cozy .cozy-upload-actions button:disabled { opacity: .4; cursor: not-allowed; }
.cozy .cozy-upload-receipt { position: relative; min-width: 0; scroll-margin-top: 84px; }
.cozy .cozy-upload-receipt-pin { position: absolute; width: 46px; height: 46px; object-fit: contain; right: 24%; top: 9px; transform: translateY(-88%) rotate(5deg); z-index: 1; pointer-events: none; }
.cozy .cozy-upload-receipt .cozy-receipt-paper { overflow: visible; }
.cozy .cozy-upload-empty-receipt { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; min-height: 440px; padding: 35px; color: #69738c; text-align: center; background: none; box-shadow: none; }
.cozy .cozy-upload-empty-receipt h2 { font-family: var(--cozy-hand, 'Patrick Hand', cursive); font-size: 29px; color: #2e3b68; }
.cozy .cozy-upload-empty-receipt p { font-size: 14px; line-height: 1.6; }
@media (max-width: 1100px) {
  .cozy .cozy-upload-board { padding: 25px 20px; }
  .cozy .cozy-upload-columns { gap: 20px; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
  .cozy .cozy-upload-paper { padding: 32px 30px; }
  .cozy .cozy-upload-files [data-upload-results-grid] > section > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 769px) and (max-width: 999px) {
  .cozy .cozy-upload-columns { grid-template-columns: minmax(0, 1fr); }
  .cozy .cozy-upload-receipt { position: static; }
  .cozy .cozy-upload-files [data-upload-results-grid] > section > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .cozy .cozy-upload-board { padding: 25px 12px; }
  .cozy .cozy-upload-columns { display: block; }
  .cozy .cozy-upload-paper { padding: 30px 26px; gap: 18px; }
  .cozy .cozy-upload-title { margin-bottom: 24px; }
  .cozy .cozy-upload-dropzone { min-height: 174px; padding: 20px 13px; }
  .cozy .cozy-upload-dropzone strong { font-size: 20px; }
  .cozy .cozy-upload-section-heading { flex-wrap: wrap; gap: 8px; }
  .cozy .cozy-upload-section-heading [data-upload-results-toolbar] { border-bottom: 0; height: 42px; }
  .cozy .cozy-upload-section-heading [data-upload-results-toolbar] > * { padding-inline: 0; }
  .cozy .cozy-upload-history button time { display: none; }
  .cozy .cozy-upload-counts span { font-size: 10px; }
}

.cozy .cozy-upload-paper { --font-type: var(--cozy-hand); font-family: var(--cozy-hand); font-weight: 400; }
.cozy .cozy-upload-paper :is(strong, .font-bold, .font-semibold, .font-medium) { font-weight: 400; }
.cozy .cozy-upload-dropzone > span { font-family: var(--cozy-hand); font-size: 16.214px; line-height: 1.5; color: #787878; }
.cozy .cozy-upload-history button { font-family: var(--cozy-hand); font-size: 16.214px; line-height: 1.5; }
.cozy .cozy-upload-history button time { font-size: 13.84px; color: #787878; }

.cozy .cozy-upload-view-all { flex: none; padding: 7px 10px; border: 1px solid #bca981; border-radius: 4px; color: #2e3b68; background: #fff8e8; font: 16px/1.4 var(--cozy-hand); }
.cozy .cozy-upload-view-all:hover { background: #f0dfbd; }
.cozy [data-slot="dialog-content"].cozy-upload-gallery { width: min(960px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 40px); padding: 24px; gap: 16px; overflow: hidden; isolation: isolate; background: none; border: 0; box-shadow: none; font-family: var(--cozy-hand); }
.cozy-upload-gallery-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-right: 24px; flex: none; }
.cozy-upload-gallery-heading > div:first-child { flex: 1; min-width: 0; }
.cozy-upload-gallery-heading > [data-upload-results-toolbar] { width: auto; flex: none; }
.cozy-upload-gallery-heading h2 { font: 26px/1.3 var(--cozy-hand); color: #2e3b68; }
.cozy-upload-gallery-heading p { margin-top: 4px; font-size: 15px; }
.cozy .cozy-upload-gallery-files { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 4px 8px 12px 4px; }
.cozy .cozy-upload-gallery-files [data-upload-results-grid] > section > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 768px) {
  .cozy [data-slot="dialog-content"].cozy-upload-gallery { width: calc(100vw - 20px); max-height: calc(100dvh - 24px); padding: 18px 14px; gap: 12px; }
  .cozy-upload-gallery-heading { flex-wrap: wrap; gap: 8px; }
  .cozy .cozy-upload-gallery-files [data-upload-results-grid] > section > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.cozy-tracking { --font-type: var(--cozy-hand); position: relative; isolation: isolate; width: 100%; min-width: 0; scroll-margin-top: 24px; padding: 36px 34px; color: #474747; background: none; font: 19px/1.5 var(--cozy-hand); container-type: inline-size; }
.cozy-tracking :is(button, input, select) { font: inherit; }
.cozy-tracking button { cursor: pointer; }
.cozy-tracking button:disabled { opacity: .45; cursor: default; }
.cozy-tracking :is(button, input, select):focus-visible { outline: 2px solid #2e3b68; outline-offset: 2px; }
.cozy-tracking input[type='checkbox'], .cozy-tracking input[type='radio'] { width: 16px; height: 16px; accent-color: #2e3b68; flex-shrink: 0; }
.ct-heading h2 { color: #2e3b68; font: 19px/1.5 var(--cozy-hand); margin: 0; }
.ct-list { margin-top: 22px; }
.ct-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.ct-list-heading h3 { font: inherit; color: #787878; margin: 0; white-space: nowrap; }
.ct-search { display: flex; align-items: center; width: 188px; max-width: 48%; height: 40px; border: 1px solid #c8c8c8; border-radius: 6px; padding: 0 12px; color: #adadad; }
.ct-search input { width: 100%; min-width: 0; background: transparent; border: 0; outline: 0; color: #474747; }
.ct-search svg { flex: 0 0 16px; width: 16px; height: 16px; }
.ct-table-heading, .ct-rows li { display: grid; grid-template-columns: 16px minmax(0, .9fr) minmax(0, 1.2fr) 48px; align-items: center; gap: 12px; padding: 8px 0; }
.ct-table-heading { min-height: 40px; }
.ct-table-heading > button:nth-child(2) { text-align: left; }
.ct-table-heading > span { color: #adadad; }
.ct-rows { list-style: none; margin: 0; padding: 0; }
.ct-rows li { min-height: 56px; }
.ct-rows li[data-selected='true'] { background: #c9e2f54d; }
.ct-cell { width: 100%; min-width: 0; height: 40px; padding: 0 12px; border: 1px solid #c8c8c8; border-radius: 6px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ct-delete { color: #ff6c32; background: #fff0eb; border-radius: 4px; padding: 0 5px; font-size: 17px !important; }
.ct-empty { min-height: 40px; margin: 0; padding: 8px 0; color: #adadad; font-size: 17px; }
.ct-add { display: inline-flex; align-items: center; min-height: 40px; color: #2e3b68; padding: 0 8px; }
.ct-selection-bar { display: flex; align-items: center; gap: 20px; width: max-content; max-width: 100%; padding: 7px 12px; margin-top: 16px; border: 1px solid #9dcef7; border-radius: 6px; font-size: 16px; }
.ct-selection-bar button:last-child { color: #ff6c32; }
.ct-editor { margin-top: 8px; padding: 12px 0; border-top: 1px solid #ddd; }
.ct-fields { display: grid; grid-template-columns: .9fr 1.2fr; gap: 12px; }
.ct-fields label { min-width: 0; color: #787878; }
.ct-fields input { display: block; width: 100%; height: 40px; margin-top: 4px; padding: 0 12px; border: 1px solid #c8c8c8; border-radius: 6px; background: transparent; color: #474747; }
.ct-preference { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.ct-preference legend { font-size: 16px; color: #787878; }
.ct-preference label { display: flex; align-items: center; gap: 8px; font-size: 17px; }
.ct-form-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 12px; }
.ct-primary, .ct-secondary { min-height: 40px; padding: 5px 16px; border-radius: 6px; }
.ct-primary { background: #ffdb94; color: #474747; }
.ct-secondary { background: #fff5e5; color: #787878; }
.ct-error { color: #c54122; font-size: 17px; }
.ct-feedback { display: block; color: #2e3b68; font-size: 16px; }
.ct-feedback:empty { display: none; }
.ct-page { width: 100%; max-width: 860px; margin: 0 auto; padding: 28px; }
@container (max-width: 420px) {
  .ct-table-heading, .ct-rows li { grid-template-columns: 16px minmax(0, 1fr) 42px; gap: 6px 8px; }
  .ct-table-heading > span { display: none; }
  .ct-rows li > input { grid-column: 1; grid-row: 1 / 3; }
  .ct-rows li > .ct-cell { grid-column: 2; height: 30px; padding: 0 6px; font-size: 17px; }
  .ct-rows li > .ct-cell:nth-child(2) { grid-row: 1; }
  .ct-rows li > .ct-cell:nth-child(3) { grid-row: 2; }
  .ct-rows li > .ct-delete { grid-column: 3; grid-row: 1 / 3; }
  .ct-delete { font-size: 15px !important; } .ct-list-heading { gap: 8px; } .ct-fields { grid-template-columns: 1fr; }
}
@media (max-width: 768px) { .ct-page { padding: 16px 12px 28px; } .cozy-tracking { padding: 30px 26px; } }
.theme-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.theme-option { position: relative; min-width: 0; cursor: pointer; }
.theme-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.theme-option-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  padding: 12px;
  border: 1px solid var(--color-border-default);
  border-radius: 14px;
  background: var(--color-bg-default);
}
.theme-option:hover .theme-option-body { border-color: var(--color-border-active); }
.theme-option input:checked + .theme-option-body {
  border-color: var(--color-border-active);
  box-shadow: 0 0 0 1px var(--color-border-active);
}
.theme-option input:focus-visible + .theme-option-body {
  outline: 2px solid var(--color-border-active);
  outline-offset: 4px;
}
.theme-option-heading { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-top: 6px; }
.theme-option-selected { color: var(--color-text-brand); font-size: 12px; font-weight: 600; }
.theme-preview {
  display: flex;
  height: 120px;
  overflow: hidden;
  border: 1px solid var(--preview-line);
  border-radius: 8px;
  background-color: var(--preview-canvas);
}
.theme-preview-sidebar { display: flex; flex: 0 0 25%; flex-direction: column; gap: 8px; padding: 14px 6px; background: var(--preview-sidebar); }
.theme-preview-logo { width: 12px; height: 12px; margin-bottom: 6px; border-radius: 50%; background: var(--preview-accent); }
.theme-preview-nav { height: 10px; border-radius: 3px; background: var(--preview-accent); }
.theme-preview-line { width: 75%; height: 4px; border-radius: 2px; background: var(--preview-line); }
.theme-preview-content { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 10px; padding: 14px 10px 10px; }
.theme-preview-heading { width: 48%; height: 5px; border-radius: 3px; background: var(--preview-accent); }
.theme-preview-cards { display: flex; gap: 6px; }
.theme-preview-cards > span { flex: 1; height: 24px; border: 1px solid var(--preview-line); border-radius: 5px; background: var(--preview-surface); }
.theme-preview-chart { display: flex; flex: 1; align-items: flex-end; justify-content: space-between; gap: 5px; padding: 8px 8px 0; border-radius: 5px; background: var(--preview-surface); }
.theme-preview-chart > span { flex: 1; border-radius: 3px 3px 0 0; background: var(--preview-accent); opacity: .65; }
.theme-preview-chart > span:nth-child(2n) { opacity: .35; }

.theme-preview--accessibility { --preview-line: #b7c7bc; --preview-canvas: #fcfcfc; --preview-sidebar: #fcfcfc; --preview-surface: #fff; --preview-accent: #005727; }
.theme-preview--accessibility .theme-preview-sidebar { flex-basis: 30%; }
.theme-preview--accessibility .theme-preview-heading { height: 9px; width: 80%; }
.theme-preview--accessibility .theme-preview-cards { flex-direction: column; gap: 5px; }
.theme-preview--accessibility .theme-preview-cards > span { flex: auto; height: 15px; border-radius: 8px; }
.theme-preview--accessibility .theme-preview-chart { display: none; }

@media (max-width: 359px) {
  .theme-options { grid-template-columns: minmax(0, 1fr); }
}
.cozy .cozy-settings-paper { position: relative; isolation: isolate; }
/* Every .cozy-settings-paper renders CozyPaperSurface as a direct child under .cozy, so
   gating this on :has(> .cozy-paper-surface) only added a dependency on the :has()
   polyfill — and where that polyfill does not reach, the panel keeps its bg-default,
   border-light and rounded-xlarge2 and they show as a rectangle around the torn sheet. */
.cozy .cozy-settings-paper { min-width: 0; padding: 36px 34px; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; }
.cozy [data-settings-responsive-board] { padding: 16px 24px 36px; }
@media (min-width: 769px) { .cozy .cozy-settings-main { background: transparent; box-shadow: none; } }
.cozy [data-settings-responsive-board] > div { display: grid; max-width: none; grid-template-columns: minmax(180px, 19%) minmax(0, 1fr); gap: 22px; }
.cozy [data-settings-navigation-rail].cozy-settings-paper { display: flex; width: 100%; position: sticky; top: 16px; padding: 28px 24px; }
.cozy [data-settings-navigation-rail] > div:last-child { gap: 0; }
.cozy [data-settings-navigation-rail] button { min-width: 0; min-height: 52px; height: auto; padding: 14px 8px; border-radius: 0; border-top: 1px solid #77716d66; font: 17px/1.35 var(--cozy-hand); }
.cozy [data-settings-navigation-rail] button span { white-space: normal; overflow-wrap: anywhere; }
.cozy [data-settings-navigation-rail] button[data-active="true"] { color: var(--color-text-brand); background: url('/figma/shared/2511a.png') center / 100% 100%; }
.cozy .cozy-settings-board { --font-type: var(--cozy-hand); min-width: 0; padding: 34px 30px 40px; border-radius: 9px; font-family: var(--cozy-hand); }
.cozy .cozy-settings-board :is(p, span, label, button, input, select, legend) { font-weight: 400; }
.cozy .cozy-settings-title { position: relative; width: min(420px, 85%); padding: 30px 54px; margin: 0 0 36px 10px; background: url('/figma/shared/6d22a.png') center / 100% 100%; font: 26px/1.5 var(--cozy-hand); letter-spacing: .17em; color: #33363d; }
.cozy .cozy-settings-title::before { content: ''; position: absolute; width: 27px; height: 28px; left: 14px; top: 7px; background: url('/figma/worker-2/00ca1.png') 95.39% 11.605% / 1551.51% 1003.92%; }
.cozy .cozy-settings-columns { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; gap: 26px; }
.cozy .cozy-settings-columns > div { display: flex; min-width: 0; flex-direction: column; gap: 24px; }
.cozy .cozy-settings-columns :is(h2, h3) { font-family: var(--cozy-hand); font-weight: 400; white-space: normal; height: auto; }
.cozy .cozy-settings-columns h2 { font-size: 19px; color: #2e3b68; }
.cozy .cozy-settings-board #settings-appearance { gap: 18px; }
.cozy .cozy-theme-compact { display: flex; align-items: center; gap: 18px; min-width: 0; }
.cozy .cozy-theme-compact legend { float: left; font-size: 14px; margin-right: 18px; }
.cozy .cozy-theme-compact > div { display: flex; gap: 10px; flex: 1; }
.cozy .cozy-theme-compact label { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; flex: 1; padding: 8px 12px; border: 1px solid #d3c7b8; border-radius: 4px; cursor: pointer; font-size: 14px; }
.cozy .cozy-theme-compact label:has(input:checked) { background: #deebf1; border-color: #526d96; color: #2e426d; }
.cozy .cozy-theme-compact input { accent-color: #2e426d; }
.cozy .cozy-appearance-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.cozy .cozy-appearance-controls > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.cozy .cozy-appearance-controls > div > span { font-size: 13px; flex-shrink: 0; }
.cozy .cozy-appearance-controls button { max-width: 100%; font-size: 13px; min-height: 40px; }
.cozy .cozy-settings-tools #settings-logout button { white-space: nowrap; flex: none; min-width: max-content; }
.cozy .cozy-settings-board #settings-appearance .theme-preview { display: none; }
.cozy .cozy-settings-board #settings-appearance .theme-option-body { border-radius: 3px; padding: 10px 12px; }
.cozy .cozy-settings-board #settings-appearance .theme-option-heading { margin-top: 0; }
.cozy .cozy-settings-board #settings-appearance .theme-option-body > span:last-child { font-size: 12px; }
.cozy .cozy-settings-columns [data-cozy-surface="note"] > div:first-of-type { flex-wrap: wrap; height: auto; }
.cozy .cozy-settings-columns [data-cozy-surface="note"] > div:first-of-type > div { height: auto; min-width: 0; }
.cozy .cozy-settings-tools [data-cozy-surface="note"] { gap: 20px; }
.cozy .cozy-settings-tools button { max-width: 100%; white-space: normal; }
.cozy .cozy-settings-columns [data-testid="desktop-email-provider-grid"] { justify-content: flex-start; }
.cozy .cozy-settings-columns [data-testid="email-provider-action"] { width: 100px; height: 100px; padding: 12px; }
.cozy .cozy-settings-columns [data-testid="email-provider-action"] img { width: 34px; height: 34px; margin: 0; }
.cozy [data-settings-detail-stack] { max-width: none; }
.cozy [data-settings-detail-stack] > div { margin: 0 auto; }
.cozy .cozy-settings-board .cozy-tracking::before { content: ''; position: absolute; left: calc(50% - 12px); top: -8px; width: 23px; height: 24px; background: url('/figma/worker-2/00ca1.png') 4.94% 11.605% / 1551.51% 1003.92%; }
.cozy .cozy-settings-board .ct-heading { background: transparent; padding: 0; }
.cozy .cozy-settings-board .ct-heading h2 { font-size: 19px; letter-spacing: 0; }
.cozy .cozy-settings-board .ct-list { padding: 0; }
@media (max-width: 1250px) {
  .cozy [data-settings-responsive-board] > div { grid-template-columns: minmax(150px, 18%) minmax(0, 1fr); gap: 16px; }
  .cozy .cozy-settings-board { padding: 28px 20px; }
  .cozy .cozy-settings-columns { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 768px) {
  .cozy .cozy-settings-paper { padding: 30px 26px; }
  .cozy .cozy-appearance-controls { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .cozy [data-mobile-settings-stack] { max-width: none; padding: 14px 12px 30px; gap: 20px; }
  .cozy [data-settings-detail-stack] { padding: 14px 12px 30px; }
  .cozy :is([data-mobile-settings-stack], [data-settings-detail-stack]) [data-testid="settings-profile-summary"] { gap: 12px; }
  .cozy :is([data-mobile-settings-stack], [data-settings-detail-stack]) [data-testid="settings-profile-summary"] > span:first-of-type { width: 52px; height: 52px; flex: 0 0 52px; }
  .cozy [data-mobile-settings-index-row] > span:first-child { min-width: 0; flex-shrink: 1; }
  .cozy [data-settings-detail-stack] [data-cozy-surface="note"] > div:first-of-type { flex-wrap: wrap; }
}
.cozy .cozy-connections-main [data-cozy-mobile-email] { --font-type: var(--cozy-hand); font-family: var(--cozy-hand); background: transparent; padding: 16px 12px 30px; min-width: 0; }
.cozy .cozy-connections-main :is(p, span, button) { font-weight: 400; }
.cozy .cozy-connections-main [data-cozy-mobile-email] > section { padding: 24px 18px; min-width: 0; }
.cozy .cozy-connections-main [data-testid="mobile-email-provider-grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cozy .cozy-connections-main [data-testid="email-provider-action"] { min-width: 0; min-height: 96px; padding: 12px 6px; flex-direction: column; gap: 8px; border-radius: 3px; background: url('/figma/shared/e1338.png') center / 100% 100%; box-shadow: 2px 3px 3px #49301d24; }
.cozy .cozy-connections-main [data-testid="email-provider-action"] > img { width: 32px; height: 32px; margin: 0; }
.cozy .cozy-connections-main [data-testid="email-provider-action"] > span { width: 100%; gap: 3px; }
.cozy .cozy-connections-main [data-testid="email-provider-action"] > span > span { white-space: normal; overflow: visible; overflow-wrap: anywhere; text-align: center; font: 18px/1.3 var(--cozy-hand); }
.cozy .cozy-connections-main [data-email-address] { min-width: 0; overflow-wrap: anywhere; }
.cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-cozy-message-text='user'] {
  position: relative; isolation: isolate; width: 350px; max-width: 100%; min-height: 112px; display: flex; align-items: center; justify-content: center;
  margin: 12px 14px 20px 0; padding: 24px 26px; background: none; border: 0; border-radius: 0; box-shadow: none; color: #273448; font-size: 18px; line-height: 1.45;
}
.cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-cozy-message-text='user']::before,
.cozy-chat-response-bubble::before {
  content: ''; position: absolute; z-index: -1; inset: -4px; background: linear-gradient(#d4e2fad9, #d4e2fad9), url('/textures/cozy/paper-ivory.png') center / 512px;
  mask: url('/figma/generated-v2/panel-ivory-b-v2.png') center / 100% 100% no-repeat;
}
.cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-cozy-message-text='user']::after {
  content: ''; position: absolute; right: 39px; bottom: -24px; width: 62px; height: 33px; z-index: -1; background: #d9e6fb;
  clip-path: path('M0 0H43C38 13 44 23 61 31C34 36 10 20 0 0Z');
}
.cozy-chat-demo-report { width: 100%; max-width: 640px; color: #303748; font-family: var(--cozy-hand); }
.cozy-chat-report-greeting { position: relative; min-height: 172px; }
.cozy-chat-response-bubble { position: relative; isolation: isolate; margin-left: 111px; width: 330px; max-width: calc(100% - 111px); min-height: 92px; display: flex; align-items: center; justify-content: center; padding: 20px 28px; color: #30303a; font-size: 18px; line-height: 1.4; text-align: center; }
.cozy-chat-response-bubble::before { background: linear-gradient(#f0d2e1de, #f0d2e1de), url('/textures/cozy/paper-ivory.png') center / 512px; }
.cozy-chat-response-bubble::after { content: ''; position: absolute; z-index: -1; bottom: -24px; left: 37px; width: 60px; height: 33px; background: #f1d7e3; clip-path: path('M15 0H59C43 20 19 35 0 31C16 25 18 11 15 0Z'); }
.cozy-chat-report-mascot { position: absolute; left: -7px; top: 78px; width: 154px; height: 150px; object-fit: contain; rotate: -9deg; filter: drop-shadow(2px 3px 2px #5b4b3133); z-index: 2; pointer-events: none; }
.cozy-chat-report-grid { width: calc(100% - 87px); margin: 23px 0 0 87px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 17px 18px; align-items: stretch; }
.cozy-report-note { position: relative; isolation: isolate; min-width: 0; padding: 17px 20px 18px; }
.cozy-report-note::before { content: ''; position: absolute; z-index: -1; inset: -4px -3px; border: 14px solid transparent; border-image: url('/figma/generated-v2/panel-ivory-b-v2.png') 96 fill / 14px / 0 stretch; filter: drop-shadow(2px 3px 1px #57412840); pointer-events: none; }
.cozy-report-note h3 { margin: 0 0 12px; font: 400 20px/1.25 var(--cozy-hand); letter-spacing: .7px; text-align: center; color: #2e3b68; }
.cozy-report-note p { margin: 0; font-size: 14px; line-height: 1.5; }
.cozy-report-note b, .cozy-report-note strong { font-weight: 400; }
.cozy-report-monthly { grid-column: span 7; min-height: 146px; rotate: -.5deg; }
.cozy-report-monthly-content { display: flex; align-items: center; gap: 15px; }
.cozy-report-donut { flex: none; position: relative; display: grid; place-items: center; width: 86px; height: 86px; padding: 8px; border-radius: 50%; background: conic-gradient(#6585c0 var(--spent), #e4e3ed 0); }
.cozy-report-donut > span { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 1px; background: #faf5eb; border-radius: 50%; }
.cozy-report-donut small { font-size: 10px; }
.cozy-report-donut b { font-size: 12px; white-space: nowrap; }
.cozy-report-monthly dl { display: grid; gap: 10px; margin: 0; font-size: 15px; line-height: 1.3; }
.cozy-report-monthly dd { margin: 0; }
.cozy-report-monthly dt { color: #696c71; font-size: 13px; }
.cozy-report-savings { grid-column: span 5; min-height: 146px; text-align: center; rotate: .6deg; }
.cozy-report-savings h3 { margin-bottom: 7px; }
.cozy-report-savings strong { font-size: 23px; line-height: 1.3; color: #52986a; }
.cozy-report-savings p { font-size: 13px; }
.cozy-report-savings progress { appearance: none; width: 100%; height: 5px; display: block; margin-top: 8px; border: 0; border-radius: 5px; overflow: hidden; background: #e0d6c5; }
.cozy-report-savings progress::-webkit-progress-bar { background: #e0d6c5; border-radius: 5px; }
.cozy-report-savings progress::-webkit-progress-value { background: #72a27c; border-radius: 5px; }
.cozy-report-savings progress::-moz-progress-bar { background: #72a27c; }
.cozy-report-categories, .cozy-report-bills { grid-column: span 6; min-height: 201px; }
.cozy-report-categories { rotate: -.6deg; }
.cozy-report-bills { rotate: .6deg; display: flex; flex-direction: column; }
.cozy-report-note table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.3; }
.cozy-report-note th { font-weight: 400; text-align: left; padding: 0 0 7px; }
.cozy-report-note td { padding: 4px 0; white-space: nowrap; }
.cozy-report-note td:last-child, .cozy-report-note th:last-child { text-align: right; }
.cozy-report-categories td:first-child { display: flex; align-items: center; gap: 6px; }
.cozy-report-categories .cozy-category-sticker { display: inline-block; flex: none; width: 18px; height: 18px; }
.cozy-report-bills td { font-size: 13px; padding: 7px 0; }
.cozy-report-bills td:nth-child(2) { padding-inline: 7px; }
.cozy-report-bills tfoot { border-top: 1px solid #a59d8b; }
.cozy-report-bills tfoot th { padding: 7px 0; }
.cozy-report-note button { display: block; margin: auto auto 0; padding: 10px 0 0; border: 0; background: none; color: #477fba; font: 400 14px/1.3 var(--cozy-hand); letter-spacing: .5px; cursor: pointer; }
.cozy-report-note button:hover { text-decoration: underline; text-underline-offset: 3px; }
.cozy-report-note button:focus-visible { outline: 2px solid #477fba; outline-offset: 4px; }
.cozy-report-subscriptions { grid-column: span 6; min-height: 184px; display: flex; flex-direction: column; gap: 9px; rotate: .5deg; margin-left: 7px; }
.cozy-report-subscriptions h3 { margin-bottom: 13px; }
.cozy-report-subscriptions p { font-size: 14px; }
.cozy-report-subscriptions p > span { color: #bc656c; }
.cozy-report-caption { margin: 17px 0 0 95px; color: #697166; font-size: 12px; }
.cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-testid='chat-assistant-message-actions'] { margin-left: 92px; padding-left: 0; }
.cozy .cozy-chat-layout [data-testid='chat-page-root']:has(.cozy-chat-demo-report) [data-testid='chat-message-thread'] > div > div[aria-hidden] { height: 230px; }
.cozy [data-slot='dialog-content'].cozy-chat-report-dialog { max-width: min(440px, calc(100% - 32px)); color: #303748; background: #faf2e2 url('/textures/cozy/paper-ivory.png') center / 512px; font-family: var(--cozy-hand); border-color: #b5a081; }
.cozy-chat-report-dialog [data-slot='dialog-title'] { font: 400 26px var(--cozy-hand); color: #2e3b68; }
.cozy-chat-report-dialog [data-slot='dialog-description'] { color: #697166; font: 400 14px var(--cozy-hand); }
.cozy-chat-report-dialog ul { list-style: none; padding: 0; margin: 0; }
.cozy-chat-report-dialog li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px dashed #baa88970; font-size: 18px; }
.cozy-chat-report-dialog small { display: block; color: #697166; font-size: 14px; }
.cozy-chat-report-dialog b { font-weight: 400; }
.cozy-chat-report-dialog > p:last-child { display: flex; justify-content: space-between; font-size: 19px; }
@media (max-width: 767px) {
  .cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-cozy-message-text='user'] { width: 290px; min-height: 100px; font-size: 17px; padding: 22px; margin-right: 0; }
  .cozy-chat-report-greeting { min-height: 146px; }
  .cozy-chat-response-bubble { margin-left: 46px; width: calc(100% - 46px); max-width: none; min-height: 84px; padding: 18px 23px; font-size: 17px; }
  .cozy-chat-response-bubble::after { left: 17px; }
  .cozy-chat-report-mascot { left: -7px; top: 80px; width: 106px; height: 104px; }
  .cozy-chat-report-grid { margin: 16px 3px 0 19px; width: calc(100% - 22px); grid-template-columns: minmax(0, 1fr); gap: 19px; }
  .cozy-report-note { grid-column: 1; padding-inline: 23px; }
  .cozy-report-monthly-content { justify-content: center; gap: 27px; }
  .cozy-report-savings { min-height: 153px; }
  .cozy-report-savings progress { max-width: 205px; margin-inline: auto; }
  .cozy-report-note table { font-size: 15px; }
  .cozy-report-bills td { font-size: 14px; }
  .cozy-report-subscriptions { margin-left: 0; }
  .cozy-report-caption { margin-left: 24px; }
  .cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-testid='chat-assistant-message-actions'] { margin-left: 22px; }
}

/* Spend the limited paper height on the report, with a small sticker beside its greeting. */
@container chat-paper (max-width: 700px) or (max-height: 650px) {
  .cozy .cozy-chat-layout [data-testid='chat-message-thread'] { padding-inline: clamp(12px, 3cqw, 24px); }
  .cozy .cozy-chat-layout [data-testid='chat-message-thread'] > div { gap: 20px; padding-top: 18px; }
  .cozy .cozy-chat-layout [data-cozy-message-text] { font-size: 17px; line-height: 1.45; }
  .cozy .cozy-chat-layout [data-cozy-message-text='assistant'] { padding: 12px 16px; }
  .cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-cozy-message-text='user'] { width: fit-content; min-height: 0; margin: 4px 8px 8px 0; padding: 10px 16px; font-size: 17px; }
  .cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-cozy-message-text='user']::after { bottom: -24px; transform: scale(.65); transform-origin: top right; }
  .cozy-chat-report-greeting { min-height: 72px; }
  .cozy-chat-response-bubble { margin-left: 80px; width: fit-content; max-width: calc(100% - 80px); min-height: 52px; padding: 12px 18px; font-size: 17px; }
  .cozy-chat-response-bubble::after { bottom: -24px; left: 18px; transform: scale(.65); transform-origin: top left; }
  .cozy-chat-report-mascot { left: 0; top: 0; width: 68px; height: 66px; }
  .cozy-chat-report-grid { width: 100%; margin: 14px 0 0; gap: 14px; }
  .cozy-report-note { padding: 12px 16px; }
  .cozy-report-note h3 { margin-bottom: 9px; font-size: 18px; }
  .cozy-report-monthly, .cozy-report-savings { min-height: 128px; }
  .cozy-report-categories, .cozy-report-bills, .cozy-report-subscriptions { min-height: 0; }
  .cozy-report-subscriptions { margin-left: 0; gap: 7px; }
  .cozy-report-caption { margin: 12px 0 0; }
  .cozy .cozy-chat-layout [data-demo-presentation='cozy-monthly-report-v1'] [data-testid='chat-assistant-message-actions'] { margin-left: 0; }
  .cozy .cozy-chat-composer-floor { padding: 12px 24px 16px; }
  .cozy .cozy-chat-layout [data-testid='chat-page-root']:has(.cozy-chat-demo-report) [data-testid='chat-message-thread'] > div > div[aria-hidden] { height: 142px; }
}
@container chat-paper (max-width: 420px) {
  .cozy-chat-report-greeting { min-height: 58px; }
  .cozy-chat-report-mascot { width: 50px; height: 49px; }
  .cozy-chat-response-bubble { margin-left: 60px; max-width: calc(100% - 60px); min-height: 46px; padding: 10px 12px; font-size: 16px; }
  .cozy .cozy-chat-composer-floor { padding: 10px 12px 12px; }
}
.accessibility .a11y-chat-page { display:flex; flex-direction:column; width:100%; height:100%; min-height:0; max-width:1540px; margin:0 auto; padding:40px; gap:28px; overflow:hidden; color:var(--a11y-text); font-family:'Pretendard Variable',sans-serif; }
.accessibility .a11y-chat-page { --color-bg-default:var(--a11y-surface); --color-bg-secondary:var(--a11y-selected); --color-text-default:var(--a11y-text); --color-text-secondary:var(--a11y-secondary); --color-text-tertiary:var(--a11y-muted); --color-border-default:var(--a11y-border); }
.accessibility .a11y-chat-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-shrink:0; }
.accessibility .a11y-chat-heading > div:first-child { min-width:0; }
.accessibility .a11y-chat-heading h1 { margin:0; font-size:38px; line-height:1.4; font-weight:700; }
.accessibility .a11y-chat-heading p { margin:5px 0 0; font-size:18px; line-height:1.5; color:var(--a11y-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.accessibility .a11y-chat-heading-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.accessibility .a11y-chat-heading-actions button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:10px 20px; border:1px solid var(--a11y-border); border-radius:25px; background:var(--a11y-surface); font-size:18px; font-weight:600; cursor:pointer; white-space:nowrap; }
.accessibility .a11y-chat-heading-actions button > :first-child { width:24px; height:24px; flex-shrink:0; }
.accessibility .a11y-chat-heading-actions .a11y-chat-new { background:#005727; border-color:#005727; color:#fff; }
.accessibility .a11y-chat-heading-actions .a11y-chat-history-trigger { display:none; }
.accessibility .a11y-chat-workspace { display:flex; flex:1; min-height:0; min-width:0; gap:28px; }
.accessibility .a11y-chat-history-panel { display:flex; flex-direction:column; flex:0 0 285px; min-height:0; gap:22px; padding:24px 0 16px; border-top:1px solid var(--a11y-border); }
.accessibility .a11y-chat-history-panel h2 { font-size:22px; font-weight:650; margin:0; }
.accessibility .a11y-chat-history { display:flex; flex-direction:column; gap:24px; min-height:0; flex:1; }
.accessibility .a11y-chat-history > div:first-child { height:auto; min-height:46px; gap:6px; }
.accessibility .a11y-chat-history label { height:46px; }
.accessibility .a11y-chat-history input { font-family:inherit; font-size:16px; padding-left:14px; padding-right:32px; border:1px solid var(--a11y-strong); border-radius:12px; background:var(--a11y-surface); color:var(--a11y-text); }
.accessibility .a11y-chat-history label > :last-child { right:12px; }
.accessibility .a11y-chat-history button { min-height:44px; min-width:44px; border-radius:10px; color:var(--a11y-text); cursor:pointer; }
.accessibility .a11y-chat-history button:hover { background:var(--a11y-selected); }
.accessibility .a11y-chat-history > div:first-child > button[aria-pressed=true] { color:var(--a11y-green); background:var(--a11y-selected); }
.accessibility .a11y-chat-history > div:last-child { gap:12px; padding:4px; margin:0 -4px; scrollbar-width:thin; }
.accessibility .a11y-chat-history .group > button { min-height:52px; padding:12px 52px 12px 14px; }
.accessibility .a11y-chat-history .group > button > span:last-child { font-size:17px; color:inherit; }
.accessibility .a11y-chat-history .group > button[aria-current=true] { background:var(--a11y-selected); color:var(--a11y-green); font-weight:700; box-shadow:inset 3px 0 var(--a11y-green); }
.accessibility .a11y-chat-history .group > div { right:4px; }
.accessibility .a11y-chat-history .group button[aria-haspopup] { opacity:1; }
.accessibility .a11y-chat-history :is(p,section > div > p) { color:var(--a11y-muted); font-size:16px; line-height:1.6; }
.accessibility .a11y-chat-history section,.accessibility .a11y-chat-history section > div:last-child { gap:8px; }
.accessibility .a11y-chat-row-menu { z-index:220; color:var(--a11y-text); background:var(--a11y-surface); border-color:var(--a11y-border); border-radius:16px; padding:12px; font-family:'Pretendard Variable',sans-serif; }
.accessibility:has(.a11y-chat-history-dialog[data-state=open]) [data-slot=alert-dialog-overlay] { z-index:230; }
.accessibility:has(.a11y-chat-history-dialog[data-state=open]) [data-slot=alert-dialog-content] { z-index:231; }
.accessibility .a11y-chat-row-menu button { min-height:44px; padding:8px 12px; font-size:18px; color:var(--a11y-secondary); }
.accessibility .a11y-chat-history-overlay { position:fixed; inset:0; z-index:200; background:#0006; }
.accessibility .a11y-chat-history-dialog { position:fixed; top:16px; bottom:16px; left:16px; z-index:201; display:flex; flex-direction:column; gap:20px; width:min(390px,calc(100vw - 32px)); padding:24px; border:1px solid var(--a11y-border); border-radius:24px; background:var(--a11y-surface); color:var(--a11y-text); font-family:'Pretendard Variable',sans-serif; }
.accessibility .a11y-chat-history-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.accessibility .a11y-chat-history-dialog h2 { margin:0; font-size:24px; line-height:1.4; font-weight:700; }
.accessibility .a11y-chat-history-dialog > header button { min-width:44px; min-height:44px; font-size:30px; border-radius:50%; cursor:pointer; }
.accessibility .a11y-chat-history-dialog > p { font-size:16px; color:var(--a11y-muted); margin:0; }
.accessibility .a11y-chat-conversation { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; overflow:hidden; border:1px solid var(--a11y-border); border-radius:24px; background:var(--a11y-surface); }
.accessibility .a11y-chat-empty { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.accessibility .a11y-chat-welcome { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:36px 24px; min-height:270px; background:#eef8f1 url('/figma/accessibility/james/d8156.png') center/cover no-repeat; color:#171717; text-align:center; }
.accessibility .a11y-chat-welcome img { flex-shrink:0; width:96px; height:96px; object-fit:contain; margin-bottom:16px; border-radius:50%; background:#fff; padding:8px; box-shadow:0 2px 10px #00572712; }
.accessibility .a11y-chat-welcome h2 { margin:0; font-size:30px; line-height:1.4; font-weight:700; }
.accessibility .a11y-chat-welcome p { margin:8px 0 0; font-size:18px; line-height:1.5; }
.accessibility .a11y-chat-suggestions { padding:30px; }
.accessibility .a11y-chat-suggestions h3 { margin:0 0 18px; font-size:18px; line-height:1.5; font-weight:600; color:var(--a11y-secondary); }
.accessibility .a11y-chat-suggestions > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.accessibility .a11y-chat-suggestions button { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding:20px; min-width:0; border:1px solid var(--a11y-border); border-radius:18px; background:var(--a11y-surface); text-align:left; cursor:pointer; }
.accessibility .a11y-chat-suggestions button:hover { background:var(--a11y-selected); border-color:var(--a11y-green); }
.accessibility .a11y-chat-suggestions button > :first-child { flex-shrink:0; width:28px; height:28px; color:var(--a11y-green); }
.accessibility .a11y-chat-suggestions button > span:nth-child(2) { display:flex; flex-direction:column; gap:8px; min-width:0; }
.accessibility .a11y-chat-suggestions strong { font-size:19px; line-height:1.4; font-weight:650; }
.accessibility .a11y-chat-suggestions button > span:nth-child(2) > span { font-size:16px; line-height:1.5; color:var(--a11y-muted); }
.accessibility .a11y-chat-prompt-arrow { position:absolute; top:16px; right:18px; font-size:22px; color:var(--a11y-muted); }
.accessibility .a11y-chat-thread-area { display:flex; flex-direction:column; flex:1; min-height:0; min-width:0; }
.accessibility .a11y-chat-page [data-testid=chat-message-thread] { min-height:0; min-width:0; padding:0 30px; overscroll-behavior:contain; scrollbar-width:thin; }
.accessibility .a11y-chat-page [data-testid=chat-message-thread] > div { max-width:860px; padding:28px 0 0; gap:26px; }
.accessibility .a11y-chat-page [data-testid=chat-message-thread] button { min-width:44px; min-height:44px; }
.accessibility .a11y-chat-page [data-testid=chat-message-bubble] > div { min-width:0; gap:8px; }
.accessibility .a11y-chat-page .a11y-chat-speaker { display:block; font-size:16px; font-weight:650; line-height:1.5; color:var(--a11y-muted); }
.accessibility .a11y-chat-page [data-role=user] > div { max-width:90%; }
.accessibility .a11y-chat-page [data-cozy-message-text] { font-size:19px; line-height:1.75; color:var(--a11y-text); overflow-wrap:anywhere; }
.accessibility .a11y-chat-page [data-cozy-message-text=user] { padding:16px 22px; border:1px solid var(--a11y-border); border-radius:20px 20px 4px 20px; background:var(--a11y-selected); }
.accessibility .a11y-chat-page [data-cozy-message-text=assistant] { padding:4px 0 12px; }
.accessibility .a11y-chat-page [data-testid=chat-message-content] { min-width:0; max-width:100%; }
.accessibility .a11y-chat-page [data-testid=chat-message-content] > div { font-size:inherit; line-height:inherit; }
.accessibility .a11y-chat-page [data-testid=chat-message-content] :is(h1,h2,h3) { font-size:1.15em; line-height:1.5; font-weight:700; margin:20px 0 8px; }
.accessibility .a11y-chat-page [data-testid=chat-message-content] p { margin:10px 0; }
.accessibility .a11y-chat-page [data-testid=chat-message-content] li { margin:5px 0; }
.accessibility .a11y-chat-page [data-testid=chat-message-content] :is(pre,table) { display:block; max-width:100%; overflow-x:auto; }
.accessibility .a11y-chat-page [data-testid=chat-message-content] code { font-size:.9em; }
.accessibility .a11y-chat-page [data-testid=chat-assistant-message-actions] { flex-wrap:wrap; gap:8px; padding:0; }
.accessibility .a11y-chat-page [data-testid=chat-assistant-message-actions] button { min-width:44px; min-height:44px; border:1px solid var(--a11y-border); border-radius:12px; color:var(--a11y-muted); }
.accessibility .a11y-chat-page [data-testid=chat-assistant-message-actions] button:is(:hover,[aria-pressed=true]) { color:var(--a11y-green); background:var(--a11y-selected); border-color:var(--a11y-green); }
.accessibility .a11y-chat-dock { flex-shrink:0; padding:18px 28px 20px; border-top:1px solid var(--a11y-border); background:var(--a11y-surface); }
.accessibility .a11y-chat-notices:empty { display:none; }
.accessibility .a11y-chat-notices > div { padding:0 0 12px; }
.accessibility .a11y-chat-notices > div > div { font-size:16px; line-height:1.5; padding:10px; border-radius:12px; color:var(--a11y-secondary); background:var(--a11y-selected); }
.accessibility .a11y-chat-notices button { min-height:44px; min-width:44px; padding:10px 14px; font-size:16px; }
.accessibility .a11y-chat-notices [role=alert] { color:var(--a11y-text); font-size:16px; border-left:4px solid #b42318; padding:10px 14px; }
.accessibility .a11y-chat-stream-status { margin:0; color:var(--a11y-muted); font-size:15px; line-height:1.5; }
.accessibility .a11y-chat-stream-status:not(:empty) { margin-bottom:8px; }
.accessibility .a11y-chat-composer { width:100%; max-width:860px; margin:auto; }
.accessibility .a11y-chat-composer > label { display:block; margin-bottom:8px; color:var(--a11y-secondary); font-size:16px; font-weight:600; }
.accessibility .a11y-chat-composer > div { padding:14px 16px; gap:12px; border:1px solid var(--a11y-strong); border-radius:18px; background:var(--a11y-surface); box-shadow:none; align-items:center; }
.accessibility .a11y-chat-composer > div:focus-within { outline:2px solid var(--a11y-green); outline-offset:2px; box-shadow:none; border-color:var(--a11y-green); }
.accessibility .a11y-chat-composer textarea { font-family:inherit; width:100%; min-height:30px; max-height:min(156px,24dvh); padding:0; font-size:19px; line-height:1.6; color:var(--a11y-text); }
.accessibility .a11y-chat-composer textarea:focus-visible { outline:none; }
.accessibility .a11y-chat-composer textarea::placeholder { color:var(--a11y-muted); }
.accessibility .a11y-chat-composer button { width:48px; height:48px; min-width:48px; flex-shrink:0; border:0; background:#005727; color:white; border-radius:50%; cursor:pointer; }
.accessibility .a11y-chat-composer button:disabled { background:var(--a11y-selected); color:var(--a11y-muted); border:1px solid var(--a11y-border); cursor:default; }
.accessibility .a11y-chat-composer button > :first-child { width:24px; height:24px; }
.accessibility .a11y-chat-composer [data-testid=chat-stop-button] > span { width:16px; height:16px; }
.accessibility .a11y-chat-composer .flex-col > div:last-child { justify-content:flex-end; }
.accessibility .a11y-chat-composer-hint { margin:10px 0 0; font-size:13px; line-height:1.5; color:var(--a11y-muted); }
.accessibility:is(.dark,[data-high-contrast=true]) .a11y-chat-welcome { background:var(--a11y-selected); color:var(--a11y-text); }
@media (min-width:768px) and (max-width:1599px) {
 .accessibility .a11y-chat-page { padding:30px; gap:24px; }
 .accessibility .a11y-chat-heading h1 { font-size:32px; }
 .accessibility .a11y-chat-history-panel { flex-basis:250px; }
 .accessibility .a11y-chat-workspace { gap:22px; }
 .accessibility .a11y-chat-suggestions { padding:24px; }
 .accessibility .a11y-chat-suggestions button { padding:18px 14px; }
}
@media (max-width:1199px) {
 .accessibility .a11y-chat-history-panel { display:none; }
 .accessibility .a11y-chat-heading-actions .a11y-chat-history-trigger { display:flex; }
}
@media (max-width:767px) {
 .accessibility .a11y-chat-page { padding:18px 12px 12px; gap:16px; }
 .accessibility .a11y-chat-heading { align-items:flex-start; flex-wrap:wrap; gap:12px; }
 .accessibility .a11y-chat-heading > div:first-child { width:100%; }
 .accessibility .a11y-chat-heading h1 { font-size:24px; }
 .accessibility .a11y-chat-heading p { font-size:14px; margin-top:4px; }
 .accessibility .a11y-chat-heading-actions { justify-content:space-between; width:100%; }
 .accessibility .a11y-chat-heading-actions button { min-height:44px; padding:8px 16px; font-size:16px; }
 .accessibility .a11y-chat-heading-actions button > :first-child { width:20px; height:20px; }
 .accessibility .a11y-chat-conversation { border-radius:20px; }
 .accessibility .a11y-chat-welcome { padding:24px 18px; min-height:224px; }
 .accessibility .a11y-chat-welcome img { width:68px; height:68px; margin-bottom:12px; }
 .accessibility .a11y-chat-welcome h2 { font-size:23px; }
 .accessibility .a11y-chat-welcome p { font-size:16px; }
 .accessibility .a11y-chat-suggestions { padding:20px 16px; }
 .accessibility .a11y-chat-suggestions h3 { font-size:16px; margin-bottom:12px; }
 .accessibility .a11y-chat-suggestions > div { grid-template-columns:1fr; gap:10px; }
 .accessibility .a11y-chat-suggestions button { flex-direction:row; align-items:center; padding:16px 36px 16px 14px; gap:14px; border-radius:14px; }
 .accessibility .a11y-chat-suggestions button > :first-child { width:24px; height:24px; }
 .accessibility .a11y-chat-suggestions strong { font-size:17px; }
 .accessibility .a11y-chat-suggestions button > span:nth-child(2) { gap:4px; }
 .accessibility .a11y-chat-suggestions button > span:nth-child(2) > span { font-size:14px; }
 .accessibility .a11y-chat-prompt-arrow { top:18px; right:12px; font-size:18px; }
 .accessibility .a11y-chat-page [data-testid=chat-message-thread] { padding:0 16px; }
 .accessibility .a11y-chat-page [data-testid=chat-message-thread] > div { padding-top:20px; gap:22px; }
 .accessibility .a11y-chat-page [data-cozy-message-text] { font-size:17px; line-height:1.7; }
 .accessibility .a11y-chat-page [data-cozy-message-text=user] { padding:12px 16px; }
 .accessibility .a11y-chat-page .a11y-chat-speaker { font-size:14px; }
 .accessibility .a11y-chat-dock { padding:12px; }
 .accessibility .a11y-chat-composer > label { font-size:14px; margin-bottom:6px; }
 .accessibility .a11y-chat-composer > div { padding:10px 12px; border-radius:14px; }
 .accessibility .a11y-chat-composer textarea { font-size:16px; }
 .accessibility .a11y-chat-composer button { width:44px; height:44px; min-width:44px; }
 .accessibility .a11y-chat-composer-hint { font-size:11px; margin-top:8px; }
 .accessibility .a11y-chat-history-dialog { padding:20px; }
}
@media (max-height:600px) {
 .accessibility .a11y-chat-page { padding-top:12px; gap:10px; }
 .accessibility .a11y-chat-heading p { display:none; }
 .accessibility .a11y-chat-dock { padding-top:10px; padding-bottom:10px; }
 .accessibility .a11y-chat-composer-hint { display:none; }
}
/* Figma 4103:13284: inset paper, overlapping title sticker, and a 2 + 3 note grid. */
.cozy [data-cozy-shell] > .cozy-chat-layout { --font-type: var(--cozy-hand); --color-text-default: #202e5a; --color-text-secondary: #6b7684; --color-text-light: #78828d; --color-text-tertiary: #787878; --color-bg-default: #fbf5ed; font-family: var(--cozy-hand); font-weight: 400; max-width: none; width: 100%; margin-inline: 0; gap: 13px; padding: 18px 28px 24px 20px; background: var(--cozy-top-surface, #f3e5cf); }
/* The cork is the frame. A procedural SVG mask keeps the paper edge at a fixed scale. */
/* Keep board elevation outside its border; the masked paper supplies its own contour shadow. */
.cozy .cozy-chat-layout [data-testid='chat-page-root'] { --cozy-board-elevation: 1px 2px 0 #d0a576, 3px 5px 0 #b28a5e, 5px 8px 0 #9b734c, 7px 11px 0 #865f3e, 8px 13px 0 #755137, 10px 17px 7px #4b301e47, 16px 29px 28px #4b301e33; container: chat-paper / size; position: relative; isolation: isolate; margin: 0; border: clamp(16px, 2.44vw, 44px) solid transparent; border-radius: var(--cozy-board-radius); background-blend-mode: normal; background: #c99b68 var(--cozy-cork) center / var(--cozy-cork-size) repeat border-box; box-shadow: var(--cozy-board-elevation); overflow: hidden; }
.cozy .cozy-chat-layout :is(.font-bold, .font-semibold, .font-medium) { font-weight: 400; }
.cozy-chat-paper-content { display: flex; flex: 1; min-height: 0; min-width: 0; flex-direction: column; }
.cozy .cozy-chat-layout button:focus-visible { outline: 2px solid #526ca3; outline-offset: 4px; }
.cozy-chat-rail-clip { display: none; }
.cozy .cozy-chat-layout [data-cozy-chat-rail] { position: relative; width: clamp(224px, 19.22vw, 346px); min-width: 224px; height: calc(100% - 13px); max-height: 1094px; margin-top: 13px; padding: 18px; gap: 25px; overflow: visible; border: 0; border-radius: 0; background: url('/figma/chat-entry-4103/rail.png') center / 100% 100% no-repeat; box-shadow: 3px 4px 4px #0002; }
.cozy .cozy-chat-rail-clip { display: block; position: absolute; width: 62px; height: 49px; right: 8px; top: -36px; rotate: 6.41deg; pointer-events: none; z-index: 2; }
.cozy-chat-rail-clip > span { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.cozy-chat-rail-clip img { position: absolute; width: 127.12%; height: 160.7%; max-width: none; left: -13.64%; top: -36.24%; }
.cozy .cozy-chat-layout [data-cozy-chat-rail-tools] { height: 40px; flex-wrap: nowrap; gap: 8px; margin-bottom: 9px; }
.cozy .cozy-chat-layout [data-cozy-chat-rail-tools]::after { content: ''; position: absolute; top: 79px; left: 18px; right: 18px; height: 1px; background: #8d8679; opacity: .65; transform: rotate(-.25deg); }
.cozy .cozy-chat-layout [data-cozy-chat-rail-tools] input { height: 40px; padding-inline: 12px 29px; border: 1px solid #c8c8c8; border-radius: 6px; background: #fffaf133; font: 400 15px/1.5 var(--cozy-hand); }
.cozy .cozy-chat-layout [data-cozy-chat-rail-tools] label > svg { right: 10px; }
.cozy .cozy-chat-layout [data-cozy-chat-rail-tools] > button { flex: none; width: 28px; height: 40px; padding: 2px; background: none; color: #6b7684; border: 0; box-shadow: none; }
.cozy .cozy-chat-layout [data-cozy-chat-star][aria-pressed='true'] { color: #a07833; background: #ebd89c70; }
.cozy .cozy-chat-layout [data-cozy-chat-rail] .group { padding-bottom: 12px; border-bottom: 1px solid #8d867980; }
.cozy .cozy-chat-layout [data-cozy-chat-rail] .group > button { min-height: 50px; padding: 0 24px 0 12px; border-radius: 0; }
.cozy .cozy-chat-layout [data-cozy-chat-rail] .group > button[aria-current='true'] { background: #e9dfcd88; box-shadow: inset 2px 0 #8b9baf; }
.cozy-chat-conversation-preview { display: none; }
.cozy .cozy-chat-conversation-preview { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; font: 400 15px/1.5 var(--cozy-hand); color: #78828d; }
.cozy .cozy-chat-layout [data-cozy-chat-rail] .group > button > span { font: 400 15px/1.5 var(--cozy-hand); color: #171717; }

.cozy .cozy-chat-welcome { display: flex; flex: 1; min-height: 0; flex-direction: column; align-items: center; width: 100%; padding: 16px 5.98% 24px; gap: 20px; }
.cozy .cozy-chat-welcome-content { display: flex; flex: 1; min-height: 0; width: 100%; flex-direction: column; align-items: center; justify-content: safe center; gap: clamp(24px, 2.8cqw, 36px); padding: 72px 8px 12px; overflow-y: auto; }
.cozy .cozy-chat-layout [data-testid='chat-empty-viewport'] { overflow: hidden; }
.cozy .cozy-chat-prompts { flex: none; }
.cozy .cozy-chat-greeting { position: relative; isolation: isolate; display: grid; place-items: center; flex: none; width: clamp(280px, 31.44cqw, 410px); height: clamp(130px, 12.65cqw, 165px); filter: drop-shadow(4px 4px 4px #0003); }
.cozy .cozy-chat-greeting::before, .cozy .cozy-chat-greeting::after { content: ''; position: absolute; z-index: -1; width: 100%; background: center / 100% 100% no-repeat; pointer-events: none; }
.cozy .cozy-chat-greeting::before { top: -9.33%; height: 95.38%; background-image: url('/figma/chat-entry-4103/title-paper.png'); }
.cozy .cozy-chat-greeting::after { top: 83.38%; height: 30.77%; background-image: url('/figma/chat-entry-4103/title-edge.png'); }
.cozy .cozy-chat-greeting-copy { display: flex; flex-direction: column; align-items: center; width: 100%; }
.cozy .cozy-chat-greeting h1 { margin: 0; font: 400 clamp(32px, 3.68cqw, 48px)/1.5 var(--cozy-hand); letter-spacing: 1px; color: #2e3b68; white-space: nowrap; }
.cozy .cozy-chat-greeting p { margin: 0; font: 400 clamp(21px, 2.45cqw, 32px)/1.5 var(--cozy-hand); letter-spacing: 1px; color: #788697; white-space: nowrap; }
.cozy-chat-title-underline { position: relative; display: block; width: 82.2%; height: clamp(25px, 2.84cqw, 37px); overflow: hidden; }
.cozy-chat-title-underline img { position: absolute; width: 100%; height: 308.36%; top: -106.92%; left: 0; max-width: none; }
.cozy-chat-greeting-mascot { position: absolute; left: -24.63%; top: -30.87%; width: 48.78%; height: 98.46%; object-fit: contain; }
.cozy-chat-greeting-tape { position: absolute; left: -27.15%; top: -41.26%; width: 27.56%; height: 38.46%; object-fit: contain; rotate: -5.51deg; }
.cozy .cozy-chat-prompts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(18px, 1.69cqw, 22px); width: 100%; max-width: 1148px; }
.cozy .cozy-chat-prompt { position: relative; isolation: isolate; display: grid; grid-template-columns: clamp(50px, 6.44cqw, 84px) minmax(0, 1fr); align-items: center; column-gap: clamp(12px, 2.3cqw, 30px); grid-column: span 2; min-width: 0; min-height: clamp(128px, 10.71cqw, 139.63px); padding: 21px 18px 16px; border: 0; background: none; text-align: left; color: #202e5a; cursor: pointer; transition: translate 150ms; }
.cozy .cozy-chat-prompt:nth-child(1) { grid-column: 2 / 4; }
.cozy .cozy-chat-prompt:nth-child(2) { grid-column: 4 / 6; }
.cozy .cozy-chat-prompt:hover { translate: 0 -3px; }
.cozy-chat-topic-paper { position: absolute; inset: 0; z-index: -1; pointer-events: none; filter: drop-shadow(2px 3px 2px #0003); }
.cozy-chat-topic-paper i { position: absolute; top: 0; width: 52.44%; height: 103.04%; overflow: hidden; }
.cozy-chat-topic-paper i::before { content: ''; position: absolute; width: 337.86%; height: 301.18%; left: -11%; top: -17.06%; background: url('/figma/chat-entry-4103/note-source.png') 0 0 / 100% 100% no-repeat; }
.cozy-chat-topic-paper i:first-child { left: 0; }
.cozy-chat-topic-paper i:last-child { right: 0; transform: scaleX(-1); }
.cozy-chat-topic-pin { position: absolute; top: -11px; left: 26%; width: 27px; height: 28px; filter: drop-shadow(2px 3px 2px #0005); pointer-events: none; overflow: hidden; }
.cozy-chat-topic-pin img { position: absolute; width: 100%; height: 100%; max-width: none; }
.cozy-chat-topic-pin[data-pin='green'] { left: 61.44%; }
.cozy-chat-topic-pin[data-pin='green'] img { width: 913.37%; height: 503.29%; left: -204.14%; top: -203.29%; }
.cozy-chat-topic-pin[data-pin='gold'] { left: 56.13%; }
.cozy-chat-topic-pin[data-pin='purple'] { left: 34.33%; }
.cozy-chat-topic-pin[data-pin='red'] { left: 45.23%; }
.cozy .cozy-chat-topic-art { position: relative; display: block; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 50%; box-shadow: 3px 4px 8px #0004; }
.cozy .cozy-chat-topic-art img { position: absolute; max-width: none; }
.cozy .cozy-chat-topic-copy { display: flex; flex-direction: column; min-width: 0; max-width: 144px; gap: 8px; letter-spacing: 1px; }
.cozy .cozy-chat-topic-copy strong { font: 400 clamp(18px, 1.69cqw, 22px)/1.1 var(--cozy-hand); color: #202e5a; }
.cozy .cozy-chat-topic-copy > span { font: 400 clamp(14px, 1.23cqw, 16px)/1.375 var(--cozy-hand); color: #767e88; }
.cozy .cozy-chat-topic-chevron { position: absolute; right: 17px; bottom: 34px; width: 24px; height: 24px; }
.cozy .cozy-chat-welcome-composer { width: 85.71%; max-width: 984px; flex: none; }
.cozy .cozy-chat-layout [data-testid='chat-composer'] > div { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; min-height: clamp(140px, 14.19cqw, 185px); gap: 16px; padding: clamp(20px, 2.45cqw, 32px); border: 0; border-radius: 0; background: url('/figma/chat-entry-4103/composer.png') center 36.9% / 104.6% auto no-repeat; box-shadow: 4px 4px 4px #0003; }
.cozy .cozy-chat-layout [data-testid='chat-composer'] > div:focus-within { outline: 2px solid #9aa8c2; outline-offset: 3px; }
.cozy .cozy-chat-layout [data-testid='chat-composer-input'] { flex: none; width: 100%; min-height: 30px; font: 400 16px/22px var(--cozy-hand); letter-spacing: 1px; color: #202e5a; }
.cozy .cozy-chat-layout [data-testid='chat-composer-input']::placeholder { color: #788697; }
.cozy .cozy-chat-layout [data-testid='chat-composer'] button { width: clamp(40px, 3.83cqw, 50px); height: clamp(40px, 3.91cqw, 51px); border-radius: 50%; padding: 0; border: 0; background: none; box-shadow: 2px 3px 4px #0003; }
.cozy-chat-paper-send-art { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; }
.cozy-chat-paper-send-art img { position: absolute; width: 120%; height: 117.65%; max-width: none; left: -10%; top: -7.84%; }
.cozy-chat-paper-send:enabled { filter: sepia(.12) saturate(1.2); }
.cozy-chat-paper-send:disabled { cursor: default; opacity: .75; }
.cozy .cozy-chat-layout [data-testid='chat-message-thread'] { position: relative; isolation: isolate; z-index: 0; padding-inline: 38px; }
.cozy .cozy-chat-composer-dock { z-index: 1; isolation: isolate; }
.cozy .cozy-chat-layout [data-testid='chat-message-thread'] > div { max-width: 840px; padding-inline: 0; }
.cozy .cozy-chat-layout [data-cozy-message-text] { font: 400 19px/1.55 var(--cozy-hand); color: #34433c; box-shadow: 1px 2px 2px #4e382d20; }
.cozy .cozy-chat-layout [data-cozy-message-text='user'] { border-radius: 2px 2px 10px 2px; border: 1px solid #a6bac28c; background: linear-gradient(#d8e5e9db, #d8e5e9db), url('/textures/cozy/paper-ivory.png') center / 512px; padding: 16px 21px; }
.cozy .cozy-chat-layout [data-cozy-message-text='assistant'] { position: relative; width: calc(100% - 62px); margin-left: 62px; border-radius: 2px; border: 1px solid #bba88166; background: linear-gradient(#fff7e9db, #fff7e9db), url('/textures/cozy/paper-ivory.png') center / 512px; padding: 20px 23px; }
.cozy .cozy-chat-layout [data-cozy-message-text='assistant']::before { content: ''; position: absolute; left: -65px; top: 0; width: 52px; height: 56px; background: url('/figma/worker-3/skyli-sticker.png') center / contain no-repeat; rotate: -7deg; }
.cozy .cozy-chat-layout [data-cozy-message-text='assistant']::after { content: ''; position: absolute; width: 50px; height: 12px; top: -6px; right: 18px; rotate: 4deg; background: repeating-linear-gradient(90deg, #9bad8b70 0 2px, #d3dec480 2px 5px); pointer-events: none; }
.cozy .cozy-chat-layout [data-testid='chat-assistant-message-actions'] { padding-left: 63px; color: #657063; }

@container chat-paper (max-width: 700px) {
  .cozy .cozy-chat-welcome { padding-inline: 4%; }
  .cozy .cozy-chat-prompts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px; }
  .cozy .cozy-chat-prompt:nth-child(n) { grid-column: auto; }
  .cozy .cozy-chat-prompt:last-child { grid-column: 1 / -1; width: calc(50% - 9px); justify-self: center; }
  .cozy .cozy-chat-welcome-composer { width: 100%; }
}
@media (max-width: 1023px) {
  .cozy [data-cozy-shell] > .cozy-chat-layout { padding: 12px; }
  .cozy .cozy-chat-layout [data-testid='chat-page-root'] { border-width: 14px; }
  .cozy .cozy-chat-layout .cozy-chat-column-header { height: 44px; background: #fbf5edaa; }
}
@media (max-width: 767px) {
  .cozy [data-cozy-shell] > .cozy-chat-layout { padding: 8px; }
  .cozy .cozy-chat-layout [data-testid='chat-page-root'] { border-width: 9px; }
  .cozy .cozy-chat-welcome { gap: 12px; padding: 8px 12px 16px; }
  .cozy .cozy-chat-greeting { width: min(250px, calc(100% - 22px)); height: 145px; margin-left: 22px; }
  .cozy .cozy-chat-greeting-mascot { left: -15%; width: 42%; top: -34%; }
  .cozy .cozy-chat-greeting-tape { left: -16%; top: -44%; width: 25%; }
  .cozy .cozy-chat-greeting h1 { font-size: 30px; }
  .cozy .cozy-chat-greeting p { font-size: 18px; letter-spacing: .5px; }
  .cozy .cozy-chat-prompts { gap: 18px 12px; }
  .cozy .cozy-chat-prompt { min-height: 104px; grid-template-columns: 1fr; justify-items: center; gap: 8px; padding: 15px 10px 12px; text-align: center; }
  .cozy .cozy-chat-topic-art { width: 40px; }
  .cozy .cozy-chat-topic-copy strong { font-size: 17px; }
  .cozy .cozy-chat-topic-copy > span, .cozy .cozy-chat-topic-chevron { display: none; }
  .cozy .cozy-chat-layout [data-testid='chat-message-thread'] { padding-inline: 14px; }
  .cozy .cozy-chat-layout [data-cozy-message-text='assistant'] { width: calc(100% - 38px); margin-left: 38px; padding: 16px; }
  .cozy .cozy-chat-layout [data-cozy-message-text='assistant']::before { left: -43px; width: 35px; height: 39px; }
  .cozy .cozy-chat-layout [data-testid='chat-assistant-message-actions'] { padding-left: 39px; }
  .cozy .cozy-chat-layout [data-testid='chat-composer'] > div { min-height: 122px; padding: 17px; }
}
/* Keep the composer in flow below a responsive body, even with a short viewport. */
@container chat-paper (max-height: 800px) {
  .cozy .cozy-chat-welcome { gap: 14px; padding-block: 8px 16px; }
  .cozy .cozy-chat-welcome-content { gap: 26px; padding-top: 44px; padding-bottom: 8px; }
  .cozy .cozy-chat-greeting { width: min(280px, calc(100% - 32px)); height: 108px; }
  .cozy .cozy-chat-greeting h1 { font-size: 30px; }
  .cozy .cozy-chat-greeting p { font-size: 18px; letter-spacing: .5px; }
  .cozy .cozy-chat-title-underline { height: 24px; }
  .cozy .cozy-chat-prompt { min-height: 94px; grid-template-columns: 42px minmax(0, 1fr); column-gap: 12px; padding: 16px 25px 12px 12px; }
  .cozy .cozy-chat-topic-art { width: 42px; }
  .cozy .cozy-chat-topic-copy { gap: 5px; letter-spacing: .3px; }
  .cozy .cozy-chat-topic-copy strong { font-size: 18px; }
  .cozy .cozy-chat-topic-copy > span { font-size: 13px; }
  .cozy .cozy-chat-topic-chevron { right: 8px; width: 16px; }
  .cozy .cozy-chat-layout [data-testid='chat-composer'] > div { min-height: 88px; padding: 12px 18px; gap: 8px; }
  .cozy .cozy-chat-layout [data-testid='chat-composer-input'] { min-height: 24px; max-height: min(72px, 12cqh); font-size: 16px; line-height: 22px; }
  .cozy .cozy-chat-layout [data-testid='chat-composer'] button { width: 34px; height: 34px; }
}
@container chat-paper (max-width: 420px) {
  .cozy .cozy-chat-prompt { grid-template-columns: 1fr; padding: 14px 8px 10px; min-height: 94px; }
  .cozy .cozy-chat-topic-copy strong { font-size: 16px; }
}
@container chat-paper (max-height: 650px) {
  .cozy .cozy-chat-welcome { gap: 10px; padding-block: 6px 12px; }
  .cozy .cozy-chat-welcome-content { gap: 20px; padding-top: 34px; padding-bottom: 6px; }
  .cozy .cozy-chat-greeting { width: min(240px, calc(100% - 32px)); height: 78px; }
  .cozy .cozy-chat-greeting h1 { font-size: 27px; }
  .cozy .cozy-chat-greeting p { display: none; }
  .cozy .cozy-chat-title-underline { height: 20px; }
  .cozy .cozy-chat-prompt { min-height: 68px; }
  .cozy .cozy-chat-topic-copy > span { display: none; }
  .cozy .cozy-chat-topic-pin { width: 21px; height: 22px; top: -9px; }
  .cozy .cozy-chat-layout [data-testid='chat-composer'] > div { min-height: 80px; padding: 10px 14px; gap: 6px; }
  .cozy .cozy-chat-layout [data-testid='chat-composer'] button { width: 30px; height: 30px; }
  .cozy .cozy-chat-layout [data-testid='chat-composer-input'] { max-height: 44px; }
}
@container chat-paper (max-width: 700px) and (max-height: 560px) {
  .cozy .cozy-chat-welcome-content { gap: 14px; padding-top: 24px; padding-bottom: 4px; }
  .cozy .cozy-chat-greeting { height: 50px; width: min(220px, calc(100% - 32px)); }
  .cozy .cozy-chat-greeting h1 { font-size: 24px; }
  .cozy .cozy-chat-title-underline { height: 14px; }
  .cozy .cozy-chat-prompts { gap: 12px 10px; }
  .cozy .cozy-chat-prompt { min-height: 52px; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; padding: 8px; text-align: left; }
  .cozy .cozy-chat-topic-art { width: 30px; }
  .cozy .cozy-chat-topic-copy strong { font-size: 15px; line-height: 1.2; }
  .cozy .cozy-chat-topic-chevron { display: none; }
}
/* In landscape, use the full width for the five shortcuts instead of a tall card stack. */
@container chat-paper (min-width: 600px) and (max-height: 380px) {
  .cozy .cozy-chat-welcome { padding-block: 4px 10px; gap: 8px; }
  .cozy .cozy-chat-welcome-content { padding: 6px 8px 4px; gap: 14px; }
  .cozy .cozy-chat-greeting { width: 220px; height: 40px; }
  .cozy .cozy-chat-greeting-mascot { left: -15%; top: 0; width: 28%; height: 100%; }
  .cozy .cozy-chat-greeting-tape { display: none; }
  .cozy .cozy-chat-title-underline { display: none; }
  .cozy .cozy-chat-prompts { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
  .cozy .cozy-chat-prompt:nth-child(n) { grid-column: auto; width: 100%; min-height: 52px; grid-template-columns: 26px minmax(0, 1fr); gap: 6px; padding: 8px; }
  .cozy .cozy-chat-topic-art { width: 26px; }
  .cozy .cozy-chat-topic-copy strong { font-size: 15px; }
  .cozy .cozy-chat-topic-chevron { display: none; }
}
@media (prefers-reduced-motion: reduce) { .cozy .cozy-chat-prompt { transition: none; } }



.accessibility :is(.a11y-dashboard-page, .a11y-overview-page) {
  --a11y-finance-text: var(--a11y-text, #171717); --a11y-finance-secondary: var(--a11y-secondary, #373737); --a11y-finance-green: #005727;
  font-family: var(--a11y-font, 'Pretendard Variable', Pretendard, sans-serif); color: var(--a11y-finance-text); width: 100%; min-width: 0;
}
.accessibility .a11y-dashboard-page { max-width: 1390px; padding: 50px 40px; display: flex; flex-direction: column; gap: 30px; }
.accessibility .a11y-finance-page-heading { padding: 0 5px; display: flex; flex-direction: column; gap: 5px; }
.accessibility .a11y-finance-page-heading h1 { font-size: 38px; font-weight: 700; line-height: 1.4; margin: 0; }
.accessibility .a11y-finance-page-heading p { font-size: 24px; line-height: normal; margin: 0; }
.accessibility .a11y-finance-asset { display: inline-flex; flex: none; width: 32px; height: 32px; align-items: center; justify-content: center; }
.accessibility .a11y-finance-asset img { display: block; width: 100%; height: 100%; object-fit: contain; }
.accessibility .a11y-finance-mobile-label { display: none; }
.accessibility .a11y-finance-hero { border: 1px solid #f3f3f3; border-radius: 15px; box-shadow: 2px 2px 8px #00000014; width: 100%; position: relative; overflow: hidden; isolation: isolate; flex: none; color: #171717; }
.accessibility .a11y-finance-hero { background-repeat: no-repeat; }
.accessibility .a11y-finance-hero-dashboard { height: 467px; padding: 28px 27px; display: flex; flex-direction: column; justify-content: space-between; }
.accessibility .a11y-finance-hero-dashboard { background-image: url('/figma/accessibility/mary/fd9dc.png'); background-size: 103.9% 104.52%; background-position: right center; }
.accessibility .a11y-finance-hero h2 { color: #005727; font-size: 30px; font-weight: 600; line-height: 1.4; margin: 0; }
.accessibility .a11y-finance-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 20px 10px; border-radius: 15px; background: #fff; height: 224px; width: 100%; }
.accessibility .a11y-finance-stat { display: grid; grid-template-columns: 74px minmax(0, 1fr); grid-template-rows: 80px 63px 31px; align-items: center; column-gap: 8px; padding: 0 12px; min-width: 0; }
.accessibility .a11y-finance-stat + .a11y-finance-stat { border-left: 1px solid #dbdbdb; }
.accessibility .a11y-finance-stat-icon { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 74px; height: 74px; background: #ecf7f1; }
.accessibility .a11y-finance-stat-icon .a11y-finance-asset { width: 36px; height: 36px; }
.accessibility .a11y-finance-stat h3 { font-size: 22px; line-height: 1.5; font-weight: 500; margin: 0; white-space: nowrap; }
.accessibility .a11y-finance-stat > strong { grid-column: 1 / -1; font-size: 42px; line-height: 1.5; font-weight: 700; text-align: center; }
.accessibility .a11y-finance-stat-caption { grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; gap: 12px; font-size: 18px; font-weight: 500; line-height: 1.5; margin: 0; white-space: nowrap; color: #373737; }
.accessibility .a11y-finance-change { background: #ecf7f1; border-radius: 12px; padding: 2px 6px; font-weight: 700; }
.accessibility .a11y-finance-week-share { grid-column: 1 / -1; grid-row: 2 / 4; width: 100%; align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; padding: 12px 3px 3px; }
.accessibility .a11y-finance-week-share p { font-size: 20px; font-weight: 500; display: flex; gap: 4px; justify-content: space-between; margin: 0; white-space: nowrap; }
.accessibility :is(.a11y-finance-week-share, .a11y-finance-category-label) progress { appearance: none; display: block; width: 100%; min-width: 0; height: 16px; border: 0; border-radius: 10px; overflow: hidden; background: #dbdbdb; }
.accessibility :is(.a11y-finance-week-share, .a11y-finance-category-label) progress::-webkit-progress-bar { background: #dbdbdb; border-radius: 10px; }
.accessibility :is(.a11y-finance-week-share, .a11y-finance-category-label) progress::-webkit-progress-value { background: var(--a11y-progress-color, #005727); border-radius: 10px; }
.accessibility :is(.a11y-finance-week-share, .a11y-finance-category-label) progress::-moz-progress-bar { background: var(--a11y-progress-color, #005727); border-radius: 10px; }
.accessibility .a11y-dashboard-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; padding: 20px 0; }
.accessibility .a11y-finance-card { min-width: 0; background: var(--a11y-surface, #fff); border: 1px solid var(--a11y-border, #dbdbdb); border-radius: 15px; padding: 20px 30px; }
.accessibility .a11y-finance-card h2 { font-size: 24px; font-weight: 600; line-height: 1.5; margin: 0; }
.accessibility .a11y-finance-list-card { min-height: 524px; display: flex; flex-direction: column; gap: 12px; }
.accessibility .a11y-finance-transactions { display: flex; flex-direction: column; gap: 10px; width: 100%; min-width: 0; }
.accessibility .a11y-finance-list-card > .a11y-finance-transactions { flex: 1; padding: 7px 5px; }
.accessibility .a11y-finance-transaction { appearance: none; display: flex; align-items: center; width: 100%; gap: 12px; padding: 5px 10px 15px; min-height: 83px; border-bottom: 1px solid #f3f3f3; text-align: left; cursor: pointer; background: transparent; color: inherit; }
.accessibility .a11y-finance-transaction:last-child { padding-bottom: 5px; min-height: 73px; border-bottom: 0; }
.accessibility .a11y-finance-merchant-logo { border: 2px solid #f3f3f3; background: var(--a11y-surface, #fff); border-radius: 15px; width: 63px; height: 63px; display: flex; align-items: center; justify-content: center; flex: none; overflow: hidden; }
.accessibility .a11y-finance-merchant-logo img { width: 48px; height: 48px; object-fit: contain; border-radius: 10px; }
.accessibility .a11y-finance-merchant-text { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 6px; }
.accessibility .a11y-finance-merchant-text strong { display: block; font-size: 24px; font-weight: 700; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.accessibility .a11y-finance-merchant-text > span { font-size: 18px; line-height: 1.2; color: var(--a11y-secondary, #373737); }
.accessibility .a11y-finance-merchant-text > .a11y-finance-due-today { color: var(--a11y-green, #005727); font-weight: 700; }
.accessibility .a11y-finance-money { flex: none; font-size: 26px; font-weight: 700; line-height: 1.5; white-space: nowrap; color: var(--a11y-secondary, #373737); }
.accessibility .a11y-finance-money > span { color: var(--a11y-muted, #6b6b6b); font-size: .85em; }
.accessibility .a11y-finance-chevron { width: 32px; height: 32px; margin-left: 6px; }
.accessibility .a11y-finance-see-all { display: flex; align-items: center; justify-content: center; gap: 20px; min-height: 50px; width: 100%; border: 1px solid #e8e8e8; border-radius: 30px; background: #f8f8f8; font-size: 20px; font-weight: 500; line-height: 1.5; padding: 7px 16px; margin-top: 4px; cursor: pointer; color: var(--a11y-secondary, #373737); }
.accessibility .a11y-finance-see-all .a11y-finance-asset { width: 28px; height: 26px; transform: rotate(90deg); }
.accessibility .a11y-finance-see-all .a11y-finance-chevron-up { transform: rotate(-90deg); }
.accessibility .a11y-finance-chevron-up { transform: rotate(180deg); }
.accessibility :is(.a11y-dashboard-categories, .a11y-dashboard-chat) { min-height: 378px; }
.accessibility :is(.a11y-dashboard-categories, .a11y-dashboard-chat) > h2 { padding-bottom: 12px; border-bottom: 1px solid var(--a11y-border, #dbdbdb); }
.accessibility .a11y-finance-category-changes { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.accessibility .a11y-dashboard-categories .a11y-finance-category-changes { margin-top: 12px; }
.accessibility .a11y-finance-category-change { display: flex; gap: 12px; align-items: center; padding: 3px 24px; min-height: 86px; width: 100%; text-align: left; background: transparent; cursor: pointer; color: inherit; }
.accessibility .a11y-finance-category-icon { flex: none; display: flex; align-items: center; justify-content: center; border: 1px solid #939393; background: #fefffe; border-radius: 50%; width: 56px; height: 56px; }
.accessibility .a11y-finance-category-icon .a11y-finance-asset { width: 34.462px; height: 34.462px; }
.accessibility .a11y-finance-category-label { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 8px; padding: 4px 8px; }
.accessibility .a11y-finance-category-label strong { font-size: 26px; line-height: 1.5; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.accessibility .a11y-finance-category-label progress { height: 6px; }
.accessibility .a11y-finance-category-delta { font-size: 28px; font-weight: 600; line-height: 1.5; white-space: nowrap; min-width: 100px; text-align: right; }
.accessibility .a11y-dashboard-chat { display: flex; flex-direction: column; }
.accessibility .a11y-dashboard-chat-content { display: flex; flex: 1; flex-direction: column; justify-content: flex-end; gap: 50px; padding-top: 30px; }
.accessibility .a11y-dashboard-chat-greeting { display: flex; align-items: center; gap: 20px; }
.accessibility .a11y-dashboard-chat-greeting > img { flex: none; width: 74px; height: 74px; object-fit: contain; }
.accessibility .a11y-dashboard-chat-greeting p { padding: 13px 40px; border: 1px solid #f3f3f3; border-radius: 0 20px 20px; background: #ecf7f1; font-size: 20px; line-height: 1.5; margin: 0; }
.accessibility .a11y-dashboard-chat form { display: flex; min-height: 70px; gap: 8px; padding: 12px 20px; border: 1px solid #b8b8b8; border-radius: 8px; align-items: center; }
.accessibility .a11y-dashboard-chat input { flex: 1; width: 0; min-width: 0; font-size: 20px; background: transparent; outline: none; }
.accessibility .a11y-dashboard-chat input::placeholder { color: var(--a11y-muted, #787878); }
.accessibility .a11y-dashboard-chat form button { background: transparent; width: 44px; height: 44px; border-radius: 50%; flex: none; cursor: pointer; }
.accessibility .a11y-dashboard-chat form button .a11y-finance-asset { width: 100%; height: 100%; }
.accessibility .a11y-dashboard-chat form:focus-within { outline: 2px solid var(--a11y-green, #005727); outline-offset: 2px; }
.accessibility .a11y-finance-empty { padding: 24px 0; font-size: 18px; line-height: 1.5; }
.accessibility :is(.a11y-finance-transaction, .a11y-finance-category-change):hover { background: var(--a11y-selected, #ecf7f1); border-radius: 8px; }
.accessibility :is(.a11y-dashboard-page, .a11y-overview-page) button:focus-visible { outline: 3px solid var(--a11y-green, #005727); outline-offset: 3px; border-radius: 8px; }
.accessibility .a11y-finance-detail-dialog { max-height: 90dvh; overflow: auto; font-family: 'Pretendard Variable', Pretendard, sans-serif; padding: 20px; }
.accessibility .a11y-finance-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.accessibility .a11y-finance-dialog-heading button { min-height: 44px; padding: 8px 16px; font-size: 18px; color: #005727; border: 1px solid #005727; border-radius: 8px; }
.accessibility:is(.dark, [data-high-contrast=true]) :is(.a11y-dashboard-page, .a11y-overview-page) { background-color: var(--a11y-page); }
.accessibility:is(.dark, [data-high-contrast=true]) :is(.a11y-dashboard-categories, .a11y-dashboard-chat-greeting p, .a11y-finance-see-all, .a11y-overview-changes) { background-color: var(--a11y-surface); border-color: var(--a11y-border); }
.accessibility:is(.dark, [data-high-contrast=true]) :is(.a11y-overview-category-row, .a11y-finance-dialog-heading button) { color: var(--a11y-text); }
@media (min-width: 768px) and (max-width: 1599px) {
  .accessibility .a11y-dashboard-page { max-width: 1220px; padding: 50px 30px 40px; gap: 30px; }
  .accessibility .a11y-finance-page-heading { padding: 0; }
  .accessibility .a11y-finance-page-heading h1 { font-size: 32px; }
  .accessibility .a11y-finance-page-heading p { font-size: 18px; }
  .accessibility .a11y-finance-hero-dashboard { height: 397px; padding: 20px 28px; }
  .accessibility .a11y-finance-hero h2 { font-size: 26px; color: #111; }
  .accessibility .a11y-finance-stats { height: 191px; padding: 15px 10px; }
  .accessibility .a11y-finance-stat { grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: 66px 54px 25px; padding: 0 10px; column-gap: 4px; }
  .accessibility .a11y-finance-stat-icon { width: 56px; height: 56px; }
  .accessibility .a11y-finance-stat-icon .a11y-finance-asset { width: 27.243px; height: 27.243px; }
  .accessibility .a11y-finance-stat h3 { font-size: 18px; }
  .accessibility .a11y-finance-stat > strong { font-size: 36px; }
  .accessibility .a11y-finance-stat-caption { font-size: 14px; gap: 6px; }
  .accessibility .a11y-finance-week-share p { font-size: 14px; }
  .accessibility .a11y-finance-week-share progress { height: 16px; }
  .accessibility .a11y-dashboard-card-grid { padding-top: 0; }
  .accessibility .a11y-finance-card { padding: 20px; }
  .accessibility .a11y-finance-card h2 { font-size: 18px; }
  .accessibility .a11y-finance-list-card { min-height: 478px; }
  .accessibility .a11y-finance-transaction { min-height: 77px; padding: 2px 5px 12px; }
  .accessibility .a11y-finance-transaction:last-child { min-height: 67px; padding-bottom: 2px; }
  .accessibility .a11y-finance-merchant-logo { width: 56px; height: 56px; }
  .accessibility .a11y-finance-merchant-logo img { width: 44px; height: 44px; }
  .accessibility .a11y-finance-merchant-text strong { font-size: 20px; }
  .accessibility .a11y-finance-merchant-text > span { font-size: 14px; }
  .accessibility .a11y-finance-money { font-size: 22px; }
  .accessibility .a11y-finance-chevron { width: 26px; height: 26px; }
  .accessibility .a11y-finance-see-all { min-height: 44px; font-size: 16px; gap: 20px; }
  .accessibility .a11y-finance-see-all .a11y-finance-asset { width: 21px; height: 19.5px; }
  .accessibility :is(.a11y-dashboard-categories, .a11y-dashboard-chat) { min-height: 333px; }
  .accessibility .a11y-finance-category-change { min-height: 74px; padding: 3px 10px; }
  .accessibility .a11y-finance-category-icon { width: 48px; height: 48px; }
  .accessibility .a11y-finance-category-icon .a11y-finance-asset { width: 29.538px; height: 29.538px; }
  .accessibility .a11y-finance-category-label strong { font-size: 18px; }
  .accessibility .a11y-finance-category-label progress { height: 4px; }
  .accessibility .a11y-finance-category-delta { font-size: 22px; min-width: 85px; }
  .accessibility .a11y-dashboard-chat-greeting > img { width: 66px; height: 66px; }
  .accessibility .a11y-dashboard-chat-greeting p { font-size: 18px; }
  .accessibility .a11y-dashboard-chat form { min-height: 66px; }
  .accessibility .a11y-dashboard-chat input { font-size: 16px; }
  .accessibility .a11y-dashboard-chat form button { width: 40px; height: 40px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .accessibility .a11y-dashboard-page { max-width: 970px; }
  .accessibility .a11y-finance-hero-dashboard { height: 348px; }
  .accessibility .a11y-finance-stat { padding-inline: 6px; }
  .accessibility .a11y-finance-week-share p { font-size: 14px; }
}
@media (max-width: 767px) {
  .accessibility .a11y-dashboard-page { padding: 30px 12px; gap: 18px; background: #f9f9f8; }
  .accessibility .a11y-finance-large-label { display: none; }
  .accessibility .a11y-finance-mobile-label { display: inline; }
  .accessibility .a11y-finance-page-heading { gap: 3px; padding: 0 5px; }
  .accessibility .a11y-finance-page-heading h1 { font-size: 24px; }
  .accessibility .a11y-finance-page-heading p { font-size: 14px; line-height: 1.4; }
  .accessibility .a11y-finance-hero-dashboard { height: 396px; padding: 15px 10px; width: calc(100% - 6px); align-self: center; }
  .accessibility .a11y-finance-hero-dashboard { background-image: url('/figma/accessibility/mary/5fc49.png'); background-size: cover; background-position: center; }
  .accessibility .a11y-finance-hero h2 { font-size: 18px; line-height: 25px; padding: 0 3px; color: #111; }
  .accessibility .a11y-finance-stats { display: flex; flex-direction: column; gap: 10px; height: 306px; border-radius: 18px; padding: 12px 15px; background: #ffffffcc; justify-content: center; }
  .accessibility .a11y-finance-stat { grid-template-columns: 38px minmax(0, 1fr) auto; grid-template-rows: auto; gap: 6px; padding: 3px 0 13px; border-bottom: 1px solid #e8e8e8; min-height: 54px; }
  .accessibility .a11y-finance-stat + .a11y-finance-stat { border-left: 0; }
  .accessibility .a11y-finance-stat-icon { width: 38px; height: 38px; border: .826px solid #8ba496; align-self: start; }
  .accessibility .a11y-finance-stat-icon .a11y-finance-asset { width: 23.385px; height: 23.385px; }
  .accessibility .a11y-finance-stat h3 { font-size: 16px; padding: 2px 4px; }
  .accessibility .a11y-finance-stat > strong { grid-column: 3; font-size: 18px; text-align: right; }
  .accessibility .a11y-finance-stat-caption { display: none; }
  .accessibility .a11y-finance-stat-share { grid-template-rows: 32px auto; padding-bottom: 3px; border-bottom: 0; }
  .accessibility .a11y-finance-stat-share h3 { grid-column: 2 / 4; }
  .accessibility .a11y-finance-stat-share .a11y-finance-stat-icon { grid-row: 1 / 3; }
  .accessibility .a11y-finance-week-share { grid-column: 2 / 4; grid-row: 2; gap: 8px; padding: 3px 7px; }
  .accessibility .a11y-finance-week-share progress { height: 6px; }
  .accessibility .a11y-finance-week-share p { font-size: 12px; }
  .accessibility .a11y-dashboard-card-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 0; }
  .accessibility .a11y-finance-card { padding: 20px; border-color: #f2f2f2; }
  .accessibility .a11y-finance-card h2 { font-size: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--a11y-border, #dbdbdb); }
  .accessibility .a11y-finance-list-card { min-height: 364px; gap: 12px; }
  .accessibility .a11y-finance-list-card > .a11y-finance-transactions { padding: 0; }
  .accessibility .a11y-finance-transactions { gap: 7px; }
  .accessibility .a11y-finance-transaction, .accessibility .a11y-finance-transaction:last-child { min-height: 50px; padding: 3px 0; border-bottom: 0; gap: 12px; }
  .accessibility .a11y-finance-merchant-logo { width: 40px; height: 40px; border-width: 1px; border-radius: 8px; }
  .accessibility .a11y-finance-merchant-logo img { width: 30px; height: 30px; border-radius: 6px; }
  .accessibility .a11y-finance-merchant-text { gap: 3px; }
  .accessibility .a11y-finance-merchant-text strong { font-size: 16px; }
  .accessibility .a11y-finance-merchant-text > span { font-size: 12px; }
  .accessibility .a11y-finance-money { font-size: 20px; }
  .accessibility .a11y-finance-money > span { font-size: inherit; color: inherit; }
  .accessibility .a11y-finance-chevron { width: 20px; height: 20px; margin-left: 0; }
  .accessibility .a11y-finance-see-all { min-height: 35px; padding: 7px 14px; font-size: 14px; gap: 14px; }
  .accessibility .a11y-finance-see-all .a11y-finance-asset { width: 21.875px; height: 20.313px; }
  .accessibility .a11y-dashboard-categories { min-height: 0; border-color: #a1b2a9; background: #f0f9f5; }
  .accessibility .a11y-finance-category-changes { gap: 4.276px; }
  .accessibility .a11y-finance-category-change { min-height: 60px; padding: 2px 6px; gap: 7px; }
  .accessibility .a11y-finance-category-icon { width: 34.207px; height: 34.207px; }
  .accessibility .a11y-finance-category-icon .a11y-finance-asset { width: 21.05px; height: 21.05px; }
  .accessibility .a11y-finance-category-label { gap: 4px; padding: 2px 4px; }
  .accessibility .a11y-finance-category-label strong { font-size: 16px; }
  .accessibility .a11y-finance-category-label progress { height: 3.665px; }
  .accessibility .a11y-finance-category-delta { font-size: 20px; min-width: 65px; }
  .accessibility .a11y-dashboard-chat { min-height: 275px; }
  .accessibility .a11y-dashboard-chat-content { padding-top: 20px; gap: 50px; }
  .accessibility .a11y-dashboard-chat-greeting { gap: 20px; align-items: flex-start; }
  .accessibility .a11y-dashboard-chat-greeting > img { width: 60px; height: 60px; }
  .accessibility .a11y-dashboard-chat-greeting p { flex: 1; padding: 13px 15px; font-size: 16px; background: #f5fcf8; border: 1px solid #e1ede6; }
  .accessibility .a11y-dashboard-chat-greeting p span { display: block; }
  .accessibility .a11y-dashboard-chat form { min-height: 48px; padding: 8px 14px; }
  .accessibility .a11y-dashboard-chat input { font-size: 14px; }
  .accessibility .a11y-dashboard-chat form button { width: 30px; height: 30px; }
  .accessibility .a11y-finance-detail-dialog { width: calc(100% - 20px); padding: 12px; }
}
.accessibility .a11y-payments-route { display:flex; min-width:0; min-height:100%; }
.accessibility.dark { --a11y-james-subtle:var(--a11y-page); --a11y-james-row-selected:var(--a11y-selected); --a11y-james-mobile-selected:var(--a11y-selected); --a11y-james-search:var(--a11y-surface); --a11y-james-control-border:var(--a11y-border); --a11y-james-option-border:var(--a11y-border); --a11y-james-choice-text:var(--a11y-secondary); --a11y-james-helper:var(--a11y-muted); --a11y-james-date:var(--a11y-muted); }
.accessibility[data-high-contrast=true] { --a11y-james-control-border:var(--a11y-strong); --a11y-james-option-border:var(--a11y-strong); --a11y-james-choice-text:var(--a11y-text); --a11y-james-helper:var(--a11y-muted); --a11y-james-date:var(--a11y-secondary); }
.accessibility .a11y-payment-summary { color:#171717; }
.accessibility.dark .a11y-payment-chevron img,.accessibility.dark .a11y-payment-filters summary img,.accessibility.dark .a11y-payment-mobile-search > img { filter:brightness(0) invert(1); }
.accessibility.dark .a11y-payment-mobile-search,.accessibility[data-high-contrast=true] .a11y-payment-mobile-search { border-color:var(--a11y-strong); }
.accessibility .a11y-payments-page { width:100%; max-width:1275px; padding:50px 40px 50px 55px; color:var(--a11y-text,#171717); font-family:'Pretendard Variable',Pretendard,sans-serif; }
.accessibility .a11y-payments-heading { padding:0 5px; margin-bottom:23px; }
.accessibility .a11y-payments-heading h1 { font-size:38px; line-height:1.4; font-weight:700; margin:0 0 5px; }
.accessibility .a11y-payments-heading p { font-size:24px; line-height:normal; margin:0; }
.accessibility .a11y-payment-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; height:340px; padding:38px 29px; gap:10px; border:1px solid #f3f3f3; border-radius:15px; box-shadow:2px 2px 8px #00000014; background:url('/figma/accessibility/james/d8156.png') center/cover no-repeat; margin-bottom:60px; }
.accessibility .a11y-payment-metric { min-width:0; padding:12px; display:grid; grid-template-rows:80px 63px 31px; justify-items:center; gap:6px; }
.accessibility .a11y-payment-metric-title { width:100%; display:flex; align-items:center; gap:10px; font-size:22px; font-weight:500; line-height:1.5; white-space:nowrap; }
.accessibility .a11y-payment-metric-icon { width:74px; height:74px; border:1px solid #cecece; background:white; border-radius:50%; display:grid; place-items:center; flex-shrink:0; }
.accessibility .a11y-payment-metric-icon picture, .accessibility .a11y-payment-metric-icon img { display:block; width:33px; height:33px; object-fit:contain; }
.accessibility .a11y-payment-metric-value { font-size:42px; line-height:1.5; font-weight:700; white-space:nowrap; }
.accessibility .a11y-payment-metric-note { display:flex; gap:12px; align-items:center; font-size:18px; font-weight:500; white-space:nowrap; }
.accessibility .a11y-payment-metric-note b { font-size:18px; background:white; border:1px solid #cecece; border-radius:12px; padding:2px 6px; }
.accessibility .a11y-payment-week { width:100%; grid-row:2/4; align-self:end; display:flex; flex-direction:column; gap:24px; padding:3px; }
.accessibility .a11y-payment-week progress { appearance:none; border:0; width:100%; height:16px; border-radius:10px; overflow:hidden; background:#cecece; }
.accessibility .a11y-payment-week progress::-webkit-progress-bar { background:#cecece; }
.accessibility .a11y-payment-week progress::-webkit-progress-value { background:#005727; border-radius:10px; }
.accessibility .a11y-payment-week progress::-moz-progress-bar { background:#005727; border-radius:10px; }
.accessibility .a11y-payment-week > div { display:flex; justify-content:space-between; gap:6px; font-size:20px; font-weight:500; white-space:nowrap; }
.accessibility .a11y-payment-mobile-search { display:none; }
.accessibility .a11y-payment-toolbar { display:flex; justify-content:space-between; align-items:start; gap:12px; margin-bottom:40px; }
.accessibility .a11y-payment-categories { display:flex; flex-wrap:wrap; gap:12px; min-width:0; }
.accessibility .a11y-payment-categories button, .accessibility .a11y-payment-filters summary { border:1px solid var(--a11y-james-control-border,#cecece); background:var(--a11y-surface,#fff); padding:6px 20px; border-radius:25px; font-size:22px; line-height:1.5; font-weight:500; white-space:nowrap; cursor:pointer; }
.accessibility .a11y-payment-categories button[aria-pressed=true] { border-color:#005727; background:#005727; color:white; font-weight:700; }
.accessibility .a11y-payment-filters { position:relative; flex-shrink:0; }
.accessibility .a11y-payment-filters summary { display:flex; align-items:center; gap:4px; list-style:none; }
.accessibility .a11y-payment-filters summary::-webkit-details-marker { display:none; }
.accessibility .a11y-payment-filters summary img { width:24px; height:24px; }
.accessibility .a11y-payment-filter-panel { position:absolute; right:0; top:calc(100% + 8px); z-index:20; width:320px; max-width:calc(100vw - 24px); background:var(--a11y-surface,#fff); padding:20px; border:1px solid var(--a11y-james-control-border,#cecece); border-radius:15px; box-shadow:2px 2px 8px #00000014; display:grid; gap:14px; font-size:16px; }
.accessibility .a11y-payment-filter-panel label { display:grid; gap:5px; }
.accessibility .a11y-payment-filter-panel input, .accessibility .a11y-payment-filter-panel select { min-width:0; width:100%; border:1px solid var(--a11y-james-control-border,#cecece); border-radius:8px; padding:8px; }
.accessibility .a11y-payment-filter-panel button { padding:6px 9px; border:1px solid var(--a11y-james-control-border,#cecece); border-radius:8px; margin:3px; }
.accessibility .a11y-payment-filter-panel button[aria-pressed=true] { background:var(--a11y-selected,#ecf7f1); border-color:#005727; }
.accessibility .a11y-payment-groups { display:flex; flex-direction:column; gap:30px; }
.accessibility .a11y-payment-group { background:var(--a11y-james-subtle,#f3f3f3); padding:15px; border-radius:25px; }
.accessibility .a11y-payment-group h2 { margin:0 8px 18px; font-size:26px; line-height:normal; font-weight:400; }
.accessibility .a11y-payment-group > div { background:var(--a11y-surface,#fff); border-radius:25px; display:flex; flex-direction:column; gap:5px; }
.accessibility .a11y-payment-row { width:100%; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(100px,.7fr) auto 32px; align-items:center; gap:55px; padding:12px; border:0; background:transparent; color:var(--a11y-text,#171717); text-align:left; border-radius:25px; cursor:pointer; }
.accessibility .a11y-payment-row:hover { background:var(--a11y-selected,#ecf7f1); }
.accessibility .a11y-payment-row:focus-visible, .accessibility .a11y-payment-categories button:focus-visible, .accessibility .a11y-payment-filters summary:focus-visible { outline:3px solid #005727; outline-offset:3px; }
.accessibility .a11y-payment-merchant { display:flex; min-width:0; align-items:center; gap:12px; }
.accessibility .a11y-payment-merchant strong { min-width:0; font-size:28px; line-height:normal; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.accessibility .a11y-payment-logo { width:63px; height:63px; border:2px solid #f5f5f5; border-radius:15px; background:white; padding:5px; flex-shrink:0; display:grid; place-items:center; overflow:hidden; }
.accessibility .a11y-payment-logo img { width:100%; height:100%; object-fit:contain; border-radius:8px; }
.accessibility .a11y-payment-method { display:flex; align-items:center; justify-content:center; gap:10px; min-width:0; font-size:18px; font-weight:700; white-space:nowrap; }
.accessibility .a11y-visa-mark { width:50.143px; height:27px; background:#1a1f71; border-radius:7.714px; padding:7px 5px; display:grid; place-items:center; flex-shrink:0; }
.accessibility .a11y-visa-mark picture,.accessibility .a11y-visa-mark img { display:block; width:100%; height:100%; object-fit:contain; }
.accessibility .a11y-card-brand { max-width:110px; overflow:hidden; text-overflow:ellipsis; font-size:14px; }
.accessibility .a11y-payment-amount { color:var(--a11y-secondary,#373737); font-size:30px; line-height:1.5; font-weight:700; white-space:nowrap; }
.accessibility .a11y-payment-amount small { color:var(--a11y-muted,#6b6b6b); font-size:24px; }
.accessibility .a11y-payment-chevron { width:32px; height:32px; }
.accessibility .a11y-payment-chevron img { display:block; width:100%; height:100%; }
.accessibility .a11y-payment-empty { padding:40px 10px; text-align:center; font-size:18px; color:var(--a11y-muted,#6b6b6b); }
.accessibility .a11y-payment-detail { position:fixed; top:0; right:0; bottom:0; z-index:60; }
@media (min-width:768px) and (max-width:1599px) {
 .accessibility .a11y-payments-page { max-width:1220px; padding:50px 30px 40px; }
 .accessibility .a11y-payments-heading { padding:0; margin-bottom:30px; }
 .accessibility .a11y-payments-heading h1 { font-size:32px; }
 .accessibility .a11y-payments-heading p { font-size:18px; }
 .accessibility .a11y-payment-summary { height:299px; padding:35px 25px; margin-bottom:60px; background-image:url('/figma/accessibility/james/eb072.png'); }
 .accessibility .a11y-payment-metric { padding:6px; grid-template-rows:60px 60px 24px; }
 .accessibility .a11y-payment-metric-title { gap:8px; font-size:18px; }
 .accessibility .a11y-payment-metric-icon { width:56px; height:56px; }
 .accessibility .a11y-payment-metric-icon picture,.accessibility .a11y-payment-metric-icon img { width:27px; height:27px; }
 .accessibility .a11y-payment-metric-value { font-size:36px; }
 .accessibility .a11y-payment-metric-note,.accessibility .a11y-payment-metric-note b { font-size:14px; }
 .accessibility .a11y-payment-week > div { font-size:14px; }
 .accessibility .a11y-payment-categories button,.accessibility .a11y-payment-filters summary { font-size:20px; }
 .accessibility .a11y-payment-toolbar { margin-bottom:30px; }
 .accessibility .a11y-payment-group h2 { font-size:20px; }
 .accessibility .a11y-payment-row { gap:25px; }
 .accessibility .a11y-payment-merchant strong { font-size:24px; }
 .accessibility .a11y-payment-logo { width:56px; height:56px; border-width:1.75px; }
 .accessibility .a11y-payment-method { font-size:16px; }
 .accessibility .a11y-visa-mark { width:43.643px; height:23.5px; border-radius:6.714px; padding:6px 4px; }
 .accessibility .a11y-payment-amount { font-size:28px; }
 .accessibility .a11y-payment-amount small { font-size:22px; }
 .accessibility .a11y-payment-chevron { width:28px; height:28px; }
}
@media (min-width:768px) and (max-width:1199px) {
 .accessibility .a11y-payments-page { max-width:970px; }
 .accessibility .a11y-payment-summary { height:270px; padding:25px 15px; border-radius:25px; background-image:url('/figma/accessibility/james/2b06a.png'); }
 .accessibility .a11y-payment-metric-title { gap:6px; }
 .accessibility .a11y-payment-row { gap:18px; grid-template-columns:minmax(0,1fr) 120px auto 28px; }
}
@media (min-width:768px) and (max-width:1049px) {
 .accessibility .a11y-payment-metric-title { white-space:normal; font-size:16px; }
 .accessibility .a11y-payment-metric-value { font-size:28px; }
 .accessibility .a11y-payment-metric-note { white-space:normal; gap:4px; text-align:center; }
 .accessibility .a11y-payment-week > div { flex-wrap:wrap; }
}
@media (max-width:767px) {
 .accessibility .a11y-payments-page { padding:20px 12px; max-width:none; }
 .accessibility .a11y-payments-heading { padding:0 5px; margin-bottom:20px; }
 .accessibility .a11y-payments-heading h1 { font-size:24px; }
 .accessibility .a11y-payments-heading p { font-size:14px; line-height:1.4; }
 .accessibility .a11y-payment-summary { height:326px; display:flex; flex-direction:column; justify-content:center; gap:0; padding:22px 25px; background-image:url('/figma/accessibility/james/67c5d.png'); background-size:100% 100%; background-position:center bottom; margin-bottom:20px; }
 .accessibility .a11y-payment-metric { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto; align-items:center; padding:12px 0; border-bottom:1px solid #e6e6e6; gap:6px; }
 .accessibility .a11y-payment-metric-title { font-size:16px; gap:6px; }
 .accessibility .a11y-payment-metric-icon { width:38px; height:38px; border:0; background:#e7f7ee; }
 .accessibility .a11y-payment-metric-icon picture,.accessibility .a11y-payment-metric-icon img { width:23.385px; height:23.385px; }
 .accessibility .a11y-payment-metric-value { font-size:18px; }
 .accessibility .a11y-payment-metric-note { display:none; }
 .accessibility .a11y-payment-metric-3 { display:block; border:0; position:relative; padding-bottom:0; }
 .accessibility .a11y-payment-week { padding:0 0 0 44px; margin-top:5px; gap:8px; }
 .accessibility .a11y-payment-week progress { height:6px; }
 .accessibility .a11y-payment-week > div { font-size:12px; }
 .accessibility .a11y-payment-mobile-search { display:flex; gap:5px; align-items:center; border:1px solid #1111114d; background:var(--a11y-james-search,#f2f7f4); border-radius:1000px; padding:12px 17px; margin-bottom:20px; }
 .accessibility .a11y-payment-mobile-search img { width:24px; height:24px; }
 .accessibility .a11y-payment-mobile-search input { min-width:0; width:100%; border:0; background:transparent; font-size:16px; line-height:1.5; }
 .accessibility .a11y-payment-toolbar { margin-bottom:20px; }
 .accessibility .a11y-payment-categories { flex-wrap:nowrap; gap:8px; overflow-x:auto; padding:2px 0 4px; }
 .accessibility .a11y-payment-categories button { font-size:14px; padding:4px 15px; }
 .accessibility .a11y-payment-filters { display:none; }
 .accessibility .a11y-payment-groups { gap:15px; }
 .accessibility .a11y-payment-group { border:1px solid #ededed; border-radius:20px; padding:8px; }
 .accessibility .a11y-payment-group h2 { font-size:14px; color:var(--a11y-james-date,#565656); font-weight:500; margin:0 10px 6px; }
 .accessibility .a11y-payment-group > div { padding:10px; border-radius:20px; gap:5px; }
 .accessibility .a11y-payment-row { grid-template-columns:minmax(0,1fr) auto auto; gap:8px; padding:5px 4px; border-radius:15px; }
 .accessibility .a11y-payment-merchant { gap:10px; }
 .accessibility .a11y-payment-merchant strong { font-size:16px; }
 .accessibility .a11y-payment-logo { width:40px; height:40px; padding:4px; border-width:1.25px; border-radius:7.5px; }
 .accessibility .a11y-payment-method { gap:2px; font-size:14px; font-weight:400; }
 .accessibility .a11y-visa-mark { width:26px; height:14px; border-radius:4px; padding:3px 2px; background:transparent; }
 .accessibility .a11y-card-brand { max-width:42px; font-size:9px; }
 .accessibility .a11y-payment-amount,.accessibility .a11y-payment-amount small { font-size:18px; color:var(--a11y-secondary,#373737); }
 .accessibility .a11y-payment-chevron { display:none; }
}
.accessibility .a11y-data-panel { padding-bottom:36px; }
.accessibility .a11y-data-panel .a11y-settings-groups { gap:36px; }
.accessibility .a11y-data-group .a11y-setting-controls { padding-left:0; gap:18px; }
.accessibility .a11y-data-group + .a11y-data-group { border-top:1px solid var(--a11y-border); padding-top:30px; }
.accessibility .a11y-data-group p { line-height:1.5; }
.accessibility .a11y-data-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border:1px solid var(--a11y-strong); border-radius:50%; background:var(--a11y-selected); color:var(--a11y-green); }
.accessibility .a11y-data-icon :is(img,svg) { display:block; width:24px; height:24px; object-fit:contain; }
.accessibility .a11y-data-status { border:1px solid var(--a11y-border); border-radius:15px; background:var(--a11y-selected); padding:18px 20px; display:flex; flex-direction:column; gap:6px; }
.accessibility .a11y-data-status strong { font-size:18px; line-height:1.5; }
.accessibility .a11y-data-status p,.accessibility .a11y-data-status>span { margin:0; color:var(--a11y-secondary); font-size:15px; line-height:1.5; }
.accessibility .a11y-data-status .a11y-setting-button { margin-top:8px; align-self:flex-start; }
.accessibility .a11y-data-group .a11y-setting-button { align-self:flex-start; min-height:44px; cursor:pointer; }
.accessibility .a11y-data-panel .a11y-setting-select { gap:8px; }
.accessibility .a11y-data-panel .a11y-setting-select select { height:48px; }
.accessibility .a11y-data-panel .a11y-setting-switch-row { min-height:44px; }
.accessibility .a11y-data-panel .a11y-setting-switch { cursor:pointer; }
.accessibility .a11y-data-group .a11y-data-hint { font-size:15px; color:var(--a11y-muted); margin:0; }
.accessibility .a11y-data-link-card { display:flex; gap:16px; align-items:center; justify-content:space-between; border:1px solid var(--a11y-border); border-radius:15px; padding:16px 20px; min-width:0; }
.accessibility .a11y-data-link-card>span:first-child { display:flex; flex-direction:column; gap:5px; }
.accessibility .a11y-data-link-card strong { font-size:18px; }
.accessibility .a11y-data-link-card>span>span { font-size:15px; color:var(--a11y-secondary); }
.accessibility .a11y-data-text-link { color:var(--a11y-green); text-decoration:underline; text-underline-offset:4px; font-size:16px; line-height:1.5; padding:7px 0; }
.accessibility .a11y-data-connection-state { display:flex; align-items:center; gap:8px; font-size:15px; line-height:1.4; }
.accessibility .a11y-data-dot { width:8px; height:8px; border-radius:50%; background:var(--a11y-muted); flex:none; }
.accessibility .a11y-data-dot-connected { background:var(--a11y-green); }
.accessibility .a11y-data-toolbar { display:flex; align-items:center; gap:12px; }
.accessibility .a11y-data-search { min-width:0; flex:1; }
.accessibility .a11y-data-search input { width:100%; min-width:0; border:1px solid var(--a11y-strong); border-radius:12px; background:var(--a11y-surface); color:var(--a11y-text); font-size:16px; min-height:48px; padding:10px 14px; }
.accessibility .a11y-data-toolbar .a11y-setting-button { align-self:stretch; flex:none; }
.accessibility .a11y-data-group .a11y-data-list-count { font-size:14px; color:var(--a11y-muted); margin:0; }
.accessibility .a11y-data-senders { display:flex; flex-direction:column; }
.accessibility .a11y-data-sender { width:100%; display:flex; align-items:center; gap:12px; padding:16px 0; text-align:left; min-width:0; border-bottom:1px solid var(--a11y-border); cursor:pointer; }
.accessibility .a11y-data-sender:last-child { border-bottom:0; }
.accessibility .a11y-data-initial { display:grid; place-items:center; width:42px; height:42px; flex:none; font-size:20px; font-weight:600; color:var(--a11y-green); background:var(--a11y-selected); border-radius:50%; }
.accessibility .a11y-data-sender-copy { min-width:0; flex:1; display:flex; flex-direction:column; gap:4px; }
.accessibility .a11y-data-sender-copy strong { font-size:17px; line-height:1.4; overflow-wrap:anywhere; }
.accessibility .a11y-data-sender-copy>span { font-size:14px; line-height:1.5; color:var(--a11y-secondary); overflow-wrap:anywhere; }
.accessibility .a11y-data-badge { padding:4px 9px; border:1px solid var(--a11y-border); border-radius:20px; flex:none; font-size:12px; color:var(--a11y-secondary); }
.accessibility .a11y-data-badge-tracked { color:var(--a11y-green); background:var(--a11y-selected); }
.accessibility .a11y-data-row-arrow { font-size:24px; }
.accessibility .a11y-data-empty { padding:24px 16px; text-align:center; border:1px dashed var(--a11y-border); border-radius:15px; display:flex; flex-direction:column; align-items:center; gap:8px; }
.accessibility .a11y-data-empty .a11y-setting-button { align-self:center; }
.accessibility .a11y-data-empty strong { font-size:18px; }
.accessibility .a11y-data-provider-list { display:flex; flex-direction:column; gap:16px; }
.accessibility .a11y-data-provider { display:flex; gap:14px; align-items:flex-start; flex-wrap:wrap; padding:18px 16px; border:1px solid var(--a11y-border); border-radius:15px; }
.accessibility .a11y-data-provider-logo { width:46px; height:46px; display:grid; place-items:center; border:1px solid var(--a11y-border); background:#fff; border-radius:50%; flex:none; }
.accessibility .a11y-data-provider-logo img { width:28px; height:28px; object-fit:contain; }
.accessibility .a11y-data-provider-copy { flex:1; min-width:140px; }
.accessibility .a11y-data-provider-copy h4 { font-size:17px; font-weight:600; line-height:1.5; margin:0; overflow-wrap:anywhere; }
.accessibility .a11y-data-provider-copy p { font-size:14px; margin:3px 0 8px; }
.accessibility .a11y-data-provider-actions { display:flex; gap:10px; flex-wrap:wrap; width:100%; padding-left:60px; }
.accessibility .a11y-data-add-providers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.accessibility .a11y-data-add-provider { display:flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:12px; border:1px solid var(--a11y-strong); border-radius:15px; font-size:16px; cursor:pointer; }
.accessibility .a11y-data-add-provider img { width:28px; height:28px; padding:3px; object-fit:contain; background:#fff; border-radius:50%; }
.accessibility .a11y-data-dialog { width:540px; max-height:calc(100dvh - 40px); overflow:auto; padding:28px; }
.accessibility .a11y-data-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.accessibility .a11y-data-dialog-heading h2 { line-height:1.35; }
.accessibility .a11y-data-dialog-heading .a11y-setting-button { min-height:44px; flex:none; font-size:14px; }
.accessibility .a11y-data-dialog>p { font-size:16px; line-height:1.5; margin:16px 0 24px; }
.accessibility .a11y-data-form { display:flex; flex-direction:column; gap:20px; }
.accessibility .a11y-data-form>label { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:16px; font-weight:600; }
.accessibility .a11y-data-form>label>span { color:var(--a11y-muted); font-size:14px; font-weight:400; }
.accessibility .a11y-data-form input:not([type=radio]) { width:100%; min-width:0; min-height:48px; padding:10px 14px; border:1px solid var(--a11y-strong); border-radius:12px; background:var(--a11y-surface); color:var(--a11y-text); font-size:16px; font-weight:400; }
.accessibility .a11y-data-form fieldset { border:0; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.accessibility .a11y-data-form legend { margin-bottom:12px; font-size:16px; font-weight:600; }
.accessibility .a11y-data-radio { display:flex; align-items:flex-start; gap:12px; border:1px solid var(--a11y-border); padding:14px; border-radius:12px; cursor:pointer; }
.accessibility .a11y-data-radio:has(input:checked) { background:var(--a11y-selected); border-color:var(--a11y-green); }
.accessibility .a11y-data-radio input { margin-top:4px; width:18px; height:18px; accent-color:var(--a11y-green); flex:none; }
.accessibility .a11y-data-radio>span { display:flex; flex-direction:column; gap:5px; }
.accessibility .a11y-data-radio strong { font-size:16px; }
.accessibility .a11y-data-radio>span>span { font-size:14px; color:var(--a11y-secondary); line-height:1.4; }
.accessibility .a11y-data-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; }
.accessibility .a11y-data-actions .a11y-setting-button { min-height:44px; }
.accessibility .a11y-data-destructive { color:#a32626; border-color:#a32626; }
.accessibility.dark .a11y-data-destructive,.accessibility.dark .a11y-data-error { color:#ffb4b4; border-color:#ffb4b4; }
.accessibility .a11y-data-confirm { display:flex; flex-direction:column; gap:16px; padding-top:16px; border-top:1px solid var(--a11y-border); }
.accessibility .a11y-data-confirm p { margin:0; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.accessibility .a11y-data-error { color:#a32626; }
.accessibility .a11y-data-password { display:flex; width:100%; gap:8px; }
.accessibility .a11y-data-password button { padding:8px; min-width:48px; color:var(--a11y-green); font-size:14px; }
.accessibility .a11y-data-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.accessibility :is(.a11y-data-panel,.a11y-data-dialog) :is(button,a,input,select):focus-visible { outline:3px solid var(--a11y-green); outline-offset:3px; }
.accessibility :is(.a11y-data-sender,.a11y-data-add-provider,.a11y-data-link-card):hover { background:var(--a11y-selected); }
.accessibility :is(.a11y-data-panel,.a11y-data-dialog) button:disabled { opacity:.6; cursor:wait; }
.accessibility .a11y-settings-mobile-group>h2 { margin:0; padding-bottom:12px; border-bottom:1px solid var(--a11y-border); font-size:18px; line-height:1.5; font-weight:600; }
@media (max-width:1199px) {
 .accessibility .a11y-data-add-providers { grid-template-columns:minmax(0,1fr); }
 .accessibility .a11y-data-toolbar { flex-wrap:wrap; }
 .accessibility .a11y-data-search { flex-basis:100%; }
 .accessibility .a11y-data-provider-actions { padding-left:0; }
}
@media (max-width:767px) {
 .accessibility .a11y-data-panel { padding-bottom:24px; }
 .accessibility .a11y-data-panel .a11y-settings-groups { gap:28px; }
 .accessibility .a11y-data-group + .a11y-data-group { padding-top:24px; }
 .accessibility .a11y-data-status { padding:16px; }
 .accessibility .a11y-data-status strong { font-size:16px; }
 .accessibility .a11y-data-status p,.accessibility .a11y-data-status>span { font-size:14px; }
 .accessibility .a11y-data-group .a11y-data-hint { font-size:14px; }
 .accessibility .a11y-data-toolbar { gap:10px; }
 .accessibility .a11y-data-toolbar .a11y-setting-button { width:100%; }
 .accessibility .a11y-data-sender { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:8px; padding:16px 0; }
 .accessibility .a11y-data-initial { width:34px; height:34px; font-size:16px; grid-row:1 / 3; }
 .accessibility .a11y-data-sender-copy strong { font-size:16px; }
 .accessibility .a11y-data-sender-copy>span { font-size:13px; }
 .accessibility .a11y-data-badge { grid-column:2; justify-self:start; }
 .accessibility .a11y-data-row-arrow { grid-column:3; grid-row:1 / 3; }
 .accessibility .a11y-data-dialog { padding:22px 18px; max-width:calc(100vw - 24px); }
 .accessibility .a11y-data-dialog-heading h2 { font-size:22px; }
 .accessibility .a11y-settings-mobile-row>.a11y-data-icon { width:46px; height:46px; flex-basis:46px; }
}
.a11y-settings { width:100%; height:100%; min-width:0; overflow-y:auto; scrollbar-width:none; padding:50px 40px; color:var(--a11y-text); }
.a11y-settings-header { margin:0 0 30px; padding:0 5px; }
.a11y-settings-header h1 { font-size:38px; line-height:1.4; font-weight:700; margin:0; }
.a11y-settings-header p { font-size:24px; line-height:normal; margin:5px 0 0; }
.a11y-settings-layout { display:flex; align-items:flex-start; gap:25px; width:1186px; max-width:100%; }
.a11y-settings-nav { display:flex; flex:0 0 320px; flex-direction:column; gap:25px; }
.a11y-settings-nav section { display:flex; flex-direction:column; gap:15px; padding:23px 12px; border:1px solid var(--a11y-border); background:var(--a11y-surface); border-radius:15px; }
.a11y-settings-nav h2 { font-size:20px; font-weight:600; line-height:1.5; margin:0; padding:0 14px 15px; border-bottom:1px solid #cecece; }
.a11y-settings-nav a { display:flex; align-items:center; min-height:50px; padding:9px 20px; border:1px solid transparent; border-radius:15px; font-size:20px; line-height:1.5; }
.a11y-settings-nav a[aria-current=page] { color:var(--a11y-green); background:var(--a11y-selected); border-color:var(--a11y-strong); font-weight:600; }
.a11y-settings-panel { flex:1; min-width:0; padding:23px 29px 59px; border:1px solid var(--a11y-border); border-radius:15px; background:var(--a11y-surface); box-shadow:2px 2px 10px #0000000d; }
.a11y-settings-panel-title { display:flex; align-items:center; gap:12px; margin-bottom:36px; }
.a11y-settings-panel h2 { font-size:24px; font-weight:600; line-height:1.5; margin:0; }
.a11y-settings-groups { display:flex; flex-direction:column; gap:48px; }
.a11y-setting-group { display:flex; flex-direction:column; gap:20px; }
.a11y-setting-group>header { display:flex; align-items:flex-start; gap:12px; }
.a11y-setting-icon { flex:0 0 38px; height:38px; display:grid; place-items:center; border:.655px solid var(--a11y-strong); border-radius:50%; background:var(--a11y-page); }
.a11y-setting-icon img { width:22px; height:22px; object-fit:contain; }
.a11y-setting-icon-export { border:0; background:transparent; }
.a11y-setting-icon-export img { width:100%; height:100%; }
.a11y-setting-group h3 { font-size:24px; line-height:1.45; font-weight:600; margin:0; }
.a11y-setting-group p { font-size:18px; line-height:normal; margin:2px 0 0; color:var(--a11y-secondary); }
.a11y-setting-controls { display:flex; flex-direction:column; gap:20px; padding-left:50px; }
.a11y-segmented { display:flex; align-items:stretch; gap:12px; width:100%; }
.a11y-segmented button,.a11y-setting-button { display:flex; align-items:center; justify-content:center; min-height:40px; padding:6px 16px; border:1px solid var(--a11y-strong); border-radius:15px; font-size:16px; line-height:1.5; background:var(--a11y-surface); color:var(--a11y-text); }
.a11y-segmented button { flex:1; }
.a11y-segmented button[aria-pressed=true] { background:var(--a11y-selected); border-color:var(--a11y-green); font-weight:600; }
.a11y-setting-button.a11y-setting-primary,.a11y-segmented .a11y-setting-primary { background:var(--a11y-selected); border-color:var(--a11y-green); font-weight:600; }
.a11y-setting-switch-row { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:20px; line-height:normal; }
.a11y-setting-switch { position:relative; display:flex; flex:0 0 40px; align-items:center; height:24px; padding:2px; border-radius:1000px; background:#929292; }
.a11y-setting-switch::before { content:''; position:absolute; inset:-10px 0; }
.a11y-setting-switch>span { width:20px; height:20px; border-radius:50%; background:#fff; }
.a11y-setting-switch[aria-checked=true] { background:var(--a11y-green); justify-content:flex-end; }
.a11y-setting-select { display:flex; flex-direction:column; gap:10px; font-size:20px; line-height:normal; }
.a11y-setting-select select { width:100%; height:44px; padding:8px 36px 8px 16px; border:1px solid var(--a11y-strong); border-radius:15px; font-size:18px; color:var(--a11y-text); background:var(--a11y-surface) url('/figma/accessibility/shared/a92ec.svg') right 16px center/16px 16px no-repeat; appearance:none; }
.a11y-settings-mobile-index,.a11y-settings-back { display:none; }
.a11y-display-mode { width:1186px; max-width:100%; margin-bottom:28px; padding:24px; border:1px solid var(--a11y-strong); border-radius:15px; background:var(--a11y-surface); }
.a11y-display-mode h2 { margin:0; font-size:24px; line-height:1.4; font-weight:700; }
.a11y-display-mode p { margin:6px 0 18px; color:var(--a11y-secondary); font-size:18px; line-height:1.5; }
.a11y-display-mode>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.a11y-display-mode button { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; min-width:0; min-height:56px; padding:12px 16px; border:2px solid var(--a11y-strong); border-radius:12px; background:var(--a11y-surface); color:var(--a11y-text); font-size:20px; line-height:1.5; text-align:left; cursor:pointer; }
.a11y-display-mode button:hover { background:var(--a11y-selected); border-color:var(--a11y-green); }
.a11y-display-mode button[aria-pressed=true] { background:var(--a11y-selected); border-color:var(--a11y-green); font-weight:700; }
.a11y-display-mode-selected { font-size:14px; font-weight:700; }
.a11y-settings-dialog { position:fixed; z-index:201; left:50%; top:50%; transform:translate(-50%,-50%); width:440px; max-width:calc(100vw - 32px); padding:30px; border-radius:20px; background:var(--a11y-surface,#fff); color:var(--a11y-text,#171717); }
.a11y-settings-dialog h2 { font-size:24px; font-weight:700; }.a11y-settings-dialog p { font-size:18px; margin:16px 0 24px; }
@media (min-width:768px) and (max-width:1599px) {
 .a11y-settings { max-width:1220px; padding:20px 30px; }
 .a11y-settings-header { margin:0; padding:30px 0; }
 .a11y-settings-header h1 { font-size:32px; }.a11y-settings-header p { font-size:18px; }
 .a11y-settings-nav { flex-basis:244px; }.a11y-settings-nav h2,.a11y-settings-nav a { font-size:16px; }
 .a11y-settings-nav h2 { padding-left:6px; padding-right:6px; }
 .a11y-settings-nav a { min-height:40px; padding:8px 16px; }
 .a11y-setting-icon { flex-basis:33.25px; height:33.25px; }
 .a11y-setting-icon img { width:19px; height:19px; }
 .a11y-setting-icon-export img { width:100%; height:100%; }
 .a11y-setting-group>header { gap:16.75px; }
 .a11y-segmented button { min-height:37px; padding:8px 16px; font-size:14px; line-height:1.5; }
 .a11y-setting-switch { flex-basis:35px; height:21px; padding:1.75px; }
 .a11y-setting-switch>span { width:17.5px; height:17.5px; }
 .a11y-settings-panel h2,.a11y-setting-group h3 { font-size:22px; }.a11y-setting-group p { font-size:16px; }
 .a11y-setting-select,.a11y-setting-switch-row { font-size:18px; }.a11y-setting-select select { height:40px; font-size:16px; }
}
@media (max-width:767px) {
 .a11y-display-mode { padding:20px 16px; margin-bottom:18px; }
 .a11y-display-mode h2 { font-size:20px; }.a11y-display-mode p { font-size:16px; margin-bottom:16px; }
 .a11y-display-mode>div { grid-template-columns:minmax(0,1fr); gap:10px; }
 .a11y-display-mode button { min-height:52px; font-size:18px; }
 .a11y-settings { padding:30px 15px; }
 .a11y-settings-header { padding:0 2px; margin-bottom:18px; }
 .a11y-settings-header h1 { font-size:24px; }.a11y-settings-header p { font-size:14px; line-height:1.4; margin-top:3px; }
 .a11y-settings-mobile-index { display:flex; flex-direction:column; gap:18px; }
 .a11y-settings-mobile-group { display:flex; flex-direction:column; gap:20px; padding:20px 15px; border:1px solid #cecece; border-radius:15px; background:var(--a11y-surface); }
 .a11y-settings-mobile-row { display:flex; align-items:center; min-height:70px; gap:14px; }
 .a11y-settings-mobile-icon { flex:0 0 46px; width:46px; height:46px; }
 .a11y-settings-mobile-row>span { display:flex; flex:1; min-width:0; flex-direction:column; gap:6px; }
 .a11y-settings-mobile-row strong { font-size:18px; font-weight:700; line-height:normal; }
 .a11y-settings-mobile-row>span>span { font-size:14px; line-height:normal; color:var(--a11y-muted); }
 .a11y-settings-mobile-chevron { width:20px; height:20px; margin-left:-8px; }
 .a11y-settings-layout { display:none; }.a11y-settings-layout.a11y-settings-detail { display:block; }
 .a11y-settings-nav { display:none; }.a11y-settings-panel { padding:20px 15px; }
 .a11y-settings-back { display:flex; align-items:center; justify-content:center; min-width:36px; min-height:44px; font-size:30px; }
 .a11y-settings-panel-title { margin-bottom:24px; }.a11y-settings-panel h2 { font-size:22px; }
 .a11y-setting-group h3 { font-size:20px; }.a11y-setting-group p { font-size:14px; }.a11y-setting-controls { padding-left:0; }
 .a11y-setting-select,.a11y-setting-switch-row { font-size:16px; }.a11y-segmented { gap:6px; }.a11y-segmented button { padding:8px 6px; font-size:14px; min-height:44px; }
}
.accessibility .a11y-download-page { width:100%; max-width:1010px; padding:50px 40px; color:var(--a11y-text,#171717); font-family:'Pretendard Variable',Pretendard,sans-serif; }
.accessibility.dark .a11y-download-page { --a11y-james-subtle:var(--a11y-page); --a11y-james-control-border:var(--a11y-border); --a11y-james-option-border:var(--a11y-border); --a11y-james-choice-text:var(--a11y-secondary); --a11y-james-choice-selected:var(--a11y-text); --a11y-james-helper:var(--a11y-muted); color-scheme:dark; }
.accessibility[data-high-contrast=true] .a11y-download-page { --a11y-james-control-border:var(--a11y-strong); --a11y-james-option-border:var(--a11y-strong); --a11y-james-helper:var(--a11y-muted); --a11y-james-choice-text:var(--a11y-text); }
.accessibility .a11y-download-banner { color:#171717; }
.accessibility.dark .a11y-export-choice > span > img,.accessibility.dark .a11y-export-categories img:not(.a11y-export-check),.accessibility.dark .a11y-export-summary dl img { filter:brightness(0) invert(1); }
.accessibility .a11y-download-banner { height:261px; padding:43px 24px; border-radius:15px; border:1px solid #f3f3f3; box-shadow:2px 2px 8px #00000014; background:url('/figma/accessibility/james/a65df.png') center -11px/100% auto no-repeat; margin-bottom:60px; }
.accessibility .a11y-download-banner h1 { font-size:38px; font-weight:700; line-height:1.4; margin:0 0 5px; }
.accessibility .a11y-download-banner p { font-size:24px; line-height:normal; margin:0; }
.accessibility .a11y-export-steps { display:flex; flex-direction:column; gap:60px; }
.accessibility .a11y-export-step header { display:flex; gap:12px; align-items:start; margin-bottom:18px; }
.accessibility .a11y-export-step-number { flex-shrink:0; width:33px; height:33px; border-radius:100px; color:white; background:#005727; display:grid; place-items:center; font-size:22px; line-height:1.5; }
.accessibility .a11y-export-step h2 { margin:0 0 4px; font-size:24px; line-height:1.45; font-weight:600; }
.accessibility .a11y-export-step p { margin:0; font-size:18px; line-height:normal; color:var(--a11y-james-helper,#767676); }
.accessibility .a11y-export-step-body { padding-left:50px; }
.accessibility .a11y-export-choices { display:flex; gap:12px; }
.accessibility .a11y-export-choice { display:flex; flex:1; align-items:center; justify-content:center; min-width:0; position:relative; height:48px; padding:0 16px; border:1px solid var(--a11y-james-option-border,#adadad); border-radius:15px; background:var(--a11y-surface,#fff); color:var(--a11y-james-choice-text,#474747); font-size:15px; line-height:1.5; }
.accessibility .a11y-export-choice > span { display:flex; justify-content:center; align-items:center; gap:6px; }
.accessibility .a11y-export-choice img { width:20px; height:20px; object-fit:contain; }
.accessibility .a11y-export-choice[aria-pressed=true],.accessibility .a11y-export-categories button[aria-pressed=true] { border-color:#005727; background:var(--a11y-selected,#ecf7f1); color:var(--a11y-james-choice-selected,#111); }
.accessibility .a11y-export-choice[aria-pressed=true] { font-weight:700; }
.accessibility .a11y-export-choice > .a11y-export-check { position:absolute; left:16px; width:24px; height:24px; }
.accessibility .a11y-export-step-5 .a11y-export-choice img { width:32px; height:32px; }
.accessibility .a11y-export-step-5 .a11y-export-choice > .a11y-export-check { width:24px; height:24px; }
.accessibility .a11y-export-categories { display:flex; flex-wrap:wrap; gap:12px; }
.accessibility .a11y-export-categories button { display:flex; align-items:center; gap:6px; min-height:48px; padding:0 16px; border:1px solid var(--a11y-james-option-border,#adadad); border-radius:25px; background:var(--a11y-surface,#fff); font-size:18px; line-height:1.5; font-weight:500; }
.accessibility .a11y-export-categories img { width:20px; height:20px; object-fit:contain; }
.accessibility .a11y-export-categories .a11y-export-check { width:24px; height:24px; }
.accessibility .a11y-export-dates { display:flex; align-items:center; gap:16px; font-size:14px; color:var(--a11y-james-helper,#787878); }
.accessibility .a11y-export-dates input { border:1px solid var(--a11y-james-option-border,#adadad); border-radius:12px; height:48px; padding:0 16px; min-width:0; width:100%; flex:1; font-family:inherit; font-size:13px; font-weight:700; background:var(--a11y-surface,#fff); }
.accessibility .a11y-export-step-5 .a11y-export-step-body { padding-left:50px; }
.accessibility .a11y-export-summary { margin-top:60px; padding:20px; border-radius:15px; background:var(--a11y-james-subtle,#f3f3f3); }
.accessibility .a11y-export-summary h2 { font-size:22px; line-height:1.45; font-weight:600; margin:0; padding-bottom:16px; border-bottom:1px solid var(--a11y-james-control-border,#cecece); }
.accessibility .a11y-export-summary dl { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:30px 0; }
.accessibility .a11y-export-summary dl > div { display:flex; min-width:0; align-items:center; gap:14px; padding:0 16px; border-right:1px solid var(--a11y-james-control-border,#cecece); }
.accessibility .a11y-export-summary dl > div:first-child { padding-left:0; }
.accessibility .a11y-export-summary dl > div:last-child { border-right:0; }
.accessibility .a11y-export-summary dl img { width:32px; height:32px; object-fit:contain; flex-shrink:0; }
.accessibility .a11y-export-summary dl > div > div { min-width:0; }
.accessibility .a11y-export-summary dt { font-size:18px; font-weight:700; line-height:1.5; }
.accessibility .a11y-export-summary dd { margin:3px 0 0; font-size:15px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.accessibility .a11y-export-actions { display:flex; justify-content:flex-end; gap:12px; }
.accessibility .a11y-export-actions button { width:224px; max-width:50%; display:flex; align-items:center; justify-content:center; gap:8px; height:48px; border:1px solid #005727; border-radius:12px; background:var(--a11y-surface,#fff); color:#005727; font-size:16px; font-weight:600; }
.accessibility .a11y-export-actions button:last-child { background:#005727; color:white; font-weight:700; }
.accessibility .a11y-export-actions button:disabled { opacity:.55; cursor:default; }
.accessibility .a11y-export-actions img { width:24px; height:24px; object-fit:contain; }
.accessibility .a11y-export-preview { position:fixed; margin:auto; width:min(900px,calc(100vw - 32px)); max-height:85dvh; border:1px solid var(--a11y-james-control-border,#cecece); border-radius:20px; padding:24px; color:var(--a11y-text,#171717); background:var(--a11y-surface,#fff); }
.accessibility .a11y-export-preview::backdrop { background:#17171766; }
.accessibility .a11y-export-preview header { display:flex; justify-content:space-between; gap:20px; align-items:start; margin-bottom:20px; }
.accessibility .a11y-export-preview h2 { font-size:24px; font-weight:700; margin:0; }
.accessibility .a11y-export-preview p { margin:6px 0; }
.accessibility .a11y-export-preview button { border:1px solid var(--a11y-james-control-border,#cecece); padding:8px 12px; border-radius:8px; }
.accessibility .a11y-export-preview-table { overflow:auto; }
.accessibility .a11y-export-preview table { border-collapse:collapse; width:100%; }
.accessibility .a11y-export-preview th,.accessibility .a11y-export-preview td { padding:12px; border-bottom:1px solid var(--a11y-james-control-border,#cecece); text-align:left; }
.accessibility .a11y-download-page button:focus-visible { outline:3px solid #005727; outline-offset:3px; }
@media (min-width:768px) and (max-width:1599px) {
 .accessibility .a11y-download-page { max-width:1220px; padding:40px 30px; }
 .accessibility .a11y-download-banner { height:250px; padding:50px 30px; margin-bottom:30px; }
 .accessibility .a11y-download-banner h1 { font-size:32px; }
 .accessibility .a11y-download-banner p { font-size:18px; }
 .accessibility .a11y-export-dates input { height:40px; }
 .accessibility .a11y-export-step-5 .a11y-export-choice { height:64px; }
 .accessibility .a11y-export-summary dt { font-size:18px; }
 .accessibility .a11y-export-summary dl > div { gap:10px; padding:0 10px; }
 .accessibility .a11y-export-actions button { width:335px; }
}
@media (max-width:767px) {
 .accessibility .a11y-download-page { max-width:none; padding:20px 17px; }
 .accessibility .a11y-download-banner { height:166px; padding:25px 10px; margin-bottom:35px; }
 .accessibility .a11y-download-banner h1 { font-size:24px; }
 .accessibility .a11y-download-banner p { font-size:14px; line-height:1.4; }
 .accessibility .a11y-export-steps { gap:35px; }
 .accessibility .a11y-export-step header { gap:5px; margin-bottom:10px; }
 .accessibility .a11y-export-step-number { width:18px; height:18px; font-size:12px; }
 .accessibility .a11y-export-step h2 { font-size:14px; margin-bottom:4px; }
 .accessibility .a11y-export-step p { font-size:12px; line-height:1.4; }
 .accessibility .a11y-export-step-body { padding-left:20px; }
 .accessibility .a11y-export-choices { gap:4px; }
 .accessibility .a11y-export-choice { height:26px; border-radius:25px; padding:0 8px; font-size:10px; }
 .accessibility .a11y-export-choice > span { gap:4px; white-space:nowrap; }
 .accessibility .a11y-export-choice img { width:12px; height:12px; }
 .accessibility .a11y-export-choice > .a11y-export-check { position:static; width:14px; height:14px; margin-right:5px; }
 .accessibility .a11y-export-step-5 .a11y-export-step-body { padding-left:0; }
 .accessibility .a11y-export-step-5 .a11y-export-choice img { width:14px; height:14px; }
 .accessibility .a11y-export-categories { gap:6px; }
 .accessibility .a11y-export-categories button { min-height:26px; padding:0 10px; font-size:10px; gap:6px; }
 .accessibility .a11y-export-categories img { width:14px; height:14px; }
 .accessibility .a11y-export-categories .a11y-export-check { width:14px; height:14px; }
 .accessibility .a11y-export-dates { gap:10px; font-size:10px; }
 .accessibility .a11y-export-dates input { height:28px; padding:0 8px; border-radius:12px; font-size:10px; font-weight:400; }
 .accessibility .a11y-export-summary { margin-top:35px; padding:15px; border-radius:25px; margin-bottom:47px; position:relative; }
 .accessibility .a11y-export-summary h2 { font-size:14px; padding-bottom:8px; }
 .accessibility .a11y-export-summary dl { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:20px; margin:20px 0 10px; }
 .accessibility .a11y-export-summary dl > div { border:0; padding:0 4px; gap:6px; }
 .accessibility .a11y-export-summary dl img { width:18px; height:18px; }
 .accessibility .a11y-export-summary dt { font-size:10px; line-height:1.2; }
 .accessibility .a11y-export-summary dd { font-size:9px; margin-top:2px; }
 .accessibility .a11y-export-actions { position:absolute; top:calc(100% + 15px); left:0; right:0; gap:10px; }
 .accessibility .a11y-export-actions button { width:137px; height:32px; border-radius:25px; gap:6px; font-size:12px; }
 .accessibility .a11y-export-actions img { width:14px; height:14px; }
 .accessibility .a11y-export-preview { padding:16px; }
 .accessibility .a11y-export-preview th,.accessibility .a11y-export-preview td { padding:8px; font-size:14px; }
}
.accessibility .a11y-recycle-page { max-width:1200px; width:100%; padding:50px 40px; font-family:'Pretendard Variable',Pretendard,sans-serif; color:var(--a11y-text,#171717); }
.accessibility .a11y-recycle-banner { color:#171717; }
.accessibility.dark .a11y-recycle-search > img { filter:brightness(0) invert(1); }
.accessibility .a11y-recycle-banner { height:262px; padding:50px 30px; border-radius:26.786px; background:url('/figma/accessibility/james/e50c9.png') center/cover no-repeat; margin-bottom:30px; overflow:hidden; }
.accessibility .a11y-recycle-banner h1 { font-size:38px; line-height:1.4; font-weight:700; margin:0 0 5px; }
.accessibility .a11y-recycle-banner p { font-size:24px; line-height:normal; margin:0; }
.accessibility .a11y-recycle-content { padding:20px 10px; }
.accessibility .a11y-recycle-search { display:flex; align-items:center; gap:16px; height:54px; border:1px solid var(--a11y-strong,#818181); border-radius:25px; padding:0 18px; background:var(--a11y-surface,#fff); }
.accessibility .a11y-recycle-search img { width:30px; height:30px; flex-shrink:0; }
.accessibility .a11y-recycle-search input { font:inherit; font-size:20px; border:0; background:transparent; width:100%; min-width:0; }
.accessibility .a11y-recycle-actions { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin:16px 0 15px; min-height:54px; }
.accessibility .a11y-recycle-actions button { height:54px; border-radius:25px; padding:0 18px; display:flex; align-items:center; gap:8px; font-size:20px; }
.accessibility .a11y-recycle-actions button img { width:26px; height:26px; }
.accessibility .a11y-recycle-restore { background:#005727; color:white; border:1px solid #005727; }
.accessibility .a11y-recycle-restore:disabled { opacity:.6; cursor:default; }
.accessibility .a11y-recycle-delete { background:#929292; border:1px solid var(--a11y-james-control-border,#cecece); color:white; }
.accessibility .a11y-recycle-select-all { margin-right:auto; font-size:16px!important; color:#005727; }
.accessibility .a11y-recycle-select-all span { color:var(--a11y-muted,#6b6b6b); }
.accessibility .a11y-recycle-group { padding:30px 20px; border-bottom:1px solid var(--a11y-border,#dbdbdb); }
.accessibility .a11y-recycle-group:last-child { border-bottom:0; }
.accessibility .a11y-recycle-group h2 { font-size:26px; font-weight:400; line-height:normal; margin:0 8px 18px; }
.accessibility .a11y-recycle-group > div { display:flex; flex-direction:column; gap:16px; }
.accessibility .a11y-payment-row-selectable { grid-template-columns:minmax(0,1fr) minmax(100px,.7fr) auto; gap:30px; }
.accessibility .a11y-payment-row-selectable[aria-pressed=true] { background:var(--a11y-james-row-selected,#dbdbdb); }
.accessibility .a11y-payment-logo { position:relative; }
.accessibility .a11y-payment-logo .a11y-payment-selected-check { position:absolute; width:78%; height:78%; inset:11%; background:var(--a11y-james-subtle,#f3f3f3)e6; }
@media (min-width:1200px) and (max-width:1599px) {
 .accessibility .a11y-recycle-page { max-width:1220px; padding:60px 70px 40px; }
 .accessibility .a11y-recycle-banner { height:250px; padding:50px; }
 .accessibility .a11y-recycle-content { padding:10px 30px; }
}
@media (min-width:768px) and (max-width:1199px) {
 .accessibility .a11y-recycle-page { max-width:1010px; padding:40px 35px; }
 .accessibility .a11y-recycle-banner { height:250px; padding:50px 30px; }
 .accessibility .a11y-recycle-content { padding:10px 30px; }
}
@media (min-width:768px) and (max-width:1599px) {
 .accessibility .a11y-recycle-banner h1 { font-size:32px; }
 .accessibility .a11y-recycle-banner p { font-size:18px; }
 .accessibility .a11y-recycle-search { height:48px; }
 .accessibility .a11y-recycle-search input { font-size:18px; }
 .accessibility .a11y-recycle-group { padding:20px 10px; }
 .accessibility .a11y-recycle-group h2 { font-size:20px; }
 .accessibility .a11y-recycle-group > div { gap:16px; }
}
@media (max-width:767px) {
 .accessibility .a11y-recycle-page { padding:20px 12px; max-width:none; }
 .accessibility .a11y-recycle-banner { height:175px; padding:14px; margin-bottom:18px; border-radius:25px; background-size:100% 156.86%; background-position:left top -0.245px; }
 .accessibility .a11y-recycle-banner h1 { font-size:24px; }
 .accessibility .a11y-recycle-banner p { font-size:14px; line-height:1.4; }
 .accessibility .a11y-recycle-content { padding:0; }
 .accessibility .a11y-recycle-search { height:34px; padding:0 14px; gap:10px; }
 .accessibility .a11y-recycle-search img { width:20px; height:20px; }
 .accessibility .a11y-recycle-search input { font-size:14px; }
 .accessibility .a11y-recycle-actions { display:none; }
 .accessibility .a11y-recycle-actions[data-has-selection=true] { display:flex; flex-wrap:wrap; gap:6px; min-height:34px; margin:12px 0 0; }
 .accessibility .a11y-recycle-actions button { height:34px; font-size:14px; padding:0 12px; }
 .accessibility .a11y-recycle-actions button img { width:18px; height:18px; }
 .accessibility .a11y-recycle-select-all { font-size:12px!important; }
 .accessibility .a11y-recycle-select-all span { display:none; }
 .accessibility .a11y-recycle-group { padding:20px 0 10px; border:0; }
 .accessibility .a11y-recycle-group h2 { font-size:14px; color:var(--a11y-james-date,#565656); margin:0 10px 16px; }
 .accessibility .a11y-recycle-group > div { gap:6px; }
 .accessibility .a11y-payment-row-selectable { grid-template-columns:minmax(0,1fr) auto auto; gap:8px; padding:5px 16px; border-radius:25px; }
 .accessibility .a11y-payment-row-selectable[aria-pressed=true] { background:var(--a11y-james-mobile-selected,#e9e9e9); }
}
.accessibility .a11y-overview-page { max-width: 1240px; padding: 50px 40px; display: flex; flex-direction: column; gap: 60px; }
.accessibility .a11y-overview-page > .a11y-finance-page-heading { margin-bottom: -37px; }
.accessibility .a11y-finance-hero-overview { height: 260px; padding: 18px 17px; }
.accessibility .a11y-finance-hero-overview { background-image: url('/figma/accessibility/mary/cbd72.png'); background-size: cover; background-position: center; }
.accessibility .a11y-finance-hero-overview .a11y-finance-stats { background: transparent; padding: 10px; }
.accessibility .a11y-finance-hero-overview .a11y-finance-stat + .a11y-finance-stat { border-left: 0; }
.accessibility .a11y-finance-hero-overview .a11y-finance-stat-icon { background: #fff; border: 1px solid #cecece; }
.accessibility .a11y-finance-hero-overview .a11y-finance-change { background: #fff; }
.accessibility .a11y-overview-breakdown { width: 100%; display: flex; flex-direction: column; gap: 32px; }
.accessibility .a11y-overview-breakdown-heading { padding: 0 20px; display: flex; flex-direction: column; gap: 10px; }
.accessibility .a11y-overview-breakdown-heading h2 { font-size: 26px; font-weight: 500; line-height: 1.5; margin: 0; }
.accessibility .a11y-overview-breakdown-heading p { font-size: 30px; font-weight: 500; line-height: 40px; margin: 0; }
.accessibility .a11y-overview-breakdown-heading strong { font-size: 40px; font-weight: 600; letter-spacing: .4px; }
.accessibility .a11y-overview-category-bar { display: flex; height: 68px; min-height: 68px; overflow: hidden; border-radius: 15px; width: 100%; background: #e5e8eb; }
.accessibility .a11y-overview-category-bar button { background: var(--a11y-segment-color); color: var(--a11y-segment-text); border: 0; padding: 0; flex-basis: 0; min-width: 0; text-align: center; font-size: 24px; font-weight: 600; line-height: 1.5; cursor: pointer; }
.accessibility .a11y-overview-category-bar button:focus-visible { outline-offset: -3px; outline-color: var(--a11y-surface, #fff); }
.accessibility .a11y-overview-category-bar button[aria-pressed=true] { box-shadow: inset 0 0 0 3px #171717; }
.accessibility .a11y-overview-category-list { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.accessibility .a11y-overview-category-item { padding-bottom: 6px; margin: 0 24px; border-bottom: .5px solid #d9d9d9; }
.accessibility .a11y-overview-category-row { width: 100%; min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 18px; text-align: left; padding: 0; cursor: pointer; font-size: 24px; font-weight: 600; color: #202e5a; }
.accessibility .a11y-overview-category-row[aria-pressed=true] { background: var(--a11y-selected, #ecf7f1); border-radius: 8px; }
.accessibility .a11y-overview-category-name { width: 200px; flex: none; display: flex; align-items: center; gap: 16px; padding: 4px 8px; color: var(--a11y-text, #171717); }
.accessibility .a11y-overview-category-name strong { font-weight: 600; white-space: normal; overflow-wrap: normal; word-break: normal; }
.accessibility .a11y-overview-category-dot { width: 16px; height: 16px; border-radius: 50%; flex: none; }
.accessibility .a11y-overview-category-amount { min-width: 129px; }
.accessibility .a11y-overview-category-percent { min-width: 100px; text-align: center; }
.accessibility .a11y-overview-category-detail { padding: 12px 8px; }
.accessibility .a11y-overview-category-more { display: none; }
.accessibility .a11y-overview-changes { border: 1px solid #a1b2a9; background: #f0f9f5; border-radius: 15px; padding: 20px 35px; display: flex; align-items: center; justify-content: space-between; gap: 30px; width: 100%; }
.accessibility .a11y-overview-change-intro { display: flex; gap: 16px; align-items: center; width: 504px; flex: none; }
.accessibility .a11y-overview-change-intro > div { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 10px; }
.accessibility .a11y-overview-change-intro h2 { font-size: 28px; font-weight: 600; line-height: 1.5; margin: 0; }
.accessibility .a11y-overview-change-intro p { font-size: 20px; line-height: 1.5; color: var(--a11y-secondary, #393939); margin: 0; }
.accessibility .a11y-overview-trend-icon { width: 78px; height: 78px; display: flex; flex: none; align-items: center; justify-content: center; border: 1px solid #005727; border-radius: 50%; background: #e4f5eb; }
.accessibility .a11y-overview-trend-icon .a11y-finance-asset { width: 40.86px; height: 22px; }
.accessibility .a11y-overview-changes > .a11y-finance-category-changes { flex: 1; gap: 7px; }
.accessibility .a11y-overview-changes .a11y-finance-category-change { padding-inline: 0; }
.accessibility .a11y-overview-changes .a11y-finance-category-label strong { font-size: 24px; }
.accessibility .a11y-overview-reviews { display: flex; flex-direction: column; gap: 24px; width: 100%; }
.accessibility .a11y-overview-review-heading { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.accessibility .a11y-overview-review-heading h2 { margin: 0; font-size: 26px; font-weight: 700; line-height: 1.5; }
.accessibility .a11y-overview-review-heading button { color: #005727; padding: 8px; min-height: 44px; text-decoration: underline; }
.accessibility .a11y-overview-review-card { background: var(--a11y-surface, #fff); border: 1px solid #f2f2f2; border-radius: 15px; padding: 20px; }
.accessibility .a11y-finance-review-transactions { gap: 30px; }
.accessibility .a11y-finance-review-transactions .a11y-finance-transaction { padding: 12px; min-height: 87px; border: 0; gap: 20px; }
.accessibility .a11y-finance-review-transactions .a11y-finance-merchant-text strong { font-size: 28px; }
.accessibility .a11y-finance-review-transactions .a11y-finance-money { font-size: 32px; }
.accessibility .a11y-finance-review-transactions .a11y-finance-money > span { font-size: 24px; }
.accessibility .a11y-finance-payment-method { display: flex; align-items: center; justify-content: center; gap: 10px; width: 27%; font-size: 18px; font-weight: 700; }
.accessibility .a11y-finance-visa { display: flex; align-items: center; justify-content: center; background: #1a1f71; border-radius: 7.714px; width: 50.143px; height: 27px; }
.accessibility .a11y-finance-visa .a11y-finance-asset { width: 40.5px; height: 12.96px; }
.accessibility .a11y-overview-review-more-mobile { display: none; }
@media (min-width: 768px) and (max-width: 1599px) {
  .accessibility .a11y-overview-page { max-width: 1220px; padding: 50px 60px 40px; gap: 50px; }
  .accessibility .a11y-overview-page > .a11y-finance-page-heading { margin: 0 -30px -20px; }
  .accessibility .a11y-finance-hero-overview { height: 248px; padding: 27px 15px; }
  .accessibility .a11y-finance-hero-overview { background-image: url('/figma/accessibility/mary/a47d8.png'); }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stats { padding: 10px 0; }
  .accessibility .a11y-overview-breakdown-heading h2 { font-size: 20px; font-weight: 600; }
  .accessibility .a11y-overview-breakdown-heading p { font-size: 26px; font-weight: 700; }
  .accessibility .a11y-overview-breakdown-heading strong { font-size: 32px; }
  .accessibility .a11y-overview-category-bar button { font-size: 20px; font-weight: 700; }
  .accessibility .a11y-overview-category-row { font-size: 20px; }
  .accessibility .a11y-overview-category-name { width: 200px; }
  .accessibility .a11y-overview-category-percent { font-size: 18px; }
  .accessibility .a11y-overview-changes { padding: 20px 24px; gap: 20px; }
  .accessibility .a11y-overview-change-intro { width: 374px; }
  .accessibility .a11y-overview-trend-icon { width: 48px; height: 48px; }
  .accessibility .a11y-overview-trend-icon .a11y-finance-asset { width: 28px; height: 18px; }
  .accessibility .a11y-overview-change-intro h2 { font-size: 22px; font-weight: 700; }
  .accessibility .a11y-overview-change-intro p { font-size: 16px; }
  .accessibility .a11y-overview-changes .a11y-finance-category-label strong { font-size: 18px; }
  .accessibility .a11y-overview-changes .a11y-finance-category-icon { width: 46px; height: 46px; }
  .accessibility .a11y-overview-review-heading h2 { font-size: 22px; }
  .accessibility .a11y-finance-review-transactions .a11y-finance-merchant-text strong { font-size: 24px; }
  .accessibility .a11y-finance-review-transactions .a11y-finance-money { font-size: 28px; }
  .accessibility .a11y-finance-review-transactions .a11y-finance-money > span { font-size: 22px; }
  .accessibility .a11y-finance-payment-method { font-size: 16px; }
  .accessibility .a11y-finance-visa { width: 43.643px; height: 23.5px; border-radius: 6.714px; }
  .accessibility .a11y-finance-visa .a11y-finance-asset { width: 35.25px; height: 11.28px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .accessibility .a11y-overview-page { max-width: 970px; padding-inline: 30px; }
  .accessibility .a11y-finance-hero-overview { height: 240px; padding: 39px 24px; }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stats { height: 161px; padding: 0; }
  .accessibility .a11y-overview-page > .a11y-finance-page-heading { margin-inline: 0; }
  .accessibility .a11y-overview-changes { gap: 12px; padding-inline: 20px; }
  .accessibility .a11y-overview-change-intro { flex: 1; width: auto; min-width: 0; }
  .accessibility .a11y-overview-changes > .a11y-finance-category-changes { flex: 1; }
}
@media (max-width: 767px) {
  .accessibility .a11y-overview-page { padding: 30px 12px; gap: 18px; background: #f9f9f8; }
  .accessibility .a11y-overview-page > .a11y-finance-page-heading { margin: 0; }
  .accessibility .a11y-finance-hero-overview { height: 372px; padding: 11px 10px 12px; }
  .accessibility .a11y-finance-hero-overview { background-image: url('/figma/accessibility/mary/47322.png'); }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stats { height: 100%; padding: 20px; gap: 10px; }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stat { grid-template-columns: 46px minmax(0, 1fr) auto; min-height: 62px; }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stat-icon { width: 46px; height: 46px; border: 1px solid #c8c8c8; background: #e7f7ee; }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stat-icon .a11y-finance-asset { width: 28.308px; height: 28.308px; }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stat h3 { font-size: 18px; }
  .accessibility .a11y-finance-hero-overview .a11y-finance-stat > strong { font-size: 20px; }
  .accessibility .a11y-finance-hero-overview .a11y-finance-week-share p { font-size: 14px; }
  .accessibility .a11y-overview-breakdown { border: 1px solid #f2f2f2; border-radius: 15px; padding: 20px; gap: 24px; background: var(--a11y-surface, #fff); }
  .accessibility .a11y-overview-breakdown-heading { padding: 0; gap: 10px; }
  .accessibility .a11y-overview-breakdown-heading h2 { font-size: 18px; line-height: normal; font-weight: 600; }
  .accessibility .a11y-overview-breakdown-heading p { font-size: 18px; line-height: normal; font-weight: 700; }
  .accessibility .a11y-overview-breakdown-heading strong { font-size: 22px; font-weight: 700; letter-spacing: .22px; }
  .accessibility .a11y-overview-category-bar { min-height: 31px; height: 31px; border-radius: 6px; }
  .accessibility .a11y-overview-category-bar button { font-size: 10px; }
  .accessibility .a11y-overview-category-list { gap: 16px; margin-top: 8px; }
  .accessibility .a11y-overview-category-item { padding: 0; margin: 0; border: 0; }
  .accessibility .a11y-overview-category-list:not(.a11y-overview-category-list-expanded) .a11y-overview-category-item:nth-child(n+6) { display: none; }
  .accessibility .a11y-overview-category-row { min-height: 30px; font-size: 16px; gap: 8px; }
  .accessibility .a11y-overview-category-name { flex: 1; width: auto; padding: 0; gap: 10px; min-width: 0; }
  .accessibility .a11y-overview-category-name strong { font-size: 16px; }
  .accessibility .a11y-overview-category-dot { width: 12px; height: 12px; }
  .accessibility .a11y-overview-category-amount { min-width: 0; text-align: right; }
  .accessibility .a11y-overview-category-row > :is(.a11y-overview-category-percent, .a11y-finance-asset) { display: none; }
  .accessibility .a11y-overview-category-more { display: flex; margin-top: -8px; }
  .accessibility .a11y-overview-changes { padding: 20px; flex-direction: column; gap: 32px; align-items: stretch; }
  .accessibility .a11y-overview-change-intro { width: 100%; gap: 5px; align-items: flex-start; }
  .accessibility .a11y-overview-change-intro h2 { font-size: 18px; font-weight: 700; line-height: 1.5; }
  .accessibility .a11y-overview-change-intro p { font-size: 16px; line-height: 1.5; }
  .accessibility .a11y-overview-trend-icon { width: 46px; height: 46px; }
  .accessibility .a11y-overview-trend-icon .a11y-finance-asset { width: 25px; height: 17px; }
  .accessibility .a11y-overview-changes > .a11y-finance-category-changes { gap: 4.276px; width: 100%; }
  .accessibility .a11y-overview-changes .a11y-finance-category-label strong { font-size: 16px; }
  .accessibility .a11y-overview-reviews { border: 1px solid #ececec; border-radius: 15px; background: var(--a11y-surface, #fff); padding: 20px; gap: 12px; }
  .accessibility .a11y-overview-review-heading h2 { font-size: 18px; }
  .accessibility .a11y-overview-review-card { border: 0; padding: 0; }
  .accessibility .a11y-finance-review-transactions { gap: 10px; }
  .accessibility .a11y-finance-review-transactions .a11y-finance-transaction { min-height: 64px; padding: 12px 0; gap: 12px; }
  .accessibility .a11y-finance-review-transactions .a11y-finance-merchant-text strong { font-size: 16px; }
  .accessibility .a11y-finance-review-transactions .a11y-finance-money, .accessibility .a11y-finance-review-transactions .a11y-finance-money > span { font-size: 20px; }
  .accessibility .a11y-finance-payment-method { display: none; }
  .accessibility .a11y-overview-review-card:not(.a11y-overview-reviews-expanded) .a11y-finance-transaction:nth-child(n+5) { display: none; }
  .accessibility .a11y-overview-review-more-mobile { display: flex; }
}
/*$vite$:1*/