/*
 * 0. COLOUR LIBRARY (variables + contexts only; loaded once, here, before
 * component styles). Authoritative source: ./birdstory-colours.css.
 * The Tailwind v4 adapter (docs/colours/birdstory-colours.tailwind.css) is
 * NOT loaded: this project is on Tailwind v3.
 */

/* BirdStory colour library · 1.1.0
 * Plain CSS. No reset, fonts, layout or automatic dark mode.
 * Palette = values. Roles = purpose. Contexts = coordinated foreground/background.
 * Apply data-bs-theme to a container; use .bs-surface only when it should paint it.
 */

:root {
  /* Approved brand palette, extracted from the homepage study. */
  --bs-palette-ink: #112d30;
  --bs-palette-teal: #1d6b61;
  --bs-palette-deep-teal: #103e3e;
  --bs-palette-paper: #f4ede2;
  --bs-palette-white: #fffcf7;
  --bs-palette-mist: #dfebe3;
  --bs-palette-plum: #402b40;
  --bs-palette-berry: #8c3c68;
  --bs-palette-peach: #e4ad8b;
  --bs-palette-rust: #aa624d;
  --bs-palette-sand: #dfc9aa;
  --bs-palette-sage: #a2b8a2;
  /* Product accent: bright emphasis on dark surfaces, not light body text. */
  --bs-palette-mint: #99f6e4;
  /* Supporting UI values. These are not extra marketing accents. */
  --bs-ui-app-text: #f2f4f3;
  --bs-ui-app-muted: #b9c6c3;
  --bs-ui-app-action-hover: #237a6e;
  --bs-ui-leaf: #e4eade;
  --bs-ui-muted: #425651;
  --bs-ui-border: #d2d9cb;
  --bs-ui-control: #638176;
  --bs-ui-ink-raised: #1b5050;
  --bs-ui-ink-subtle: #174849;
  --bs-ui-ink-muted: #d5e0d7;
  --bs-ui-ink-border: #366363;
  --bs-ui-ink-control: #89b2a5;
  --bs-ui-plum-raised: #503750;
  --bs-ui-plum-subtle: #352335;
  --bs-ui-plum-muted: #d9cbd4;
  --bs-ui-plum-border: #74566c;
  --bs-ui-plum-control: #b89bb0;
  --bs-ui-danger: #a83b3b;
  --bs-ui-danger-bg: #fff1ef;
  --bs-ui-warning: #8a5b18;
  --bs-ui-warning-bg: #fff3d6;
  --bs-ui-info: #1c6270;
  --bs-ui-info-bg: #edf6f8;
}

/* Every context defines the complete role set, so light sections nested inside
 * dark sections restore their own colours rather than inheriting dark roles.
 */

:root,
[data-bs-theme="paper"],
[data-bs-theme="white"],
[data-bs-theme="mist"],
[data-bs-theme="leaf"] {
  --bs-bg: var(--bs-palette-paper);
  --bs-surface: var(--bs-palette-white);
  --bs-surface-subtle: var(--bs-palette-mist);
  --bs-text: var(--bs-palette-ink);
  --bs-text-muted: var(--bs-ui-muted);
  --bs-text-accent: var(--bs-palette-teal);
  --bs-border: var(--bs-ui-border);
  --bs-border-control: var(--bs-ui-control);
  --bs-action-bg: var(--bs-palette-teal);
  --bs-action-border: var(--bs-action-bg);
  --bs-action-text: var(--bs-palette-white);
  --bs-action-hover-bg: var(--bs-palette-deep-teal);
  --bs-action-hover-text: var(--bs-palette-white);
  --bs-link: var(--bs-palette-teal);
  --bs-link-hover: var(--bs-palette-deep-teal);
  --bs-focus: var(--bs-palette-teal);
  --bs-success-bg: var(--bs-palette-mist);
  --bs-success-text: var(--bs-palette-teal);
  --bs-warning-bg: var(--bs-ui-warning-bg);
  --bs-warning-text: var(--bs-ui-warning);
  --bs-danger-bg: var(--bs-ui-danger-bg);
  --bs-danger-text: var(--bs-ui-danger);
  --bs-info-bg: var(--bs-ui-info-bg);
  --bs-info-text: var(--bs-ui-info);
  --bs-disabled-bg: var(--bs-ui-leaf);
  --bs-disabled-text: var(--bs-ui-muted);
  --bs-selection-bg: var(--bs-palette-deep-teal);
  --bs-selection-text: var(--bs-palette-white);
}

[data-bs-theme="white"] {
  --bs-bg: var(--bs-palette-white);
}

[data-bs-theme="mist"] {
  --bs-bg: var(--bs-palette-mist);
}

[data-bs-theme="leaf"] {
  --bs-bg: var(--bs-ui-leaf);
}

[data-bs-theme="ink"],
[data-bs-theme="plum"],
[data-bs-theme="app-dark"] {
  --bs-bg: var(--bs-palette-deep-teal);
  --bs-surface: var(--bs-ui-ink-raised);
  --bs-surface-subtle: var(--bs-ui-ink-subtle);
  --bs-text: var(--bs-palette-paper);
  --bs-text-muted: var(--bs-ui-ink-muted);
  --bs-text-accent: var(--bs-palette-peach);
  --bs-border: var(--bs-ui-ink-border);
  --bs-border-control: var(--bs-ui-ink-control);
  --bs-action-bg: var(--bs-palette-paper);
  --bs-action-border: var(--bs-action-bg);
  --bs-action-text: var(--bs-palette-ink);
  --bs-action-hover-bg: var(--bs-palette-white);
  --bs-action-hover-text: var(--bs-palette-ink);
  --bs-link: var(--bs-palette-peach);
  --bs-link-hover: var(--bs-palette-white);
  --bs-focus: var(--bs-palette-peach);
  --bs-success-bg: #173c31;
  --bs-success-text: #b8e1c6;
  --bs-warning-bg: #493b1e;
  --bs-warning-text: #f3d595;
  --bs-danger-bg: #542d31;
  --bs-danger-text: #f2b1aa;
  --bs-info-bg: #153d48;
  --bs-info-text: #bcdae3;
  --bs-disabled-bg: var(--bs-ui-ink-raised);
  --bs-disabled-text: var(--bs-ui-ink-muted);
  --bs-selection-bg: var(--bs-palette-peach);
  --bs-selection-text: var(--bs-palette-ink);
}

[data-bs-theme="plum"] {
  --bs-bg: var(--bs-palette-plum);
  --bs-surface: var(--bs-ui-plum-raised);
  --bs-surface-subtle: var(--bs-ui-plum-subtle);
  --bs-text-muted: var(--bs-ui-plum-muted);
  --bs-border: var(--bs-ui-plum-border);
  --bs-border-control: var(--bs-ui-plum-control);
  --bs-disabled-bg: var(--bs-ui-plum-raised);
  --bs-disabled-text: var(--bs-ui-plum-muted);
}

/* Dark product UI. Marketing ink/plum contexts retain their warmer accents.
 * Bright mint carries emphasis; ordinary content stays white/grey.
 * The mint action border identifies the deeper teal fill on dark surfaces.
 */

[data-bs-theme="app-dark"] {
  --bs-bg: var(--bs-palette-ink);
  --bs-surface: var(--bs-palette-deep-teal);
  --bs-surface-subtle: var(--bs-ui-ink-raised);
  --bs-text: var(--bs-ui-app-text);
  --bs-text-muted: var(--bs-ui-app-muted);
  --bs-text-accent: var(--bs-palette-mint);
  --bs-action-bg: var(--bs-palette-teal);
  --bs-action-border: var(--bs-palette-mint);
  --bs-action-text: var(--bs-palette-white);
  --bs-action-hover-bg: var(--bs-ui-app-action-hover);
  --bs-action-hover-text: var(--bs-palette-white);
  --bs-link: var(--bs-palette-mint);
  --bs-link-hover: var(--bs-palette-white);
  --bs-focus: var(--bs-palette-mint);
  --bs-selection-bg: var(--bs-palette-mint);
  --bs-selection-text: var(--bs-palette-ink);
}

/* Optional, narrowly scoped paint helpers. Components can use the variables
 * directly instead; importing this file never recolours the page on its own.
 */

.bs-surface {
  background-color: var(--bs-bg);
  color: var(--bs-text);
}

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

.bs-focus:focus-visible {
  outline: 3px solid var(--bs-focus);
  outline-offset: 3px;
}

.bs-surface ::-moz-selection {
  background: var(--bs-selection-bg);
  color: var(--bs-selection-text);
}

.bs-surface ::selection {
  background: var(--bs-selection-bg);
  color: var(--bs-selection-text);
}

/*
 * 1. IMPORT YOUR CUSTOM CSS FILES FIRST
 * This tells the build process to assemble everything.
 */

/* src/css/custom.css */

/* src/css/custom.css */

/* =================================== */

/* SELF-HOSTED FONT                    */

/* =================================== */

/* fraunces-100 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 100;

  src: url('../fonts/fraunces/fraunces-v38-latin-100.woff2') format('woff2');
}

/* fraunces-100italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 100;

  src: url('../fonts/fraunces/fraunces-v38-latin-100italic.woff2') format('woff2');
}

/* fraunces-200 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 200;

  src: url('../fonts/fraunces/fraunces-v38-latin-200.woff2') format('woff2');
}

/* fraunces-200italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 200;

  src: url('../fonts/fraunces/fraunces-v38-latin-200italic.woff2') format('woff2');
}

/* fraunces-300 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/fraunces/fraunces-v38-latin-300.woff2') format('woff2');
}

/* fraunces-300italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 300;

  src: url('../fonts/fraunces/fraunces-v38-latin-300italic.woff2') format('woff2');
}

/* fraunces-regular - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/fraunces/fraunces-v38-latin-regular.woff2') format('woff2');
}

/* fraunces-italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 400;

  src: url('../fonts/fraunces/fraunces-v38-latin-italic.woff2') format('woff2');
}

/* fraunces-500 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 500;

  src: url('../fonts/fraunces/fraunces-v38-latin-500.woff2') format('woff2');
}

/* fraunces-500italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 500;

  src: url('../fonts/fraunces/fraunces-v38-latin-500italic.woff2') format('woff2');
}

/* fraunces-600 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 600;

  src: url('../fonts/fraunces/fraunces-v38-latin-600.woff2') format('woff2');
}

/* fraunces-600italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 600;

  src: url('../fonts/fraunces/fraunces-v38-latin-600italic.woff2') format('woff2');
}

/* fraunces-700 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/fraunces/fraunces-v38-latin-700.woff2') format('woff2');
}

/* fraunces-700italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 700;

  src: url('../fonts/fraunces/fraunces-v38-latin-700italic.woff2') format('woff2');
}

/* fraunces-800 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 800;

  src: url('../fonts/fraunces/fraunces-v38-latin-800.woff2') format('woff2');
}

/* fraunces-800italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 800;

  src: url('../fonts/fraunces/fraunces-v38-latin-800italic.woff2') format('woff2');
}

/* fraunces-900 - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: normal;

  font-weight: 900;

  src: url('../fonts/fraunces/fraunces-v38-latin-900.woff2') format('woff2');
}

/* fraunces-900italic - latin */

@font-face {
  font-display: swap;

  font-family: 'Fraunces';

  font-style: italic;

  font-weight: 900;

  src: url('../fonts/fraunces/fraunces-v38-latin-900italic.woff2') format('woff2');
}

/* Metric-matched stand-in for Fraunces while it loads (Georgia scaled to
   Fraunces' widths and vertical metrics) so the swap doesn't re-wrap or
   shift headings. Listed after 'Fraunces' in the serif stacks. */
@font-face {
  font-family: 'Fraunces Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Georgia');
  ascent-override: 91.2%;
  descent-override: 24.2%;
  line-gap-override: 0%;
  size-adjust: 107.5%;
}
@font-face {
  font-family: 'Fraunces Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Georgia Bold'), local('Georgia-Bold');
  ascent-override: 104.9%;
  descent-override: 27.8%;
  line-gap-override: 0%;
  size-adjust: 93.4%;
}

@font-face {
  font-family: 'Inter';

  font-style: normal;

  font-weight: 200;

  font-display: swap;

  src: url('../fonts/inter/inter-latin-200-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url('../fonts/inter/inter-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url('../fonts/inter/inter-latin-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url('../fonts/inter/inter-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url('../fonts/inter/inter-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url('../fonts/inter/inter-latin-400-italic.woff2') format('woff2');
}

/* Metric-matched stand-in for Inter while it loads (Arial scaled to Inter's
   widths and vertical metrics), so the swap to Inter doesn't re-wrap or
   shift text. Listed after 'Inter' in the sans stack. */
@font-face {
  font-family: 'Inter Fallback';
  font-style: normal;
  font-weight: 100 599;
  src: local('Arial'), local('ArialMT'), local('Liberation Sans');
  ascent-override: 90.2%;
  descent-override: 22.48%;
  line-gap-override: 0%;
  size-adjust: 107.4%;
}
@font-face {
  font-family: 'Inter Fallback';
  font-style: normal;
  font-weight: 600 900;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold');
  ascent-override: 90.2%;
  descent-override: 22.48%;
  line-gap-override: 0%;
  size-adjust: 107.4%;
}

.font-serif {
  font-family: 'Fraunces', 'Fraunces Fallback', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  font-optical-sizing: auto;
}

@font-face {
  font-family: 'ShantellSans';

  font-style: normal;

  font-weight: 300 800;

  font-display: swap;

  /* Ensure the path to the variable font file is correct */

  src: url('../fonts/shantellsans/shantell-sans-variable.woff2') format('woff2-variations');
}

/* 1. THE BOUNCY VERSION (For the jittery, organic look) */

.font-hand-bounce {
  font-family: 'ShantellSans', cursive, sans-serif;
  /* BNCE at 50 creates that drifting baseline */
  font-variation-settings: "BNCE" 30, "INFM" 40;
  font-optical-sizing: auto;
}

.font-hand-wee-bounce {
  font-family: 'ShantellSans', cursive, sans-serif;
  /* BNCE at 50 creates that drifting baseline */
  font-variation-settings: "BNCE" 20, "INFM" 20;
  font-optical-sizing: auto;
}

/* 2. THE STABLE VERSION (Handwritten but sits flat on the line) */

.font-hand {
  font-family: 'ShantellSans', cursive, sans-serif;
  /* BNCE at 0 kills the jitter; INFM at 30 keeps it looking like a human wrote it */
  font-variation-settings: "BNCE" 0, "INFM" 30;
  font-optical-sizing: auto;
}

html,
body {
  margin-top: 0 !important;
}

html {
  scrollbar-gutter: stable;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[x-cloak] {
  display: none !important;
}

:root {
  --bs-main-header-height: 4rem;
  --bs-page-top-safe: var(--bs-main-header-height);
}

/**
 * Use on pages where content should begin below the fixed header.
 * Good for library/list pages.
 */

.bs-header-safe-top {
  padding-top: var(--bs-page-top-safe);
}

/**
 * Use on hero/cover pages where the background should sit behind the header,
 * but the actual text/content should start below it.
 */

.bs-header-safe-inner {
  padding-top: var(--bs-page-top-safe);
}

#site-header[data-birdstory-overlay-header] {
  background: var(--bs-overlay-header-bg, transparent) !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

#site-header[data-birdstory-overlay-header].is-scrolled {
  background: var(--bs-overlay-header-scrolled-bg, #020617) !important;
  border-bottom-color: var(--bs-overlay-header-scrolled-border, rgba(30, 41, 59, 0.8)) !important;
  box-shadow: 0 20px 60px -35px rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* 1. Remove the mobile tap highlight (the gray/white flash on mobile) */

button, 
a {
  -webkit-tap-highlight-color: transparent;
}

/* 2. Target your specific library button to kill all focus/active rings */

button[aria-label="Browse library"] {
  outline: none !important;
  box-shadow: none !important;
  /* This kills the 'ring' flash */
}

button[aria-label="Browse library"]:focus,
button[aria-label="Browse library"]:active,
button[aria-label="Browse library"]:focus-visible {
  outline: none !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}

:root {
  --bs-main-header-height: 4rem;
  --bs-secondary-sticky-top: var(--bs-main-header-height);
  --bs-header-motion: 220ms ease;
}

html.bs-main-header-hidden {
  --bs-secondary-sticky-top: 0px;
}

@media (max-width: 1023px) {
  [data-birdstory-secondary-sticky-nav] {
    top: var(--bs-secondary-sticky-top);
    transition: top var(--bs-header-motion);
  }
}

/*
 * Pinned CTA Bar Animation & Positioning (Final Version)
 */

#pinned-cta-bar {
  /* Default state: HIDDEN below the screen */
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}

#pinned-cta-bar.is-active {
  /* Active state: VISIBLE and fixed to the bottom */
  transform: translateY(0);
}

#pinned-cta-bar.is-stuck {
  /* Stuck state: VISIBLE and positioned absolutely above the footer */
  position: absolute;
  transform: translateY(0);
  bottom: var(--footer-height, 100px);
  /* JS sets this variable */
}

/* Hide native clear “x” on search inputs (Chrome/Safari/Edge) */

#site-header input[type="search"]::-webkit-search-cancel-button,
#site-header input[type="search"]::-webkit-search-decoration,
#site-header input[type="search"]::-webkit-search-results-button,
#site-header input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/* =================================== */

/* TYPE TWEAKS                         */

/* =================================== */

/* .no-orphan was retired: it duplicated Tailwind's text-balance, and headings now get
   text-wrap: balance from the shared .bs-h1/.bs-h2/.bs-h3 roles (typography.css). */

/* Wild Words - hanging quote marks */

/* Container to provide the anchor point */

.quote-container {
  position: relative;
  width: 100%;
}

/* Leading Quote Style */

.quote-leading-only::before {
  content: "“";
  position: absolute;
  font-family: serif;
  /* Increased visibility while remaining muted */
  /* Positioning it outside the flow */
  left: -0.52em;
  /* Pulling it up slightly to match the tight leading */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  /* Ensures it doesn't interfere with clicks */
}

.quote-fade.quote-leading-only::before {
  color: #475569;
  top: 0px;
  left: -40px;
  opacity: 1;
  font-size: 3rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1))
}

.bs-share-light .quote-fade.quote-leading-only::before {
  color: #0f172a;
}

@media (min-width: 768px) {
  .quote-fade.quote-leading-only::before {
    font-size: 4.5rem;
    line-height: 1;
  }
}

/* Large devices (desktops, 1024px and up) */

@media (max-width: 1400px) {
  .quote-fade.quote-leading-only::before {
    content: "”";
    display:block;
    left: auto !important;
    height: 100px;
    top: -50px;
    right: -70px !important;
    font-size: 200px;
    opacity: 0.1;
  }
}

.quote-container .trailing {
  position: absolute;
  line-height: 1.1em;
  margin-left: -0.06em;
}

/* OPTION B: Double Hanging Quotes */

.quote-double::before {
}

.quote-double::after {
}

/* =================================== */

/* MEMBERPRESS FORM STYLING           */

/* =================================== */

.bs-home-title.bs-home-title.mepr-signup-form {
  margin-inline: auto;
}

.mepr-signup-form {
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
}

.mepr_updated {
  border-radius: 0.375rem;
  border-style: none !important;
}

.mp-form-row {
  margin-bottom: 1.5rem;
}

.mp-form-row .mp-form-label label {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(74 74 74 / var(--tw-text-opacity, 1));
}

.mepr-form-input {
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(233 231 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --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);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.bs-share-light .mepr-form-input {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.mepr-form-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 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);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity, 1));
}

.mp-form-submit {
  margin-top: 2rem;
}

body.bs-home-next #site-footer.bs-home-footer .mepr-submit {
  color: var(--bs-home-footer-heading);
}

.mepr-submit {
  display: inline-block;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  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;
}

.bs-share-light .mepr-submit {
  color: #0f172a;
}

.mepr-submit:hover {
  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.9;
}

.mepr-submit {
  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;
}

.mepr-submit:hover {
  --tw-bg-opacity: 0.9;
}

.mepr-submit {
  -webkit-appearance: none;
  /* Important for consistent button styling */
  /* Removed redundant non-@apply rules for consistency */
}

.mepr_spacer, 
.mepr-loading-gif,
.mepr-form-has-errors,
.cc-error {
  display: none;
}

.mepr_price {
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

/* =================================== */

/* --- Story / Guide template ---      */

/* =================================== */

/* Safari drop cap tweak -- STORY ONLY */

/* Handled purely with padding/margin (No Transforms!) so it paints correctly on initial load */

.is-safari .prose-story p:first-of-type::first-letter {
  /* Mobile fix */
  padding-top: 12px;
  margin-top: -12px;
}

@media (min-width: 1024px) {
  .is-safari .prose-story p:first-of-type::first-letter {
    /* Desktop fix */
    padding-top: 24px;
    margin-top: -24px;
  }
}

/* === Header / Sticky System === */

:root {
  --bs-main-header-height: 4rem;
  --bs-secondary-sticky-top: var(--bs-main-header-height);
  --bs-header-motion: 180ms ease;
}

html.bs-main-header-hidden {
  --bs-secondary-sticky-top: 0px;
}

html,
body {
  margin-top: 0 !important;
}

body {
  position: relative;
  padding-top: 0;
}

body.birdstory-has-fixed-main-header {
  padding-top: var(--bs-main-header-height);
}

/* Main site header: same system everywhere */

#site-header {
  position: fixed !important;
  inset: 0 0 auto 0;
  width: 100%;
  height: var(--bs-main-header-height);
  z-index: 80;
  transform: translateY(0);
  transition:
    transform var(--bs-header-motion),
    background-color var(--bs-header-motion),
    box-shadow var(--bs-header-motion);
  will-change: transform;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#site-header.is-hidden {
  transform: translateY(-100%);
  box-shadow: none !important;
}

#site-header {
  box-shadow:
    0 10px 25px -5px rgba(0, 0, 0, 0.2),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-bottom-width: 1px;
  border-color: rgb(30 41 59 / 0.8);
}


.bs-share-light #site-header {
  border-color: #e2e8f0;
}

/* Prevent double border when the Field Guide secondary nav is present */

.birdstory-field-guide-shell #site-header.is-scrolled {
  border-bottom-width: 0 !important;
}

/* Field Guide top header = quiet workspace chrome (Stage 1). Non-sticky: it
   scrolls away with the page instead of pinning; no bottom rule and no shadow (the
   rail + the contextual section label already establish the shell). The smart-
   sticky JS toggles is-hidden / is-scrolled on #site-header globally, so for the
   Field Guide header we neutralise the reveal/hide transform. The existing per-page
   top offset (bs-header-safe-top / the Sightings workspace padding) already reserves
   the header's initial height, so switching from fixed to absolute does not overlap
   content. Scoped to the field_guide header context — Explore / marketing / library
   / account headers keep their existing fixed treatment. */

body.birdstory-field-guide-shell #site-header[data-birdstory-header-context="field_guide"],
body.birdstory-field-guide-shell #site-header[data-birdstory-header-context="field_guide"].is-scrolled,
body.birdstory-field-guide-shell #site-header[data-birdstory-header-context="field_guide"].is-hidden {
  position: absolute !important;
  transform: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Desktop: the Field Guide top bar is removed entirely — section context lives in
   the rail, and Help/account move to the rail bottom. Hide the header and drop the
   top offset that reserved its height, so page content leads immediately from the
   top of the workspace. Mobile keeps the header (burger menu holds nav + Help +
   account). */

@media (min-width: 1024px) {
  body.birdstory-field-guide-shell #site-header[data-birdstory-header-context="field_guide"] {
    display: none !important;
  }

  body.birdstory-field-guide-shell .bs-header-safe-top {
    padding-top: 0 !important;
  }
}

/* Mobile: a slimmer Field Guide top bar (3.25rem instead of 4rem) and a small gap below it, so the
   workspace content sits closer to the top. Header height and the content offset share the same
   variables, so they stay in step. */

@media (max-width: 1023.98px) {
  body.birdstory-field-guide-shell {
    --bs-main-header-height: 3.25rem;
    --bs-page-top-safe: calc(var(--bs-main-header-height) + 0.5rem);
  }
}

/* Field Guide Sighting record hierarchy: the record title is the visible H1
   (~40px); keep every in-record serif section heading clearly below it (~28px) so
   the record H1 is unambiguously the top of the page. Scoped to the FG record
   (.bs-fg-record, present in both the injected workspace fragment and the standalone
   Sighting page) — public Experience pages keep their editorial heading sizes. */

.bs-fg-record h2.font-serif {
  font-size: 1.75rem !important;
  line-height: 1.2 !important;
}

/* =========================================================================
   Field Guide workspace rail (desktop)
   -------------------------------------------------------------------------
   The narrow, persistent left navigation for the Field Guide app shell — the
   structural spine of the Field Guide. It runs from the very top of the viewport
   to the bottom; the top header begins to its right (see the header offset
   below). Top of the rail carries the workspace identity; beneath it the
   workspace navigation. This makes the hierarchy explicit: workspace identity +
   navigation (this rail) -> item navigation (e.g. the Sightings navigator) ->
   content.

   Scoped to the Field Guide shell so Explore / marketing / library / account
   pages are untouched. Hidden below lg — phones use the existing burger-menu
   Field Guide navigation, so the desktop rail never forces a column onto narrow
   layouts or the Sightings master/detail mobile flow.
   ========================================================================= */

:root {
  /* ~92px: a slim navigation spine — room for an icon and a small visible label
     (never icon-only), but clearly application chrome rather than another content
     column. */
  --bs-fg-rail-width: 300px;
  /* Width of the contextual second column (the local navigator, e.g. the
     Sightings list). Only pages that declare a navigator use it — the utility
     header offsets past it so the header sits over the content column alone. */
  --bs-fg-nav-width: 22rem;
}

.bs-fg-rail {
  display: none;
}

@media (min-width: 1024px) {
  .bs-fg-rail {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--bs-fg-rail-width);
    /* Below the header (80) and its dropdowns; above page content. The rail and
       header do not overlap horizontally (the header is offset to start at the
       rail's right edge), so this ordering only governs dropdown layering. */
    z-index: 70;
    display: flex;
    flex-direction: column;
    /* Shell rail surface, a step lighter than the page (--bs-fg-page-bg). Token
       defined in template-parts/field-guide-rail.php. */
    background: var(--bs-fg-rail-bg, #0a1122);
    /* Same restrained tone as the header's workspace-shell bottom rule. */
    border-right: 1px solid rgba(148, 163, 184, 0.14);
    /* Visible (not auto): the rail-bottom Help/account popovers open to the RIGHT,
       outside the rail, and must not be clipped. The rail holds only a handful of
       short items, so it does not need its own scroll. */
    overflow: visible;
  }

  /* Top header begins at the right edge of the rail, so its background and the
     subtle Field Guide bottom rule start there rather than running through the
     rail. Scoped to the Field Guide header context + lg (rail visible); below lg
     the rail is hidden and the header spans full width as before. */

  body.birdstory-field-guide-shell #site-header[data-birdstory-header-context="field_guide"] {
    left: var(--bs-fg-rail-width);
    width: auto;
    right: 0;
  }

  /* Offset the Field Guide page workspace so it begins beside the rail rather
     than under it. Every Field Guide page renders its content in a top-level
     <main>; the standalone Sighting page uses `.bs-fg-workspace`. Direct-child
     scoping (`>`) deliberately excludes the Sighting detail fragment (which is
     injected as a nested <main> into the Sightings workspace pane). Inner
     centred containers simply re-centre within the remaining width. */

  body.birdstory-field-guide-shell > main,
  body.birdstory-field-guide-shell > .bs-fg-workspace {
    padding-left: var(--bs-fg-rail-width);
  }

  /* Contextual second column present (e.g. the Sightings navigator): the utility
     header becomes a thin bar over the CONTENT column only. It begins past the
     rail AND the navigator, so neither the rail nor the navigator is capped by
     it — both run uninterrupted to the top edge. The page renders the navigator
     as column 2 inside its <main>, running full-height from top:0 (its toolbar
     sits at the very top); the content column clears this fixed header itself. */

  body.birdstory-fg-has-navigator #site-header[data-birdstory-header-context="field_guide"] {
    left: calc(var(--bs-fg-rail-width) + var(--bs-fg-nav-width));
  }
}

/* Slightly narrower rail + navigator on the tighter desktop band so the
   rail + navigator + content trio does not get cramped before the mobile
   layout takes over at lg. */

@media (min-width: 1024px) and (max-width: 1279px) {
  :root {
    --bs-fg-rail-width: 16rem;
    /* 256px */
    --bs-fg-nav-width: 20rem;
    /* ~320px */
  }
}

/* =========================================================================
   Shared Guide sticky footer (`.bs-guide-footer`) — ONE footer, visually and
   structurally, for every fixed action bar across Guide Preview, active text
   editing, Choose Experiences and Add Experiences: same dark background,
   border, shadow, spacing and button treatment everywhere, inset past the
   rail on desktop (was previously full-bleed underneath it on some screens),
   a fixed secondary-left / primary-right split, and consistent mobile
   stacking. There is deliberately no light/dark theme variant — these are
   the same editing-chrome footer wherever they appear, not four screens that
   happen to share a CSS skeleton.
   ========================================================================= */

.bs-guide-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  background: #020617;
  color: #e2e8f0;
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  box-shadow: 0 -8px 30px rgba(2, 6, 23, 0.28);
}

@media (min-width: 1024px) {
  .bs-guide-footer {
    /* Never runs underneath the rail — starts at its right edge, same
       pattern as the page content offset and the utility header above. */
    left: var(--bs-fg-rail-width);
  }
}

.bs-guide-footer__inner {
  max-width: 64rem;
  margin: 0 auto;
  padding: 0.85rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bs-guide-footer__back {
  flex: 0 0 auto;
}

.bs-guide-footer__msg {
  flex: 1 1 12rem;
  min-width: 0;
  font-size: 0.85rem;
  margin: 0;
  color: #94a3b8;
}

.bs-guide-footer__msg strong {
  color: #e2e8f0;
  font-weight: 600;
}

.bs-guide-footer__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-left: auto;
}

/* The one shared button treatment for every Guide sticky footer. */

.bs-guide-footer .pg-rf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  min-height: 2.65rem;
  padding: 0.7rem 1.15rem;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.bs-guide-footer .pg-rf-btn--ghost {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.4);
  color: #e2e8f0;
}

.bs-guide-footer .pg-rf-btn--ghost:hover {
  border-color: #cbd5e1;
  color: #fff;
}

.bs-guide-footer .pg-rf-btn--primary {
  background: #14b8a6;
  border-color: #14b8a6;
  color: #04211d;
}

.bs-guide-footer .pg-rf-btn--primary:hover {
  background: #2dd4bf;
  border-color: #2dd4bf;
}

.bs-guide-footer .pg-rf-btn[disabled] {
  opacity: 0.6;
  cursor: default;
}

/* Room at the bottom of the page content so the fixed footer never covers
   the last section. Add to whichever element scrolls under the footer. */

.bs-has-guide-footer {
  padding-bottom: 6.5rem;
}

@media (max-width: 640px) {
  .bs-guide-footer__inner {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.6rem;
  }

  .bs-guide-footer__msg {
    order: 3;
    flex-basis: 100%;
  }

  .bs-guide-footer__actions {
    margin-left: auto;
  }
}

/* Below this, an explanatory message would crowd the primary action off
   screen on the smallest phones — hide it and keep both actions tappable. */

@media (max-width: 420px) {
  .bs-guide-footer__msg {
    display: none;
  }
}

/* Navigation group. Every rail item lives here and shares one structure and
   visual weight — there is no separate identity heading. A small top offset keeps
   the first item ("Field Guide") off the very top edge. */

.bs-fg-rail-nav {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.5rem 0.5rem;
}

/* Wide labelled rail: items are horizontal rows (icon + label, left-aligned),
   sharing one icon column and text axis with the account block above. */

.bs-fg-rail-item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
  color: #cbd5e1;
  /* slate-300 */
  text-align: left;
  transition: color 150ms ease, background-color 150ms ease;
}

.bs-fg-rail-item:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
}

.bs-fg-rail-item:focus-visible {
  outline: 2px solid #2dd4bf;
  /* teal-400 */
  outline-offset: 2px;
}

.bs-fg-rail-icon {
  display: block;
}

.bs-fg-rail-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

/* Mobile drawer: the Birds (flock) icon reads a touch large next to the others. */
#mobile-menu [data-fg-rail-key="flock"] .bs-fg-rail-icon svg {
  width: 1.3125rem;
  height: 1.3125rem;
}

/* Labels are subordinate to page content: small and quiet, but still a visible,
   readable name (never icon-only). */

.bs-fg-rail-label {
  font-size: 0.875rem;
  /* 14px — a readable label in the wide rail */
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.005em;
}

/* Secondary count beside a nav label (e.g. Saved 81). Small, muted, pushed to the
   trailing edge; picks up the teal tint on the active row. Shared by the desktop
   rail and the mobile drawer's "Your BirdStory" group. */

.bs-fg-rail-count {
  margin-left: auto;
  flex: none;
  font-size: 0.75rem;
  /* 12px */
  font-weight: 600;
  color: #64748b;
  /* slate-500 */
  font-variant-numeric: tabular-nums;
}

.bs-fg-rail-item[aria-current="page"] .bs-fg-rail-count {
  color: #5eead4;
  /* teal-300 */
}

/* Active workspace destination — quiet, not a feature: a subtle teal surface + a
   teal icon/label, and nothing else. No leading edge bar, no large rounded card,
   pills or underlines. Shared by the desktop rail AND the mobile drawer's
   "Your Field Guide" group, so the active treatment matches across both. */

.bs-fg-rail-item[aria-current="page"] {
  color: #5eead4;
  /* teal-300 */
  background: rgba(45, 212, 191, 0.07);
}

.bs-fg-rail-item[aria-current="page"]::before {
  content: none;
}

/* Rail-bottom utilities (Help + account/profile). Low-frequency workspace controls,
   pushed to the bottom (margin-top:auto) and visually separated from the primary
   navigation by a top divider + a quieter treatment (muted colour, smaller icon,
   never the teal active-state). Not another active section. */

