/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
/*
 * Bloom 2.0 design tokens — the single source of colours, type, radii,
 * shadows and control sizes.
 *
 * Source of truth: the designer's handoff, `docs/UI standards.md` (11–18.10.2026),
 * with `tokens.css` and `CLAUDE.md` of the handoff where the standard is silent.
 * Where the handoff contradicts itself, the later-dated UI standards win.
 * Names in comments in brackets are the handoff's own names (--p-card, --p-ink2…).
 *
 * Imported from globals.css before Tailwind; the legacy variables there
 * (--background-*, --text-*, --button-*, …) are aliases of these.
 * Plain CSS on purpose: css-loader does not run imported files through
 * PostCSS, so no Tailwind directives here.
 *
 * The theme class `.dark` sits on <html>, the same element as :root, so the
 * legacy aliases declared in :root resolve to the dark values as well.
 */

:root {
  /* ── Type ── */
  --font-ui:
    "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* everything else */
  --font-display:
    "Manrope Variable", "Manrope", var(--font-ui); /* titles and numbers */

  /* ── Shell (sidebar). Dark in both themes ── */
  --color-shell: #1a1f2b;
  --color-shell-hover: rgba(255, 255, 255, 0.12);
  --color-shell-active: #272e3c;
  --color-shell-active-hover: #313a4b;
  --color-shell-active-border: #39404f;
  --color-shell-ink: #c6d3db;
  --color-shell-ink-active: #ffffff;
  --color-shell-ink-hover: #eaf1f6;
  --color-shell-muted: #8fa3b0;
  --color-shell-label: #7e929f;
  --color-shell-divider: rgba(255, 255, 255, 0.1);
  /* Dark side panels of L-modals (Billing, Edit profile): same in both themes */
  --color-shell-ink-2: #b4c0cb; /* secondary text on the dark panel */
  --color-shell-track: #2f374a; /* progress track, buttons on the dark panel */
  --color-shell-card: #232a38; /* card on the dark panel */
  --color-shell-warn: #f4c95d; /* limit reached, ending plan on the dark panel */

  /* ── Surfaces ── */
  --color-surface: #ffffff; /* [card] canvas, cards, inputs, popovers, modals */
  --color-surface-edge: transparent; /* canvas border */
  --color-page: #f7fafc; /* [page] page background under page cards */
  --color-well: #f7fafc; /* [tile] grey tiles inside a card, open filter */
  --color-well-2: #f2f6f9; /* [soft] skeletons, neutral chips, plates */
  --color-raised: #ffffff; /* modal body */
  --color-row-hover: rgba(130, 150, 170, 0.08); /* table / list row hover */
  --color-row-selected: rgba(130, 150, 170, 0.12);
  --color-row-selected-hover: rgba(130, 150, 170, 0.16);
  --color-surface-hover: var(--color-row-hover);

  /* ── Text ── */
  --color-ink: #101820; /* [ink] main text, outline of a selected item */
  --color-ink-2: #4a5a66; /* [ink2] secondary text */
  --color-ink-3: #63717e; /* icons and meta on white */
  --color-muted: #8a9aa6; /* [muted] caps labels, meta, placeholders */
  --color-on-contrast: #ffffff;

  /* ── Lines and control borders ── */
  --color-line: #e8e8e8; /* [line] dividers, table lines */
  --color-divider: #eff4f7; /* soft dividers inside cards */
  --color-border: #e6edf2; /* [border] card and control border at rest */
  --color-border-hover: #cdd9e1; /* [bh] hover, open filter, dashed «+ Add» */
  --color-border-focus: #101820; /* focused field: ink border + focus shadow */
  --shadow-focus: 0 0 0 3px rgba(130, 150, 170, 0.18); /* no lime glow on fields */

  /* ── Lime: three shades, strict roles (same in both themes) ── */
  --color-accent: #c8f55a; /* fill at rest: buttons, counters, checked */
  --color-accent-hover: #b5ff00; /* hover over accent, active menu mark */
  --color-accent-ink: #2a4115; /* text and icons on lime */
  --color-accent-disabled: #edfbd1;
  --color-accent-data: #7eec01; /* progress and positive charts, never controls */
  --color-bar-gradient: linear-gradient(
    90deg,
    #9bf22a,
    #7eec01
  ); /* progress bars */
  --color-selected: #c8f55a; /* selected option in a dropdown list (+ weight 600) */
  --color-selected-wash: rgba(
    200,
    245,
    90,
    0.16
  ); /* picked row in a pick-one list (Send assessment) */
  --color-selected-hover: #b5ff00;
  --color-check: #2a4115;
  --color-over-target: #e0a800; /* nutrient ≥10% over target */

  /* ── Neutral buttons and ghost states ── */
  --color-btn-secondary: #f2f6f9; /* [soft] */
  --color-btn-secondary-hover: #e9f0f5; /* [softh] */
  --color-btn-secondary-active: #dfe9f0;
  --color-ghost-hover: rgba(130, 150, 170, 0.1); /* icon buttons, cross */
  --color-ghost-active: rgba(130, 150, 170, 0.22);

  /* ── Toggle and segmented control ── */
  --color-toggle-off: #e4ebf0;
  --color-toggle-knob: #ffffff;
  --color-segment-track: #f2f6f9;
  --color-segment-tint: rgba(
    130,
    150,
    170,
    0.14
  ); /* period and metric switches on a card or page */
  --color-segment-on: #ffffff;
  --color-segment-on-ink: #101820;

  /* ── Dark surfaces on top of the page (tooltip, toast) ── */
  --color-contrast: #101820;
  --color-tooltip: #101820;
  --color-toast: #101820;

  /* ── Status ── */
  --color-pos-bg: #edfbd1; /* [posbg] */
  --color-pos-ink: #3e7a12; /* [pos] */
  --color-neg-bg: #ffe9e9;
  --color-neg-ink: #a82424; /* [neg] */
  --color-neg-solid: #fa5959;
  --color-warn-bg: #fff6e0; /* [warnbg] */
  --color-warn-ink: #a47200; /* [warn] */
  --color-warn-solid: #f4a100;
  --color-info-bg: #e6eeff;
  --color-info-ink: #2f477c;
  --color-neutral-bg: #f2f6f9;
  --color-neutral-ink: #4a5a66;
  --color-danger: #a82424; /* danger text */
  --color-danger-bg: rgba(168, 36, 36, 0.08);
  --color-danger-hover-bg: rgba(
    168,
    36,
    36,
    0.1
  ); /* hover of a soft button with danger icon */
  --color-rec: #e5484d; /* live recording: dot, current wave bar */
  --color-brand-ring: rgba(
    200,
    245,
    90,
    0.18
  ); /* halo rings around the lime «done» badge */
  --color-brand-ring-2: rgba(200, 245, 90, 0.08);
  /* Chat thread (reference: Bloom Doctor - Chats) */
  --color-wave-off: #b8c4ce; /* voice wave not yet played, patient bubble */
  --color-me-meta: #b4c0cb; /* time, quote text and bar in the doctor bubble */
  --color-me-quote: rgba(
    255,
    255,
    255,
    0.1
  ); /* quote plate in the doctor bubble */
  --color-me-quote-hover: rgba(255, 255, 255, 0.18);
  --color-me-plate: rgba(
    255,
    255,
    255,
    0.12
  ); /* file icon, speed button in the doctor bubble */
  --color-me-plate-hover: rgba(255, 255, 255, 0.22);
  --color-me-chip: rgba(
    255,
    255,
    255,
    0.14
  ); /* reaction chip in the doctor bubble */
  --color-me-wave: rgba(
    255,
    255,
    255,
    0.35
  ); /* voice wave not yet played, doctor bubble */
  --color-media-scrim: rgba(
    16,
    24,
    32,
    0.56
  ); /* time and duration chips on photos */
  --color-media-scrim-hover: rgba(16, 24, 32, 0.72);
  /* Photo viewer (Food log meal modal): dark backdrop and round arrows over the photo */
  --color-media-backdrop: #101820;
  --color-media-control: rgba(255, 255, 255, 0.88);
  --color-media-control-hover: #ffffff;
  --color-media-control-ink: #101820;
  /* Tag roles: the dot shows what kind of mark it is (neutral · clinical · service) */
  --color-tag-neutral: #b8c4ce;
  --color-tag-clinical: #ce8a7c;
  --color-tag-service: #a9c96a;
  /* File type badges (Medical): PDF, DOC/DOCX, JPG/PNG/HEIC */
  --color-file-pdf: #d54848;
  --color-file-doc: oklch(0.5 0.14 260);
  --color-file-img: #1f8a3b;
  --color-danger-fill: #a82424; /* danger button, white text */
  --color-danger-fill-hover: #8e1d1d;
  --color-link: #3e7a12; /* link-action «Open meal plan →» */
  --color-link-hover: #1f8a3b;

  /* ── Nutrition ── */
  /* Macros: gradient left to right; solid for icons and fallbacks */
  --macro-protein: linear-gradient(90deg, #ffcd73, #ffa90c);
  --macro-protein-solid: #fb8c00;
  --macro-carbs: linear-gradient(90deg, #f69c7d, #de6a41);
  --macro-carbs-solid: #e53935;
  --macro-fat: linear-gradient(90deg, #c89af6, #9d4ceb);
  --macro-fat-solid: #8e24aa;
  --macro-fiber: linear-gradient(90deg, #1de22a, #15ae1f);
  --macro-fiber-solid: #15ae1f;
  --macro-water: linear-gradient(90deg, #1d90e2, #1564ae);
  --color-protein-bg: #ffeee0;
  --color-protein-ink: #9c4a11;
  --color-fat-bg: #f0eafb;
  --color-fat-ink: #5b3e9c;

  /* ── Charts ── */
  --color-bar-zero: #eff4f7;
  --color-bar-mid: #e4f5b8;
  --color-bar-high: #c8f55a;
  /* Patient Overview charts (reference: Overview v2) */
  --color-chart-complete: #9bf22a; /* complete food-log day, days logged a week */
  --color-chart-gradient: linear-gradient(
    180deg,
    #9bf22a,
    #7eec01
  ); /* activity bars */
  --color-chart-area: rgba(
    130,
    150,
    170,
    0.12
  ); /* area under the weight trend */
  /* Monitoring (reference: Patient Card D → Monitoring) */
  --color-chart-future: rgba(
    130,
    150,
    170,
    0.06
  ); /* weight chart right of Today */
  --color-minutes-1: rgba(200, 245, 90, 0.32); /* active minutes under 15 */
  --color-minutes-2: rgba(
    200,
    245,
    90,
    0.62
  ); /* under 30; under 45 = accent, more = chart-complete */
  /* Food log → Day total → Water (reference: Patient Card D) */
  --color-water-track: rgba(47, 140, 240, 0.14);
  --color-water-fill: var(--macro-water);
  --color-water-bubble: rgba(255, 255, 255, 0.75);

  /* ── Overlays and shadows ── */
  --color-scrim: rgba(16, 24, 32, 0.48);
  --shadow-popover: 0 8px 24px rgba(17, 69, 95, 0.12);
  --shadow-chat-panel: -16px 0 48px rgba(17, 69, 95, 0.14); /* patient card chat panel */
  --shadow-menu:
    0 12px 32px rgba(17, 69, 95, 0.18), 0 0 0 1px rgba(17, 69, 95, 0.04); /* chat attach menu, emoji picker */
  --shadow-modal: 0 24px 64px rgba(17, 69, 95, 0.24);
  --shadow-toast: 0 10px 30px rgba(16, 24, 32, 0.22);
  --shadow-segment: 0 1px 2px rgba(17, 69, 95, 0.16);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.24);

  /* ── Radii ── */
  --radius-pill: 999px; /* buttons, pills, segments, avatars */
  --radius-canvas: 18px; /* canvas and page cards */
  --radius-card: 18px; /* page card: padding 20, border [border] */
  --radius-modal: 18px; /* modals */
  --radius-dropdown: 16px; /* dropdown list under a field */
  --radius-popover: 12px; /* popovers, tooltips */
  --radius-control: 12px; /* inputs, filters, plates */
  --radius-nav: 8px; /* icon buttons 32, menu items, list rows */
  --radius-chip: 8px; /* tags */
  --radius-small: 6px; /* checkboxes, small markers, cells */
  --radius-xs: 4px; /* tiny cells, legend swatches */

  /* ── Font sizes: 11 · 12 · 13 · 14 · 15 · 16 · 18 · 20 · 22 · 24 · 26 · 28 · 32 · 40 ── */
  --font-size-tiny: 10px; /* known exception only (Nutri-Score) and legacy */
  --font-size-overline: 11px; /* 11/600 caps 0.05em muted — block and column labels */
  --font-size-caption: 12px; /* meta, legends, hints */
  --font-size-small: 13px; /* secondary text, button labels */
  --font-size-body: 14px; /* main text of rows */
  --font-size-body-lg: 15px; /* 15/600 — name in a table row */
  --font-size-subtitle: 16px; /* 16/700 Manrope — card or panel title */
  --font-size-title-sm: 18px;
  --font-size-title: 20px; /* 20/800 Manrope — numbers in a day panel */
  --font-size-title-lg: 22px;
  --font-size-heading: 24px;
  --font-size-page-title: 26px; /* 26/800 Manrope — page h1 */
  --font-size-display: 28px; /* 28/800 Manrope −0.02em — tile number */
  --font-size-display-lg: 32px;
  --font-size-hero: 40px;

  /* ── Sizes and spacing ── */
  --control-height: 40px; /* buttons, inputs, selects, filters */
  --control-height-sm: 32px; /* secondary buttons, icon buttons */
  --chip-height: 24px; /* tags and status badges */
  --card-padding: 20px; /* page card */
  --popover-padding: 16px; /* popovers and small cards */
  --card-gap: 16px; /* between page cards */
  --sidebar-width: 264px;
  --sidebar-width-collapsed: 70px;

  /* ── Motion ── */
  --duration-hover: 140ms;
  --duration-panel: 200ms;
  --ease-ios: cubic-bezier(0.32, 0.72, 0, 1);
}

.dark {
  --color-tag-neutral: #5a6676;
  --color-tag-clinical: #e8a99c;
  --color-tag-service: #bbdb79;
  --color-shell: #0d1118;
  --color-shell-active: #272e3c;

  --color-surface: #1c2230;
  --color-surface-edge: #2f374a;
  --color-page: #161b25;
  --color-well: #222835;
  --color-well-2: #232a38;
  --color-raised: #1c2230;

  --color-ink: #edf1f5;
  --color-ink-2: #9aa7b4;
  --color-ink-3: #9aa7b4;
  --color-muted: #7e8b99;
  --color-on-contrast: #ffffff;

  --color-line: #2b3240;
  --color-divider: #2b3240;
  --color-border: #2b3240;
  --color-border-hover: #3d4659;
  --color-border-focus: #edf1f5;

  --color-accent-disabled: #3a4a22;
  --color-check: #2a4115;

  --color-btn-secondary: #232a38;
  --color-btn-secondary-hover: #2e3648;
  --color-btn-secondary-active: #2e3648;

  --color-toggle-off: #3d4659;
  --color-segment-track: #232a38;
  --color-segment-tint: rgba(130, 150, 170, 0.18);
  --color-segment-on: #2e3648;
  --color-segment-on-ink: #ffffff;

  --color-contrast: #2b3240;
  --color-tooltip: #2b3240;
  --color-toast: #2b3240;

  --color-pos-bg: rgba(157, 232, 79, 0.14);
  --color-pos-ink: #9de84f;
  --color-neg-bg: rgba(255, 140, 122, 0.12);
  --color-neg-ink: #ff8c7a;
  --color-warn-bg: rgba(244, 201, 93, 0.14);
  --color-warn-ink: #f4c95d;
  --color-info-bg: rgba(91, 185, 245, 0.14);
  --color-info-ink: #8ccbf5;
  --color-neutral-bg: #232a38;
  --color-neutral-ink: #9aa7b4;
  --color-danger: #ff8c7a;
  --color-danger-bg: rgba(255, 140, 122, 0.12);
  --color-link: #9de84f;
  --color-link-hover: #b9f06a;

  --color-protein-bg: rgba(245, 168, 91, 0.18);
  --color-protein-ink: #f5a85b;
  --color-fat-bg: rgba(196, 169, 240, 0.18);
  --color-fat-ink: #c4a9f0;

  --color-bar-zero: #343c4c;
  --color-bar-mid: #5c7f1f;
  --color-bar-high: #7eec01;

  --color-scrim: rgba(0, 0, 0, 0.6);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-chat-panel: -16px 0 48px rgba(0, 0, 0, 0.45);
  --shadow-menu:
    0 12px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.6);
  --shadow-toast: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-segment: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-focus: 0 0 0 3px rgba(130, 150, 170, 0.18);
}

/* inter-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/b5cdd4765614e027c252.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/49594fb515ba00213fc3.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/f4df85d151e5ee39bc2b.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/4f908aee8194b11d9c35.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/ab4bb8dcda024fe6eff2.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/8bff79fbfaa8b8167a0b.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/4f2981d82860061bca3e.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* manrope-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/b554147c082021e7450d.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* manrope-cyrillic-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/26b5a940f00e7e312270.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* manrope-greek-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/539fb8477d7d315017b0.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* manrope-vietnamese-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/4b711f5bb527c664e5be.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* manrope-latin-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/e46c8aa413216025354a.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* manrope-latin-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/c5d858e9b56ba827c16c.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Bloom 2.0 type: Inter for UI, Manrope for titles and numbers (variable, self-hosted, with Cyrillic) */

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com *//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--font-ui); /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  /*
   * Legacy variables. Every one that has a counterpart in Bloom 2.0 is an alias
   * of a token from tokens.css, so the whole app follows the new palette and
   * dark theme. New code uses the tokens (--color-*, --radius-*, --font-size-*)
   * or their Tailwind names directly, not these.
   */
  :root {
    /* Legacy name: Roboto is gone, the UI font is Inter (tokens.css) */
    --font-roboto: var(--font-ui);

    --background-base: var(--color-surface);
    --background-base-alt: var(--color-page);
    --background-base-hover: #fafcfd;
    --background-base-active: var(--color-well-2);
    --background-base-disabled: #fafcfd;

    --border-base: var(--color-border);
    --border-base-hover: var(--color-border-hover);
    --border-base-active: var(--color-border-focus);
    --border-base-disabled: var(--color-divider);
    --border-line: var(--color-line);
    --border-error: var(--color-neg-solid);
    --border-conrast: var(--color-ink-3);

    --background-neutral-1: var(--color-surface);
    --background-neutral-2: #fafcfd;
    --background-neutral-3: var(--color-well-2);
    --background-neutral-3-hover: var(--color-btn-secondary-hover);
    --background-neutral-3-active: var(--color-btn-secondary-active);
    --background-neutral-4: #e4ebf0;
    --background-neutral-4-hover: #d6e0e7;
    --background-neutral-4-active: var(--color-border-hover);
    --background-neutral-5: var(--color-muted);

    --background-contrast: var(--color-contrast);
    --background-contrast-pale: var(--color-scrim);
    --background-modalscreen: var(--color-scrim);

    --background-accient-1-pale: #f5fafd;
    --background-accient-2: var(--color-neg-solid);
    --background-accient-2-pale: #ffe9e9;
    --background-accient-2-pale-hover: rgba(250, 89, 89, 0.08);
    --background-accient-3: var(--color-accent-data);
    --background-accent-3-pale: var(--color-pos-bg);
    --background-accient-5-pale: var(--color-warn-bg);

    --button-base: var(--color-surface);
    --button-base-alt: var(--color-btn-secondary);
    --button-base-alt-hover: var(--color-btn-secondary-hover);
    --button-base-alt-active: var(--color-btn-secondary-active);
    --button-base-alt-disabled: #f7f9fb;
    --button-contrast: var(--color-contrast);

    --button-accent-1: var(--color-accent);
    --button-accent-1-hover: var(--color-accent-hover);
    --button-accent-1-active: var(--color-accent-hover);
    --button-accent-1-disabled: var(--color-accent-disabled);
    --button-accent-2: var(--color-neg-solid);
    --button-accent-3-pale: var(--color-info-bg);

    --text-primary: var(--color-ink);
    --text-secondary: var(--color-ink-2);
    --text-tertiary: var(--color-muted);
    --text-error: var(--color-danger);
    --text-link: var(--color-ink);
    --text-approve: var(--color-pos-ink);
    --text-accent-light: var(--color-on-contrast);
    --text-accent-dark: var(--color-accent-ink);
    --text-contrast: var(--color-accent-ink);

    --badge-base: var(--color-muted);
    --badge-positive: var(--color-accent-data);
    --badge-negative: var(--color-neg-solid);

    --graphic-accent-1: var(--color-accent);

    --background-switcher: var(--color-toggle-off);
    --background-switcher-hover: #d6e0e7;
    --background-switcher-active: var(--color-accent);
    --background-switcher-active-hover: var(--color-accent-hover);
    --background-switcher-dot: var(--color-toggle-knob);
    --background-switcher-dot-hover: var(--color-toggle-knob);

    /* No Bloom 2.0 counterpart yet (charts, tags, chat): own values */
    --background-accient-2-pale-active: rgba(250, 89, 89, 0.14);
    --background-accient-3-hover: #8fdf33ff;
    --background-accient-4: #2563ebff;
    --background-accient-4-pale: rgba(37, 99, 235, 0.08);
    --background-accient-5: #f4a100;
    --background-contrast-disabled: #cdd9e1;
    --background-contrast-alt: #ffffffff;
    --background-modalimg: rgba(16, 24, 32, 0.55);
    --border-img: rgba(255, 255, 255, 0.4);
    --border-base--ac: #b5dff3ff;
    --text-accent-light-disabled: #fafcfd;
    --text-error-disabled: rgba(168, 36, 36, 0.4);
    --badge-dark: rgba(16, 24, 32, 0.5);
    --message-own-background: #e8ecf0ff;

    --tag-blue: #6ec3f6ff;
    --tag-lime: #7eec01ff;
    --tag-green: #27ec14ff;
    --tag-yellow: #ffcf35ff;
    --tag-orange: #ff7622ff;
    --tag-red: #ff5547ff;
    --tag-chosen: #ffce2eff;

    /* Patient tag palette */
    /* Bloom 2.0: the slots are the tag roles (tokens.css): 1 Service, 2 Neutral, 3 Clinical */
    --patient-tag-color-1: var(--color-tag-service);
    --patient-tag-color-1-border: var(--color-tag-service);
    --patient-tag-color-1-text: var(--text-primary);
    --patient-tag-color-2: var(--color-tag-neutral);
    --patient-tag-color-2-border: var(--color-tag-neutral);
    --patient-tag-color-2-text: var(--text-primary);
    --patient-tag-color-3: var(--color-tag-clinical);
    --patient-tag-color-3-border: var(--color-tag-clinical);
    --patient-tag-color-3-text: var(--text-primary);

    --graphic-accent: #a65ceeff;
    --graphic-accent-pale: #a65cee66;
    --graphic-line: var(--color-divider);
    --graphic-line-accent: #cdd9e1;
    --graphic-neutral-1: #e4ebf0;

    --chart-zone-red: rgba(255, 233, 233, 0.7);
    --chart-zone-green: rgba(237, 251, 209, 0.7);

    /* shadcn/ui names used by the components in src/components/ui */
    --background: var(--color-surface);
    --foreground: var(--color-ink);
    --card: var(--color-surface);
    --card-foreground: var(--color-ink);
    --popover: var(--color-surface);
    --popover-foreground: var(--color-ink);
    --primary: var(--color-accent);
    --primary-foreground: var(--color-accent-ink);
    --secondary: var(--color-btn-secondary);
    --secondary-foreground: var(--color-ink);
    --muted: var(--color-well-2);
    --muted-foreground: var(--color-ink-3);
    --accent: var(--color-ghost-hover);
    --accent-foreground: var(--color-ink);
    --destructive: var(--color-danger);
    --destructive-foreground: #ffffff;
    --border: var(--color-border);
    --input: var(--color-border);
    --ring: var(--color-border-focus);
  }

  .dark {
    /* Only the legacy values without a Bloom 2.0 counterpart; the rest follow tokens.css */
    --background-base-hover: #222835;
    --background-base-disabled: #1c2230;
    --background-neutral-2: #222835;
    --background-neutral-4: #2b3240;
    --background-neutral-4-hover: #3d4659;
    --border-base-disabled: #222835;
    --background-accient-2-pale: rgba(255, 140, 122, 0.12);
    --button-base-alt-disabled: #222835;
    --background-switcher-hover: #4a5468;
    --background-accient-4-pale: rgba(37, 99, 235, 0.18);
    --chart-zone-red: rgba(255, 140, 122, 0.1);
    --chart-zone-green: rgba(157, 232, 79, 0.1);
    --text-error-disabled: rgba(255, 140, 122, 0.4);
    --background-accient-2-pale-active: #ff2a2a1a;
    --background-contrast-disabled: #2b3240;
    --background-contrast-alt: #1c2230;
    --background-modalimg: rgba(0, 0, 0, 0.7);
    --border-img: rgba(255, 255, 255, 0.12);
    --message-own-background: #1e3a52ff;

    --graphic-line-accent: #3d4659;
    --graphic-neutral-1: #2b3240;
  }

  body {
    font-family: var(--font-ui);
    color: var(--text-primary);
    background: var(--background-base);
  }

  :root {
    --gradient: linear-gradient(
      90deg,
      0% rgba(126, 236, 1, 1),
      51.923078298568726% rgba(27, 146, 243, 1),
      100% rgba(255, 32, 32, 1)
    );
    --blue: linear-gradient(
      90deg,
      0% rgba(110, 195, 246, 1),
      100% rgba(110, 195, 246, 0.15)
    );
  }
.container{
  width: 100%;
}
@media (min-width: 575px){

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

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

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

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

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

  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.inset-1{
  inset: 0.25rem;
}
.inset-\[-1px\]{
  inset: -1px;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-2{
  left: 0.5rem;
  right: 0.5rem;
}
.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.\!bottom-2{
  bottom: 0.5rem !important;
}
.\!top-2{
  top: 0.5rem !important;
}
.-bottom-0\.5{
  bottom: -0.125rem;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-12{
  bottom: -3rem;
}
.-bottom-\[130px\]{
  bottom: -130px;
}
.-bottom-\[150px\]{
  bottom: -150px;
}
.-bottom-\[170px\]{
  bottom: -170px;
}
.-left-0\.5{
  left: -0.125rem;
}
.-left-12{
  left: -3rem;
}
.-right-0\.5{
  right: -0.125rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-1\.5{
  right: -0.375rem;
}
.-right-10{
  right: -2.5rem;
}
.-right-12{
  right: -3rem;
}
.-right-2\.5{
  right: -0.625rem;
}
.-right-9{
  right: -2.25rem;
}
.-right-\[150px\]{
  right: -150px;
}
.-right-\[170px\]{
  right: -170px;
}
.-right-\[190px\]{
  right: -190px;
}
.-right-\[21px\]{
  right: -21px;
}
.-right-\[3px\]{
  right: -3px;
}
.-top-0\.5{
  top: -0.125rem;
}
.-top-1{
  top: -0.25rem;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-12{
  top: -3rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-2\.5{
  top: -0.625rem;
}
.-top-4{
  top: -1rem;
}
.-top-\[170px\]{
  top: -170px;
}
.-top-\[3px\]{
  top: -3px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1{
  bottom: 0.25rem;
}
.bottom-1\.5{
  bottom: 0.375rem;
}
.bottom-10{
  bottom: 2.5rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-24{
  bottom: 6rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-7{
  bottom: 1.75rem;
}
.bottom-\[calc\(100\%\+6px\)\]{
  bottom: calc(100% + 6px);
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1{
  left: 0.25rem;
}
.left-1\/2{
  left: 50%;
}
.left-14{
  left: 3.5rem;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.left-\[14px\]{
  left: 14px;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[20px\]{
  left: 20px;
}
.left-\[30px\]{
  left: 30px;
}
.left-\[50\%\]{
  left: 50%;
}
.left-full{
  left: 100%;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-1\/2{
  right: 50%;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-3\.5{
  right: 0.875rem;
}
.right-4{
  right: 1rem;
}
.right-6{
  right: 1.5rem;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-10{
  top: 2.5rem;
}
.top-11{
  top: 2.75rem;
}
.top-12{
  top: 3rem;
}
.top-2{
  top: 0.5rem;
}
.top-2\.5{
  top: 0.625rem;
}
.top-3{
  top: 0.75rem;
}
.top-3\.5{
  top: 0.875rem;
}
.top-4{
  top: 1rem;
}
.top-6{
  top: 1.5rem;
}
.top-9{
  top: 2.25rem;
}
.top-\[-120px\]{
  top: -120px;
}
.top-\[11px\]{
  top: 11px;
}
.top-\[1px\]{
  top: 1px;
}
.top-\[50\%\]{
  top: 50%;
}
.top-\[60\%\]{
  top: 60%;
}
.top-\[72px\]{
  top: 72px;
}
.top-\[calc\(100\%\+4px\)\]{
  top: calc(100% + 4px);
}
.top-\[calc\(100\%\+6px\)\]{
  top: calc(100% + 6px);
}
.top-\[calc\(100\%\+8px\)\]{
  top: calc(100% + 8px);
}
.top-\[calc\(50\%\+1px\)\]{
  top: calc(50% + 1px);
}
.top-full{
  top: 100%;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[10001\]{
  z-index: 10001;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[31\]{
  z-index: 31;
}
.z-\[3\]{
  z-index: 3;
}
.z-\[41\]{
  z-index: 41;
}
.z-\[4\]{
  z-index: 4;
}
.z-\[80\]{
  z-index: 80;
}
.z-\[9999\]{
  z-index: 9999;
}
.col-span-1{
  grid-column: span 1 / span 1;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.col-span-3{
  grid-column: span 3 / span 3;
}
.row-span-2{
  grid-row: span 2 / span 2;
}
.m-0{
  margin: 0px;
}
.m-2{
  margin: 0.5rem;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.-mx-3{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-my-0\.5{
  margin-top: -0.125rem;
  margin-bottom: -0.125rem;
}
.-my-1{
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.-my-1\.5{
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}
.-my-3{
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-3\.5{
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5{
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-1{
  margin-bottom: -0.25rem;
}
.-mb-2{
  margin-bottom: -0.5rem;
}
.-mb-3{
  margin-bottom: -0.75rem;
}
.-mb-5{
  margin-bottom: -1.25rem;
}
.-mb-px{
  margin-bottom: -1px;
}
.-ml-0\.5{
  margin-left: -0.125rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-1\.5{
  margin-left: -0.375rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-2\.5{
  margin-left: -0.625rem;
}
.-ml-3{
  margin-left: -0.75rem;
}
.-ml-4{
  margin-left: -1rem;
}
.-mr-1{
  margin-right: -0.25rem;
}
.-mr-2{
  margin-right: -0.5rem;
}
.-mt-1{
  margin-top: -0.25rem;
}
.-mt-1\.5{
  margin-top: -0.375rem;
}
.-mt-2{
  margin-top: -0.5rem;
}
.-mt-2\.5{
  margin-top: -0.625rem;
}
.-mt-3{
  margin-top: -0.75rem;
}
.-mt-4{
  margin-top: -1rem;
}
.-mt-5{
  margin-top: -1.25rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[6px\]{
  margin-bottom: 6px;
}
.ml-0{
  margin-left: 0px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-11{
  margin-left: 2.75rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-auto{
  margin-left: auto;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-24{
  margin-top: 6rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-\[3px\]{
  margin-top: 3px;
}
.mt-\[6px\]{
  margin-top: 6px;
}
.mt-\[7px\]{
  margin-top: 7px;
}
.mt-auto{
  margin-top: auto;
}
.mt-px{
  margin-top: 1px;
}
.box-border{
  box-sizing: border-box;
}
.box-content{
  box-sizing: content-box;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.\!size-6{
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.\!size-8{
  width: 2rem !important;
  height: 2rem !important;
}
.size-1{
  width: 0.25rem;
  height: 0.25rem;
}
.size-1\.5{
  width: 0.375rem;
  height: 0.375rem;
}
.size-10{
  width: 2.5rem;
  height: 2.5rem;
}
.size-11{
  width: 2.75rem;
  height: 2.75rem;
}
.size-12{
  width: 3rem;
  height: 3rem;
}
.size-14{
  width: 3.5rem;
  height: 3.5rem;
}
.size-16{
  width: 4rem;
  height: 4rem;
}
.size-2{
  width: 0.5rem;
  height: 0.5rem;
}
.size-2\.5{
  width: 0.625rem;
  height: 0.625rem;
}
.size-24{
  width: 6rem;
  height: 6rem;
}
.size-3{
  width: 0.75rem;
  height: 0.75rem;
}
.size-3\.5{
  width: 0.875rem;
  height: 0.875rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-5{
  width: 1.25rem;
  height: 1.25rem;
}
.size-6{
  width: 1.5rem;
  height: 1.5rem;
}
.size-7{
  width: 1.75rem;
  height: 1.75rem;
}
.size-8{
  width: 2rem;
  height: 2rem;
}
.size-9{
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[12px\]{
  width: 12px;
  height: 12px;
}
.size-\[18px\]{
  width: 18px;
  height: 18px;
}
.size-\[22px\]{
  width: 22px;
  height: 22px;
}
.size-\[360px\]{
  width: 360px;
  height: 360px;
}
.size-\[3px\]{
  width: 3px;
  height: 3px;
}
.size-\[420px\]{
  width: 420px;
  height: 420px;
}
.size-\[72px\]{
  width: 72px;
  height: 72px;
}
.size-full{
  width: 100%;
  height: 100%;
}
.\!h-3{
  height: 0.75rem !important;
}
.\!h-6{
  height: 1.5rem !important;
}
.h-0{
  height: 0px;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-14{
  height: 3.5rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-20{
  height: 5rem;
}
.h-24{
  height: 6rem;
}
.h-28{
  height: 7rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-32{
  height: 8rem;
}
.h-4{
  height: 1rem;
}
.h-40{
  height: 10rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[10px\]{
  height: 10px;
}
.h-\[120px\]{
  height: 120px;
}
.h-\[124px\]{
  height: 124px;
}
.h-\[12px\]{
  height: 12px;
}
.h-\[13px\]{
  height: 13px;
}
.h-\[142px\]{
  height: 142px;
}
.h-\[146px\]{
  height: 146px;
}
.h-\[14px\]{
  height: 14px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[175px\]{
  height: 175px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[204px\]{
  height: 204px;
}
.h-\[220px\]{
  height: 220px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[242px\]{
  height: 242px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[260px\]{
  height: 260px;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[314px\]{
  height: 314px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[340px\]{
  height: 340px;
}
.h-\[35px\]{
  height: 35px;
}
.h-\[360px\]{
  height: 360px;
}
.h-\[36px\]{
  height: 36px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[41px\]{
  height: 41px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[46px\]{
  height: 46px;
}
.h-\[494px\]{
  height: 494px;
}
.h-\[503px\]{
  height: 503px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[560px\]{
  height: 560px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[61px\]{
  height: 61px;
}
.h-\[64px\]{
  height: 64px;
}
.h-\[66px\]{
  height: 66px;
}
.h-\[68px\]{
  height: 68px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[9px\]{
  height: 9px;
}
.h-\[clamp\(48px\2c 9dvh\2c 80px\)\]{
  height: clamp(48px,9dvh,80px);
}
.h-\[min\(720px\2c calc\(100dvh-96px\)\)\]{
  height: min(720px,calc(100dvh - 96px));
}
.h-\[min\(880px\2c calc\(100dvh-48px\)\)\]{
  height: min(880px,calc(100dvh - 48px));
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\]{
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}
.h-auto{
  height: auto;
}
.h-chip{
  height: var(--chip-height);
}
.h-control{
  height: var(--control-height);
}
.h-control-sm{
  height: var(--control-height-sm);
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.h-svh{
  height: 100svh;
}
.max-h-0{
  max-height: 0px;
}
.max-h-28{
  max-height: 7rem;
}
.max-h-32{
  max-height: 8rem;
}
.max-h-40{
  max-height: 10rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-72{
  max-height: 18rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[140px\]{
  max-height: 140px;
}
.max-h-\[180px\]{
  max-height: 180px;
}
.max-h-\[240px\]{
  max-height: 240px;
}
.max-h-\[280px\]{
  max-height: 280px;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.max-h-\[420px\]{
  max-height: 420px;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[60vh\]{
  max-height: 60vh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[calc\(100\%-160px\)\]{
  max-height: calc(100% - 160px);
}
.max-h-\[calc\(100dvh-2rem\)\]{
  max-height: calc(100dvh - 2rem);
}
.max-h-\[calc\(100dvh-48px\)\]{
  max-height: calc(100dvh - 48px);
}
.max-h-\[calc\(100dvh-96px\)\]{
  max-height: calc(100dvh - 96px);
}
.max-h-\[min\(880px\2c calc\(100dvh-48px\)\)\]{
  max-height: min(880px,calc(100dvh - 48px));
}
.max-h-screen{
  max-height: 100vh;
}
.\!min-h-0{
  min-height: 0px !important;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-16{
  min-height: 4rem;
}
.min-h-2{
  min-height: 0.5rem;
}
.min-h-24{
  min-height: 6rem;
}
.min-h-28{
  min-height: 7rem;
}
.min-h-4{
  min-height: 1rem;
}
.min-h-5{
  min-height: 1.25rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-60{
  min-height: 15rem;
}
.min-h-7{
  min-height: 1.75rem;
}
.min-h-8{
  min-height: 2rem;
}
.min-h-9{
  min-height: 2.25rem;
}
.min-h-\[120px\]{
  min-height: 120px;
}
.min-h-\[142px\]{
  min-height: 142px;
}
.min-h-\[150px\]{
  min-height: 150px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[20px\]{
  min-height: 20px;
}
.min-h-\[220px\]{
  min-height: 220px;
}
.min-h-\[22px\]{
  min-height: 22px;
}
.min-h-\[24px\]{
  min-height: 24px;
}
.min-h-\[26px\]{
  min-height: 26px;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[37px\]{
  min-height: 37px;
}
.min-h-\[56px\]{
  min-height: 56px;
}
.min-h-\[60px\]{
  min-height: 60px;
}
.min-h-\[61px\]{
  min-height: 61px;
}
.min-h-\[64px\]{
  min-height: 64px;
}
.min-h-\[72px\]{
  min-height: 72px;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.min-h-\[84px\]{
  min-height: 84px;
}
.min-h-\[96px\]{
  min-height: 96px;
}
.min-h-\[min\(560px\2c calc\(100vh-220px\)\)\]{
  min-height: min(560px,calc(100vh - 220px));
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.min-h-svh{
  min-height: 100svh;
}
.\!w-20{
  width: 5rem !important;
}
.\!w-3{
  width: 0.75rem !important;
}
.\!w-6{
  width: 1.5rem !important;
}
.\!w-\[152px\]{
  width: 152px !important;
}
.\!w-auto{
  width: auto !important;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-3\/5{
  width: 60%;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\/5{
  width: 80%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[--sidebar-width\]{
  width: var(--sidebar-width);
}
.w-\[100\%\]{
  width: 100%;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[102px\]{
  width: 102px;
}
.w-\[104px\]{
  width: 104px;
}
.w-\[112px\]{
  width: 112px;
}
.w-\[115\%\]{
  width: 115%;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[128px\]{
  width: 128px;
}
.w-\[12px\]{
  width: 12px;
}
.w-\[140px\]{
  width: 140px;
}
.w-\[148px\]{
  width: 148px;
}
.w-\[14px\]{
  width: 14px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[152px\]{
  width: 152px;
}
.w-\[160px\]{
  width: 160px;
}
.w-\[180px\]{
  width: 180px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[216px\]{
  width: 216px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[232px\]{
  width: 232px;
}
.w-\[240px\]{
  width: 240px;
}
.w-\[242px\]{
  width: 242px;
}
.w-\[24px\]{
  width: 24px;
}
.w-\[257px\]{
  width: 257px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[26px\]{
  width: 26px;
}
.w-\[277px\]{
  width: 277px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[28px\]{
  width: 28px;
}
.w-\[296px\]{
  width: 296px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[304px\]{
  width: 304px;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[316px\]{
  width: 316px;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[329px\]{
  width: 329px;
}
.w-\[32px\]{
  width: 32px;
}
.w-\[360px\]{
  width: 360px;
}
.w-\[36px\]{
  width: 36px;
}
.w-\[38\%\]{
  width: 38%;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[406px\]{
  width: 406px;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[420px\]{
  width: 420px;
}
.w-\[42px\]{
  width: 42px;
}
.w-\[43\%\]{
  width: 43%;
}
.w-\[440px\]{
  width: 440px;
}
.w-\[45\%\]{
  width: 45%;
}
.w-\[46px\]{
  width: 46px;
}
.w-\[48\%\]{
  width: 48%;
}
.w-\[480px\]{
  width: 480px;
}
.w-\[48px\]{
  width: 48px;
}
.w-\[49px\]{
  width: 49px;
}
.w-\[500px\]{
  width: 500px;
}
.w-\[52\%\]{
  width: 52%;
}
.w-\[52px\]{
  width: 52px;
}
.w-\[540px\]{
  width: 540px;
}
.w-\[56px\]{
  width: 56px;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[60px\]{
  width: 60px;
}
.w-\[61px\]{
  width: 61px;
}
.w-\[62px\]{
  width: 62px;
}
.w-\[64px\]{
  width: 64px;
}
.w-\[70px\]{
  width: 70px;
}
.w-\[72px\]{
  width: 72px;
}
.w-\[84px\]{
  width: 84px;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[898px\]{
  width: 898px;
}
.w-\[90px\]{
  width: 90px;
}
.w-\[95vw\]{
  width: 95vw;
}
.w-\[960px\]{
  width: 960px;
}
.w-\[calc\(100\%\+16px\)\]{
  width: calc(100% + 16px);
}
.w-\[calc\(100\%\+4px\)\]{
  width: calc(100% + 4px);
}
.w-\[calc\(100\%-2rem\)\]{
  width: calc(100% - 2rem);
}
.w-\[calc\(100vw-16px\)\]{
  width: calc(100vw - 16px);
}
.w-\[calc\(100vw-32px\)\]{
  width: calc(100vw - 32px);
}
.w-\[clamp\(72px\2c 13dvh\2c 120px\)\]{
  width: clamp(72px,13dvh,120px);
}
.w-\[min\(100vw-2rem\2c 320px\)\]{
  width: min(100vw - 2rem,320px);
}
.w-\[var\(--radix-popover-trigger-width\)\]{
  width: var(--radix-popover-trigger-width);
}
.w-auto{
  width: auto;
}
.w-control-sm{
  width: var(--control-height-sm);
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-px{
  width: 1px;
}
.min-w-0{
  min-width: 0px;
}
.min-w-24{
  min-width: 6rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-5{
  min-width: 1.25rem;
}
.min-w-\[102px\]{
  min-width: 102px;
}
.min-w-\[116px\]{
  min-width: 116px;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[142px\]{
  min-width: 142px;
}
.min-w-\[160px\]{
  min-width: 160px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[18px\]{
  min-width: 18px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[220px\]{
  min-width: 220px;
}
.min-w-\[240px\]{
  min-width: 240px;
}
.min-w-\[250px\]{
  min-width: 250px;
}
.min-w-\[30px\]{
  min-width: 30px;
}
.min-w-\[360px\]{
  min-width: 360px;
}
.min-w-\[52px\]{
  min-width: 52px;
}
.min-w-\[64px\]{
  min-width: 64px;
}
.min-w-\[72px\]{
  min-width: 72px;
}
.min-w-\[75px\]{
  min-width: 75px;
}
.min-w-\[80px\]{
  min-width: 80px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[90px\]{
  min-width: 90px;
}
.min-w-\[920px\]{
  min-width: 920px;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.max-w-0{
  max-width: 0px;
}
.max-w-12{
  max-width: 3rem;
}
.max-w-14{
  max-width: 3.5rem;
}
.max-w-2xl{
  max-width: 42rem;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-\[--skeleton-width\]{
  max-width: var(--skeleton-width);
}
.max-w-\[102px\]{
  max-width: 102px;
}
.max-w-\[1064px\]{
  max-width: 1064px;
}
.max-w-\[1280px\]{
  max-width: 1280px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[272px\]{
  max-width: 272px;
}
.max-w-\[278px\]{
  max-width: 278px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[334px\]{
  max-width: 334px;
}
.max-w-\[340px\]{
  max-width: 340px;
}
.max-w-\[360px\]{
  max-width: 360px;
}
.max-w-\[368px\]{
  max-width: 368px;
}
.max-w-\[380px\]{
  max-width: 380px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[42\%\]{
  max-width: 42%;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[440px\]{
  max-width: 440px;
}
.max-w-\[470px\]{
  max-width: 470px;
}
.max-w-\[500px\]{
  max-width: 500px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[542px\]{
  max-width: 542px;
}
.max-w-\[560px\]{
  max-width: 560px;
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[720px\]{
  max-width: 720px;
}
.max-w-\[760px\]{
  max-width: 760px;
}
.max-w-\[80\%\]{
  max-width: 80%;
}
.max-w-\[86\%\]{
  max-width: 86%;
}
.max-w-\[92\%\]{
  max-width: 92%;
}
.max-w-\[960px\]{
  max-width: 960px;
}
.max-w-\[calc\(100\%-16px\)\]{
  max-width: calc(100% - 16px);
}
.max-w-\[calc\(100\%-2rem\)\]{
  max-width: calc(100% - 2rem);
}
.max-w-\[calc\(100\%-48px\)\]{
  max-width: calc(100% - 48px);
}
.max-w-\[calc\(100\%-96px\)\]{
  max-width: calc(100% - 96px);
}
.max-w-\[calc\(100vw-32px\)\]{
  max-width: calc(100vw - 32px);
}
.max-w-\[min\(100\%\2c 360px\)\]{
  max-width: min(100%,360px);
}
.max-w-\[min\(22rem\2c calc\(100vw-3rem\)\)\]{
  max-width: min(22rem,calc(100vw - 3rem));
}
.max-w-\[min\(240px\2c calc\(100vw-3rem\)\)\]{
  max-width: min(240px,calc(100vw - 3rem));
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-max{
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.max-w-sm{
  max-width: 24rem;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[1_1_180px\]{
  flex: 1 1 180px;
}
.flex-\[2\.2_2\.2_0\%\]{
  flex: 2.2 2.2 0%;
}
.flex-\[2\.65_2\.65_0\%\]{
  flex: 2.65 2.65 0%;
}
.flex-\[5\.15_5\.15_0\%\]{
  flex: 5.15 5.15 0%;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-full{
  flex-basis: 100%;
}
.caption-bottom{
  caption-side: bottom;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-center{
  transform-origin: center;
}
.\!translate-y-0{
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-px{
  --tw-translate-x: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0\.5{
  --tw-translate-x: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-5{
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[18px\]{
  --tw-translate-x: 18px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[24px\]{
  --tw-translate-x: 24px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[calc\(100\%\+24px\)\]{
  --tw-translate-x: calc(100% + 24px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-px{
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0\.5{
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-\[1\.5deg\]{
  --tw-rotate: -1.5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-12{
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[35deg\]{
  --tw-rotate: 35deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0{
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.8\]{
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[npIn_160ms_ease-out\]{
  animation: npIn 160ms ease-out;
}
.animate-\[npIn_200ms_ease-out\]{
  animation: npIn 200ms ease-out;
}
.animate-\[npIn_220ms_ease-out\]{
  animation: npIn 220ms ease-out;
}
.animate-\[npPop_360ms_cubic-bezier\(0\.34\2c 1\.56\2c 0\.64\2c 1\)\]{
  animation: npPop 360ms cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes bloom-fade{

  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}
.animate-bloom-fade{
  animation: bloom-fade 180ms ease-out;
}
@keyframes bloom-rise{

  from{
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }

  to{
    opacity: 1;
    transform: none;
  }
}
.animate-bloom-rise{
  animation: bloom-rise 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
@keyframes pulse{

  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{

  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.touch-none{
  touch-action: none;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.scroll-mt-4{
  scroll-margin-top: 1rem;
}
.list-inside{
  list-style-position: inside;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.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-\[1\.4fr_1\.2fr_1fr_0\.9fr_1\.3fr\]{
  grid-template-columns: 1.4fr 1.2fr 1fr 0.9fr 1.3fr;
}
.grid-cols-\[1\.7fr_112px_148px_1fr_132px\]{
  grid-template-columns: 1.7fr 112px 148px 1fr 132px;
}
.grid-cols-\[1\.7fr_112px_148px_1fr_132px_32px\]{
  grid-template-columns: 1.7fr 112px 148px 1fr 132px 32px;
}
.grid-cols-\[112px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 112px minmax(0,1fr);
}
.grid-cols-\[120px_128px_88px_minmax\(0\2c 1fr\)_96px\]{
  grid-template-columns: 120px 128px 88px minmax(0,1fr) 96px;
}
.grid-cols-\[120px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 120px minmax(0,1fr);
}
.grid-cols-\[12px_28px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 12px 28px minmax(0,1fr);
}
.grid-cols-\[16px_minmax\(0\2c 1fr\)_auto_16px\]{
  grid-template-columns: 16px minmax(0,1fr) auto 16px;
}
.grid-cols-\[176px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 176px minmax(0,1fr);
}
.grid-cols-\[20px_minmax\(0\2c 1fr\)_32px\]{
  grid-template-columns: 20px minmax(0,1fr) 32px;
}
.grid-cols-\[24px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 24px minmax(0,1fr);
}
.grid-cols-\[24px_minmax\(0\2c 1fr\)_32px\]{
  grid-template-columns: 24px minmax(0,1fr) 32px;
}
.grid-cols-\[28px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 28px minmax(0,1fr);
}
.grid-cols-\[300px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 300px minmax(0,1fr);
}
.grid-cols-\[320px_minmax\(0\2c 1fr\)_360px\]{
  grid-template-columns: 320px minmax(0,1fr) 360px;
}
.grid-cols-\[320px_minmax\(0\2c 1fr\)_56px\]{
  grid-template-columns: 320px minmax(0,1fr) 56px;
}
.grid-cols-\[36px_minmax\(0\2c 1fr\)_56px\]{
  grid-template-columns: 36px minmax(0,1fr) 56px;
}
.grid-cols-\[48px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 48px minmax(0,1fr);
}
.grid-cols-\[56px_32px_minmax\(0\2c 1fr\)_auto\]{
  grid-template-columns: 56px 32px minmax(0,1fr) auto;
}
.grid-cols-\[56px_88px_minmax\(0\2c 1fr\)_auto\]{
  grid-template-columns: 56px 88px minmax(0,1fr) auto;
}
.grid-cols-\[64px_repeat\(7\2c minmax\(0\2c 1fr\)\)_96px\]{
  grid-template-columns: 64px repeat(7,minmax(0,1fr)) 96px;
}
.grid-cols-\[96px_112px_64px_minmax\(0\2c 1fr\)_80px\]{
  grid-template-columns: 96px 112px 64px minmax(0,1fr) 80px;
}
.grid-cols-\[96px_44px_minmax\(0\2c 1fr\)_auto_16px\]{
  grid-template-columns: 96px 44px minmax(0,1fr) auto 16px;
}
.grid-cols-\[auto_minmax\(0\2c 1\.4fr\)_auto\]{
  grid-template-columns: auto minmax(0,1.4fr) auto;
}
.grid-cols-\[minmax\(0\2c 1\.4fr\)_repeat\(6\2c minmax\(0\2c 1fr\)\)\]{
  grid-template-columns: minmax(0,1.4fr) repeat(6,minmax(0,1fr));
}
.grid-cols-\[minmax\(0\2c 1fr\)_112px\]{
  grid-template-columns: minmax(0,1fr) 112px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_120px_96px_88px_32px\]{
  grid-template-columns: minmax(0,1fr) 120px 96px 88px 32px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_128px_136px_272px_104px_136px\]{
  grid-template-columns: minmax(0,1fr) 128px 136px 272px 104px 136px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_200px_128px_104px_136px_32px_32px\]{
  grid-template-columns: minmax(0,1fr) 200px 128px 104px 136px 32px 32px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_288px_176px_160px_104px\]{
  grid-template-columns: minmax(0,1fr) 288px 176px 160px 104px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_80px_88px_64px_88px_96px_32px\]{
  grid-template-columns: minmax(0,1fr) 80px 88px 64px 88px 96px 32px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_80px_88px_88px_104px_96px_104px_32px\]{
  grid-template-columns: minmax(0,1fr) 80px 88px 88px 104px 96px 104px 32px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_96px_88px\]{
  grid-template-columns: minmax(0,1fr) 96px 88px;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto_52px_minmax\(120px\2c 157px\)\]{
  grid-template-columns: minmax(0,1fr) auto 52px minmax(120px,157px);
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto_auto\]{
  grid-template-columns: minmax(0,1fr) auto auto;
}
.grid-cols-\[minmax\(0\2c 1fr\)_auto_minmax\(0\2c 1fr\)\]{
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
}
.grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\]{
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.grid-cols-\[minmax\(240px\2c 0\.75fr\)_minmax\(280px\2c 1fr\)\]{
  grid-template-columns: minmax(240px,0.75fr) minmax(280px,1fr);
}
.grid-cols-\[repeat\(7\2c 36px\)\]{
  grid-template-columns: repeat(7,36px);
}
.grid-cols-\[repeat\(auto-fill\2c 64px\)\]{
  grid-template-columns: repeat(auto-fill,64px);
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(260px\2c 1fr\)\)\]{
  grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
}
.grid-rows-\[0fr\]{
  grid-template-rows: 0fr;
}
.grid-rows-\[1fr\]{
  grid-template-rows: 1fr;
}
.grid-rows-\[minmax\(0\2c 1fr\)\]{
  grid-template-rows: minmax(0,1fr);
}
.grid-rows-subgrid{
  grid-template-rows: subgrid;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-\[10px\]{
  gap: 10px;
}
.gap-\[1px\]{
  gap: 1px;
}
.gap-\[2px\]{
  gap: 2px;
}
.gap-\[3px\]{
  gap: 3px;
}
.gap-\[4px\]{
  gap: 4px;
}
.gap-\[59px\]{
  gap: 59px;
}
.gap-\[5px\]{
  gap: 5px;
}
.gap-\[6px\]{
  gap: 6px;
}
.gap-\[7px\]{
  gap: 7px;
}
.gap-\[8px\]{
  gap: 8px;
}
.gap-px{
  gap: 1px;
}
.gap-x-1\.5{
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.gap-x-\[6px\]{
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.gap-y-0\.5{
  row-gap: 0.125rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-2\.5{
  row-gap: 0.625rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-4{
  row-gap: 1rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-border-base > :not([hidden]) ~ :not([hidden]){
  border-color: var(--border-base);
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.justify-self-start{
  justify-self: start;
}
.justify-self-end{
  justify-self: end;
}
.justify-self-center{
  justify-self: center;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-visible{
  overflow: visible;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre{
  white-space: pre;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-pretty{
  text-wrap: pretty;
}
.break-words{
  overflow-wrap: break-word;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[12px\]{
  border-radius: 12px;
}
.rounded-\[12px_12px_4px_12px\]{
  border-radius: 12px 12px 4px 12px;
}
.rounded-\[13px\]{
  border-radius: 13px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[1px\]{
  border-radius: 1px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[23px\]{
  border-radius: 23px;
}
.rounded-\[24px\]{
  border-radius: 24px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[30px\]{
  border-radius: 30px;
}
.rounded-\[32px\]{
  border-radius: 32px;
}
.rounded-\[36px\]{
  border-radius: 36px;
}
.rounded-\[3px\]{
  border-radius: 3px;
}
.rounded-\[3px_3px_1px_1px\]{
  border-radius: 3px 3px 1px 1px;
}
.rounded-\[40px\]{
  border-radius: 40px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[4px_4px_2px_2px\]{
  border-radius: 4px 4px 2px 2px;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-\[68px\]{
  border-radius: 68px;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[7px\]{
  border-radius: 7px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-\[9px\]{
  border-radius: 9px;
}
.rounded-\[inherit\]{
  border-radius: inherit;
}
.rounded-canvas{
  border-radius: var(--radius-canvas);
}
.rounded-card{
  border-radius: var(--radius-card);
}
.rounded-chip{
  border-radius: var(--radius-chip);
}
.rounded-control{
  border-radius: var(--radius-control);
}
.rounded-dropdown{
  border-radius: var(--radius-dropdown);
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-modal{
  border-radius: var(--radius-modal);
}
.rounded-nav{
  border-radius: var(--radius-nav);
}
.rounded-pill{
  border-radius: var(--radius-pill);
}
.rounded-popover{
  border-radius: var(--radius-popover);
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-small{
  border-radius: var(--radius-small);
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-xs{
  border-radius: var(--radius-xs);
}
.rounded-b-\[12px\]{
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[10px\]{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-\[12px\]{
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.rounded-t-\[4px\]{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-\[6px\]{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-bl-sm{
  border-bottom-left-radius: 0.125rem;
}
.rounded-br-sm{
  border-bottom-right-radius: 0.125rem;
}
.rounded-tl-sm{
  border-top-left-radius: 0.125rem;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-\[1px\]{
  border-width: 1px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-2{
  border-bottom-width: 2px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-\[1\.5px\]{
  border-top-width: 1.5px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.border-none{
  border-style: none;
}
.\!border-danger{
  border-color: var(--color-danger) !important;
}
.border-\[\#2F374A\]{
  --tw-border-opacity: 1;
  border-color: rgb(47 55 74 / var(--tw-border-opacity, 1));
}
.border-\[\#39404F\]{
  --tw-border-opacity: 1;
  border-color: rgb(57 64 79 / var(--tw-border-opacity, 1));
}
.border-\[\#3A3A3A\]{
  --tw-border-opacity: 1;
  border-color: rgb(58 58 58 / var(--tw-border-opacity, 1));
}
.border-\[\#A65CEE\]{
  --tw-border-opacity: 1;
  border-color: rgb(166 92 238 / var(--tw-border-opacity, 1));
}
.border-\[\#C8F55A\]{
  --tw-border-opacity: 1;
  border-color: rgb(200 245 90 / var(--tw-border-opacity, 1));
}
.border-\[\#CDD9E1\]{
  --tw-border-opacity: 1;
  border-color: rgb(205 217 225 / var(--tw-border-opacity, 1));
}
.border-\[\#E6EDF2\]{
  --tw-border-opacity: 1;
  border-color: rgb(230 237 242 / var(--tw-border-opacity, 1));
}
.border-\[\#EFF4F7\]{
  --tw-border-opacity: 1;
  border-color: rgb(239 244 247 / var(--tw-border-opacity, 1));
}
.border-\[\#F3DC9A\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 220 154 / var(--tw-border-opacity, 1));
}
.border-\[\#a4e800\]{
  --tw-border-opacity: 1;
  border-color: rgb(164 232 0 / var(--tw-border-opacity, 1));
}
.border-\[\#eeeeee\]{
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}
.border-\[--color-border\]{
  border-color: var(--color-border);
}
.border-\[color-mix\(in_srgb\2c var\(--tag-yellow\)_50\%\2c transparent\)\]{
  border-color: color-mix(in srgb,var(--tag-yellow) 50%,transparent);
}
.border-\[color-mix\(in_srgb\2c var\(--text-error\)_25\%\2c transparent\)\]{
  border-color: color-mix(in srgb,var(--text-error) 25%,transparent);
}
.border-background-accient-3{
  border-color: var(--background-accient-3);
}
.border-blue-300{
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-border{
  border-color: var(--border);
}
.border-border-base{
  border-color: var(--border-base);
}
.border-border-base-hover{
  border-color: var(--border-base-hover);
}
.border-border-error{
  border-color: var(--border-error);
}
.border-brand{
  border-color: var(--color-accent);
}
.border-btn-secondary{
  border-color: var(--color-btn-secondary);
}
.border-button-accent-1{
  border-color: var(--button-accent-1);
}
.border-control{
  border-color: var(--color-border);
}
.border-control-focus{
  border-color: var(--color-border-focus);
}
.border-control-hover{
  border-color: var(--color-border-hover);
}
.border-danger{
  border-color: var(--color-danger);
}
.border-info-ink{
  border-color: var(--color-info-ink);
}
.border-ink{
  border-color: var(--color-ink);
}
.border-ink-muted{
  border-color: var(--color-muted);
}
.border-input{
  border-color: var(--input);
}
.border-line{
  border-color: var(--color-line);
}
.border-neg-ink{
  border-color: var(--color-neg-ink);
}
.border-over-target{
  border-color: var(--color-over-target);
}
.border-pos-ink{
  border-color: var(--color-pos-ink);
}
.border-primary{
  border-color: var(--primary);
}
.border-shell-active-border{
  border-color: var(--color-shell-active-border);
}
.border-shell-warn{
  border-color: var(--color-shell-warn);
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-300{
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-surface{
  border-color: var(--color-surface);
}
.border-surface-edge{
  border-color: var(--color-surface-edge);
}
.border-tag-lime{
  border-color: var(--tag-lime);
}
.border-text-error{
  border-color: var(--text-error);
}
.border-transparent{
  border-color: transparent;
}
.border-warn-ink{
  border-color: var(--color-warn-ink);
}
.border-warn-solid{
  border-color: var(--color-warn-solid);
}
.border-well{
  border-color: var(--color-well);
}
.border-b-border-base{
  border-bottom-color: var(--border-base);
}
.border-l-transparent{
  border-left-color: transparent;
}
.border-t-\[\#101820\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(16 24 32 / var(--tw-border-opacity, 1));
}
.border-t-background-contrast{
  border-top-color: var(--background-contrast);
}
.border-t-brand-ink{
  border-top-color: var(--color-accent-ink);
}
.border-t-ink{
  border-top-color: var(--color-ink);
}
.border-t-transparent{
  border-top-color: transparent;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.bg-\[\#101820\]{
  --tw-bg-opacity: 1;
  background-color: rgb(16 24 32 / var(--tw-bg-opacity, 1));
}
.bg-\[\#10A37F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(16 163 127 / var(--tw-bg-opacity, 1));
}
.bg-\[\#161616\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1E1E1E\]{
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F2633\]{
  --tw-bg-opacity: 1;
  background-color: rgb(31 38 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#272E3C\]{
  --tw-bg-opacity: 1;
  background-color: rgb(39 46 60 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2F374A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(47 55 74 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3E7A12\]{
  --tw-bg-opacity: 1;
  background-color: rgb(62 122 18 / var(--tw-bg-opacity, 1));
}
.bg-\[\#7EEC01\]{
  --tw-bg-opacity: 1;
  background-color: rgb(126 236 1 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9DE84F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(157 232 79 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C8F55A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(200 245 90 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D97757\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 87 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E0A800\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 168 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EDFBD1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(237 251 209 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EF4444\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F6F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 246 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7FAFC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(247 250 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F9F9FE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 254 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FCD34D\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFFFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#a4e800\]{
  --tw-bg-opacity: 1;
  background-color: rgb(164 232 0 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\]{
  background-color: var(--color-bg);
}
.bg-\[color-mix\(in_srgb\2c var\(--color-warn-bg\)_40\%\2c var\(--color-surface\)\)\]{
  background-color: color-mix(in srgb,var(--color-warn-bg) 40%,var(--color-surface));
}
.bg-\[color-mix\(in_srgb\2c var\(--tag-yellow\)_20\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--tag-yellow) 20%,transparent);
}
.bg-\[color-mix\(in_srgb\2c var\(--tag-yellow\)_25\%\2c transparent\)\]{
  background-color: color-mix(in srgb,var(--tag-yellow) 25%,transparent);
}
.bg-\[rgba\(130\2c 150\2c 170\2c 0\.12\)\]{
  background-color: rgba(130,150,170,0.12);
}
.bg-\[rgba\(130\2c 150\2c 170\2c 0\.14\)\]{
  background-color: rgba(130,150,170,0.14);
}
.bg-\[rgba\(130\2c 150\2c 170\2c 0\.16\)\]{
  background-color: rgba(130,150,170,0.16);
}
.bg-\[rgba\(16\2c 24\2c 32\2c 0\.32\)\]{
  background-color: rgba(16,24,32,0.32);
}
.bg-\[rgba\(16\2c 24\2c 32\2c 0\.48\)\]{
  background-color: rgba(16,24,32,0.48);
}
.bg-\[rgba\(16\2c 24\2c 32\2c 0\.64\)\]{
  background-color: rgba(16,24,32,0.64);
}
.bg-\[rgba\(16\2c 24\2c 32\2c 0\.88\)\]{
  background-color: rgba(16,24,32,0.88);
}
.bg-\[rgba\(168\2c 36\2c 36\2c 0\.06\)\]{
  background-color: rgba(168,36,36,0.06);
}
.bg-\[rgba\(200\2c 245\2c 90\2c 0\.14\)\]{
  background-color: rgba(200,245,90,0.14);
}
.bg-\[rgba\(200\2c 245\2c 90\2c 0\.16\)\]{
  background-color: rgba(200,245,90,0.16);
}
.bg-\[rgba\(200\2c 245\2c 90\2c 0\.18\)\]{
  background-color: rgba(200,245,90,0.18);
}
.bg-\[rgba\(200\2c 245\2c 90\2c 0\.35\)\]{
  background-color: rgba(200,245,90,0.35);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.10\)\]{
  background-color: rgba(255,255,255,0.10);
}
.bg-\[var\(--background-accent-3-pale\)\]{
  background-color: var(--background-accent-3-pale);
}
.bg-\[var\(--background-accient-5-pale\)\]{
  background-color: var(--background-accient-5-pale);
}
.bg-\[var\(--text-primary\)\]{
  background-color: var(--text-primary);
}
.bg-accent{
  background-color: var(--accent);
}
.bg-background{
  background-color: var(--background);
}
.bg-background-accient-1-pale{
  background-color: var(--background-accient-1-pale);
}
.bg-background-accient-2{
  background-color: var(--background-accient-2);
}
.bg-background-accient-2-pale-hover{
  background-color: var(--background-accient-2-pale-hover);
}
.bg-background-accient-4{
  background-color: var(--background-accient-4);
}
.bg-background-accient-4-pale{
  background-color: var(--background-accient-4-pale);
}
.bg-background-base{
  background-color: var(--background-base);
}
.bg-background-base-alt{
  background-color: var(--background-base-alt);
}
.bg-background-base-hover{
  background-color: var(--background-base-hover);
}
.bg-background-contrast{
  background-color: var(--background-contrast);
}
.bg-background-contrast-pale{
  background-color: var(--background-contrast-pale);
}
.bg-background-neutral-1{
  background-color: var(--background-neutral-1);
}
.bg-background-neutral-2{
  background-color: var(--background-neutral-2);
}
.bg-background-neutral-3{
  background-color: var(--background-neutral-3);
}
.bg-background-neutral-4{
  background-color: var(--background-neutral-4);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-border{
  background-color: var(--border);
}
.bg-border-base{
  background-color: var(--border-base);
}
.bg-brand{
  background-color: var(--color-accent);
}
.bg-brand-data{
  background-color: var(--color-accent-data);
}
.bg-brand-ink{
  background-color: var(--color-accent-ink);
}
.bg-btn-secondary{
  background-color: var(--color-btn-secondary);
}
.bg-btn-secondary-hover{
  background-color: var(--color-btn-secondary-hover);
}
.bg-button-accent-1{
  background-color: var(--button-accent-1);
}
.bg-button-accent-3-pale{
  background-color: var(--button-accent-3-pale);
}
.bg-button-base-alt{
  background-color: var(--button-base-alt);
}
.bg-button-base-alt-hover{
  background-color: var(--button-base-alt-hover);
}
.bg-button-contrast{
  background-color: var(--button-contrast);
}
.bg-chart-complete{
  background-color: var(--color-chart-complete);
}
.bg-chart-future{
  background-color: var(--color-chart-future);
}
.bg-chart-minutes-1{
  background-color: var(--color-minutes-1);
}
.bg-chart-minutes-2{
  background-color: var(--color-minutes-2);
}
.bg-contrast{
  background-color: var(--color-contrast);
}
.bg-control{
  background-color: var(--color-border);
}
.bg-control-hover{
  background-color: var(--color-border-hover);
}
.bg-current{
  background-color: currentColor;
}
.bg-danger-bg{
  background-color: var(--color-danger-bg);
}
.bg-danger-fill{
  background-color: var(--color-danger-fill);
}
.bg-divider{
  background-color: var(--color-divider);
}
.bg-fat-bg{
  background-color: var(--color-fat-bg);
}
.bg-fat-ink{
  background-color: var(--color-fat-ink);
}
.bg-file-doc{
  background-color: var(--color-file-doc);
}
.bg-file-img{
  background-color: var(--color-file-img);
}
.bg-file-pdf{
  background-color: var(--color-file-pdf);
}
.bg-foreground{
  background-color: var(--foreground);
}
.bg-ghost-active{
  background-color: var(--color-ghost-active);
}
.bg-ghost-hover{
  background-color: var(--color-ghost-hover);
}
.bg-graphic-accent{
  background-color: var(--graphic-accent);
}
.bg-graphic-accent-pale{
  background-color: var(--graphic-accent-pale);
}
.bg-info-bg{
  background-color: var(--color-info-bg);
}
.bg-info-ink{
  background-color: var(--color-info-ink);
}
.bg-ink{
  background-color: var(--color-ink);
}
.bg-ink-2{
  background-color: var(--color-ink-2);
}
.bg-ink-3{
  background-color: var(--color-ink-3);
}
.bg-ink-muted{
  background-color: var(--color-muted);
}
.bg-line{
  background-color: var(--color-line);
}
.bg-media-backdrop{
  background-color: var(--color-media-backdrop);
}
.bg-media-control{
  background-color: var(--color-media-control);
}
.bg-media-scrim-hover{
  background-color: var(--color-media-scrim-hover);
}
.bg-muted{
  background-color: var(--muted);
}
.bg-neg-bg{
  background-color: var(--color-neg-bg);
}
.bg-neg-solid{
  background-color: var(--color-neg-solid);
}
.bg-neutral-bg{
  background-color: var(--color-neutral-bg);
}
.bg-over-target{
  background-color: var(--color-over-target);
}
.bg-page{
  background-color: var(--color-page);
}
.bg-popover{
  background-color: var(--popover);
}
.bg-pos-bg{
  background-color: var(--color-pos-bg);
}
.bg-primary{
  background-color: var(--primary);
}
.bg-protein-ink{
  background-color: var(--color-protein-ink);
}
.bg-raised{
  background-color: var(--color-raised);
}
.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-row-hover{
  background-color: var(--color-row-hover);
}
.bg-row-selected{
  background-color: var(--color-row-selected);
}
.bg-scrim{
  background-color: var(--color-scrim);
}
.bg-secondary{
  background-color: var(--secondary);
}
.bg-segment-on{
  background-color: var(--color-segment-on);
}
.bg-segment-tint{
  background-color: var(--color-segment-tint);
}
.bg-segment-track{
  background-color: var(--color-segment-track);
}
.bg-selected-wash{
  background-color: var(--color-selected-wash);
}
.bg-shell{
  background-color: var(--color-shell);
}
.bg-shell-active{
  background-color: var(--color-shell-active);
}
.bg-shell-card{
  background-color: var(--color-shell-card);
}
.bg-shell-divider{
  background-color: var(--color-shell-divider);
}
.bg-shell-hover{
  background-color: var(--color-shell-hover);
}
.bg-shell-track{
  background-color: var(--color-shell-track);
}
.bg-shell-warn{
  background-color: var(--color-shell-warn);
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-50{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-surface{
  background-color: var(--color-surface);
}
.bg-tag-lime{
  background-color: var(--tag-lime);
}
.bg-tag-yellow{
  background-color: var(--tag-yellow);
}
.bg-toast{
  background-color: var(--color-toast);
}
.bg-toggle-knob{
  background-color: var(--color-toggle-knob);
}
.bg-toggle-off{
  background-color: var(--color-toggle-off);
}
.bg-tooltip{
  background-color: var(--color-tooltip);
}
.bg-transparent{
  background-color: transparent;
}
.bg-warn-bg{
  background-color: var(--color-warn-bg);
}
.bg-warn-solid{
  background-color: var(--color-warn-solid);
}
.bg-water-bubble{
  background-color: var(--color-water-bubble);
}
.bg-water-track{
  background-color: var(--color-water-track);
}
.bg-well{
  background-color: var(--color-well);
}
.bg-well-2{
  background-color: var(--color-well-2);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-\[linear-gradient\(135deg\2c \#E8FF6A_0\%\2c \#9BF22A_48\%\2c \#1FC79A_100\%\)\]{
  background-image: linear-gradient(135deg,#E8FF6A 0%,#9BF22A 48%,#1FC79A 100%);
}
.bg-\[linear-gradient\(180deg\2c \#9BF22A\2c \#7EEC01\)\]{
  background-image: linear-gradient(180deg,#9BF22A,#7EEC01);
}
.bg-\[linear-gradient\(180deg\2c \#FF5E7C_0\%\2c \#E4234A_45\%\2c \#B8163A_100\%\)\]{
  background-image: linear-gradient(180deg,#FF5E7C 0%,#E4234A 45%,#B8163A 100%);
}
.bg-\[linear-gradient\(90deg\2c \#9BF22A\2c \#7EEC01\)\]{
  background-image: linear-gradient(90deg,#9BF22A,#7EEC01);
}
.bg-bar-gradient{
  background-image: var(--color-bar-gradient);
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-water-fill{
  background-image: var(--color-water-fill);
}
.from-button-accent-1{
  --tw-gradient-from: var(--button-accent-1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-background-accient-4-pale{
  --tw-gradient-to: var(--background-accient-4-pale) var(--tw-gradient-to-position);
}
.bg-cover{
  background-size: cover;
}
.bg-center{
  background-position: center;
}
.fill-\[\#14210A\]{
  fill: #14210A;
}
.fill-brand-data{
  fill: var(--color-accent-data);
}
.fill-chart-complete{
  fill: var(--color-chart-complete);
}
.fill-current{
  fill: currentColor;
}
.fill-ink{
  fill: var(--color-ink);
}
.fill-ink-2{
  fill: var(--color-ink-2);
}
.fill-ink-muted{
  fill: var(--color-muted);
}
.fill-neg-solid{
  fill: var(--color-neg-solid);
}
.fill-on-contrast{
  fill: var(--color-on-contrast);
}
.fill-over-target{
  fill: var(--color-over-target);
}
.fill-tooltip{
  fill: var(--color-tooltip);
}
.stroke-\[\#3E7A12\]{
  stroke: #3E7A12;
}
.stroke-brand-ink{
  stroke: var(--color-accent-ink);
}
.stroke-current{
  stroke: currentColor;
}
.stroke-ink{
  stroke: var(--color-ink);
}
.stroke-ink-2{
  stroke: var(--color-ink-2);
}
.stroke-ink-muted{
  stroke: var(--color-muted);
}
.stroke-media-control-ink{
  stroke: var(--color-media-control-ink);
}
.stroke-on-contrast{
  stroke: var(--color-on-contrast);
}
.stroke-warn-ink{
  stroke: var(--color-warn-ink);
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.\!p-0{
  padding: 0px !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-24{
  padding: 6rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[1px\]{
  padding: 1px;
}
.p-\[2px\]{
  padding: 2px;
}
.p-\[3px\]{
  padding: 3px;
}
.p-\[6px\]{
  padding: 6px;
}
.p-\[7px\]{
  padding: 7px;
}
.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[22px\]{
  padding-left: 22px;
  padding-right: 22px;
}
.px-\[3px\]{
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[4px\]{
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[6px\]{
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[9px\]{
  padding-left: 9px;
  padding-right: 9px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[1px\]{
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[2\.5px\]{
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[4px\]{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[7px\]{
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[2px\]{
  padding-bottom: 2px;
}
.pb-\[3px\]{
  padding-bottom: 3px;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-1\.5{
  padding-left: 0.375rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-7{
  padding-left: 1.75rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[10px\]{
  padding-left: 10px;
}
.pl-\[14px\]{
  padding-left: 14px;
}
.pl-\[29px\]{
  padding-left: 29px;
}
.pl-\[30px\]{
  padding-left: 30px;
}
.pl-\[38px\]{
  padding-left: 38px;
}
.pl-\[45px\]{
  padding-left: 45px;
}
.pl-\[5px\]{
  padding-left: 5px;
}
.pl-\[6px\]{
  padding-left: 6px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-11{
  padding-right: 2.75rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-28{
  padding-right: 7rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-3\.5{
  padding-right: 0.875rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.pr-\[10px\]{
  padding-right: 10px;
}
.pr-\[14px\]{
  padding-right: 14px;
}
.pr-\[18px\]{
  padding-right: 18px;
}
.pr-\[24px\]{
  padding-right: 24px;
}
.pr-\[3px\]{
  padding-right: 3px;
}
.pr-\[4px\]{
  padding-right: 4px;
}
.pr-\[7px\]{
  padding-right: 7px;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-11{
  padding-top: 2.75rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-24{
  padding-top: 6rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-\[30px\]{
  padding-top: 30px;
}
.pt-\[3px\]{
  padding-top: 3px;
}
.pt-px{
  padding-top: 1px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-middle{
  vertical-align: middle;
}
.font-display{
  font-family: var(--font-display);
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: var(--font-ui);
}
.\!text-title{
  font-size: var(--font-size-title) !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[0\.8rem\]{
  font-size: 0.8rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[26px\]{
  font-size: 26px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[30px\]{
  font-size: 30px;
}
.text-\[7px\]{
  font-size: 7px;
}
.text-\[8px\]{
  font-size: 8px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-body{
  font-size: var(--font-size-body);
}
.text-body-lg{
  font-size: var(--font-size-body-lg);
}
.text-caption{
  font-size: var(--font-size-caption);
}
.text-display{
  font-size: var(--font-size-display);
}
.text-display-lg{
  font-size: var(--font-size-display-lg);
}
.text-heading{
  font-size: var(--font-size-heading);
}
.text-hero{
  font-size: var(--font-size-hero);
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-overline{
  font-size: var(--font-size-overline);
}
.text-page-title{
  font-size: var(--font-size-page-title);
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-small{
  font-size: var(--font-size-small);
}
.text-subtitle{
  font-size: var(--font-size-subtitle);
}
.text-tiny{
  font-size: var(--font-size-tiny);
}
.text-title{
  font-size: var(--font-size-title);
}
.text-title-lg{
  font-size: var(--font-size-title-lg);
}
.text-title-sm{
  font-size: var(--font-size-title-sm);
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.normal-case{
  text-transform: none;
}
.italic{
  font-style: italic;
}
.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.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);
}
.leading-3{
  line-height: .75rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[1\.15\]{
  line-height: 1.15;
}
.leading-\[1\.1\]{
  line-height: 1.1;
}
.leading-\[1\.3\]{
  line-height: 1.3;
}
.leading-\[1\.45\]{
  line-height: 1.45;
}
.leading-\[1\.4\]{
  line-height: 1.4;
}
.leading-\[1\.5\]{
  line-height: 1.5;
}
.leading-\[100\%\]{
  line-height: 100%;
}
.leading-\[12px\]{
  line-height: 12px;
}
.leading-\[14px\]{
  line-height: 14px;
}
.leading-\[15px\]{
  line-height: 15px;
}
.leading-\[16px\]{
  line-height: 16px;
}
.leading-\[17px\]{
  line-height: 17px;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-\[19px\]{
  line-height: 19px;
}
.leading-\[21px\]{
  line-height: 21px;
}
.leading-\[22px\]{
  line-height: 22px;
}
.leading-\[27px\]{
  line-height: 27px;
}
.leading-\[30px\]{
  line-height: 30px;
}
.leading-\[38px\]{
  line-height: 38px;
}
.leading-\[44px\]{
  line-height: 44px;
}
.leading-\[normal\]{
  line-height: normal;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-snug{
  line-height: 1.375;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-0\.01em\]{
  letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}
.tracking-\[0\.05em\]{
  letter-spacing: 0.05em;
}
.tracking-\[0\.06em\]{
  letter-spacing: 0.06em;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wide{
  letter-spacing: 0.025em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.text-\[\#101820\]{
  --tw-text-opacity: 1;
  color: rgb(16 24 32 / var(--tw-text-opacity, 1));
}
.text-\[\#2A4115\]{
  --tw-text-opacity: 1;
  color: rgb(42 65 21 / var(--tw-text-opacity, 1));
}
.text-\[\#2a3341\]{
  --tw-text-opacity: 1;
  color: rgb(42 51 65 / var(--tw-text-opacity, 1));
}
.text-\[\#3E5A1E\]{
  --tw-text-opacity: 1;
  color: rgb(62 90 30 / var(--tw-text-opacity, 1));
}
.text-\[\#3E7A12\]{
  --tw-text-opacity: 1;
  color: rgb(62 122 18 / var(--tw-text-opacity, 1));
}
.text-\[\#4A5A66\]{
  --tw-text-opacity: 1;
  color: rgb(74 90 102 / var(--tw-text-opacity, 1));
}
.text-\[\#6A6A6A\]{
  --tw-text-opacity: 1;
  color: rgb(106 106 106 / var(--tw-text-opacity, 1));
}
.text-\[\#6F7782\]{
  --tw-text-opacity: 1;
  color: rgb(111 119 130 / var(--tw-text-opacity, 1));
}
.text-\[\#8FA3B0\]{
  --tw-text-opacity: 1;
  color: rgb(143 163 176 / var(--tw-text-opacity, 1));
}
.text-\[\#909090\]{
  --tw-text-opacity: 1;
  color: rgb(144 144 144 / var(--tw-text-opacity, 1));
}
.text-\[\#B4C0CB\]{
  --tw-text-opacity: 1;
  color: rgb(180 192 203 / var(--tw-text-opacity, 1));
}
.text-\[\#B5FF00\]{
  --tw-text-opacity: 1;
  color: rgb(181 255 0 / var(--tw-text-opacity, 1));
}
.text-\[\#C6D3DB\]{
  --tw-text-opacity: 1;
  color: rgb(198 211 219 / var(--tw-text-opacity, 1));
}
.text-\[\#C8F55A\]{
  --tw-text-opacity: 1;
  color: rgb(200 245 90 / var(--tw-text-opacity, 1));
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\]{
  color: rgba(255,255,255,0.6);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.72\)\]{
  color: rgba(255,255,255,0.72);
}
.text-\[var\(--button-base-alt\)\]{
  color: var(--button-base-alt);
}
.text-accent-foreground{
  color: var(--accent-foreground);
}
.text-badge-negative{
  color: var(--badge-negative);
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-brand{
  color: var(--color-accent);
}
.text-brand-data{
  color: var(--color-accent-data);
}
.text-brand-ink{
  color: var(--color-accent-ink);
}
.text-current{
  color: currentColor;
}
.text-danger{
  color: var(--color-danger);
}
.text-destructive{
  color: var(--destructive);
}
.text-fat-ink{
  color: var(--color-fat-ink);
}
.text-foreground{
  color: var(--foreground);
}
.text-info-ink{
  color: var(--color-info-ink);
}
.text-ink{
  color: var(--color-ink);
}
.text-ink-2{
  color: var(--color-ink-2);
}
.text-ink-3{
  color: var(--color-ink-3);
}
.text-ink-muted{
  color: var(--color-muted);
}
.text-link{
  color: var(--color-link);
}
.text-media-control-ink{
  color: var(--color-media-control-ink);
}
.text-muted{
  color: var(--muted);
}
.text-muted-foreground{
  color: var(--muted-foreground);
}
.text-neg-ink{
  color: var(--color-neg-ink);
}
.text-neg-solid{
  color: var(--color-neg-solid);
}
.text-neutral-ink{
  color: var(--color-neutral-ink);
}
.text-on-contrast{
  color: var(--color-on-contrast);
}
.text-orange-600{
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-over-target{
  color: var(--color-over-target);
}
.text-popover-foreground{
  color: var(--popover-foreground);
}
.text-pos-ink{
  color: var(--color-pos-ink);
}
.text-primary-foreground{
  color: var(--primary-foreground);
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-segment-on-ink{
  color: var(--color-segment-on-ink);
}
.text-shell-ink{
  color: var(--color-shell-ink);
}
.text-shell-ink-2{
  color: var(--color-shell-ink-2);
}
.text-shell-ink-active{
  color: var(--color-shell-ink-active);
}
.text-shell-ink-hover{
  color: var(--color-shell-ink-hover);
}
.text-shell-label{
  color: var(--color-shell-label);
}
.text-shell-muted{
  color: var(--color-shell-muted);
}
.text-shell-warn{
  color: var(--color-shell-warn);
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700{
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800{
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-surface{
  color: var(--color-surface);
}
.text-text-accent-light{
  color: var(--text-accent-light);
}
.text-text-approve{
  color: var(--text-approve);
}
.text-text-contrast{
  color: var(--text-contrast);
}
.text-text-error{
  color: var(--text-error);
}
.text-text-link{
  color: var(--text-link);
}
.text-text-primary{
  color: var(--text-primary);
}
.text-text-secondary{
  color: var(--text-secondary);
}
.text-text-tertiary{
  color: var(--text-tertiary);
}
.text-warn-ink{
  color: var(--color-warn-ink);
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
  text-decoration-line: underline;
}
.overline{
  text-decoration-line: overline;
}
.line-through{
  text-decoration-line: line-through;
}
.decoration-control{
  text-decoration-color: var(--color-border);
}
.decoration-control-hover{
  text-decoration-color: var(--color-border-hover);
}
.decoration-shell-track{
  text-decoration-color: var(--color-shell-track);
}
.decoration-1{
  text-decoration-thickness: 1px;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.underline-offset-\[3px\]{
  text-underline-offset: 3px;
}
.accent-\[var\(--color-accent\)\]{
  accent-color: var(--color-accent);
}
.\!opacity-45{
  opacity: 0.45 !important;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-35{
  opacity: 0.35;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-45{
  opacity: 0.45;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-\[0\.68\]{
  opacity: 0.68;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_12px_rgba\(200\2c 245\2c 90\2c 0\.30\)\]{
  --tw-shadow: 0 0 0 12px rgba(200,245,90,0.30);
  --tw-shadow-colored: 0 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_12px_var\(--color-brand-ring\)\2c 0_0_0_24px_var\(--color-brand-ring-2\)\]{
  --tw-shadow: 0 0 0 12px var(--color-brand-ring),0 0 0 24px var(--color-brand-ring-2);
  --tw-shadow-colored: 0 0 0 12px var(--tw-shadow-color), 0 0 0 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_var\(--color-border\)\]{
  --tw-shadow: 0 0 0 1px var(--color-border);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_var\(--color-ink\)\]{
  --tw-shadow: 0 0 0 2px var(--color-ink);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_var\(--color-shell\)\]{
  --tw-shadow: 0 0 0 2px var(--color-shell);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_var\(--color-surface\)\]{
  --tw-shadow: 0 0 0 2px var(--color-surface);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_2px_var\(--color-well\)\]{
  --tw-shadow: 0 0 0 2px var(--color-well);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(157\2c 232\2c 79\2c 0\.2\)\]{
  --tw-shadow: 0 0 0 3px rgba(157,232,79,0.2);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_4px_var\(--color-well\)\]{
  --tw-shadow: 0 0 0 4px var(--color-well);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(200\2c 245\2c 90\2c 0\.55\)\]{
  --tw-shadow: 0 0 10px rgba(200,245,90,0.55);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 0 12px 32px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(17\2c 69\2c 95\2c 0\.18\)\2c 0_0_0_1px_rgba\(17\2c 69\2c 95\2c 0\.04\)\]{
  --tw-shadow: 0 12px 32px rgba(17,69,95,0.18),0 0 0 1px rgba(17,69,95,0.04);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(17\2c 69\2c 95\2c 0\.18\)\]{
  --tw-shadow: 0 12px 32px rgba(17,69,95,0.18);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(120\2c 10\2c 40\2c 0\.3\)\]{
  --tw-shadow: 0 1px 2px rgba(120,10,40,0.3);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(16\2c 24\2c 32\2c 0\.2\)\]{
  --tw-shadow: 0 1px 2px rgba(16,24,32,0.2);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(17\2c 69\2c 95\2c 0\.2\)\]{
  --tw-shadow: 0 1px 2px rgba(17,69,95,0.2);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(17\2c 69\2c 95\2c 0\.25\)\]{
  --tw-shadow: 0 1px 2px rgba(17,69,95,0.25);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(16\2c 24\2c 32\2c 0\.24\)\]{
  --tw-shadow: 0 1px 3px rgba(16,24,32,0.24);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_rgba\(17\2c 69\2c 95\2c 0\.14\)\]{
  --tw-shadow: 0 1px 3px rgba(17,69,95,0.14);
  --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_48px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 0 24px 48px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 24px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_64px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
  --tw-shadow: 0 24px 64px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 24px 64px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(17\2c 69\2c 95\2c 0\.16\)\]{
  --tw-shadow: 0 8px 24px rgba(17,69,95,0.16);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1px_2px_rgba\(0\2c 0\2c 0\2c 0\.04\)\]{
  --tw-shadow: 0px 1px 2px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow: 0px 4px 12px 0px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_6px_16px_rgba\(0\2c 0\2c 0\2c 0\.09\)\]{
  --tw-shadow: 0px 6px 16px rgba(0,0,0,0.09);
  --tw-shadow-colored: 0px 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1\.5px_\#C8F55A\]{
  --tw-shadow: inset 0 0 0 1.5px #C8F55A;
  --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1\.5px_var\(--color-ink-2\)\]{
  --tw-shadow: inset 0 0 0 1.5px var(--color-ink-2);
  --tw-shadow-colored: inset 0 0 0 1.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_var\(--color-border\)\]{
  --tw-shadow: inset 0 0 0 1px var(--color-border);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_var\(--color-border-hover\)\]{
  --tw-shadow: inset 0 0 0 1px var(--color-border-hover);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_var\(--color-danger\)\]{
  --tw-shadow: inset 0 0 0 1px var(--color-danger);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_var\(--color-ink\)\]{
  --tw-shadow: inset 0 0 0 1px var(--color-ink);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_\#B5FF00\]{
  --tw-shadow: inset 3px 0 0 #B5FF00;
  --tw-shadow-colored: inset 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_var\(--color-accent-hover\)\]{
  --tw-shadow: inset 3px 0 0 var(--color-accent-hover);
  --tw-shadow-colored: inset 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_3px_0_0_var\(--color-warn-solid\)\]{
  --tw-shadow: inset 3px 0 0 var(--color-warn-solid);
  --tw-shadow-colored: inset 3px 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-chat-panel{
  --tw-shadow: var(--shadow-chat-panel);
  --tw-shadow-colored: var(--shadow-chat-panel);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-modal{
  --tw-shadow: var(--shadow-modal);
  --tw-shadow-colored: var(--shadow-modal);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-popover{
  --tw-shadow: var(--shadow-popover);
  --tw-shadow-colored: var(--shadow-popover);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-segment{
  --tw-shadow: var(--shadow-segment);
  --tw-shadow-colored: var(--shadow-segment);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-toast{
  --tw-shadow: var(--shadow-toast);
  --tw-shadow-colored: var(--shadow-toast);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-tooltip{
  --tw-shadow: var(--shadow-tooltip);
  --tw-shadow-colored: var(--shadow-tooltip);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-popover{
  --tw-shadow-color: var(--popover);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-toast{
  --tw-shadow-color: var(--color-toast);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-tooltip{
  --tw-shadow-color: var(--color-tooltip);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-blue-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1));
}
.ring-border-error{
  --tw-ring-color: var(--border-error);
}
.ring-danger{
  --tw-ring-color: var(--color-danger);
}
.ring-ring{
  --tw-ring-color: var(--ring);
}
.ring-offset-background{
  --tw-ring-offset-color: var(--background);
}
.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);
}
.drop-shadow-\[0_20px_32px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-drop-shadow: drop-shadow(0 20px 32px rgba(0,0,0,0.4));
  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-\[0_8px_10px_rgba\(110\2c 8\2c 36\2c 0\.4\)\]{
  --tw-drop-shadow: drop-shadow(0 8px 10px rgba(110,8,36,0.4));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\]{
  transition-property: background-color,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c box-shadow\]{
  transition-property: background-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c color\2c box-shadow\]{
  transition-property: background-color,color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c color\2c opacity\]{
  transition-property: background-color,color,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c opacity\]{
  transition-property: background-color,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c transform\]{
  transition-property: background-color,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c box-shadow\]{
  transition-property: border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\]{
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[color\2c bottom\]{
  transition-property: color,bottom;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\]{
  transition-property: filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-columns\]{
  transition-property: grid-template-columns;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[grid-template-rows\2c opacity\]{
  transition-property: grid-template-rows,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\2c opacity\2c filter\]{
  transition-property: height,opacity,filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\2c right\2c width\]{
  transition-property: left,right,width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[left\]{
  transition-property: left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[margin\2c opa\]{
  transition-property: margin,opa;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[max-height\2c opacity\]{
  transition-property: max-height,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c background-color\]{
  transition-property: opacity,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c border-color\2c color\2c background-color\]{
  transition-property: opacity,border-color,color,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\2c background-color\]{
  transition-property: opacity,transform,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\]{
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[text-decoration-color\]{
  transition-property: text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c opacity\2c border-color\]{
  transition-property: transform,opacity,border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c opacity\2c box-shadow\]{
  transition-property: transform,opacity,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\2c height\2c padding\]{
  transition-property: width,height,padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.duration-\[140ms\]{
  transition-duration: 140ms;
}
.duration-\[160ms\]{
  transition-duration: 160ms;
}
.duration-\[220ms\]{
  transition-duration: 220ms;
}
.duration-\[240ms\]{
  transition-duration: 240ms;
}
.duration-\[320ms\]{
  transition-duration: 320ms;
}
.duration-\[480ms\]{
  transition-duration: 480ms;
}
.duration-\[600ms\]{
  transition-duration: 600ms;
}
.duration-default{
  transition-duration: 140ms;
}
.duration-hover{
  transition-duration: var(--duration-hover);
}
.duration-panel{
  transition-duration: var(--duration-panel);
}
.ease-\[cubic-bezier\(0\.2\2c 0\.8\2c 0\.2\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.2,0.8,0.2,1);
}
.ease-\[cubic-bezier\(0\.32\2c 0\.72\2c 0\2c 1\)\]{
  transition-timing-function: cubic-bezier(0.32,0.72,0,1);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-ios{
  transition-timing-function: var(--ease-ios);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.white-card{
  background-color: var(--color-surface);
  border-radius: var(--radius-card);
  border: 1px solid var(--color-border);
}
.heading-2{
  font-family: var(--font-display);
  font-size: var(--font-size-title);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.t-h1{
  font-family: var(--font-display);
  font-size: var(--font-size-page-title);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.t-h2{
  font-family: var(--font-display);
  font-size: var(--font-size-title);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.t-h3{
  font-family: var(--font-display);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
  line-height: 1.25;
}
.t-card-title{
  font-family: var(--font-display);
  font-size: var(--font-size-subtitle);
  font-weight: 700;
  line-height: 1.3;
}
.t-row-title{
  font-size: var(--font-size-body-lg);
  font-weight: 600;
  line-height: 20px;
}
.t-overline{
  font-size: var(--font-size-overline);
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.f-9-700-normal{
  font-size: 9px;
  font-weight: 700;
  line-height: normal;
}
.f-9-600-normal{
  font-size: 9px;
  font-weight: 600;
  line-height: normal;
}
.f-8-600-8{
  font-size: 8px;
  font-weight: 600;
  line-height: 8px;
}
.f-10-400-normal{
  font-size: var(--font-size-overline);
  font-weight: 400;
  line-height: normal;
}
.f-10-400-none{
  font-size: var(--font-size-overline);
  font-weight: 400;
  line-height: 1;
}
.f-10-400-12{
  font-size: var(--font-size-overline);
  font-weight: 400;
  line-height: 12px;
}
.f-10-500-normal{
  font-size: var(--font-size-overline);
  font-weight: 500;
  line-height: normal;
}
.f-12-400-normal{
  font-size: var(--font-size-caption);
  font-weight: 400;
  line-height: normal;
}
.f-12-400-12{
  font-size: var(--font-size-caption);
  font-weight: 400;
  line-height: 12px;
}
.f-12-400-19{
  font-size: var(--font-size-caption);
  font-weight: 400;
  line-height: 19px;
}
.f-12-500-normal{
  font-size: var(--font-size-caption);
  font-weight: 500;
  line-height: normal;
}
.f-12-500-12{
  font-size: var(--font-size-caption);
  font-weight: 500;
  line-height: 12px;
}
.f-12-600-normal{
  font-size: var(--font-size-caption);
  font-weight: 600;
  line-height: normal;
}
.f-12-600-none{
  font-size: var(--font-size-caption);
  font-weight: 600;
  line-height: 1;
}
.f-14-400-16{
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 16px;
}
.f-14-400-normal{
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: normal;
}
.f-14-400-18{
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 18px;
}
.f-14-500-16{
  font-size: var(--font-size-body);
  font-weight: 500;
  line-height: 16px;
}
.f-14-500-14{
  font-size: var(--font-size-body);
  font-weight: 500;
  line-height: 14px;
}
.f-14-400-158{
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 158%;
}
.f-14-600-158{
  font-size: var(--font-size-body);
  font-weight: 600;
  line-height: 158%;
}
.f-14-700-none{
  font-size: var(--font-size-body);
  font-weight: 700;
  line-height: 1;
}
.f-16-400-normal{
  font-size: var(--font-size-subtitle);
  font-weight: 400;
  line-height: normal;
}
.f-16-400-16{
  font-size: var(--font-size-subtitle);
  font-weight: 400;
  line-height: 16px;
}
.f-16-500-normal{
  font-size: var(--font-size-subtitle);
  font-weight: 500;
  line-height: normal;
}
.f-16-600-158{
  font-size: var(--font-size-subtitle);
  font-weight: 600;
  line-height: 158%;
}
.f-16-700-20{
  font-size: var(--font-size-subtitle);
  font-weight: 700;
  line-height: 20px;
}
.f-20-700-148{
  font-family: var(--font-display);
  font-size: var(--font-size-title);
  font-weight: 700;
  line-height: 148%;
}
.f-24-600-normal{
  font-family: var(--font-display);
  font-size: var(--font-size-heading);
  font-weight: 600;
  line-height: normal;
}
.f-24-700-none{
  font-family: var(--font-display);
  font-size: var(--font-size-heading);
  font-weight: 700;
  line-height: 1;
}
.tr-all{
  transition-property: all;
  transition-duration: 140ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 140ms;
}
  /* react-phone-number-input (doctor settings modal) */
  .PhoneInput{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

  .no-transitions,
  .no-transitions *,
  .no-transitions *::before,
  .no-transitions *::after,
  .no-transitions.transition-colors,
  .no-transitions .transition-colors {
    transition: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
  }

  /* Slider styles - Range перекрывает Track полностью, включая бордер */
  .slider-range {
    border: none !important;
    border-radius: 4px 0 0 4px;
    left: -1px !important;
    z-index: 1;
  }

  /* TDEE: highlight selected deficit row (activity_level + deficit%). */
  .tdee-highlighted-row {
    background: #ffce2e;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .tdee-highlighted-text {
    font-weight: 600;
    color: var(--text-accent-dark);
  }

  /* Скроллбар main контента — тонкий и заметный */
  .patient-main-scroll::-webkit-scrollbar {
    width: 6px;
  }

  .patient-main-scroll::-webkit-scrollbar-track {
    background: transparent;
  }

  .patient-main-scroll::-webkit-scrollbar-thumb {
    background: var(--background-neutral-5);
    border-radius: 4px;
    min-height: 40px;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }

  .patient-main-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--border-base-hover);
  }

  .meal-plan-modal-scroll::-webkit-scrollbar {
    width: 4px;
  }

  .meal-plan-modal-scroll::-webkit-scrollbar-thumb {
    border-radius: 9999px;
  }
.\[animation-delay\:0\.9s\]{
  animation-delay: 0.9s;
}
.\[animation-delay\:1\.8s\]{
  animation-delay: 1.8s;
}
.\[animation-delay\:150ms\]{
  animation-delay: 150ms;
}
.\[animation-delay\:300ms\]{
  animation-delay: 300ms;
}
.\[box-shadow\:var\(--shadow-popover\)\]{
  box-shadow: var(--shadow-popover);
}
.\[field-sizing\:content\]{
  field-sizing: content;
}
.\[overflow-wrap\:anywhere\]{
  overflow-wrap: anywhere;
}
.\[scrollbar-width\:none\]{
  scrollbar-width: none;
}
.\[text-wrap\:balance\]{
  text-wrap: balance;
}
.\[text-wrap\:pretty\]{
  text-wrap: pretty;
}
.\[transform\:rotateX\(0deg\)\]{
  transform: rotateX(0deg);
}
.\[transform\:rotateX\(180deg\)\]{
  transform: rotateX(180deg);
}
.\[writing-mode\:vertical-rl\]{
  writing-mode: vertical-rl;
}

@keyframes preassessment-logo-animation {
  0% {
    transform: rotate(0deg) scale(1);
  }
  12.5% {
    transform: rotate(45deg) scale(1.2);
  }
  25% {
    transform: rotate(90deg) scale(1.3);
  }
  37.5% {
    transform: rotate(135deg) scale(1.2);
  }
  50% {
    transform: rotate(180deg) scale(1);
  }
  62.5% {
    transform: rotate(225deg) scale(0.8);
  }
  75% {
    transform: rotate(270deg) scale(0.7);
  }
  87.5% {
    transform: rotate(315deg) scale(0.8);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes toast-progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.first-letter\:uppercase::first-letter{
  text-transform: uppercase;
}

.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}

.placeholder\:font-normal::placeholder{
  font-weight: 400;
}

.placeholder\:text-ink-2::-moz-placeholder{
  color: var(--color-ink-2);
}

.placeholder\:text-ink-2::placeholder{
  color: var(--color-ink-2);
}

.placeholder\:text-ink-muted::-moz-placeholder{
  color: var(--color-muted);
}

.placeholder\:text-ink-muted::placeholder{
  color: var(--color-muted);
}

.placeholder\:text-muted::-moz-placeholder{
  color: var(--muted);
}

.placeholder\:text-muted::placeholder{
  color: var(--muted);
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  color: var(--muted-foreground);
}

.placeholder\:text-muted-foreground::placeholder{
  color: var(--muted-foreground);
}

.placeholder\:text-text-tertiary::-moz-placeholder{
  color: var(--text-tertiary);
}

.placeholder\:text-text-tertiary::placeholder{
  color: var(--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-2::before{
  content: var(--tw-content);
  inset: -0.5rem;
}

.before\:z-0::before{
  content: var(--tw-content);
  z-index: 0;
}

.before\:rounded-\[14px\]::before{
  content: var(--tw-content);
  border-radius: 14px;
}

.before\:border::before{
  content: var(--tw-content);
  border-width: 1px;
}

.before\:border-border-base::before{
  content: var(--tw-content);
  border-color: var(--border-base);
}

.before\:bg-background-base-alt::before{
  content: var(--tw-content);
  background-color: var(--background-base-alt);
}

.after\:pointer-events-none::after{
  content: var(--tw-content);
  pointer-events: none;
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:-inset-0\.5::after{
  content: var(--tw-content);
  inset: -0.125rem;
}

.after\:-inset-2::after{
  content: var(--tw-content);
  inset: -0.5rem;
}

.after\:inset-0::after{
  content: var(--tw-content);
  inset: 0px;
}

.after\:inset-y-0::after{
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}

.after\:left-1\/2::after{
  content: var(--tw-content);
  left: 50%;
}

.after\:w-1::after{
  content: var(--tw-content);
  width: 0.25rem;
}

.after\:w-\[2px\]::after{
  content: var(--tw-content);
  width: 2px;
}

.after\:-translate-x-1\/2::after{
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:rounded-\[3px\]::after{
  content: var(--tw-content);
  border-radius: 3px;
}

.after\:rounded-\[5px\]::after{
  content: var(--tw-content);
  border-radius: 5px;
}

.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-button-accent-1::after{
  content: var(--tw-content);
  border-color: var(--button-accent-1);
}

.after\:opacity-0::after{
  content: var(--tw-content);
  opacity: 0;
}

.after\:transition-opacity::after{
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.first\:rounded-l-md:first-child{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.first\:border-l:first-child{
  border-left-width: 1px;
}

.first\:border-t-0:first-child{
  border-top-width: 0px;
}

.last\:rounded-r-md:last-child{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.last\:border-0:last-child{
  border-width: 0px;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px;
}

.empty\:hidden:empty{
  display: none;
}

.focus-within\:relative:focus-within{
  position: relative;
}

.focus-within\:z-20:focus-within{
  z-index: 20;
}

.focus-within\:border-border-base-active:focus-within{
  border-color: var(--border-base-active);
}

.focus-within\:border-button-accent-1:focus-within{
  border-color: var(--button-accent-1);
}

.focus-within\:border-control-focus:focus-within{
  border-color: var(--color-border-focus);
}

.focus-within\:bg-background-accient-1-pale:focus-within{
  background-color: var(--background-accient-1-pale);
}

.focus-within\:opacity-100:focus-within{
  opacity: 1;
}

.focus-within\:shadow-focus:focus-within{
  --tw-shadow: var(--shadow-focus);
  --tw-shadow-colored: var(--shadow-focus);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:outline-none:focus-within{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-within\:ring-0:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

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

.hover\:rotate-90:hover{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[rgba\(130\2c 150\2c 170\2c 0\.55\)\]:hover{
  border-color: rgba(130,150,170,0.55);
}

.hover\:border-border-base:hover{
  border-color: var(--border-base);
}

.hover\:border-border-base-hover:hover{
  border-color: var(--border-base-hover);
}

.hover\:border-button-accent-1:hover{
  border-color: var(--button-accent-1);
}

.hover\:border-control:hover{
  border-color: var(--color-border);
}

.hover\:border-control-focus:hover{
  border-color: var(--color-border-focus);
}

.hover\:border-control-hover:hover{
  border-color: var(--color-border-hover);
}

.hover\:border-danger:hover{
  border-color: var(--color-danger);
}

.hover\:border-ink-3:hover{
  border-color: var(--color-ink-3);
}

.hover\:border-ink-muted:hover{
  border-color: var(--color-muted);
}

.hover\:border-text-error:hover{
  border-color: var(--text-error);
}

.hover\:border-text-link:hover{
  border-color: var(--text-link);
}

.hover\:border-transparent:hover{
  border-color: transparent;
}

.hover\:bg-\[\#39404F\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(57 64 79 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#B5FF00\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(181 255 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#aeee00\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(174 238 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.08\)\]:hover{
  background-color: rgba(130,150,170,0.08);
}

.hover\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.10\)\]:hover{
  background-color: rgba(130,150,170,0.10);
}

.hover\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.14\)\]:hover{
  background-color: rgba(130,150,170,0.14);
}

.hover\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.18\)\]:hover{
  background-color: rgba(130,150,170,0.18);
}

.hover\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.22\)\]:hover{
  background-color: rgba(130,150,170,0.22);
}

.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.10\)\]:hover{
  background-color: rgba(255,255,255,0.10);
}

.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]:hover{
  background-color: rgba(255,255,255,0.12);
}

.hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.18\)\]:hover{
  background-color: rgba(255,255,255,0.18);
}

.hover\:bg-\[var\(--color-danger-hover-bg\)\]:hover{
  background-color: var(--color-danger-hover-bg);
}

.hover\:bg-accent:hover{
  background-color: var(--accent);
}

.hover\:bg-background-accient-2-pale-hover:hover{
  background-color: var(--background-accient-2-pale-hover);
}

.hover\:bg-background-base:hover{
  background-color: var(--background-base);
}

.hover\:bg-background-base-hover:hover{
  background-color: var(--background-base-hover);
}

.hover\:bg-background-neutral-2:hover{
  background-color: var(--background-neutral-2);
}

.hover\:bg-background-neutral-3:hover{
  background-color: var(--background-neutral-3);
}

.hover\:bg-background-neutral-4:hover{
  background-color: var(--background-neutral-4);
}

.hover\:bg-brand-hover:hover{
  background-color: var(--color-accent-hover);
}

.hover\:bg-btn-secondary:hover{
  background-color: var(--color-btn-secondary);
}

.hover\:bg-btn-secondary-hover:hover{
  background-color: var(--color-btn-secondary-hover);
}

.hover\:bg-button-accent-1-hover:hover{
  background-color: var(--button-accent-1-hover);
}

.hover\:bg-button-base-alt-hover:hover{
  background-color: var(--button-base-alt-hover);
}

.hover\:bg-button-contrast:hover{
  background-color: var(--button-contrast);
}

.hover\:bg-contrast:hover{
  background-color: var(--color-contrast);
}

.hover\:bg-danger-bg:hover{
  background-color: var(--color-danger-bg);
}

.hover\:bg-danger-fill-hover:hover{
  background-color: var(--color-danger-fill-hover);
}

.hover\:bg-ghost-active:hover{
  background-color: var(--color-ghost-active);
}

.hover\:bg-ghost-hover:hover{
  background-color: var(--color-ghost-hover);
}

.hover\:bg-media-control-hover:hover{
  background-color: var(--color-media-control-hover);
}

.hover\:bg-muted:hover{
  background-color: var(--muted);
}

.hover\:bg-primary:hover{
  background-color: var(--primary);
}

.hover\:bg-red-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-row-hover:hover{
  background-color: var(--color-row-hover);
}

.hover\:bg-row-selected-hover:hover{
  background-color: var(--color-row-selected-hover);
}

.hover\:bg-secondary:hover{
  background-color: var(--secondary);
}

.hover\:bg-shell-active-hover:hover{
  background-color: var(--color-shell-active-hover);
}

.hover\:bg-shell-hover:hover{
  background-color: var(--color-shell-hover);
}

.hover\:bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-surface:hover{
  background-color: var(--color-surface);
}

.hover\:bg-transparent:hover{
  background-color: transparent;
}

.hover\:bg-warn-bg:hover{
  background-color: var(--color-warn-bg);
}

.hover\:bg-well:hover{
  background-color: var(--color-well);
}

.hover\:bg-well-2:hover{
  background-color: var(--color-well-2);
}

.hover\:text-\[\#EAF1F6\]:hover{
  --tw-text-opacity: 1;
  color: rgb(234 241 246 / var(--tw-text-opacity, 1));
}

.hover\:text-accent-foreground:hover{
  color: var(--accent-foreground);
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-brand:hover{
  color: var(--color-accent);
}

.hover\:text-brand-ink:hover{
  color: var(--color-accent-ink);
}

.hover\:text-danger:hover{
  color: var(--color-danger);
}

.hover\:text-foreground:hover{
  color: var(--foreground);
}

.hover\:text-ink:hover{
  color: var(--color-ink);
}

.hover\:text-ink-2:hover{
  color: var(--color-ink-2);
}

.hover\:text-link-hover:hover{
  color: var(--color-link-hover);
}

.hover\:text-muted-foreground:hover{
  color: var(--muted-foreground);
}

.hover\:text-orange-700:hover{
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-foreground:hover{
  color: var(--primary-foreground);
}

.hover\:text-red-700:hover{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-shell-ink-active:hover{
  color: var(--color-shell-ink-active);
}

.hover\:text-slate-900:hover{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:text-text-error:hover{
  color: var(--text-error);
}

.hover\:text-text-link:hover{
  color: var(--text-link);
}

.hover\:text-text-primary:hover{
  color: var(--text-primary);
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:decoration-ink:hover{
  text-decoration-color: var(--color-ink);
}

.hover\:decoration-ink-3:hover{
  text-decoration-color: var(--color-ink-3);
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:opacity-70:hover{
  opacity: 0.7;
}

.hover\:opacity-75:hover{
  opacity: 0.75;
}

.hover\:opacity-80:hover{
  opacity: 0.8;
}

.hover\:opacity-90:hover{
  opacity: 0.9;
}

.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{
  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:brightness-95:hover{
  --tw-brightness: brightness(.95);
  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);
}

.hover\:brightness-\[0\.92\]:hover{
  --tw-brightness: brightness(0.92);
  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);
}

.hover\:brightness-\[0\.94\]:hover{
  --tw-brightness: brightness(0.94);
  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);
}

.hover\:after\:opacity-100:hover::after{
  content: var(--tw-content);
  opacity: 1;
}

.focus\:border-border-base-active:focus{
  border-color: var(--border-base-active);
}

.focus\:border-control-focus:focus{
  border-color: var(--color-border-focus);
}

.focus\:border-control-hover:focus{
  border-color: var(--color-border-hover);
}

.focus\:border-danger:focus{
  border-color: var(--color-danger);
}

.focus\:border-ink:focus{
  border-color: var(--color-ink);
}

.focus\:bg-accent:focus{
  background-color: var(--accent);
}

.focus\:bg-background-base-hover:focus{
  background-color: var(--background-base-hover);
}

.focus\:bg-danger-bg:focus{
  background-color: var(--color-danger-bg);
}

.focus\:bg-ghost-hover:focus{
  background-color: var(--color-ghost-hover);
}

.focus\:bg-primary:focus{
  background-color: var(--primary);
}

.focus\:bg-surface:focus{
  background-color: var(--color-surface);
}

.focus\:text-accent-foreground:focus{
  color: var(--accent-foreground);
}

.focus\:text-danger:focus{
  color: var(--color-danger);
}

.focus\:text-ink:focus{
  color: var(--color-ink);
}

.focus\:text-primary-foreground:focus{
  color: var(--primary-foreground);
}

.focus\:text-text-error:focus{
  color: var(--text-error);
}

.focus\:text-text-primary:focus{
  color: var(--text-primary);
}

.focus\:shadow-\[0_0_0_2px_var\(--color-accent\)\]:focus{
  --tw-shadow: 0 0 0 2px var(--color-accent);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-\[0_0_0_3px_rgba\(130\2c 150\2c 170\2c 0\.18\)\]:focus{
  --tw-shadow: 0 0 0 3px rgba(130,150,170,0.18);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-\[0_0_0_3px_rgba\(200\2c 245\2c 90\2c 0\.35\)\]:focus{
  --tw-shadow: 0 0 0 3px rgba(200,245,90,0.35);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-focus:focus{
  --tw-shadow: var(--shadow-focus);
  --tw-shadow-colored: var(--shadow-focus);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-red-600:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

.focus\:ring-ring:focus{
  --tw-ring-color: var(--ring);
}

.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}

.focus\:placeholder\:text-ink-muted:focus::-moz-placeholder{
  color: var(--color-muted);
}

.focus\:placeholder\:text-ink-muted:focus::placeholder{
  color: var(--color-muted);
}

.focus-visible\:pointer-events-auto:focus-visible{
  pointer-events: auto;
}

.focus-visible\:z-10:focus-visible{
  z-index: 10;
}

.focus-visible\:scale-100:focus-visible{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.focus-visible\:border-control-focus:focus-visible{
  border-color: var(--color-border-focus);
}

.focus-visible\:bg-ghost-hover:focus-visible{
  background-color: var(--color-ghost-hover);
}

.focus-visible\:text-ink:focus-visible{
  color: var(--color-ink);
}

.focus-visible\:opacity-100:focus-visible{
  opacity: 1;
}

.focus-visible\:shadow-focus:focus-visible{
  --tw-shadow: var(--shadow-focus);
  --tw-shadow-colored: var(--shadow-focus);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:shadow-none:focus-visible{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-0:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\]:focus-visible{
  --tw-ring-color: rgba(255,255,255,0.4);
}

.focus-visible\:ring-button-accent-1:focus-visible{
  --tw-ring-color: var(--button-accent-1);
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: var(--ring);
}

.focus-visible\:ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px;
}

.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}

.focus-visible\:after\:opacity-100:focus-visible::after{
  content: var(--tw-content);
  opacity: 1;
}

.active\:scale-\[0\.96\]:active{
  --tw-scale-x: 0.96;
  --tw-scale-y: 0.96;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:cursor-grabbing:active{
  cursor: grabbing;
}

.active\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.22\)\]:active{
  background-color: rgba(130,150,170,0.22);
}

.active\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.22\)\]:active{
  background-color: rgba(255,255,255,0.22);
}

.active\:bg-brand:active{
  background-color: var(--color-accent);
}

.active\:bg-btn-secondary:active{
  background-color: var(--color-btn-secondary);
}

.active\:bg-btn-secondary-active:active{
  background-color: var(--color-btn-secondary-active);
}

.active\:bg-danger-fill-hover:active{
  background-color: var(--color-danger-fill-hover);
}

.active\:bg-ghost-active:active{
  background-color: var(--color-ghost-active);
}

.active\:bg-row-selected:active{
  background-color: var(--color-row-selected);
}

.enabled\:hover\:bg-\[rgba\(200\2c 245\2c 90\2c 0\.55\)\]:hover:enabled{
  background-color: rgba(200,245,90,0.55);
}

.enabled\:hover\:bg-ghost-hover:hover:enabled{
  background-color: var(--color-ghost-hover);
}

.enabled\:hover\:text-ink:hover:enabled{
  color: var(--color-ink);
}

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

.disabled\:cursor-default:disabled{
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:cursor-wait:disabled{
  cursor: wait;
}

.disabled\:border-line:disabled{
  border-color: var(--color-line);
}

.disabled\:bg-brand-disabled:disabled{
  background-color: var(--color-accent-disabled);
}

.disabled\:bg-btn-secondary:disabled{
  background-color: var(--color-btn-secondary);
}

.disabled\:bg-transparent:disabled{
  background-color: transparent;
}

.disabled\:bg-well:disabled{
  background-color: var(--color-well);
}

.disabled\:text-\[\#5A6676\]:disabled{
  --tw-text-opacity: 1;
  color: rgb(90 102 118 / var(--tw-text-opacity, 1));
}

.disabled\:text-ink-muted:disabled{
  color: var(--color-muted);
}

.disabled\:text-text-error-disabled:disabled{
  color: var(--text-error-disabled);
}

.disabled\:no-underline:disabled{
  text-decoration-line: none;
}

.disabled\:opacity-100:disabled{
  opacity: 1;
}

.disabled\:opacity-35:disabled{
  opacity: 0.35;
}

.disabled\:opacity-40:disabled{
  opacity: 0.4;
}

.disabled\:opacity-45:disabled{
  opacity: 0.45;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6;
}

.disabled\:placeholder\:text-ink-muted:disabled::-moz-placeholder{
  color: var(--color-muted);
}

.disabled\:placeholder\:text-ink-muted:disabled::placeholder{
  color: var(--color-muted);
}

.disabled\:hover\:border-control:hover:disabled{
  border-color: var(--color-border);
}

.disabled\:hover\:bg-\[\#2F374A\]:hover:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(47 55 74 / var(--tw-bg-opacity, 1));
}

.disabled\:hover\:bg-brand:hover:disabled{
  background-color: var(--color-accent);
}

.disabled\:hover\:bg-btn-secondary:hover:disabled{
  background-color: var(--color-btn-secondary);
}

.disabled\:hover\:bg-danger-fill:hover:disabled{
  background-color: var(--color-danger-fill);
}

.disabled\:hover\:bg-transparent:hover:disabled{
  background-color: transparent;
}

.disabled\:hover\:text-ink-3:hover:disabled{
  color: var(--color-ink-3);
}

.disabled\:hover\:brightness-100:hover:disabled{
  --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);
}

.group:focus-within .group-focus-within\:pointer-events-auto{
  pointer-events: auto;
}

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{
  opacity: 1;
}

.group\/prow:focus-within .group-focus-within\/prow\:opacity-100{
  opacity: 1;
}

.group\/row:focus-within .group-focus-within\/row\:opacity-100{
  opacity: 1;
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1;
}

.group\/prow:hover .group-hover\/prow\:pointer-events-auto{
  pointer-events: auto;
}

.group:hover .group-hover\:pointer-events-auto{
  pointer-events: auto;
}

.group\/row:hover .group-hover\/row\:-mr-1{
  margin-right: -0.25rem;
}

.group\/row:hover .group-hover\/row\:ml-\[-4px\]{
  margin-left: -4px;
}

.group\/row:hover .group-hover\/row\:w-8{
  width: 2rem;
}

.group\/prow:hover .group-hover\/prow\:scale-100{
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/prow:hover .group-hover\/prow\:scale-\[0\.8\]{
  --tw-scale-x: 0.8;
  --tw-scale-y: 0.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/avatar:hover .group-hover\/avatar\:opacity-100{
  opacity: 1;
}

.group\/doc:hover .group-hover\/doc\:opacity-0{
  opacity: 0;
}

.group\/doc:hover .group-hover\/doc\:opacity-100{
  opacity: 1;
}

.group\/file:hover .group-hover\/file\:opacity-100{
  opacity: 1;
}

.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{
  opacity: 1;
}

.group\/note:hover .group-hover\/note\:opacity-100{
  opacity: 1;
}

.group\/prow:hover .group-hover\/prow\:opacity-0{
  opacity: 0;
}

.group\/prow:hover .group-hover\/prow\:opacity-100{
  opacity: 1;
}

.group\/row:hover .group-hover\/row\:opacity-100{
  opacity: 1;
}

.group\/tag:hover .group-hover\/tag\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:after\:opacity-100::after{
  content: var(--tw-content);
  opacity: 1;
}

.group:focus-visible .group-focus-visible\:after\:opacity-100::after{
  content: var(--tw-content);
  opacity: 1;
}

.group.toaster .group-\[\.toaster\]\:border-border{
  border-color: var(--border);
}

.group.toast .group-\[\.toast\]\:bg-muted{
  background-color: var(--muted);
}

.group.toast .group-\[\.toast\]\:bg-primary{
  background-color: var(--primary);
}

.group.toaster .group-\[\.toaster\]\:bg-background{
  background-color: var(--background);
}

.group.toast .group-\[\.toast\]\:text-muted-foreground{
  color: var(--muted-foreground);
}

.group.toast .group-\[\.toast\]\:text-primary-foreground{
  color: var(--primary-foreground);
}

.group.toaster .group-\[\.toaster\]\:text-foreground{
  color: var(--foreground);
}

.group.toaster .group-\[\.toaster\]\:shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{
  background-color: var(--destructive);
}

.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{
  color: var(--destructive-foreground);
}

.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{
  --tw-ring-color: var(--destructive);
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity: 0.7;
}

.has-\[\:disabled\]\:opacity-50:has(:disabled){
  opacity: 0.5;
}

.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{
  padding-right: 2rem;
}

.aria-disabled\:pointer-events-none[aria-disabled="true"]{
  pointer-events: none;
}

.aria-disabled\:opacity-50[aria-disabled="true"]{
  opacity: 0.5;
}

.aria-selected\:bg-accent[aria-selected="true"]{
  background-color: var(--accent);
}

.aria-selected\:text-accent-foreground[aria-selected="true"]{
  color: var(--accent-foreground);
}

.aria-selected\:text-muted-foreground[aria-selected="true"]{
  color: var(--muted-foreground);
}

.aria-selected\:opacity-100[aria-selected="true"]{
  opacity: 1;
}

.aria-selected\:opacity-30[aria-selected="true"]{
  opacity: 0.3;
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{
  pointer-events: none;
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}

.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{
  height: 1px;
}

.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{
  width: 100%;
}

.data-\[side\=bottom\]\:translate-y-2[data-side="bottom"]{
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=left\]\:-translate-x-2[data-side="left"]{
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=right\]\:translate-x-2[data-side="right"]{
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=top\]\:-translate-y-2[data-side="top"]{
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=checked\]\:translate-x-4[data-state="checked"]{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bloom-modal-out{

  from{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  to{
    opacity: 0;
    transform: translate(-50%, calc(-50% + 8px)) scale(0.985);
  }
}

.data-\[state\=closed\]\:animate-bloom-modal-out[data-state="closed"]{
  animation: bloom-modal-out 140ms ease-in forwards;
}

@keyframes bloom-fade{

  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}

.data-\[state\=open\]\:animate-bloom-fade[data-state="open"]{
  animation: bloom-fade 180ms ease-out;
}

@keyframes bloom-modal-in{

  from{
    opacity: 0;
    transform: translate(-50%, calc(-50% + 12px)) scale(0.985);
  }

  to{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.data-\[state\=open\]\:animate-bloom-modal-in[data-state="open"]{
  animation: bloom-modal-in 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{
  flex-direction: column;
}

.data-\[state\=checked\]\:border-brand[data-state="checked"]{
  border-color: var(--color-accent);
}

.data-\[state\=checked\]\:border-button-accent-1[data-state="checked"]{
  border-color: var(--button-accent-1);
}

.data-\[state\=indeterminate\]\:border-brand[data-state="indeterminate"]{
  border-color: var(--color-accent);
}

.data-\[state\=open\]\:border-control-focus[data-state="open"]{
  border-color: var(--color-border-focus);
}

.data-\[state\=open\]\:border-control-hover[data-state="open"]{
  border-color: var(--color-border-hover);
}

.data-\[highlighted\]\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.14\)\][data-highlighted]{
  background-color: rgba(130,150,170,0.14);
}

.data-\[highlighted\]\:bg-ghost-hover[data-highlighted]{
  background-color: var(--color-ghost-hover);
}

.data-\[selected\=\'true\'\]\:bg-accent[data-selected='true']{
  background-color: var(--accent);
}

.data-\[state\=active\]\:bg-segment-on[data-state="active"]{
  background-color: var(--color-segment-on);
}

.data-\[state\=active\]\:bg-surface[data-state="active"]{
  background-color: var(--color-surface);
}

.data-\[state\=checked\]\:bg-\[rgba\(200\2c 245\2c 90\2c 0\.35\)\][data-state="checked"]{
  background-color: rgba(200,245,90,0.35);
}

.data-\[state\=checked\]\:bg-brand[data-state="checked"]{
  background-color: var(--color-accent);
}

.data-\[state\=checked\]\:bg-button-accent-1[data-state="checked"]{
  background-color: var(--button-accent-1);
}

.data-\[state\=checked\]\:bg-selected[data-state="checked"]{
  background-color: var(--color-selected);
}

.data-\[state\=checked\]\:bg-well[data-state="checked"]{
  background-color: var(--color-well);
}

.data-\[state\=checked\]\:data-\[highlighted\]\:bg-\[rgba\(200\2c 245\2c 90\2c 0\.55\)\][data-highlighted][data-state="checked"]{
  background-color: rgba(200,245,90,0.55);
}

.data-\[state\=indeterminate\]\:bg-brand[data-state="indeterminate"]{
  background-color: var(--color-accent);
}

.data-\[state\=on\]\:bg-accent[data-state="on"]{
  background-color: var(--accent);
}

.data-\[state\=open\]\:bg-\[rgba\(130\2c 150\2c 170\2c 0\.18\)\][data-state="open"]{
  background-color: rgba(130,150,170,0.18);
}

.data-\[state\=open\]\:bg-accent[data-state="open"]{
  background-color: var(--accent);
}

.data-\[state\=open\]\:bg-ghost-hover[data-state="open"]{
  background-color: var(--color-ghost-hover);
}

.data-\[state\=open\]\:bg-secondary[data-state="open"]{
  background-color: var(--secondary);
}

.data-\[state\=open\]\:bg-transparent[data-state="open"]{
  background-color: transparent;
}

.data-\[state\=open\]\:bg-well[data-state="open"]{
  background-color: var(--color-well);
}

.data-\[state\=selected\]\:bg-muted[data-state="selected"]{
  background-color: var(--muted);
}

.data-\[state\=unchecked\]\:bg-toggle-off[data-state="unchecked"]{
  background-color: var(--color-toggle-off);
}

.data-\[active\=true\]\:font-medium[data-active="true"]{
  font-weight: 500;
}

.data-\[state\=active\]\:font-semibold[data-state="active"]{
  font-weight: 600;
}

.data-\[state\=checked\]\:font-semibold[data-state="checked"]{
  font-weight: 600;
}

.data-\[placeholder\]\:text-ink-muted[data-placeholder]{
  color: var(--color-muted);
}

.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{
  color: var(--accent-foreground);
}

.data-\[state\=active\]\:text-ink[data-state="active"]{
  color: var(--color-ink);
}

.data-\[state\=active\]\:text-segment-on-ink[data-state="active"]{
  color: var(--color-segment-on-ink);
}

.data-\[state\=checked\]\:text-brand-ink[data-state="checked"]{
  color: var(--color-accent-ink);
}

.data-\[state\=on\]\:text-accent-foreground[data-state="on"]{
  color: var(--accent-foreground);
}

.data-\[state\=open\]\:text-accent-foreground[data-state="open"]{
  color: var(--accent-foreground);
}

.data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
  opacity: 0.5;
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}

.data-\[state\=open\]\:opacity-100[data-state="open"]{
  opacity: 1;
}

.data-\[highlighted\]\:shadow-\[inset_0_0_0_48px_rgba\(130\2c 150\2c 170\2c 0\.10\)\][data-highlighted]{
  --tw-shadow: inset 0 0 0 48px rgba(130,150,170,0.10);
  --tw-shadow-colored: inset 0 0 0 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[state\=active\]\:shadow-segment[data-state="active"]{
  --tw-shadow: var(--shadow-segment);
  --tw-shadow-colored: var(--shadow-segment);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[state\=open\]\:shadow-focus[data-state="open"]{
  --tw-shadow: var(--shadow-focus);
  --tw-shadow-colored: var(--shadow-focus);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[state\=open\]\:shadow-none[data-state="open"]{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
  transition-property: none;
}

.data-\[state\=closed\]\:duration-default[data-state="closed"]{
  transition-duration: 140ms;
}

.data-\[state\=open\]\:duration-500[data-state="open"]{
  transition-duration: 500ms;
}

.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  left: 0px;
}

.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  height: 0.25rem;
}

.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  width: 100%;
}

.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after{
  content: var(--tw-content);
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[state\=open\]\:hover\:bg-well:hover[data-state="open"]{
  background-color: var(--color-well);
}

.hover\:data-\[state\=checked\]\:bg-brand-hover[data-state="checked"]:hover{
  background-color: var(--color-accent-hover);
}

.hover\:data-\[state\=unchecked\]\:bg-control-hover[data-state="unchecked"]:hover{
  background-color: var(--color-border-hover);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{
  left: calc(var(--sidebar-width) * -1);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{
  right: calc(var(--sidebar-width) * -1);
}

.group[data-side="left"] .group-data-\[side\=left\]\:-right-4{
  right: -1rem;
}

.group[data-side="right"] .group-data-\[side\=right\]\:left-0{
  left: 0px;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8{
  margin-top: -2rem;
}

.group[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\:block{
  display: block;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden{
  display: none;
}

.group[data-state="indeterminate"] .group-data-\[state\=indeterminate\]\:hidden{
  display: none;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8{
  width: 2rem !important;
  height: 2rem !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{
  width: var(--sidebar-width-icon);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{
  width: calc(var(--sidebar-width-icon) + 1rem);
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{
  width: calc(var(--sidebar-width-icon) + 1rem + 2px);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0{
  width: 0px;
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden{
  overflow: hidden;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg{
  border-radius: 0.5rem;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border{
  border-width: 1px;
}

.group[data-side="left"] .group-data-\[side\=left\]\:border-r{
  border-right-width: 1px;
}

.group[data-side="right"] .group-data-\[side\=right\]\:border-l{
  border-left-width: 1px;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0{
  padding: 0px !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2{
  padding: 0.5rem !important;
}

.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{
  opacity: 0;
}

.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after{
  content: var(--tw-content);
  left: 100%;
}

.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5{
  top: 0.375rem;
}

.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5{
  top: 0.625rem;
}

.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1{
  top: 0.25rem;
}

.peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{
  min-height: calc(100svh - 1rem);
}

.dark\:border-\[rgba\(244\2c 201\2c 93\2c 0\.35\)\]:is(.dark *){
  border-color: rgba(244,201,93,0.35);
}

.dark\:border-destructive:is(.dark *){
  border-color: var(--destructive);
}

.dark\:bg-\[\#3A4356\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(58 67 86 / var(--tw-bg-opacity, 1));
}

@media not all and (min-width: 1024px){

  .max-lg\:hidden{
    display: none;
  }
}

@media (max-width: 999px){

  .max-\[999px\]\:hidden{
    display: none;
  }
}

@media (max-width: 900px){

  .max-\[900px\]\:min-w-0{
    min-width: 0px;
  }

  .max-\[900px\]\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-\[900px\]\:gap-1{
    gap: 0.25rem;
  }
}

@media not all and (min-width: 640px){

  .max-sm\:h-auto{
    height: auto;
  }
}

@media not all and (min-width: 575px){

  .max-xs\:w-full{
    width: 100%;
  }
}

@media (min-width: 575px){

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

  .xs\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xs\:ml-0{
    margin-left: 0px;
  }

  .xs\:ml-2{
    margin-left: 0.5rem;
  }

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

  .xs\:block{
    display: block;
  }

  .xs\:flex{
    display: flex;
  }

  .xs\:hidden{
    display: none;
  }

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

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

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

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

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

  .xs\:w-auto{
    width: auto;
  }

  .xs\:flex-1{
    flex: 1 1 0%;
  }

  .xs\:flex-initial{
    flex: 0 1 auto;
  }

  .xs\:flex-none{
    flex: none;
  }

  .xs\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xs\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xs\:flex-row{
    flex-direction: row;
  }

  .xs\:flex-wrap{
    flex-wrap: wrap;
  }

  .xs\:flex-nowrap{
    flex-wrap: nowrap;
  }

  .xs\:items-start{
    align-items: flex-start;
  }

  .xs\:items-center{
    align-items: center;
  }

  .xs\:justify-end{
    justify-content: flex-end;
  }

  .xs\:justify-between{
    justify-content: space-between;
  }

  .xs\:gap-1\.5{
    gap: 0.375rem;
  }

  .xs\:gap-2{
    gap: 0.5rem;
  }

  .xs\:gap-3{
    gap: 0.75rem;
  }

  .xs\:gap-4{
    gap: 1rem;
  }

  .xs\:gap-6{
    gap: 1.5rem;
  }

  .xs\:overflow-visible{
    overflow: visible;
  }

  .xs\:border-b{
    border-bottom-width: 1px;
  }

  .xs\:border-b-0{
    border-bottom-width: 0px;
  }

  .xs\:border-r{
    border-right-width: 1px;
  }

  .xs\:border-border-base{
    border-color: var(--border-base);
  }

  .xs\:p-4{
    padding: 1rem;
  }

  .xs\:p-6{
    padding: 1.5rem;
  }

  .xs\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xs\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xs\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .xs\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xs\:text-right{
    text-align: right;
  }

  .xs\:text-caption{
    font-size: var(--font-size-caption);
  }

  .xs\:text-page-title{
    font-size: var(--font-size-page-title);
  }

  .xs\:f-12-400-normal{
    font-size: var(--font-size-caption);
    font-weight: 400;
    line-height: normal;
  }
}

@media (min-width: 640px){

  .sm\:right-3{
    right: 0.75rem;
  }

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

  .sm\:ml-8{
    margin-left: 2rem;
  }

  .sm\:mt-0{
    margin-top: 0px;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

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

  .sm\:h-\[clamp\(52px\2c 10dvh\2c 90px\)\]{
    height: clamp(52px,10dvh,90px);
  }

  .sm\:min-h-7{
    min-height: 1.75rem;
  }

  .sm\:w-32{
    width: 8rem;
  }

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

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

  .sm\:w-\[clamp\(78px\2c 15dvh\2c 135px\)\]{
    width: clamp(78px,15dvh,135px);
  }

  .sm\:w-auto{
    width: auto;
  }

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

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

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

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

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

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

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:flex-1{
    flex: 1 1 0%;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[152px_152px_152px\]{
    grid-template-columns: 152px 152px 152px;
  }

  .sm\:grid-cols-\[152px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 152px minmax(0,1fr);
  }

  .sm\:grid-cols-\[152px_minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: 152px minmax(0,1fr) auto;
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:gap-0{
    gap: 0px;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-2\.5{
    gap: 0.625rem;
  }

  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .sm\:rounded-\[12px\]{
    border-radius: 12px;
  }

  .sm\:rounded-dropdown{
    border-radius: var(--radius-dropdown);
  }

  .sm\:rounded-b-\[16px\]{
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }

  .sm\:rounded-t-\[16px\]{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .sm\:p-0{
    padding: 0px;
  }

  .sm\:p-1{
    padding: 0.25rem;
  }

  .sm\:p-3{
    padding: 0.75rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-7{
    padding: 1.75rem;
  }

  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:py-\[6px\]{
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .sm\:pl-8{
    padding-left: 2rem;
  }

  .sm\:pr-14{
    padding-right: 3.5rem;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-body{
    font-size: var(--font-size-body);
  }

  .sm\:t-h1{
    font-family: var(--font-display);
    font-size: var(--font-size-page-title);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.01em;
  }

  .sm\:f-14-500-14{
    font-size: var(--font-size-body);
    font-weight: 500;
    line-height: 14px;
  }
}

@media (min-width: 768px){

  .md\:absolute{
    position: absolute;
  }

  .md\:left-\[69px\]{
    left: 69px;
  }

  .md\:top-\[-81px\]{
    top: -81px;
  }

  .md\:block{
    display: block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

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

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

  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
    width: var(--radix-navigation-menu-viewport-width);
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:opacity-0{
    opacity: 0;
  }

  .after\:md\:hidden::after{
    content: var(--tw-content);
    display: none;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2{
    margin: 0.5rem;
  }

  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{
    margin-left: 0.5rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0{
    margin-left: 0px;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl{
    border-radius: 0.75rem;
  }

  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .min-\[768px\]\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 999px){

  .min-\[999px\]\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .min-\[999px\]\:flex{
    display: flex;
  }

  .min-\[999px\]\:grid{
    display: grid;
  }

  .min-\[999px\]\:contents{
    display: contents;
  }

  .min-\[999px\]\:hidden{
    display: none;
  }

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

  .min-\[999px\]\:max-w-none{
    max-width: none;
  }

  .min-\[999px\]\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .min-\[999px\]\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .min-\[999px\]\:grid-cols-\[minmax\(0\2c 1fr\)_241px_241px_auto\]{
    grid-template-columns: minmax(0,1fr) 241px 241px auto;
  }

  .min-\[999px\]\:items-center{
    align-items: center;
  }

  .min-\[999px\]\:justify-start{
    justify-content: flex-start;
  }

  .min-\[999px\]\:gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .min-\[999px\]\:gap-y-0{
    row-gap: 0px;
  }

  .min-\[999px\]\:border-b-0{
    border-bottom-width: 0px;
  }

  .min-\[999px\]\:border-r{
    border-right-width: 1px;
  }

  .min-\[999px\]\:border-r-0{
    border-right-width: 0px;
  }

  .min-\[999px\]\:border-border-base{
    border-color: var(--border-base);
  }

  .min-\[999px\]\:p-2{
    padding: 0.5rem;
  }

  .min-\[999px\]\:px-\[3px\]{
    padding-left: 3px;
    padding-right: 3px;
  }

  .min-\[999px\]\:py-\[10px\]{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .min-\[999px\]\:f-14-500-16{
    font-size: var(--font-size-body);
    font-weight: 500;
    line-height: 16px;
  }
}

@media (min-width: 1000px){

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

  .min-\[1000px\]\:border-r{
    border-right-width: 1px;
  }

  .min-\[1000px\]\:pl-\[264px\]{
    padding-left: 264px;
  }
}

@media (min-width: 1024px){

  .lg\:absolute{
    position: absolute;
  }

  .lg\:left-\[427px\]{
    left: 427px;
  }

  .lg\:top-\[-122px\]{
    top: -122px;
  }

  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

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

  .lg\:hidden{
    display: none;
  }

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

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

  .lg\:h-\[min\(880px\2c calc\(100dvh-96px\)\)\]{
    height: min(880px,calc(100dvh - 96px));
  }

  .lg\:max-h-\[calc\(100dvh-96px\)\]{
    max-height: calc(100dvh - 96px);
  }

  .lg\:max-h-\[min\(880px\2c calc\(100dvh-96px\)\)\]{
    max-height: min(880px,calc(100dvh - 96px));
  }

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

  .lg\:min-h-\[min\(640px\2c calc\(100dvh-96px\)\)\]{
    min-height: min(640px,calc(100dvh - 96px));
  }

  .lg\:w-1\/2{
    width: 50%;
  }

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

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

  .lg\:w-\[calc\(100\%-96px\)\]{
    width: calc(100% - 96px);
  }

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

  .lg\:max-w-none{
    max-width: none;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[2fr_1fr\]{
    grid-template-columns: 2fr 1fr;
  }

  .lg\:grid-cols-\[320px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 320px minmax(0,1fr);
  }

  .lg\:grid-cols-\[344px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 344px minmax(0,1fr);
  }

  .lg\:grid-cols-\[360px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 360px minmax(0,1fr);
  }

  .lg\:grid-cols-\[376px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 376px minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);
  }

  .lg\:grid-cols-\[minmax\(0\2c 420px\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,420px) minmax(0,1fr);
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:gap-3{
    gap: 0.75rem;
  }

  .lg\:gap-4{
    gap: 1rem;
  }

  .lg\:gap-\[73px\]{
    gap: 73px;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:border-line{
    border-color: var(--color-line);
  }

  .lg\:p-5{
    padding: 1.25rem;
  }

  .lg\:p-9{
    padding: 2.25rem;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .lg\:px-\[42px\]{
    padding-left: 42px;
    padding-right: 42px;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:pl-8{
    padding-left: 2rem;
  }

  .lg\:pr-8{
    padding-right: 2rem;
  }

  .lg\:text-\[42px\]{
    font-size: 42px;
  }
}

@media (min-width: 1280px){

  .xl\:sticky{
    position: sticky;
  }

  .xl\:top-4{
    top: 1rem;
  }

  .xl\:col-span-12{
    grid-column: span 12 / span 12;
  }

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

  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .xl\:col-span-8{
    grid-column: span 8 / span 8;
  }

  .xl\:h-9{
    height: 2.25rem;
  }

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

  .xl\:w-9{
    width: 2.25rem;
  }

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

  .xl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:gap-2{
    gap: 0.5rem;
  }

  .xl\:self-start{
    align-self: flex-start;
  }

  .xl\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:pl-3{
    padding-left: 0.75rem;
  }
}

@media (min-width: 1440px){

  .min-\[1440px\]\:block{
    display: block;
  }

  .min-\[1440px\]\:grid-cols-\[minmax\(0\2c 1fr\)_80px_88px_64px_88px_88px_104px_96px_104px_32px\]{
    grid-template-columns: minmax(0,1fr) 80px 88px 64px 88px 88px 104px 96px 104px 32px;
  }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{
  display: none;
}

.\[\&\:has\(\+\.pa-preassessment-item\.is-selected\)\]\:border-b-transparent:has(+.pa-preassessment-item.is-selected){
  border-bottom-color: transparent;
}

.\[\&\:has\(\+\.pa-preassessment-item\:hover\)\]\:border-b-transparent:has(+.pa-preassessment-item:hover){
  border-bottom-color: transparent;
}

.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){
  background-color: var(--accent);
}

.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}

.\[\&\>\*\>\*\:not\(\:first-child\)\]\:font-sans>*>*:not(:first-child){
  font-family: var(--font-ui);
}

.\[\&\>\*\]\:bg-shell-active>*{
  background-color: var(--color-shell-active);
}

.\[\&\>\.grid\]\:\!grid-cols-1>.grid{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.\[\&\>button\]\:hidden>button{
  display: none;
}

.\[\&\>button\]\:px-4>button{
  padding-left: 1rem;
  padding-right: 1rem;
}

.\[\&\>div\]\:border-border-error>div{
  border-color: var(--border-error);
}

.\[\&\>span\:last-child\]\:truncate>span:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\[\&\>span\>div\]\:h-1\.5>span>div{
  height: 0.375rem;
}

.\[\&\>span\>div\]\:w-1\.5>span>div{
  width: 0.375rem;
}

.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.\[\&\>span\]\:whitespace-nowrap>span{
  white-space: nowrap;
}

.\[\&\>span\]\:text-left>span{
  text-align: left;
}

.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>svg\]\:absolute>svg{
  position: absolute;
}

.\[\&\>svg\]\:left-4>svg{
  left: 1rem;
}

.\[\&\>svg\]\:top-4>svg{
  top: 1rem;
}

.\[\&\>svg\]\:size-3\.5>svg{
  width: 0.875rem;
  height: 0.875rem;
}

.\[\&\>svg\]\:size-4>svg{
  width: 1rem;
  height: 1rem;
}

.\[\&\>svg\]\:h-2\.5>svg{
  height: 0.625rem;
}

.\[\&\>svg\]\:h-3>svg{
  height: 0.75rem;
}

.\[\&\>svg\]\:w-2\.5>svg{
  width: 0.625rem;
}

.\[\&\>svg\]\:w-3>svg{
  width: 0.75rem;
}

.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink: 0;
}

.\[\&\>svg\]\:text-destructive>svg{
  color: var(--destructive);
}

.\[\&\>svg\]\:text-foreground>svg{
  color: var(--foreground);
}

.\[\&\>svg\]\:text-muted-foreground>svg{
  color: var(--muted-foreground);
}

.\[\&\>svg\]\:transition-transform>svg{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&\>svg\]\:duration-hover>svg{
  transition-duration: var(--duration-hover);
}

.hover\:\[\&\>svg\]\:rotate-90>svg:hover{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\>svg\~\*\]\:pl-7>svg~*{
  padding-left: 1.75rem;
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}

.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media not all and (min-width: 1280px){

  .max-xl\:\[\&_\.f-12-500-normal\]\:text-\[11px\] .f-12-500-normal{
    font-size: 11px;
  }

  .max-xl\:\[\&_\.f-14-400-normal\]\:text-\[13px\] .f-14-400-normal{
    font-size: 13px;
  }

  .max-xl\:\[\&_\.f-14-400-normal\]\:leading-4 .f-14-400-normal{
    line-height: 1rem;
  }

  .max-xl\:\[\&_\.f-16-400-normal\]\:text-\[14px\] .f-16-400-normal{
    font-size: 14px;
  }
}

.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{
  fill: var(--muted-foreground);
}

.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{
  stroke: var(--border);
}

.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff']{
  stroke: transparent;
}

.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc']{
  stroke: var(--border);
}

.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector{
  fill: var(--muted);
}

.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{
  fill: var(--muted);
}

.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc']{
  stroke: var(--border);
}

.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff']{
  stroke: transparent;
}

.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.\[\&_\.stat-subtitle\]\:text-brand-ink .stat-subtitle{
  color: var(--color-accent-ink);
}

.\[\&_\.stat-subtitle\]\:text-ink-2 .stat-subtitle{
  color: var(--color-ink-2);
}

.\[\&_\.stat-subtitle\]\:text-on-contrast .stat-subtitle{
  color: var(--color-on-contrast);
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
  font-weight: 500;
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{
  color: var(--muted-foreground);
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
  padding-top: 0px;
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
  height: 1.25rem;
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
  width: 1.25rem;
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
  height: 3rem;
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
  height: 1.25rem;
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
  width: 1.25rem;
}

.\[\&_\[role\=menuitem\]\]\:h-9 [role=menuitem]{
  height: 2.25rem;
}

.\[\&_\[role\=menuitem\]\]\:gap-3 [role=menuitem]{
  gap: 0.75rem;
}

.\[\&_\[role\=menuitem\]\]\:rounded-nav [role=menuitem]{
  border-radius: var(--radius-nav);
}

.\[\&_\[role\=menuitem\]\]\:px-2 [role=menuitem]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_\[role\=menuitem\]\]\:text-body [role=menuitem]{
  font-size: var(--font-size-body);
}

.\[\&_\[role\=menuitem\]\]\:font-medium [role=menuitem]{
  font-weight: 500;
}

.\[\&_blockquote\]\:border-l-2 blockquote{
  border-left-width: 2px;
}

.\[\&_blockquote\]\:border-border-base blockquote{
  border-color: var(--border-base);
}

.\[\&_blockquote\]\:pl-3 blockquote{
  padding-left: 0.75rem;
}

.\[\&_blockquote\]\:text-text-secondary blockquote{
  color: var(--text-secondary);
}

.\[\&_p\]\:text-sm p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&_p\]\:leading-relaxed p{
  line-height: 1.625;
}

.\[\&_p\]\:text-info-ink p{
  color: var(--color-info-ink);
}

.\[\&_span\]\:\!text-on-contrast span{
  color: var(--color-on-contrast) !important;
}

.\[\&_strong\]\:text-info-ink strong{
  color: var(--color-info-ink);
}

.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}

.\[\&_svg\]\:block svg{
  display: block;
}

.\[\&_svg\]\:\!size-4 svg{
  width: 1rem !important;
  height: 1rem !important;
}

.\[\&_svg\]\:\!size-\[12px\] svg{
  width: 12px !important;
  height: 12px !important;
}

.\[\&_svg\]\:size-3 svg{
  width: 0.75rem;
  height: 0.75rem;
}

.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:h-4 svg{
  height: 1rem;
}

.\[\&_svg\]\:h-5 svg{
  height: 1.25rem;
}

.\[\&_svg\]\:h-auto svg{
  height: auto;
}

.\[\&_svg\]\:h-full svg{
  height: 100%;
}

.\[\&_svg\]\:w-4 svg{
  width: 1rem;
}

.\[\&_svg\]\:w-5 svg{
  width: 1.25rem;
}

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

.\[\&_svg\]\:w-full svg{
  width: 100%;
}

.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}

.\[\&_svg\]\:rounded-full svg{
  border-radius: 9999px;
}

.\[\&_svg\]\:fill-current svg{
  fill: currentColor;
}

.\[\&_svg\]\:transition-transform svg{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.\[\&_svg\]\:duration-hover svg{
  transition-duration: var(--duration-hover);
}

.hover\:\[\&_svg\]\:rotate-90 svg:hover{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&_svg_\*\]\:fill-current svg *{
  fill: currentColor;
}

.\[\&_svg_\*\]\:fill-ink-2 svg *{
  fill: var(--color-ink-2);
}

.\[\&_svg_\*\]\:stroke-current svg *{
  stroke: currentColor;
}

.\[\&_svg_path\]\:fill-current svg path{
  fill: currentColor;
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}

@media(min-width:1265px){

  .\[\@media\(min-width\:1265px\)\]\:w-\[1004px\]{
    width: 1004px;
  }
}

[data-side=bottom]>.\[\[data-side\=bottom\]\>\&\]\:-top-1{
  top: -0.25rem;
}

[data-side=left]>.\[\[data-side\=left\]\>\&\]\:-right-1{
  right: -0.25rem;
}

[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{
  right: -0.5rem;
}

[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{
  cursor: e-resize;
}

[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{
  cursor: w-resize;
}

[data-side=right]>.\[\[data-side\=right\]\>\&\]\:-left-1{
  left: -0.25rem;
}

[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{
  left: -0.5rem;
}

[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{
  cursor: w-resize;
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{
  cursor: e-resize;
}

[data-side=top]>.\[\[data-side\=top\]\>\&\]\:-bottom-1{
  bottom: -0.25rem;
}


/*# sourceMappingURL=main.52e31abf670b92b8b0f7.css.map*/