.bs-fg-rail-utils {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.5rem 0.5rem 0.75rem;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

/* Help util now matches the wide nav rows (horizontal icon + label, left-aligned),
   just quieter (muted colour). */

.bs-fg-rail-util {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.5rem 0.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: #94a3b8;
  /* slate-400 — quieter than the nav */
  text-align: left;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease;
}

.bs-fg-rail-util:hover,
.bs-fg-rail-util.is-open {
  color: #e2e8f0;
  /* slate-200 */
  background: rgba(255, 255, 255, 0.04);
}

.bs-fg-rail-util:focus-visible {
  outline: 2px solid #2dd4bf;
  /* teal-400 */
  outline-offset: 2px;
}

/* Match the nav icon column so Help lines up with the nav + account rows. */

.bs-fg-rail-util-icon {
  display: block;
}

.bs-fg-rail-util-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.bs-fg-rail-util-label {
  max-width: 100%;
  overflow: hidden;
  font-size: 0.875rem;
  /* 14px — match the nav labels */
  line-height: 1.2;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---------------------------------------------------------------------------
   Rail account/profile block (top of the rail, below the brand). The active
   guide/profile block collapses/expands the account controls INLINE (no floating
   popover). Flat rows that share the nav's icon column + text axis. Matches the
   header account dropdown styling.
   --------------------------------------------------------------------------- */

/* One grouped surface for the whole profile/account area: a subtle rounded
   container, slightly lighter than the rail, inset ~10px from the rail edges. It
   reads as a single block whose header is the profile row and which expands
   downward when opened — not a set of loose rows appearing under the rail. */

.bs-fg-rail-account {
  margin: 0.5rem 0.625rem 0;
  padding: 0.375rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 0.875rem;
  background: rgba(148, 163, 184, 0.055);
}

/* Profile block trigger — abstract avatar + name + lens + chevron. Distinct from
   the action rows (larger avatar), separated from them by spacing only. */

.bs-fg-rail-profile {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.5rem 0.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background-color 150ms ease;
}

.bs-fg-rail-profile:hover {
  background: rgba(255, 255, 255, 0.04);
}

.bs-fg-rail-profile:focus-visible {
  outline: 2px solid #2dd4bf;
  outline-offset: 2px;
}

.bs-fg-rail-profile-text {
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.15;
}

.bs-fg-rail-profile-name {
  display: block;
  font-size: 0.9375rem;
  /* 15px */
  font-weight: 700;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-fg-rail-profile-meta {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  /* 13px */
  color: #94a3b8;
  /* slate-400 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-fg-rail-profile-chevron {
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
  color: #64748b;
  /* slate-500 */
  transition: transform 200ms ease, color 150ms ease;
}

/* Account action rows — flat, share the nav icon column (icon 1.5rem, gap .75rem,
   padding .5rem), with a right chevron and hover state. */

.bs-fg-rail-acc-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.5rem 0.5rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: #cbd5e1;
  /* slate-300 */
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease;
}

.bs-fg-rail-acc-row:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
}

.bs-fg-rail-acc-row:focus-visible {
  outline: 2px solid #2dd4bf;
  outline-offset: 2px;
}

.bs-fg-rail-acc-row.is-logout {
  color: #94a3b8;
}

.bs-fg-rail-acc-row.is-logout:hover {
  color: #fb7185;
  background: rgba(244, 63, 94, 0.10);
}

.bs-fg-rail-acc-ico {
  flex: none;
  display: block;
}

.bs-fg-rail-acc-ico svg {
  width: 1.5rem;
  height: 1.5rem;
}

.bs-fg-rail-acc-text {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-fg-rail-acc-chev {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  color: #64748b;
}

.bs-fg-rail-acc-row:hover .bs-fg-rail-acc-chev {
  color: #94a3b8;
}

/* Profile-switch panel (inline) — mirrors the top-right account menu's switch panel:
   Back pill, small eyebrow, bordered list; rows are name (+ inline "Current") over a
   muted lens byline, chevron on non-current rows, active row highlighted. */

.bs-fg-rail-sw-back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.25rem;
  padding: 0 0.25rem;
  border: 0;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 700;
  color: #94a3b8;
  cursor: pointer;
  transition: color 150ms ease;
}

.bs-fg-rail-sw-back:hover {
  color: #ffffff;
}

.bs-fg-rail-sw-eyebrow {
  margin: 0.5rem 0.25rem 0;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #64748b;
}

.bs-fg-rail-sw-list {
  /* Full-bleed inside the account container: cancel its 0.375rem padding on the
     sides + bottom, square the top corners, and match the container's bottom radius. */
  margin: 0.5rem -0.375rem -0.375rem;
  overflow: hidden;
  border-top: 1px solid rgba(51, 65, 85, 0.8);
  border-radius: 0 0 0.8125rem 0.8125rem;
}

.bs-fg-rail-sw-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem 1rem;
  color: #cbd5e1;
  text-decoration: none;
  transition: background-color 150ms ease;
}

.bs-fg-rail-sw-row:hover {
  background: rgba(30, 41, 59, 0.45);
}

.bs-fg-rail-sw-row:focus-visible {
  outline: 2px solid #2dd4bf;
  outline-offset: -2px;
}

.bs-fg-rail-sw-row.is-current {
  background: rgba(30, 41, 59, 0.7);
}

.bs-fg-rail-sw-text {
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.2;
}

.bs-fg-rail-sw-name {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-fg-rail-sw-current {
  font-weight: 600;
  color: #5eead4;
}

.bs-fg-rail-sw-meta {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bs-fg-rail-sw-row .bs-fg-rail-acc-chev {
  width: 1rem;
  height: 1rem;
  color: #64748b;
}

/* Subtle divider between account groups. Inset from the container's inner edges
   and lower-contrast than the full-width rail dividers, so it reads as internal to
   the profile/account group rather than a rail-wide rule. */

.bs-fg-rail-acc-divider {
  height: 1px;
  margin: 0.375rem 0.625rem;
  background: rgba(148, 163, 184, 0.09);
}

/* Desktop rail spacing system (scoped to .bs-fg-rail; the mobile drawer shares
   the base classes and keeps its own spacing). One rhythm, three levels:
     6–8px  within related text (profile name/byline)
     16px   within a row (icon↔label gap, row side padding)
     24–32px between sections (logo 32, profile/nav/explore/utils 24)
   One grid: section side padding 14px + row side padding 16px = a 30px content
   edge for the profile text, nav icons, Explore arrow and utility icons; counts
   and the profile chevron sit on the same 30px edge on the right. Row height
   comes from min-height alone — no per-item margins — and every row, active
   or not, has identical dimensions. */

.bs-fg-rail {
  /* Shared compact rhythm: main nav and the account submenu use the same tokens
     (submenu is the denser step). */
  --bs-rail-row: 50px;
  /* main nav / Explore / Help rows: 14px label (~17px line) + 16px above/below = the 16px side padding */
  --bs-rail-sub-row: 50px;
  /* account submenu rows */
  --bs-rail-row-gap: 2px;
  /* between adjacent rows (both lists) */
  --bs-rail-divider-gap: 12px;
  /* above/below a divider */
  --bs-rail-icon-gap: 16px;
  /* icon <-> label */
  --bs-rail-row-x: 16px;
  /* row side padding (30px content edge with 14px section) */
}

.bs-fg-rail .bs-fg-rail-account {
  margin: 0;
  padding: 0 14px 12px;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 0;
  background: transparent;
}

.bs-fg-rail .bs-fg-rail-profile {
  gap: 16px;
  padding: 16px var(--bs-rail-row-x);
  border-radius: 8px;
}

/* Open state: a barely-there teal wash over the whole section (rail -> wash ->
   hover/active rows). Edge-to-edge, no radius; the rules stay. */

.bs-fg-rail .bs-fg-rail-account.is-open {
  background: rgba(45, 212, 191, 0.035);
}

.bs-fg-rail .bs-fg-rail-account .mt-1 {
  margin-top: 0;
}

.bs-fg-rail .bs-fg-rail-profile-text {
  line-height: 1.2;
}

.bs-fg-rail .bs-fg-rail-profile-meta {
  margin-top: 6px;
}

.bs-fg-rail .bs-fg-rail-acc-row {
  gap: var(--bs-rail-icon-gap);
  padding: 0 var(--bs-rail-row-x);
  min-height: var(--bs-rail-sub-row);
  border-radius: 8px;
}

.bs-fg-rail .bs-fg-rail-acc-row + .bs-fg-rail-acc-row {
  margin-top: var(--bs-rail-row-gap);
}

.bs-fg-rail .bs-fg-rail-acc-divider {
  margin: var(--bs-rail-divider-gap) 0;
}

.bs-fg-rail .bs-fg-rail-sw-back {
  padding: 0 16px;
}

.bs-fg-rail .bs-fg-rail-sw-eyebrow {
  margin: 8px 16px 0;
}

.bs-fg-rail .bs-fg-rail-sw-list {
  margin: 8px -14px -12px;
  border-radius: 0;
}

.bs-fg-rail .bs-fg-rail-sw-row {
  padding: 12px 30px;
}

.bs-fg-rail .bs-fg-rail-nav {
  gap: var(--bs-rail-row-gap);
  padding: 12px 14px;
}

.bs-fg-rail .bs-fg-rail-item {
  gap: var(--bs-rail-icon-gap);
  min-height: var(--bs-rail-row);
  padding: 0 var(--bs-rail-row-x);
  margin: 0;
}

.bs-fg-rail .bs-fg-rail-count {
  line-height: 1;
}

.bs-fg-rail .bs-fg-rail-label {
  line-height: 1.2;
}

.bs-fg-rail .bs-fg-rail-exit {
  margin: 0;
  padding: 12px 14px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.bs-fg-rail .bs-fg-rail-utils {
  gap: var(--bs-rail-row-gap);
  padding: 12px 14px;
}

.bs-fg-rail .bs-fg-rail-util {
  gap: var(--bs-rail-icon-gap);
  min-height: var(--bs-rail-row);
  padding: 0 var(--bs-rail-row-x);
}

.header-container {
  position: relative;
}

/* Any secondary sticky nav that should sit below the main header */

[data-birdstory-secondary-sticky-nav],
[data-birdstory-field-guide-desktop-nav],
[data-birdstory-field-guide-mobile-nav] {
  position: sticky !important;
  top: var(--bs-secondary-sticky-top, 4rem) !important;
  z-index: 60;
  transition: none !important;
  will-change: auto;
}

/* Dropdowns always sit above primary + secondary navs */

#site-header [x-show],
#site-header .bs-account-menu-panel {
  z-index: 9999;
}

/* Mega menu */

.mega-menu-container {
  position: static;
}

.mega-menu-dropdown {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* Deleted transform: none; from here */
  transition:
    opacity 110ms ease-out,
    visibility 0ms linear 110ms;
  pointer-events: none;
}

.mega-menu-container.menu-open .mega-menu-dropdown {
  visibility: visible;
  opacity: 1;
  /* Deleted transform: none; from here */
  pointer-events: auto;
  transition:
    opacity 110ms ease-out,
    visibility 0ms linear 0ms;
}

#mega-menu-overlay {
  transition: opacity 120ms ease-out !important;
}

/* Account menu */

.bs-account-menu-panel {
  position: fixed;
  left: 0.75rem;
  right: 0.75rem;
  top: 4.5rem;
  z-index: 9999;
  max-height: calc(100vh - 5.25rem);
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .bs-account-menu-panel {
    position: absolute;
    left: auto;
    right: 0;
    top: 100%;
    margin-top: 0.5rem;
    width: 280px;
    max-height: none;
    overflow: hidden;
  }
}

/* 1. Constrain the picture wrapper itself */

#site-header .bs-header-logo-picture {
  display: block !important;
  /* Kill the flex-stretching behavior */
  height: 38px !important;
  max-height: 38px !important;
}

/* 2. Armor-plate the SVG dimensions */

#site-header .bs-header-logo-img {
  display: block !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  width: auto !important;
  max-width: 100% !important;
  /* Prevent it from bursting the flex parent */
  -o-object-fit: contain !important;
     object-fit: contain !important;
  -o-object-position: left center !important;
     object-position: left center !important;
  /* Keeps it pinned nicely to the left */
  flex-shrink: 0;
}

/* Update the desktop media query as well so it stays 38px across all devices */

@media (min-width: 1024px) {
  #site-header .bs-header-logo-img {
    height: 38px !important;
    max-height: 38px !important;
  }
}

/* === Grid & Column Styles === */

.menu-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 1rem;
  padding: 2.5rem;
}

/* === Realm Cards (Column 1) (No changes needed here) === */

.realm-cards-container {
  display: grid;
  gap: 1.5rem;
  /* Increased the gap between cards */
}

.realm-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* CRITICAL CHANGE: This pins the content to the bottom */
  min-height: 120px;
  /* CRITICAL CHANGE: Increased the height significantly */
  padding: 1.25rem;
  /* A bit more padding for a spacious feel */
  border-radius: 8px;
  /* Softer, more pronounced corners */
  background-color: #fff;
  /* Changed to pure white to match image */
  border: 1px solid #F3F4F6;
  /* A very subtle, light grey border (like Tailwind's gray-100) */
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  /* A softer, more modern shadow */
  text-decoration: none;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.realm-card:hover {
  /*transform: translateY(-5px);*/
  box-shadow: 0 10px 20px rgba(0,0,0,0.07);
}

.realm-card h4 {
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  /* Assuming a serif font for titles */
  font-size: 1.125rem;
  /* Slightly larger heading (18px) */
  font-weight: 600;
  color: #1F2937;
  /* Darker text for contrast (like Tailwind's gray-800) */
  margin-bottom: 0.25rem;
}

.realm-card p {
  font-size: 0.875rem;
  /* 14px */
  color: #6B7280;
  /* Lighter grey for description (like Tailwind's gray-500) */
  line-height: 1.5;
}

/* --- Feeling Tags (Column 2) --- */

.tag-group {
  display: flex;
  flex-wrap: wrap;
  /* This makes the tags wrap to the next line */
  gap: 0.5rem;
  /* Spacing between tags */
}

.feeling-tag {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  /* 14px */
  color: #4a5568;
  /* Tailwind gray-700 */
  background-color: #edf2f7;
  /* Tailwind gray-200 */
  border-radius: 9999px;
  /* Pill shape */
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}

.feeling-tag:hover {
  background-color: #4a5568;
  /* Tailwind gray-700 */
  color: #fff;
}

.menu-column {
  padding: 2rem;
}

.menu-item {
  display: block;
  padding: 0.75rem 0;
  color: #4a4a4a;
  text-decoration: none;
}

.menu-item:hover h4 {
  color: #8D5B4C;
}

.menu-column h3 {
  font-family: 'Inter', sans-serif;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #777;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e9e7e2;
  margin-bottom: 1rem;
}

#mobile-menu {
  transition: transform 0.3s ease-in-out;
  background: #fff;
}

details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

details > summary .arrow {
  transition: transform 0.2s;
}

details[open] > summary .arrow {
  transform: rotate(90deg);
}

@media (max-width: 783px) {
  #mobile-menu {
    top: 0 !important;
  }
}

/* === New Styles for Single-Column Mobile Menu === */

.mobile-accordion summary {
  list-style: none;
  /* Hide default marker */
}

.mobile-accordion summary::-webkit-details-marker {
  display: none;
  /* Hide default marker for Safari */
}

/* This is the container for an icon and its heading */

.mobile-menu-icon-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  /* Space between icon and text */
  margin-bottom: 1rem;
}

.mobile-menu-icon-heading h4 {
  font-size: 0.875rem;
  /* 14px */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.mobile-menu-icon-heading svg {
  color: #9CA3AF;
  /* gray-400 */
}

/* The list of links under each icon heading */

.mobile-menu-sublist {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* Increased space between links */
  font-size: 1.125rem;
  /* 18px */
  font-weight: 500;
  color: #374151;
  /* gray-700 */
  /* Indent the links to align under the text, not the icon */
  padding-left: 2rem;
}

.mobile-menu-sublist a {
  text-decoration: none;
  transition: color 0.2s;
}

.mobile-menu-sublist a:hover {
  color: #8D5B4C;
  /* Your accent color */
}

.mobile-menu-icon-heading  h4 {
  /* Use your brand's accent color for the secondary heading */
  color: #8D5B4C;
}

.mobile-menu-icon-heading svg {
  color: #8D5B4C;
}

/* === Scrollbar === */

/* Firefox */

.custom-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #334155 transparent;
  /* slate-700 thumb, transparent track */
}

/* Chrome, Safari, and Edge */

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #334155;
  /* slate-700 */
  border-radius: 20px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #475569;
  /* slate-600 */
}

/* === Paging === */

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  /* allow wrap on small screens */
  align-items: center;
  justify-content: center;
  gap: .5rem;
  /* space between buttons */
  margin-top: 1rem;
}

/* Each page number */

.pagination .page-numbers {
  display: inline-flex;
  /* sit inline; still center contents */
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  font-weight: 600;
  transition: all .2s ease-in-out;
}

/* Prev/Next and dots shouldn't be circular boxes */

.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.pagination .page-numbers.dots {
  width: auto;
  height: 2.5rem;
  padding: 0 .75rem;
  /* pill shape for text */
  border-radius: 9999px;
  color: #d1d5db;
  white-space: nowrap;
  /* stop wrap on small screens */
}

.pagination a.page-numbers:hover {
  background-color: var(--color-accent-light);
  color: var(--color-accent);
}

.pagination .page-numbers.current {
  background-color: #ccc;
  color: #fff;
}

/* === Realm Navigator (Desktop & Mobile) === */

/* The individual navigation link */

.realm-nav-link {
  display: flex;
  align-items: center;
  /* This will center items horizontally on mobile, vertically on desktop */
  gap: 0.5rem;
  padding: 1rem 0.5rem;
  font-weight: 600;
  color: #64748b;
  /* slate-500 */
  border-bottom: 2px solid transparent;
  text-decoration: none;
  transition: color 0.2s, border-color 0.2s;
}

.realm-nav-link:hover {
  color: #334155;
  /* slate-700 */
}

.realm-nav-link.is-active {
  color: #8D5B4C;
  /* Your accent color */
  border-bottom-color: #8D5B4C;
}

.realm-nav-icon {
  font-size: 1.25rem;
}

/* 
  Applies styles only when the screen width is 767px or less.
*/

@media (max-width: 767px) {
  .realm-nav-link {
    /* CRITICAL CHANGE: Stacks the icon and text vertically */
    flex-direction: column;
    gap: 0.25rem;
    /* Reduces the space between the icon and text */
    padding: 0.75rem 0.5rem;
    /* Adjust padding for the vertical layout */
    text-align: center;
    /* Ensures text is centered if it wraps */
  }

  /* Target the text span to make it smaller on mobile */

  .realm-nav-link > span:not(.realm-nav-icon) {
    font-size: 0.85rem;
    /* 12px, makes the text more compact */
  }

  .realm-nav-icon {
    font-size: 1.5rem;
    /* Slightly larger icon on mobile */
  }

  /* Adjust spacing between the nav links on mobile */

  .realm-navigator .flex {
    justify-content: space-around;
    /* Spreads the links out evenly */
  }
}

/* Toggle this class on <body> or <html> */

.show-grid {
  --rhythm-step: 8px;
  --rhythm-major: 32px;
  /* every 4 rows */
  --rhythm-color: rgba(255, 0, 0, 0.12);
  --rhythm-major-color: rgba(255, 0, 0, 0.22);
  --rhythm-offset: 0px;
  /* adjust if your first baseline starts lower */
}

.show-grid::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent calc(var(--rhythm-step) - 1px),
      var(--rhythm-color) calc(var(--rhythm-step) - 1px),
      var(--rhythm-color) var(--rhythm-step)
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent calc(var(--rhythm-major) - 1px),
      var(--rhythm-major-color) calc(var(--rhythm-major) - 1px),
      var(--rhythm-major-color) var(--rhythm-major)
    );
  background-position: 0 var(--rhythm-offset), 0 var(--rhythm-offset);
}

/* =========================================================================
 * Field Guide gateway — light "paper" document surfaces
 * -------------------------------------------------------------------------
 * Generated products (Field Guides, Quick Reads) render as
 * cream-paper documents against the dark BirdStory shell. Colours are scoped
 * here so the gateway markup can stay on semantic classes + layout utilities.
 * ========================================================================= */

.fg-paper-panel {
  background-color: #fffdf8;
  color: #1e293b;
  /* slate-800 */
}

.fg-cover {
  background-color: #fffdf8;
  border: 10px solid #ede0ca;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}

.fg-cover--sm {
  border-width: 8px;
}

.fg-cover-grid {
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
  background-size: 18px 18px;
}

.fg-thumb {
  background-color: #ffffff;
  border: 4px solid #ede0ca;
}

/* Saveable-card Save control: quiet + -> + Save expansion.
   The width/shape opens first (ease-out), and the teal border/text colour is
   held muted, then eased in during the last third of the motion via a short,
   delayed colour transition. Keeps the border 1px throughout; no bounce. */

.bs-save-ctrl-transition {
  transition:
    width 200ms ease-out,
    border-color 120ms ease-out 100ms,
    color 120ms ease-out 100ms,
    background-color 120ms ease-out;
}

/* Saveable-card Save / Saved / spinner pills never shrink below the default "+ Save" width. */
.bs-save-ctrl-min { min-width: 4.5rem; }

/* Save / Saved pill: invisible 10px hit area on every side. The pseudo-element belongs to the button,
   so a click or tap in the margin activates it; the visible pill is unchanged. */
.bs-save-ctrl-hit { position: relative; }
.bs-save-ctrl-hit::before {
  content: "";
  position: absolute;
  inset: -11px; /* 10px beyond the border edge (offsets are from the padding box) */
}
@media (max-width: 639px) {
  /* The card title runs full width right under the pill on phones: don't extend the hit area down over it. */
  .bs-save-ctrl-hit::before { bottom: -1px; }
}

/* Save pill on a saveable card. Card hover/focus: the pill's border takes the card's own hover
   border (teal-500/30) and the label brightens. Hovering the pill itself: stronger border and a teal tint. */
.bs-save-ctrl-btn:hover,
.group:hover .bs-save-ctrl-btn:hover,
.group:focus-within .bs-save-ctrl-btn:hover {
  border-color: rgb(45 212 191);
  background-color: rgb(45 212 191 / 0.12);
  color: #fff;
}
@media (min-width: 1024px) {
  .group:hover .bs-save-ctrl-btn:not(:hover),
  .group:focus-within .bs-save-ctrl-btn:not(:hover) {
    border-color: rgb(20 184 166 / 0.3);
    color: rgb(153 246 228);
  }
}

/* Guide Pack live price (WooCommerce/PBC-driven; see inc/commerce/guide-pack-price.php).
   The currency code is emitted inside the plugin's AJAX-replaced price wrapper, so
   it always matches the resolved zone. Amount stays dominant; code is small + muted. */

.guide-pack-price {
  white-space: nowrap;
}

.guide-pack-price--hero {
  display: inline-block;
  height: 1em;
  max-height: 1em;
  line-height: 1;
}

/* Plugin-injected children (amount, currency code, loading state) must not grow the row. */

.guide-pack-price--hero * {
  line-height: 1;
}

/* The plugin's three-dot "loading" placeholder is sized in em, so inside the 5xl price
   it balloons (~38px dots). Pin it to a small fixed size, vertically centred. */

.guide-pack-price--hero .wcpbc-price.loading .wcpbc-placeholder.-dots {
  font-size: 10px;
  vertical-align: middle;
}

.guide-pack-price--cta {
  margin-left: 0.5rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(2, 6, 23, 0.25);
}

.guide-pack-currency {
  margin-left: 0.25em;
  font-family: Inter, 'Inter Fallback', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  opacity: 0.6;
}

/* ===================================
   Product pages (/personal-guide/, /supporter-guide/, /quick-cards/)
   Warm Cream ground (#F5EFE4, the brand 'main background').
   =================================== */

.bs-product-page {
  background-color: #f5efe4;
}

/* Guide cover thumbnails on the dark product pages: no pale border / backing,
   so the artwork meets the shadow cleanly. (The thumb's own CSS is injected
   inline, hence the extra specificity.) */

.bs-cover-flat .bs-pdfo__thumb {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.bs-cover-flat .bs-pdfo__thumb--colour .bs-pdfo__bg {
  opacity: 1;
}

/* Personal Guide "What goes into…" atmosphere: rich indigo → violet → raspberry on the
   leading side, fading to a warm light field behind the contents sheet. Horizontal on
   wide screens (text left, sheet right); vertical when the layout stacks. */

.bs-wash-panel {
  background-image: linear-gradient(180deg, #25286b 0%, #4f2f78 24%, #8a3a66 40%, #efe0dd 62%, #f5efe4 100%);
}

@media (min-width: 1024px) {
  .bs-wash-panel {
    background-image: linear-gradient(100deg, #25286b 0%, #4f2f78 24%, #8a3a66 38%, #d9b6cf 52%, #efe0dd 70%, #f5efe4 100%);
  }
}

/* ==========================================================================
 * Share artifact — light mode (`.bs-share-light`)
 *
 * The recipient-facing supporter guide (template-parts/exp-share-artifact.php) is a
 * document-like output, not an app screen, so it renders in light mode: both on the
 * standalone /exp-share/ page and inline inside the Experience page's Translate tab.
 * template-parts/supporter-content-body.php and experience-conditions.php are written with
 * the app's dark utility classes; this scope re-maps just the colours they use, so there
 * is ONE supporter body implementation (no drifting light copy). Layout, spacing and
 * type are untouched.
 * ========================================================================== */

.bs-share-light {
  --bs-share-bg: #faf7f0;
  --bs-share-ink: #0f172a;
  background-color: var(--bs-share-bg);
  color: #334155;
  color-scheme: light;
}

.bs-share-light .text-slate-100 {
  color: #0f172a;
}

.bs-share-light .text-slate-200 {
  color: #1e293b;
}

.bs-share-light .text-slate-300 {
  color: #334155;
}

.bs-share-light .text-slate-400 {
  color: #475569;
}

.bs-share-light .text-slate-500 {
  color: #64748b;
}

.bs-share-light .text-slate-600 {
  color: #94a3b8;
}

.bs-share-light .text-slate-700 {
  color: #cbd5e1;
}

.bs-share-light .text-teal-400 {
  color: #0f766e;
}

.bs-share-light .text-teal-500\/70 {
  color: rgba(15, 118, 110, 0.7);
}

.bs-share-light .text-white {
  color: #0f172a;
}

.bs-share-light .border-slate-800,
.bs-share-light .border-slate-800\/80,
.bs-share-light .border-slate-800\/70,
.bs-share-light .border-slate-800\/60,
.bs-share-light .border-white\/10 {
  border-color: #e2e8f0;
}

.bs-share-light .border-slate-700,
.bs-share-light .border-slate-700\/60 {
  border-color: #cbd5e1;
}

.bs-share-light .border-teal-500\/20 {
  border-color: rgba(13, 148, 136, 0.3);
}

.bs-share-light .bg-slate-900\/40,
.bs-share-light .bg-slate-900\/20 {
  background-color: #ffffff;
}

.bs-share-light .bg-slate-800\/40,
.bs-share-light .bg-slate-800\/50,
.bs-share-light .bg-slate-800 {
  background-color: #f8fafc;
}

.bs-share-light .bg-teal-500\/20 {
  background-color: rgba(13, 148, 136, 0.12);
}

.bs-share-light .bg-teal-500\/5 {
  background-color: rgba(13, 148, 136, 0.06);
}

.bs-share-light .hover\:bg-slate-800:hover {
  background-color: #ffffff;
}

.bs-share-light .hover\:text-white:hover {
  color: #0f172a;
}

.bs-share-light .hover\:text-teal-400:hover,
.bs-share-light .group:hover .group-hover\:text-teal-400 {
  color: #0f766e;
}

.bs-share-light .hover\:border-teal-500\/50:hover,
.bs-share-light .hover\:border-teal-500\/40:hover {
  border-color: #0d9488;
}

.bs-share-light .shadow-sm {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

/* Lite footer on the standalone share page (body.bs-share-light-page). */

.bs-share-light-page {
  background-color: #faf7f0;
}

.bs-share-light-page .bs-footer-lite .text-slate-400,
.bs-share-light-page .bs-footer-lite .text-slate-500 {
  color: #64748b;
}

.bs-share-light-page .bs-footer-lite a:hover {
  color: #0f172a;
}

/* Body copy for the Experience page: the same type as `.prose-guide p` (the main description),
 * but applied to the element itself so plain <p> and plain <ul> blocks outside a `.prose-guide`
 * wrapper (Looks vs reality intro, masking, costs, examples, Bird goal/trade-off, Translate
 * intro…) read identically. Don't combine with text-size/colour/leading utilities. */

.bs-prose {
  font-size: 1rem;
  line-height: 1.625;
  /* = the main description paragraph (leading-relaxed) */
  color: rgb(203 213 225);
  /* slate-300 */
  font-weight: 400;
}

@media (min-width: 1024px) {
  .bs-prose {
    font-size: 1.125rem;
    line-height: 1.625;
  }
}

/* Site header, centre navigation: between lg (1024px, where the library nav appears) and 1200px there is
   not room to keep it truly centred without running into the right-hand utilities, so it sits left-aligned
   just after the logo; from 1200px it is centred again. Applies to whichever centre nav is rendered
   (library nav now; the marketing nav too if it is ever shown below xl). The Field Guide and Account
   header contexts render no centre nav. */

@media (min-width: 1024px) and (max-width: 1199.98px) {
  [data-birdstory-header-center-nav] {
    left: 12.5rem;
    top: 0;
    height: 100%;
    /* No transform: a transformed ancestor would become the containing block for the fixed mega-menu. */
    transform: none;
  }
}

/* Header Explore mega-menu: at 1500px and below its side margins match its gap under the header
   (the menu sits 1.5rem below the 4rem bar), instead of the 88vw / 88rem cap leaving a much wider gutter. */

@media (max-width: 1500px) {
  .mega-menu-dropdown.mega-menu-dropdown {
    width: calc(100vw - 3rem);
    max-width: none;
  }
}

/* =========================================================================
   Feedback page (page-feedback.php): Fluent Forms in dark mode, matching the account forms
   (slate-950 inputs, slate-700 borders, teal focus, 10px tracked labels, teal primary button).
   ========================================================================= */

.bs-feedback .fluentform .ff-el-group {
  margin-bottom: 1.5rem;
}

.bs-feedback .fluentform .ff-el-input--label label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748b;
}

.bs-feedback .fluentform .ff-el-is-required.asterisk-right label::after {
  color: #2dd4bf;
}

.bs-feedback .fluentform .ff-el-form-control {
  width: 100%;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  background-color: #020617;
  padding: 0.75rem 1rem;
  font-size: 13px;
  color: #fff;
  box-shadow: none;
  outline: none;
}

.bs-feedback .fluentform .ff-el-form-control::-moz-placeholder {
  color: #64748b;
}

.bs-feedback .fluentform .ff-el-form-control::placeholder {
  color: #64748b;
}

.bs-feedback .fluentform form.frm-fluent-form .ff-el-form-control:focus {
  border-color: #14b8a6;
  box-shadow: 0 0 0 1px #14b8a6;
  background-color: #020617;
  color: #fff;
}

.bs-feedback .fluentform .ff-el-form-check {
  margin-bottom: 0.5rem;
}

.bs-feedback .fluentform .ff-el-help-message {
  margin-top: 0.5rem;
  color: #94a3b8;
  font-size: 0.8125rem;
  font-style: normal;
}

.bs-feedback .fluentform .ff-el-form-check-label {
  color: #cbd5e1;
  font-size: 0.875rem;
}

.bs-feedback .fluentform .ff-el-form-check-label span {
  color: inherit;
}

.bs-feedback .fluentform input[type="radio"],
.bs-feedback .fluentform input[type="checkbox"] {
  accent-color: #14b8a6;
}

/* Report-type options read as selectable rows, like the account page's option pills. */

.bs-feedback .fluentform .ff-el-form-check-label:has(input[type="radio"]) {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  cursor: pointer;
  border: 1px solid #334155;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  color: #94a3b8;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

.bs-feedback .fluentform .ff-el-form-check-label:has(input[type="radio"]):hover {
  border-color: #64748b;
  color: #e2e8f0;
}

.bs-feedback .fluentform .ff-el-form-check-label:has(input[type="radio"]:checked) {
  border-color: #14b8a6;
  background-color: rgba(20, 184, 166, 0.08);
  color: #fff;
}

.bs-feedback .fluentform form.frm-fluent-form .ff-btn-submit:not(.ff_btn_no_style) {
  border: 0;
  border-radius: 0.75rem;
  background-color: #0d9488;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  transition: background-color 0.15s;
}

.bs-feedback .fluentform form.frm-fluent-form .ff-btn-submit:not(.ff_btn_no_style):hover,
.bs-feedback .fluentform form.frm-fluent-form .ff-btn-submit:not(.ff_btn_no_style):focus {
  background-color: #14b8a6;
  color: #fff;
}

.bs-feedback .fluentform .ff-message-success {
  border: 1px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.75rem;
  background-color: rgba(20, 184, 166, 0.08);
  padding: 1rem 1.25rem;
  color: #99f6e4;
  box-shadow: none;
}

.bs-feedback .fluentform .text-danger,
.bs-feedback .fluentform .error {
  color: #fca5a5;
  font-size: 0.8125rem;
}

.bs-feedback .fluentform .ff-el-is-error .ff-el-form-control {
  border-color: #f87171;
}

/* Mobile drawer account block: full width (bleeds through the drawer's px-4 gutter), square corners, no
   side borders, and text aligned to the same 1rem edge as the rest of the drawer. Scoped to #mobile-menu
   so the desktop rail keeps its inset, rounded card. */

#mobile-menu .bs-fg-rail-account {
  margin: 0 -1rem 0;
  padding: 0;
  border-width: 1px 0;
  border-radius: 0;
}

#mobile-menu .bs-fg-rail-profile,
#mobile-menu .bs-fg-rail-acc-row {
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0;
}

#mobile-menu .bs-fg-rail-profile {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

#mobile-menu .bs-fg-rail-acc-divider {
  margin: 0.375rem 1rem;
}

/* =================================== */

/* NATIVE SELECTS: chevron padding     */

/* =================================== */

/* The browser's own chevron hugs the right edge. Draw our own, inset to match the left text padding.
   Longhands only, so each select keeps its own background colour. Woo checkout selects (own expand icon)
   are excluded. */

body:not(.woocommerce-checkout) select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.1rem 1.1rem;
  padding-right: 2.75rem;
}

/*
 * Converted Tailwind Styles for Sign-in & Account Pages 
 */

/*
 * WooCommerce checkout — BirdStory dark styling.
 *
 * Scoped to the Woo checkout page (body.woocommerce-checkout) so nothing else is
 * affected. Restyles the EXISTING Woo block checkout; it is not a replacement page.
 * The Stripe fields are styled by the Stripe gateway's own appearance setting and
 * are left alone here.
 */

body.woocommerce-checkout {
  --bs-co-bg: #020617;
  /* slate-950 */
  --bs-co-surface: #0f172a;
  /* slate-900 */
  --bs-co-raised: #1e293b;
  /* slate-800 */
  --bs-co-border: #334155;
  /* slate-700 */
  --bs-co-text: #e2e8f0;
  /* slate-200 */
  --bs-co-muted: #94a3b8;
  /* slate-400 */
  --bs-co-accent: #5eead4;
  /* teal-300 */
  --bs-co-accent-hover: #99f6e4;
  /* teal-200 */
  --bs-co-error: #fda4af;
  /* rose-300 */
}

/* Page title + all headings */

body.woocommerce-checkout main h1,
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-title,
body.woocommerce-checkout .wp-block-woocommerce-checkout h2,
body.woocommerce-checkout .wp-block-woocommerce-checkout h3 {
  color: #fff;
}

/* Secondary text */

body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-checkout__terms,
body.woocommerce-checkout .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-order-summary-item__description,
body.woocommerce-checkout .wc-block-components-totals-item__description,
body.woocommerce-checkout .wc-block-components-radio-control__description,
body.woocommerce-checkout .wc-block-components-address-card {
  color: var(--bs-co-muted);
}

/* Body copy, labels, links */

body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wc-block-components-radio-control__label,
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
body.woocommerce-checkout .wc-block-components-product-price {
  color: var(--bs-co-text);
}

body.woocommerce-checkout .wp-block-woocommerce-checkout a,
body.woocommerce-checkout .wc-block-components-checkbox__label a {
  color: var(--bs-co-accent);
}

body.woocommerce-checkout .wp-block-woocommerce-checkout a:hover {
  color: var(--bs-co-accent-hover);
}

/* Text inputs, selects, textareas */

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input textarea,
body.woocommerce-checkout .wc-block-components-textarea,
body.woocommerce-checkout .wc-blocks-components-select__select,
body.woocommerce-checkout .wc-block-components-country-input select,
body.woocommerce-checkout .wc-block-components-state-input select,
body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type] {
  background-color: var(--bs-co-surface);
  border: 1px solid var(--bs-co-border);
  color: #fff;
  border-radius: 0.75rem;
}

body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-blocks-components-select__label,
body.woocommerce-checkout .wc-block-components-combobox label {
  color: var(--bs-co-muted);
}

body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-textarea:focus,
body.woocommerce-checkout .wc-blocks-components-select__select:focus {
  border-color: var(--bs-co-accent);
  box-shadow: 0 0 0 1px var(--bs-co-accent);
  outline: 0;
}

body.woocommerce-checkout .wc-block-components-text-input.has-error input,
body.woocommerce-checkout .wc-block-components-validation-error {
  border-color: var(--bs-co-error);
  color: var(--bs-co-error);
}

body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__expand {
  fill: var(--bs-co-muted);
}

/* Order summary card + totals */

body.woocommerce-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary {
  background: transparent;
}

body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid var(--bs-co-border);
  border-radius: 1rem;
  background: var(--bs-co-surface);
}

body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-totals-wrapper.slot-wrapper,
body.woocommerce-checkout .wc-block-components-order-summary__content .wc-block-components-order-summary-item {
  border-color: var(--bs-co-border);
}

body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--bs-co-text);
}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: #fff;
  font-weight: 700;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__quantity {
  background: var(--bs-co-raised);
  color: #fff;
  border: 1px solid var(--bs-co-border);
  box-shadow: none;
}

body.woocommerce-checkout .wc-block-components-order-summary-item__image > img {
  border-radius: 0.5rem;
}

/* Accordions / panels (coupon etc.) and payment options */

body.woocommerce-checkout .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-panel__button:hover {
  color: var(--bs-co-text);
  background: transparent;
}

body.woocommerce-checkout .wc-block-components-panel__button-icon {
  fill: var(--bs-co-muted);
}

body.woocommerce-checkout .wc-block-components-radio-control--highlight-checked::after,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-group,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-content,
body.woocommerce-checkout .wc-block-components-radio-control__option {
  border-color: var(--bs-co-border);
  background: transparent;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
  border-radius: 1rem;
}

body.woocommerce-checkout .wc-block-components-radio-control__input,
body.woocommerce-checkout .wc-block-components-radio-control__input:checked {
  background: var(--bs-co-surface);
  border-color: var(--bs-co-border);
}

body.woocommerce-checkout .wc-block-components-radio-control__input:checked {
  border-color: var(--bs-co-accent);
}

body.woocommerce-checkout .wc-block-components-radio-control__input:checked::before {
  background: var(--bs-co-accent);
}

/* Checkboxes */

body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
  background: var(--bs-co-surface);
  border: 1px solid var(--bs-co-border);
}

body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background: var(--bs-co-accent);
  border-color: var(--bs-co-accent);
}

body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark {
  fill: #020617;
}

/* Buttons */

body.woocommerce-checkout .wc-block-components-button:not(.is-link),
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  background: var(--bs-co-accent);
  color: #020617;
  border: 0;
  border-radius: 9999px;
  font-weight: 800;
  box-shadow: none;
  transition: background-color 0.15s;
}

body.woocommerce-checkout .wc-block-components-button:not(.is-link):hover:not(:disabled),
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover:not(:disabled) {
  background: var(--bs-co-accent-hover);
  color: #020617;
}

body.woocommerce-checkout .wc-block-components-button:not(.is-link):disabled {
  opacity: 0.55;
}

body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
  color: var(--bs-co-muted);
}

/* Notices */

body.woocommerce-checkout .wc-block-components-notice-banner {
  background: var(--bs-co-surface);
  border-color: var(--bs-co-border);
  color: var(--bs-co-text);
}

body.woocommerce-checkout .wc-block-components-notice-banner.is-error {
  border-color: var(--bs-co-error);
}

body.woocommerce-checkout .wc-block-components-notice-banner > svg {
  fill: currentColor;
  background: transparent;
}

/* Address card, skeleton loaders */

body.woocommerce-checkout .wc-block-components-address-card {
  border-color: var(--bs-co-border);
}

body.woocommerce-checkout .wc-block-components-skeleton--cart-line-items .wc-block-components-skeleton__element,
body.woocommerce-checkout .wc-block-components-loading-mask__children {
  background-color: var(--bs-co-raised);
}

/* Selected payment option: teal border on the ONE outer container (no inner rings) */

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: var(--bs-co-accent);
  box-shadow: none;
}

body.woocommerce-checkout .wc-block-components-radio-control__option,
body.woocommerce-checkout .wc-block-components-radio-control__option-checked,
body.woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option-checked {
  border: 0;
  box-shadow: none;
}

body.woocommerce-checkout .wc-block-components-radio-control--highlight-checked::after {
  box-shadow: none;
  border: 0;
}

/* ---- Consistency pass: one border colour, one radius family, one field height ----
   Radius family: 12px for fields and field-like cards, 16px for containers, pill
   for the primary button. Border colour: --bs-co-border everywhere (teal only for
   focus / the selected payment method). Field height: 50px. */

body.woocommerce-checkout .wc-blocks-components-select__container,
body.woocommerce-checkout .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-components-country-input,
body.woocommerce-checkout .wc-block-components-state-input {
  border-radius: 0.75rem;
}

/* Woo wraps the select in a white 4px box behind our rounded select. */

body.woocommerce-checkout .wc-blocks-components-select__container {
  background: var(--bs-co-surface);
  overflow: hidden;
}

body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-blocks-components-select__select {
  min-height: 3.125rem;
}

body.woocommerce-checkout .wc-block-components-address-card {
  border: 1px solid var(--bs-co-border);
  border-radius: 0.75rem;
  background: var(--bs-co-surface);
}

body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.woocommerce-checkout .wc-block-components-radio-control__option,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
  border-radius: 1rem;
}

/* The payment box: a single rounded container with the same border as the rest. */

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
  border: 1px solid var(--bs-co-border);
  background: var(--bs-co-surface);
  overflow: hidden;
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: var(--bs-co-accent);
}

body.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
  border: 0;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  min-height: 3.125rem;
}

/* ---- Order summary fixes ---- */

/* Woo vertically centres the product image in the row; with a wrapped name that
   drops it below its quantity badge. Keep it at the top, beside the badge. */

body.woocommerce-checkout .wc-block-components-order-summary-item__image > img {
  margin-top: 0;
}

/* Woo's own dividers default to a light grey; use the checkout border colour. */

body.woocommerce-checkout .wc-block-components-checkout-order-summary__title,
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block {
  border-color: var(--bs-co-border);
}

/* The summary's inner padding and title borders are NOT viewport-gated: Woo picks its
   stacked/collapsed layout from the checkout container's width (is-small / is-medium),
   so a viewport media query missed it on desktop. The bordered summary needs inner
   padding, and its title must not add a second border inside the container's own. */

body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  padding: 0 1rem;
  overflow: hidden;
}

body.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
  border-top: 0;
  border-bottom: 0;
  /* the faint line under the collapsed title */
  margin-top: 0;
}

/* The expanded summary above Place Order (.checkout-order-summary-block-fill-wrapper) is the
   same Woo block class but wraps a SECOND bordered box (.checkout-order-summary-block-fill),
   which doubled the border and left the title flush. Make the inner box the one container,
   with the title above it like the other steps (Contact / Billing / Payment). */

body.woocommerce-checkout .checkout-order-summary-block-fill-wrapper {
  border: 0;
  background: transparent;
  padding: 0;
  overflow: visible;
  margin-bottom: 1.5rem;
  /* gap before Place Order */
}

/* Woo pads the item list 8px above and 16px below; even it out so the row isn't bottom-heavy. */

body.woocommerce-checkout .checkout-order-summary-block-fill .wp-block-woocommerce-checkout-order-summary-cart-items-block {
  padding-bottom: 0.5rem;
}

body.woocommerce-checkout .checkout-order-summary-block-fill {
  border: 1px solid var(--bs-co-border);
  border-radius: 1rem;
  background: var(--bs-co-surface);
  overflow: hidden;
}

/* Refund notice: rendered before the checkout block (inc/commerce/checkout-refund-notice.php),
   so it sits outside .wp-block-woocommerce-checkout and inherits no colours from it. */

body.woocommerce-checkout .bs-checkout-refund-notice {
  color: var(--bs-co-text);
}

body.woocommerce-checkout .bs-checkout-refund-notice a {
  color: var(--bs-co-accent);
}

body.woocommerce-checkout .bs-checkout-refund-notice a:hover {
  color: var(--bs-co-accent-hover);
}

/* ---- order-pay (Woo's classic pay form) — same dark treatment as the checkout ---- */

body.woocommerce-order-pay .shop_table {
  width: 100%;
  border: 1px solid var(--bs-co-border);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 1rem;
  overflow: hidden;
  background: var(--bs-co-surface);
  color: var(--bs-co-text);
}

body.woocommerce-order-pay .shop_table th,
body.woocommerce-order-pay .shop_table td {
  border: 0;
  border-bottom: 1px solid var(--bs-co-border);
  padding: 0.9rem 1rem;
  color: var(--bs-co-text);
  background: transparent;
  text-align: left;
}

body.woocommerce-order-pay .shop_table thead th {
  color: var(--bs-co-muted);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.woocommerce-order-pay .shop_table tfoot tr:last-child th,
body.woocommerce-order-pay .shop_table tfoot tr:last-child td {
  border-bottom: 0;
  color: #fff;
  font-weight: 700;
}

body.woocommerce-order-pay #payment {
  margin-top: 1.5rem;
  background: var(--bs-co-surface);
  border: 1px solid var(--bs-co-border);
  border-radius: 1rem;
  color: var(--bs-co-text);
}

body.woocommerce-order-pay #payment ul.payment_methods {
  border-bottom: 0;
}

body.woocommerce-order-pay #payment label {
  color: var(--bs-co-text);
}

body.woocommerce-order-pay #payment div.payment_box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--bs-co-border);
  border-radius: 0.75rem;
  color: var(--bs-co-text);
}

body.woocommerce-order-pay #payment div.payment_box::before {
  display: none;
}

body.woocommerce-order-pay #payment div.payment_box p {
  color: var(--bs-co-muted);
}

body.woocommerce-order-pay #place_order {
  width: 100%;
  min-height: 3.125rem;
  background: var(--bs-co-accent);
  color: #020617;
  border: 0;
  border-radius: 9999px;
  font-weight: 800;
}

body.woocommerce-order-pay #place_order:hover {
  background: var(--bs-co-accent-hover);
}

body.woocommerce-order-pay .woocommerce-notice,
body.woocommerce-order-pay .woocommerce-error,
body.woocommerce-order-pay .woocommerce-info,
body.woocommerce-order-pay .woocommerce-message {
  background: var(--bs-co-surface);
  color: var(--bs-co-text);
  border-color: var(--bs-co-border);
}

body.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-order-pay .woocommerce-privacy-policy-text {
  color: var(--bs-co-muted);
}

body.woocommerce-order-pay #payment a,
body.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper a {
  color: var(--bs-co-accent);
}

/* src/css/typography.css
 *
 * Shared heading ROLES (not sizes). Font size, family and colour stay with the
 * element (Tailwind utilities, or the component's own CSS); these classes only own
 * weight, tracking, leading and wrapping so every heading of a role reads the same.
 *
 * Tokens are also exposed to Tailwind (tailwind.config.js: letterSpacing
 * heading/title/eyebrow, lineHeight display/section/title) and are plain custom
 * properties so the BEM <style> blocks in Field Guide templates can use them too.
 *
 * Weight, tracking and wrapping live in the components layer, so a Tailwind utility on
 * the same element still overrides them (per-template overrides stay possible).
 * Line-height is the exception, see the note on the doubled-class rules below.
 *
 *   .bs-h1                 page title                 600 / tracking-tight / 0.92 / balance
 *   .bs-h2                 display section heading    600 / tracking-tight / 0.92 / balance
 *   .bs-h2.bs-h2--section  smaller or multiline H2    same, leading 1.08
 *   .bs-h3                 serif card / editorial     400 / -0.02em / 1.14 / balance
 *   .bs-eyebrow            small uppercase label      700 / uppercase / 0.1em
 *
 * Intentionally NOT using these: the homepage hero (front-page-hero.css), generated
 * Personal/Supporter Guide documents, Quick Read output, PDFs, legal pages and
 * standalone approval pages.
 */

/* src/css/home.css — redesigned homepage (colour-system rollout). Compiled into dist via main.css.
 *
 * Geometry and artwork placement only. COLOUR comes from the colour library: each section carries a
 * data-bs-theme context and uses the bs-* Tailwind roles in markup, so nothing here names a colour
 * except where noted. Everything is scoped under .bs-home* / body.bs-home-next so no other page changes.
 * Stage 1: shell, hero, preview furniture. Later stages add their panels below.
 */

/*
 * 2. PROCESS THE COMBINED FILE WITH TAILWIND
 * Now Tailwind will run on the content of all three files.
 */

*, ::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: Inter, 'Inter Fallback', ui-sans-serif, system-ui, sans-serif;
  /* 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;
}

.container {
  width: 100%;
}

@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: 1401px) {
  .container {
    max-width: 1401px;
  }
}

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

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}

.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-lg {
  font-size: 1.125rem;
  line-height: 1.7777778;
}

.prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}

.prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-inline-start: 1em;
}

.prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}

.prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}

.prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}

.prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
  border-radius: 0.3125rem;
  padding-top: 0.2222222em;
  padding-inline-end: 0.4444444em;
  padding-bottom: 0.2222222em;
  padding-inline-start: 0.4444444em;
}

.prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
}

.prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8666667em;
}

.prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.875em;
}

.prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-inline-end: 1.5em;
  padding-bottom: 1em;
  padding-inline-start: 1.5em;
}

.prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}

.prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}

.prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}

.prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4444444em;
}

.prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4444444em;
}

.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.3333333em;
}

.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}

.prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.6666667em;
  padding-inline-start: 1.5555556em;
}

.prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}

.prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
}

.prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}

.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.75em;
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}

.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}

.prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}

.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-xl {
  font-size: 1.25rem;
  line-height: 1.8;
}

.prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em;
}

.prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1.0666667em;
}

.prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.8em;
  margin-top: 0;
  margin-bottom: 0.8571429em;
  line-height: 1;
}

.prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.8em;
  margin-top: 1.5555556em;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.5em;
  margin-top: 1.6em;
  margin-bottom: 0.6666667em;
  line-height: 1.3333333;
}

.prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.8em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
  border-radius: 0.3125rem;
  padding-top: 0.25em;
  padding-inline-end: 0.4em;
  padding-bottom: 0.25em;
  padding-inline-start: 0.4em;
}

.prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8611111em;
}

.prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
  line-height: 1.7777778;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.5rem;
  padding-top: 1.1111111em;
  padding-inline-end: 1.3333333em;
  padding-bottom: 1.1111111em;
  padding-inline-start: 1.3333333em;
}

.prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-inline-start: 1.6em;
}

.prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding-inline-start: 1.6em;
}

.prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

.prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4em;
}

.prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4em;
}

.prose-xl :where(.prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.prose-xl :where(.prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.2em;
}

.prose-xl :where(.prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.2em;
}

.prose-xl :where(.prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.2em;
}

.prose-xl :where(.prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.2em;
}

.prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.2em;
}

.prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.6em;
  padding-inline-start: 1.6em;
}

.prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2.8em;
  margin-bottom: 2.8em;
}

.prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
  line-height: 1.5555556;
}

.prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0.6666667em;
  padding-bottom: 0.8888889em;
  padding-inline-start: 0.6666667em;
}

.prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.8888889em;
  padding-inline-end: 0.6666667em;
  padding-bottom: 0.8888889em;
  padding-inline-start: 0.6666667em;
}

.prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
  line-height: 1.5555556;
  margin-top: 1em;
}

.prose-xl :where(.prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-xl :where(.prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-slate {
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-kbd: #0f172a;
  --tw-prose-kbd-shadows: rgb(15 23 42 / 10%);
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}

.prose-stone {
  --tw-prose-body: #44403c;
  --tw-prose-headings: #1c1917;
  --tw-prose-lead: #57534e;
  --tw-prose-links: #1c1917;
  --tw-prose-bold: #1c1917;
  --tw-prose-counters: #78716c;
  --tw-prose-bullets: #d6d3d1;
  --tw-prose-hr: #e7e5e4;
  --tw-prose-quotes: #1c1917;
  --tw-prose-quote-borders: #e7e5e4;
  --tw-prose-captions: #78716c;
  --tw-prose-kbd: #1c1917;
  --tw-prose-kbd-shadows: rgb(28 25 23 / 10%);
  --tw-prose-code: #1c1917;
  --tw-prose-pre-code: #e7e5e4;
  --tw-prose-pre-bg: #292524;
  --tw-prose-th-borders: #d6d3d1;
  --tw-prose-td-borders: #e7e5e4;
  --tw-prose-invert-body: #d6d3d1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a8a29e;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a8a29e;
  --tw-prose-invert-bullets: #57534e;
  --tw-prose-invert-hr: #44403c;
  --tw-prose-invert-quotes: #f5f5f4;
  --tw-prose-invert-quote-borders: #44403c;
  --tw-prose-invert-captions: #a8a29e;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d6d3d1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #57534e;
  --tw-prose-invert-td-borders: #44403c;
}

.prose-amber {
  --tw-prose-links: #d97706;
  --tw-prose-invert-links: #f59e0b;
}

.prose-teal {
  --tw-prose-links: #0d9488;
  --tw-prose-invert-links: #14b8a6;
}

.prose-indigo {
  --tw-prose-links: #4f46e5;
  --tw-prose-invert-links: #6366f1;
}

.prose-rose {
  --tw-prose-links: #e11d48;
  --tw-prose-invert-links: #f43f5e;
}

.prose-invert {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

/* Drop cap -- STORY ONLY */

.prose-story p:first-of-type::first-letter {
  float: left;
  font-family: 'Fraunces', 'Fraunces Fallback', serif;
  font-size: 82px;
  line-height: 0.9;
  font-weight: 200;
  font-style: normal !important;
  color: #fff;
  margin-top: 0.08em;
  margin-right: 0.1em;
  margin-bottom: -0.12em;
  padding-right: 1px;
  margin-left: -2px;
  padding-top: 6px;
}

/* Browser-specific adjustment -- STRICTLY EXCLUDE SAFARI */

/* Safari has a severe layout calculation bug with transforms on ::first-letter */

@supports (transform: translateY(-16px)) {
  html:not(.is-safari) .prose-story p:first-of-type::first-letter {
    margin-top: -8px;
    transform: translateY(-10px);
  }
}

/* Shared body copy -- mobile */

.prose-story p,
  .prose-guide p {
  font-size: 1rem;
  line-height: 1.74;
  color: rgb(203 213 225);
  /* slate-300 */
}

.prose-story p:last-of-type,
  .prose-guide p:last-of-type {
  margin-bottom: 0;
}

/* Desktop */

@media (min-width: 1024px) {
  .prose-story p:first-of-type::first-letter {
    font-size: 108px;
    line-height: 0.88;
    margin-top: 0.1em;
    margin-right: 0.08em;
    margin-bottom: -0.05em;
    margin-left: -2px;
    padding-top: 12px;
  }

  .prose-story p,
    .prose-guide p {
    font-size: 1.125rem;
    line-height: 1.75;
  }

  @supports (transform: translateY(-16px)) {
    html:not(.is-safari) .prose-story p:first-of-type::first-letter {
      margin-top: -12px;
      transform: translateY(-16px);
    }
  }
}

.prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 500;
  color:#fff;
}

/* --- MAGIC LOGIN FORM --- */

/* Email input field and main login input */

.magic-login-form-container input[type="email"],
    #magic-login-shortcode #user_login {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
  --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);
}

.bs-share-light .magic-login-form-container input[type="email"],.bs-share-light 
    #magic-login-shortcode #user_login {
  color: #0f172a;
}


.bs-share-light .magic-login-form-container input[type="email"],
.bs-share-light 
    #magic-login-shortcode #user_login {
  background-color: #f8fafc;
}

.bs-share-light .magic-login-form-container input[type="email"],.bs-share-light 
    #magic-login-shortcode #user_login {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.magic-login-form-container input[type="email"]:focus,
    #magic-login-shortcode #user_login:focus {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1));
}

/* Primary Buttons (Magic Login & MemberPress Share) */

body.bs-home-next #site-footer.bs-home-footer .magic-login-form-container .magic-login-button,body.bs-home-next #site-footer.bs-home-footer 
    #magic-login-shortcode .magic-login-submit,body.bs-home-next #site-footer.bs-home-footer 
    .button-primary.mepr-share-button {
  color: var(--bs-home-footer-heading);
}

.magic-login-form-container .magic-login-button,
    #magic-login-shortcode .magic-login-submit,
    .button-primary.mepr-share-button {
  margin-top: 1rem;
  display: inline-flex;
  height: 50px;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
  text-align: center;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --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);
  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;
}

.bs-share-light .magic-login-form-container .magic-login-button,.bs-share-light 
    #magic-login-shortcode .magic-login-submit,.bs-share-light 
    .button-primary.mepr-share-button {
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.magic-login-form-container .magic-login-button:hover,
    #magic-login-shortcode .magic-login-submit:hover,
    .button-primary.mepr-share-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}

/* Shortcode specific resets */

#magic-login-shortcode {
  width: 100% !important;
}

#magic-login-shortcode label {
  display: none !important;
}

#magic-login-shortcode .magic-login-form-header {
  width: 100%;
}

#magic-login-shortcode .\!message {
  display: none;
}

#magic-login-shortcode .message {
  display: none;
}

/* Success Message Overlay */

#magic-login-shortcode .\!message.magic_login_block_login_success {
  display: block !important;
  border-radius: 0.375rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(165 225 155 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 255 200 / var(--tw-bg-opacity, 1)) !important;
  padding: 0.75rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1)) !important;
}

#magic-login-shortcode .message.magic_login_block_login_success {
  display: block !important;
  border-radius: 0.375rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(165 225 155 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 255 200 / var(--tw-bg-opacity, 1)) !important;
  padding: 0.75rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1)) !important;
}

/* --- MEMBERPRESS TWEAKS --- */

/* Hide default account navigation */

#mepr-account-nav {
  display: none;
}

/* Account page spacing */

.mp_wrapper .mp-form-row {
  margin-bottom: 1.5rem;
}

.mepr-account-change-password {
  margin-top: 1.5rem;
  display: block;
}

/* Invalid Field States */

.mepr-form input.invalid, 
    .mepr-form select.invalid, 
    .mepr-form textarea.invalid, 
    .mepr-form label.mepr-checkbox-field.invalid, 
    .mepr-form div.mepr-checkboxes-field.invalid, 
    .mepr-form div.mepr-radios-field.invalid {
  margin-bottom: -2px !important;
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

/* Fix for MemberPress Login Form Password Toggle */

#mepr_loginform button.mp-hide-pw {
  display: none;
}

/* --- SOCIAL LOGIN PLACEHOLDERS --- */

.nsl-button-placeholder-icon {
  display: flex;
  height: 3.25rem;
  width: 3.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  text-decoration-line: none;
  --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);
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 767px) {
  .realm-navigator .nsl-button-placeholder-icon {
    justify-content: space-around;
    /* Spreads the links out evenly */
  }
}

.bs-share-light .nsl-button-placeholder-icon {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.nsl-button-placeholder-icon: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));
}

#magic-login-shortcode .\!message.magic_login_block_login_success {
  display: block !important;
  border-radius: 0.75rem !important;
  border-width: 1px !important;
  border-color: rgb(20 184 166 / 0.5) !important;
  background-color: rgb(19 78 74 / 0.3) !important;
  padding: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1)) !important;
}

#magic-login-shortcode .message.magic_login_block_login_success {
  display: block !important;
  border-radius: 0.75rem !important;
  border-width: 1px !important;
  border-color: rgb(20 184 166 / 0.5) !important;
  background-color: rgb(19 78 74 / 0.3) !important;
  padding: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1)) !important;
}

#magic-login-shortcode #login_error {
  margin-bottom: 1rem !important;
  display: block !important;
  border-radius: 0.75rem !important;
  border-width: 1px !important;
  border-color: rgb(245 158 11 / 0.4) !important;
  background-color: rgb(120 53 15 / 0.2) !important;
  padding: 1rem !important;
  font-size: 0.875rem !important;
  line-height: 1.5rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1)) !important;
}

#magic-login-shortcode #login_error strong {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

:root {
  --bs-tracking-heading: -0.025em;
  /* = Tailwind tracking-tight */
  --bs-tracking-title: -0.02em;
  --bs-tracking-eyebrow: 0.1em;
  /* = Tailwind tracking-widest */
  --bs-leading-display: 0.92;
    --bs-leading-h1: 1.04;      /* page titles: a little looser than the display 0.92, which read tight */
  --bs-leading-section: 1.08;
  --bs-leading-title: 1.14;
}

.bs-h1,
  .bs-h2 {
  font-weight: 600;
  letter-spacing: var(--bs-tracking-heading);
  text-wrap: balance;
  /* At 0.92 the line box is shorter than the glyphs, so the last line's descenders
       would touch whatever follows; this gives them room (utilities like pb-* win). */
  padding-bottom: 0.08em;
}

.bs-h2--section {
  padding-bottom: 0;
}

.bs-h3 {
  font-weight: 400;
  letter-spacing: var(--bs-tracking-title);
  text-wrap: balance;
}

/* Line-height is doubled-class on purpose: Tailwind's text-* size utilities also set
     a line-height and load after components, so a single-class rule here would always
     lose to them. A per-template override therefore uses the important modifier
     (e.g. `!leading-[1.2]`). */

.bs-h1.bs-h1 {
  line-height: var(--bs-leading-h1);
}

.bs-h2.bs-h2 {
  line-height: var(--bs-leading-display);
}

.bs-h2.bs-h2--section {
  line-height: var(--bs-leading-section);
}

.bs-h3.bs-h3 {
  line-height: var(--bs-leading-title);
}

.bs-eyebrow {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--bs-tracking-eyebrow);
}

/* Page ground: deep teal behind everything (overscroll, sub-pixel seams); sections paint their own roles. */

body.bs-home-next {
  background-color: var(--bs-palette-deep-teal);
}

/* In-page anchors (hero "See how it works" -> panel 4). Smooth only when the visitor allows motion. */

@media (prefers-reduced-motion: no-preference) {
  html:has(body.bs-home-next) {
    scroll-behavior: smooth;
  }
}

/* Keyboard focus must never land under the fixed header (WCAG 2.4.11): scroll-padding is 5rem. Section anchors want to sit
     exactly under the 4rem header, so sections pull back by the difference (scroll-margin and scroll-padding add together). */

html:has(body.bs-home-next) {
  scroll-padding-top: 5rem;
}

.bs-home section[id] {
  scroll-margin-top: calc(var(--bs-page-top-safe, 4rem) - 5rem);
}

/* ---------------------------------------------------------------- Hero (panel 1, `ink`) */

.bs-home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  /* The transparent header sits ON the hero: reserve its height, then the reference's breathing room. */
  padding-top: calc(var(--bs-page-top-safe, 4rem) + clamp(2.5rem, 7vw, 6.5rem));
  padding-bottom: clamp(7.5rem, 13vw, 10rem);
  text-align: center;
}

/* Only wide desktops get the tall hero; below that the character stays right under the buttons instead of floating below a gap. */

/* Desktop: a little more room under the header, a little less under the buttons. */

@media (min-width: 1101px) {
  .bs-home-hero {
    padding-top: calc(var(--bs-page-top-safe, 4rem) + clamp(2.5rem, 7vw, 6.5rem) + 1.5rem);
    padding-bottom: calc(clamp(7.5rem, 13vw, 10rem) - 2rem);
  }
}

@media (min-width: 1600px) {
  .bs-home-hero {
    min-height: 735px;
  }
}

/* Ambient branches (approved artwork): low contrast, anchored mid-height, cropped by the viewport. */

.bs-home-hero__branch {
  position: absolute;
  z-index: 1;
  top: 50%;
  opacity: 0.35;
  filter: brightness(0.85);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.bs-home-hero__branch--left  {
  left: -4rem;
  width: clamp(14rem, 22vw, 26rem);
  transform: translateY(-50%) rotate(-6deg);
}

.bs-home-hero__branch--right {
  right: -5rem;
  width: clamp(16rem, 26vw, 30rem);
  transform: translateY(-50%) rotate(8deg);
}

.bs-home-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 78rem;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 3rem);
}

/* The stage carries the headline size so em offsets on the birds track the type. */

.bs-home-hero__stage {
  position: relative;
  display: inline-block;
  font-size: clamp(3rem, 6.5vw, 5.55rem);
}

.bs-home-hero__title {
  margin: 0;
  font-family: 'Fraunces', 'Fraunces Fallback', ui-serif, Georgia, 'Times New Roman', serif;
  font-weight: 500;
  font-size: 1em;
  line-height: 0.9;
  letter-spacing: -0.05em;
  text-wrap: balance;
  isolation: isolate;
  /* own stacking context so a bird can sit behind the letters without dropping behind the panel */
}

.bs-home-hero__line {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  white-space: nowrap;
}

/* Headline birds (approved artwork): each perches on its own line's text edge. */

.bs-home-hero__bird {
  position: absolute;
  display: block;
  width: var(--bird-w, 1em);
  height: auto;
  top: var(--bird-top, auto);
  left: var(--bird-left, auto);
  right: var(--bird-right, auto);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.bs-home-hero__bird--2 {
  --bird-w: 1.7em;
  --bird-top: -1.0em;
  --bird-right: 1.2em;
  z-index: -1;
}

/* behind the headline text */

/* Bird in flight (fp-bird-10): hangs off the right of the headline, between its last line and the lede. 2.4em wide, where 1em is the
     headline size (the stage carries the font-size), so it scales with the type. Phones: below the buttons, bottom right. */

.bs-home-hero__flight {
  position: absolute;
  z-index: 3;
  width: 2.4em;
  height: auto;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

/* The stage can be wider than the headline (the lede sets its width), so the birds anchor to the headline's edges: its widest line is ~7.1em, half 3.55em. */

.bs-home-hero__flight--1 {
  top: 1.81em;
  left: calc(50% + 3.46em);
  width: 2.2em;
}

/* fp-bird-11 (faces right): top left of the headline, 1.65em wide. */

.bs-home-hero__flight--2 {
  top: 0;
  left: calc(50% - 6.0em);
  width: 2em;
}

/* 6.0em left of the headline's centre */

/* Narrower desktops: keep the right bird beside the headline lines, above the lede (which is a fixed 35.5rem wide while the type shrinks). */

@media (min-width: 641px) and (max-width: 1100px) {
  .bs-home-hero__flight--1 {
    top: 0.9em;
    left: calc(50% + 3.6em);
  }
}

.bs-home-hero__lede {
  max-width: 35.5rem;
  margin: clamp(1.5rem, 3vw, 2.25rem) auto 0;
  font-size: clamp(1rem, 1.3vw, 1.1rem);
  line-height: 1.7;
  text-wrap: pretty;
}

.bs-home-hero__ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.875rem;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

/* Peeking character: zero-height anchor on the hero's bottom edge (the hero clips its own overflow). The art's
     straight cut under the face is at 600/742 = 80.9% of its height, so shifting up by that lines the cut up with the
     edge and lets the fingers hang over panel 2. Decorative. */

.bs-home-hero__peek {
  position: relative;
  z-index: 5;
  height: 0;
  pointer-events: none;
  --peek-w: clamp(15rem, 15vw, 22rem);
  --peek-left: max(-0.5rem, calc(50% - 11.5rem - var(--peek-w) + 2.5rem));
}

/* The character is anchored to the centre of the hero and offset left, so she always sits just under the CTA group (about 23rem wide on desktop, so 11.5rem either side of the centre), tucked against its left end. */

.bs-home-hero__peek-girl {
  position: absolute;
  top: 0;
  left: var(--peek-left);
  width: var(--peek-w);
  height: auto;
  transform: translateY(-80.9%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Bird perched behind the top left of her head (drawn first, so she overlaps it). Sized and placed from the same --peek-w as her image. */

.bs-home-hero__peek-bird {
  position: absolute;
  top: calc(var(--peek-w) * -0.7);
  left: calc(var(--peek-left) + var(--peek-w) * 0.08);
  width: calc(var(--peek-w) * 0.5);
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 1024px) {
  .bs-home-hero__branch--left  {
    width: clamp(12rem, 22vw, 18rem);
  }

  .bs-home-hero__branch--right {
    width: clamp(13rem, 24vw, 20rem);
  }
}

@media (max-width: 640px) {
  .bs-home-hero {
    padding-top: calc(var(--bs-page-top-safe, 4rem) + 5 * clamp(2.2rem, 9.6vw, 3.4rem) + 1.25rem);
    padding-bottom: 6.5rem;
  }

  /* the top birds reach 5em above the headline, so the gap above it is 5 headline-heights plus clearance under the header */

  .bs-home-hero__stage {
    display: block;
    font-size: clamp(2.2rem, 9.6vw, 3.4rem);
  }

  .bs-home-hero__flight--1 {
    top: -5em;
    bottom: auto;
    left: 5.5em;
    right: auto;
    width: 3em;
    transform: scale(1);
  }

  /* fixed to the headline (em from the stage top), like the other top birds */

  .bs-home-hero__flight--2 {
    top: -5em;
    left: 0.5em;
    width: 4.2em;
  }

  /* flying in front of the headline bird, above the headline */

  .bs-home-hero__bird--2 {
    --bird-w: 2.35em;
    --bird-top: -1.32em;
    --bird-right: 0.68em;
  }

  .bs-home-hero__title {
    line-height: 1.05;
    letter-spacing: -0.04em;
  }

  .bs-home-hero__line {
    white-space: normal;
  }

  .bs-home-hero__branch--left {
    display: none;
  }

  .bs-home-hero__branch--right {
    right: -2rem;
    width: 16rem;
    opacity: 0.28;
  }

  .bs-home-hero__ctas > a {
    flex: 1 1 100%;
  }

  /* Phones: bigger, centred under the full-width buttons and offset left of centre. */

  .bs-home-hero__peek {
    --peek-w: 11rem;
    --peek-left: 1rem;
    margin-bottom: -1px;
  }

  .bs-home-hero__peek-bird {
    top: calc(var(--peek-w) * -0.78);
    width: calc(var(--peek-w) * 0.6);
  }
}

@media (max-width: 340px) {
  .bs-home-hero__stage {
    font-size: 2rem;
  }
}

/* ------------------------------------------------ Shared panel pieces (Stage 2+) */

/* Scoped, palette-derived variants for composition details that have no library role. Colour only ever comes from
     palette/ui variables via color-mix, never literals; ink text on every one is checked in docs/colours/home-contrast-check.py. */

.bs-home {
  --bs-home-pill-1: color-mix(in srgb, var(--bs-palette-mist) 85%, var(--bs-palette-sage));
  --bs-home-pill-2: color-mix(in srgb, var(--bs-palette-sand) 70%, var(--bs-palette-white));
  --bs-home-pill-3: color-mix(in srgb, var(--bs-palette-mist) 80%, var(--bs-ui-ink-control));
  --bs-home-pill-4: var(--bs-palette-white);
  --bs-home-note-see: color-mix(in srgb, var(--bs-palette-mist) 70%, var(--bs-ui-ink-control));
  --bs-home-note-happening: color-mix(in srgb, var(--bs-palette-peach) 80%, var(--bs-palette-white));
  /* Stage 3: the one light card surface that is not a library canvas (the other card nests the `leaf` context). */
  --bs-home-card-warm: color-mix(in srgb, var(--bs-palette-paper) 80%, var(--bs-palette-peach));
  /* Stage 3: ILLUSTRATION PLACEHOLDER colours (not roles; replaced when the scenes are drawn). */
  /* Stage 5: the agreed marketing-section peach primary action (closing panel). Palette-derived, ink label. */
  --bs-home-action-peach: var(--bs-palette-peach);
  --bs-home-action-peach-text: var(--bs-palette-ink);
  --bs-home-action-peach-hover: color-mix(in srgb, var(--bs-palette-peach) 75%, var(--bs-palette-white));
  /* Bird cards: one warm paper ground for all three (the artwork is multiplied onto it; no text sits on it). */
}

.bs-home-panel {
  position: relative;
  overflow-x: clip;
}

.bs-home-wrap {
  width: min(1140px, calc(100% - 112px));
  margin-inline: auto;
}

@media (max-width: 1050px) {
  .bs-home-wrap {
    width: calc(100% - 80px);
  }
}

@media (max-width: 760px)  {
  .bs-home-wrap {
    width: calc(100% - 48px);
  }
}

.bs-home-eyebrow {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.19em;
  line-height: 1.6;
  text-transform: uppercase;
}

/* Doubled class so these beat the shared .bs-h2 role's own doubled-class line-height. */

.bs-home-title.bs-home-title {
  margin: 0 0 1.5rem;
  font-size: clamp(2.25rem, 3.5vw, 3.15rem);
  line-height: 1.06;
  letter-spacing: -0.045em;
}

/* The doubled class above also resets inline margins, so centred titles opt back in explicitly (and still win over it). */

.bs-home-title.bs-home-title.mx-auto {
  margin-inline: auto;
}

.bs-home-copy {
  max-width: 36.5rem;
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.75;
}

@media (max-width: 767px) {
  .bs-home-title.bs-home-title {
    font-size: clamp(2.1rem, 7vw, 2.8rem);
  }

  .bs-home-copy {
    font-size: 1rem;
  }
}

/* ---------------------------------------------------------------- Panel 2: Recognisable Experiences */

.bs-home-recognition {
  padding: 78px 0 84px;
}

@media (max-width: 760px) {
  .bs-home-recognition {
    padding: 64px 0 60px;
  }
}

/* No intro paragraph now: the headline owns the space above the pills. */

.bs-home-recognition .bs-home-title.bs-home-title {
  margin-bottom: 0;
}

/* Three rows of real pills flanked by decorative ghost pills (as on the previous homepage); the rows overflow the wrap on purpose
     and the panel clips them, so the ghosts fade off the edges. */

.bs-home-pill-rows {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 44px;
}

.bs-home-pill-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* centred on the headline axis even when a row is wider than the wrap */

.bs-home-ghost {
  flex: none;
  display: flex;
  align-items: center;
  width: var(--w, 100px);
  height: 40px;
  padding-inline: 20px;
  border: 1px solid color-mix(in srgb, var(--bs-palette-teal) 22%, transparent);
  border-radius: 9999px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bs-home-ghost::after {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 9999px;
  background: color-mix(in srgb, var(--bs-palette-teal) 10%, transparent);
}

.bs-home-pill {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 20px;
  border-radius: 9999px;
  background: var(--bs-home-pill-1);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* The reference's tint cycle over the ten pills in reading order (set per pill in the partial). */

.bs-home-pill--2 {
  background: var(--bs-home-pill-2);
}

.bs-home-pill--3 {
  background: var(--bs-home-pill-3);
}

.bs-home-pill--4 {
  background: var(--bs-home-pill-4);
}

.bs-home-pill:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  box-shadow: 0 8px 16px -12px color-mix(in srgb, var(--bs-palette-ink) 55%, transparent);
}

.bs-home-pill:focus-visible {
  outline: 3px solid var(--bs-focus);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  .bs-home-pill:hover {
    transform: translateY(-1px);
  }
}

/* Smaller screens keep the desktop design: three complete one-line rows (ghost chips, real tags, ghost chips), each centred on the page and
     running off both screen edges (the panel clips them). Rows never wrap. Only the real tags get a touch smaller on phones. */

.bs-home-pill-rows {
  gap: 8px;
}

.bs-home-pill-rows--stack {
  display: none;
}

@media (max-width: 767px) {
  .bs-home-pill-rows--wide {
    display: none;
  }

  .bs-home-pill-rows--stack {
    display: flex;
  }

  .bs-home-pill-rows {
    margin-top: 32px;
  }

  .bs-home-pill-row {
    gap: 8px;
  }

  .bs-home-pill {
    min-height: 36px;
    padding: 8px 14px;
    font-size: 0.75rem;
  }

  .bs-home-ghost {
    height: 36px;
  }
}

@media (max-width: 360px) {
  .bs-home-pill-row {
    gap: 6px;
  }

  .bs-home-pill {
    padding: 8px 11px;
    font-size: 0.72rem;
  }
}

/* ---------------------------------------------------------------- Panel 3: Being misunderstood */

.bs-home-misunderstood {
  padding: 72px 0 110px;
}

@media (max-width: 760px) {
  .bs-home-misunderstood {
    padding: 30px 0 65px;
  }
}

.bs-home-split {
  display: grid;
  align-items: center;
  gap: 43px;
}

@media (min-width: 768px)  {
  .bs-home-split {
    grid-template-columns: 1fr 1fr;
    gap: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1050px) {
  .bs-home-split {
    gap: 55px;
  }
}

.bs-home-problems {
  margin: 1.5rem 0;
  padding: 0 0 0 19px;
  font-size: 0.98rem;
  line-height: 1.7;
  list-style: disc;
}

.bs-home-problems li {
  margin-bottom: 9px;
  padding-left: 5px;
}

.bs-home-problems li::marker {
  color: var(--bs-text-accent);
}

/* The approved scene with its two annotation cards. The scene itself must not clip (the cards overhang its edges), so
     the radius is on the image. Face sits at ~35% of the portrait artwork: keep it in frame when cover crops. */

.bs-home-scene {
  position: relative;
  height: 455px;
  border-radius: 26px;
  background: var(--bs-surface-subtle);
}

.bs-home-scene__img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 32%;
     object-position: 50% 32%;
}

/* Compact annotation cards: short copy, small boxes, placed at the edges so the face stays clear. */

.bs-home-note {
  position: absolute;
  z-index: 1;
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow: 0 12px 24px -18px color-mix(in srgb, var(--bs-palette-ink) 60%, transparent);
}

.bs-home-note h3 {
  margin: 0 0 7px;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.bs-home-note blockquote {
  margin: 0;
  font-family: 'Fraunces', 'Fraunces Fallback', ui-serif, Georgia, serif;
  font-size: 1.02rem;
  line-height: 1.32;
}

.bs-home-note--see {
  left: -34px;
  top: 30px;
  width: 152px;
  background: var(--bs-home-note-see);
}

.bs-home-note--happening {
  right: -28px;
  bottom: 34px;
  width: 206px;
  background: var(--bs-home-note-happening);
}

@media (max-width: 1050px) {
  .bs-home-scene {
    height: 445px;
  }

  .bs-home-note {
    padding: 12px 14px;
  }

  .bs-home-note--see {
    left: -20px;
    width: 138px;
  }

  .bs-home-note--happening {
    right: -16px;
    width: 186px;
  }
}

@media (max-width: 767px) {
  .bs-home-scene {
    height: 360px;
    margin-inline: 12px;
  }

  .bs-home-note blockquote {
    font-size: 0.95rem;
  }

  .bs-home-note--see {
    left: -14px;
    top: 22px;
    width: 132px;
  }

  .bs-home-note--happening {
    right: -14px;
    bottom: 22px;
    width: 164px;
  }
}

.bs-home-copy--wide {
  max-width: 40.6rem;
}

.bs-home-inline-action {
  margin: 28px 0 0;
}

.bs-home-copy--follow {
  margin-top: 17px;
}

/* ---------------------------------------------------------------- Panel 4: How it comes together (`mist`) */

.bs-home-process {
  padding: 80px 0 88px;
}

.bs-home-process .bs-home-title.bs-home-title {
  margin-bottom: 54px;
}

@media (max-width: 760px) {
  .bs-home-process {
    padding: 63px 0;
  }

  .bs-home-process .bs-home-title.bs-home-title {
    margin-bottom: 42px;
  }
}

.bs-home-steps {
  display: grid;
  gap: 42px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .bs-home-steps {
    grid-template-columns: repeat(3, 1fr);
    gap: 58px;
  }
}

.bs-home-step {
  text-align: center;
}

/* Illustration PLACEHOLDER for a future human scene: a large block + a small tile, per the reference. */

.bs-home-step__art {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  margin: 0 auto 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (max-width: 767px) {
  .bs-home-step__art {
    max-width: 230px;
    margin-bottom: 18px;
  }
}

/* Desktop row: one shared box for all three scenes (they are not all the same canvas: step 3 is square), bottom-aligned, so the numbers, titles and copy line up across the columns. */

@media (min-width: 768px) {
  .bs-home-step__art {
    aspect-ratio: 460 / 430;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center bottom;
       object-position: center bottom;
  }
}

.bs-home-step__num {
  display: block;
  margin-bottom: 11px;
  font-size: 0.9rem;
  letter-spacing: 0.15em;
}

.bs-home-step__title {
  margin: 0 0 12px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.035em;
}

/* About two lines at desktop width: the column is ~340px, so the copy gets nearly all of it (text-wrap: pretty avoids orphans; no forced breaks). */

.bs-home-step__copy {
  max-width: 21rem;
  margin: 0 auto;
  font-size: 0.9rem;
  line-height: 1.65;
  text-wrap: pretty;
}

@media (max-width: 767px) {
  .bs-home-step__copy {
    max-width: 19rem;
  }
}

.bs-home-process-link {
  margin: 45px 0 0;
  text-align: center;
}

.bs-home-recognition-link {
  margin: 40px 0 0;
  text-align: center;
}

/* the Top 50 link under the pills */

/* ---------------------------------------------------------------- Panel 5: Emerging themes (`plum`) — "the man holding the findings together" */

.bs-home-themes {
  padding: 96px 0 100px;
}

@media (max-width: 760px) {
  .bs-home-themes {
    padding: 67px 0 70px;
  }
}

/* Phones/tablets: a single column in flow (head, callout, body placeholder, then the one-card stack). */

.bs-home-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.bs-home-stage__head {
  order: 0;
}

.bs-home-stage__head .bs-home-copy {
  max-width: 24rem;
}

/* Phones/tablets: no speech bubble (desktop only); there is no "Examples:" label at any width. */

.bs-home-callout {
  display: none;
  position: relative;
  padding: 14px 22px;
  border-radius: 20px;
  background: var(--bs-home-card-warm);
}

.bs-home-callout p {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.35;
  text-wrap: pretty;
}

.bs-home-callout::after {
  content: '';
  position: absolute;
  left: 1.6rem;
  bottom: -11px;
  width: 22px;
  height: 18px;
  background: var(--bs-home-card-warm);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.bs-home-deck {
  position: relative;
  display: flow-root;
}

/* Artwork: the man's head/shoulders sit BEHIND the cards (z 0, bottom edge tucked under the first card) and a hand grips each outer edge in
     FRONT (z 4). Everything is positioned from .bs-home-row (the cards row), so it stays aligned at every width. Decorative; no pointer events. */

.bs-home-deck {
  --bs-home-man-w: min(19rem, 86vw);
  --bs-home-man-h: calc(var(--bs-home-man-w) * 642 / 960);
  --bs-home-man-tuck: 34px;
}

.bs-home-row {
  position: relative;
  margin-top: calc(var(--bs-home-man-h) - var(--bs-home-man-tuck));
}

.bs-home-man {
  position: absolute;
  z-index: 0;
  left: 50%;
  bottom: calc(100% - var(--bs-home-man-tuck));
  width: var(--bs-home-man-w);
  height: auto;
  max-width: none;
  transform: translateX(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bs-home-hand {
  position: absolute;
  z-index: 4;
  width: 36px;
  height: auto;
  max-width: none;
  top: 78px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bs-home-hand--left  {
  left: -20px;
}

.bs-home-hand--right {
  right: -18px;
  top: 98px;
}

.bs-home-findings {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bs-home-finding {
  position: relative;
  padding: 24px 26px 26px;
  border-radius: 18px;
  box-shadow: 0 16px 30px -22px color-mix(in srgb, var(--bs-palette-ink) 70%, transparent);
}

.bs-home-card--warm {
  background: var(--bs-home-card-warm);
}

.bs-home-finding__label {
  margin: 0 0 10px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
  text-transform: uppercase;
}

.bs-home-finding__text {
  margin: 0 0 14px;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.bs-home-finding__evidence {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
}

.bs-home-deck__controls {
  display: none;
}

/* ----- One-card stack (≤ 959px, applied by the script as .is-stack): the front card plus the edges of the other two behind it. */

.bs-home-deck.is-stack {
  width: min(100%, 22rem);
  margin-inline: auto;
}

.bs-home-deck.is-stack:focus-visible {
  outline: 3px solid var(--bs-focus);
  outline-offset: 6px;
  border-radius: 20px;
}

.bs-home-deck.is-stack .bs-home-findings {
  display: grid;
  gap: 0;
  padding-bottom: 36px;
  touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.bs-home-deck.is-stack .bs-home-finding {
  grid-area: 1 / 1;
  min-height: 14.5rem;
  padding: 24px 34px 34px;
  transform-origin: 50% 100%;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.bs-home-deck.is-stack .bs-home-finding[data-pos="0"] {
  z-index: 3;
}

.bs-home-deck.is-stack .bs-home-finding[data-pos="1"] {
  z-index: 2;
  transform: translateY(16px) scale(0.95);
}

.bs-home-deck.is-stack .bs-home-finding[data-pos="2"] {
  z-index: 1;
  transform: translateY(32px) scale(0.9);
}

@media (prefers-reduced-motion: reduce) {
  .bs-home-deck.is-stack .bs-home-finding {
    transition: none;
  }
}

.bs-home-deck.is-stack .bs-home-deck__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 6px;
}

.bs-home-dots {
  display: flex;
  gap: 8px;
}

.bs-home-dots span {
  width: 7px;
  height: 7px;
  border-radius: 9999px;
  background: color-mix(in srgb, var(--bs-text) 28%, transparent);
}

.bs-home-dots span.is-current {
  width: 20px;
  background: var(--bs-text-accent);
}

.bs-home-triggers {
  margin-top: 0;
}

.bs-home-triggers__label {
  margin: 0 0 10px;
  font-size: 0.8rem;
  line-height: 1.5;
  letter-spacing: 0.015em;
}

.bs-home-triggers__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bs-home-trigger {
  padding: 6px 15px;
  border: 1px solid;
  border-radius: 9999px;
  font-size: 0.82rem;
  line-height: 1.3;
}

.bs-home-themes-foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-top: 30px;
}

.bs-home-themes-action {
  margin: 0;
}

/* ----- Wide screens (≥ 960px): the head top-left, the upper-body placeholder BEHIND a horizontal group of three overlapping, staggered cards,
     hands in FRONT at the outer edges, the callout above-right of the head. Overlaps only ever cover the blank margins (card padding is larger
     than every overlap). */

@media (min-width: 960px) {
  .bs-home-stage {
    display: block;
  }

  .bs-home-stage__head {
    position: relative;
    z-index: 2;
    max-width: 40%;
  }

  .bs-home-stage__head .bs-home-copy {
    max-width: min(24rem, 100%);
  }

  .bs-home-callout {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    z-index: 2;
    top: calc(var(--bs-home-man-h) * 0.05);
    left: calc(50% + var(--bs-home-man-w) * 0.3);
    max-width: none;
    margin: 0;
    white-space: nowrap;
  }

  .bs-home-deck {
    --bs-home-man-w: clamp(380px, 42vw, 520px);
    --bs-home-man-tuck: 76px;
  }

  .bs-home-row {
    margin-top: calc(var(--bs-home-man-h) - var(--bs-home-man-tuck));
  }

  .bs-home-man {
    left: 50%;
  }

  .bs-home-deck {
    z-index: 1;
    margin-top: calc(40px - var(--bs-home-man-h) + var(--bs-home-man-tuck));
  }

  .bs-home-findings {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
    padding: 0 64px;
  }

  .bs-home-finding {
    flex: 1 1 0;
    min-width: 0;
    padding: 28px 42px 30px 36px;
  }

  .bs-home-finding + .bs-home-finding {
    margin-left: -28px;
  }

  .bs-home-finding:nth-child(1) {
    z-index: 1;
    margin-top: 20px;
    padding-left: 44px;
    transform: rotate(-1deg);
  }

  .bs-home-finding:nth-child(2) {
    z-index: 2;
    margin-top: 0;
    transform: rotate(0.7deg);
  }

  .bs-home-finding:nth-child(3) {
    z-index: 3;
    margin-top: 12px;
    padding-right: 48px;
    transform: rotate(-0.6deg);
  }

  .bs-home-finding__text {
    font-size: clamp(1.2rem, 1.95vw, 1.62rem);
  }

  .bs-home-hand {
    width: 66px;
    top: 70px;
  }

  .bs-home-hand--left  {
    left: 28px;
  }

  .bs-home-hand--right {
    right: 31px;
    top: 88px;
  }

  .bs-home-themes-foot {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 38px;
  }
}

/* ---------------------------------------------------------------- Panel 6: Birds (`white`) */

.bs-home-birds {
  padding: 115px 0 105px;
}

@media (max-width: 767px) {
  .bs-home-birds {
    padding: 70px 0;
  }
}

/* Two columns from 1001px, one centred column below. */

@media (min-width: 1001px) {
  .bs-home-split--birds {
    grid-template-columns: 1.1fr 1fr;
    gap: 72px;
  }
}

@media (max-width: 1000px) {
  .bs-home-split--birds {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 767px)  {
  .bs-home-split--birds {
    gap: 26px;
  }
}

/* One transparent illustration replaces the three Bird cards; it sits on the white panel ground, centred in its column. */

.bs-home-flock {
  position: relative;
  isolation: isolate;
  margin: 0 auto;
  width: 100%;
  max-width: 458px;
}

.bs-home-flock img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* A softened, slightly skewed sage card behind her (green, so it stands apart from her cream jumper and sits opposite her red hair): it frames the torso and bleeds out at the bottom left, so the head, hair and the
     hand with the birds stand proud of it. Palette sage mixed with white (no new colour); decorative. */

.bs-home-flock::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 24%;
  left: -5%;
  right: 12%;
  bottom: -3%;
  border-radius: 32px;
  background: color-mix(in srgb, var(--bs-palette-sage) 70%, var(--bs-palette-white));
  transform: rotate(-4deg) skewX(-3deg);
}

@media (max-width: 767px) {
  .bs-home-flock {
    max-width: 299px;
    margin-bottom: 1.5rem;
  }

  .bs-home-flock::before {
    right: -1em;
  }
}

/* gap under the card before the copy; the card runs out past the right edge */

/* The card bleeds below the figure box, so the drawing reads lower than the text column's middle: lift it to match. */

@media (min-width: 1001px) {
  .bs-home-flock {
    transform: translateY(-24px);
  }
}

/* ---------------------------------------------------------------- Panel 7: Guides (`leaf`) */

.bs-home-guides {
  padding: 100px 0 105px;
}

@media (max-width: 767px) {
  .bs-home-guides {
    padding: 65px 0 60px;
  }
}

@media (min-width: 768px) {
  .bs-home-split--guides {
    gap: 80px;
  }
}

@media (min-width: 768px) and (max-width: 1050px) {
  .bs-home-split--guides {
    gap: 44px;
  }
}

@media (max-width: 767px) {
  .bs-home-split--guides {
    gap: 36px;
  }
}

.bs-home-guide-audience {
  margin: 18px 0 0;
  font-size: 0.93rem;
}

/* The previous homepage's lockup (shared partial, aria-hidden). Transparent links sit over its two covers, using the partial's own
     geometry (container aspect 100:124; Personal: left 3%, top 21%, 49.5% wide, -6deg; Supporter: left 43%, top 36%, 55.5% wide, 4.5deg;
     a cover is 210:297, i.e. 56.5% / 63.3% of the container's height) so each link follows its cover, including the keyboard focus ring. */

.bs-home-lockup {
  position: relative;
  width: 100%;
  max-width: 515px;
  margin-inline: auto;
}

@media (min-width: 1001px) {
  .bs-home-lockup {
    max-width: 464px;
  }
}

/* desktop: 10% smaller than the 515px stacked/tablet size */

.bs-home-lockup__link {
  position: absolute;
  z-index: 30;
  display: block;
  border-radius: 0.4rem;
}

.bs-home-lockup__link:focus-visible {
  outline: 3px solid var(--bs-focus);
  outline-offset: 3px;
}

.bs-home-lockup__link--personal  {
  left: 3%;
  top: 21%;
  width: 49.5%;
  height: 56.5%;
  transform: rotate(-6deg);
}

.bs-home-lockup__link--supporter {
  left: 43%;
  top: 36%;
  width: 55.5%;
  height: 63.3%;
  transform: rotate(4.5deg);
}

/* ---------------------------------------------------------------- Panel 8: Closing invitation (`ink`) */

.bs-home-closing {
  padding: 94px 0 107px;
}

@media (max-width: 760px) {
  .bs-home-closing {
    padding: 75px 0 80px;
  }
}

.bs-home-title.bs-home-title--closing {
  max-width: 36.9rem;
  font-size: clamp(2.4rem, 4.4vw, 3.7rem);
}

.bs-home-closing .bs-home-copy {
  max-width: 35rem;
}

.bs-home-closing__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin-top: 34px;
}

@media (max-width: 767px) {
  .bs-home-closing__actions > a {
    flex: 1 1 100%;
  }
}

/* White primary (matches the header CTA: white, slate-950 label, slate-200 on hover; class name kept from the earlier peach). Focus uses the ink context's focus role. */

.bs-home-cta-peach {
  border-color: #fff;
  background: #fff;
  color: #020617;
}

.bs-home-cta-peach:hover {
  border-color: #e2e8f0;
  background: #e2e8f0;
}

/* ---------------------------------------------------------------- Dark-ink footer (this page only; footer.php is untouched)
     The closing panel stays deep teal (the `ink` context canvas); the footer below it is the darker library ink (--bs-palette-ink), so the
     change of ground is the separation (no divider between them). The preview template tags the footer data-bs-theme="ink" so its text roles
     (muted, link-hover, focus) resolve from the ink context; only the ground is the scoped variant below. The slate utilities inside the footer
     are re-pointed at these roles, scoped to this footer, so every other page's footer is exactly as it was. The thin divider above the legal
     text is kept (it is the footer's existing `.border-slate-800` rule, now an ink border). */

body.bs-home-next #site-footer.bs-home-footer {
  --bs-home-footer-bg: var(--bs-palette-ink);
  --bs-home-footer-heading: var(--bs-palette-white);
  --bs-home-footer-text: var(--bs-text-muted);
  --bs-home-footer-hover: var(--bs-palette-white);
  border-top-width: 0;
  /* no divider between the closing panel and the footer */
  background-color: var(--bs-home-footer-bg);
  color: var(--bs-home-footer-text);
}

body.bs-home-next #site-footer.bs-home-footer .text-white {
  color: var(--bs-home-footer-heading);
}

body.bs-home-next #site-footer.bs-home-footer .text-slate-400,
  body.bs-home-next #site-footer.bs-home-footer .text-slate-500 {
  color: var(--bs-home-footer-text);
}

body.bs-home-next #site-footer.bs-home-footer .text-slate-700 {
  color: var(--bs-border-control);
}

body.bs-home-next #site-footer.bs-home-footer .border-slate-800 {
  border-color: var(--bs-border);
}

body.bs-home-next #site-footer.bs-home-footer a:hover {
  color: var(--bs-home-footer-hover);
}

body.bs-home-next #site-footer.bs-home-footer a:focus-visible {
  outline: 3px solid var(--bs-focus);
  outline-offset: 3px;
  border-radius: 2px;
}

.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 !important;
}

.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-8 {
  inset: 2rem;
}

.-inset-x-6 {
  left: -1.5rem;
  right: -1.5rem;
}

.-inset-y-14 {
  top: -3.5rem;
  bottom: -3.5rem;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-x-6 {
  left: 1.5rem;
  right: 1.5rem;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-bottom-2 {
  bottom: -0.5rem;
}

.-bottom-3 {
  bottom: -0.75rem;
}

.-bottom-40 {
  bottom: -10rem;
}

.-left-16 {
  left: -4rem;
}

.-left-3 {
  left: -0.75rem;
}

.-left-32 {
  left: -8rem;
}

.-left-4 {
  left: -1rem;
}

.-left-40 {
  left: -10rem;
}

.-left-48 {
  left: -12rem;
}

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

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

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

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

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

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

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

.-right-32 {
  right: -8rem;
}

.-top-1 {
  top: -0.25rem;
}

.-top-2 {
  top: -0.5rem;
}

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

.-top-40 {
  top: -10rem;
}

.-top-44 {
  top: -11rem;
}

.-top-\[0\.15em\] {
  top: -0.15em;
}

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

.bottom-0 {
  bottom: 0px;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-24 {
  bottom: 6rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-\[-1\.5rem\] {
  bottom: -1.5rem;
}

.bottom-\[-18rem\] {
  bottom: -18rem;
}

.bottom-\[10\%\] {
  bottom: 10%;
}

.bottom-\[9\%\] {
  bottom: 9%;
}

.bottom-\[calc\(100\%\+12px\)\] {
  bottom: calc(100% + 12px);
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0px;
}

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

.left-2 {
  left: 0.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-6 {
  left: 1.5rem;
}

.left-8 {
  left: 2rem;
}

.left-\[-10rem\] {
  left: -10rem;
}

.left-\[1\.95rem\] {
  left: 1.95rem;
}

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

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

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

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

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

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

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

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

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

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

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

.left-\[calc\(100\%\+0\.5rem\)\] {
  left: calc(100% + 0.5rem);
}

.right-0 {
  right: 0px;
}

.right-10 {
  right: 2.5rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.right-\[-12rem\] {
  right: -12rem;
}

.right-\[-14rem\] {
  right: -14rem;
}

.right-\[14\%\] {
  right: 14%;
}

.right-\[6px\] {
  right: 6px;
}

.right-\[8\%\] {
  right: 8%;
}

.right-full {
  right: 100%;
}

.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-16 {
  top: 4rem;
}

.top-2 {
  top: 0.5rem;
}

.top-24 {
  top: 6rem;
}

.top-28 {
  top: 7rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-8 {
  top: 2rem;
}

.top-\[-10rem\] {
  top: -10rem;
}

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

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

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

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

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

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

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

.top-\[3rem\] {
  top: 3rem;
}

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

.top-\[5\.5rem\] {
  top: 5.5rem;
}

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

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

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

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

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

.top-\[calc\(100\%\+0\.5rem\)\] {
  top: calc(100% + 0.5rem);
}

.top-\[calc\(100\%\+10px\)\] {
  top: calc(100% + 10px);
}

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

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

.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-\[-1\] {
  z-index: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.col-span-full {
  grid-column: 1 / -1;
}

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

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

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

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

.m-0 {
  margin: 0px;
}

.-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.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;
}

.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-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.-mb-20 {
  margin-bottom: -5rem;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

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

.-mb-px {
  margin-bottom: -1px;
}

.-ml-20 {
  margin-left: -5rem;
}

.-ml-6 {
  margin-left: -1.5rem;
}

.-mr-1 {
  margin-right: -0.25rem;
}

.-mr-16 {
  margin-right: -4rem;
}

.-mr-20 {
  margin-right: -5rem;
}

.-mr-3\.5 {
  margin-right: -0.875rem;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-12 {
  margin-top: -3rem;
}

.-mt-16 {
  margin-top: -4rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.-mt-\[0\.5px\] {
  margin-top: -0.5px;
}

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

.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-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-3\.5 {
  margin-bottom: 0.875rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-\[10\.5rem\] {
  margin-bottom: 10.5rem;
}

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

.ml-5 {
  margin-left: 1.25rem;
}

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

.ml-\[1rem\] {
  margin-left: 1rem;
}

.ml-\[2rem\] {
  margin-left: 2rem;
}

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

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-3\.5 {
  margin-right: 0.875rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-auto {
  margin-right: auto;
}

.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-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-28 {
  margin-top: 7rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-3\.5 {
  margin-top: 0.875rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

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

.mt-\[0\.3rem\] {
  margin-top: 0.3rem;
}

.mt-\[0\.55rem\] {
  margin-top: 0.55rem;
}

.mt-\[0\.5rem\] {
  margin-top: 0.5rem;
}

.mt-\[0\.65em\] {
  margin-top: 0.65em;
}

.mt-\[0\.6em\] {
  margin-top: 0.6em;
}

.mt-\[10\.5rem\] {
  margin-top: 10.5rem;
}

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

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

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

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

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

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-\[1\.22\/1\] {
  aspect-ratio: 1.22/1;
}

.aspect-\[100\/124\] {
  aspect-ratio: 100/124;
}

.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}

.aspect-\[210\/297\] {
  aspect-ratio: 210/297;
}

.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}

.aspect-\[4\/5\.5\] {
  aspect-ratio: 4/5.5;
}

.aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}

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

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

.\!h-\[30px\] {
  height: 30px !important;
}

.h-0\.5 {
  height: 0.125rem;
}

.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-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

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

.h-\[130\%\] {
  height: 130%;
}

.h-\[17rem\] {
  height: 17rem;
}

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

.h-\[19rem\] {
  height: 19rem;
}

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

.h-\[21rem\] {
  height: 21rem;
}

.h-\[27rem\] {
  height: 27rem;
}

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

.h-\[3\.25rem\] {
  height: 3.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-\[17rem\] {
  max-height: 17rem;
}

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

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

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

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

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

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

.min-h-\[11\.5rem\] {
  min-height: 11.5rem;
}

.min-h-\[11rem\] {
  min-height: 11rem;
}

.min-h-\[15rem\] {
  min-height: 15rem;
}

.min-h-\[17rem\] {
  min-height: 17rem;
}

.min-h-\[2\.875rem\] {
  min-height: 2.875rem;
}

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

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

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

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

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

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

.min-h-\[3rem\] {
  min-height: 3rem;
}

.min-h-\[4\.5rem\] {
  min-height: 4.5rem;
}

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

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

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

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

.min-h-\[6\.5rem\] {
  min-height: 6.5rem;
}

.min-h-\[75vh\] {
  min-height: 75vh;
}

.min-h-\[80vh\] {
  min-height: 80vh;
}

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

.min-h-\[calc\(70svh-4rem\)\] {
  min-height: calc(70svh - 4rem);
}

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

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

.\!w-auto {
  width: auto !important;
}

.w-0 {
  width: 0px;
}

.w-0\.5 {
  width: 0.125rem;
}

.w-1 {
  width: 0.25rem;
}

.w-1\.5 {
  width: 0.375rem;
}

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

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/5 {
  width: 20%;
}

.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-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.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-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-5\/6 {
  width: 83.333333%;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.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-96 {
  width: 24rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[15rem\] {
  width: 15rem;
}

.w-\[19rem\] {
  width: 19rem;
}

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

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

.w-\[22rem\] {
  width: 22rem;
}

.w-\[23rem\] {
  width: 23rem;
}

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

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

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

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

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

.w-\[3\.25rem\] {
  width: 3.25rem;
}

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

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

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

.w-\[34rem\] {
  width: 34rem;
}

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

.w-\[44rem\] {
  width: 44rem;
}

.w-\[49\.5\%\] {
  width: 49.5%;
}

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

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

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

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

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

.w-\[55\.5\%\] {
  width: 55.5%;
}

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

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

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

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

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

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

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

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

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

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

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

.w-\[75vw\] {
  width: 75vw;
}

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

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

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

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

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

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

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

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

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

.w-\[calc\(100\%_\+_1rem\)\] {
  width: calc(100% + 1rem);
}

.w-auto {
  width: auto;
}

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

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-11 {
  min-width: 2.75rem;
}

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

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

.min-w-full {
  min-width: 100%;
}

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

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-8xl {
  max-width: 1600px;
}

.max-w-\[11rem\] {
  max-width: 11rem;
}

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

.max-w-\[14rem\] {
  max-width: 14rem;
}

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

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

.max-w-\[22rem\] {
  max-width: 22rem;
}

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

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

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

.max-w-\[27rem\] {
  max-width: 27rem;
}

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

.max-w-\[34rem\] {
  max-width: 34rem;
}

.max-w-\[35rem\] {
  max-width: 35rem;
}

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

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

.max-w-\[37\.5rem\] {
  max-width: 37.5rem;
}

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

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

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

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

.max-w-\[44rem\] {
  max-width: 44rem;
}

.max-w-\[46rem\] {
  max-width: 46rem;
}

.max-w-\[47rem\] {
  max-width: 47rem;
}

.max-w-\[50rem\] {
  max-width: 50rem;
}

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

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

.max-w-\[56ch\] {
  max-width: 56ch;
}

.max-w-\[56rem\] {
  max-width: 56rem;
}

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

.max-w-\[59rem\] {
  max-width: 59rem;
}

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

.max-w-\[62ch\] {
  max-width: 62ch;
}

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

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

.max-w-\[7rem\] {
  max-width: 7rem;
}

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

.max-w-\[90rem\] {
  max-width: 90rem;
}

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

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

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

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

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

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

.flex-none {
  flex: none;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-bottom-left {
  transform-origin: bottom left;
}

.origin-right {
  transform-origin: right;
}

.origin-top-left {
  transform-origin: top left;
}

.-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-y-1 {
  --tw-translate-y: -0.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-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-y-2 {
  --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));
}

.-translate-y-24 {
  --tw-translate-y: -6rem;
  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-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-24 {
  --tw-translate-x: 6rem;
  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-\[44\%\] {
  --tw-translate-x: 44%;
  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-y-0 {
  --tw-translate-y: 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-y-1 {
  --tw-translate-y: 0.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-y-12 {
  --tw-translate-y: 3rem;
  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-2 {
  --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));
}

.translate-y-4 {
  --tw-translate-y: 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-y-6 {
  --tw-translate-y: 1.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));
}

.translate-y-8 {
  --tw-translate-y: 2rem;
  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-full {
  --tw-translate-y: 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));
}

.-rotate-1 {
  --tw-rotate: -1deg;
  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-2 {
  --tw-rotate: -2deg;
  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-3 {
  --tw-rotate: -3deg;
  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-6 {
  --tw-rotate: -6deg;
  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-\[3deg\] {
  --tw-rotate: -3deg;
  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-\[6deg\] {
  --tw-rotate: -6deg;
  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-0 {
  --tw-rotate: 0deg;
  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-2 {
  --tw-rotate: 2deg;
  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-3 {
  --tw-rotate: 3deg;
  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-\[-12deg\] {
  --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-\[-16deg\] {
  --tw-rotate: -16deg;
  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-\[-6deg\] {
  --tw-rotate: -6deg;
  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-\[0deg\] {
  --tw-rotate: 0deg;
  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-\[18deg\] {
  --tw-rotate: 18deg;
  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-\[20deg\] {
  --tw-rotate: 20deg;
  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-\[22deg\] {
  --tw-rotate: 22deg;
  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-\[25deg\] {
  --tw-rotate: 25deg;
  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-\[3deg\] {
  --tw-rotate: 3deg;
  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-\[4\.5deg\] {
  --tw-rotate: 4.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-\[8deg\] {
  --tw-rotate: 8deg;
  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-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  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-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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-\[1\.08\] {
  --tw-scale-x: 1.08;
  --tw-scale-y: 1.08;
  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-\[1\.35\] {
  --tw-scale-x: 1.35;
  --tw-scale-y: 1.35;
  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-y-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-y-100 {
  --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));
}

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

.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) 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 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-grabbing {
  cursor: grabbing;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.scroll-mt-20 {
  scroll-margin-top: 5rem;
}

.scroll-mt-24 {
  scroll-margin-top: 6rem;
}

.scroll-mt-28 {
  scroll-margin-top: 7rem;
}

.scroll-mt-32 {
  scroll-margin-top: 8rem;
}

.list-inside {
  list-style-position: inside;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.grid-flow-row {
  grid-auto-flow: row;
}

.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-\[1fr_minmax\(0\2c 80rem\)_1fr\] {
  grid-template-columns: 1fr minmax(0,80rem) 1fr;
}

.grid-cols-\[4\.5rem_minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: 4.5rem minmax(0,1fr) auto;
}

.grid-cols-\[5\.25rem_minmax\(0\2c 1fr\)_auto\] {
  grid-template-columns: 5.25rem minmax(0,1fr) auto;
}

.grid-cols-\[minmax\(0\2c 1\.6fr\)_140px_140px_110px\] {
  grid-template-columns: minmax(0,1.6fr) 140px 140px 110px;
}

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

.flex-col {
  flex-direction: column;
}

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

.place-items-center {
  place-items: center;
}

.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-12 {
  gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.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-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[0\.8rem\] {
  gap: 0.8rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.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-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.-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-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-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-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-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

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

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

.space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * 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-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

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

.space-y-24 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6rem * 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-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.875rem * 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));
}

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

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

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

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-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-\[\#123B37\]\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(18 59 55 / 0.1);
}

.divide-\[\#E0D7C4\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(224 215 196 / var(--tw-divide-opacity, 1));
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.divide-slate-700 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

.divide-slate-700\/80 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(51 65 85 / 0.8);
}

.divide-slate-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}

.divide-slate-800\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(30 41 59 / 0.5);
}

.divide-slate-800\/60 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(30 41 59 / 0.6);
}

.divide-slate-800\/80 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(30 41 59 / 0.8);
}

.divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(255 255 255 / 0.1);
}

.divide-zinc-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-divide-opacity, 1));
}

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

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-self-start {
  justify-self: start;
}

.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-clip {
  overflow-x: clip;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-wrap {
  text-wrap: wrap;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.rounded {
  border-radius: 4px;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[0\.25rem\] {
  border-radius: 0.25rem;
}

.rounded-\[0\.4rem\] {
  border-radius: 0.4rem;
}

.rounded-\[0\.5rem\] {
  border-radius: 0.5rem;
}

.rounded-\[0\.6rem\] {
  border-radius: 0.6rem;
}

.rounded-\[1\.15rem\] {
  border-radius: 1.15rem;
}

.rounded-\[1\.1rem\] {
  border-radius: 1.1rem;
}

.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}

.rounded-\[1\.2rem\] {
  border-radius: 1.2rem;
}

.rounded-\[1\.35rem\] {
  border-radius: 1.35rem;
}

.rounded-\[1\.4rem\] {
  border-radius: 1.4rem;
}

.rounded-\[1\.55rem\] {
  border-radius: 1.55rem;
}

.rounded-\[1\.5rem\] {
  border-radius: 1.5rem;
}

.rounded-\[1\.65rem\] {
  border-radius: 1.65rem;
}

.rounded-\[1\.6rem\] {
  border-radius: 1.6rem;
}

.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}

.rounded-\[1\.7rem\] {
  border-radius: 1.7rem;
}

.rounded-\[1rem\] {
  border-radius: 1rem;
}

.rounded-\[2\.25rem\] {
  border-radius: 2.25rem;
}

.rounded-\[2\.4rem\] {
  border-radius: 2.4rem;
}

.rounded-\[2\.5rem\] {
  border-radius: 2.5rem;
}

.rounded-\[2rem\] {
  border-radius: 2rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-bl-\[0\.4rem\] {
  border-bottom-left-radius: 0.4rem;
}

.rounded-bl-\[6rem\] {
  border-bottom-left-radius: 6rem;
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}

.rounded-tr-\[6rem\] {
  border-top-right-radius: 6rem;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

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

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

.border-b-2 {
  border-bottom-width: 2px;
}

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

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-l-\[3px\] {
  border-left-width: 3px;
}

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

.border-t {
  border-top-width: 1px;
}

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

.border-t-2 {
  border-top-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-dashed {
  border-style: dashed;
}

.\!border-none {
  border-style: none !important;
}

.border-none {
  border-style: none;
}

.border-\[\#123B37\]\/10 {
  border-color: rgb(18 59 55 / 0.1);
}

.border-\[\#1A1A18\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 26 24 / var(--tw-border-opacity, 1));
}

.border-\[\#1A1A18\]\/10 {
  border-color: rgb(26 26 24 / 0.1);
}

.border-\[\#1D5A4E\]\/30 {
  border-color: rgb(29 90 78 / 0.3);
}

.border-\[\#1D5A4E\]\/50 {
  border-color: rgb(29 90 78 / 0.5);
}

.border-\[\#2A7A6A\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 122 106 / var(--tw-border-opacity, 1));
}

.border-\[\#2A7A6A\]\/25 {
  border-color: rgb(42 122 106 / 0.25);
}

.border-\[\#3DE3D2\]\/25 {
  border-color: rgb(61 227 210 / 0.25);
}

.border-\[\#8CCABE\]\/40 {
  border-color: rgb(140 202 190 / 0.4);
}

.border-\[\#A5E19B\] {
  --tw-border-opacity: 1;
  border-color: rgb(165 225 155 / var(--tw-border-opacity, 1));
}

.border-\[\#CFC4B0\] {
  --tw-border-opacity: 1;
  border-color: rgb(207 196 176 / var(--tw-border-opacity, 1));
}

.border-\[\#D9CEBC\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 206 188 / var(--tw-border-opacity, 1));
}

.border-\[\#D9CEBC\]\/70 {
  border-color: rgb(217 206 188 / 0.7);
}

.border-\[\#E0D7C4\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 215 196 / var(--tw-border-opacity, 1));
}

.border-\[\#E6DECC\] {
  --tw-border-opacity: 1;
  border-color: rgb(230 222 204 / var(--tw-border-opacity, 1));
}

.border-\[\#f4ede2\]\/20 {
  border-color: rgb(244 237 226 / 0.2);
}

.border-\[var\(--bs-line\)\] {
  border-color: var(--bs-line);
}

.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}

.border-amber-100\/50 {
  border-color: rgb(254 243 199 / 0.5);
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-300\/20 {
  border-color: rgb(252 211 77 / 0.2);
}

.border-amber-300\/30 {
  border-color: rgb(252 211 77 / 0.3);
}

.border-amber-400\/30 {
  border-color: rgb(251 191 36 / 0.3);
}

.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.border-amber-500\/25 {
  border-color: rgb(245 158 11 / 0.25);
}

.border-amber-500\/30 {
  border-color: rgb(245 158 11 / 0.3);
}

.border-amber-500\/80 {
  border-color: rgb(245 158 11 / 0.8);
}

.border-amber-800\/15 {
  border-color: rgb(146 64 14 / 0.15);
}

.border-black\/10 {
  border-color: rgb(0 0 0 / 0.1);
}

.border-black\/15 {
  border-color: rgb(0 0 0 / 0.15);
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.border-border-color {
  --tw-border-opacity: 1;
  border-color: rgb(233 231 226 / var(--tw-border-opacity, 1));
}

.border-bs-action-border {
  --tw-border-opacity: 1;
  border-color: var(--bs-action-border);
}

.border-bs-border {
  --tw-border-opacity: 1;
  border-color: var(--bs-border);
}

.border-bs-control {
  --tw-border-opacity: 1;
  border-color: var(--bs-border-control);
}

.border-cyan-200\/20 {
  border-color: rgb(165 243 252 / 0.2);
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-emerald-500\/20 {
  border-color: rgb(16 185 129 / 0.2);
}

.border-emerald-500\/30 {
  border-color: rgb(16 185 129 / 0.3);
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-200\/80 {
  border-color: rgb(229 231 235 / 0.8);
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}

.border-indigo-100\/50 {
  border-color: rgb(224 231 255 / 0.5);
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-orange-300\/20 {
  border-color: rgb(253 186 116 / 0.2);
}

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

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

.border-rose-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 228 230 / var(--tw-border-opacity, 1));
}

.border-rose-100\/50 {
  border-color: rgb(255 228 230 / 0.5);
}

.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}

.border-rose-400\/30 {
  border-color: rgb(251 113 133 / 0.3);
}

.border-rose-500 {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}

.border-rose-500\/20 {
  border-color: rgb(244 63 94 / 0.2);
}

.border-rose-500\/25 {
  border-color: rgb(244 63 94 / 0.25);
}

.border-rose-500\/30 {
  border-color: rgb(244 63 94 / 0.3);
}

.border-rose-500\/50 {
  border-color: rgb(244 63 94 / 0.5);
}

.border-rose-800 {
  --tw-border-opacity: 1;
  border-color: rgb(159 18 57 / var(--tw-border-opacity, 1));
}

.border-rose-800\/15 {
  border-color: rgb(159 18 57 / 0.15);
}

.border-rose-900\/10 {
  border-color: rgb(136 19 55 / 0.1);
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}

.border-sky-300\/20 {
  border-color: rgb(125 211 252 / 0.2);
}

.border-sky-500\/50 {
  border-color: rgb(14 165 233 / 0.5);
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.border-slate-100\/50 {
  border-color: rgb(241 245 249 / 0.5);
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-200\/60 {
  border-color: rgb(226 232 240 / 0.6);
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-slate-300\/30 {
  border-color: rgb(203 213 225 / 0.3);
}

.border-slate-500 {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.border-slate-500\/50 {
  border-color: rgb(100 116 139 / 0.5);
}

.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.border-slate-600\/50 {
  border-color: rgb(71 85 105 / 0.5);
}

.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.border-slate-700\/50 {
  border-color: rgb(51 65 85 / 0.5);
}

.border-slate-700\/60 {
  border-color: rgb(51 65 85 / 0.6);
}

.border-slate-700\/70 {
  border-color: rgb(51 65 85 / 0.7);
}

.border-slate-700\/80 {
  border-color: rgb(51 65 85 / 0.8);
}

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.border-slate-800\/60 {
  border-color: rgb(30 41 59 / 0.6);
}

.border-slate-800\/70 {
  border-color: rgb(30 41 59 / 0.7);
}

.border-slate-800\/80 {
  border-color: rgb(30 41 59 / 0.8);
}

.border-slate-800\/90 {
  border-color: rgb(30 41 59 / 0.9);
}

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

.border-slate-900\/10 {
  border-color: rgb(15 23 42 / 0.1);
}

.border-slate-900\/15 {
  border-color: rgb(15 23 42 / 0.15);
}

.border-slate-900\/50 {
  border-color: rgb(15 23 42 / 0.5);
}

.border-stone-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 244 / var(--tw-border-opacity, 1));
}

.border-stone-200 {
  --tw-border-opacity: 1;
  border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
}

.border-stone-200\/80 {
  border-color: rgb(231 229 228 / 0.8);
}

.border-stone-300 {
  --tw-border-opacity: 1;
  border-color: rgb(214 211 209 / var(--tw-border-opacity, 1));
}

.border-stone-400 {
  --tw-border-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-border-opacity, 1));
}

.border-teal-100 {
  --tw-border-opacity: 1;
  border-color: rgb(204 251 241 / var(--tw-border-opacity, 1));
}

.border-teal-100\/50 {
  border-color: rgb(204 251 241 / 0.5);
}

.border-teal-100\/60 {
  border-color: rgb(204 251 241 / 0.6);
}

.border-teal-200 {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}

.border-teal-200\/20 {
  border-color: rgb(153 246 228 / 0.2);
}

.border-teal-200\/50 {
  border-color: rgb(153 246 228 / 0.5);
}

.border-teal-300 {
  --tw-border-opacity: 1;
  border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
}

.border-teal-300\/15 {
  border-color: rgb(94 234 212 / 0.15);
}

.border-teal-300\/20 {
  border-color: rgb(94 234 212 / 0.2);
}

.border-teal-300\/25 {
  border-color: rgb(94 234 212 / 0.25);
}

.border-teal-400 {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

.border-teal-400\/15 {
  border-color: rgb(45 212 191 / 0.15);
}

.border-teal-400\/20 {
  border-color: rgb(45 212 191 / 0.2);
}

.border-teal-400\/25 {
  border-color: rgb(45 212 191 / 0.25);
}

.border-teal-400\/30 {
  border-color: rgb(45 212 191 / 0.3);
}

.border-teal-400\/35 {
  border-color: rgb(45 212 191 / 0.35);
}

.border-teal-400\/40 {
  border-color: rgb(45 212 191 / 0.4);
}

.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.border-teal-500\/20 {
  border-color: rgb(20 184 166 / 0.2);
}

.border-teal-500\/25 {
  border-color: rgb(20 184 166 / 0.25);
}

.border-teal-500\/30 {
  border-color: rgb(20 184 166 / 0.3);
}

.border-teal-500\/40 {
  border-color: rgb(20 184 166 / 0.4);
}

.border-teal-500\/50 {
  border-color: rgb(20 184 166 / 0.5);
}

.border-teal-500\/60 {
  border-color: rgb(20 184 166 / 0.6);
}

.border-teal-500\/70 {
  border-color: rgb(20 184 166 / 0.7);
}

.border-teal-600 {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}

.border-teal-600\/50 {
  border-color: rgb(13 148 136 / 0.5);
}

.border-teal-600\/60 {
  border-color: rgb(13 148 136 / 0.6);
}

.border-teal-700 {
  --tw-border-opacity: 1;
  border-color: rgb(15 118 110 / var(--tw-border-opacity, 1));
}

.border-teal-700\/15 {
  border-color: rgb(15 118 110 / 0.15);
}

.border-teal-700\/30 {
  border-color: rgb(15 118 110 / 0.3);
}

.border-teal-700\/50 {
  border-color: rgb(15 118 110 / 0.5);
}

.border-teal-800\/10 {
  border-color: rgb(17 94 89 / 0.1);
}

.border-teal-800\/15 {
  border-color: rgb(17 94 89 / 0.15);
}

.border-teal-900\/10 {
  border-color: rgb(19 78 74 / 0.1);
}

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

.border-violet-300\/20 {
  border-color: rgb(196 181 253 / 0.2);
}

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

.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}

.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}

.border-white\/25 {
  border-color: rgb(255 255 255 / 0.25);
}

.border-white\/30 {
  border-color: rgb(255 255 255 / 0.3);
}

.border-white\/40 {
  border-color: rgb(255 255 255 / 0.4);
}

.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.border-zinc-100 {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
}

.border-zinc-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

.border-t-amber-500\/20 {
  border-top-color: rgb(245 158 11 / 0.2);
}

.border-t-red-400\/50 {
  border-top-color: rgb(248 113 113 / 0.5);
}

.border-t-slate-400 {
  --tw-border-opacity: 1;
  border-top-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.border-t-teal-100 {
  --tw-border-opacity: 1;
  border-top-color: rgb(204 251 241 / var(--tw-border-opacity, 1));
}

.border-t-teal-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-t-white\/80 {
  border-top-color: rgb(255 255 255 / 0.8);
}

.bg-\[\#07101a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 16 26 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0B1B20\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 27 32 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0E1B24\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 27 36 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0c1224\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 18 36 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0c2530\] {
  --tw-bg-opacity: 1;
  background-color: rgb(12 37 48 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0f1930\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 25 48 / var(--tw-bg-opacity, 1));
}

.bg-\[\#101b2b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 27 43 / var(--tw-bg-opacity, 1));
}

.bg-\[\#102f38\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 47 56 / var(--tw-bg-opacity, 1));
}

.bg-\[\#113942\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 57 66 / var(--tw-bg-opacity, 1));
}

.bg-\[\#121b28\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 27 40 / var(--tw-bg-opacity, 1));
}

.bg-\[\#12343d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 52 61 / var(--tw-bg-opacity, 1));
}

.bg-\[\#151d27\] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 29 39 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1A1A18\]\/15 {
  background-color: rgb(26 26 24 / 0.15);
}

.bg-\[\#1D5A4E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 90 78 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1D5A4E\]\/5 {
  background-color: rgb(29 90 78 / 0.05);
}

.bg-\[\#1D6B61\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 107 97 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1d6b6169\] {
  background-color: #1d6b6169;
}

.bg-\[\#1d6b618a\] {
  background-color: #1d6b618a;
}

.bg-\[\#25286B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 40 107 / var(--tw-bg-opacity, 1));
}

.bg-\[\#25286B\]\/15 {
  background-color: rgb(37 40 107 / 0.15);
}

.bg-\[\#2A7A6A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 122 106 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2A7A6A\]\/70 {
  background-color: rgb(42 122 106 / 0.7);
}

.bg-\[\#3D9B82\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 155 130 / var(--tw-bg-opacity, 1));
}

.bg-\[\#3DE3D2\]\/10 {
  background-color: rgb(61 227 210 / 0.1);
}

.bg-\[\#3f8c7f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(63 140 127 / var(--tw-bg-opacity, 1));
}

.bg-\[\#4F2F78\] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 47 120 / var(--tw-bg-opacity, 1));
}

.bg-\[\#54327A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(84 50 122 / var(--tw-bg-opacity, 1));
}

.bg-\[\#6B7280\]\/95 {
  background-color: rgb(107 114 128 / 0.95);
}

.bg-\[\#6CC071\] {
  --tw-bg-opacity: 1;
  background-color: rgb(108 192 113 / var(--tw-bg-opacity, 1));
}

.bg-\[\#7a8ebe0d\] {
  background-color: #7a8ebe0d;
}

.bg-\[\#8A3A66\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 58 102 / var(--tw-bg-opacity, 1));
}

.bg-\[\#8A8273\] {
  --tw-bg-opacity: 1;
  background-color: rgb(138 130 115 / var(--tw-bg-opacity, 1));
}

.bg-\[\#8C3C68\] {
  --tw-bg-opacity: 1;
  background-color: rgb(140 60 104 / var(--tw-bg-opacity, 1));
}

.bg-\[\#8C6E63\] {
  --tw-bg-opacity: 1;
  background-color: rgb(140 110 99 / var(--tw-bg-opacity, 1));
}

.bg-\[\#8CCABE\]\/10 {
  background-color: rgb(140 202 190 / 0.1);
}

.bg-\[\#B85662\] {
  --tw-bg-opacity: 1;
  background-color: rgb(184 86 98 / var(--tw-bg-opacity, 1));
}

.bg-\[\#CFE1DF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(207 225 223 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D0FFC8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 255 200 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D8B46A\]\/10 {
  background-color: rgb(216 180 106 / 0.1);
}

.bg-\[\#D8CEC0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(216 206 192 / var(--tw-bg-opacity, 1));
}

.bg-\[\#DDEEE8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(221 238 232 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E5B84E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 184 78 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E6E4F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 228 246 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E96A5B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 106 91 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EAF1EE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EEE8D8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 232 216 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EFB396\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 179 150 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EFE7D5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 231 213 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F2EDE0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 237 224 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F2EEE4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 238 228 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F5EFDD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 239 221 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F5EFE4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 239 228 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F7EBD2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 235 210 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F7EBD2\]\/70 {
  background-color: rgb(247 235 210 / 0.7);
}

.bg-\[\#F7EBD2\]\/90 {
  background-color: rgb(247 235 210 / 0.9);
}

.bg-\[\#FAF7F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 247 240 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FBF7EE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 247 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FBF8F1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 248 241 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FBF9F3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 249 243 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FCF6E4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 246 228 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FCF8EF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 248 239 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FDF9F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 249 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FDFBF7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 251 247 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFF8E8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 232 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFF8E8\]\/80 {
  background-color: rgb(255 248 232 / 0.8);
}

.bg-\[\#FFFDF5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 253 245 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFFDF8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 253 248 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFFDF8\]\/95 {
  background-color: rgb(255 253 248 / 0.95);
}

.bg-\[\#edf7ef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 247 239 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbf3df\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 243 223 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fffaf0\]\/60 {
  background-color: rgb(255 250 240 / 0.6);
}

.bg-\[\#fffaf0\]\/70 {
  background-color: rgb(255 250 240 / 0.7);
}

.bg-\[\#fffaf0\]\/75 {
  background-color: rgb(255 250 240 / 0.75);
}

.bg-\[\#fffaf0\]\/80 {
  background-color: rgb(255 250 240 / 0.8);
}

.bg-accent {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}

.bg-accent\/10 {
  background-color: rgb(13 148 136 / 0.1);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-100\/10 {
  background-color: rgb(254 243 199 / 0.1);
}

.bg-amber-100\/50 {
  background-color: rgb(254 243 199 / 0.5);
}

.bg-amber-100\/70 {
  background-color: rgb(254 243 199 / 0.7);
}

.bg-amber-100\/90 {
  background-color: rgb(254 243 199 / 0.9);
}

.bg-amber-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

.bg-amber-200\/40 {
  background-color: rgb(253 230 138 / 0.4);
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.bg-amber-400\/5 {
  background-color: rgb(251 191 36 / 0.05);
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/50 {
  background-color: rgb(255 251 235 / 0.5);
}

.bg-amber-50\/70 {
  background-color: rgb(255 251 235 / 0.7);
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}

.bg-amber-900\/20 {
  background-color: rgb(120 53 15 / 0.2);
}

.bg-amber-950\/20 {
  background-color: rgb(69 26 3 / 0.2);
}

.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-50\/50 {
  background-color: rgb(239 246 255 / 0.5);
}

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

.bg-bs-action {
  --tw-bg-opacity: 1;
  background-color: var(--bs-action-bg);
}

.bg-bs-canvas {
  --tw-bg-opacity: 1;
  background-color: var(--bs-bg);
}

.bg-current {
  background-color: currentColor;
}

.bg-cyan-300\/10 {
  background-color: rgb(103 232 249 / 0.1);
}

.bg-cyan-300\/5 {
  background-color: rgb(103 232 249 / 0.05);
}

.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-indigo-500\/10 {
  background-color: rgb(99 102 241 / 0.1);
}

.bg-indigo-500\/5 {
  background-color: rgb(99 102 241 / 0.05);
}

.bg-indigo-900\/20 {
  background-color: rgb(49 46 129 / 0.2);
}

.bg-orange-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1));
}

.bg-orange-300\/10 {
  background-color: rgb(253 186 116 / 0.1);
}

.bg-orange-400\/10 {
  background-color: rgb(251 146 60 / 0.1);
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}

.bg-purple-900\/20 {
  background-color: rgb(88 28 135 / 0.2);
}

.bg-red-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1));
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-rose-100\/40 {
  background-color: rgb(255 228 230 / 0.4);
}

.bg-rose-100\/90 {
  background-color: rgb(255 228 230 / 0.9);
}

.bg-rose-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1));
}

.bg-rose-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}

.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

.bg-rose-50\/50 {
  background-color: rgb(255 241 242 / 0.5);
}

.bg-rose-50\/60 {
  background-color: rgb(255 241 242 / 0.6);
}

.bg-rose-50\/70 {
  background-color: rgb(255 241 242 / 0.7);
}

.bg-rose-50\/80 {
  background-color: rgb(255 241 242 / 0.8);
}

.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}

.bg-rose-500\/10 {
  background-color: rgb(244 63 94 / 0.1);
}

.bg-rose-500\/20 {
  background-color: rgb(244 63 94 / 0.2);
}

.bg-rose-900\/20 {
  background-color: rgb(136 19 55 / 0.2);
}

.bg-rose-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(76 5 25 / var(--tw-bg-opacity, 1));
}

.bg-sky-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(125 211 252 / var(--tw-bg-opacity, 1));
}

.bg-sky-300\/10 {
  background-color: rgb(125 211 252 / 0.1);
}

.bg-sky-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1));
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

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

.bg-slate-50\/50 {
  background-color: rgb(248 250 252 / 0.5);
}

.bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.bg-slate-500\/70 {
  background-color: rgb(100 116 139 / 0.7);
}

.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.bg-slate-700\/30 {
  background-color: rgb(51 65 85 / 0.3);
}

.bg-slate-700\/40 {
  background-color: rgb(51 65 85 / 0.4);
}

.bg-slate-700\/45 {
  background-color: rgb(51 65 85 / 0.45);
}

.bg-slate-700\/50 {
  background-color: rgb(51 65 85 / 0.5);
}

.bg-slate-700\/60 {
  background-color: rgb(51 65 85 / 0.6);
}

.bg-slate-700\/70 {
  background-color: rgb(51 65 85 / 0.7);
}

.bg-slate-700\/80 {
  background-color: rgb(51 65 85 / 0.8);
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-slate-800\/30 {
  background-color: rgb(30 41 59 / 0.3);
}

.bg-slate-800\/40 {
  background-color: rgb(30 41 59 / 0.4);
}

.bg-slate-800\/50 {
  background-color: rgb(30 41 59 / 0.5);
}

.bg-slate-800\/60 {
  background-color: rgb(30 41 59 / 0.6);
}

.bg-slate-800\/70 {
  background-color: rgb(30 41 59 / 0.7);
}

.bg-slate-800\/80 {
  background-color: rgb(30 41 59 / 0.8);
}

.bg-slate-800\/90 {
  background-color: rgb(30 41 59 / 0.9);
}

.bg-slate-800\/95 {
  background-color: rgb(30 41 59 / 0.95);
}

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

.bg-slate-900\/10 {
  background-color: rgb(15 23 42 / 0.1);
}

.bg-slate-900\/15 {
  background-color: rgb(15 23 42 / 0.15);
}

.bg-slate-900\/20 {
  background-color: rgb(15 23 42 / 0.2);
}

.bg-slate-900\/25 {
  background-color: rgb(15 23 42 / 0.25);
}

.bg-slate-900\/30 {
  background-color: rgb(15 23 42 / 0.3);
}

.bg-slate-900\/35 {
  background-color: rgb(15 23 42 / 0.35);
}

.bg-slate-900\/40 {
  background-color: rgb(15 23 42 / 0.4);
}

.bg-slate-900\/45 {
  background-color: rgb(15 23 42 / 0.45);
}

.bg-slate-900\/50 {
  background-color: rgb(15 23 42 / 0.5);
}

.bg-slate-900\/55 {
  background-color: rgb(15 23 42 / 0.55);
}

.bg-slate-900\/60 {
  background-color: rgb(15 23 42 / 0.6);
}

.bg-slate-900\/70 {
  background-color: rgb(15 23 42 / 0.7);
}

.bg-slate-900\/80 {
  background-color: rgb(15 23 42 / 0.8);
}

.bg-slate-900\/90 {
  background-color: rgb(15 23 42 / 0.9);
}

.bg-slate-900\/95 {
  background-color: rgb(15 23 42 / 0.95);
}

.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.bg-slate-950\/10 {
  background-color: rgb(2 6 23 / 0.1);
}

.bg-slate-950\/30 {
  background-color: rgb(2 6 23 / 0.3);
}

.bg-slate-950\/35 {
  background-color: rgb(2 6 23 / 0.35);
}

.bg-slate-950\/40 {
  background-color: rgb(2 6 23 / 0.4);
}

.bg-slate-950\/50 {
  background-color: rgb(2 6 23 / 0.5);
}

.bg-slate-950\/55 {
  background-color: rgb(2 6 23 / 0.55);
}

.bg-slate-950\/60 {
  background-color: rgb(2 6 23 / 0.6);
}

.bg-slate-950\/70 {
  background-color: rgb(2 6 23 / 0.7);
}

.bg-slate-950\/80 {
  background-color: rgb(2 6 23 / 0.8);
}

.bg-slate-950\/85 {
  background-color: rgb(2 6 23 / 0.85);
}

.bg-slate-950\/90 {
  background-color: rgb(2 6 23 / 0.9);
}

.bg-stone-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
}

.bg-stone-100\/80 {
  background-color: rgb(245 245 244 / 0.8);
}

.bg-stone-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity, 1));
}

.bg-stone-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 162 158 / var(--tw-bg-opacity, 1));
}

.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}

.bg-stone-50\/50 {
  background-color: rgb(250 250 249 / 0.5);
}

.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}

.bg-teal-100\/80 {
  background-color: rgb(204 251 241 / 0.8);
}

.bg-teal-200\/30 {
  background-color: rgb(153 246 228 / 0.3);
}

.bg-teal-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(94 234 212 / var(--tw-bg-opacity, 1));
}

.bg-teal-300\/10 {
  background-color: rgb(94 234 212 / 0.1);
}

.bg-teal-300\/15 {
  background-color: rgb(94 234 212 / 0.15);
}

.bg-teal-300\/5 {
  background-color: rgb(94 234 212 / 0.05);
}

.bg-teal-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
}

.bg-teal-400\/10 {
  background-color: rgb(45 212 191 / 0.1);
}

.bg-teal-400\/70 {
  background-color: rgb(45 212 191 / 0.7);
}

.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.bg-teal-50\/50 {
  background-color: rgb(240 253 250 / 0.5);
}

.bg-teal-50\/75 {
  background-color: rgb(240 253 250 / 0.75);
}

.bg-teal-50\/80 {
  background-color: rgb(240 253 250 / 0.8);
}

.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
}

.bg-teal-500\/10 {
  background-color: rgb(20 184 166 / 0.1);
}

.bg-teal-500\/15 {
  background-color: rgb(20 184 166 / 0.15);
}

.bg-teal-500\/20 {
  background-color: rgb(20 184 166 / 0.2);
}

.bg-teal-500\/5 {
  background-color: rgb(20 184 166 / 0.05);
}

.bg-teal-500\/50 {
  background-color: rgb(20 184 166 / 0.5);
}

.bg-teal-500\/60 {
  background-color: rgb(20 184 166 / 0.6);
}

.bg-teal-500\/\[0\.06\] {
  background-color: rgb(20 184 166 / 0.06);
}

.bg-teal-500\/\[0\.1\] {
  background-color: rgb(20 184 166 / 0.1);
}

.bg-teal-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}

.bg-teal-600\/50 {
  background-color: rgb(13 148 136 / 0.5);
}

.bg-teal-600\/80 {
  background-color: rgb(13 148 136 / 0.8);
}

.bg-teal-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}

.bg-teal-700\/10 {
  background-color: rgb(15 118 110 / 0.1);
}

.bg-teal-700\/15 {
  background-color: rgb(15 118 110 / 0.15);
}

.bg-teal-700\/80 {
  background-color: rgb(15 118 110 / 0.8);
}

.bg-teal-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity, 1));
}

.bg-teal-900\/20 {
  background-color: rgb(19 78 74 / 0.2);
}

.bg-teal-900\/30 {
  background-color: rgb(19 78 74 / 0.3);
}

.bg-teal-900\/5 {
  background-color: rgb(19 78 74 / 0.05);
}

.bg-teal-900\/50 {
  background-color: rgb(19 78 74 / 0.5);
}

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

.bg-violet-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(196 181 253 / var(--tw-bg-opacity, 1));
}

.bg-violet-300\/10 {
  background-color: rgb(196 181 253 / 0.1);
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/25 {
  background-color: rgb(255 255 255 / 0.25);
}

.bg-white\/35 {
  background-color: rgb(255 255 255 / 0.35);
}

.bg-white\/45 {
  background-color: rgb(255 255 255 / 0.45);
}

.bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}

.bg-white\/55 {
  background-color: rgb(255 255 255 / 0.55);
}

.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}

.bg-white\/65 {
  background-color: rgb(255 255 255 / 0.65);
}

.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}

.bg-white\/75 {
  background-color: rgb(255 255 255 / 0.75);
}

.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9);
}

.bg-white\/\[0\.025\] {
  background-color: rgb(255 255 255 / 0.025);
}

.bg-white\/\[0\.02\] {
  background-color: rgb(255 255 255 / 0.02);
}

.bg-white\/\[0\.035\] {
  background-color: rgb(255 255 255 / 0.035);
}

.bg-white\/\[0\.03\] {
  background-color: rgb(255 255 255 / 0.03);
}

.bg-white\/\[0\.045\] {
  background-color: rgb(255 255 255 / 0.045);
}

.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}

.bg-white\/\[0\.055\] {
  background-color: rgb(255 255 255 / 0.055);
}

.bg-white\/\[0\.05\] {
  background-color: rgb(255 255 255 / 0.05);
}

.bg-white\/\[0\.06\] {
  background-color: rgb(255 255 255 / 0.06);
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-zinc-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-zinc-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.bg-\[linear-gradient\(180deg\2c rgba\(20\2c 184\2c 166\2c 0\.11\)\2c rgba\(255\2c 255\2c 255\2c 0\.045\)\)\] {
  background-image: linear-gradient(180deg,rgba(20,184,166,0.11),rgba(255,255,255,0.045));
}

.bg-\[linear-gradient\(90deg\2c rgba\(216\2c 180\2c 106\2c 0\.07\)_0\%\2c rgba\(11\2c 27\2c 32\2c 0\)_32\%\2c rgba\(20\2c 184\2c 166\2c 0\.055\)_100\%\)\] {
  background-image: linear-gradient(90deg,rgba(216,180,106,0.07) 0%,rgba(11,27,32,0) 32%,rgba(20,184,166,0.055) 100%);
}

.bg-\[linear-gradient\(rgba\(15\2c 23\2c 42\2c 0\.055\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c rgba\(15\2c 23\2c 42\2c 0\.055\)_1px\2c transparent_1px\)\] {
  background-image: linear-gradient(rgba(15,23,42,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,0.055) 1px,transparent 1px);
}

.bg-\[radial-gradient\(circle_at_12\%_4\%\2c rgba\(45\2c 212\2c 191\2c 0\.16\)\2c transparent_28rem\)\2c radial-gradient\(circle_at_90\%_10\%\2c rgba\(245\2c 158\2c 11\2c 0\.16\)\2c transparent_30rem\)\2c radial-gradient\(circle_at_72\%_70\%\2c rgba\(168\2c 85\2c 247\2c 0\.08\)\2c transparent_28rem\)\] {
  background-image: radial-gradient(circle at 12% 4%,rgba(45,212,191,0.16),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(245,158,11,0.16),transparent 30rem),radial-gradient(circle at 72% 70%,rgba(168,85,247,0.08),transparent 28rem);
}

.bg-\[radial-gradient\(circle_at_5\%_10\%\2c rgba\(45\2c 212\2c 191\2c 0\.10\)\2c transparent_28\%\)\2c radial-gradient\(circle_at_78\%_18\%\2c rgba\(61\2c 155\2c 130\2c 0\.14\)\2c transparent_34\%\)\2c radial-gradient\(circle_at_14\%_92\%\2c rgba\(196\2c 163\2c 90\2c 0\.06\)\2c transparent_42\%\)\2c linear-gradient\(180deg\2c rgba\(15\2c 23\2c 42\2c 0\)\2c rgba\(2\2c 6\2c 23\2c 0\.72\)\)\] {
  background-image: radial-gradient(circle at 5% 10%,rgba(45,212,191,0.10),transparent 28%),radial-gradient(circle at 78% 18%,rgba(61,155,130,0.14),transparent 34%),radial-gradient(circle at 14% 92%,rgba(196,163,90,0.06),transparent 42%),linear-gradient(180deg,rgba(15,23,42,0),rgba(2,6,23,0.72));
}

.bg-\[radial-gradient\(circle_at_70\%_18\%\2c rgba\(45\2c 212\2c 191\2c 0\.15\)\2c transparent_32\%\)\2c radial-gradient\(circle_at_18\%_8\%\2c rgba\(255\2c 255\2c 255\2c 0\.05\)\2c transparent_30\%\)\] {
  background-image: radial-gradient(circle at 70% 18%,rgba(45,212,191,0.15),transparent 32%),radial-gradient(circle at 18% 8%,rgba(255,255,255,0.05),transparent 30%);
}

.bg-\[radial-gradient\(circle_at_72\%_18\%\2c rgba\(45\2c 212\2c 191\2c 0\.13\)\2c transparent_32\%\)\2c radial-gradient\(circle_at_18\%_10\%\2c rgba\(255\2c 255\2c 255\2c 0\.045\)\2c transparent_30\%\)\] {
  background-image: radial-gradient(circle at 72% 18%,rgba(45,212,191,0.13),transparent 32%),radial-gradient(circle at 18% 10%,rgba(255,255,255,0.045),transparent 30%);
}

.bg-\[radial-gradient\(circle_at_78\%_42\%\2c rgba\(45\2c 212\2c 191\2c 0\.10\)\2c transparent_34\%\)\2c radial-gradient\(circle_at_10\%_90\%\2c rgba\(15\2c 23\2c 42\2c 0\.22\)\2c transparent_38\%\)\] {
  background-image: radial-gradient(circle at 78% 42%,rgba(45,212,191,0.10),transparent 34%),radial-gradient(circle at 10% 90%,rgba(15,23,42,0.22),transparent 38%);
}

.bg-\[radial-gradient\(circle_at_80\%_50\%\2c rgba\(20\2c 184\2c 166\2c 0\.12\)\2c transparent_34\%\)\] {
  background-image: radial-gradient(circle at 80% 50%,rgba(20,184,166,0.12),transparent 34%);
}

.bg-\[radial-gradient\(circle_at_82\%_20\%\2c rgba\(94\2c 234\2c 212\2c 0\.14\)\2c transparent_34\%\)\2c radial-gradient\(circle_at_10\%_90\%\2c rgba\(45\2c 212\2c 191\2c 0\.10\)\2c transparent_32\%\)\] {
  background-image: radial-gradient(circle at 82% 20%,rgba(94,234,212,0.14),transparent 34%),radial-gradient(circle at 10% 90%,rgba(45,212,191,0.10),transparent 32%);
}

.bg-\[radial-gradient\(circle_at_center\2c _rgba\(45\2c 212\2c 191\2c 0\.16\)\2c _rgba\(15\2c 23\2c 42\2c 0\.25\)_42\%\2c _rgba\(2\2c 6\2c 23\2c 1\)_100\%\)\] {
  background-image: radial-gradient(circle at center, rgba(45,212,191,0.16), rgba(15,23,42,0.25) 42%, rgba(2,6,23,1) 100%);
}

.bg-\[radial-gradient\(circle_at_center\2c rgba\(45\2c 212\2c 191\2c 0\.08\)\2c transparent_50\%\)\] {
  background-image: radial-gradient(circle at center,rgba(45,212,191,0.08),transparent 50%);
}

.bg-\[radial-gradient\(circle_at_center\2c rgba\(94\2c 234\2c 212\2c 0\.12\)\2c transparent_46\%\)\] {
  background-image: radial-gradient(circle at center,rgba(94,234,212,0.12),transparent 46%);
}

.bg-\[radial-gradient\(circle_at_center\2c rgba\(94\2c 234\2c 212\2c 0\.13\)\2c transparent_46\%\)\] {
  background-image: radial-gradient(circle at center,rgba(94,234,212,0.13),transparent 46%);
}

.bg-\[radial-gradient\(circle_at_center\2c rgba\(94\2c 234\2c 212\2c 0\.14\)\2c transparent_42\%\)\] {
  background-image: radial-gradient(circle at center,rgba(94,234,212,0.14),transparent 42%);
}

.bg-\[radial-gradient\(circle_at_top_left\2c rgba\(250\2c 247\2c 240\2c 0\.045\)\2c transparent_38\%\)\2c radial-gradient\(circle_at_top_right\2c rgba\(20\2c 184\2c 166\2c 0\.045\)\2c transparent_42\%\)\] {
  background-image: radial-gradient(circle at top left,rgba(250,247,240,0.045),transparent 38%),radial-gradient(circle at top right,rgba(20,184,166,0.045),transparent 42%);
}

.bg-\[radial-gradient\(ellipse_75\%_100\%_at_15\%_0\%\2c rgba\(45\2c 212\2c 191\2c 0\.16\)\2c transparent_70\%\)\] {
  background-image: radial-gradient(ellipse 75% 100% at 15% 0%,rgba(45,212,191,0.16),transparent 70%);
}

.bg-\[radial-gradient\(ellipse_at_top_left\2c _var\(--tw-gradient-stops\)\)\] {
  background-image: radial-gradient(ellipse at top left, var(--tw-gradient-stops));
}

.bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/stardust\.png\'\)\] {
  background-image: url('https://www.transparenttextures.com/patterns/stardust.png');
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-\[\#4F2F78\] {
  --tw-gradient-from: #4F2F78 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 47 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#8A3A66\] {
  --tw-gradient-from: #8A3A66 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(138 58 102 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-400 {
  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-rose-500 {
  --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-400 {
  --tw-gradient-from: #94a3b8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-900 {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-900\/50 {
  --tw-gradient-from: rgb(15 23 42 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-teal-400 {
  --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-teal-500\/5 {
  --tw-gradient-from: rgb(20 184 166 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-teal-700 {
  --tw-gradient-from: #0f766e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-teal-900\/10 {
  --tw-gradient-from: rgb(19 78 74 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 78 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from: #fff 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);
}

.from-white\/95 {
  --tw-gradient-from: rgb(255 255 255 / 0.95) 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);
}

.from-zinc-50 {
  --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#FFFDF8\] {
  --tw-gradient-to: rgb(255 253 248 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FFFDF8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-amber-400 {
  --tw-gradient-to: rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-emerald-400 {
  --tw-gradient-to: rgb(52 211 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-400 {
  --tw-gradient-to: rgb(148 163 184 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #94a3b8 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-50 {
  --tw-gradient-to: rgb(248 250 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f8fafc var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-950 {
  --tw-gradient-to: rgb(2 6 23 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #020617 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-950\/90 {
  --tw-gradient-to: rgb(2 6 23 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(2 6 23 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-teal-300\/70 {
  --tw-gradient-to: rgb(94 234 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(94 234 212 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-teal-400 {
  --tw-gradient-to: rgb(45 212 191 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #2dd4bf var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-teal-500 {
  --tw-gradient-to: rgb(20 184 166 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #14b8a6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[50\%\] {
  --tw-gradient-via-position: 50%;
}

.via-\[65\%\] {
  --tw-gradient-via-position: 65%;
}

.via-\[75\%\] {
  --tw-gradient-via-position: 75%;
}

.via-\[80\%\] {
  --tw-gradient-via-position: 80%;
}

.via-\[85\%\] {
  --tw-gradient-via-position: 85%;
}

.to-\[\#25286B\] {
  --tw-gradient-to: #25286B var(--tw-gradient-to-position);
}

.to-\[\#A3485A\] {
  --tw-gradient-to: #A3485A var(--tw-gradient-to-position);
}

.to-\[\#F7EBD2\]\/80 {
  --tw-gradient-to: rgb(247 235 210 / 0.8) var(--tw-gradient-to-position);
}

.to-\[\#F7EBD2\]\/90 {
  --tw-gradient-to: rgb(247 235 210 / 0.9) var(--tw-gradient-to-position);
}

.to-amber-400\/0 {
  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
}

.to-amber-500\/0 {
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
}

.to-blue-100\/30 {
  --tw-gradient-to: rgb(219 234 254 / 0.3) var(--tw-gradient-to-position);
}

.to-emerald-400 {
  --tw-gradient-to: #34d399 var(--tw-gradient-to-position);
}

.to-emerald-400\/0 {
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
}

.to-emerald-500\/0 {
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
}

.to-rose-500\/0 {
  --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
}

.to-slate-500\/0 {
  --tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);
}

.to-slate-950 {
  --tw-gradient-to: #020617 var(--tw-gradient-to-position);
}

.to-slate-950\/30 {
  --tw-gradient-to: rgb(2 6 23 / 0.3) var(--tw-gradient-to-position);
}

.to-teal-500\/0 {
  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.bg-\[size\:42px_42px\] {
  background-size: 42px 42px;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.stroke-slate-400 {
  stroke: #94a3b8;
}

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

.object-left {
  -o-object-position: left;
     object-position: left;
}

.object-left-top {
  -o-object-position: left top;
     object-position: left top;
}

.object-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.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-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

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

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

.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-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.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-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

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

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.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-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-28 {
  padding-bottom: 7rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-14 {
  padding-left: 3.5rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.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-9 {
  padding-left: 2.25rem;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-12 {
  padding-right: 3rem;
}

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

.pr-2 {
  padding-right: 0.5rem;
}

.pr-28 {
  padding-right: 7rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

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

.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-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.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-9 {
  padding-top: 2.25rem;
}

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

.text-center {
  text-align: center;
}

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

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-super {
  vertical-align: super;
}

.font-display {
  font-family: Fraunces, 'Fraunces Fallback', ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans {
  font-family: Inter, 'Inter Fallback', ui-sans-serif, system-ui, sans-serif;
}

.font-serif {
  font-family: Fraunces, 'Fraunces Fallback', ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-\[0\.42em\] {
  font-size: 0.42em;
}

.text-\[0\.84rem\] {
  font-size: 0.84rem;
}

.text-\[0\.85rem\] {
  font-size: 0.85rem;
}

.text-\[0\.88rem\] {
  font-size: 0.88rem;
}

.text-\[0\.8rem\] {
  font-size: 0.8rem;
}

.text-\[0\.92rem\] {
  font-size: 0.92rem;
}

.text-\[0\.95rem\] {
  font-size: 0.95rem;
}

.text-\[0\.98rem\] {
  font-size: 0.98rem;
}

.text-\[0\.9rem\] {
  font-size: 0.9rem;
}

.text-\[1\.02rem\] {
  font-size: 1.02rem;
}

.text-\[1\.05rem\] {
  font-size: 1.05rem;
}

.text-\[1\.15rem\] {
  font-size: 1.15rem;
}

.text-\[1\.1rem\] {
  font-size: 1.1rem;
}

.text-\[1\.25rem\] {
  font-size: 1.25rem;
}

.text-\[1\.28rem\] {
  font-size: 1.28rem;
}

.text-\[1\.2rem\] {
  font-size: 1.2rem;
}

.text-\[1\.35rem\] {
  font-size: 1.35rem;
}

.text-\[1\.3rem\] {
  font-size: 1.3rem;
}

.text-\[1\.45rem\] {
  font-size: 1.45rem;
}

.text-\[1\.4rem\] {
  font-size: 1.4rem;
}

.text-\[1\.5rem\] {
  font-size: 1.5rem;
}

.text-\[1\.6rem\] {
  font-size: 1.6rem;
}

.text-\[1\.75rem\] {
  font-size: 1.75rem;
}

.text-\[1\.7rem\] {
  font-size: 1.7rem;
}

.text-\[1\.8rem\] {
  font-size: 1.8rem;
}

.text-\[1\.9rem\] {
  font-size: 1.9rem;
}

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

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

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

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

.text-\[12rem\] {
  font-size: 12rem;
}

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

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

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

.text-\[1rem\] {
  font-size: 1rem;
}

.text-\[2\.05rem\] {
  font-size: 2.05rem;
}

.text-\[2\.1rem\] {
  font-size: 2.1rem;
}

.text-\[2\.25rem\] {
  font-size: 2.25rem;
}

.text-\[2\.2rem\] {
  font-size: 2.2rem;
}

.text-\[2\.3rem\] {
  font-size: 2.3rem;
}

.text-\[2\.9rem\] {
  font-size: 2.9rem;
}

.text-\[2rem\] {
  font-size: 2rem;
}

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

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

.text-\[clamp\(1\.9rem\2c 6vw\2c 3\.25rem\)\] {
  font-size: clamp(1.9rem,6vw,3.25rem);
}

.text-\[clamp\(4rem\2c 8vw\2c 7\.5rem\)\] {
  font-size: clamp(4rem,8vw,7.5rem);
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.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-light {
  font-weight: 300;
}

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

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.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-\[1\.2\] {
  line-height: 1.2 !important;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[0\.92\] {
  line-height: 0.92;
}

.leading-\[0\.94\] {
  line-height: 0.94;
}

.leading-\[0\.95\] {
  line-height: 0.95;
}

.leading-\[0\.96\] {
  line-height: 0.96;
}

.leading-\[0\.98\] {
  line-height: 0.98;
}

.leading-\[1\.03\] {
  line-height: 1.03;
}

.leading-\[1\.05\] {
  line-height: 1.05;
}

.leading-\[1\.12\] {
  line-height: 1.12;
}

.leading-\[1\.18\] {
  line-height: 1.18;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[1\.25\] {
  line-height: 1.25;
}

.leading-\[1\.35\] {
  line-height: 1.35;
}

.leading-\[1\.3\] {
  line-height: 1.3;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\.5\] {
  line-height: 1.5;
}

.leading-\[1\.65\] {
  line-height: 1.65;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-\[1\.75\] {
  line-height: 1.75;
}

.leading-\[1\.78\] {
  line-height: 1.78;
}

.leading-\[1\.7\] {
  line-height: 1.7;
}

.leading-\[1\.8\] {
  line-height: 1.8;
}

.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\.015em\] {
  letter-spacing: -0.015em;
}

.tracking-\[-0\.01em\] {
  letter-spacing: -0.01em;
}

.tracking-\[-0\.025em\] {
  letter-spacing: -0.025em;
}

.tracking-\[-0\.02em\] {
  letter-spacing: -0.02em;
}

.tracking-\[-0\.03em\] {
  letter-spacing: -0.03em;
}

.tracking-\[-0\.04em\] {
  letter-spacing: -0.04em;
}

.tracking-\[-0\.055em\] {
  letter-spacing: -0.055em;
}

.tracking-\[0\.01em\] {
  letter-spacing: 0.01em;
}

.tracking-\[0\.12em\] {
  letter-spacing: 0.12em;
}

.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}

.tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}

.tracking-\[0\.16em\] {
  letter-spacing: 0.16em;
}

.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}

.tracking-\[0\.22em\] {
  letter-spacing: 0.22em;
}

.tracking-\[0\.24em\] {
  letter-spacing: 0.24em;
}

.tracking-\[0\.26em\] {
  letter-spacing: 0.26em;
}

.tracking-\[0\.28em\] {
  letter-spacing: 0.28em;
}

.tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}

.tracking-\[0\.32em\] {
  letter-spacing: 0.32em;
}

.tracking-\[0\.3em\] {
  letter-spacing: 0.3em;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.text-\[\#050B18\] {
  --tw-text-opacity: 1;
  color: rgb(5 11 24 / var(--tw-text-opacity, 1));
}

.text-\[\#07101a\] {
  --tw-text-opacity: 1;
  color: rgb(7 16 26 / var(--tw-text-opacity, 1));
}

.text-\[\#075B60\] {
  --tw-text-opacity: 1;
  color: rgb(7 91 96 / var(--tw-text-opacity, 1));
}

.text-\[\#09150E\] {
  --tw-text-opacity: 1;
  color: rgb(9 21 14 / var(--tw-text-opacity, 1));
}

.text-\[\#101828\] {
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
}

.text-\[\#111111\] {
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}

.text-\[\#123B37\] {
  --tw-text-opacity: 1;
  color: rgb(18 59 55 / var(--tw-text-opacity, 1));
}

.text-\[\#1A1A18\] {
  --tw-text-opacity: 1;
  color: rgb(26 26 24 / var(--tw-text-opacity, 1));
}

.text-\[\#1A1A18\]\/35 {
  color: rgb(26 26 24 / 0.35);
}

.text-\[\#1A1A18\]\/65 {
  color: rgb(26 26 24 / 0.65);
}

.text-\[\#1A1A18\]\/70 {
  color: rgb(26 26 24 / 0.7);
}

.text-\[\#1A1A18\]\/85 {
  color: rgb(26 26 24 / 0.85);
}

.text-\[\#1D5A4E\] {
  --tw-text-opacity: 1;
  color: rgb(29 90 78 / var(--tw-text-opacity, 1));
}

.text-\[\#1D6B61\] {
  --tw-text-opacity: 1;
  color: rgb(29 107 97 / var(--tw-text-opacity, 1));
}

.text-\[\#25286B\]\/55 {
  color: rgb(37 40 107 / 0.55);
}

.text-\[\#263A37\]\/70 {
  color: rgb(38 58 55 / 0.7);
}

.text-\[\#2A7A6A\] {
  --tw-text-opacity: 1;
  color: rgb(42 122 106 / var(--tw-text-opacity, 1));
}

.text-\[\#2A7A6A\]\/45 {
  color: rgb(42 122 106 / 0.45);
}

.text-\[\#2A7A6A\]\/55 {
  color: rgb(42 122 106 / 0.55);
}

.text-\[\#2A7A6A\]\/60 {
  color: rgb(42 122 106 / 0.6);
}

.text-\[\#2E2A25\] {
  --tw-text-opacity: 1;
  color: rgb(46 42 37 / var(--tw-text-opacity, 1));
}

.text-\[\#2E2A25\]\/85 {
  color: rgb(46 42 37 / 0.85);
}

.text-\[\#2E2A25\]\/90 {
  color: rgb(46 42 37 / 0.9);
}

.text-\[\#394454\] {
  --tw-text-opacity: 1;
  color: rgb(57 68 84 / var(--tw-text-opacity, 1));
}

.text-\[\#4A4438\] {
  --tw-text-opacity: 1;
  color: rgb(74 68 56 / var(--tw-text-opacity, 1));
}

.text-\[\#4F2F78\] {
  --tw-text-opacity: 1;
  color: rgb(79 47 120 / var(--tw-text-opacity, 1));
}

.text-\[\#69F0DF\] {
  --tw-text-opacity: 1;
  color: rgb(105 240 223 / var(--tw-text-opacity, 1));
}

.text-\[\#6B655C\] {
  --tw-text-opacity: 1;
  color: rgb(107 101 92 / var(--tw-text-opacity, 1));
}

.text-\[\#6F6A5F\] {
  --tw-text-opacity: 1;
  color: rgb(111 106 95 / var(--tw-text-opacity, 1));
}

.text-\[\#8A8273\] {
  --tw-text-opacity: 1;
  color: rgb(138 130 115 / var(--tw-text-opacity, 1));
}

.text-\[\#8CCABE\] {
  --tw-text-opacity: 1;
  color: rgb(140 202 190 / var(--tw-text-opacity, 1));
}

.text-\[\#B47A22\] {
  --tw-text-opacity: 1;
  color: rgb(180 122 34 / var(--tw-text-opacity, 1));
}

.text-\[\#BFE6DD\] {
  --tw-text-opacity: 1;
  color: rgb(191 230 221 / var(--tw-text-opacity, 1));
}

.text-\[\#C9CCF5\] {
  --tw-text-opacity: 1;
  color: rgb(201 204 245 / var(--tw-text-opacity, 1));
}

.text-\[\#CFC4B0\] {
  --tw-text-opacity: 1;
  color: rgb(207 196 176 / var(--tw-text-opacity, 1));
}

.text-\[\#EDE8DC\] {
  --tw-text-opacity: 1;
  color: rgb(237 232 220 / var(--tw-text-opacity, 1));
}

.text-\[\#EDE8DC\]\/40 {
  color: rgb(237 232 220 / 0.4);
}

.text-\[\#EDE8DC\]\/50 {
  color: rgb(237 232 220 / 0.5);
}

.text-\[\#EDE8DC\]\/55 {
  color: rgb(237 232 220 / 0.55);
}

.text-\[\#EDE8DC\]\/60 {
  color: rgb(237 232 220 / 0.6);
}

.text-\[\#EDE8DC\]\/65 {
  color: rgb(237 232 220 / 0.65);
}

.text-\[\#EDE8DC\]\/70 {
  color: rgb(237 232 220 / 0.7);
}

.text-\[\#EDE8DC\]\/85 {
  color: rgb(237 232 220 / 0.85);
}

.text-\[\#FAF7F0\] {
  --tw-text-opacity: 1;
  color: rgb(250 247 240 / var(--tw-text-opacity, 1));
}

.text-\[\#FAF7F0\]\/60 {
  color: rgb(250 247 240 / 0.6);
}

.text-\[\#FAF7F0\]\/65 {
  color: rgb(250 247 240 / 0.65);
}

.text-\[\#FAF7F0\]\/70 {
  color: rgb(250 247 240 / 0.7);
}

.text-\[\#FAF7F0\]\/75 {
  color: rgb(250 247 240 / 0.75);
}

.text-\[\#FAF7F0\]\/80 {
  color: rgb(250 247 240 / 0.8);
}

.text-\[\#FAF7F0\]\/85 {
  color: rgb(250 247 240 / 0.85);
}

.text-\[\#FAF7F0\]\/90 {
  color: rgb(250 247 240 / 0.9);
}

.text-\[\#FFFDF8\] {
  --tw-text-opacity: 1;
  color: rgb(255 253 248 / var(--tw-text-opacity, 1));
}

.text-\[\#FFFDF8\]\/70 {
  color: rgb(255 253 248 / 0.7);
}

.text-\[\#FFFDF8\]\/80 {
  color: rgb(255 253 248 / 0.8);
}

.text-\[\#FFFDF8\]\/90 {
  color: rgb(255 253 248 / 0.9);
}

.text-\[\#f4ede2\]\/85 {
  color: rgb(244 237 226 / 0.85);
}

.text-\[\#fffaf0\] {
  --tw-text-opacity: 1;
  color: rgb(255 250 240 / var(--tw-text-opacity, 1));
}

.text-accent {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.text-accent\/80 {
  color: rgb(13 148 136 / 0.8);
}

.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.text-amber-200 {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.text-amber-200\/80 {
  color: rgb(253 230 138 / 0.8);
}

.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.text-amber-400\/80 {
  color: rgb(251 191 36 / 0.8);
}

.text-amber-50\/80 {
  color: rgb(255 251 235 / 0.8);
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-600\/70 {
  color: rgb(217 119 6 / 0.7);
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800\/60 {
  color: rgb(146 64 14 / 0.6);
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-amber-900\/80 {
  color: rgb(120 53 15 / 0.8);
}

.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-bs-accent {
  --tw-text-opacity: 1;
  color: var(--bs-text-accent);
}

.text-bs-content {
  --tw-text-opacity: 1;
  color: var(--bs-text);
}

.text-bs-link {
  --tw-text-opacity: 1;
  color: var(--bs-link);
}

.text-bs-muted {
  --tw-text-opacity: 1;
  color: var(--bs-text-muted);
}

.text-bs-on-action {
  --tw-text-opacity: 1;
  color: var(--bs-action-text);
}

.text-current {
  color: currentColor;
}

.text-emerald-200 {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-heading {
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
}

.text-indigo-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity, 1));
}

.text-indigo-200\/80 {
  color: rgb(199 210 254 / 0.8);
}

.text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-indigo-900 {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}

.text-indigo-900\/80 {
  color: rgb(49 46 129 / 0.8);
}

.text-indigo-950 {
  --tw-text-opacity: 1;
  color: rgb(30 27 75 / var(--tw-text-opacity, 1));
}

.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}

.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}

.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-red-400\/50 {
  color: rgb(248 113 113 / 0.5);
}

.text-red-400\/80 {
  color: rgb(248 113 113 / 0.8);
}

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

.text-rose-100 {
  --tw-text-opacity: 1;
  color: rgb(255 228 230 / var(--tw-text-opacity, 1));
}

.text-rose-200 {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}

.text-rose-200\/80 {
  color: rgb(254 205 211 / 0.8);
}

.text-rose-300 {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.text-rose-300\/80 {
  color: rgb(253 164 175 / 0.8);
}

.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.text-rose-400\/80 {
  color: rgb(251 113 133 / 0.8);
}

.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}

.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}

.text-rose-900\/80 {
  color: rgb(136 19 55 / 0.8);
}

.text-rose-950 {
  --tw-text-opacity: 1;
  color: rgb(76 5 25 / var(--tw-text-opacity, 1));
}

.text-sky-300 {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-300\/80 {
  color: rgb(203 213 225 / 0.8);
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-400\/80 {
  color: rgb(148 163 184 / 0.8);
}

.text-slate-400\/90 {
  color: rgb(148 163 184 / 0.9);
}

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

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-500\/80 {
  color: rgb(100 116 139 / 0.8);
}

.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-800\/20 {
  color: rgb(30 41 59 / 0.2);
}

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

.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.text-stone-200 {
  --tw-text-opacity: 1;
  color: rgb(231 229 228 / var(--tw-text-opacity, 1));
}

.text-stone-300 {
  --tw-text-opacity: 1;
  color: rgb(214 211 209 / var(--tw-text-opacity, 1));
}

.text-stone-400 {
  --tw-text-opacity: 1;
  color: rgb(168 162 158 / var(--tw-text-opacity, 1));
}

.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}

.text-stone-600 {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1));
}

.text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}

.text-stone-800 {
  --tw-text-opacity: 1;
  color: rgb(41 37 36 / var(--tw-text-opacity, 1));
}

.text-stone-900 {
  --tw-text-opacity: 1;
  color: rgb(28 25 23 / var(--tw-text-opacity, 1));
}

.text-teal-100 {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}

.text-teal-100\/80 {
  color: rgb(204 251 241 / 0.8);
}

.text-teal-100\/90 {
  color: rgb(204 251 241 / 0.9);
}

.text-teal-200 {
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1));
}

.text-teal-200\/60 {
  color: rgb(153 246 228 / 0.6);
}

.text-teal-200\/70 {
  color: rgb(153 246 228 / 0.7);
}

.text-teal-200\/75 {
  color: rgb(153 246 228 / 0.75);
}

.text-teal-200\/80 {
  color: rgb(153 246 228 / 0.8);
}

.text-teal-300 {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}

.text-teal-300\/60 {
  color: rgb(94 234 212 / 0.6);
}

.text-teal-300\/90 {
  color: rgb(94 234 212 / 0.9);
}

.text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.text-teal-400\/70 {
  color: rgb(45 212 191 / 0.7);
}

.text-teal-400\/80 {
  color: rgb(45 212 191 / 0.8);
}

.text-teal-50 {
  --tw-text-opacity: 1;
  color: rgb(240 253 250 / var(--tw-text-opacity, 1));
}

.text-teal-50\/80 {
  color: rgb(240 253 250 / 0.8);
}

.text-teal-50\/90 {
  color: rgb(240 253 250 / 0.9);
}

.text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}

.text-teal-500\/25 {
  color: rgb(20 184 166 / 0.25);
}

.text-teal-500\/30 {
  color: rgb(20 184 166 / 0.3);
}

.text-teal-500\/40 {
  color: rgb(20 184 166 / 0.4);
}

.text-teal-500\/50 {
  color: rgb(20 184 166 / 0.5);
}

.text-teal-500\/70 {
  color: rgb(20 184 166 / 0.7);
}

.text-teal-500\/80 {
  color: rgb(20 184 166 / 0.8);
}

.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.text-teal-600\/20 {
  color: rgb(13 148 136 / 0.2);
}

.text-teal-600\/25 {
  color: rgb(13 148 136 / 0.25);
}

.text-teal-600\/60 {
  color: rgb(13 148 136 / 0.6);
}

.text-teal-600\/80 {
  color: rgb(13 148 136 / 0.8);
}

.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

.text-teal-800 {
  --tw-text-opacity: 1;
  color: rgb(17 94 89 / var(--tw-text-opacity, 1));
}

.text-teal-800\/30 {
  color: rgb(17 94 89 / 0.3);
}

.text-teal-800\/40 {
  color: rgb(17 94 89 / 0.4);
}

.text-teal-800\/60 {
  color: rgb(17 94 89 / 0.6);
}

.text-teal-900 {
  --tw-text-opacity: 1;
  color: rgb(19 78 74 / var(--tw-text-opacity, 1));
}

.text-teal-900\/80 {
  color: rgb(19 78 74 / 0.8);
}

.text-teal-950 {
  --tw-text-opacity: 1;
  color: rgb(4 47 46 / var(--tw-text-opacity, 1));
}

.text-violet-300 {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

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

.text-white\/35 {
  color: rgb(255 255 255 / 0.35);
}

.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}

.text-white\/45 {
  color: rgb(255 255 255 / 0.45);
}

.text-white\/55 {
  color: rgb(255 255 255 / 0.55);
}

.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}

.text-white\/65 {
  color: rgb(255 255 255 / 0.65);
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-white\/85 {
  color: rgb(255 255 255 / 0.85);
}

.text-white\/90 {
  color: rgb(255 255 255 / 0.9);
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.text-zinc-900 {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

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

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

.decoration-\[\#123B37\]\/20 {
  text-decoration-color: rgb(18 59 55 / 0.2);
}

.decoration-\[\#2A7A6A\]\/30 {
  text-decoration-color: rgb(42 122 106 / 0.3);
}

.decoration-slate-700 {
  text-decoration-color: #334155;
}

.decoration-teal-800\/20 {
  text-decoration-color: rgb(17 94 89 / 0.2);
}

.decoration-white\/30 {
  text-decoration-color: rgb(255 255 255 / 0.3);
}

.decoration-white\/40 {
  text-decoration-color: rgb(255 255 255 / 0.4);
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.decoration-1 {
  text-decoration-thickness: 1px;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.underline-offset-\[5px\] {
  text-underline-offset: 5px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-slate-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}

.placeholder-slate-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}

.placeholder-slate-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
}

.placeholder-slate-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(100 116 139 / var(--tw-placeholder-opacity, 1));
}

.placeholder-zinc-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(161 161 170 / var(--tw-placeholder-opacity, 1));
}

.placeholder-zinc-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(161 161 170 / var(--tw-placeholder-opacity, 1));
}

.accent-teal-400 {
  accent-color: #2dd4bf;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-55 {
  opacity: 0.55;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-85 {
  opacity: 0.85;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-\[0\.18\] {
  opacity: 0.18;
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}

.mix-blend-darken {
  mix-blend-mode: darken;
}

.mix-blend-soft-light {
  mix-blend-mode: soft-light;
}

.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-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -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_-18px_40px_rgba\(15\2c 23\2c 42\2c 0\.12\)\] {
  --tw-shadow: 0 -18px 40px rgba(15,23,42,0.12);
  --tw-shadow-colored: 0 -18px 40px 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_-2px_10px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 -2px 10px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 -2px 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_-4px_6px_-1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 -4px 6px -1px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 -4px 6px -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_10px_rgba\(45\2c 212\2c 191\2c 0\.5\)\] {
  --tw-shadow: 0 0 10px rgba(45,212,191,0.5);
  --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_0_15px_rgba\(244\2c 63\2c 94\2c 0\.3\)\] {
  --tw-shadow: 0 0 15px rgba(244,63,94,0.3);
  --tw-shadow-colored: 0 0 15px 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_16px_rgba\(45\2c 212\2c 191\2c 0\.5\)\] {
  --tw-shadow: 0 0 16px rgba(45,212,191,0.5);
  --tw-shadow-colored: 0 0 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-\[0_0_30px_rgba\(20\2c 184\2c 166\2c 0\.3\)\] {
  --tw-shadow: 0 0 30px rgba(20,184,166,0.3);
  --tw-shadow-colored: 0 0 30px 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_30px_rgba\(245\2c 158\2c 11\2c 0\.05\)\] {
  --tw-shadow: 0 0 30px rgba(245,158,11,0.05);
  --tw-shadow-colored: 0 0 30px 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_40px_-10px_rgba\(45\2c 212\2c 191\2c 0\.08\)\] {
  --tw-shadow: 0 0 40px -10px rgba(45,212,191,0.08);
  --tw-shadow-colored: 0 0 40px -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_10px_40px_-10px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 10px 40px -10px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 10px 40px -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_14px_32px_-22px_rgba\(138\2c 58\2c 102\2c 0\.7\)\] {
  --tw-shadow: 0 14px 32px -22px rgba(138,58,102,0.7);
  --tw-shadow-colored: 0 14px 32px -22px 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_14px_32px_-22px_rgba\(37\2c 40\2c 107\2c 0\.7\)\] {
  --tw-shadow: 0 14px 32px -22px rgba(37,40,107,0.7);
  --tw-shadow-colored: 0 14px 32px -22px 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_14px_32px_-22px_rgba\(79\2c 47\2c 120\2c 0\.7\)\] {
  --tw-shadow: 0 14px 32px -22px rgba(79,47,120,0.7);
  --tw-shadow-colored: 0 14px 32px -22px 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_14px_40px_-12px_rgba\(0\2c 0\2c 0\2c 0\.75\)\] {
  --tw-shadow: 0 14px 40px -12px rgba(0,0,0,0.75);
  --tw-shadow-colored: 0 14px 40px -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_18px_42px_-30px_rgba\(15\2c 23\2c 42\2c 0\.28\)\] {
  --tw-shadow: 0 18px 42px -30px rgba(15,23,42,0.28);
  --tw-shadow-colored: 0 18px 42px -30px 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_18px_48px_-28px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  --tw-shadow: 0 18px 48px -28px rgba(0,0,0,0.9);
  --tw-shadow-colored: 0 18px 48px -28px 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_22px_70px_-48px_rgba\(15\2c 23\2c 42\2c 0\.45\)\] {
  --tw-shadow: 0 22px 70px -48px rgba(15,23,42,0.45);
  --tw-shadow-colored: 0 22px 70px -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_44px_-14px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: 0 24px 44px -14px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 24px 44px -14px 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_44px_-14px_rgba\(0\2c 0\2c 0\2c 0\.85\)\] {
  --tw-shadow: 0 24px 44px -14px rgba(0,0,0,0.85);
  --tw-shadow-colored: 0 24px 44px -14px 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_60px_-38px_rgba\(34\2c 29\2c 20\2c 0\.5\)\] {
  --tw-shadow: 0 24px 60px -38px rgba(34,29,20,0.5);
  --tw-shadow-colored: 0 24px 60px -38px 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_60px_-40px_rgba\(34\2c 29\2c 20\2c 0\.55\)\] {
  --tw-shadow: 0 24px 60px -40px rgba(34,29,20,0.55);
  --tw-shadow-colored: 0 24px 60px -40px 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_70px_-46px_rgba\(34\2c 29\2c 20\2c 0\.5\)\] {
  --tw-shadow: 0 24px 70px -46px rgba(34,29,20,0.5);
  --tw-shadow-colored: 0 24px 70px -46px 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_70px_rgba\(7\2c 16\2c 26\2c 0\.08\)\] {
  --tw-shadow: 0 24px 70px rgba(7,16,26,0.08);
  --tw-shadow-colored: 0 24px 70px 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_80px_rgba\(15\2c 23\2c 42\2c 0\.08\)\] {
  --tw-shadow: 0 24px 80px rgba(15,23,42,0.08);
  --tw-shadow-colored: 0 24px 80px 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_80px_rgba\(15\2c 23\2c 42\2c 0\.18\)\] {
  --tw-shadow: 0 24px 80px rgba(15,23,42,0.18);
  --tw-shadow-colored: 0 24px 80px 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_80px_rgba\(15\2c 23\2c 42\2c 0\.22\)\] {
  --tw-shadow: 0 24px 80px rgba(15,23,42,0.22);
  --tw-shadow-colored: 0 24px 80px 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_80px_rgba\(7\2c 16\2c 26\2c 0\.06\)\] {
  --tw-shadow: 0 24px 80px rgba(7,16,26,0.06);
  --tw-shadow-colored: 0 24px 80px 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_80px_rgba\(7\2c 16\2c 26\2c 0\.08\)\] {
  --tw-shadow: 0 24px 80px rgba(7,16,26,0.08);
  --tw-shadow-colored: 0 24px 80px 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_90px_rgba\(51\2c 38\2c 20\2c 0\.10\)\] {
  --tw-shadow: 0 24px 90px rgba(51,38,20,0.10);
  --tw-shadow-colored: 0 24px 90px 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_26px_46px_-18px_rgba\(34\2c 29\2c 20\2c 0\.5\)\2c 0_8px_18px_-10px_rgba\(34\2c 29\2c 20\2c 0\.35\)\] {
  --tw-shadow: 0 26px 46px -18px rgba(34,29,20,0.5),0 8px 18px -10px rgba(34,29,20,0.35);
  --tw-shadow-colored: 0 26px 46px -18px var(--tw-shadow-color), 0 8px 18px -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_26px_60px_-30px_rgba\(34\2c 29\2c 20\2c 0\.6\)\] {
  --tw-shadow: 0 26px 60px -30px rgba(34,29,20,0.6);
  --tw-shadow-colored: 0 26px 60px -30px 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_28px_80px_-40px_rgba\(0\2c 0\2c 0\2c 0\.85\)\] {
  --tw-shadow: 0 28px 80px -40px rgba(0,0,0,0.85);
  --tw-shadow-colored: 0 28px 80px -40px 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_30px_100px_-60px_rgba\(0\2c 0\2c 0\2c 0\.9\)\] {
  --tw-shadow: 0 30px 100px -60px rgba(0,0,0,0.9);
  --tw-shadow-colored: 0 30px 100px -60px 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_30px_60px_-15px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
  --tw-shadow: 0 30px 60px -15px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 30px 60px -15px 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_30px_60px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  --tw-shadow: 0 30px 60px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 30px 60px 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_30px_80px_-20px_rgba\(0\2c 0\2c 0\2c 0\.45\)\] {
  --tw-shadow: 0 30px 80px -20px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 30px 80px -20px 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_30px_90px_rgba\(15\2c 23\2c 42\2c 0\.24\)\] {
  --tw-shadow: 0 30px 90px rgba(15,23,42,0.24);
  --tw-shadow-colored: 0 30px 90px 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_30px_90px_rgba\(34\2c 29\2c 20\2c 0\.18\)\] {
  --tw-shadow: 0 30px 90px rgba(34,29,20,0.18);
  --tw-shadow-colored: 0 30px 90px 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_32px_100px_-62px_rgba\(20\2c 184\2c 166\2c 0\.36\)\] {
  --tw-shadow: 0 32px 100px -62px rgba(20,184,166,0.36);
  --tw-shadow-colored: 0 32px 100px -62px 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_32px_90px_-72px_rgba\(0\2c 0\2c 0\2c 0\.85\)\] {
  --tw-shadow: 0 32px 90px -72px rgba(0,0,0,0.85);
  --tw-shadow-colored: 0 32px 90px -72px 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_35px_90px_-25px_rgba\(0\2c 0\2c 0\2c 0\.75\)\] {
  --tw-shadow: 0 35px 90px -25px rgba(0,0,0,0.75);
  --tw-shadow-colored: 0 35px 90px -25px 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_35px_90px_-35px_rgba\(0\2c 0\2c 0\2c 0\.75\)\] {
  --tw-shadow: 0 35px 90px -35px rgba(0,0,0,0.75);
  --tw-shadow-colored: 0 35px 90px -35px 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_18px_-10px_rgba\(34\2c 29\2c 20\2c 0\.3\)\] {
  --tw-shadow: 0 8px 18px -10px rgba(34,29,20,0.3);
  --tw-shadow-colored: 0 8px 18px -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_8px_20px_-8px_rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
  --tw-shadow: 0 8px 20px -8px rgba(255,255,255,0.3);
  --tw-shadow-colored: 0 8px 20px -8px 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_30px_-12px_rgba\(0\2c 0\2c 0\2c 0\.8\)\] {
  --tw-shadow: 0 8px 30px -12px rgba(0,0,0,0.8);
  --tw-shadow-colored: 0 8px 30px -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-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 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-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-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-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-black\/10 {
  --tw-shadow-color: rgb(0 0 0 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-black\/20 {
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-black\/40 {
  --tw-shadow-color: rgb(0 0 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-200 {
  --tw-shadow-color: #e2e8f0;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-900\/10 {
  --tw-shadow-color: rgb(15 23 42 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-900\/15 {
  --tw-shadow-color: rgb(15 23 42 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-900\/5 {
  --tw-shadow-color: rgb(15 23 42 / 0.05);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-950\/30 {
  --tw-shadow-color: rgb(2 6 23 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-950\/40 {
  --tw-shadow-color: rgb(2 6 23 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-teal-200 {
  --tw-shadow-color: #99f6e4;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-teal-900\/15 {
  --tw-shadow-color: rgb(19 78 74 / 0.15);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-teal-900\/20 {
  --tw-shadow-color: rgb(19 78 74 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-teal-900\/30 {
  --tw-shadow-color: rgb(19 78 74 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-teal-950\/20 {
  --tw-shadow-color: rgb(4 47 46 / 0.2);
  --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-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-4 {
  --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(4px + 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-inset {
  --tw-ring-inset: inset;
}

.ring-\[\#8CCABE\]\/80 {
  --tw-ring-color: rgb(140 202 190 / 0.8);
}

.ring-amber-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
}

.ring-orange-400\/20 {
  --tw-ring-color: rgb(251 146 60 / 0.2);
}

.ring-rose-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1));
}

.ring-slate-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}

.ring-slate-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}

.ring-slate-600 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));
}

.ring-slate-700 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1));
}

.ring-slate-800 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1));
}

.ring-slate-900\/5 {
  --tw-ring-color: rgb(15 23 42 / 0.05);
}

.ring-teal-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(153 246 228 / var(--tw-ring-opacity, 1));
}

.ring-teal-400\/20 {
  --tw-ring-color: rgb(45 212 191 / 0.2);
}

.ring-teal-500 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1));
}

.ring-teal-500\/20 {
  --tw-ring-color: rgb(20 184 166 / 0.2);
}

.ring-teal-500\/30 {
  --tw-ring-color: rgb(20 184 166 / 0.3);
}

.ring-teal-500\/50 {
  --tw-ring-color: rgb(20 184 166 / 0.5);
}

.ring-teal-600\/20 {
  --tw-ring-color: rgb(13 148 136 / 0.2);
}

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

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

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-3xl {
  --tw-blur: blur(64px);
  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);
}

.blur-\[100px\] {
  --tw-blur: blur(100px);
  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);
}

.blur-\[120px\] {
  --tw-blur: blur(120px);
  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);
}

.blur-\[130px\] {
  --tw-blur: blur(130px);
  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);
}

.blur-\[140px\] {
  --tw-blur: blur(140px);
  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);
}

.blur-\[80px\] {
  --tw-blur: blur(80px);
  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);
}

.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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_22px_30px_rgba\(0\2c 0\2c 0\2c 0\.55\)\] {
  --tw-drop-shadow: drop-shadow(0 22px 30px rgba(0,0,0,0.55));
  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_22px_30px_rgba\(34\2c 29\2c 20\2c 0\.28\)\] {
  --tw-drop-shadow: drop-shadow(0 22px 30px rgba(34,29,20,0.28));
  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);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[3px\] {
  --tw-backdrop-blur: blur(3px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

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

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  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;
}

.delay-150 {
  transition-delay: 150ms;
}

.delay-200 {
  transition-delay: 200ms;
}

.delay-\[800ms\] {
  transition-delay: 800ms;
}

.duration-100 {
  transition-duration: 100ms;
}

.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-700 {
  transition-duration: 700ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.will-change-\[opacity\] {
  will-change: opacity;
}

.\[--qrp-page-radius\:0\.4rem\] {
  --qrp-page-radius: 0.4rem;
}

.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}

.\[-webkit-tap-highlight-color\:transparent\] {
  -webkit-tap-highlight-color: transparent;
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

.\[transform-origin\:center_top\] {
  transform-origin: center top;
}

.\[transform\:scaleX\(-1\)_scale\(1\.288\)\] {
  transform: scaleX(-1) scale(1.288);
}


  body.bs-home-next #site-footer.bs-home-footer .marker\:text-slate-500 *::marker {
  color: var(--bs-home-footer-text);
}


  body.bs-home-next #site-footer.bs-home-footer .marker\:text-slate-500::marker {
  color: var(--bs-home-footer-text);
}

body.bs-home-next #site-footer.bs-home-footer .placeholder\:text-slate-400::-moz-placeholder {
  color: var(--bs-home-footer-text);
}

body.bs-home-next #site-footer.bs-home-footer .placeholder\:text-slate-400::placeholder {
  color: var(--bs-home-footer-text);
}

body.bs-home-next #site-footer.bs-home-footer .hover\:text-white:hover {
  color: var(--bs-home-footer-heading);
}

body.bs-home-next #site-footer.bs-home-footer .hover\:text-slate-400:hover {
  color: var(--bs-home-footer-text);
}

body.bs-home-next #site-footer.bs-home-footer .hover\:text-slate-700:hover {
  color: var(--bs-border-control);
}

body.bs-home-next #site-footer.bs-home-footer .group\/item:hover .group-hover\/item\:text-white {
  color: var(--bs-home-footer-heading);
}

body.bs-home-next #site-footer.bs-home-footer .group:hover .group-hover\:text-white {
  color: var(--bs-home-footer-heading);
}

body.bs-home-next #site-footer.bs-home-footer .group:hover .group-hover\:text-slate-400 {
  color: var(--bs-home-footer-text);
}


  body.bs-home-next #site-footer.bs-home-footer .group\/item:hover .group-hover\/item\:text-slate-500 {
  color: var(--bs-home-footer-text);
}

body.bs-home-next #site-footer.bs-home-footer .prose-p\:text-slate-400 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  color: var(--bs-home-footer-text);
}

@media (min-width: 768px) {
  .md\:prose-base {
    font-size: 1rem;
    line-height: 1.75;
  }

  .md\:prose-base :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .md\:prose-base :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .md\:prose-base :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
  }

  .md\:prose-base :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .md\:prose-base :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }

  .md\:prose-base :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .md\:prose-base :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }

  .md\:prose-base :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-base :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-base :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:prose-base :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-base :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
  }

  .md\:prose-base :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
  }

  .md\:prose-base :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
  }

  .md\:prose-base :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
  }

  .md\:prose-base :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
  }

  .md\:prose-base :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }

  .md\:prose-base :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }

  .md\:prose-base :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .md\:prose-base :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }

  .md\:prose-base :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }

  .md\:prose-base :where(.md\:prose-base > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .md\:prose-base :where(.md\:prose-base > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .md\:prose-base :where(.md\:prose-base > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .md\:prose-base :where(.md\:prose-base > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .md\:prose-base :where(.md\:prose-base > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .md\:prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .md\:prose-base :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .md\:prose-base :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .md\:prose-base :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }

  .md\:prose-base :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .md\:prose-base :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .md\:prose-base :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .md\:prose-base :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .md\:prose-base :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .md\:prose-base :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
    line-height: 1.7142857;
  }

  .md\:prose-base :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }

  .md\:prose-base :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .md\:prose-base :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .md\:prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }

  .md\:prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .md\:prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .md\:prose-base :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .md\:prose-base :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:prose-base :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }

  .md\:prose-base :where(.md\:prose-base > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .md\:prose-base :where(.md\:prose-base > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .lg\:prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778;
  }

  .lg\:prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em;
  }

  .lg\:prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-inline-start: 1em;
  }

  .lg\:prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: 0.8333333em;
    line-height: 1;
  }

  .lg\:prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333;
  }

  .lg\:prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: 0.6666667em;
    line-height: 1.5;
  }

  .lg\:prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
  }

  .lg\:prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .lg\:prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .lg\:prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .lg\:prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    border-radius: 0.3125rem;
    padding-top: 0.2222222em;
    padding-inline-end: 0.4444444em;
    padding-bottom: 0.2222222em;
    padding-inline-start: 0.4444444em;
  }

  .lg\:prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
  }

  .lg\:prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8666667em;
  }

  .lg\:prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.875em;
  }

  .lg\:prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.375rem;
    padding-top: 1em;
    padding-inline-end: 1.5em;
    padding-bottom: 1em;
    padding-inline-start: 1.5em;
  }

  .lg\:prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.5555556em;
  }

  .lg\:prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.5555556em;
  }

  .lg\:prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    margin-bottom: 0.6666667em;
  }

  .lg\:prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em;
  }

  .lg\:prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em;
  }

  .lg\:prose-lg :where(.lg\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .lg\:prose-lg :where(.lg\:prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
  }

  .lg\:prose-lg :where(.lg\:prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg :where(.lg\:prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
  }

  .lg\:prose-lg :where(.lg\:prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
  }

  .lg\:prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
  }

  .lg\:prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
  }

  .lg\:prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6666667em;
    padding-inline-start: 1.5555556em;
  }

  .lg\:prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em;
  }

  .lg\:prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
  }

  .lg\:prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0.75em;
    padding-bottom: 0.75em;
    padding-inline-start: 0.75em;
  }

  .lg\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .lg\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .lg\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.75em;
    padding-inline-end: 0.75em;
    padding-bottom: 0.75em;
    padding-inline-start: 0.75em;
  }

  .lg\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .lg\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .lg\:prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
  }

  .lg\:prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
    line-height: 1.5;
    margin-top: 1em;
  }

  .lg\:prose-lg :where(.lg\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-lg :where(.lg\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .lg\:prose-xl {
    font-size: 1.25rem;
    line-height: 1.8;
  }

  .lg\:prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .lg\:prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1.0666667em;
  }

  .lg\:prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.8571429em;
    line-height: 1;
  }

  .lg\:prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }

  .lg\:prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: 0.6666667em;
    line-height: 1.3333333;
  }

  .lg\:prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.8em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }

  .lg\:prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
    border-radius: 0.3125rem;
    padding-top: 0.25em;
    padding-inline-end: 0.4em;
    padding-bottom: 0.25em;
    padding-inline-start: 0.4em;
  }

  .lg\:prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
  }

  .lg\:prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8611111em;
  }

  .lg\:prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
  }

  .lg\:prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 0.5rem;
    padding-top: 1.1111111em;
    padding-inline-end: 1.3333333em;
    padding-bottom: 1.1111111em;
    padding-inline-start: 1.3333333em;
  }

  .lg\:prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-inline-start: 1.6em;
  }

  .lg\:prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding-inline-start: 1.6em;
  }

  .lg\:prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6em;
    margin-bottom: 0.6em;
  }

  .lg\:prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4em;
  }

  .lg\:prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4em;
  }

  .lg\:prose-xl :where(.lg\:prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl :where(.lg\:prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.2em;
  }

  .lg\:prose-xl :where(.lg\:prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl :where(.lg\:prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.2em;
  }

  .lg\:prose-xl :where(.lg\:prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }

  .lg\:prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }

  .lg\:prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.2em;
  }

  .lg\:prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.6em;
    padding-inline-start: 1.6em;
  }

  .lg\:prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2.8em;
    margin-bottom: 2.8em;
  }

  .lg\:prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
    line-height: 1.5555556;
  }

  .lg\:prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-inline-start: 0.6666667em;
  }

  .lg\:prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .lg\:prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .lg\:prose-xl :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.8888889em;
    padding-inline-end: 0.6666667em;
    padding-bottom: 0.8888889em;
    padding-inline-start: 0.6666667em;
  }

  .lg\:prose-xl :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .lg\:prose-xl :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .lg\:prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .lg\:prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
    line-height: 1.5555556;
    margin-top: 1em;
  }

  .lg\:prose-xl :where(.lg\:prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
  }

  .lg\:prose-xl :where(.lg\:prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .lg\:mx-auto.bs-home-title.bs-home-title {
    margin-inline: auto;
  }

  body.bs-home-next #site-footer.bs-home-footer .lg\:border-slate-800 {
    border-color: var(--bs-border);
  }
}

@media (min-width: 1280px) {
  body.bs-home-next #site-footer.bs-home-footer .xl\:border-slate-800 {
    border-color: var(--bs-border);
  }
}

.marker\:text-slate-500 *::marker {
  color: rgb(100 116 139 );
}

.marker\:text-slate-500::marker {
  color: rgb(100 116 139 );
}

.placeholder\:text-slate-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

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

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

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

.first\:pt-0:first-child {
  padding-top: 0px;
}

.first\:pt-9:first-child {
  padding-top: 2.25rem;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

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

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

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.checked\:border-teal-400:checked {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

.checked\:bg-teal-400\/15:checked {
  background-color: rgb(45 212 191 / 0.15);
}

.autofill\:bg-slate-900\/70:-webkit-autofill {
  background-color: rgb(15 23 42 / 0.7);
}

.autofill\:bg-slate-900\/70:autofill {
  background-color: rgb(15 23 42 / 0.7);
}

.focus-within\:border-teal-500\/30:focus-within {
  border-color: rgb(20 184 166 / 0.3);
}

.focus-within\:border-teal-500\/70:focus-within {
  border-color: rgb(20 184 166 / 0.7);
}

.focus-within\:border-teal-700\/35:focus-within {
  border-color: rgb(15 118 110 / 0.35);
}

.focus-within\:bg-teal-400\/5:focus-within {
  background-color: rgb(45 212 191 / 0.05);
}

.focus-within\:bg-teal-50\/25:focus-within {
  background-color: rgb(240 253 250 / 0.25);
}

.focus-within\:text-teal-500:focus-within {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}

.focus-within\:shadow-lg:focus-within {
  --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);
}

.hover\:-translate-y-0\.5:hover {
  --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));
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.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));
}

.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\:scale-110:hover {
  --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));
}

.hover\:border-\[\#1D5A4E\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(29 90 78 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#2A7A6A\]\/45:hover {
  border-color: rgb(42 122 106 / 0.45);
}

.hover\:border-accent\/30:hover {
  border-color: rgb(13 148 136 / 0.3);
}

.hover\:border-amber-400\/50:hover {
  border-color: rgb(251 191 36 / 0.5);
}

.hover\:border-amber-900\/50:hover {
  border-color: rgb(120 53 15 / 0.5);
}

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-900\/50:hover {
  border-color: rgb(49 46 129 / 0.5);
}

.hover\:border-rose-300\/50:hover {
  border-color: rgb(253 164 175 / 0.5);
}

.hover\:border-rose-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
}

.hover\:border-rose-500\/30:hover {
  border-color: rgb(244 63 94 / 0.3);
}

.hover\:border-rose-900\/50:hover {
  border-color: rgb(136 19 55 / 0.5);
}

.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-600:hover {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.hover\:border-teal-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
}

.hover\:border-teal-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(94 234 212 / var(--tw-border-opacity, 1));
}

.hover\:border-teal-300\/35:hover {
  border-color: rgb(94 234 212 / 0.35);
}

.hover\:border-teal-300\/60:hover {
  border-color: rgb(94 234 212 / 0.6);
}

.hover\:border-teal-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

.hover\:border-teal-400\/30:hover {
  border-color: rgb(45 212 191 / 0.3);
}

.hover\:border-teal-400\/35:hover {
  border-color: rgb(45 212 191 / 0.35);
}

.hover\:border-teal-400\/40:hover {
  border-color: rgb(45 212 191 / 0.4);
}

.hover\:border-teal-400\/50:hover {
  border-color: rgb(45 212 191 / 0.5);
}

.hover\:border-teal-400\/70:hover {
  border-color: rgb(45 212 191 / 0.7);
}

.hover\:border-teal-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.hover\:border-teal-500\/30:hover {
  border-color: rgb(20 184 166 / 0.3);
}

.hover\:border-teal-500\/35:hover {
  border-color: rgb(20 184 166 / 0.35);
}

.hover\:border-teal-500\/40:hover {
  border-color: rgb(20 184 166 / 0.4);
}

.hover\:border-teal-500\/45:hover {
  border-color: rgb(20 184 166 / 0.45);
}

.hover\:border-teal-500\/50:hover {
  border-color: rgb(20 184 166 / 0.5);
}

.hover\:border-teal-700\/20:hover {
  border-color: rgb(15 118 110 / 0.2);
}

.hover\:border-teal-700\/25:hover {
  border-color: rgb(15 118 110 / 0.25);
}

.hover\:border-teal-900\/50:hover {
  border-color: rgb(19 78 74 / 0.5);
}

.hover\:border-white\/20:hover {
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:border-white\/30:hover {
  border-color: rgb(255 255 255 / 0.3);
}

.hover\:bg-\[\#142936\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 41 54 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#17493f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(23 73 63 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#1D5A4E\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 90 78 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#795548\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(121 85 72 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#79d9c3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(121 217 195 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#7a8ebe0d\]:hover {
  background-color: #7a8ebe0d;
}

.hover\:bg-\[\#FAF7EA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 247 234 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-900\/30:hover {
  background-color: rgb(120 53 15 / 0.3);
}

.hover\:bg-bs-action-hover:hover {
  --tw-bg-opacity: 1;
  background-color: var(--bs-action-hover-bg);
}

.hover\:bg-bs-content\/10:hover {
  background-color: color-mix(in srgb, var(--bs-text) calc(0.1 * 100%), transparent);
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-700\/80:hover {
  background-color: rgb(55 65 81 / 0.8);
}

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

.hover\:bg-rose-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}

.hover\:bg-rose-400\/10:hover {
  background-color: rgb(251 113 133 / 0.1);
}

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

.hover\:bg-rose-500\/10:hover {
  background-color: rgb(244 63 94 / 0.1);
}

.hover\:bg-rose-500\/15:hover {
  background-color: rgb(244 63 94 / 0.15);
}

.hover\:bg-rose-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-700\/40:hover {
  background-color: rgb(51 65 85 / 0.4);
}

.hover\:bg-slate-700\/50:hover {
  background-color: rgb(51 65 85 / 0.5);
}

.hover\:bg-slate-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-800\/30:hover {
  background-color: rgb(30 41 59 / 0.3);
}

.hover\:bg-slate-800\/40:hover {
  background-color: rgb(30 41 59 / 0.4);
}

.hover\:bg-slate-800\/45:hover {
  background-color: rgb(30 41 59 / 0.45);
}

.hover\:bg-slate-800\/50:hover {
  background-color: rgb(30 41 59 / 0.5);
}

.hover\:bg-slate-800\/60:hover {
  background-color: rgb(30 41 59 / 0.6);
}

.hover\:bg-slate-800\/70:hover {
  background-color: rgb(30 41 59 / 0.7);
}

.hover\:bg-slate-800\/80:hover {
  background-color: rgb(30 41 59 / 0.8);
}

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

.hover\:bg-slate-900\/40:hover {
  background-color: rgb(15 23 42 / 0.4);
}

.hover\:bg-slate-900\/50:hover {
  background-color: rgb(15 23 42 / 0.5);
}

.hover\:bg-slate-900\/80:hover {
  background-color: rgb(15 23 42 / 0.8);
}

.hover\:bg-teal-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(153 246 228 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(94 234 212 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-400\/10:hover {
  background-color: rgb(45 212 191 / 0.1);
}

.hover\:bg-teal-400\/15:hover {
  background-color: rgb(45 212 191 / 0.15);
}

.hover\:bg-teal-400\/5:hover {
  background-color: rgb(45 212 191 / 0.05);
}

.hover\:bg-teal-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-50\/20:hover {
  background-color: rgb(240 253 250 / 0.2);
}

.hover\:bg-teal-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-500\/10:hover {
  background-color: rgb(20 184 166 / 0.1);
}

.hover\:bg-teal-500\/15:hover {
  background-color: rgb(20 184 166 / 0.15);
}

.hover\:bg-teal-500\/20:hover {
  background-color: rgb(20 184 166 / 0.2);
}

.hover\:bg-teal-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(15 118 110 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 94 89 / var(--tw-bg-opacity, 1));
}

.hover\:bg-teal-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(19 78 74 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/15:hover {
  background-color: rgb(255 255 255 / 0.15);
}

.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.hover\:bg-white\/50:hover {
  background-color: rgb(255 255 255 / 0.5);
}

.hover\:bg-white\/\[0\.06\]:hover {
  background-color: rgb(255 255 255 / 0.06);
}

.hover\:bg-white\/\[0\.075\]:hover {
  background-color: rgb(255 255 255 / 0.075);
}

.hover\:bg-zinc-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

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

.hover\:text-\[\#1A1A18\]:hover {
  --tw-text-opacity: 1;
  color: rgb(26 26 24 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#1D6B61\]:hover {
  --tw-text-opacity: 1;
  color: rgb(29 107 97 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#2A7A6A\]:hover {
  --tw-text-opacity: 1;
  color: rgb(42 122 106 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#FAF7F0\]:hover {
  --tw-text-opacity: 1;
  color: rgb(250 247 240 / var(--tw-text-opacity, 1));
}

.hover\:text-accent:hover {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.hover\:text-bs-link-hover:hover {
  --tw-text-opacity: 1;
  color: var(--bs-link-hover);
}

.hover\:text-bs-on-action-hover:hover {
  --tw-text-opacity: 1;
  color: var(--bs-action-hover-text);
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-200:hover {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-300:hover {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-400:hover {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.hover\:text-rose-600:hover {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-100:hover {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-200:hover {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-300:hover {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-400:hover {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

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

.hover\:text-slate-950:hover {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.hover\:text-teal-100:hover {
  --tw-text-opacity: 1;
  color: rgb(204 251 241 / var(--tw-text-opacity, 1));
}

.hover\:text-teal-200:hover {
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1));
}

.hover\:text-teal-300:hover {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}

.hover\:text-teal-400:hover {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.hover\:text-teal-600:hover {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.hover\:text-teal-700:hover {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

.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-\[\#2A7A6A\]:hover {
  text-decoration-color: #2A7A6A;
}

.hover\:decoration-\[\#2A7A6A\]\/40:hover {
  text-decoration-color: rgb(42 122 106 / 0.4);
}

.hover\:decoration-slate-500:hover {
  text-decoration-color: #64748b;
}

.hover\:decoration-teal-300:hover {
  text-decoration-color: #5eead4;
}

.hover\:decoration-white:hover {
  text-decoration-color: #fff;
}

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

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -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);
}

.hover\:shadow-\[0_5px_15px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]:hover {
  --tw-shadow: 0 5px 15px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0 5px 15px 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\:shadow-lg:hover {
  --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);
}

.hover\:shadow-md:hover {
  --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);
}

.hover\:shadow-sm:hover {
  --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);
}

.hover\:shadow-teal-900\/20:hover {
  --tw-shadow-color: rgb(19 78 74 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:border-accent:focus {
  --tw-border-opacity: 1;
  border-color: rgb(13 148 136 / var(--tw-border-opacity, 1));
}

.focus\:border-rose-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}

.focus\:border-teal-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

.focus\:border-teal-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.focus\:bg-rose-500\/10:focus {
  background-color: rgb(244 63 94 / 0.1);
}

.focus\:bg-slate-800:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

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

.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-1: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(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\: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-4: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(4px + 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-inset:focus {
  --tw-ring-inset: inset;
}

.focus\:ring-emerald-100:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 250 229 / var(--tw-ring-opacity, 1));
}

.focus\:ring-rose-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity, 1));
}

.focus\:ring-slate-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1));
}

.focus\:ring-teal-300\/80:focus {
  --tw-ring-color: rgb(94 234 212 / 0.8);
}

.focus\:ring-teal-400\/35:focus {
  --tw-ring-color: rgb(45 212 191 / 0.35);
}

.focus\:ring-teal-400\/70:focus {
  --tw-ring-color: rgb(45 212 191 / 0.7);
}

.focus\:ring-teal-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1));
}

.focus\:ring-teal-500\/10:focus {
  --tw-ring-color: rgb(20 184 166 / 0.1);
}

.focus\:ring-teal-500\/40:focus {
  --tw-ring-color: rgb(20 184 166 / 0.4);
}

.focus\:ring-teal-500\/50:focus {
  --tw-ring-color: rgb(20 184 166 / 0.5);
}

.focus\:ring-teal-600:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity, 1));
}

.focus\:ring-teal-700\/20:focus {
  --tw-ring-color: rgb(15 118 110 / 0.2);
}

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

.focus\:ring-offset-\[\#0B1B20\]:focus {
  --tw-ring-offset-color: #0B1B20;
}

.focus-visible\:rounded:focus-visible {
  border-radius: 4px;
}

.focus-visible\:rounded-lg:focus-visible {
  border-radius: 0.5rem;
}

.focus-visible\:bg-rose-400\/10:focus-visible {
  background-color: rgb(251 113 133 / 0.1);
}

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

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-\[3px\]:focus-visible {
  outline-width: 3px;
}

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

.focus-visible\:outline-offset-4:focus-visible {
  outline-offset: 4px;
}

.focus-visible\:outline-offset-\[3px\]:focus-visible {
  outline-offset: 3px;
}

.focus-visible\:outline-offset-\[6px\]:focus-visible {
  outline-offset: 6px;
}

.focus-visible\:outline-\[\#2A7A6A\]:focus-visible {
  outline-color: #2A7A6A;
}

.focus-visible\:outline-bs-focus:focus-visible {
  outline-color: var(--bs-focus);
}

.focus-visible\:outline-teal-300:focus-visible {
  outline-color: #5eead4;
}

.focus-visible\:outline-teal-600:focus-visible {
  outline-color: #0d9488;
}

.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-\[\#2A7A6A\]\/40:focus-visible {
  --tw-ring-color: rgb(42 122 106 / 0.4);
}

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

.focus-visible\:ring-teal-400:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-teal-400\/35:focus-visible {
  --tw-ring-color: rgb(45 212 191 / 0.35);
}

.focus-visible\:ring-teal-400\/60:focus-visible {
  --tw-ring-color: rgb(45 212 191 / 0.6);
}

.focus-visible\:ring-teal-500\/60:focus-visible {
  --tw-ring-color: rgb(20 184 166 / 0.6);
}

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

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

.focus-visible\:ring-offset-\[\#F5EFE4\]:focus-visible {
  --tw-ring-offset-color: #F5EFE4;
}

.focus-visible\:ring-offset-slate-950:focus-visible {
  --tw-ring-offset-color: #020617;
}

.focus-visible\:ring-offset-white:focus-visible {
  --tw-ring-offset-color: #fff;
}

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

.active\:bg-slate-800\/40:active {
  background-color: rgb(30 41 59 / 0.4);
}

.active\:border-white\/40:active {
  border-color: rgb(255 255 255 / 0.4);
}

.active\:bg-white\/20:active {
  background-color: rgb(255 255 255 / 0.2);
}

.disabled\:transform-none:disabled {
  transform: none;
}

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

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

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

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

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

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

.group[open] .group-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:focus-within .group-focus-within\:inline-flex {
  display: inline-flex;
}

.group:focus-within .group-focus-within\:text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.group:focus-within .group-focus-within\:text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:inline-flex {
  display: inline-flex;
}

.group:hover .group-hover\:hidden {
  display: none;
}

.group:hover .group-hover\:-translate-x-1 {
  --tw-translate-x: -0.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));
}

.group:hover .group-hover\:-translate-y-2 {
  --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));
}

.group:hover .group-hover\: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));
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.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));
}

.group:hover .group-hover\:translate-x-2 {
  --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));
}

.group:hover .group-hover\: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));
}

.group:hover .group-hover\:scale-105 {
  --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));
}

.group:hover .group-hover\: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));
}

.group:hover .group-hover\:scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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:hover .group-hover\:scale-\[1\.03\] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  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:hover .group-hover\:scale-\[1\.04\] {
  --tw-scale-x: 1.04;
  --tw-scale-y: 1.04;
  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:hover .group-hover\:scale-\[1\.05\] {
  --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));
}

.group:hover .group-hover\:scale-\[1\.14\] {
  --tw-scale-x: 1.14;
  --tw-scale-y: 1.14;
  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:hover .group-hover\:border-teal-300\/35 {
  border-color: rgb(94 234 212 / 0.35);
}

.group:hover .group-hover\:border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:border-teal-500\/30 {
  border-color: rgb(20 184 166 / 0.3);
}

.group:hover .group-hover\:border-teal-500\/50 {
  border-color: rgb(20 184 166 / 0.5);
}

.group:hover .group-hover\:bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

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

.group:hover .group-hover\:bg-teal-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
}

.group\/item:hover .group-hover\/item\:text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.group\/item:hover .group-hover\/item\:text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

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

.group:hover .group-hover\:text-accent {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-stone-600 {
  --tw-text-opacity: 1;
  color: rgb(87 83 78 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-teal-200 {
  --tw-text-opacity: 1;
  color: rgb(153 246 228 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-teal-300 {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-teal-400 {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-teal-400\/35 {
  color: rgb(45 212 191 / 0.35);
}

.group:hover .group-hover\:text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-teal-500\/20 {
  color: rgb(20 184 166 / 0.2);
}

.group:hover .group-hover\:text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}

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

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

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

.group:hover .group-hover\:opacity-20 {
  opacity: 0.2;
}

.group:hover .group-hover\:grayscale-0 {
  --tw-grayscale: grayscale(0);
  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-visible .group-focus-visible\:bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.group:focus-visible .group-focus-visible\:text-teal-300 {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:block {
  display: block;
}

.prose-p\:leading-8 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  line-height: 2rem;
}

.prose-p\:text-slate-400 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.prose-strong\:text-sky-300 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
  .supports-\[backdrop-filter\]\:bg-slate-950\/80 {
    background-color: rgb(2 6 23 / 0.8);
  }
}

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

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

@media (min-width: 640px) {
  .sm\:static {
    position: static;
  }

  .sm\:absolute {
    position: absolute;
  }

  .sm\:-inset-x-8 {
    left: -2rem;
    right: -2rem;
  }

  .sm\:bottom-12 {
    bottom: 3rem;
  }

  .sm\:bottom-\[calc\(100\%\+12px\)\] {
    bottom: calc(100% + 12px);
  }

  .sm\:bottom-auto {
    bottom: auto;
  }

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

  .sm\:left-auto {
    left: auto;
  }

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

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

  .sm\:right-auto {
    right: auto;
  }

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

  .sm\:top-\[52\%\] {
    top: 52%;
  }

  .sm\:top-\[calc\(100\%\+12px\)\] {
    top: calc(100% + 12px);
  }

  .sm\:top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }

  .sm\:top-auto {
    top: auto;
  }

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

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

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

  .sm\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

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

  .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

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

  .sm\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:-mb-8 {
    margin-bottom: -2rem;
  }

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

  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .sm\:mb-16 {
    margin-bottom: 4rem;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:mb-\[13\.5rem\] {
    margin-bottom: 13.5rem;
  }

  .sm\:ml-9 {
    margin-left: 2.25rem;
  }

  .sm\:ml-\[1\.75rem\] {
    margin-left: 1.75rem;
  }

  .sm\:ml-\[3\.5rem\] {
    margin-left: 3.5rem;
  }

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

  .sm\:mt-12 {
    margin-top: 3rem;
  }

  .sm\:mt-14 {
    margin-top: 3.5rem;
  }

  .sm\:mt-16 {
    margin-top: 4rem;
  }

  .sm\:mt-20 {
    margin-top: 5rem;
  }

  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:mt-28 {
    margin-top: 7rem;
  }

  .sm\:mt-32 {
    margin-top: 8rem;
  }

  .sm\:mt-36 {
    margin-top: 9rem;
  }

  .sm\:mt-40 {
    margin-top: 10rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mt-\[13\.5rem\] {
    margin-top: 13.5rem;
  }

  .sm\:line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  .sm\:block {
    display: block;
  }

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

  .sm\:flex {
    display: flex;
  }

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

  .sm\:grid {
    display: grid;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }

  .sm\:aspect-auto {
    aspect-ratio: auto;
  }

  .sm\:\!h-9 {
    height: 2.25rem !important;
  }

  .sm\:\!h-\[2em\] {
    height: 2em !important;
  }

  .sm\:h-11 {
    height: 2.75rem;
  }

  .sm\:h-3 {
    height: 0.75rem;
  }

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

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

  .sm\:h-\[31rem\] {
    height: 31rem;
  }

  .sm\:h-\[37rem\] {
    height: 37rem;
  }

  .sm\:h-\[4\.5rem\] {
    height: 4.5rem;
  }

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

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

  .sm\:max-h-\[calc\(100vh-8rem\)\] {
    max-height: calc(100vh - 8rem);
  }

  .sm\:min-h-\[13rem\] {
    min-height: 13rem;
  }

  .sm\:min-h-\[16rem\] {
    min-height: 16rem;
  }

  .sm\:min-h-\[20rem\] {
    min-height: 20rem;
  }

  .sm\:min-h-\[5\.5rem\] {
    min-height: 5.5rem;
  }

  .sm\:w-11 {
    width: 2.75rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-3 {
    width: 0.75rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-60 {
    width: 15rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-72 {
    width: 18rem;
  }

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

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

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

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

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

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

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

  .sm\:w-\[4\.5rem\] {
    width: 4.5rem;
  }

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

  .sm\:w-\[calc\(100\%\+4rem\)\] {
    width: calc(100% + 4rem);
  }

  .sm\:w-\[calc\(100\%\+5rem\)\] {
    width: calc(100% + 5rem);
  }

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

  .sm\:max-w-\[28rem\] {
    max-width: 28rem;
  }

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

  .sm\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .sm\:origin-top-left {
    transform-origin: top left;
  }

  .sm\:origin-top-right {
    transform-origin: top right;
  }

  .sm\:translate-x-\[30px\] {
    --tw-translate-x: 30px;
    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));
  }

  .sm\:translate-x-\[42\%\] {
    --tw-translate-x: 42%;
    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));
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 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));
  }

  .sm\:rotate-0 {
    --tw-rotate: 0deg;
    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));
  }

  .sm\: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));
  }

  .sm\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
  }

  .sm\:scroll-mt-32 {
    scroll-margin-top: 8rem;
  }

  .sm\:scroll-mt-\[100px\] {
    scroll-margin-top: 100px;
  }

  .sm\:grid-flow-col {
    grid-auto-flow: column;
  }

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

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

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

  .sm\:grid-cols-\[13rem_1fr\] {
    grid-template-columns: 13rem 1fr;
  }

  .sm\:grid-cols-\[6\.25rem_minmax\(0\2c 1fr\)_auto\] {
    grid-template-columns: 6.25rem minmax(0,1fr) auto;
  }

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

  .sm\:flex-col {
    flex-direction: column;
  }

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

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

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

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

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

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

  .sm\:justify-center {
    justify-content: center;
  }

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

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

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

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

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

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-7 {
    gap: 1.75rem;
  }

  .sm\: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));
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:rounded-\[1\.7rem\] {
    border-radius: 1.7rem;
  }

  .sm\:rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }

  .sm\:rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .sm\:rounded-\[3rem\] {
    border-radius: 3rem;
  }

  .sm\:rounded-full {
    border-radius: 9999px;
  }

  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-slate-900\/10 {
    border-color: rgb(15 23 42 / 0.1);
  }

  .sm\:bg-slate-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
  }

  .sm\:bg-white\/65 {
    background-color: rgb(255 255 255 / 0.65);
  }

  .sm\:object-center {
    -o-object-position: center;
       object-position: center;
  }

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

  .sm\:p-10 {
    padding: 2.5rem;
  }

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

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

  .sm\:p-2 {
    padding: 0.5rem;
  }

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

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

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

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

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

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

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

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

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

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

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

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

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

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

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

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

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

  .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-0 {
    padding-bottom: 0px;
  }

  .sm\:pb-12 {
    padding-bottom: 3rem;
  }

  .sm\:pb-32 {
    padding-bottom: 8rem;
  }

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

  .sm\:pr-0 {
    padding-right: 0px;
  }

  .sm\:pr-24 {
    padding-right: 6rem;
  }

  .sm\:pt-0 {
    padding-top: 0px;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pt-16 {
    padding-top: 4rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

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

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

  .sm\:pt-8 {
    padding-top: 2rem;
  }

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

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .sm\:text-\[0\.85rem\] {
    font-size: 0.85rem;
  }

  .sm\:text-\[1\.05rem\] {
    font-size: 1.05rem;
  }

  .sm\:text-\[1\.3rem\] {
    font-size: 1.3rem;
  }

  .sm\:text-\[1\.4rem\] {
    font-size: 1.4rem;
  }

  .sm\:text-\[1\.55rem\] {
    font-size: 1.55rem;
  }

  .sm\:text-\[1\.6rem\] {
    font-size: 1.6rem;
  }

  .sm\:text-\[1\.7rem\] {
    font-size: 1.7rem;
  }

  .sm\:text-\[1\.8rem\] {
    font-size: 1.8rem;
  }

  .sm\:text-\[1\.9rem\] {
    font-size: 1.9rem;
  }

  .sm\:text-\[10px\] {
    font-size: 10px;
  }

  .sm\:text-\[13px\] {
    font-size: 13px;
  }

  .sm\:text-\[15px\] {
    font-size: 15px;
  }

  .sm\:text-\[2\.15rem\] {
    font-size: 2.15rem;
  }

  .sm\:text-\[2\.25rem\] {
    font-size: 2.25rem;
  }

  .sm\:text-\[2\.2rem\] {
    font-size: 2.2rem;
  }

  .sm\:text-\[2\.4rem\] {
    font-size: 2.4rem;
  }

  .sm\:text-\[2\.6rem\] {
    font-size: 2.6rem;
  }

  .sm\:text-\[2\.7rem\] {
    font-size: 2.7rem;
  }

  .sm\:text-\[2\.9rem\] {
    font-size: 2.9rem;
  }

  .sm\:text-\[3\.2rem\] {
    font-size: 3.2rem;
  }

  .sm\:text-\[3rem\] {
    font-size: 3rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:leading-6 {
    line-height: 1.5rem;
  }

  .sm\:leading-7 {
    line-height: 1.75rem;
  }

  .sm\:leading-8 {
    line-height: 2rem;
  }

  .sm\:leading-9 {
    line-height: 2.25rem;
  }

  .sm\:leading-\[1\.16\] {
    line-height: 1.16;
  }

  .sm\:tracking-\[-0\.01em\] {
    letter-spacing: -0.01em;
  }

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

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

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

  .sm\: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);
  }
}

@media (min-width: 768px) {
  .md\:-left-20 {
    left: -5rem;
  }

  .md\:left-0 {
    left: 0px;
  }

  .md\:left-\[30\%\] {
    left: 30%;
  }

  .md\:right-\[30\%\] {
    right: 30%;
  }

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

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

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

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

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

  .md\:mx-\[-20px\] {
    margin-left: -20px;
    margin-right: -20px;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

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

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:pt-4 {
    padding-top: 1rem
  }
  .md\:mb-12 {
    margin-bottom: 3rem
  }
  .md\:mb-16 {
    margin-bottom: 4rem
  }
  .md\:mt-4 {
    margin-top: 1rem
  }
  .md\:h-10 {
    height: 2.5rem
  }
  .md\:w-10 {
    width: 2.5rem
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mt-14 {
    margin-top: 3.5rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mt-28 {
    margin-top: 7rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

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

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-3\.5 {
    height: 0.875rem;
  }

  .md\:h-\[22rem\] {
    height: 22rem;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:min-h-\[13rem\] {
    min-height: 13rem;
  }

  .md\:min-h-\[22rem\] {
    min-height: 22rem;
  }

  .md\:w-3\.5 {
    width: 0.875rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-72 {
    width: 18rem;
  }

  .md\:w-80 {
    width: 20rem;
  }

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

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

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

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

  .md\:w-px {
    width: 1px;
  }

  .md\:max-w-\[9\.5rem\] {
    max-width: 9.5rem;
  }

  .md\:-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));
  }

  .md\: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));
  }

  .md\:translate-y-\[-10px\] {
    --tw-translate-y: -10px;
    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));
  }

  .md\:translate-y-\[-30px\] {
    --tw-translate-y: -30px;
    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));
  }

  .md\:translate-y-\[30px\] {
    --tw-translate-y: 30px;
    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));
  }

  .md\:-rotate-2 {
    --tw-rotate: -2deg;
    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));
  }

  .md\:rotate-0 {
    --tw-rotate: 0deg;
    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));
  }

  .md\:rotate-3 {
    --tw-rotate: 3deg;
    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));
  }

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

  .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-\[1fr_auto_1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }

  .md\:grid-cols-\[minmax\(0\2c 1\.6fr\)_140px_140px_110px\] {
    grid-template-columns: minmax(0,1.6fr) 140px 140px 110px;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_18rem\] {
    grid-template-columns: minmax(0,1fr) 18rem;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_1px_minmax\(0\2c 1\.15fr\)\] {
    grid-template-columns: minmax(0,1fr) 1px minmax(0,1.15fr);
  }

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

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

  .md\:items-end {
    align-items: flex-end;
  }

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

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

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

  .md\:gap-14 {
    gap: 3.5rem;
  }

  .md\:gap-16 {
    gap: 4rem;
  }

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

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

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

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

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

  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .md\:self-stretch {
    align-self: stretch;
  }

  .md\:border {
    border-width: 1px;
  }

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

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

  .md\:border-l-2 {
    border-left-width: 2px;
  }

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

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-16 {
    padding: 4rem;
  }

  .md\:p-20 {
    padding: 5rem;
  }

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

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

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

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

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

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

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

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

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

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

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pl-12 {
    padding-left: 3rem;
  }

  .md\:pl-20 {
    padding-left: 5rem;
  }

  .md\:pl-24 {
    padding-left: 6rem;
  }

  .md\:pl-4 {
    padding-left: 1rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

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

  .md\:pl-9 {
    padding-left: 2.25rem;
  }

  .md\:pr-2 {
    padding-right: 0.5rem;
  }

  .md\:pr-6 {
    padding-right: 1.5rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:pt-16 {
    padding-top: 4rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:font-serif {
    font-family: Fraunces, 'Fraunces Fallback', ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .md\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .md\:text-\[11px\] {
    font-size: 11px;
  }

  .md\:text-\[12px\] {
    font-size: 12px;
  }

  .md\:text-\[18rem\] {
    font-size: 18rem;
  }

  .md\:text-\[2\.5rem\] {
    font-size: 2.5rem;
  }

  .md\:text-\[2rem\] {
    font-size: 2rem;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:leading-7 {
    line-height: 1.75rem;
  }

  .md\:leading-8 {
    line-height: 2rem;
  }

  .md\:leading-9 {
    line-height: 2.25rem;
  }

  .md\:leading-relaxed {
    line-height: 1.625;
  }
}

@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:-inset-x-12 {
    left: -3rem;
    right: -3rem;
  }

  .lg\:inset-y-0 {
    top: 0px;
    bottom: 0px;
  }

  .lg\:-left-7 {
    left: -1.75rem;
  }

  .lg\:-right-7 {
    right: -1.75rem;
  }

  .lg\:bottom-8 {
    bottom: 2rem;
  }

  .lg\:bottom-auto {
    bottom: auto;
  }

  .lg\:left-10 {
    left: 2.5rem;
  }

  .lg\:left-auto {
    left: auto;
  }

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

  .lg\:right-10 {
    right: 2.5rem;
  }

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

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

  .lg\:top-28 {
    top: 7rem;
  }

  .lg\:top-32 {
    top: 8rem;
  }

  .lg\:top-36 {
    top: 9rem;
  }

  .lg\:top-\[18\%\] {
    top: 18%;
  }

  .lg\:top-\[31\%\] {
    top: 31%;
  }

  .lg\:top-auto {
    top: auto;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

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

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

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

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

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

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

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

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

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

  .lg\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

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

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

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:-ml-6 {
    margin-left: -1.5rem;
  }

  .lg\:-mt-8 {
    margin-top: -2rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

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

  .lg\:ml-16 {
    margin-left: 4rem;
  }

  .lg\:ml-44 {
    margin-left: 11rem;
  }

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

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

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

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mt-14 {
    margin-top: 3.5rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:mt-3\.5 {
    margin-top: 0.875rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mt-7 {
    margin-top: 1.75rem;
  }

  .lg\:mt-9 {
    margin-top: 2.25rem;
  }
  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:\!flex {
    display: flex !important;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:\!grid {
    display: grid !important;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:contents {
    display: contents;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:aspect-auto {
    aspect-ratio: auto;
  }

  .lg\:aspect-square {
    aspect-ratio: 1 / 1;
  }

  .lg\:\!h-\[2em\] {
    height: 2em !important;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-5 {
    height: 1.25rem;
  }

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

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

  .lg\:h-auto {
    height: auto;
  }

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

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:min-h-\[13rem\] {
    min-height: 13rem;
  }

  .lg\:min-h-\[20rem\] {
    min-height: 20rem;
  }

  .lg\:min-h-\[26rem\] {
    min-height: 26rem;
  }

  .lg\:min-h-\[32rem\] {
    min-height: 32rem;
  }

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

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

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

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

  .lg\:w-1\/4 {
    width: 25%;
  }

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

  .lg\:w-5 {
    width: 1.25rem;
  }

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

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

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

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

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

  .lg\:w-\[50vw\] {
    width: 50vw;
  }

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

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

  .lg\:min-w-0 {
    min-width: 0px;
  }

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

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:max-w-5xl {
    max-width: 64rem;
  }

  .lg\:max-w-\[12rem\] {
    max-width: 12rem;
  }

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

  .lg\:max-w-\[22rem\] {
    max-width: 22rem;
  }

  .lg\:max-w-\[39rem\] {
    max-width: 39rem;
  }

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

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

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

  .lg\: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));
  }

  .lg\:translate-x-\[38\%\] {
    --tw-translate-x: 38%;
    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));
  }

  .lg\: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));
  }

  .lg\:translate-y-0 {
    --tw-translate-y: 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));
  }

  .lg\:translate-y-\[2\%\] {
    --tw-translate-y: 2%;
    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));
  }

  .lg\:rotate-2 {
    --tw-rotate: 2deg;
    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));
  }

  .lg\: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));
  }

  .lg\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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));
  }

  .lg\:scroll-mt-28 {
    scroll-margin-top: 7rem;
  }

  .lg\:scroll-mt-\[140px\] {
    scroll-margin-top: 140px;
  }

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

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

  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

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

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

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

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

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

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

  .lg\:grid-cols-\[0\.74fr_1\.26fr\] {
    grid-template-columns: 0.74fr 1.26fr;
  }

  .lg\:grid-cols-\[0\.82fr_1\.18fr\] {
    grid-template-columns: 0.82fr 1.18fr;
  }

  .lg\:grid-cols-\[0\.88fr_1\.12fr\] {
    grid-template-columns: 0.88fr 1.12fr;
  }

  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    grid-template-columns: 0.8fr 1.2fr;
  }

  .lg\:grid-cols-\[0\.95fr_1\.05fr\] {
    grid-template-columns: 0.95fr 1.05fr;
  }

  .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .lg\:grid-cols-\[1\.12fr_0\.88fr\] {
    grid-template-columns: 1.12fr 0.88fr;
  }

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

  .lg\:grid-cols-\[1fr_0\.95fr\] {
    grid-template-columns: 1fr 0.95fr;
  }

  .lg\:grid-cols-\[1fr_0\.9fr\] {
    grid-template-columns: 1fr 0.9fr;
  }

  .lg\:grid-cols-\[20rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 20rem minmax(0,1fr);
  }

  .lg\:grid-cols-\[20rem_minmax\(0\2c 48rem\)\] {
    grid-template-columns: 20rem minmax(0,48rem);
  }

  .lg\:grid-cols-\[24rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 24rem minmax(0,1fr);
  }

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

  .lg\:grid-cols-\[320px_1fr_320px\] {
    grid-template-columns: 320px 1fr 320px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:justify-start {
    justify-content: flex-start;
  }

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

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

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

  .lg\:gap-10 {
    gap: 2.5rem;
  }

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

  .lg\:gap-14 {
    gap: 3.5rem;
  }

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

  .lg\:gap-20 {
    gap: 5rem;
  }

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

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:gap-x-14 {
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }

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

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

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

  .lg\:self-end {
    align-self: flex-end;
  }

  .lg\:justify-self-end {
    justify-self: end;
  }

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

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:rounded-\[2rem\] {
    border-radius: 2rem;
  }

  .lg\:rounded-\[3\.25rem\] {
    border-radius: 3.25rem;
  }

  .lg\:rounded-l-\[2\.35rem\] {
    border-top-left-radius: 2.35rem;
    border-bottom-left-radius: 2.35rem;
  }

  .lg\:rounded-l-\[3rem\] {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
  }

  .lg\:rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

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

  .lg\:border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }

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

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

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

  .lg\:border-r-0 {
    border-right-width: 0px;
  }

  .lg\:border-t {
    border-top-width: 1px;
  }

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

  .lg\:border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
  }

  .lg\:border-slate-800\/80 {
    border-color: rgb(30 41 59 / 0.8);
  }

  .lg\:bg-\[\#2A7A6A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(42 122 106 / var(--tw-bg-opacity, 1));
  }

  .lg\:bg-slate-900\/45 {
    background-color: rgb(15 23 42 / 0.45);
  }

  .lg\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-16 {
    padding: 4rem;
  }

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

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

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

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

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

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

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

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

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

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

  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

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

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

  .lg\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

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

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pb-28 {
    padding-bottom: 7rem;
  }

  .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

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

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

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

  .lg\:pr-80 {
    padding-right: 20rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-11 {
    padding-top: 2.75rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

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

  .lg\:pt-8 {
    padding-top: 2rem;
  }

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

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-\[0\.95rem\] {
    font-size: 0.95rem;
  }

  .lg\:text-\[1\.15rem\] {
    font-size: 1.15rem;
  }

  .lg\:text-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .lg\:text-\[1\.55rem\] {
    font-size: 1.55rem;
  }

  .lg\:text-\[1\.7rem\] {
    font-size: 1.7rem;
  }

  .lg\:text-\[1\.9rem\] {
    font-size: 1.9rem;
  }

  .lg\:text-\[3\.3rem\] {
    font-size: 3.3rem;
  }

  .lg\:text-\[3\.6rem\] {
    font-size: 3.6rem;
  }

  .lg\:text-\[4\.1rem\] {
    font-size: 4.1rem;
  }

  .lg\:text-\[4\.5rem\] {
    font-size: 4.5rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

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

  .lg\:leading-5 {
    line-height: 1.25rem;
  }

  .lg\:leading-7 {
    line-height: 1.75rem;
  }

  .lg\:leading-\[1\.08\] {
    line-height: 1.08;
  }

  .lg\:leading-\[1\.18\] {
    line-height: 1.18;
  }

  .lg\:leading-\[1\.32\] {
    line-height: 1.32;
  }

  .lg\:leading-\[1\.3\] {
    line-height: 1.3;
  }

  .lg\:leading-\[1\.78\] {
    line-height: 1.78;
  }

  .lg\:leading-\[1\.7\] {
    line-height: 1.7;
  }

  .lg\:leading-tight {
    line-height: 1.25;
  }

  .lg\:text-\[\#2E2A25\] {
    --tw-text-opacity: 1;
    color: rgb(46 42 37 / var(--tw-text-opacity, 1));
  }

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

  .lg\:\[transform-origin\:center_top\] {
    transform-origin: center top;
  }

  .lg\:\[transform\:scaleX\(-1\)_scale\(1\.12\)\] {
    transform: scaleX(-1) scale(1.12);
  }

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

  .lg\:first\:pt-0:first-child {
    padding-top: 0px;
  }

  .lg\:first\:pt-10:first-child {
    padding-top: 2.5rem;
  }

  .lg\:last\:mb-0:last-child {
    margin-bottom: 0px;
  }

  .lg\:hover\:border-amber-900\/50:hover {
    border-color: rgb(120 53 15 / 0.5);
  }

  .group:focus-within .lg\:group-focus-within\:inline {
    display: inline;
  }

  .group:focus-within .lg\:group-focus-within\:w-\[95px\] {
    width: 95px;
  }

  .group:focus-within .lg\:group-focus-within\:border-teal-400\/60 {
    border-color: rgb(45 212 191 / 0.6);
  }

  .group:focus-within .lg\:group-focus-within\:text-teal-200 {
    --tw-text-opacity: 1;
    color: rgb(153 246 228 / var(--tw-text-opacity, 1));
  }

  .group:hover .lg\:group-hover\:inline {
    display: inline;
  }

  .group:hover .lg\:group-hover\:w-\[95px\] {
    width: 95px;
  }

  .group:hover .lg\:group-hover\:border-teal-400\/60 {
    border-color: rgb(45 212 191 / 0.6);
  }

  .group:hover .lg\:group-hover\:text-teal-200 {
    --tw-text-opacity: 1;
    color: rgb(153 246 228 / var(--tw-text-opacity, 1));
  }
}

@media (min-width: 1280px) {
  .xl\:-left-\[4\.5rem\] {
    left: -4.5rem;
  }

  .xl\:-right-6 {
    right: -1.5rem;
  }

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

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

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

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

  .xl\:-ml-1 {
    margin-left: -0.25rem;
  }

  .xl\:-ml-16 {
    margin-left: -4rem;
  }

  .xl\:mr-0\.5 {
    margin-right: 0.125rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:min-h-\[22rem\] {
    min-height: 22rem;
  }

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

  .xl\:w-\[23rem\] {
    width: 23rem;
  }

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

  .xl\:w-\[25rem\] {
    width: 25rem;
  }

  .xl\:w-\[calc\(100\%\+5rem\)\] {
    width: calc(100% + 5rem);
  }

  .xl\:max-w-\[52rem\] {
    max-width: 52rem;
  }

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

  .xl\:-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));
  }

  .xl\:translate-x-\[32\%\] {
    --tw-translate-x: 32%;
    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));
  }

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

  .xl\:grid-cols-\[22rem_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 22rem minmax(0,1fr);
  }

  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 52rem\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,52rem) minmax(0,1fr);
  }

  .xl\:gap-16 {
    gap: 4rem;
  }

  .xl\:border-t {
    border-top-width: 1px;
  }

  .xl\:border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
  }

  .xl\:p-14 {
    padding: 3.5rem;
  }

  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

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

  .xl\:pt-14 {
    padding-top: 3.5rem;
  }

  .xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .xl\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .xl\:leading-6 {
    line-height: 1.5rem;
  }
}

@media (min-width: 1401px) {
  .\33xl\:-right-20 {
    right: -5rem;
  }

  .min-\[1401px\]\:-right-14 {
    right: -3.5rem;
  }
}

@media (min-width: 1536px) {
  .\32xl\:-ml-24 {
    margin-left: -6rem;
  }

  .\32xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 48rem\)_minmax\(0\2c 1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,48rem) minmax(0,1fr);
  }

  .\32xl\:gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

@media (min-width: 1700px) {
  .min-\[1700px\]\:w-\[950px\] {
    width: 950px;
  }

  .min-\[1700px\]\:justify-self-start {
    justify-self: start;
  }

  .min-\[1700px\]\:rounded-r-\[2\.35rem\] {
    border-top-right-radius: 2.35rem;
    border-bottom-right-radius: 2.35rem;
  }

  .min-\[1700px\]\:rounded-r-\[3rem\] {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
  }

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

@media (prefers-color-scheme: dark) {
  .dark\:divide-zinc-800 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(39 39 42 / var(--tw-divide-opacity, 1));
  }

  .dark\:border-emerald-800 {
    --tw-border-opacity: 1;
    border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
  }

  .dark\:border-zinc-700 {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
  }

  .dark\:border-zinc-800 {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
  }

  .dark\:bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-zinc-800\/60 {
    background-color: rgb(39 39 42 / 0.6);
  }

  .dark\:bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
  }

  .dark\:from-zinc-900 {
    --tw-gradient-from: #18181b var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .dark\:to-zinc-950 {
    --tw-gradient-to: #09090b var(--tw-gradient-to-position);
  }

  .dark\:text-emerald-300 {
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1));
  }

  .dark\:text-zinc-100 {
    --tw-text-opacity: 1;
    color: rgb(244 244 245 / var(--tw-text-opacity, 1));
  }

  .dark\:text-zinc-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity, 1));
  }

  .dark\:text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
  }

  .dark\:hover\:bg-zinc-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
  }

  .dark\:focus\:ring-emerald-900\/30:focus {
    --tw-ring-color: rgb(6 78 59 / 0.3);
  }
}

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

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

.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
  display: none;
}

@media (min-width: 640px) {
  .sm\:\[\&\:nth-last-child\(2\)\:nth-child\(odd\)\]\:border-b-0:nth-last-child(2):nth-child(odd) {
    border-bottom-width: 0px;
  }
}

.\[\&\>p\:first-child\]\:mt-0>p:first-child {
  margin-top: 0px;
}

.\[\&\>p\:last-child\]\:mb-0>p:last-child {
  margin-bottom: 0px;
}

.\[\&\>p\]\:mb-3>p {
  margin-bottom: 0.75rem;
}

.\[\&\>p\]\:mb-4>p {
  margin-bottom: 1rem;
}

.\[\&\>p\]\:mb-6>p {
  margin-bottom: 1.5rem;
}

.\[\&\>p\]\:mt-3>p {
  margin-top: 0.75rem;
}

.\[\&\>p\]\:leading-relaxed>p {
  line-height: 1.625;
}

.mb-36 {
  margin-bottom: 9rem
}
.w-\[140px\] {
  width: 140px
}
/* wild-words hub bubbles */
.-left-20 {
  left: -5rem
}
.-right-20 {
  right: -5rem
}
.w-\[170px\] {
  width: 170px
}
@media (min-width: 768px) {
  .md\:-left-24 {
      left: -6rem
    }
  .md\:-right-24 {
      right: -6rem
    }
  .md\:top-4 {
      top: 1rem
    }
  .md\:w-\[240px\] {
      width: 240px
    }
  .md\:opacity-100 {
      opacity: 1
    }
}
@media (min-width: 1024px) {
  .lg\:-left-40 {
      left: -10rem
    }
  .lg\:-right-40 {
      right: -10rem
    }
  .lg\:w-\[270px\] {
      width: 270px
    }
}
@media (min-width: 768px) {
  .md\:-top-12 {
    top: -3rem
  }
}
.left-\[calc\(50\%\+150px\)\] {
  left: calc(50% + 150px)
}
.right-\[calc\(50\%\+150px\)\] {
  right: calc(50% + 150px)
}
@media (min-width: 768px) {
  .md\:left-\[calc\(50\%\+250px\)\] {
    left: calc(50% + 250px)
  }
  .md\:right-\[calc\(50\%\+250px\)\] {
    right: calc(50% + 250px)
  }
  .md\:top-0 {
    top: 0px
  }
  .md\:w-\[180px\] {
    width: 180px
  }
}
.-left-\[46px\] {
  left: -46px
}
.-right-\[46px\] {
  right: -46px
}
.mb-28 {
  margin-bottom: 7rem
}
@media (min-width: 768px) {
  .md\:left-auto {
    left: auto
  }
  .md\:right-auto {
    right: auto
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem
  }
}
@media (min-width: 768px) {
  .md\:-top-4 {
    top: -1rem
  }
}
@media (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto
  }
}
@media (min-width: 768px) {
  .md\: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))
  }
}
@media (min-width: 768px) {
  .md\:-top-9 {
    top: -2.25rem
  }
}
@media (min-width: 768px) {
  .md\:mt-3 {
    margin-top: 0.75rem
  }
  .md\:mb-3 {
    margin-bottom: 0.75rem
  }
}
@media (min-width: 768px) {
  .md\:-top-6 {
    top: -1.5rem
  }
}

/* ==========================================================================
 * Single-page Experience (replaces the Recognise / Understand / Translate tabs)
 * and the standalone supporter-version view. Hand-mirrored at the END of
 * dist/tailwind.css (see CLAUDE.md §4 / the dist note) — keep both in step.
 * ========================================================================== */
.bs-exp-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.5rem 1.1rem;
  border-radius: 9999px;
  border: 1px solid rgb(51 65 85);
  background: rgba(15, 23, 42, 0.3);
  color: rgb(203 213 225);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.bs-exp-toggle:hover {
  border-color: rgba(45, 212, 191, 0.4);
  background: rgba(45, 212, 191, 0.08);
  color: rgb(153 246 228);
}
.bs-exp-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.bs-exp-toggle svg { transition: transform 0.2s; }
.bs-exp-toggle:focus-visible,
.bs-exp-more-toggle:focus-visible,
.bs-supporter-bar a:focus-visible,
.bs-supporter-bar button:focus-visible {
  outline: 2px solid rgb(45 212 191);
  outline-offset: 3px;
  border-radius: 0.5rem;
}
.bs-exp-more-toggle { cursor: pointer; }
.bs-exp-more-toggle .bs-exp-chevron { transition: transform 0.2s; }
.bs-exp-more-toggle[aria-expanded="true"] .bs-exp-chevron { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) {
  .bs-exp-toggle,
  .bs-exp-toggle svg,
  .bs-exp-more-toggle .bs-exp-chevron,
  [x-collapse] { transition-duration: 0s !important; }
}

/* Supporter-version view: minimal top bar over the (light) recipient document. */
.bs-supporter-bar {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(250, 247, 240, 0.96);
  border-bottom: 1px solid #e2e8f0;
  backdrop-filter: blur(6px);
}
.bs-supporter-bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  max-width: 56rem;
  margin: 0 auto;
  padding: 0.5rem 1rem;
}
.bs-supporter-bar__back {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.75rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #0f172a;
}
.bs-supporter-bar__back:hover { color: #0f766e; }
.bs-supporter-bar__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.bs-supporter-bar__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 2.5rem;
  padding: 0.4rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 700;
  transition: background-color 0.2s, color 0.2s;
}
.bs-supporter-bar__btn--ghost { border: 1px solid #94a3b8; color: #0f172a; }
.bs-supporter-bar__btn--ghost:hover { background: #fff; }
.bs-supporter-bar__btn--solid { background: #0f766e; color: #fff; border: 1px solid #0f766e; }
.bs-supporter-bar__btn--solid:hover { background: #115e59; }
.bs-supporter-view .bs-share-light { min-height: 0; }

/* Utilities added for the single-page Experience (hand-mirrored; a full rebuild would drop unrelated selectors). */
.-m-2 { margin: -0.5rem; }
.bg-purple-400\/\[0\.06\] { background-color: rgb(192 132 252 / 0.06); }
.border-purple-300\/20 { border-color: rgb(216 180 254 / 0.2); }
.decoration-slate-600 { text-decoration-color: #475569; }
.hover\:decoration-teal-400:hover { text-decoration-color: #2dd4bf; }
.group:hover .group-hover\:border-teal-400\/40 { border-color: rgb(45 212 191 / 0.4); }
.hover\:bg-white\/\[0\.03\]:hover { background-color: rgb(255 255 255 / 0.03); }
.max-w-\[52ch\] { max-width: 52ch; }
.min-h-\[2\.5rem\] { min-height: 2.5rem; }
.min-h-\[2\.75rem\] { min-height: 2.75rem; }
.focus-visible\:ring-teal-300:focus-visible { outline: 2px solid #5eead4; outline-offset: 2px; }
@media (min-width: 768px) {
  .md\:p-7 { padding: 1.75rem; }
  .md\:pt-12 { padding-top: 3rem; }
  .md\:pt-14 { padding-top: 3.5rem; }
  .md\:space-y-20 > :not([hidden]) ~ :not([hidden]) { margin-top: 5rem; margin-bottom: 0; }
}
.bs-supporter-bar .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (min-width: 768px) { .md\:pb-20 { padding-bottom: 5rem; } }
@media (min-width: 768px) { .bs-supporter-bar__inner { padding-left: 2rem; padding-right: 2rem; } }

/* Bottom of the Experience page: "Understand more" is a quiet divider row; "Help someone understand" is the one coloured callout. */
.bs-exp-more-toggle { border-top: 1px solid rgb(30 41 59); border-bottom: 1px solid rgb(30 41 59); }
.bs-exp-more-toggle:hover { border-color: rgb(51 65 85); }
.bs-help-cta {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem;
  border-radius: 1rem;
  background: rgba(15, 23, 42, 0.4); /* = the account card: bg-slate-900/40 */
  border: 1px solid #1e293b; /* border-slate-800 */
}
@media (min-width: 640px) { .bs-help-cta { flex-direction: row; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.75rem 2rem; } }
.bs-help-cta__title { font-family: 'Fraunces', 'Fraunces Fallback', ui-serif, Georgia, Cambria, serif; font-weight: 400; font-size: 1.5rem; line-height: 1.15; letter-spacing: -0.02em; color: #f1f5f9; }
.bs-help-cta__desc { margin-top: 0.4rem; font-size: 0.9375rem; line-height: 1.5; color: #94a3b8; max-width: 38ch; }
.bs-help-cta__btn {
  display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 0.5rem;
  min-height: 2.75rem; padding: 0.6rem 1.35rem; border-radius: 9999px;
  border: 1px solid #475569; background: transparent; color: #e2e8f0; font-size: 0.875rem; font-weight: 700; /* quiet outline: Save stays the one teal action */
  transition: border-color 0.2s, color 0.2s, background-color 0.2s;
}
.bs-help-cta__btn:hover { border-color: #2dd4bf; color: #99f6e4; background: rgba(45, 212, 191, 0.06); }
.bs-help-cta__btn:focus-visible { outline: 2px solid #99f6e4; outline-offset: 3px; }

/* Extra light-mode remaps for the Wild Words supporter guide (same .bs-share-light system). */
.bs-share-light .bg-slate-900,
.bs-share-light .bg-slate-900\/50 { background-color: #ffffff; }
.bs-share-light .text-slate-300\/80 { color: #475569; }
.bs-share-light .text-teal-300 { color: #0f766e; }
.bs-share-light .text-teal-500 { color: #0f766e; }
.bs-share-light .text-emerald-400 { color: #047857; }
.bs-share-light .text-emerald-500 { color: #059669; }
.bs-share-light .text-rose-400 { color: #be123c; }
.bs-share-light .text-rose-500 { color: #e11d48; }
.bs-share-light .border-teal-400\/40 { border-color: rgba(13, 148, 136, 0.45); }
.bs-share-light .bg-teal-400\/10 { background-color: rgba(13, 148, 136, 0.1); }
.bs-share-light .border-emerald-500\/20 { border-color: rgba(5, 150, 105, 0.3); }
.bs-share-light .border-rose-500\/20 { border-color: rgba(225, 29, 72, 0.25); }
.bs-share-light .hover\:border-teal-400\/50:hover { border-color: #0d9488; }
.bs-share-light .border-slate-700 { border-color: #cbd5e1; }
.group[open] .group-open\:scale-y-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));
}
.bs-share-light .hover\:bg-slate-800\/50:hover { background-color: #f8fafc; }
.group:hover .group-hover\:decoration-teal-400 { text-decoration-color: #2dd4bf; }

/* Save button loading state (spinner only): same width as the "+ Save" button it becomes, so nothing jumps. */
.bs-save-loading { min-width: 5.3rem; }
@media (min-width: 640px) { .bs-save-loading { min-width: 6.1rem; } }
.bs-save-loading-bar { min-width: 5.45rem; }
/* Dark-text bright-teal buttons (Save etc.): extra utilities. */
.bg-teal-400\/50 { background-color: rgb(45 212 191 / 0.5); }
.text-slate-950\/60 { color: rgb(2 6 23 / 0.6); }
.border-slate-950\/20 { border-color: rgb(2 6 23 / 0.2); }
.border-slate-950\/25 { border-color: rgb(2 6 23 / 0.25); }
.border-t-slate-950 { border-top-color: #020617; }
.border-t-slate-950\/70 { border-top-color: rgb(2 6 23 / 0.7); }
@media (min-width: 640px) { .sm\:mt-8 { margin-top: 2rem; } }

/* Top 50 onboarding hint (template-parts/lens-hint.php): sits in the flow under the neurotype selector, arrow aimed at it. */
.bs-lens-hint {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: min(100%, 27rem);
  margin: -0.25rem 0 1.25rem;
  padding: 0.6rem 0.5rem 0.6rem 0.9rem;
  border: 1px solid #334155;
  border-radius: 0.875rem;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.bs-lens-hint__arrow {
  position: absolute;
  top: -6px;
  left: var(--bs-hint-x, 2.5rem);
  width: 11px;
  height: 11px;
  margin-left: -5.5px;
  border-top: 1px solid #334155;
  border-left: 1px solid #334155;
  background: #0f172a;
  transform: rotate(45deg);
}
.bs-lens-hint__text { margin: 0; padding-top: 0.15rem; text-wrap: balance; }
.bs-lens-hint__close {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  margin: -0.2rem -0.1rem -0.2rem 0;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.bs-lens-hint__close:hover { background: rgba(148, 163, 184, 0.14); color: #e2e8f0; }
.bs-lens-hint__close:focus-visible { outline: 2px solid #2dd4bf; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .bs-lens-hint__close { transition: none; } }

/* Pinned Experience controls (mobile, see single-experiences.php): a sticky row at the END of the article, so they stay pinned to the bottom of
   the screen over the content (1rem up, or the device safe area when larger) and rest inside the content area above the footer. Never position: fixed. */
.bs-float-row {
  z-index: 44; /* above page content, below the share sheet (45/50), header, menus, takeovers and modals */
  margin-top: 2.5rem; /* breathing room above the controls where they come to rest at the end of the content (sticky ignores margins while pinned) */
  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  /* the content column already has 1rem side padding; only add what a notch needs beyond it */
  padding-right: max(0px, calc(env(safe-area-inset-right, 0px) - 1rem));
  padding-left: max(0px, calc(env(safe-area-inset-left, 0px) - 1rem));
}
/* The pin zone (experience-journey.php) must reach up to the top of the screen at first paint: a sticky row cannot travel above its parent's top edge,
   and the zone otherwise starts below the hero (which can sit below the fold on short or narrow screens). An invisible one-screen spacer extends its box
   upward and the matching negative margin keeps every pixel of content where it was. Desktop has no pinned row, so none of this applies there. */
.bs-pin-zone { margin-top: -100vh; margin-top: -100svh; }
.bs-pin-zone::before { content: ""; display: block; height: 100vh; height: 100svh; pointer-events: none; }
/* The zone's box now reaches up over the hero: let taps fall through it to whatever is underneath, while its own content (not the pinned row, which manages
   its own pointer events) stays interactive. */
.bs-pin-zone { pointer-events: none; }
.bs-pin-zone > :not(.bs-float-row) { pointer-events: auto; }
@media (min-width: 1024px) {
  .bs-pin-zone { margin-top: 0; }
  .bs-pin-zone::before { display: none; }
}
/* The saved-state pill is a tinted outline elsewhere; pinned over page text it needs a solid fill to stay legible. */
/* Space above the combined account card: 1.5rem on mobile (the pinned row settles just above it); the section gap (5rem, = md:space-y-20) once there is no pinned row. */
.bs-gate-gap { margin-top: 1.5rem; }
@media (min-width: 1024px) { .bs-gate-gap { margin-top: 5rem; } }
.bs-float-row .bg-teal-500\/10 { background-color: #0b2528; box-shadow: 0 10px 28px -10px rgba(0, 0, 0, 0.7); }
@media (max-width: 1023.98px) {
  /* The inline Save (and its saved-state menu) is desktop only; on mobile the pinned control is the Save. Share stays inline. */
  .bs-save-desktop-only { display: none !important; }
  /* Admin-only dev "Reset State" button (footer.php): keep it above the pinned controls instead of over the Save pill. */
  body.single-experiences .bs-dev-reset { bottom: calc(5rem + env(safe-area-inset-bottom, 0px)); }
}

/* Inline arrow icons (inc/icons.php, birdstory_icon()): replace the arrow GLYPHS (← → ↗ ↓) that rendered differently per font/browser. 1em square, follows the
   text colour, sits on the text's optical middle; extra Tailwind classes (ml-*, transitions, group-hover transforms) can still be added per use. */
.bs-icon { display: inline-block; flex: none; width: 1em; height: 1em; vertical-align: -0.14em; overflow: visible; }