@charset "UTF-8";

/* ============================================
   Color Utilities — Base44 Dark Portfolio
   ============================================ */

.bg-primary {
  background: hsl(var(--primary));
}

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

.border-primary {
  border-color: hsl(var(--primary));
}

.glow-primary-sm {
  box-shadow: var(--shadow-primary-sm);
}

/* ============================================
   Helpers
   ============================================ */

/* ============================
   Scroll Reveal (legacy — always visible, JS removed)
   ============================ */

/* ============================
   Glow (fallback)
   ============================ */

.glow-primary-sm {
  box-shadow: var(--shadow-primary-sm);
}

/* ============================
   Pulse glow (page loader)
   ============================ */

@keyframes pulse-glow {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}

/* ============================
   Dots drift (red banner)
   ============================ */

@keyframes dots-drift {
  0% {
    background-position: 0% 0%, 0% 0%;
  }

  100% {
    background-position: 100% 100%, 140% 60%;
  }
}

.animate-dots-drift {
  animation: dots-drift 20s linear infinite alternate;
}

.w-90 {
  width: 90% !important;
}

/* ============================
   Surface panel — wrapper c/ bordas top/bottom (legado)
   ============================ */

.surface-panel button{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--surface) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
}

/* ============================
   Container — max-width 1440px (legado)
   Em Batch 3 alguns templates serão migrados para max-w-[1200px] do Figma Make.
   ============================ */

.container-page{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1440px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1536px){
  .container-page{
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* ============================================================
   Patterns — Figma Make (Modern Responsive Page Template)
   Substituem noise-overlay/dot-grid/blueprint-grid do Base44.
   ============================================================ */

/* --- Hero dot grid — verde sutil, só no hero */

.hero-dot-grid {
  position: absolute;
  inset: 0;
  opacity: 0.14;
  pointer-events: none;
  background-image: radial-gradient(circle, hsl(var(--cta)/0.3) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* --- Hero glow — radial verde no canto superior direito */

.hero-glow {
  position: absolute;
  top: 0;
  right: 0;
  width: 600px;
  height: 600px;
  pointer-events: none;
  background: radial-gradient(circle at 70% 30%, hsl(var(--cta)/0.08) 0%, transparent 60%);
}

/* --- Texto com gradient verde (Figma Make) — usado em headlines highlights */

.text-gradient-accent {
  background: var(--gradient-accent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* --- Background com gradient verde (Figma Make) — usado em cards CTA */

.bg-gradient-accent {
  background: var(--gradient-accent) !important;
}

/* --- Hover border sutil para cards (mantém compat c/ templates legados) */

.hover\:border-cta\/40:hover,
.hover\:border-cta\/40 {
  border-color: hsl(var(--cta)/0.4);
}

.group:hover .group-hover\:text-cta {
  color: hsl(var(--cta));
}

@media (min-width: 768px) {
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, 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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:col-span-1 {
    grid-column: span 1/span 1;
  }

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

  .md\:col-span-3 {
    grid-column: span 3/span 3;
  }

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

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

  .md\:col-span-6 {
    grid-column: span 6/span 6;
  }

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

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

  .md\:col-span-9 {
    grid-column: span 9/span 9;
  }

  .md\:col-span-10 {
    grid-column: span 10/span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11/span 11;
  }

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

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

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.timeline-item:first-child .timeline-dot {
  background: var(--cta) !important;
  border-color: var(--cta) !important;
}

.timeline-item:not(:first-child) .timeline-dot {
  background: var(--background) !important;
  border-color: hsl(var(--border)) !important;
}

@media (min-width: 1024px) {
  .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-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .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-5 {
    grid-column: span 5/span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6/span 6;
  }

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

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

  .lg\:col-span-9 {
    grid-column: span 9/span 9;
  }

  .lg\:col-span-10 {
    grid-column: span 10/span 10;
  }

  .lg\:col-span-11 {
    grid-column: span 11/span 11;
  }

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

/* ============================================
   Fonts
   ============================================

   Google Fonts loaded via <link> in html.html.twig
   with preconnect hints for optimal performance.
   This avoids @import which blocks rendering.
*/

@font-face {
  font-family: "bootstrap-icons";

  src: url("fonts/bootstrap-icons.woff2") format("woff2"), url("fonts/bootstrap-icons.woff") format("woff");
}

/* ============================================
   Design Tokens — White label candidatos
   Base: Figma Make "Landing Page Política Modular"
   Tema claro/neutro com accent verde (#00b374).
   Altere os valores em :root para trocar a identidade.
   ============================================ */

:root {
  color-scheme: light;
  /* Cantos retos (template) — radius quase zero */
  --radius: 0.25rem;
  /* ---- Base palette — HSL para Tailwind hsl(var(--x) / <alpha-value>) ---- */
  --background: 60 9% 95%;
  /* #f5f5f0 — off-white quente */
  --foreground: 0 0% 6%;
  /* #0f0f0f */
  --surface: 60 5% 91%;
  /* ~#e8e8e3 */
  --surface-2: 60 5% 87%;
  /* ~#deded8 */
  --card: 0 0% 100%;
  /* #ffffff */
  --card-foreground: 0 0% 6%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 6%;
  /* Primary — texto principal */
  --primary: 0 0% 6%;
  --primary-foreground: 0 0% 100%;
  /* Tertiary — bordas sutis */
  --tertiary: 60 5% 85%;
  --secondary: 60 5% 91%;
  --secondary-foreground: 0 0% 6%;
  --muted: 60 5% 91%;
  --muted-foreground: 60 3% 39%;
  /* #666660 */
  --accent: 159 100% 35%;
  /* #00b374 — accent verde (template) */
  --accent-foreground: 0 0% 100%;
  --success: 142 71% 45%;
  --warning: 38 92% 50%;
  --destructive: 350 84% 50%;
  /* #d4183d (template) */
  --destructive-foreground: 0 0% 100%;
  /* ---- CTA: cor de destaque — troque aqui por candidato ----
     Uso: botões CTA primários, links, numeração, hover states.
  */
  --cta: 159 100% 35%;
  /* #00b374 */
  --cta-foreground: 0 0% 100%;
  --cta-muted: 158 100% 30%;
  /* #009960 — hover */
  /* ---- Bordas — sutis, quase invisíveis (template: rgba black 0.06) ---- */
  --border: 60 5% 85%;
  --border-alpha: 0.06;
  --input: 60 5% 88%;
  --input-alpha: 0.06;
  --ring: 159 100% 35%;
  /* Seções escuras (Impacto, Doação, Footer) — #0f0f0f */
  --ink: 0 0% 6%;
  --ink-foreground: 0 0% 96%;
  /* Chart colors */
  --chart-1: 159 100% 35%;
  --chart-2: 158 100% 30%;
  --chart-3: 142 71% 45%;
  --chart-4: 38 92% 50%;
  --chart-5: 280 65% 60%;
  /* Gradients */
  --gradient-accent: linear-gradient(135deg, hsl(159, 100%, 35%) 0%, hsl(158, 100%, 40%) 100%);
  --gradient-cta: linear-gradient(to bottom right, hsla(159, 100%, 35%, 0.08), transparent);
  --gradient-hero-overlay: linear-gradient(180deg, hsla(60, 9%, 95%, 0.85) 0%, hsla(60, 9%, 95%, 0.5) 60%, hsl(60, 9%, 95%) 100%);
  /* Shadows */
  --shadow-panel: 0 24px 64px rgba(0, 0, 0, 0.08);
  --shadow-primary: 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-primary-sm: 0 4px 12px rgba(0, 0, 0, 0.04);
  --shadow-glow-inset: none;
  /* Flyonui override */
  --root-bg: hsl(var(--background));
  --color-base-100: hsl(0 0% 100%);
  --color-base-content: hsl(0 0% 6%);
  /* Font families — Unbounded (display) + DM Sans (body) + JetBrains Mono */
  --font-display: "Unbounded", sans-serif;
  --font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --font-family: var(--font-sans);
  /* Spacing */
  --spacing: 0.25rem;
}

/* ============================================
   Base Reset — Landing Page Política Modular
   ============================================ */

/* ============================================
   Typography — Landing Page Política Modular
   — Headings: Unbounded (700/900, tight, dramatic)
   — Body:     DM Sans (legível, leve)
   — Labels:   JetBrains Mono (uppercase tracking-widest)
   ============================================ */

/* ============================================
   Typography Utility Classes
   ============================================ */

/* === Display utilities === */

.display-hero {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 7vw, 6rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
}

.display-large {
  font-family: var(--font-display);
  font-size: clamp(2.25rem, 6vw, 4.5rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

/* === Heading utilities === */

.heading-h1 {
  font-family: var(--font-display);
  font-size: 6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
}

.heading-h2 {
  font-family: var(--font-display);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.heading-h3 {
  font-family: var(--font-display);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.heading-h4 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

/* === Subtitle / Eyebrow — JetBrains Mono, uppercase, tracking-widest === */

.subtitle-caps {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.subtitle-lg {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: hsl(var(--muted-foreground));
}

@media (min-width: 768px) {
  .subtitle-lg {
    font-size: 1.5rem;
  }
}

/* === Body utilities === */

.body-large {
  font-family: var(--font-sans);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.75;
}

.body-base {
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

.body-small {
  font-family: var(--font-sans);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

/* === Numeric / Stats — Unbounded 900 verde === */

.stats-number {
  font-family: var(--font-display);
  font-size: 3.75rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  color: hsl(var(--cta));
}

.metric-number {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  color: hsl(var(--cta));
}

.messages {
  border-left: 5px solid;
  border-radius: 6px;
  padding: 16px 20px;
  margin: 16px auto;
  max-width: 1536px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  animation: fadeIn 0.3s ease-in-out;
}

.messages__icon {
  flex-shrink: 0;
}

.messages__icon svg {
  width: 24px;
  height: 24px;
}

.messages__container {
  display: flex;
  gap: 24px;
}

.messages__content {
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
}

.messages__content a {
  text-decoration: underline;
  font-weight: 500;
}

.messages__button {
  margin-left: auto;
}

.messages__button button {
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0.6;
  transition: 0.2s;
}

.messages__button button:hover {
  opacity: 1;
}

.messages--status {
  background-color: #e6f9f0;
  border-color: #28a745;
  color: #155724;
  max-width: 1440px;
}

.messages--status a {
  color: #28a745;
}

.messages--error {
  background-color: #fdecea;
  border-color: #dc3545;
  color: #721c24;
}

.messages--error a {
  color: #dc3545;
}

.messages--warning {
  background-color: #fff4e5;
  border-color: #ffc107;
  color: #856404;
}

.messages--warning a {
  color: #ffc107;
}

.messages-top {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 800px;
  z-index: 9999;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.messages__button {
  position: absolute;
  top: 8px;
  right: 10px;
}

.messages__close {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  color: hsl(var(--foreground));
  margin-top: 10px;
}

.messages__close::before, .messages__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background-color: currentColor;
}

.messages__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.messages__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.messages__close:hover {
  opacity: 0.7;
}

/* ==========================================================================
   FAQ Accordion — ajuste fino de cores p/ Figma Make
   Mantém rotação 180° (compatível c/ chevron-down no Twig).
   Hook `surface-panel` no wrapper continua vindo do componente antigo.
   ========================================================================== */

[data-accordion-item] .faq-trigger {
  cursor: pointer;
}

[data-accordion-item] .faq-trigger[aria-expanded=true] .faq-icon {
  transform: rotate(180deg);
  color: hsl(var(--cta));
}

[data-accordion-item] .faq-icon {
  transition: transform 0.3s ease, color 0.3s ease;
}

[data-accordion-item] .faq-content {
  animation: faq-slide-down 0.3s ease;
}

[data-accordion-item] .faq-content[hidden] {
  display: none;
}

@keyframe faq-slide-down {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: 500px;
  }
}

/* ============================================
   Badges
   ============================================ */

.badge {
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
}

.badge--primary {
  background: color-mix(in oklab, hsl(var(--primary)) 10%, transparent);
  color: hsl(var(--primary));
}

.paragraph--type--section-banner.banner-type-default {
  overflow: hidden;
}

.paragraph--type--section-banner.banner-type-default .banner-cta {
  position: relative;
  overflow: hidden;
  background-color: hsl(var(--surface)/0.3);
  border: 1px solid hsl(var(--border)/var(--border-alpha, 0.08));
  border-radius: calc(var(--radius) + 4px);
  padding: 2.5rem 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  .paragraph--type--section-banner.banner-type-default .banner-cta {
    padding: 4rem;
  }
}

.paragraph--type--section-banner.banner-type-default .banner-cta {
  box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.04);
}

.paragraph--type--section-banner.banner-type-default .banner-cta .banner-cta__body {
  position: relative;
}

.paragraph--type--section-banner.banner-type-default .banner-cta .banner-cta__icon {
  margin: 0 auto 1rem;
  height: 2rem;
  width: 2rem;
  color: hsl(var(--cta));
}

.paragraph--type--section-banner.banner-type-default .banner-cta .banner-cta__title {
  font-family: var(--font-display);
  font-size: 1.875rem;
  font-weight: 700;
  max-width: 48rem;
  margin: 0 auto;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .paragraph--type--section-banner.banner-type-default .banner-cta .banner-cta__title {
    font-size: 3rem;
  }
}

.paragraph--type--section-banner.banner-type-default .banner-cta .banner-cta__desc {
  margin-top: 1rem;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
  color: hsl(var(--muted-foreground));
}

.paragraph--type--section-banner.banner-type-default .banner-cta .banner-cta__actions {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

.paragraph--type--section-banner.banner-type-slider .img-bg img, .paragraph--type--section-banner.banner-type-slider .img-bg picture, .paragraph--type--section-banner.banner-type-slider .img-bg .media, .paragraph--type--section-banner.banner-type-slider .img-bg .field__item, .paragraph--type--section-banner.banner-type-hero .img-bg img, .paragraph--type--section-banner.banner-type-hero .img-bg picture, .paragraph--type--section-banner.banner-type-hero .img-bg .media, .paragraph--type--section-banner.banner-type-hero .img-bg .field__item{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: 0;
}

.paragraph--type--section-banner.banner-type-slider img, .paragraph--type--section-banner.banner-type-hero img{
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.paragraph--type--section-banner.banner-type-default_with_image .banner-image-grid picture, .paragraph--type--section-banner.banner-type-default_with_image .banner-image-grid img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ============================================
   Button Component
   ============================================ */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  position: relative;
  padding: 1rem 1.5rem;
}

.btn:hover {
  text-decoration: none;
}

.btn svg {
  pointer-events: none;
  flex-shrink: 0;
}

.btn svg:not([class*=size-]) {
  width: 1rem;
  height: 1rem;
}

.btn:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px hsl(var(--ring));
}

.btn:disabled {
  pointer-events: none;
  opacity: 0.5;
}

/* Variants */

/* btn-primary = CTA verde neon (Figma Make)
   Tamanho default: px-8 py-4 rounded-full font-semibold text-sm
   Hover: brightness-110 (sem glow / shadow-heavy)
   Este estilo é o usado por `.btn-primary` no plugin Tailwind
   (ver tailwind.config.js), mas aqui são as classes SCSS puras
   para uso fora do Tailwind plugin (ex: webform submit). */

.btn-default, .btn-cta, .btn-secondary, .btn-primary, .btn-ember{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: calc(var(--radius) - 4px) !important;
  border-width: 1px !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  font-weight: 500 !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.btn-primary, .btn-ember {
  background: hsl(var(--cta));
  color: hsl(var(--cta-foreground));
  font-size: 0.875rem;
  font-weight: 700;
  font-family: var(--font-sans);
  border-radius: 0.125rem;
  transition: background-color 0.2s ease;
}

.btn-primary:hover:not(:disabled), .btn-ember:hover:not(:disabled) {
  background: hsl(var(--cta-muted));
  color: hsl(var(--tertiary));
}

.btn-secondary {
  border-radius: 0.125rem;
}

.btn-secondary:hover:not(:disabled) {
  border-color: hsl(var(--cta)/0.4);
}

.btn-cta{
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--cta) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: hsl(var(--cta-foreground) / var(--tw-text-opacity));
}

header[class*="left-0 right-0 z-40"].is-scrolled [class*=text-white]:not(.btn-cta *) {
  color: hsl(var(--foreground));
}

.btn-cta {
  border-radius: 0.125rem;
}

/* btn-outline — border terciary, hover border verde sutil (template) */

.btn-outline {
  background-color: transparent;
  color: hsl(var(--tertiary)) !important;
  border: 1px solid hsl(var(--tertiary));
  border-radius: 0.125rem;
  padding: 1rem 2rem;
  font-weight: 700;
  font-size: 0.875rem;
  font-family: var(--font-sans);
  transition: border-color 0.2s ease;
}

.btn-outline:hover:not(:disabled) {
  border-color: hsl(var(--cta)/0.4);
}

.btn-destructive {
  background-color: hsl(var(--destructive));
  color: hsl(var(--destructive-foreground));
}

.btn-destructive:hover:not(:disabled) {
  filter: brightness(1.1);
}

.btn-ghost {
  background-color: transparent;
  color: hsl(var(--foreground));
}

.btn-ghost:hover:not(:disabled) {
  background-color: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}

.btn-link {
  background-color: transparent;
  color: hsl(var(--primary));
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  padding: 0;
}

.btn-link:hover:not(:disabled) {
  text-decoration: underline;
  text-underline-offset: 0.375rem;
}

/* Sizes */

.btn-sm {
  height: 2rem;
  border-radius: 0.375rem;
  gap: 0.375rem;
  padding: 0 0.75rem;
}

.btn-lg {
  height: 2.5rem;
  border-radius: 0.375rem;
  padding: 0 1.5rem;
}

.btn-icon {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border-radius: 0.375rem;
}

/* Loading */

.btn.is-loading {
  pointer-events: none;
  opacity: 0.7;
}

.btn.is-loading::after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

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

  .btn.is-loading::after {
    animation: none;
  }
}

/* Rounded-full variant (legacy alias — mantém compat) */

.btn-rounded {
  border-radius: 9999px;
}

/* btn-ember legacy — alias p/ .btn-primary (Fase 7 vai limpar referências PHP) */

.columns-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.columns-wrapper .column {
  text-align: center;
  color: #555;
  border-bottom: 1px solid #ccc;
  border-right: none;
  padding: 24px;
}

.columns-wrapper .column:last-child {
  border-bottom: none;
}

.columns-wrapper .column h4 {
  font-weight: bold;
  margin: 0 0 1.5rem 0;
  font-style: italic;
  font-size: 28px;
}

.columns-wrapper .column p {
  font-size: 18px;
  margin: 0;
  font-style: italic;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .columns-wrapper {
    gap: 0;
  }

  .columns-wrapper .column {
    border-bottom: none;
    border-right: 1px solid #ccc;
    margin-bottom: 0;
  }

  .columns-wrapper .column h4 {
    font-size: 32px;
  }

  .columns-wrapper[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
  }

  .columns-wrapper[data-columns="2"] .column:nth-child(2n) {
    border-right: none;
  }

  .columns-wrapper[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
  }

  .columns-wrapper[data-columns="3"] .column:nth-child(3n) {
    border-right: none;
  }

  .columns-wrapper[data-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
  }

  .columns-wrapper[data-columns="4"] .column:nth-child(4n) {
    border-right: none;
  }

  .columns-wrapper[data-columns="5"], .columns-wrapper[data-columns="6"] {
    grid-template-columns: repeat(3, 1fr);
  }

  .columns-wrapper[data-columns="5"] .column:nth-child(3n), .columns-wrapper[data-columns="6"] .column:nth-child(3n) {
    border-right: none;
  }

  .columns-wrapper[data-columns="5"] .column:nth-child(4) {
    grid-column: 2;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }

  .columns-wrapper[data-columns="5"] .column:nth-child(5) {
    grid-column: 3;
    border-right: none;
  }
}

/* ============================================
   Stats cards em seção escura (dashboard-stats)
   ============================================ */

.dashboard-stats .paragraph--type--card.card-type-big-numbers {
  padding: 2rem;
  border: 1px solid hsl(var(--ink-foreground)/0.06);
  background: hsl(var(--ink));
  transition: border-color 0.2s ease;
}

.dashboard-stats .paragraph--type--card.card-type-big-numbers:hover {
  border-color: hsl(var(--cta)/0.3);
}

.dashboard-stats .paragraph--type--card.card-type-big-numbers [data-reveal] {
  border: none;
  background: transparent;
}

.dashboard-stats .paragraph--type--card.card-type-big-numbers {
  /* value — verde grande */
}

.dashboard-stats .paragraph--type--card.card-type-big-numbers .font-display.font-black {
  color: hsl(var(--cta)) !important;
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin-bottom: 0.5rem !important;
}

.dashboard-stats .paragraph--type--card.card-type-big-numbers {
  /* label — mono branco */
}

.dashboard-stats .paragraph--type--card.card-type-big-numbers .font-mono {
  color: hsl(var(--ink-foreground)/0.5) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase;
  margin-top: 0.75rem;
}

.dashboard-stats .paragraph--type--card.card-type-big-numbers .text-editor {
  display: none;
}

.paragraph--type--card.card-type .title-line {
  display: none;
}

.paragraph--type--card.card-type-big-numbers .text-editor {
  bottom: 0;
}

.paragraph--type--card.card-type-big-numbers .text-editor p {
  margin-bottom: 0 !important;
}

.paragraph--type--card.card-type-icon{
  position: relative;
  border-radius: var(--radius);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: hsl(var(--card) / var(--tw-bg-opacity));
  padding: 2rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.paragraph--type--card.card-type-icon: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));
  --tw-border-opacity: 1;
  border-color: hsl(var(--accent) / var(--tw-border-opacity));
  --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);
}

.paragraph--type--card.card-type-icon .icon{
  margin-bottom: 1.5rem;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 2px);
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
  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;
  background: hsl(var(--cta));
  color: hsl(var(--cta-foreground));
}

.paragraph--type--card.card-type-icon .icon svg{
  height: 2rem;
  width: 2rem;
  color: hsl(var(--cta-foreground));
}

.paragraph--type--card.card-type-icon .title {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
  font-family: var(--font-display);
}

.paragraph--type--card.card-type-icon .subtitle{
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.paragraph--type--card.card-type-icon .title-line {
  background: hsl(var(--cta));
  display: block;
}

.paragraph--type--card.card-type-icon .content-text{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.paragraph--type--card.card-type-icon .content-text p{
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.card-testmonial .paragraph--type--card.card-type-icon .content-text p {
  font-size: 14px;
  line-height: 1.6;
}

.card-testmonial .paragraph--type--card.card-type-icon .content-text p p {
  position: relative;
  font-style: italic;
  line-height: 1.8;
  padding: 0 30px;
  text-align: center;
  font-size: 1.125rem;
}

.card-testmonial .paragraph--type--card.card-type-icon .content-text p p::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -10px;
  font-family: Georgia, serif;
  font-size: 4rem;
  color: hsl(var(--cta));
  opacity: 0.3;
  line-height: 1;
}

.card-testmonial .paragraph--type--card.card-type-icon .content-text p p::after {
  content: "”";
  position: absolute;
  right: 0;
  bottom: -40px;
  font-family: Georgia, serif;
  font-size: 4rem;
  color: hsl(var(--cta));
  opacity: 0.3;
  line-height: 1;
}

.paragraph--type--card.card-type-icon .content-text p {
  color: inherit;
}

.paragraph--type--card.card-type-image-top{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius);
  --tw-bg-opacity: 1;
  background-color: hsl(var(--card) / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.paragraph--type--card.card-type-image-top: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));
}

.paragraph--type--card.card-type-image-top .card-image{
  position: relative;
  aspect-ratio: 4/3;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity));
}

.paragraph--type--card.card-type-image-top .card-content{
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}

@media (min-width: 1024px){
  .paragraph--type--card.card-type-image-top .card-content{
    padding: 2rem;
  }
}

.paragraph--type--card.card-type-image-top .icon{
  margin-bottom: 1.5rem;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 2px);
  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;
  background: hsl(var(--cta));
  color: hsl(var(--cta-foreground));
}

.paragraph--type--card.card-type-image-top .icon svg{
  height: 2rem;
  width: 2rem;
  color: hsl(var(--cta-foreground));
}

.paragraph--type--card.card-type-image-top .title {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
  font-family: var(--font-display);
}

.paragraph--type--card.card-type-image-top .subtitle{
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.paragraph--type--card.card-type-image-top .title-line {
  background: hsl(var(--cta));
  display: block;
}

.paragraph--type--card.card-type-image-top .content-text{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.paragraph--type--card.card-type-image-top .content-text p{
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.card-testmonial .paragraph--type--card.card-type-image-top .content-text p {
  font-size: 14px;
  line-height: 1.6;
}

.card-testmonial .paragraph--type--card.card-type-image-top .content-text p p {
  position: relative;
  font-style: italic;
  line-height: 1.8;
  padding: 0 30px;
  text-align: center;
  font-size: 1.125rem;
}

.card-testmonial .paragraph--type--card.card-type-image-top .content-text p p::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -10px;
  font-family: Georgia, serif;
  font-size: 4rem;
  color: hsl(var(--cta));
  opacity: 0.3;
  line-height: 1;
}

.card-testmonial .paragraph--type--card.card-type-image-top .content-text p p::after {
  content: "”";
  position: absolute;
  right: 0;
  bottom: -40px;
  font-family: Georgia, serif;
  font-size: 4rem;
  color: hsl(var(--cta));
  opacity: 0.3;
  line-height: 1;
}

.paragraph--type--card.card-type-image-top .content-text p {
  color: inherit;
}

.paragraph--type--card.card-type-icon-contact{
  border-left-width: 4px;
  padding: 2rem;
}

.paragraph--type--card.card-type-icon-contact .icon{
  margin-bottom: 1rem;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.paragraph--type--card.card-type-icon-contact .icon svg{
  height: 2rem;
  width: 2rem;
  --tw-text-opacity: 1;
  color: hsl(var(--cta-foreground) / var(--tw-text-opacity));
}

.paragraph--type--card.card-type-icon-contact .title{
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: -0.025em;
  font-family: var(--font-display);
}

.paragraph--type--card.card-type-icon-contact .subtitle{
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.paragraph--type--card.card-type-icon-contact .content-text{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.paragraph--type--card.card-type-icon-contact .content-text p{
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
}

.card-testmonial {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid hsl(var(--border)/var(--border-alpha, 0.08));
}

.card-testmonial .leading-relaxed {
  font-size: 14px;
  line-height: 1.6;
}

.card-testmonial .leading-relaxed p {
  position: relative;
  font-style: italic;
  line-height: 1.8;
  padding: 0 30px;
  text-align: center;
  font-size: 1.125rem;
}

.card-testmonial .leading-relaxed p::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -10px;
  font-family: Georgia, serif;
  font-size: 4rem;
  color: hsl(var(--cta));
  opacity: 0.3;
  line-height: 1;
}

.card-testmonial .leading-relaxed p::after {
  content: "”";
  position: absolute;
  right: 0;
  bottom: -40px;
  font-family: Georgia, serif;
  font-size: 4rem;
  color: hsl(var(--cta));
  opacity: 0.3;
  line-height: 1;
}

.card-testmonial .field--name-field-image,
.card-testmonial .field--name-field-name,
.card-testmonial .field--name-field-profession {
  display: inline-block;
}

.card-testmonial .testimonial-author {
  display: flex;
  align-items: center;
}

.card-testmonial .field--name-field-name {
  font-weight: 600;
  font-size: 14px;
}

.card-testmonial .field--name-field-profession {
  font-size: 12px;
}

/* ============================================
   Course Cards — removed (content type removed)
   ============================================ */

.team-card {
  box-sizing: border-box;
}

.team-card .team-roles {
  font-size: 12px !important;
}

.team-card .team-roles .divider {
  margin: 0 4px;
}

.team-card .actions {
  margin-top: auto !important;
}

/* ============================
   Shared Swiper Styles
   ============================ */

/* --- Pagination dots (shared) --- */

.swiper-pagination {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  z-index: 10;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 3px;
  border-radius: 0;
  background: hsl(var(--primary));
  opacity: 0.4;
  cursor: pointer;
  transition: background 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.4);
}

/* --- Navigation arrows (shared) --- */

.swiper-button-prev,
.swiper-button-next {
  color: hsl(var(--primary));
  width: 10px;
  height: 20px;
  background: hsl(var(--card));
  border-radius: 50%;
  padding: 10px 16px;
  position: absolute;
  top: auto !important;
  bottom: 0 !important;
  margin-top: 0;
  cursor: pointer;
  border: 1px solid hsl(var(--primary)) !important;
  display: grid;
  height: 2.5rem;
  width: 2.5rem;
}

@keyframes fade-up{
  from{
    opacity: 0;
    transform: translateY(32px);
  }

  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.swiper-button-prev,
.swiper-button-next{
  animation: fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
  place-items: center;
  border-radius: 9999px;
  background-color: hsl(var(--surface) / 0.7);
  color: hsl(var(--muted-foreground) / 0.7);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 18px;
  font-weight: bold;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(0, 0, 0, 0.15) !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  color: hsl(var(--primary));
}

.swiper-button-prev {
  left: inherit !important;
  margin-left: inherit !important;
  right: 60px !important;
}

.swiper-button-prev .swiper-navigation-icon {
  transform: scaleX(-1);
}

.swiper-button-next {
  left: auto !important;
  right: 30px;
}

@media (min-width: 680px) {
  .swiper-button-next {
    right: 30px;
  }
}

@media (min-width: 1220px) {
  .swiper-button-next {
    right: 35px;
  }
}

@media (min-width: 1440px) {
  .swiper-button-next {
    right: 2%;
  }
}

/* Remove default Swiper arrow icons when using custom buttons */

.swiper-button-lock {
  display: none;
}

/* ============================
   Team carousel
   ============================ */

.team-swiper {
  width: 100%;
  overflow: clip;
  position: relative;
}

.team-swiper:has(.team-pagination.swiper-pagination-lock) {
  padding-bottom: 0;
}

.team-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
  margin-bottom: 5rem;
}

.team-swiper .swiper-slide {
  display: flex;
  flex-shrink: 0;
  height: auto;
}

.team-swiper .swiper-slide > * {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.team-swiper .team-pagination.swiper-pagination-lock {
  display: none !important;
}

/* ============================
   Testimonials carousel
   ============================ */

.testimonials-swiper {
  overflow: clip;
}

.testimonials-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.testimonials-swiper .swiper-slide {
  flex-shrink: 0;
  height: auto;
}

/* ============================
   Banner slider
   ============================ */

.banner-slider {
  position: relative;
  overflow: hidden;
}

.banner-slider .swiper-wrapper {
  display: flex;
}

.banner-slider .swiper-slide {
  flex-shrink: 0;
  width: 100%;
}

.banner-slider .swiper-button-next,
.banner-slider .swiper-button-prev {
  display: none !important;
}

/* ============================
   Cards carousel
   ============================ */

.cards-carousel-swiper {
  overflow: clip;
}

.cards-carousel-swiper .swiper-wrapper {
  align-items: stretch;
  margin-bottom: 5rem;
  display: flex;
}

.cards-carousel-swiper .swiper-slide {
  flex-shrink: 0;
  height: auto;
}

/* ============================================================
   Forms — base styles for all Drupal forms
   Uses CSS custom properties so dark/light mode works natively
   ============================================================ */

.webform-button--submit {
  cursor: pointer;
}

input[type=submit].form-submit,
input[type=submit].button {
  cursor: pointer;
}

/* --- Form item spacing --- */

.form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

/* --- Focus ring for inputs usando CTA verde sutil (Figma Make) --- */

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
  border-color: hsl(var(--cta)/0.5);
  box-shadow: 0 0 0 2px hsl(var(--background)), 0 0 0 3px hsl(var(--cta)/0.2);
}

/* --- Checkbox / Radio consistency --- */

input[type=checkbox],
input[type=radio] {
  accent-color: hsl(var(--cta));
}

/* --- Select dropdown --- */

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 1rem;
  padding-right: 2.5rem;
}

/* --- Views exposed form reset --- */

.views-exposed-form .form-item {
  margin-top: 0;
  margin-bottom: 0;
}

.views-exposed-form input[type=text],
.views-exposed-form input[type=search],
.views-exposed-form select,
.views-exposed-form input[type=submit] {
  box-sizing: border-box;
  min-height: 48px;
}

.views-exposed-form .form-actions {
  margin-top: 0;
  margin-bottom: 0;
  align-self: flex-end;
}

/* --- Form error states --- */

input.error,
textarea.error,
select.error {
  border-color: var(--destructive, #ef4444) !important;
}

.form-item--error-message {
  color: var(--destructive, #ef4444);
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

/* --- Newsletter specific button --- */

.webform-submission-newsletter-form .form-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: hsl(var(--cta));
  padding: 0.75rem;
  width: 42px;
  height: 42px;
  color: hsl(var(--cta-foreground));
  transition: filter 0.2s;
  border: none;
  cursor: pointer;
  font-size: 0;
}

.webform-submission-newsletter-form .form-submit:hover {
  filter: brightness(1.1);
}

.webform-submission-newsletter-form .form-submit::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.form-item__label{
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.form-type-checkbox{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* --- Contact form in the two-column section --- */

.paragraph--type--section-form-text-columns .form-panel .webform-submission-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.paragraph--type--section-form-text-columns .form-panel .form-item {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.paragraph--type--section-form-text-columns .form-panel .form-item__label {
  margin: 0;
  color: hsl(var(--foreground));
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.paragraph--type--section-form-text-columns .form-panel input:not([type=hidden]):not([type=submit]),
.paragraph--type--section-form-text-columns .form-panel textarea,
.paragraph--type--section-form-text-columns .form-panel select {
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  font-size: 0.875rem;
  line-height: 1.5;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  border-radius: 0.125rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.paragraph--type--section-form-text-columns .form-panel input:not([type=hidden]):not([type=submit]):hover,
.paragraph--type--section-form-text-columns .form-panel textarea:hover,
.paragraph--type--section-form-text-columns .form-panel select:hover {
  border-color: hsl(var(--cta)/0.5);
}

.paragraph--type--section-form-text-columns .form-panel input:not([type=hidden]):not([type=submit]):focus,
.paragraph--type--section-form-text-columns .form-panel textarea:focus,
.paragraph--type--section-form-text-columns .form-panel select:focus {
  outline: none;
  border-color: hsl(var(--cta));
  box-shadow: 0 0 0 3px hsl(var(--cta)/0.15);
}

.paragraph--type--section-form-text-columns .form-panel textarea {
  min-height: 8rem;
  resize: vertical;
}

.paragraph--type--section-form-text-columns .form-panel .form-actions {
  margin-top: 0.5rem;
}

.paragraph--type--section-form-text-columns .form-panel .form-actions .btn-primary,
.paragraph--type--section-form-text-columns .form-panel .form-actions button[type=submit] {
  width: 100%;
}

.media--type-responsive-image picture {
  display: block;
  width: 100%;
}

.media--type-responsive-image img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  /* Garante que o banner preencha o espaço sem deformar */
}

.aspect-video iframe.media-oembed-content,
.aspect-video .media--type-remote-video,
.aspect-video .media--type-remote-video iframe,
.aspect-video-16\/9 iframe.media-oembed-content,
.aspect-video-16\/9 .media--type-remote-video,
.aspect-video-16\/9 .media--type-remote-video iframe,
[class*=aspect-video] iframe.media-oembed-content,
[class*=aspect-video] .media--type-remote-video,
[class*=aspect-video] .media--type-remote-video iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.media-embed-responsive {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.media-embed-responsive iframe,
.media-embed-responsive embed,
.media-embed-responsive object,
.media-embed-responsive video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* ==========================================================================
   Modal — estilos base
   ========================================================================== */

.paragraph--type--section-sliders .swiper-pagination-horizontal {
  bottom: 8rem !important;
}

/* ============================================
   Section Simple Header
   — Ajuste fino: cores hardcoded substituídas por tokens Figma Make.
     TODAS as 3 variantes field_header_type preservadas:
       • centered_no_border
       • simple
       • secondary_header
   ============================================ */

.section-simple-header{
  position: relative !important;
  margin-bottom: 2.5rem !important;
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

@media (min-width: 1024px){
  .section-simple-header{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

.section-simple-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, hsl(var(--foreground)/0.3) 0%, hsl(var(--foreground)/0.1) 50%, transparent 100%);
  pointer-events: none;
}

.section-simple-header > div{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1440px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1536px){
  .section-simple-header > div{
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px){
  .section-simple-header > div{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.section-simple-header > div {
  position: relative;
}

.section-simple-header .section-label{
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.section-simple-header .section-label__num {
  display: none;
}

.section-simple-header .section-label__line{
  height: 1px;
  width: 1.5rem;
  background: hsl(var(--foreground)/0.3);
}

.section-simple-header .section-label__text{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-family: var(--font-mono);
  color: hsl(var(--foreground)/0.5);
}

.section-simple-header h2 {
  margin-top: 1.5rem !important;
  font-weight: 700 !important;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4vw, 3rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: hsl(var(--foreground));
}

.section-simple-header h2 em {
  font-style: italic;
  font-weight: 400;
  color: hsl(var(--foreground)/0.65);
}

.section-simple-header .text-editor{
  margin-top: 1.5rem;
  max-width: 36rem;
  font-size: 16px;
  color: hsl(var(--foreground)/0.55);
  line-height: 1.7;
}

.section-simple-header.centered_no_border{
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
}

@media (min-width: 768px){
  .section-simple-header.centered_no_border{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.section-simple-header.centered_no_border h2 {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 1.5rem !important;
  max-width: 42rem !important;
  font-weight: 700 !important;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4vw, 3rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: hsl(var(--foreground));
}

.section-simple-header.centered_no_border .text-editor{
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
  text-align: left;
}

@media (min-width: 1024px){
  .section-simple-header.centered_no_border .text-editor{
    text-align: center;
  }
}

.section-simple-header.simple{
  position: relative;
  margin-bottom: 2.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 1024px){
  .section-simple-header.simple{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.section-simple-header.secondary_header{
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: left;
}

@media (min-width: 768px){
  .section-simple-header.secondary_header{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.section-simple-header.secondary_header {
  background: color-mix(in oklab, hsl(var(--cta)) 8%, transparent);
}

.section-simple-header.secondary_header .header-lead{
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.section-simple-header.secondary_header .header-title {
  margin-top: 0.75rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

@media (min-width: 768px){
  .section-simple-header.secondary_header .header-title{
    font-size: 3rem;
    line-height: 1;
  }
}

.section-simple-header.secondary_header .header-title {
  font-family: var(--font-display);
}

.section-simple-header.secondary_header .header-desc{
  margin-top: 0.75rem;
  max-width: 36rem;
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.text-content-editor,
.texta-editor {
  font-size: 0.938rem;
  line-height: 1.6;
  color: inherit;
}

@media (min-width: 768px) {
  .text-content-editor,
  .texta-editor {
    font-size: 1rem;
    line-height: 1.7;
  }
}

.text-content-editor *,
.texta-editor * {
  max-width: 100%;
}

.text-content-editor h1, .text-content-editor h2, .text-content-editor h3, .text-content-editor h4, .text-content-editor h5, .text-content-editor h6,
.texta-editor h1,
.texta-editor h2,
.texta-editor h3,
.texta-editor h4,
.texta-editor h5,
.texta-editor h6 {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .text-content-editor h1, .text-content-editor h2, .text-content-editor h3, .text-content-editor h4, .text-content-editor h5, .text-content-editor h6,
  .texta-editor h1,
  .texta-editor h2,
  .texta-editor h3,
  .texta-editor h4,
  .texta-editor h5,
  .texta-editor h6 {
    line-height: 1.3;
    margin-top: 2.5rem;
  }
}

.text-content-editor h1,
.texta-editor h1 {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .text-content-editor h1,
  .texta-editor h1 {
    font-size: 2.25rem;
  }
}

.text-content-editor h2,
.texta-editor h2 {
  font-size: 1.35rem;
}

@media (min-width: 768px) {
  .text-content-editor h2,
  .texta-editor h2 {
    font-size: 1.875rem;
  }
}

.text-content-editor h3,
.texta-editor h3 {
  font-size: 1.25rem;
}

@media (min-width: 768px) {
  .text-content-editor h3,
  .texta-editor h3 {
    font-size: 1.5rem;
  }
}

.text-content-editor h4,
.texta-editor h4 {
  font-size: 1.15rem;
}

@media (min-width: 768px) {
  .text-content-editor h4,
  .texta-editor h4 {
    font-size: 1.25rem;
  }
}

.text-content-editor h5,
.texta-editor h5 {
  font-size: 1.1rem;
}

.text-content-editor h6,
.texta-editor h6 {
  font-size: 1rem;
}

.text-content-editor p,
.texta-editor p{
  margin-bottom: 1rem;
}

.text-content-editor p:last-child,
.texta-editor p:last-child{
  margin-bottom: 0px;
}

.text-content-editor blockquote,
.texta-editor blockquote {
  border-left: 4px solid #ddd;
  padding-left: 1rem;
  margin: 1rem 0;
  font-style: italic;
  color: #555;
  font-size: 1.1em;
}

@media (min-width: 768px) {
  .text-content-editor blockquote,
  .texta-editor blockquote {
    margin: 1.5rem 0;
    padding-left: 1.5rem;
  }
}

.text-content-editor table,
.texta-editor table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) {
  .text-content-editor table,
  .texta-editor table {
    display: table;
  }
}

.text-content-editor th, .text-content-editor td,
.texta-editor th,
.texta-editor td {
  border: 1px solid #ddd;
  padding: 0.6rem;
  min-width: 120px;
}

@media (min-width: 768px) {
  .text-content-editor th, .text-content-editor td,
  .texta-editor th,
  .texta-editor td {
    padding: 0.75rem;
    min-width: auto;
  }
}

.text-content-editor figure,
.texta-editor figure {
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .text-content-editor figure,
  .texta-editor figure {
    margin: 1.5rem 0;
  }
}

.text-content-editor figure figcaption,
.texta-editor figure figcaption {
  font-size: 0.8rem;
}

@media (min-width: 768px) {
  .text-content-editor figure figcaption,
  .texta-editor figure figcaption {
    font-size: 0.875rem;
  }
}

.text-content-editor iframe,
.texta-editor iframe {
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .text-content-editor iframe,
  .texta-editor iframe {
    margin: 1.5rem 0;
  }
}

.text-editor pre{
  margin-top: 2rem;
  overflow-x: auto;
  border-radius: var(--radius);
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity));
  background-color: hsl(var(--card) / 0.6);
  padding: 1rem;
}

@media (max-width: 640px) {
  .text-editor pre {
    font-size: 0.8125rem;
  }
}

.paragraph--type--texto-full-html .full-html-content {
  --tw-prose-body: hsl(var(--foreground));
  --tw-prose-headings: hsl(var(--foreground));
  --tw-prose-lead: hsl(var(--muted-foreground));
  --tw-prose-links: hsl(var(--cta));
  --tw-prose-bold: hsl(var(--foreground));
  --tw-prose-counters: hsl(var(--foreground));
  --tw-prose-bullets: hsl(var(--cta));
  --tw-prose-hr: hsl(var(--border));
  --tw-prose-quotes: hsl(var(--foreground));
  --tw-prose-quote-borders: hsl(var(--border));
  --tw-prose-captions: hsl(var(--muted-foreground));
  --tw-prose-code: hsl(var(--foreground));
  --tw-prose-pre-code: hsl(var(--foreground));
  --tw-prose-pre-bg: hsl(var(--surface));
  --tw-prose-th-borders: hsl(var(--border));
  --tw-prose-td-borders: hsl(var(--border));
}

.whatsapp-float {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
}

.whatsapp-float__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

.whatsapp-float__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35), 0 0 0 0 rgba(37, 211, 102, 0.4);
  animation: whatsapp-pulse 2s ease-out infinite;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float__icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.whatsapp-float__icon:hover, .whatsapp-float__icon:focus {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
  animation-play-state: paused;
}

.whatsapp-float--hidden {
  transform: translateY(150%);
  transition: transform 0.4s ease-in-out;
}

.whatsapp-float__bubble {
  position: relative;
  background: white;
  color: #333;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  margin-right: 0.25rem;
}

.whatsapp-float__bubble::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.375rem;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-left: 0.5rem solid white;
}

@keyframes whatsapp-pulse {
  0% {
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35), 0 0 0 0 rgba(37, 211, 102, 0.4);
  }

  70% {
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35), 0 0 0 10px rgba(37, 211, 102, 0);
  }

  100% {
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35), 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

@media (min-width: 768px) {
  .whatsapp-float {
    bottom: 2rem;
    right: 2rem;
  }

  .whatsapp-float__icon {
    width: 4rem;
    height: 4rem;
  }

  .whatsapp-float__icon svg {
    width: 1.75rem;
    height: 1.75rem;
  }
}

/* Floating accessibility panel. Values use the white-label theme tokens. */

.a11y-trigger,
.a11y-panel {
  font-family: var(--font-sans);
}

.a11y-trigger {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 9999;
  display: flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  color: hsl(var(--cta-foreground));
  background: hsl(var(--cta));
  border-radius: 0;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.a11y-trigger:hover {
  background: hsl(var(--cta-muted));
}

.a11y-trigger.is-open {
  transform: rotate(45deg);
}

.a11y-trigger:focus-visible,
.a11y-panel button:focus-visible {
  outline: 3px solid color-mix(in srgb, hsl(var(--cta)) 50%, transparent);
  outline-offset: 3px;
}

.a11y-trigger__icon,
.a11y-icon,
.a11y-option__icon {
  display: inline-flex;
  flex: 0 0 auto;
}

.a11y-trigger svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.a11y-panel {
  position: fixed;
  right: 1.5rem;
  bottom: 6rem;
  z-index: 9998;
  width: 18rem;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  border: 1px solid color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
}

.a11y-panel__header,
.a11y-panel__footer {
  background: hsl(var(--background));
  border-color: color-mix(in srgb, hsl(var(--foreground)) 6%, transparent);
}

.a11y-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid;
}

.a11y-panel__title,
.a11y-section__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.a11y-panel__title {
  color: hsl(var(--foreground));
  font-family: var(--font-display);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.a11y-icon,
.a11y-option__icon {
  color: hsl(var(--cta));
}

.a11y-panel__title svg {
  width: 16px;
  height: 16px;
}

.a11y-section__title svg,
.a11y-option__icon svg {
  width: 14px;
  height: 14px;
}

.a11y-icon svg,
.a11y-option__icon svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.a11y-reset {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: hsl(var(--muted-foreground));
  font-family: var(--font-mono);
  font-size: 0.625rem;
  transition: color 0.2s ease;
}

.a11y-reset:hover {
  color: hsl(var(--cta));
}

.a11y-reset svg {
  width: 11px;
  height: 11px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.a11y-panel__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem;
}

.a11y-section__title {
  margin: 0 0 0.75rem;
  color: hsl(var(--foreground));
  font-size: 0.75rem;
  font-weight: 600;
}

.a11y-size-control {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.a11y-square-button {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  color: hsl(var(--muted-foreground));
  border: 1px solid color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
  transition: border-color 0.2s ease, color 0.2s ease;
}

.a11y-square-button:hover:not(:disabled) {
  color: hsl(var(--cta));
  border-color: hsl(var(--cta));
}

.a11y-square-button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.a11y-square-button svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.a11y-size-steps {
  display: flex;
  flex: 1;
  justify-content: center;
  gap: 0.25rem;
}

.a11y-size-step {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
  transition: background-color 0.2s ease;
}

.a11y-size-step:hover {
  background: color-mix(in srgb, hsl(var(--foreground)) 30%, transparent);
}

.a11y-size-step.is-active {
  background: hsl(var(--cta));
}

.a11y-size-value {
  margin-top: 0.25rem;
  color: color-mix(in srgb, hsl(var(--foreground)) 55%, transparent);
  font-family: var(--font-mono);
  font-size: 0.625rem;
  text-align: center;
}

.a11y-spacing-control {
  display: flex;
  gap: 0.5rem;
}

.a11y-spacing-control button {
  flex: 1;
  padding: 0.375rem 0.25rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.75rem;
  border: 1px solid color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.a11y-spacing-control button:hover,
.a11y-spacing-control button.is-active {
  color: hsl(var(--cta-foreground));
  background: hsl(var(--cta));
  border-color: hsl(var(--cta));
}

.a11y-options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.a11y-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.a11y-option__copy {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.a11y-option__icon {
  margin-top: 0.125rem;
  color: color-mix(in srgb, hsl(var(--foreground)) 35%, transparent);
}

.a11y-option label {
  display: block;
  color: hsl(var(--foreground));
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
}

.a11y-option p {
  margin: 0;
  color: color-mix(in srgb, hsl(var(--foreground)) 48%, transparent);
  font-size: 0.625rem;
}

.a11y-switch {
  position: relative;
  display: inline-flex;
  width: 40px;
  height: 20px;
  flex: 0 0 auto;
  align-items: center;
  background: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
  transition: background-color 0.2s ease;
}

.a11y-switch span {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  background: hsl(var(--card));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}

.a11y-switch.is-on {
  background: hsl(var(--cta));
}

.a11y-switch.is-on span {
  transform: translateX(20px);
}

.a11y-panel__footer {
  padding: 0.75rem 1.25rem;
  border-top: 1px solid;
}

.a11y-panel__footer p {
  margin: 0;
  color: color-mix(in srgb, hsl(var(--foreground)) 48%, transparent);
  font-family: var(--font-mono);
  font-size: 0.625rem;
  text-align: center;
}

body.a11y-dyslexia-font,
body.a11y-dyslexia-font * {
  font-family: Arial, sans-serif !important;
  letter-spacing: 0.035em;
}

body.a11y-line-medium :where(p, li, dd, dt, blockquote, label, input, textarea, select, button) {
  line-height: 1.9;
}

body.a11y-line-high :where(p, li, dd, dt, blockquote, label, input, textarea, select, button) {
  line-height: 2.3;
}

body.a11y-high-contrast {
  --background: 0 0% 100%;
  --foreground: 0 0% 0%;
  --surface: 0 0% 94%;
  --surface-2: 0 0% 88%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 0%;
  --muted-foreground: 0 0% 12%;
  --border: 0 0% 0%;
  --cta: 0 0% 0%;
  --cta-foreground: 0 0% 100%;
  --cta-muted: 0 0% 15%;
  --ring: 0 0% 0%;
}

body.a11y-high-contrast :where(a, button, input, textarea, select) {
  text-decoration-thickness: 2px;
}

body.a11y-reduce-motion,
body.a11y-reduce-motion * {
  scroll-behavior: auto !important;
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
}

@media (max-width: 480px) {
  .a11y-trigger {
    right: 1rem;
    bottom: 1rem;
  }

  .a11y-panel {
    right: 1rem;
    bottom: 5.5rem;
    width: min(18rem, 100vw - 2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .a11y-trigger,
  .a11y-size-step,
  .a11y-switch,
  .a11y-switch span {
    transition: none;
  }
}

.donation-pix-modal[hidden],
.donation-pix-result[hidden] {
  display: none;
}

.donation-pix-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(15, 15, 15, 0.72);
}

.donation-pix-modal__dialog {
  position: relative;
  width: min(100%, 34rem);
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  color: hsl(var(--foreground));
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
}

.donation-pix-modal__header,
.donation-pix-modal__footer {
  padding: 1rem 1.5rem;
  background: hsl(var(--background));
  border-color: hsl(var(--border));
}

.donation-pix-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid;
}

.donation-pix-modal__header h2 {
  margin: 0;
  color: hsl(var(--foreground));
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 700;
}

.donation-pix-modal__header p,
.donation-pix-modal__footer p {
  margin: 0.35rem 0 0;
  color: hsl(var(--muted-foreground));
  font-size: 0.75rem;
}

.donation-pix-modal__close {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  color: hsl(var(--muted-foreground));
  font-size: 1.5rem;
  line-height: 1;
}

.donation-pix-modal__close:hover {
  color: hsl(var(--cta));
}

.donation-pix-modal__body {
  padding: 1.5rem;
}

.donation-pix-demo {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  color: hsl(var(--foreground));
  font-size: 0.75rem;
  background: hsl(var(--warning)/0.12);
  border-left: 3px solid hsl(var(--warning));
}

.donation-pix-form fieldset {
  padding: 0;
  border: 0;
}

.donation-pix-form legend,
.donation-pix-form label,
.donation-pix-result h3 {
  color: hsl(var(--foreground));
  font-size: 0.75rem;
  font-weight: 600;
}

.donation-pix-form legend {
  margin-bottom: 0.75rem;
}

.donation-pix-values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.donation-pix-value {
  padding: 0.625rem 0.5rem;
  color: hsl(var(--foreground));
  font-size: 0.8125rem;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
}

.donation-pix-value:hover,
.donation-pix-value.is-active {
  color: hsl(var(--cta-foreground));
  background: hsl(var(--cta));
  border-color: hsl(var(--cta));
}

.donation-pix-amount {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  color: hsl(var(--foreground));
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
  border-radius: 0.125rem;
}

.donation-pix-amount:focus {
  outline: none;
  border-color: hsl(var(--cta));
  box-shadow: 0 0 0 3px hsl(var(--cta)/0.15);
}

.donation-pix-generate,
.donation-pix-copy {
  width: 100%;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  color: hsl(var(--cta-foreground));
  font-size: 0.8125rem;
  font-weight: 700;
  background: hsl(var(--cta));
}

.donation-pix-generate:hover,
.donation-pix-copy:hover {
  background: hsl(var(--cta-muted));
}

.donation-pix-result {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid hsl(var(--border));
}

.donation-pix-result h3 {
  margin: 0 0 1rem;
}

.donation-pix-qr-wrap {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: #fff;
}

.donation-pix-qr {
  display: block;
  width: 240px;
  max-width: 100%;
  height: auto;
}

.donation-pix-payload {
  width: 100%;
  min-height: 5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  color: hsl(var(--foreground));
  font-family: var(--font-mono);
  font-size: 0.625rem;
  line-height: 1.5;
  resize: vertical;
  background: hsl(var(--background));
  border: 1px solid hsl(var(--border));
}

.donation-pix-recipient {
  display: grid;
  gap: 0.5rem;
  margin-top: 1.25rem;
  padding: 1rem;
  background: hsl(var(--background));
}

.donation-pix-recipient div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.75rem;
}

.donation-pix-recipient dt {
  color: hsl(var(--muted-foreground));
}

.donation-pix-recipient dd {
  margin: 0;
  color: hsl(var(--foreground));
  font-weight: 600;
  text-align: right;
}

.donation-pix-status {
  min-height: 1.25rem;
  margin-top: 0.75rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.75rem;
}

@media (max-width: 480px) {
  .donation-pix-values {
    grid-template-columns: repeat(2, 1fr);
  }

  .donation-pix-modal__body,
  .donation-pix-modal__header,
  .donation-pix-modal__footer {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.paragraph--type--video-gallery.video-gallery--shorts a{
  aspect-ratio: 9/16;
}

.paragraph--type--video-gallery.video-gallery--normal a{
  aspect-ratio: 16/9;
}

.content--type--conteudos .featured-image{
  height: 100%;
  width: 100%;
}

.content--type--conteudos .featured-image picture{
  display: block;
  height: 100%;
  width: 100%;
}

.content--type--conteudos .featured-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#search-modal #search-block-form{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

#search-modal #search-block-form .form-item-keys{
  flex: 1 1 0%;
}

#search-modal #search-block-form input[type=search]{
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

#search-modal #search-block-form .form-actions{
  flex: none;
}

#search-modal #search-block-form .form-actions input{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--cta) / var(--tw-bg-opacity));
  line-height: 1.25rem;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: hsl(var(--cta-foreground) / var(--tw-text-opacity));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  position: relative;
  padding: 1rem 1.5rem;
}

#search-modal #search-block-form .form-actions input:hover {
  text-decoration: none;
}

#search-modal #search-block-form .form-actions input svg {
  pointer-events: none;
  flex-shrink: 0;
}

#search-modal #search-block-form .form-actions input svg:not([class*=size-]) {
  width: 1rem;
  height: 1rem;
}

#search-modal #search-block-form .form-actions input:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px hsl(var(--ring));
}

#search-modal #search-block-form .form-actions input:disabled {
  pointer-events: none;
  opacity: 0.5;
}

#search-modal #search-block-form .form-actions input.is-loading {
  pointer-events: none;
  opacity: 0.7;
}

#search-modal #search-block-form .form-actions input.is-loading::after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  #search-modal #search-block-form .form-actions input {
    transition: none;
  }

  #search-modal #search-block-form .form-actions input.is-loading::after {
    animation: none;
  }
}

header[class*="left-0 right-0 z-40"].is-scrolled [class*=text-white]:not(#search-modal #search-block-form .form-actions input *) {
  color: hsl(var(--foreground));
}

#search-modal #search-block-form .form-actions input:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

#search-results-page h2{
  margin-bottom: 2.5rem;
  font-size: 3rem;
  line-height: 1;
  font-weight: 400;
}

#search-results-page #search-block-form-list{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

#search-results-page #search-block-form-list label{
  display: none;
}

#search-results-page #search-block-form-list input[type=search]{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

#search-results-page ol {
  list-style-type: none;
}

header[class*="left-0 right-0 z-40"] {
  transition: transform 0.3s ease, background-color 0.3s ease, backdrop-filter 0.5s ease, border-color 0.5s ease;
}

header[class*="left-0 right-0 z-40"].header-hidden {
  transform: translateY(-100%);
}

header[class*="left-0 right-0 z-40"].is-scrolled {
  background: hsl(var(--background)/0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom-color: hsl(var(--border));
  /* texto volta escuro */
}

header[class*="left-0 right-0 z-40"].is-scrolled [class*=text-white]:not(.bg-cta *) {
  color: hsl(var(--foreground)) !important;
}

header[class*="left-0 right-0 z-40"].is-scrolled a[class*=text-white] {
  color: hsl(var(--foreground)/0.7) !important;
}

header[class*="left-0 right-0 z-40"].is-scrolled a[class*=text-white]:hover {
  color: hsl(var(--cta)) !important;
}

header[class*="left-0 right-0 z-40"].is-scrolled .bg-white {
  background: hsl(var(--foreground)) !important;
}

.toolbar-fixed header[class*="left-0 right-0 z-40"] {
  top: 39px;
}

.toolbar-fixed header[class*="left-0 right-0 z-40"].header-hidden {
  top: 39px;
  transform: translateY(calc(-100% - 39px));
}

.toolbar-tray-open.toolbar-horizontal header[class*="left-0 right-0 z-40"] {
  top: 79px;
}

.toolbar-tray-open.toolbar-horizontal header[class*="left-0 right-0 z-40"].header-hidden {
  top: 79px;
  transform: translateY(calc(-100% - 79px));
}

header img.logo {
  height: 45px;
}

@media (min-width: 1024px) {
  header img.logo {
    height: 65px;
  }
}

#menu-panel .contextual {
  display: none !important;
}

#block-front-theme-main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

#mobile-menu ul li a {
  background: transparent !important;
}

html body {
  border-bottom: 0 !important;
}

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

*, ::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:  ;
}

input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}

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

::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}

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

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

select:where([multiple]),select:where([size]:not([size="1"])){
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

input:where([type='checkbox']),input:where([type='radio']){
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

input:where([type='checkbox']){
  border-radius: 0px;
}

input:where([type='radio']){
  border-radius: 100%;
}

input:where([type='checkbox']):focus,input:where([type='radio']):focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
}

input:where([type='checkbox']):checked,input:where([type='radio']):checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

input:where([type='checkbox']):checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  input:where([type='checkbox']):checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

input:where([type='radio']):checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  input:where([type='radio']):checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{
  border-color: transparent;
  background-color: currentColor;
}

input:where([type='checkbox']):indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active) {
  input:where([type='checkbox']):indeterminate{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}

input:where([type='file']){
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

input:where([type='file']):focus{
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

*, *::before, *::after {
  box-sizing: border-box;
  border-color: hsl(var(--border));
  border-style: solid;
  border-width: 0;
}

html {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 !important;
  border-bottom: solid !important;
  overflow-x: hidden;
}

::-moz-selection {
  background: hsla(159, 100%, 35%, 0.25);
  color: hsl(var(--foreground));
}

::selection {
  background: hsla(159, 100%, 35%, 0.25);
  color: hsl(var(--foreground));
}

ul, ol {
  padding: 0;
  margin: 0;
}

/* Reset button backgrounds para transparent por padrão (evita ButtonFace cinza da UA). */

/* Componentes que precisam de bg explicitam via classe (ex: .btn-primary, .bg-cta). */

button {
  background-color: transparent;
  color: inherit;
  font: inherit;
  padding: 0;
  border: none;
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 700;
  hyphens: none !important;
  overflow-wrap: break-word;
  letter-spacing: -0.02em;
}

h1 {
  font-size: clamp(2.5rem, 7vw, 6rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 1.25rem;
}

h3 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 1rem;
}

h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 1rem;
}

h5 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin-bottom: 0.75rem;
}

h6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 0.75rem;
}

p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 1.25rem;
  letter-spacing: normal;
  color: hsl(var(--muted-foreground));
}

a {
  color: hsl(var(--cta));
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: hsl(var(--cta-muted));
}

ul {
  list-style: disc inside;
  margin-bottom: 2rem;
}

ol {
  list-style: auto inside;
  margin-bottom: 2rem;
}

hr {
  border: none;
  border-top: 1px solid hsl(var(--border));
  margin: 2rem 0 !important;
}

nav ul, nav ol {
  list-style: none;
  padding: 0;
  margin: 0 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

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

.surface-panel{
  border-top: 1px solid hsl(var(--border));
  border-bottom: 1px solid hsl(var(--border));
}

.btn-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.125rem;
  padding: 0.875rem 2rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: hsl(var(--cta-foreground));
  background-color: hsl(var(--cta));
  transition: background-color 0.2s ease;
}

.btn-primary:hover{
  background-color: hsl(var(--cta-muted));
}

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

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.collapse{
  visibility: collapse;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.inset-0{
  inset: 0px;
}

.-bottom-4{
  bottom: -1rem;
}

.-left-4{
  left: -1rem;
}

.-right-4{
  right: -1rem;
}

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

.bottom-0{
  bottom: 0px;
}

.bottom-1\/4{
  bottom: 25%;
}

.bottom-8{
  bottom: 2rem;
}

.bottom-9{
  bottom: 2.25rem;
}

.left-0{
  left: 0px;
}

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

.left-1\/4{
  left: 25%;
}

.left-4{
  left: 1rem;
}

.left-6{
  left: 1.5rem;
}

.right-0{
  right: 0px;
}

.right-1\/4{
  right: 25%;
}

.right-3{
  right: 0.75rem;
}

.right-6{
  right: 1.5rem;
}

.top-0{
  top: 0px;
}

.top-1\/4{
  top: 25%;
}

.top-3{
  top: 0.75rem;
}

.top-6{
  top: 1.5rem;
}

.top-full{
  top: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-0{
  margin: 0px;
}

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

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mb-0\.5{
  margin-bottom: 0.125rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-14{
  margin-bottom: 3.5rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.ml-0\.5{
  margin-left: 0.125rem;
}

.ml-4{
  margin-left: 1rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mt-0\.5{
  margin-top: 0.125rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.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-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

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

.mb-24{
  margin-bottom: 6rem;
}

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

.block{
  display: block;
}

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

.inline{
  display: inline;
}

.flex{
  display: flex;
}

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

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.aspect-\[16\/9\]{
  aspect-ratio: 16/9;
}

.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}

.aspect-\[9\/16\]{
  aspect-ratio: 9/16;
}

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

.aspect-video{
  aspect-ratio: 16 / 9;
}

.size-1\.5{
  width: 0.375rem;
  height: 0.375rem;
}

.size-10{
  width: 2.5rem;
  height: 2.5rem;
}

.size-9{
  width: 2.25rem;
  height: 2.25rem;
}

.h-0\.5{
  height: 0.125rem;
}

.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-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-72{
  height: 18rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-96{
  height: 24rem;
}

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

.h-full{
  height: 100%;
}

.h-px{
  height: 1px;
}

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

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

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

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

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

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

.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-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-4{
  width: 1rem;
}

.w-6{
  width: 1.5rem;
}

.w-7{
  width: 1.75rem;
}

.w-8{
  width: 2rem;
}

.w-80{
  width: 20rem;
}

.w-9{
  width: 2.25rem;
}

.w-96{
  width: 24rem;
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.w-px{
  width: 1px;
}

.min-w-0{
  min-width: 0px;
}

.min-w-48{
  min-width: 12rem;
}

.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-7xl{
  max-width: 80rem;
}

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

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

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

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

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

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

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

.max-w-md{
  max-width: 28rem;
}

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

.max-w-xl{
  max-width: 36rem;
}

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

.flex-shrink{
  flex-shrink: 1;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.shrink-0{
  flex-shrink: 0;
}

.border-collapse{
  border-collapse: collapse;
}

.origin-left{
  transform-origin: 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-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-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));
}

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

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

@keyframes accordion-down{
  from{
    height: 0;
  }

  to{
    height: var(--radix-accordion-content-height);
  }
}

.animate-accordion-down{
  animation: accordion-down 0.2s ease-out;
}

@keyframes accordion-up{
  from{
    height: var(--radix-accordion-content-height);
  }

  to{
    height: 0;
  }
}

.animate-accordion-up{
  animation: accordion-up 0.2s ease-out;
}

@keyframes enter{
  from{
    opacity: 0;
    transform: translateY(12px);
  }

  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-enter{
  animation: enter 0.2s ease-out;
}

@keyframes exit{
  from{
    opacity: 1;
    transform: translateY(0);
  }

  to{
    opacity: 0;
    transform: translateY(12px);
  }
}

.animate-exit{
  animation: exit 0.2s ease-in;
}

@keyframes fade-in{
  from{
    opacity: 0;
  }

  to{
    opacity: 1;
  }
}

.animate-fade-in{
  animation: fade-in 0.7s ease both;
}

@keyframes fade-up{
  from{
    opacity: 0;
    transform: translateY(32px);
  }

  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-up{
  animation: fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes float-slow{
  0%, 100%{
    transform: translateY(0);
  }

  50%{
    transform: translateY(-8px);
  }
}

.animate-float{
  animation: float-slow 6s ease-in-out infinite;
}

@keyframes marquee{
  from{
    transform: translateX(0);
  }

  to{
    transform: translateX(-50%);
  }
}

.animate-marquee{
  animation: marquee 40s linear infinite;
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-ember{
  0%, 100%{
    opacity: 0.55;
  }

  50%{
    opacity: 1;
  }
}

.animate-pulse-ember{
  animation: pulse-ember 2.4s ease-in-out infinite;
}

@keyframes slide-up{
  from{
    opacity: 0;
    transform: translateY(24px);
  }

  to{
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-up{
  animation: slide-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes word-reveal{
  from{
    transform: translateY(110%);
  }

  to{
    transform: translateY(0%);
  }
}

.animate-word-reveal{
  animation: word-reveal 0.82s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cursor-pointer{
  cursor: pointer;
}

.resize{
  resize: both;
}

.list-none{
  list-style-type: none;
}

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

.grid-cols-12{
  grid-template-columns: repeat(12, 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));
}

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

.flex-row-reverse{
  flex-direction: row-reverse;
}

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

.justify-start{
  justify-content: flex-start;
}

.justify-center{
  justify-content: center;
}

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

.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-2{
  gap: 0.5rem;
}

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

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[5px\]{
  gap: 5px;
}

.gap-px{
  gap: 1px;
}

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

.overflow-hidden{
  overflow: hidden;
}

.overflow-y-auto{
  overflow-y: auto;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-2xl{
  border-radius: calc(var(--radius) + 8px);
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: var(--radius);
}

.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}

.rounded-none{
  border-radius: 0px;
}

.rounded-sm{
  border-radius: calc(var(--radius) - 4px);
}

.rounded-xl{
  border-radius: calc(var(--radius) + 4px);
}

.border{
  border-width: 1px;
}

.border-2{
  border-width: 2px;
}

.border-4{
  border-width: 4px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

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

.border-l-4{
  border-left-width: 4px;
}

.border-t{
  border-top-width: 1px;
}

.border-accent{
  --tw-border-opacity: 1;
  border-color: hsl(var(--accent) / var(--tw-border-opacity));
}

.border-accent-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--accent-foreground) / var(--tw-border-opacity));
}

.border-accent-foreground\/0{
  border-color: hsl(var(--accent-foreground) / 0);
}

.border-accent-foreground\/10{
  border-color: hsl(var(--accent-foreground) / 0.1);
}

.border-accent-foreground\/100{
  border-color: hsl(var(--accent-foreground) / 1);
}

.border-accent-foreground\/15{
  border-color: hsl(var(--accent-foreground) / 0.15);
}

.border-accent-foreground\/20{
  border-color: hsl(var(--accent-foreground) / 0.2);
}

.border-accent-foreground\/25{
  border-color: hsl(var(--accent-foreground) / 0.25);
}

.border-accent-foreground\/30{
  border-color: hsl(var(--accent-foreground) / 0.3);
}

.border-accent-foreground\/35{
  border-color: hsl(var(--accent-foreground) / 0.35);
}

.border-accent-foreground\/40{
  border-color: hsl(var(--accent-foreground) / 0.4);
}

.border-accent-foreground\/45{
  border-color: hsl(var(--accent-foreground) / 0.45);
}

.border-accent-foreground\/5{
  border-color: hsl(var(--accent-foreground) / 0.05);
}

.border-accent-foreground\/50{
  border-color: hsl(var(--accent-foreground) / 0.5);
}

.border-accent-foreground\/55{
  border-color: hsl(var(--accent-foreground) / 0.55);
}

.border-accent-foreground\/60{
  border-color: hsl(var(--accent-foreground) / 0.6);
}

.border-accent-foreground\/65{
  border-color: hsl(var(--accent-foreground) / 0.65);
}

.border-accent-foreground\/70{
  border-color: hsl(var(--accent-foreground) / 0.7);
}

.border-accent-foreground\/75{
  border-color: hsl(var(--accent-foreground) / 0.75);
}

.border-accent-foreground\/80{
  border-color: hsl(var(--accent-foreground) / 0.8);
}

.border-accent-foreground\/85{
  border-color: hsl(var(--accent-foreground) / 0.85);
}

.border-accent-foreground\/90{
  border-color: hsl(var(--accent-foreground) / 0.9);
}

.border-accent-foreground\/95{
  border-color: hsl(var(--accent-foreground) / 0.95);
}

.border-accent\/0{
  border-color: hsl(var(--accent) / 0);
}

.border-accent\/10{
  border-color: hsl(var(--accent) / 0.1);
}

.border-accent\/100{
  border-color: hsl(var(--accent) / 1);
}

.border-accent\/15{
  border-color: hsl(var(--accent) / 0.15);
}

.border-accent\/20{
  border-color: hsl(var(--accent) / 0.2);
}

.border-accent\/25{
  border-color: hsl(var(--accent) / 0.25);
}

.border-accent\/30{
  border-color: hsl(var(--accent) / 0.3);
}

.border-accent\/35{
  border-color: hsl(var(--accent) / 0.35);
}

.border-accent\/40{
  border-color: hsl(var(--accent) / 0.4);
}

.border-accent\/45{
  border-color: hsl(var(--accent) / 0.45);
}

.border-accent\/5{
  border-color: hsl(var(--accent) / 0.05);
}

.border-accent\/50{
  border-color: hsl(var(--accent) / 0.5);
}

.border-accent\/55{
  border-color: hsl(var(--accent) / 0.55);
}

.border-accent\/60{
  border-color: hsl(var(--accent) / 0.6);
}

.border-accent\/65{
  border-color: hsl(var(--accent) / 0.65);
}

.border-accent\/70{
  border-color: hsl(var(--accent) / 0.7);
}

.border-accent\/75{
  border-color: hsl(var(--accent) / 0.75);
}

.border-accent\/80{
  border-color: hsl(var(--accent) / 0.8);
}

.border-accent\/85{
  border-color: hsl(var(--accent) / 0.85);
}

.border-accent\/90{
  border-color: hsl(var(--accent) / 0.9);
}

.border-accent\/95{
  border-color: hsl(var(--accent) / 0.95);
}

.border-background{
  --tw-border-opacity: 1;
  border-color: hsl(var(--background) / var(--tw-border-opacity));
}

.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}

.border-border{
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity));
}

.border-border\/20{
  border-color: hsl(var(--border) / 0.2);
}

.border-border\/40{
  border-color: hsl(var(--border) / 0.4);
}

.border-border\/50{
  border-color: hsl(var(--border) / 0.5);
}

.border-border\/60{
  border-color: hsl(var(--border) / 0.6);
}

.border-cta{
  --tw-border-opacity: 1;
  border-color: hsl(var(--cta) / var(--tw-border-opacity));
}

.border-cta-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--cta-foreground) / var(--tw-border-opacity));
}

.border-cta-foreground\/0{
  border-color: hsl(var(--cta-foreground) / 0);
}

.border-cta-foreground\/10{
  border-color: hsl(var(--cta-foreground) / 0.1);
}

.border-cta-foreground\/100{
  border-color: hsl(var(--cta-foreground) / 1);
}

.border-cta-foreground\/15{
  border-color: hsl(var(--cta-foreground) / 0.15);
}

.border-cta-foreground\/20{
  border-color: hsl(var(--cta-foreground) / 0.2);
}

.border-cta-foreground\/25{
  border-color: hsl(var(--cta-foreground) / 0.25);
}

.border-cta-foreground\/30{
  border-color: hsl(var(--cta-foreground) / 0.3);
}

.border-cta-foreground\/35{
  border-color: hsl(var(--cta-foreground) / 0.35);
}

.border-cta-foreground\/40{
  border-color: hsl(var(--cta-foreground) / 0.4);
}

.border-cta-foreground\/45{
  border-color: hsl(var(--cta-foreground) / 0.45);
}

.border-cta-foreground\/5{
  border-color: hsl(var(--cta-foreground) / 0.05);
}

.border-cta-foreground\/50{
  border-color: hsl(var(--cta-foreground) / 0.5);
}

.border-cta-foreground\/55{
  border-color: hsl(var(--cta-foreground) / 0.55);
}

.border-cta-foreground\/60{
  border-color: hsl(var(--cta-foreground) / 0.6);
}

.border-cta-foreground\/65{
  border-color: hsl(var(--cta-foreground) / 0.65);
}

.border-cta-foreground\/70{
  border-color: hsl(var(--cta-foreground) / 0.7);
}

.border-cta-foreground\/75{
  border-color: hsl(var(--cta-foreground) / 0.75);
}

.border-cta-foreground\/80{
  border-color: hsl(var(--cta-foreground) / 0.8);
}

.border-cta-foreground\/85{
  border-color: hsl(var(--cta-foreground) / 0.85);
}

.border-cta-foreground\/90{
  border-color: hsl(var(--cta-foreground) / 0.9);
}

.border-cta-foreground\/95{
  border-color: hsl(var(--cta-foreground) / 0.95);
}

.border-cta-muted{
  --tw-border-opacity: 1;
  border-color: hsl(var(--cta-muted) / var(--tw-border-opacity));
}

.border-cta-muted\/0{
  border-color: hsl(var(--cta-muted) / 0);
}

.border-cta-muted\/10{
  border-color: hsl(var(--cta-muted) / 0.1);
}

.border-cta-muted\/100{
  border-color: hsl(var(--cta-muted) / 1);
}

.border-cta-muted\/15{
  border-color: hsl(var(--cta-muted) / 0.15);
}

.border-cta-muted\/20{
  border-color: hsl(var(--cta-muted) / 0.2);
}

.border-cta-muted\/25{
  border-color: hsl(var(--cta-muted) / 0.25);
}

.border-cta-muted\/30{
  border-color: hsl(var(--cta-muted) / 0.3);
}

.border-cta-muted\/35{
  border-color: hsl(var(--cta-muted) / 0.35);
}

.border-cta-muted\/40{
  border-color: hsl(var(--cta-muted) / 0.4);
}

.border-cta-muted\/45{
  border-color: hsl(var(--cta-muted) / 0.45);
}

.border-cta-muted\/5{
  border-color: hsl(var(--cta-muted) / 0.05);
}

.border-cta-muted\/50{
  border-color: hsl(var(--cta-muted) / 0.5);
}

.border-cta-muted\/55{
  border-color: hsl(var(--cta-muted) / 0.55);
}

.border-cta-muted\/60{
  border-color: hsl(var(--cta-muted) / 0.6);
}

.border-cta-muted\/65{
  border-color: hsl(var(--cta-muted) / 0.65);
}

.border-cta-muted\/70{
  border-color: hsl(var(--cta-muted) / 0.7);
}

.border-cta-muted\/75{
  border-color: hsl(var(--cta-muted) / 0.75);
}

.border-cta-muted\/80{
  border-color: hsl(var(--cta-muted) / 0.8);
}

.border-cta-muted\/85{
  border-color: hsl(var(--cta-muted) / 0.85);
}

.border-cta-muted\/90{
  border-color: hsl(var(--cta-muted) / 0.9);
}

.border-cta-muted\/95{
  border-color: hsl(var(--cta-muted) / 0.95);
}

.border-cta\/0{
  border-color: hsl(var(--cta) / 0);
}

.border-cta\/10{
  border-color: hsl(var(--cta) / 0.1);
}

.border-cta\/100{
  border-color: hsl(var(--cta) / 1);
}

.border-cta\/15{
  border-color: hsl(var(--cta) / 0.15);
}

.border-cta\/20{
  border-color: hsl(var(--cta) / 0.2);
}

.border-cta\/25{
  border-color: hsl(var(--cta) / 0.25);
}

.border-cta\/30{
  border-color: hsl(var(--cta) / 0.3);
}

.border-cta\/35{
  border-color: hsl(var(--cta) / 0.35);
}

.border-cta\/40{
  border-color: hsl(var(--cta) / 0.4);
}

.border-cta\/45{
  border-color: hsl(var(--cta) / 0.45);
}

.border-cta\/5{
  border-color: hsl(var(--cta) / 0.05);
}

.border-cta\/50{
  border-color: hsl(var(--cta) / 0.5);
}

.border-cta\/55{
  border-color: hsl(var(--cta) / 0.55);
}

.border-cta\/60{
  border-color: hsl(var(--cta) / 0.6);
}

.border-cta\/65{
  border-color: hsl(var(--cta) / 0.65);
}

.border-cta\/70{
  border-color: hsl(var(--cta) / 0.7);
}

.border-cta\/75{
  border-color: hsl(var(--cta) / 0.75);
}

.border-cta\/80{
  border-color: hsl(var(--cta) / 0.8);
}

.border-cta\/85{
  border-color: hsl(var(--cta) / 0.85);
}

.border-cta\/90{
  border-color: hsl(var(--cta) / 0.9);
}

.border-cta\/95{
  border-color: hsl(var(--cta) / 0.95);
}

.border-destructive{
  --tw-border-opacity: 1;
  border-color: hsl(var(--destructive) / var(--tw-border-opacity));
}

.border-destructive-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--destructive-foreground) / var(--tw-border-opacity));
}

.border-destructive-foreground\/0{
  border-color: hsl(var(--destructive-foreground) / 0);
}

.border-destructive-foreground\/10{
  border-color: hsl(var(--destructive-foreground) / 0.1);
}

.border-destructive-foreground\/100{
  border-color: hsl(var(--destructive-foreground) / 1);
}

.border-destructive-foreground\/15{
  border-color: hsl(var(--destructive-foreground) / 0.15);
}

.border-destructive-foreground\/20{
  border-color: hsl(var(--destructive-foreground) / 0.2);
}

.border-destructive-foreground\/25{
  border-color: hsl(var(--destructive-foreground) / 0.25);
}

.border-destructive-foreground\/30{
  border-color: hsl(var(--destructive-foreground) / 0.3);
}

.border-destructive-foreground\/35{
  border-color: hsl(var(--destructive-foreground) / 0.35);
}

.border-destructive-foreground\/40{
  border-color: hsl(var(--destructive-foreground) / 0.4);
}

.border-destructive-foreground\/45{
  border-color: hsl(var(--destructive-foreground) / 0.45);
}

.border-destructive-foreground\/5{
  border-color: hsl(var(--destructive-foreground) / 0.05);
}

.border-destructive-foreground\/50{
  border-color: hsl(var(--destructive-foreground) / 0.5);
}

.border-destructive-foreground\/55{
  border-color: hsl(var(--destructive-foreground) / 0.55);
}

.border-destructive-foreground\/60{
  border-color: hsl(var(--destructive-foreground) / 0.6);
}

.border-destructive-foreground\/65{
  border-color: hsl(var(--destructive-foreground) / 0.65);
}

.border-destructive-foreground\/70{
  border-color: hsl(var(--destructive-foreground) / 0.7);
}

.border-destructive-foreground\/75{
  border-color: hsl(var(--destructive-foreground) / 0.75);
}

.border-destructive-foreground\/80{
  border-color: hsl(var(--destructive-foreground) / 0.8);
}

.border-destructive-foreground\/85{
  border-color: hsl(var(--destructive-foreground) / 0.85);
}

.border-destructive-foreground\/90{
  border-color: hsl(var(--destructive-foreground) / 0.9);
}

.border-destructive-foreground\/95{
  border-color: hsl(var(--destructive-foreground) / 0.95);
}

.border-destructive\/0{
  border-color: hsl(var(--destructive) / 0);
}

.border-destructive\/10{
  border-color: hsl(var(--destructive) / 0.1);
}

.border-destructive\/100{
  border-color: hsl(var(--destructive) / 1);
}

.border-destructive\/15{
  border-color: hsl(var(--destructive) / 0.15);
}

.border-destructive\/20{
  border-color: hsl(var(--destructive) / 0.2);
}

.border-destructive\/25{
  border-color: hsl(var(--destructive) / 0.25);
}

.border-destructive\/30{
  border-color: hsl(var(--destructive) / 0.3);
}

.border-destructive\/35{
  border-color: hsl(var(--destructive) / 0.35);
}

.border-destructive\/40{
  border-color: hsl(var(--destructive) / 0.4);
}

.border-destructive\/45{
  border-color: hsl(var(--destructive) / 0.45);
}

.border-destructive\/5{
  border-color: hsl(var(--destructive) / 0.05);
}

.border-destructive\/50{
  border-color: hsl(var(--destructive) / 0.5);
}

.border-destructive\/55{
  border-color: hsl(var(--destructive) / 0.55);
}

.border-destructive\/60{
  border-color: hsl(var(--destructive) / 0.6);
}

.border-destructive\/65{
  border-color: hsl(var(--destructive) / 0.65);
}

.border-destructive\/70{
  border-color: hsl(var(--destructive) / 0.7);
}

.border-destructive\/75{
  border-color: hsl(var(--destructive) / 0.75);
}

.border-destructive\/80{
  border-color: hsl(var(--destructive) / 0.8);
}

.border-destructive\/85{
  border-color: hsl(var(--destructive) / 0.85);
}

.border-destructive\/90{
  border-color: hsl(var(--destructive) / 0.9);
}

.border-destructive\/95{
  border-color: hsl(var(--destructive) / 0.95);
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-muted{
  --tw-border-opacity: 1;
  border-color: hsl(var(--muted) / var(--tw-border-opacity));
}

.border-muted-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--muted-foreground) / var(--tw-border-opacity));
}

.border-muted-foreground\/0{
  border-color: hsl(var(--muted-foreground) / 0);
}

.border-muted-foreground\/10{
  border-color: hsl(var(--muted-foreground) / 0.1);
}

.border-muted-foreground\/100{
  border-color: hsl(var(--muted-foreground) / 1);
}

.border-muted-foreground\/15{
  border-color: hsl(var(--muted-foreground) / 0.15);
}

.border-muted-foreground\/20{
  border-color: hsl(var(--muted-foreground) / 0.2);
}

.border-muted-foreground\/25{
  border-color: hsl(var(--muted-foreground) / 0.25);
}

.border-muted-foreground\/30{
  border-color: hsl(var(--muted-foreground) / 0.3);
}

.border-muted-foreground\/35{
  border-color: hsl(var(--muted-foreground) / 0.35);
}

.border-muted-foreground\/40{
  border-color: hsl(var(--muted-foreground) / 0.4);
}

.border-muted-foreground\/45{
  border-color: hsl(var(--muted-foreground) / 0.45);
}

.border-muted-foreground\/5{
  border-color: hsl(var(--muted-foreground) / 0.05);
}

.border-muted-foreground\/50{
  border-color: hsl(var(--muted-foreground) / 0.5);
}

.border-muted-foreground\/55{
  border-color: hsl(var(--muted-foreground) / 0.55);
}

.border-muted-foreground\/60{
  border-color: hsl(var(--muted-foreground) / 0.6);
}

.border-muted-foreground\/65{
  border-color: hsl(var(--muted-foreground) / 0.65);
}

.border-muted-foreground\/70{
  border-color: hsl(var(--muted-foreground) / 0.7);
}

.border-muted-foreground\/75{
  border-color: hsl(var(--muted-foreground) / 0.75);
}

.border-muted-foreground\/80{
  border-color: hsl(var(--muted-foreground) / 0.8);
}

.border-muted-foreground\/85{
  border-color: hsl(var(--muted-foreground) / 0.85);
}

.border-muted-foreground\/90{
  border-color: hsl(var(--muted-foreground) / 0.9);
}

.border-muted-foreground\/95{
  border-color: hsl(var(--muted-foreground) / 0.95);
}

.border-muted\/0{
  border-color: hsl(var(--muted) / 0);
}

.border-muted\/10{
  border-color: hsl(var(--muted) / 0.1);
}

.border-muted\/100{
  border-color: hsl(var(--muted) / 1);
}

.border-muted\/15{
  border-color: hsl(var(--muted) / 0.15);
}

.border-muted\/20{
  border-color: hsl(var(--muted) / 0.2);
}

.border-muted\/25{
  border-color: hsl(var(--muted) / 0.25);
}

.border-muted\/30{
  border-color: hsl(var(--muted) / 0.3);
}

.border-muted\/35{
  border-color: hsl(var(--muted) / 0.35);
}

.border-muted\/40{
  border-color: hsl(var(--muted) / 0.4);
}

.border-muted\/45{
  border-color: hsl(var(--muted) / 0.45);
}

.border-muted\/5{
  border-color: hsl(var(--muted) / 0.05);
}

.border-muted\/50{
  border-color: hsl(var(--muted) / 0.5);
}

.border-muted\/55{
  border-color: hsl(var(--muted) / 0.55);
}

.border-muted\/60{
  border-color: hsl(var(--muted) / 0.6);
}

.border-muted\/65{
  border-color: hsl(var(--muted) / 0.65);
}

.border-muted\/70{
  border-color: hsl(var(--muted) / 0.7);
}

.border-muted\/75{
  border-color: hsl(var(--muted) / 0.75);
}

.border-muted\/80{
  border-color: hsl(var(--muted) / 0.8);
}

.border-muted\/85{
  border-color: hsl(var(--muted) / 0.85);
}

.border-muted\/90{
  border-color: hsl(var(--muted) / 0.9);
}

.border-muted\/95{
  border-color: hsl(var(--muted) / 0.95);
}

.border-primary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}

.border-primary-foreground{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary-foreground) / var(--tw-border-opacity));
}

.border-primary-foreground\/0{
  border-color: hsl(var(--primary-foreground) / 0);
}

.border-primary-foreground\/10{
  border-color: hsl(var(--primary-foreground) / 0.1);
}

.border-primary-foreground\/100{
  border-color: hsl(var(--primary-foreground) / 1);
}

.border-primary-foreground\/15{
  border-color: hsl(var(--primary-foreground) / 0.15);
}

.border-primary-foreground\/20{
  border-color: hsl(var(--primary-foreground) / 0.2);
}

.border-primary-foreground\/25{
  border-color: hsl(var(--primary-foreground) / 0.25);
}

.border-primary-foreground\/30{
  border-color: hsl(var(--primary-foreground) / 0.3);
}

.border-primary-foreground\/35{
  border-color: hsl(var(--primary-foreground) / 0.35);
}

.border-primary-foreground\/40{
  border-color: hsl(var(--primary-foreground) / 0.4);
}

.border-primary-foreground\/45{
  border-color: hsl(var(--primary-foreground) / 0.45);
}

.border-primary-foreground\/5{
  border-color: hsl(var(--primary-foreground) / 0.05);
}

.border-primary-foreground\/50{
  border-color: hsl(var(--primary-foreground) / 0.5);
}

.border-primary-foreground\/55{
  border-color: hsl(var(--primary-foreground) / 0.55);
}

.border-primary-foreground\/60{
  border-color: hsl(var(--primary-foreground) / 0.6);
}

.border-primary-foreground\/65{
  border-color: hsl(var(--primary-foreground) / 0.65);
}

.border-primary-foreground\/70{
  border-color: hsl(var(--primary-foreground) / 0.7);
}

.border-primary-foreground\/75{
  border-color: hsl(var(--primary-foreground) / 0.75);
}

.border-primary-foreground\/80{
  border-color: hsl(var(--primary-foreground) / 0.8);
}

.border-primary-foreground\/85{
  border-color: hsl(var(--primary-foreground) / 0.85);
}

.border-primary-foreground\/90{
  border-color: hsl(var(--primary-foreground) / 0.9);
}

.border-primary-foreground\/95{
  border-color: hsl(var(--primary-foreground) / 0.95);
}

.border-primary\/0{
  border-color: hsl(var(--primary) / 0);
}

.border-primary\/10{
  border-color: hsl(var(--primary) / 0.1);
}

.border-primary\/100{
  border-color: hsl(var(--primary) / 1);
}

.border-primary\/15{
  border-color: hsl(var(--primary) / 0.15);
}

.border-primary\/20{
  border-color: hsl(var(--primary) / 0.2);
}

.border-primary\/25{
  border-color: hsl(var(--primary) / 0.25);
}

.border-primary\/30{
  border-color: hsl(var(--primary) / 0.3);
}

.border-primary\/35{
  border-color: hsl(var(--primary) / 0.35);
}

.border-primary\/40{
  border-color: hsl(var(--primary) / 0.4);
}

.border-primary\/45{
  border-color: hsl(var(--primary) / 0.45);
}

.border-primary\/5{
  border-color: hsl(var(--primary) / 0.05);
}

.border-primary\/50{
  border-color: hsl(var(--primary) / 0.5);
}

.border-primary\/55{
  border-color: hsl(var(--primary) / 0.55);
}

.border-primary\/60{
  border-color: hsl(var(--primary) / 0.6);
}

.border-primary\/65{
  border-color: hsl(var(--primary) / 0.65);
}

.border-primary\/70{
  border-color: hsl(var(--primary) / 0.7);
}

.border-primary\/75{
  border-color: hsl(var(--primary) / 0.75);
}

.border-primary\/80{
  border-color: hsl(var(--primary) / 0.8);
}

.border-primary\/85{
  border-color: hsl(var(--primary) / 0.85);
}

.border-primary\/90{
  border-color: hsl(var(--primary) / 0.9);
}

.border-primary\/95{
  border-color: hsl(var(--primary) / 0.95);
}

.border-success{
  --tw-border-opacity: 1;
  border-color: hsl(var(--success) / var(--tw-border-opacity));
}

.border-success\/0{
  border-color: hsl(var(--success) / 0);
}

.border-success\/10{
  border-color: hsl(var(--success) / 0.1);
}

.border-success\/100{
  border-color: hsl(var(--success) / 1);
}

.border-success\/15{
  border-color: hsl(var(--success) / 0.15);
}

.border-success\/20{
  border-color: hsl(var(--success) / 0.2);
}

.border-success\/25{
  border-color: hsl(var(--success) / 0.25);
}

.border-success\/30{
  border-color: hsl(var(--success) / 0.3);
}

.border-success\/35{
  border-color: hsl(var(--success) / 0.35);
}

.border-success\/40{
  border-color: hsl(var(--success) / 0.4);
}

.border-success\/45{
  border-color: hsl(var(--success) / 0.45);
}

.border-success\/5{
  border-color: hsl(var(--success) / 0.05);
}

.border-success\/50{
  border-color: hsl(var(--success) / 0.5);
}

.border-success\/55{
  border-color: hsl(var(--success) / 0.55);
}

.border-success\/60{
  border-color: hsl(var(--success) / 0.6);
}

.border-success\/65{
  border-color: hsl(var(--success) / 0.65);
}

.border-success\/70{
  border-color: hsl(var(--success) / 0.7);
}

.border-success\/75{
  border-color: hsl(var(--success) / 0.75);
}

.border-success\/80{
  border-color: hsl(var(--success) / 0.8);
}

.border-success\/85{
  border-color: hsl(var(--success) / 0.85);
}

.border-success\/90{
  border-color: hsl(var(--success) / 0.9);
}

.border-success\/95{
  border-color: hsl(var(--success) / 0.95);
}

.border-surface{
  --tw-border-opacity: 1;
  border-color: hsl(var(--surface) / var(--tw-border-opacity));
}

.border-surface-2{
  --tw-border-opacity: 1;
  border-color: hsl(var(--surface-2) / var(--tw-border-opacity));
}

.border-surface-2\/0{
  border-color: hsl(var(--surface-2) / 0);
}

.border-surface-2\/10{
  border-color: hsl(var(--surface-2) / 0.1);
}

.border-surface-2\/100{
  border-color: hsl(var(--surface-2) / 1);
}

.border-surface-2\/15{
  border-color: hsl(var(--surface-2) / 0.15);
}

.border-surface-2\/20{
  border-color: hsl(var(--surface-2) / 0.2);
}

.border-surface-2\/25{
  border-color: hsl(var(--surface-2) / 0.25);
}

.border-surface-2\/30{
  border-color: hsl(var(--surface-2) / 0.3);
}

.border-surface-2\/35{
  border-color: hsl(var(--surface-2) / 0.35);
}

.border-surface-2\/40{
  border-color: hsl(var(--surface-2) / 0.4);
}

.border-surface-2\/45{
  border-color: hsl(var(--surface-2) / 0.45);
}

.border-surface-2\/5{
  border-color: hsl(var(--surface-2) / 0.05);
}

.border-surface-2\/50{
  border-color: hsl(var(--surface-2) / 0.5);
}

.border-surface-2\/55{
  border-color: hsl(var(--surface-2) / 0.55);
}

.border-surface-2\/60{
  border-color: hsl(var(--surface-2) / 0.6);
}

.border-surface-2\/65{
  border-color: hsl(var(--surface-2) / 0.65);
}

.border-surface-2\/70{
  border-color: hsl(var(--surface-2) / 0.7);
}

.border-surface-2\/75{
  border-color: hsl(var(--surface-2) / 0.75);
}

.border-surface-2\/80{
  border-color: hsl(var(--surface-2) / 0.8);
}

.border-surface-2\/85{
  border-color: hsl(var(--surface-2) / 0.85);
}

.border-surface-2\/90{
  border-color: hsl(var(--surface-2) / 0.9);
}

.border-surface-2\/95{
  border-color: hsl(var(--surface-2) / 0.95);
}

.border-surface\/0{
  border-color: hsl(var(--surface) / 0);
}

.border-surface\/10{
  border-color: hsl(var(--surface) / 0.1);
}

.border-surface\/100{
  border-color: hsl(var(--surface) / 1);
}

.border-surface\/15{
  border-color: hsl(var(--surface) / 0.15);
}

.border-surface\/20{
  border-color: hsl(var(--surface) / 0.2);
}

.border-surface\/25{
  border-color: hsl(var(--surface) / 0.25);
}

.border-surface\/30{
  border-color: hsl(var(--surface) / 0.3);
}

.border-surface\/35{
  border-color: hsl(var(--surface) / 0.35);
}

.border-surface\/40{
  border-color: hsl(var(--surface) / 0.4);
}

.border-surface\/45{
  border-color: hsl(var(--surface) / 0.45);
}

.border-surface\/5{
  border-color: hsl(var(--surface) / 0.05);
}

.border-surface\/50{
  border-color: hsl(var(--surface) / 0.5);
}

.border-surface\/55{
  border-color: hsl(var(--surface) / 0.55);
}

.border-surface\/60{
  border-color: hsl(var(--surface) / 0.6);
}

.border-surface\/65{
  border-color: hsl(var(--surface) / 0.65);
}

.border-surface\/70{
  border-color: hsl(var(--surface) / 0.7);
}

.border-surface\/75{
  border-color: hsl(var(--surface) / 0.75);
}

.border-surface\/80{
  border-color: hsl(var(--surface) / 0.8);
}

.border-surface\/85{
  border-color: hsl(var(--surface) / 0.85);
}

.border-surface\/90{
  border-color: hsl(var(--surface) / 0.9);
}

.border-surface\/95{
  border-color: hsl(var(--surface) / 0.95);
}

.border-tertiary{
  --tw-border-opacity: 1;
  border-color: hsl(var(--tertiary) / var(--tw-border-opacity));
}

.border-tertiary\/0{
  border-color: hsl(var(--tertiary) / 0);
}

.border-tertiary\/10{
  border-color: hsl(var(--tertiary) / 0.1);
}

.border-tertiary\/100{
  border-color: hsl(var(--tertiary) / 1);
}

.border-tertiary\/15{
  border-color: hsl(var(--tertiary) / 0.15);
}

.border-tertiary\/20{
  border-color: hsl(var(--tertiary) / 0.2);
}

.border-tertiary\/25{
  border-color: hsl(var(--tertiary) / 0.25);
}

.border-tertiary\/30{
  border-color: hsl(var(--tertiary) / 0.3);
}

.border-tertiary\/35{
  border-color: hsl(var(--tertiary) / 0.35);
}

.border-tertiary\/40{
  border-color: hsl(var(--tertiary) / 0.4);
}

.border-tertiary\/45{
  border-color: hsl(var(--tertiary) / 0.45);
}

.border-tertiary\/5{
  border-color: hsl(var(--tertiary) / 0.05);
}

.border-tertiary\/50{
  border-color: hsl(var(--tertiary) / 0.5);
}

.border-tertiary\/55{
  border-color: hsl(var(--tertiary) / 0.55);
}

.border-tertiary\/60{
  border-color: hsl(var(--tertiary) / 0.6);
}

.border-tertiary\/65{
  border-color: hsl(var(--tertiary) / 0.65);
}

.border-tertiary\/70{
  border-color: hsl(var(--tertiary) / 0.7);
}

.border-tertiary\/75{
  border-color: hsl(var(--tertiary) / 0.75);
}

.border-tertiary\/80{
  border-color: hsl(var(--tertiary) / 0.8);
}

.border-tertiary\/85{
  border-color: hsl(var(--tertiary) / 0.85);
}

.border-tertiary\/90{
  border-color: hsl(var(--tertiary) / 0.9);
}

.border-tertiary\/95{
  border-color: hsl(var(--tertiary) / 0.95);
}

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

.border-warning{
  --tw-border-opacity: 1;
  border-color: hsl(var(--warning) / var(--tw-border-opacity));
}

.border-warning\/0{
  border-color: hsl(var(--warning) / 0);
}

.border-warning\/10{
  border-color: hsl(var(--warning) / 0.1);
}

.border-warning\/100{
  border-color: hsl(var(--warning) / 1);
}

.border-warning\/15{
  border-color: hsl(var(--warning) / 0.15);
}

.border-warning\/20{
  border-color: hsl(var(--warning) / 0.2);
}

.border-warning\/25{
  border-color: hsl(var(--warning) / 0.25);
}

.border-warning\/30{
  border-color: hsl(var(--warning) / 0.3);
}

.border-warning\/35{
  border-color: hsl(var(--warning) / 0.35);
}

.border-warning\/40{
  border-color: hsl(var(--warning) / 0.4);
}

.border-warning\/45{
  border-color: hsl(var(--warning) / 0.45);
}

.border-warning\/5{
  border-color: hsl(var(--warning) / 0.05);
}

.border-warning\/50{
  border-color: hsl(var(--warning) / 0.5);
}

.border-warning\/55{
  border-color: hsl(var(--warning) / 0.55);
}

.border-warning\/60{
  border-color: hsl(var(--warning) / 0.6);
}

.border-warning\/65{
  border-color: hsl(var(--warning) / 0.65);
}

.border-warning\/70{
  border-color: hsl(var(--warning) / 0.7);
}

.border-warning\/75{
  border-color: hsl(var(--warning) / 0.75);
}

.border-warning\/80{
  border-color: hsl(var(--warning) / 0.8);
}

.border-warning\/85{
  border-color: hsl(var(--warning) / 0.85);
}

.border-warning\/90{
  border-color: hsl(var(--warning) / 0.9);
}

.border-warning\/95{
  border-color: hsl(var(--warning) / 0.95);
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/40{
  border-color: rgb(255 255 255 / 0.4);
}

.border-white\/\[0\.06\]{
  border-color: rgb(255 255 255 / 0.06);
}

.border-l-cta{
  --tw-border-opacity: 1;
  border-left-color: hsl(var(--cta) / var(--tw-border-opacity));
}

.bg-accent{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
}

.bg-accent-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--accent-foreground) / var(--tw-bg-opacity));
}

.bg-accent-foreground\/0{
  background-color: hsl(var(--accent-foreground) / 0);
}

.bg-accent-foreground\/10{
  background-color: hsl(var(--accent-foreground) / 0.1);
}

.bg-accent-foreground\/100{
  background-color: hsl(var(--accent-foreground) / 1);
}

.bg-accent-foreground\/15{
  background-color: hsl(var(--accent-foreground) / 0.15);
}

.bg-accent-foreground\/20{
  background-color: hsl(var(--accent-foreground) / 0.2);
}

.bg-accent-foreground\/25{
  background-color: hsl(var(--accent-foreground) / 0.25);
}

.bg-accent-foreground\/30{
  background-color: hsl(var(--accent-foreground) / 0.3);
}

.bg-accent-foreground\/35{
  background-color: hsl(var(--accent-foreground) / 0.35);
}

.bg-accent-foreground\/40{
  background-color: hsl(var(--accent-foreground) / 0.4);
}

.bg-accent-foreground\/45{
  background-color: hsl(var(--accent-foreground) / 0.45);
}

.bg-accent-foreground\/5{
  background-color: hsl(var(--accent-foreground) / 0.05);
}

.bg-accent-foreground\/50{
  background-color: hsl(var(--accent-foreground) / 0.5);
}

.bg-accent-foreground\/55{
  background-color: hsl(var(--accent-foreground) / 0.55);
}

.bg-accent-foreground\/60{
  background-color: hsl(var(--accent-foreground) / 0.6);
}

.bg-accent-foreground\/65{
  background-color: hsl(var(--accent-foreground) / 0.65);
}

.bg-accent-foreground\/70{
  background-color: hsl(var(--accent-foreground) / 0.7);
}

.bg-accent-foreground\/75{
  background-color: hsl(var(--accent-foreground) / 0.75);
}

.bg-accent-foreground\/80{
  background-color: hsl(var(--accent-foreground) / 0.8);
}

.bg-accent-foreground\/85{
  background-color: hsl(var(--accent-foreground) / 0.85);
}

.bg-accent-foreground\/90{
  background-color: hsl(var(--accent-foreground) / 0.9);
}

.bg-accent-foreground\/95{
  background-color: hsl(var(--accent-foreground) / 0.95);
}

.bg-accent\/0{
  background-color: hsl(var(--accent) / 0);
}

.bg-accent\/10{
  background-color: hsl(var(--accent) / 0.1);
}

.bg-accent\/100{
  background-color: hsl(var(--accent) / 1);
}

.bg-accent\/15{
  background-color: hsl(var(--accent) / 0.15);
}

.bg-accent\/20{
  background-color: hsl(var(--accent) / 0.2);
}

.bg-accent\/25{
  background-color: hsl(var(--accent) / 0.25);
}

.bg-accent\/30{
  background-color: hsl(var(--accent) / 0.3);
}

.bg-accent\/35{
  background-color: hsl(var(--accent) / 0.35);
}

.bg-accent\/40{
  background-color: hsl(var(--accent) / 0.4);
}

.bg-accent\/45{
  background-color: hsl(var(--accent) / 0.45);
}

.bg-accent\/5{
  background-color: hsl(var(--accent) / 0.05);
}

.bg-accent\/50{
  background-color: hsl(var(--accent) / 0.5);
}

.bg-accent\/55{
  background-color: hsl(var(--accent) / 0.55);
}

.bg-accent\/60{
  background-color: hsl(var(--accent) / 0.6);
}

.bg-accent\/65{
  background-color: hsl(var(--accent) / 0.65);
}

.bg-accent\/70{
  background-color: hsl(var(--accent) / 0.7);
}

.bg-accent\/75{
  background-color: hsl(var(--accent) / 0.75);
}

.bg-accent\/80{
  background-color: hsl(var(--accent) / 0.8);
}

.bg-accent\/85{
  background-color: hsl(var(--accent) / 0.85);
}

.bg-accent\/90{
  background-color: hsl(var(--accent) / 0.9);
}

.bg-accent\/95{
  background-color: hsl(var(--accent) / 0.95);
}

.bg-background{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--background) / var(--tw-bg-opacity));
}

.bg-background\/60{
  background-color: hsl(var(--background) / 0.6);
}

.bg-background\/95{
  background-color: hsl(var(--background) / 0.95);
}

.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.bg-border{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--border) / var(--tw-bg-opacity));
}

.bg-border\/60{
  background-color: hsl(var(--border) / 0.6);
}

.bg-card{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--card) / var(--tw-bg-opacity));
}

.bg-card\/30{
  background-color: hsl(var(--card) / 0.3);
}

.bg-card\/40{
  background-color: hsl(var(--card) / 0.4);
}

.bg-card\/60{
  background-color: hsl(var(--card) / 0.6);
}

.bg-cta{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--cta) / var(--tw-bg-opacity));
}

.bg-cta-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--cta-foreground) / var(--tw-bg-opacity));
}

.bg-cta-foreground\/0{
  background-color: hsl(var(--cta-foreground) / 0);
}

.bg-cta-foreground\/10{
  background-color: hsl(var(--cta-foreground) / 0.1);
}

.bg-cta-foreground\/100{
  background-color: hsl(var(--cta-foreground) / 1);
}

.bg-cta-foreground\/15{
  background-color: hsl(var(--cta-foreground) / 0.15);
}

.bg-cta-foreground\/20{
  background-color: hsl(var(--cta-foreground) / 0.2);
}

.bg-cta-foreground\/25{
  background-color: hsl(var(--cta-foreground) / 0.25);
}

.bg-cta-foreground\/30{
  background-color: hsl(var(--cta-foreground) / 0.3);
}

.bg-cta-foreground\/35{
  background-color: hsl(var(--cta-foreground) / 0.35);
}

.bg-cta-foreground\/40{
  background-color: hsl(var(--cta-foreground) / 0.4);
}

.bg-cta-foreground\/45{
  background-color: hsl(var(--cta-foreground) / 0.45);
}

.bg-cta-foreground\/5{
  background-color: hsl(var(--cta-foreground) / 0.05);
}

.bg-cta-foreground\/50{
  background-color: hsl(var(--cta-foreground) / 0.5);
}

.bg-cta-foreground\/55{
  background-color: hsl(var(--cta-foreground) / 0.55);
}

.bg-cta-foreground\/60{
  background-color: hsl(var(--cta-foreground) / 0.6);
}

.bg-cta-foreground\/65{
  background-color: hsl(var(--cta-foreground) / 0.65);
}

.bg-cta-foreground\/70{
  background-color: hsl(var(--cta-foreground) / 0.7);
}

.bg-cta-foreground\/75{
  background-color: hsl(var(--cta-foreground) / 0.75);
}

.bg-cta-foreground\/80{
  background-color: hsl(var(--cta-foreground) / 0.8);
}

.bg-cta-foreground\/85{
  background-color: hsl(var(--cta-foreground) / 0.85);
}

.bg-cta-foreground\/90{
  background-color: hsl(var(--cta-foreground) / 0.9);
}

.bg-cta-foreground\/95{
  background-color: hsl(var(--cta-foreground) / 0.95);
}

.bg-cta-muted{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--cta-muted) / var(--tw-bg-opacity));
}

.bg-cta-muted\/0{
  background-color: hsl(var(--cta-muted) / 0);
}

.bg-cta-muted\/10{
  background-color: hsl(var(--cta-muted) / 0.1);
}

.bg-cta-muted\/100{
  background-color: hsl(var(--cta-muted) / 1);
}

.bg-cta-muted\/15{
  background-color: hsl(var(--cta-muted) / 0.15);
}

.bg-cta-muted\/20{
  background-color: hsl(var(--cta-muted) / 0.2);
}

.bg-cta-muted\/25{
  background-color: hsl(var(--cta-muted) / 0.25);
}

.bg-cta-muted\/30{
  background-color: hsl(var(--cta-muted) / 0.3);
}

.bg-cta-muted\/35{
  background-color: hsl(var(--cta-muted) / 0.35);
}

.bg-cta-muted\/40{
  background-color: hsl(var(--cta-muted) / 0.4);
}

.bg-cta-muted\/45{
  background-color: hsl(var(--cta-muted) / 0.45);
}

.bg-cta-muted\/5{
  background-color: hsl(var(--cta-muted) / 0.05);
}

.bg-cta-muted\/50{
  background-color: hsl(var(--cta-muted) / 0.5);
}

.bg-cta-muted\/55{
  background-color: hsl(var(--cta-muted) / 0.55);
}

.bg-cta-muted\/60{
  background-color: hsl(var(--cta-muted) / 0.6);
}

.bg-cta-muted\/65{
  background-color: hsl(var(--cta-muted) / 0.65);
}

.bg-cta-muted\/70{
  background-color: hsl(var(--cta-muted) / 0.7);
}

.bg-cta-muted\/75{
  background-color: hsl(var(--cta-muted) / 0.75);
}

.bg-cta-muted\/80{
  background-color: hsl(var(--cta-muted) / 0.8);
}

.bg-cta-muted\/85{
  background-color: hsl(var(--cta-muted) / 0.85);
}

.bg-cta-muted\/90{
  background-color: hsl(var(--cta-muted) / 0.9);
}

.bg-cta-muted\/95{
  background-color: hsl(var(--cta-muted) / 0.95);
}

.bg-cta\/0{
  background-color: hsl(var(--cta) / 0);
}

.bg-cta\/10{
  background-color: hsl(var(--cta) / 0.1);
}

.bg-cta\/100{
  background-color: hsl(var(--cta) / 1);
}

.bg-cta\/15{
  background-color: hsl(var(--cta) / 0.15);
}

.bg-cta\/20{
  background-color: hsl(var(--cta) / 0.2);
}

.bg-cta\/25{
  background-color: hsl(var(--cta) / 0.25);
}

.bg-cta\/30{
  background-color: hsl(var(--cta) / 0.3);
}

.bg-cta\/35{
  background-color: hsl(var(--cta) / 0.35);
}

.bg-cta\/40{
  background-color: hsl(var(--cta) / 0.4);
}

.bg-cta\/45{
  background-color: hsl(var(--cta) / 0.45);
}

.bg-cta\/5{
  background-color: hsl(var(--cta) / 0.05);
}

.bg-cta\/50{
  background-color: hsl(var(--cta) / 0.5);
}

.bg-cta\/55{
  background-color: hsl(var(--cta) / 0.55);
}

.bg-cta\/60{
  background-color: hsl(var(--cta) / 0.6);
}

.bg-cta\/65{
  background-color: hsl(var(--cta) / 0.65);
}

.bg-cta\/70{
  background-color: hsl(var(--cta) / 0.7);
}

.bg-cta\/75{
  background-color: hsl(var(--cta) / 0.75);
}

.bg-cta\/80{
  background-color: hsl(var(--cta) / 0.8);
}

.bg-cta\/85{
  background-color: hsl(var(--cta) / 0.85);
}

.bg-cta\/90{
  background-color: hsl(var(--cta) / 0.9);
}

.bg-cta\/95{
  background-color: hsl(var(--cta) / 0.95);
}

.bg-destructive{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--destructive) / var(--tw-bg-opacity));
}

.bg-destructive-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--destructive-foreground) / var(--tw-bg-opacity));
}

.bg-destructive-foreground\/0{
  background-color: hsl(var(--destructive-foreground) / 0);
}

.bg-destructive-foreground\/10{
  background-color: hsl(var(--destructive-foreground) / 0.1);
}

.bg-destructive-foreground\/100{
  background-color: hsl(var(--destructive-foreground) / 1);
}

.bg-destructive-foreground\/15{
  background-color: hsl(var(--destructive-foreground) / 0.15);
}

.bg-destructive-foreground\/20{
  background-color: hsl(var(--destructive-foreground) / 0.2);
}

.bg-destructive-foreground\/25{
  background-color: hsl(var(--destructive-foreground) / 0.25);
}

.bg-destructive-foreground\/30{
  background-color: hsl(var(--destructive-foreground) / 0.3);
}

.bg-destructive-foreground\/35{
  background-color: hsl(var(--destructive-foreground) / 0.35);
}

.bg-destructive-foreground\/40{
  background-color: hsl(var(--destructive-foreground) / 0.4);
}

.bg-destructive-foreground\/45{
  background-color: hsl(var(--destructive-foreground) / 0.45);
}

.bg-destructive-foreground\/5{
  background-color: hsl(var(--destructive-foreground) / 0.05);
}

.bg-destructive-foreground\/50{
  background-color: hsl(var(--destructive-foreground) / 0.5);
}

.bg-destructive-foreground\/55{
  background-color: hsl(var(--destructive-foreground) / 0.55);
}

.bg-destructive-foreground\/60{
  background-color: hsl(var(--destructive-foreground) / 0.6);
}

.bg-destructive-foreground\/65{
  background-color: hsl(var(--destructive-foreground) / 0.65);
}

.bg-destructive-foreground\/70{
  background-color: hsl(var(--destructive-foreground) / 0.7);
}

.bg-destructive-foreground\/75{
  background-color: hsl(var(--destructive-foreground) / 0.75);
}

.bg-destructive-foreground\/80{
  background-color: hsl(var(--destructive-foreground) / 0.8);
}

.bg-destructive-foreground\/85{
  background-color: hsl(var(--destructive-foreground) / 0.85);
}

.bg-destructive-foreground\/90{
  background-color: hsl(var(--destructive-foreground) / 0.9);
}

.bg-destructive-foreground\/95{
  background-color: hsl(var(--destructive-foreground) / 0.95);
}

.bg-destructive\/0{
  background-color: hsl(var(--destructive) / 0);
}

.bg-destructive\/10{
  background-color: hsl(var(--destructive) / 0.1);
}

.bg-destructive\/100{
  background-color: hsl(var(--destructive) / 1);
}

.bg-destructive\/15{
  background-color: hsl(var(--destructive) / 0.15);
}

.bg-destructive\/20{
  background-color: hsl(var(--destructive) / 0.2);
}

.bg-destructive\/25{
  background-color: hsl(var(--destructive) / 0.25);
}

.bg-destructive\/30{
  background-color: hsl(var(--destructive) / 0.3);
}

.bg-destructive\/35{
  background-color: hsl(var(--destructive) / 0.35);
}

.bg-destructive\/40{
  background-color: hsl(var(--destructive) / 0.4);
}

.bg-destructive\/45{
  background-color: hsl(var(--destructive) / 0.45);
}

.bg-destructive\/5{
  background-color: hsl(var(--destructive) / 0.05);
}

.bg-destructive\/50{
  background-color: hsl(var(--destructive) / 0.5);
}

.bg-destructive\/55{
  background-color: hsl(var(--destructive) / 0.55);
}

.bg-destructive\/60{
  background-color: hsl(var(--destructive) / 0.6);
}

.bg-destructive\/65{
  background-color: hsl(var(--destructive) / 0.65);
}

.bg-destructive\/70{
  background-color: hsl(var(--destructive) / 0.7);
}

.bg-destructive\/75{
  background-color: hsl(var(--destructive) / 0.75);
}

.bg-destructive\/80{
  background-color: hsl(var(--destructive) / 0.8);
}

.bg-destructive\/85{
  background-color: hsl(var(--destructive) / 0.85);
}

.bg-destructive\/90{
  background-color: hsl(var(--destructive) / 0.9);
}

.bg-destructive\/95{
  background-color: hsl(var(--destructive) / 0.95);
}

.bg-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--foreground) / var(--tw-bg-opacity));
}

.bg-foreground\/5{
  background-color: hsl(var(--foreground) / 0.05);
}

.bg-foreground\/60{
  background-color: hsl(var(--foreground) / 0.6);
}

.bg-ink{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--ink) / var(--tw-bg-opacity));
}

.bg-ink\/65{
  background-color: hsl(var(--ink) / 0.65);
}

.bg-muted{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted) / var(--tw-bg-opacity));
}

.bg-muted-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--muted-foreground) / var(--tw-bg-opacity));
}

.bg-muted-foreground\/0{
  background-color: hsl(var(--muted-foreground) / 0);
}

.bg-muted-foreground\/10{
  background-color: hsl(var(--muted-foreground) / 0.1);
}

.bg-muted-foreground\/100{
  background-color: hsl(var(--muted-foreground) / 1);
}

.bg-muted-foreground\/15{
  background-color: hsl(var(--muted-foreground) / 0.15);
}

.bg-muted-foreground\/20{
  background-color: hsl(var(--muted-foreground) / 0.2);
}

.bg-muted-foreground\/25{
  background-color: hsl(var(--muted-foreground) / 0.25);
}

.bg-muted-foreground\/30{
  background-color: hsl(var(--muted-foreground) / 0.3);
}

.bg-muted-foreground\/35{
  background-color: hsl(var(--muted-foreground) / 0.35);
}

.bg-muted-foreground\/40{
  background-color: hsl(var(--muted-foreground) / 0.4);
}

.bg-muted-foreground\/45{
  background-color: hsl(var(--muted-foreground) / 0.45);
}

.bg-muted-foreground\/5{
  background-color: hsl(var(--muted-foreground) / 0.05);
}

.bg-muted-foreground\/50{
  background-color: hsl(var(--muted-foreground) / 0.5);
}

.bg-muted-foreground\/55{
  background-color: hsl(var(--muted-foreground) / 0.55);
}

.bg-muted-foreground\/60{
  background-color: hsl(var(--muted-foreground) / 0.6);
}

.bg-muted-foreground\/65{
  background-color: hsl(var(--muted-foreground) / 0.65);
}

.bg-muted-foreground\/70{
  background-color: hsl(var(--muted-foreground) / 0.7);
}

.bg-muted-foreground\/75{
  background-color: hsl(var(--muted-foreground) / 0.75);
}

.bg-muted-foreground\/80{
  background-color: hsl(var(--muted-foreground) / 0.8);
}

.bg-muted-foreground\/85{
  background-color: hsl(var(--muted-foreground) / 0.85);
}

.bg-muted-foreground\/90{
  background-color: hsl(var(--muted-foreground) / 0.9);
}

.bg-muted-foreground\/95{
  background-color: hsl(var(--muted-foreground) / 0.95);
}

.bg-muted\/0{
  background-color: hsl(var(--muted) / 0);
}

.bg-muted\/10{
  background-color: hsl(var(--muted) / 0.1);
}

.bg-muted\/100{
  background-color: hsl(var(--muted) / 1);
}

.bg-muted\/15{
  background-color: hsl(var(--muted) / 0.15);
}

.bg-muted\/20{
  background-color: hsl(var(--muted) / 0.2);
}

.bg-muted\/25{
  background-color: hsl(var(--muted) / 0.25);
}

.bg-muted\/30{
  background-color: hsl(var(--muted) / 0.3);
}

.bg-muted\/35{
  background-color: hsl(var(--muted) / 0.35);
}

.bg-muted\/40{
  background-color: hsl(var(--muted) / 0.4);
}

.bg-muted\/45{
  background-color: hsl(var(--muted) / 0.45);
}

.bg-muted\/5{
  background-color: hsl(var(--muted) / 0.05);
}

.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}

.bg-muted\/55{
  background-color: hsl(var(--muted) / 0.55);
}

.bg-muted\/60{
  background-color: hsl(var(--muted) / 0.6);
}

.bg-muted\/65{
  background-color: hsl(var(--muted) / 0.65);
}

.bg-muted\/70{
  background-color: hsl(var(--muted) / 0.7);
}

.bg-muted\/75{
  background-color: hsl(var(--muted) / 0.75);
}

.bg-muted\/80{
  background-color: hsl(var(--muted) / 0.8);
}

.bg-muted\/85{
  background-color: hsl(var(--muted) / 0.85);
}

.bg-muted\/90{
  background-color: hsl(var(--muted) / 0.9);
}

.bg-muted\/95{
  background-color: hsl(var(--muted) / 0.95);
}

.bg-neutral-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}

.bg-primary-foreground{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary-foreground) / var(--tw-bg-opacity));
}

.bg-primary-foreground\/0{
  background-color: hsl(var(--primary-foreground) / 0);
}

.bg-primary-foreground\/10{
  background-color: hsl(var(--primary-foreground) / 0.1);
}

.bg-primary-foreground\/100{
  background-color: hsl(var(--primary-foreground) / 1);
}

.bg-primary-foreground\/15{
  background-color: hsl(var(--primary-foreground) / 0.15);
}

.bg-primary-foreground\/20{
  background-color: hsl(var(--primary-foreground) / 0.2);
}

.bg-primary-foreground\/25{
  background-color: hsl(var(--primary-foreground) / 0.25);
}

.bg-primary-foreground\/30{
  background-color: hsl(var(--primary-foreground) / 0.3);
}

.bg-primary-foreground\/35{
  background-color: hsl(var(--primary-foreground) / 0.35);
}

.bg-primary-foreground\/40{
  background-color: hsl(var(--primary-foreground) / 0.4);
}

.bg-primary-foreground\/45{
  background-color: hsl(var(--primary-foreground) / 0.45);
}

.bg-primary-foreground\/5{
  background-color: hsl(var(--primary-foreground) / 0.05);
}

.bg-primary-foreground\/50{
  background-color: hsl(var(--primary-foreground) / 0.5);
}

.bg-primary-foreground\/55{
  background-color: hsl(var(--primary-foreground) / 0.55);
}

.bg-primary-foreground\/60{
  background-color: hsl(var(--primary-foreground) / 0.6);
}

.bg-primary-foreground\/65{
  background-color: hsl(var(--primary-foreground) / 0.65);
}

.bg-primary-foreground\/70{
  background-color: hsl(var(--primary-foreground) / 0.7);
}

.bg-primary-foreground\/75{
  background-color: hsl(var(--primary-foreground) / 0.75);
}

.bg-primary-foreground\/80{
  background-color: hsl(var(--primary-foreground) / 0.8);
}

.bg-primary-foreground\/85{
  background-color: hsl(var(--primary-foreground) / 0.85);
}

.bg-primary-foreground\/90{
  background-color: hsl(var(--primary-foreground) / 0.9);
}

.bg-primary-foreground\/95{
  background-color: hsl(var(--primary-foreground) / 0.95);
}

.bg-primary\/0{
  background-color: hsl(var(--primary) / 0);
}

.bg-primary\/10{
  background-color: hsl(var(--primary) / 0.1);
}

.bg-primary\/100{
  background-color: hsl(var(--primary) / 1);
}

.bg-primary\/15{
  background-color: hsl(var(--primary) / 0.15);
}

.bg-primary\/20{
  background-color: hsl(var(--primary) / 0.2);
}

.bg-primary\/25{
  background-color: hsl(var(--primary) / 0.25);
}

.bg-primary\/30{
  background-color: hsl(var(--primary) / 0.3);
}

.bg-primary\/35{
  background-color: hsl(var(--primary) / 0.35);
}

.bg-primary\/40{
  background-color: hsl(var(--primary) / 0.4);
}

.bg-primary\/45{
  background-color: hsl(var(--primary) / 0.45);
}

.bg-primary\/5{
  background-color: hsl(var(--primary) / 0.05);
}

.bg-primary\/50{
  background-color: hsl(var(--primary) / 0.5);
}

.bg-primary\/55{
  background-color: hsl(var(--primary) / 0.55);
}

.bg-primary\/60{
  background-color: hsl(var(--primary) / 0.6);
}

.bg-primary\/65{
  background-color: hsl(var(--primary) / 0.65);
}

.bg-primary\/70{
  background-color: hsl(var(--primary) / 0.7);
}

.bg-primary\/75{
  background-color: hsl(var(--primary) / 0.75);
}

.bg-primary\/80{
  background-color: hsl(var(--primary) / 0.8);
}

.bg-primary\/85{
  background-color: hsl(var(--primary) / 0.85);
}

.bg-primary\/90{
  background-color: hsl(var(--primary) / 0.9);
}

.bg-primary\/95{
  background-color: hsl(var(--primary) / 0.95);
}

.bg-success{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--success) / var(--tw-bg-opacity));
}

.bg-success\/0{
  background-color: hsl(var(--success) / 0);
}

.bg-success\/10{
  background-color: hsl(var(--success) / 0.1);
}

.bg-success\/100{
  background-color: hsl(var(--success) / 1);
}

.bg-success\/15{
  background-color: hsl(var(--success) / 0.15);
}

.bg-success\/20{
  background-color: hsl(var(--success) / 0.2);
}

.bg-success\/25{
  background-color: hsl(var(--success) / 0.25);
}

.bg-success\/30{
  background-color: hsl(var(--success) / 0.3);
}

.bg-success\/35{
  background-color: hsl(var(--success) / 0.35);
}

.bg-success\/40{
  background-color: hsl(var(--success) / 0.4);
}

.bg-success\/45{
  background-color: hsl(var(--success) / 0.45);
}

.bg-success\/5{
  background-color: hsl(var(--success) / 0.05);
}

.bg-success\/50{
  background-color: hsl(var(--success) / 0.5);
}

.bg-success\/55{
  background-color: hsl(var(--success) / 0.55);
}

.bg-success\/60{
  background-color: hsl(var(--success) / 0.6);
}

.bg-success\/65{
  background-color: hsl(var(--success) / 0.65);
}

.bg-success\/70{
  background-color: hsl(var(--success) / 0.7);
}

.bg-success\/75{
  background-color: hsl(var(--success) / 0.75);
}

.bg-success\/80{
  background-color: hsl(var(--success) / 0.8);
}

.bg-success\/85{
  background-color: hsl(var(--success) / 0.85);
}

.bg-success\/90{
  background-color: hsl(var(--success) / 0.9);
}

.bg-success\/95{
  background-color: hsl(var(--success) / 0.95);
}

.bg-surface{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--surface) / var(--tw-bg-opacity));
}

.bg-surface-2{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--surface-2) / var(--tw-bg-opacity));
}

.bg-surface-2\/0{
  background-color: hsl(var(--surface-2) / 0);
}

.bg-surface-2\/10{
  background-color: hsl(var(--surface-2) / 0.1);
}

.bg-surface-2\/100{
  background-color: hsl(var(--surface-2) / 1);
}

.bg-surface-2\/15{
  background-color: hsl(var(--surface-2) / 0.15);
}

.bg-surface-2\/20{
  background-color: hsl(var(--surface-2) / 0.2);
}

.bg-surface-2\/25{
  background-color: hsl(var(--surface-2) / 0.25);
}

.bg-surface-2\/30{
  background-color: hsl(var(--surface-2) / 0.3);
}

.bg-surface-2\/35{
  background-color: hsl(var(--surface-2) / 0.35);
}

.bg-surface-2\/40{
  background-color: hsl(var(--surface-2) / 0.4);
}

.bg-surface-2\/45{
  background-color: hsl(var(--surface-2) / 0.45);
}

.bg-surface-2\/5{
  background-color: hsl(var(--surface-2) / 0.05);
}

.bg-surface-2\/50{
  background-color: hsl(var(--surface-2) / 0.5);
}

.bg-surface-2\/55{
  background-color: hsl(var(--surface-2) / 0.55);
}

.bg-surface-2\/60{
  background-color: hsl(var(--surface-2) / 0.6);
}

.bg-surface-2\/65{
  background-color: hsl(var(--surface-2) / 0.65);
}

.bg-surface-2\/70{
  background-color: hsl(var(--surface-2) / 0.7);
}

.bg-surface-2\/75{
  background-color: hsl(var(--surface-2) / 0.75);
}

.bg-surface-2\/80{
  background-color: hsl(var(--surface-2) / 0.8);
}

.bg-surface-2\/85{
  background-color: hsl(var(--surface-2) / 0.85);
}

.bg-surface-2\/90{
  background-color: hsl(var(--surface-2) / 0.9);
}

.bg-surface-2\/95{
  background-color: hsl(var(--surface-2) / 0.95);
}

.bg-surface\/0{
  background-color: hsl(var(--surface) / 0);
}

.bg-surface\/10{
  background-color: hsl(var(--surface) / 0.1);
}

.bg-surface\/100{
  background-color: hsl(var(--surface) / 1);
}

.bg-surface\/15{
  background-color: hsl(var(--surface) / 0.15);
}

.bg-surface\/20{
  background-color: hsl(var(--surface) / 0.2);
}

.bg-surface\/25{
  background-color: hsl(var(--surface) / 0.25);
}

.bg-surface\/30{
  background-color: hsl(var(--surface) / 0.3);
}

.bg-surface\/35{
  background-color: hsl(var(--surface) / 0.35);
}

.bg-surface\/40{
  background-color: hsl(var(--surface) / 0.4);
}

.bg-surface\/45{
  background-color: hsl(var(--surface) / 0.45);
}

.bg-surface\/5{
  background-color: hsl(var(--surface) / 0.05);
}

.bg-surface\/50{
  background-color: hsl(var(--surface) / 0.5);
}

.bg-surface\/55{
  background-color: hsl(var(--surface) / 0.55);
}

.bg-surface\/60{
  background-color: hsl(var(--surface) / 0.6);
}

.bg-surface\/65{
  background-color: hsl(var(--surface) / 0.65);
}

.bg-surface\/70{
  background-color: hsl(var(--surface) / 0.7);
}

.bg-surface\/75{
  background-color: hsl(var(--surface) / 0.75);
}

.bg-surface\/80{
  background-color: hsl(var(--surface) / 0.8);
}

.bg-surface\/85{
  background-color: hsl(var(--surface) / 0.85);
}

.bg-surface\/90{
  background-color: hsl(var(--surface) / 0.9);
}

.bg-surface\/95{
  background-color: hsl(var(--surface) / 0.95);
}

.bg-tertiary{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--tertiary) / var(--tw-bg-opacity));
}

.bg-tertiary\/0{
  background-color: hsl(var(--tertiary) / 0);
}

.bg-tertiary\/10{
  background-color: hsl(var(--tertiary) / 0.1);
}

.bg-tertiary\/100{
  background-color: hsl(var(--tertiary) / 1);
}

.bg-tertiary\/15{
  background-color: hsl(var(--tertiary) / 0.15);
}

.bg-tertiary\/20{
  background-color: hsl(var(--tertiary) / 0.2);
}

.bg-tertiary\/25{
  background-color: hsl(var(--tertiary) / 0.25);
}

.bg-tertiary\/30{
  background-color: hsl(var(--tertiary) / 0.3);
}

.bg-tertiary\/35{
  background-color: hsl(var(--tertiary) / 0.35);
}

.bg-tertiary\/40{
  background-color: hsl(var(--tertiary) / 0.4);
}

.bg-tertiary\/45{
  background-color: hsl(var(--tertiary) / 0.45);
}

.bg-tertiary\/5{
  background-color: hsl(var(--tertiary) / 0.05);
}

.bg-tertiary\/50{
  background-color: hsl(var(--tertiary) / 0.5);
}

.bg-tertiary\/55{
  background-color: hsl(var(--tertiary) / 0.55);
}

.bg-tertiary\/60{
  background-color: hsl(var(--tertiary) / 0.6);
}

.bg-tertiary\/65{
  background-color: hsl(var(--tertiary) / 0.65);
}

.bg-tertiary\/70{
  background-color: hsl(var(--tertiary) / 0.7);
}

.bg-tertiary\/75{
  background-color: hsl(var(--tertiary) / 0.75);
}

.bg-tertiary\/80{
  background-color: hsl(var(--tertiary) / 0.8);
}

.bg-tertiary\/85{
  background-color: hsl(var(--tertiary) / 0.85);
}

.bg-tertiary\/90{
  background-color: hsl(var(--tertiary) / 0.9);
}

.bg-tertiary\/95{
  background-color: hsl(var(--tertiary) / 0.95);
}

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

.bg-warning{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
}

.bg-warning\/0{
  background-color: hsl(var(--warning) / 0);
}

.bg-warning\/10{
  background-color: hsl(var(--warning) / 0.1);
}

.bg-warning\/100{
  background-color: hsl(var(--warning) / 1);
}

.bg-warning\/15{
  background-color: hsl(var(--warning) / 0.15);
}

.bg-warning\/20{
  background-color: hsl(var(--warning) / 0.2);
}

.bg-warning\/25{
  background-color: hsl(var(--warning) / 0.25);
}

.bg-warning\/30{
  background-color: hsl(var(--warning) / 0.3);
}

.bg-warning\/35{
  background-color: hsl(var(--warning) / 0.35);
}

.bg-warning\/40{
  background-color: hsl(var(--warning) / 0.4);
}

.bg-warning\/45{
  background-color: hsl(var(--warning) / 0.45);
}

.bg-warning\/5{
  background-color: hsl(var(--warning) / 0.05);
}

.bg-warning\/50{
  background-color: hsl(var(--warning) / 0.5);
}

.bg-warning\/55{
  background-color: hsl(var(--warning) / 0.55);
}

.bg-warning\/60{
  background-color: hsl(var(--warning) / 0.6);
}

.bg-warning\/65{
  background-color: hsl(var(--warning) / 0.65);
}

.bg-warning\/70{
  background-color: hsl(var(--warning) / 0.7);
}

.bg-warning\/75{
  background-color: hsl(var(--warning) / 0.75);
}

.bg-warning\/80{
  background-color: hsl(var(--warning) / 0.8);
}

.bg-warning\/85{
  background-color: hsl(var(--warning) / 0.85);
}

.bg-warning\/90{
  background-color: hsl(var(--warning) / 0.9);
}

.bg-warning\/95{
  background-color: hsl(var(--warning) / 0.95);
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-gradient-accent{
  background-image: var(--gradient-accent);
}

.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, 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-background{
  --tw-gradient-from: hsl(var(--background) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-background\/80{
  --tw-gradient-from: hsl(var(--background) / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/60{
  --tw-gradient-from: rgb(0 0 0 / 0.6) 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-black\/80{
  --tw-gradient-from: rgb(0 0 0 / 0.8) 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-cta{
  --tw-gradient-from: hsl(var(--cta) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--cta) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-ink\/60{
  --tw-gradient-from: hsl(var(--ink) / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--ink) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-background\/70{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-background\/80{
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black\/40{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-cta\/90{
  --tw-gradient-to: hsl(var(--cta) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--cta) / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-ink\/50{
  --tw-gradient-to: hsl(var(--ink) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--ink) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-transparent{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-background{
  --tw-gradient-to: hsl(var(--background) / 1) var(--tw-gradient-to-position);
}

.to-background\/30{
  --tw-gradient-to: hsl(var(--background) / 0.3) var(--tw-gradient-to-position);
}

.to-cta\/70{
  --tw-gradient-to: hsl(var(--cta) / 0.7) var(--tw-gradient-to-position);
}

.to-ink\/80{
  --tw-gradient-to: hsl(var(--ink) / 0.8) var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.p-0{
  padding: 0px;
}

.p-10{
  padding: 2.5rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-8{
  padding: 2rem;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.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-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

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

.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-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-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pl-12{
  padding-left: 3rem;
}

.pl-4{
  padding-left: 1rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-24{
  padding-top: 6rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-32{
  padding-top: 8rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-8{
  padding-top: 2rem;
}

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

.text-center{
  text-align: center;
}

.text-start{
  text-align: start;
}

.font-display{
  font-family: var(--font-display);
}

.font-mono{
  font-family: var(--font-mono);
}

.font-sans{
  font-family: var(--font-sans);
}

.font-serif{
  font-family: 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-\[0\.85rem\]{
  font-size: 0.85rem;
}

.text-\[0\.95rem\]{
  font-size: 0.95rem;
}

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

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

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

.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-black{
  font-weight: 900;
}

.font-bold{
  font-weight: 700;
}

.font-extrabold{
  font-weight: 800;
}

.font-medium{
  font-weight: 500;
}

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

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.leading-\[1\.02\]{
  line-height: 1.02;
}

.leading-\[1\.1\]{
  line-height: 1.1;
}

.leading-none{
  line-height: 1;
}

.leading-relaxed{
  line-height: 1.625;
}

.leading-snug{
  line-height: 1.375;
}

.leading-tight{
  line-height: 1.25;
}

.tracking-\[-0\.025em\]{
  letter-spacing: -0.025em;
}

.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}

.tracking-\[-0\.03em\]{
  letter-spacing: -0.03em;
}

.tracking-\[0\.15em\]{
  letter-spacing: 0.15em;
}

.tracking-\[0\.25em\]{
  letter-spacing: 0.25em;
}

.tracking-\[0\.3em\]{
  letter-spacing: 0.3em;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.tracking-wide{
  letter-spacing: 0.025em;
}

.tracking-widest{
  letter-spacing: 0.1em;
}

.text-accent{
  --tw-text-opacity: 1;
  color: hsl(var(--accent) / var(--tw-text-opacity));
}

.text-accent-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--accent-foreground) / var(--tw-text-opacity));
}

.text-accent-foreground\/0{
  color: hsl(var(--accent-foreground) / 0);
}

.text-accent-foreground\/10{
  color: hsl(var(--accent-foreground) / 0.1);
}

.text-accent-foreground\/100{
  color: hsl(var(--accent-foreground) / 1);
}

.text-accent-foreground\/15{
  color: hsl(var(--accent-foreground) / 0.15);
}

.text-accent-foreground\/20{
  color: hsl(var(--accent-foreground) / 0.2);
}

.text-accent-foreground\/25{
  color: hsl(var(--accent-foreground) / 0.25);
}

.text-accent-foreground\/30{
  color: hsl(var(--accent-foreground) / 0.3);
}

.text-accent-foreground\/35{
  color: hsl(var(--accent-foreground) / 0.35);
}

.text-accent-foreground\/40{
  color: hsl(var(--accent-foreground) / 0.4);
}

.text-accent-foreground\/45{
  color: hsl(var(--accent-foreground) / 0.45);
}

.text-accent-foreground\/5{
  color: hsl(var(--accent-foreground) / 0.05);
}

.text-accent-foreground\/50{
  color: hsl(var(--accent-foreground) / 0.5);
}

.text-accent-foreground\/55{
  color: hsl(var(--accent-foreground) / 0.55);
}

.text-accent-foreground\/60{
  color: hsl(var(--accent-foreground) / 0.6);
}

.text-accent-foreground\/65{
  color: hsl(var(--accent-foreground) / 0.65);
}

.text-accent-foreground\/70{
  color: hsl(var(--accent-foreground) / 0.7);
}

.text-accent-foreground\/75{
  color: hsl(var(--accent-foreground) / 0.75);
}

.text-accent-foreground\/80{
  color: hsl(var(--accent-foreground) / 0.8);
}

.text-accent-foreground\/85{
  color: hsl(var(--accent-foreground) / 0.85);
}

.text-accent-foreground\/90{
  color: hsl(var(--accent-foreground) / 0.9);
}

.text-accent-foreground\/95{
  color: hsl(var(--accent-foreground) / 0.95);
}

.text-accent\/0{
  color: hsl(var(--accent) / 0);
}

.text-accent\/10{
  color: hsl(var(--accent) / 0.1);
}

.text-accent\/100{
  color: hsl(var(--accent) / 1);
}

.text-accent\/15{
  color: hsl(var(--accent) / 0.15);
}

.text-accent\/20{
  color: hsl(var(--accent) / 0.2);
}

.text-accent\/25{
  color: hsl(var(--accent) / 0.25);
}

.text-accent\/30{
  color: hsl(var(--accent) / 0.3);
}

.text-accent\/35{
  color: hsl(var(--accent) / 0.35);
}

.text-accent\/40{
  color: hsl(var(--accent) / 0.4);
}

.text-accent\/45{
  color: hsl(var(--accent) / 0.45);
}

.text-accent\/5{
  color: hsl(var(--accent) / 0.05);
}

.text-accent\/50{
  color: hsl(var(--accent) / 0.5);
}

.text-accent\/55{
  color: hsl(var(--accent) / 0.55);
}

.text-accent\/60{
  color: hsl(var(--accent) / 0.6);
}

.text-accent\/65{
  color: hsl(var(--accent) / 0.65);
}

.text-accent\/70{
  color: hsl(var(--accent) / 0.7);
}

.text-accent\/75{
  color: hsl(var(--accent) / 0.75);
}

.text-accent\/80{
  color: hsl(var(--accent) / 0.8);
}

.text-accent\/85{
  color: hsl(var(--accent) / 0.85);
}

.text-accent\/90{
  color: hsl(var(--accent) / 0.9);
}

.text-accent\/95{
  color: hsl(var(--accent) / 0.95);
}

.text-background{
  --tw-text-opacity: 1;
  color: hsl(var(--background) / var(--tw-text-opacity));
}

.text-cta{
  --tw-text-opacity: 1;
  color: hsl(var(--cta) / var(--tw-text-opacity));
}

.text-cta-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--cta-foreground) / var(--tw-text-opacity));
}

.text-cta-foreground\/0{
  color: hsl(var(--cta-foreground) / 0);
}

.text-cta-foreground\/10{
  color: hsl(var(--cta-foreground) / 0.1);
}

.text-cta-foreground\/100{
  color: hsl(var(--cta-foreground) / 1);
}

.text-cta-foreground\/15{
  color: hsl(var(--cta-foreground) / 0.15);
}

.text-cta-foreground\/20{
  color: hsl(var(--cta-foreground) / 0.2);
}

.text-cta-foreground\/25{
  color: hsl(var(--cta-foreground) / 0.25);
}

.text-cta-foreground\/30{
  color: hsl(var(--cta-foreground) / 0.3);
}

.text-cta-foreground\/35{
  color: hsl(var(--cta-foreground) / 0.35);
}

.text-cta-foreground\/40{
  color: hsl(var(--cta-foreground) / 0.4);
}

.text-cta-foreground\/45{
  color: hsl(var(--cta-foreground) / 0.45);
}

.text-cta-foreground\/5{
  color: hsl(var(--cta-foreground) / 0.05);
}

.text-cta-foreground\/50{
  color: hsl(var(--cta-foreground) / 0.5);
}

.text-cta-foreground\/55{
  color: hsl(var(--cta-foreground) / 0.55);
}

.text-cta-foreground\/60{
  color: hsl(var(--cta-foreground) / 0.6);
}

.text-cta-foreground\/65{
  color: hsl(var(--cta-foreground) / 0.65);
}

.text-cta-foreground\/70{
  color: hsl(var(--cta-foreground) / 0.7);
}

.text-cta-foreground\/75{
  color: hsl(var(--cta-foreground) / 0.75);
}

.text-cta-foreground\/80{
  color: hsl(var(--cta-foreground) / 0.8);
}

.text-cta-foreground\/85{
  color: hsl(var(--cta-foreground) / 0.85);
}

.text-cta-foreground\/90{
  color: hsl(var(--cta-foreground) / 0.9);
}

.text-cta-foreground\/95{
  color: hsl(var(--cta-foreground) / 0.95);
}

.text-cta-muted{
  --tw-text-opacity: 1;
  color: hsl(var(--cta-muted) / var(--tw-text-opacity));
}

.text-cta-muted\/0{
  color: hsl(var(--cta-muted) / 0);
}

.text-cta-muted\/10{
  color: hsl(var(--cta-muted) / 0.1);
}

.text-cta-muted\/100{
  color: hsl(var(--cta-muted) / 1);
}

.text-cta-muted\/15{
  color: hsl(var(--cta-muted) / 0.15);
}

.text-cta-muted\/20{
  color: hsl(var(--cta-muted) / 0.2);
}

.text-cta-muted\/25{
  color: hsl(var(--cta-muted) / 0.25);
}

.text-cta-muted\/30{
  color: hsl(var(--cta-muted) / 0.3);
}

.text-cta-muted\/35{
  color: hsl(var(--cta-muted) / 0.35);
}

.text-cta-muted\/40{
  color: hsl(var(--cta-muted) / 0.4);
}

.text-cta-muted\/45{
  color: hsl(var(--cta-muted) / 0.45);
}

.text-cta-muted\/5{
  color: hsl(var(--cta-muted) / 0.05);
}

.text-cta-muted\/50{
  color: hsl(var(--cta-muted) / 0.5);
}

.text-cta-muted\/55{
  color: hsl(var(--cta-muted) / 0.55);
}

.text-cta-muted\/60{
  color: hsl(var(--cta-muted) / 0.6);
}

.text-cta-muted\/65{
  color: hsl(var(--cta-muted) / 0.65);
}

.text-cta-muted\/70{
  color: hsl(var(--cta-muted) / 0.7);
}

.text-cta-muted\/75{
  color: hsl(var(--cta-muted) / 0.75);
}

.text-cta-muted\/80{
  color: hsl(var(--cta-muted) / 0.8);
}

.text-cta-muted\/85{
  color: hsl(var(--cta-muted) / 0.85);
}

.text-cta-muted\/90{
  color: hsl(var(--cta-muted) / 0.9);
}

.text-cta-muted\/95{
  color: hsl(var(--cta-muted) / 0.95);
}

.text-cta\/0{
  color: hsl(var(--cta) / 0);
}

.text-cta\/10{
  color: hsl(var(--cta) / 0.1);
}

.text-cta\/100{
  color: hsl(var(--cta) / 1);
}

.text-cta\/15{
  color: hsl(var(--cta) / 0.15);
}

.text-cta\/20{
  color: hsl(var(--cta) / 0.2);
}

.text-cta\/25{
  color: hsl(var(--cta) / 0.25);
}

.text-cta\/30{
  color: hsl(var(--cta) / 0.3);
}

.text-cta\/35{
  color: hsl(var(--cta) / 0.35);
}

.text-cta\/40{
  color: hsl(var(--cta) / 0.4);
}

.text-cta\/45{
  color: hsl(var(--cta) / 0.45);
}

.text-cta\/5{
  color: hsl(var(--cta) / 0.05);
}

.text-cta\/50{
  color: hsl(var(--cta) / 0.5);
}

.text-cta\/55{
  color: hsl(var(--cta) / 0.55);
}

.text-cta\/60{
  color: hsl(var(--cta) / 0.6);
}

.text-cta\/65{
  color: hsl(var(--cta) / 0.65);
}

.text-cta\/70{
  color: hsl(var(--cta) / 0.7);
}

.text-cta\/75{
  color: hsl(var(--cta) / 0.75);
}

.text-cta\/80{
  color: hsl(var(--cta) / 0.8);
}

.text-cta\/85{
  color: hsl(var(--cta) / 0.85);
}

.text-cta\/90{
  color: hsl(var(--cta) / 0.9);
}

.text-cta\/95{
  color: hsl(var(--cta) / 0.95);
}

.text-destructive{
  --tw-text-opacity: 1;
  color: hsl(var(--destructive) / var(--tw-text-opacity));
}

.text-destructive-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity));
}

.text-destructive-foreground\/0{
  color: hsl(var(--destructive-foreground) / 0);
}

.text-destructive-foreground\/10{
  color: hsl(var(--destructive-foreground) / 0.1);
}

.text-destructive-foreground\/100{
  color: hsl(var(--destructive-foreground) / 1);
}

.text-destructive-foreground\/15{
  color: hsl(var(--destructive-foreground) / 0.15);
}

.text-destructive-foreground\/20{
  color: hsl(var(--destructive-foreground) / 0.2);
}

.text-destructive-foreground\/25{
  color: hsl(var(--destructive-foreground) / 0.25);
}

.text-destructive-foreground\/30{
  color: hsl(var(--destructive-foreground) / 0.3);
}

.text-destructive-foreground\/35{
  color: hsl(var(--destructive-foreground) / 0.35);
}

.text-destructive-foreground\/40{
  color: hsl(var(--destructive-foreground) / 0.4);
}

.text-destructive-foreground\/45{
  color: hsl(var(--destructive-foreground) / 0.45);
}

.text-destructive-foreground\/5{
  color: hsl(var(--destructive-foreground) / 0.05);
}

.text-destructive-foreground\/50{
  color: hsl(var(--destructive-foreground) / 0.5);
}

.text-destructive-foreground\/55{
  color: hsl(var(--destructive-foreground) / 0.55);
}

.text-destructive-foreground\/60{
  color: hsl(var(--destructive-foreground) / 0.6);
}

.text-destructive-foreground\/65{
  color: hsl(var(--destructive-foreground) / 0.65);
}

.text-destructive-foreground\/70{
  color: hsl(var(--destructive-foreground) / 0.7);
}

.text-destructive-foreground\/75{
  color: hsl(var(--destructive-foreground) / 0.75);
}

.text-destructive-foreground\/80{
  color: hsl(var(--destructive-foreground) / 0.8);
}

.text-destructive-foreground\/85{
  color: hsl(var(--destructive-foreground) / 0.85);
}

.text-destructive-foreground\/90{
  color: hsl(var(--destructive-foreground) / 0.9);
}

.text-destructive-foreground\/95{
  color: hsl(var(--destructive-foreground) / 0.95);
}

.text-destructive\/0{
  color: hsl(var(--destructive) / 0);
}

.text-destructive\/10{
  color: hsl(var(--destructive) / 0.1);
}

.text-destructive\/100{
  color: hsl(var(--destructive) / 1);
}

.text-destructive\/15{
  color: hsl(var(--destructive) / 0.15);
}

.text-destructive\/20{
  color: hsl(var(--destructive) / 0.2);
}

.text-destructive\/25{
  color: hsl(var(--destructive) / 0.25);
}

.text-destructive\/30{
  color: hsl(var(--destructive) / 0.3);
}

.text-destructive\/35{
  color: hsl(var(--destructive) / 0.35);
}

.text-destructive\/40{
  color: hsl(var(--destructive) / 0.4);
}

.text-destructive\/45{
  color: hsl(var(--destructive) / 0.45);
}

.text-destructive\/5{
  color: hsl(var(--destructive) / 0.05);
}

.text-destructive\/50{
  color: hsl(var(--destructive) / 0.5);
}

.text-destructive\/55{
  color: hsl(var(--destructive) / 0.55);
}

.text-destructive\/60{
  color: hsl(var(--destructive) / 0.6);
}

.text-destructive\/65{
  color: hsl(var(--destructive) / 0.65);
}

.text-destructive\/70{
  color: hsl(var(--destructive) / 0.7);
}

.text-destructive\/75{
  color: hsl(var(--destructive) / 0.75);
}

.text-destructive\/80{
  color: hsl(var(--destructive) / 0.8);
}

.text-destructive\/85{
  color: hsl(var(--destructive) / 0.85);
}

.text-destructive\/90{
  color: hsl(var(--destructive) / 0.9);
}

.text-destructive\/95{
  color: hsl(var(--destructive) / 0.95);
}

.text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
}

.text-foreground\/70{
  color: hsl(var(--foreground) / 0.7);
}

.text-foreground\/85{
  color: hsl(var(--foreground) / 0.85);
}

.text-foreground\/90{
  color: hsl(var(--foreground) / 0.9);
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-ink-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--ink-foreground) / var(--tw-text-opacity));
}

.text-muted{
  --tw-text-opacity: 1;
  color: hsl(var(--muted) / var(--tw-text-opacity));
}

.text-muted-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.text-muted-foreground\/0{
  color: hsl(var(--muted-foreground) / 0);
}

.text-muted-foreground\/10{
  color: hsl(var(--muted-foreground) / 0.1);
}

.text-muted-foreground\/100{
  color: hsl(var(--muted-foreground) / 1);
}

.text-muted-foreground\/15{
  color: hsl(var(--muted-foreground) / 0.15);
}

.text-muted-foreground\/20{
  color: hsl(var(--muted-foreground) / 0.2);
}

.text-muted-foreground\/25{
  color: hsl(var(--muted-foreground) / 0.25);
}

.text-muted-foreground\/30{
  color: hsl(var(--muted-foreground) / 0.3);
}

.text-muted-foreground\/35{
  color: hsl(var(--muted-foreground) / 0.35);
}

.text-muted-foreground\/40{
  color: hsl(var(--muted-foreground) / 0.4);
}

.text-muted-foreground\/45{
  color: hsl(var(--muted-foreground) / 0.45);
}

.text-muted-foreground\/5{
  color: hsl(var(--muted-foreground) / 0.05);
}

.text-muted-foreground\/50{
  color: hsl(var(--muted-foreground) / 0.5);
}

.text-muted-foreground\/55{
  color: hsl(var(--muted-foreground) / 0.55);
}

.text-muted-foreground\/60{
  color: hsl(var(--muted-foreground) / 0.6);
}

.text-muted-foreground\/65{
  color: hsl(var(--muted-foreground) / 0.65);
}

.text-muted-foreground\/70{
  color: hsl(var(--muted-foreground) / 0.7);
}

.text-muted-foreground\/75{
  color: hsl(var(--muted-foreground) / 0.75);
}

.text-muted-foreground\/80{
  color: hsl(var(--muted-foreground) / 0.8);
}

.text-muted-foreground\/85{
  color: hsl(var(--muted-foreground) / 0.85);
}

.text-muted-foreground\/90{
  color: hsl(var(--muted-foreground) / 0.9);
}

.text-muted-foreground\/95{
  color: hsl(var(--muted-foreground) / 0.95);
}

.text-muted\/0{
  color: hsl(var(--muted) / 0);
}

.text-muted\/10{
  color: hsl(var(--muted) / 0.1);
}

.text-muted\/100{
  color: hsl(var(--muted) / 1);
}

.text-muted\/15{
  color: hsl(var(--muted) / 0.15);
}

.text-muted\/20{
  color: hsl(var(--muted) / 0.2);
}

.text-muted\/25{
  color: hsl(var(--muted) / 0.25);
}

.text-muted\/30{
  color: hsl(var(--muted) / 0.3);
}

.text-muted\/35{
  color: hsl(var(--muted) / 0.35);
}

.text-muted\/40{
  color: hsl(var(--muted) / 0.4);
}

.text-muted\/45{
  color: hsl(var(--muted) / 0.45);
}

.text-muted\/5{
  color: hsl(var(--muted) / 0.05);
}

.text-muted\/50{
  color: hsl(var(--muted) / 0.5);
}

.text-muted\/55{
  color: hsl(var(--muted) / 0.55);
}

.text-muted\/60{
  color: hsl(var(--muted) / 0.6);
}

.text-muted\/65{
  color: hsl(var(--muted) / 0.65);
}

.text-muted\/70{
  color: hsl(var(--muted) / 0.7);
}

.text-muted\/75{
  color: hsl(var(--muted) / 0.75);
}

.text-muted\/80{
  color: hsl(var(--muted) / 0.8);
}

.text-muted\/85{
  color: hsl(var(--muted) / 0.85);
}

.text-muted\/90{
  color: hsl(var(--muted) / 0.9);
}

.text-muted\/95{
  color: hsl(var(--muted) / 0.95);
}

.text-neutral-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}

.text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}

.text-primary-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
}

.text-primary-foreground\/0{
  color: hsl(var(--primary-foreground) / 0);
}

.text-primary-foreground\/10{
  color: hsl(var(--primary-foreground) / 0.1);
}

.text-primary-foreground\/100{
  color: hsl(var(--primary-foreground) / 1);
}

.text-primary-foreground\/15{
  color: hsl(var(--primary-foreground) / 0.15);
}

.text-primary-foreground\/20{
  color: hsl(var(--primary-foreground) / 0.2);
}

.text-primary-foreground\/25{
  color: hsl(var(--primary-foreground) / 0.25);
}

.text-primary-foreground\/30{
  color: hsl(var(--primary-foreground) / 0.3);
}

.text-primary-foreground\/35{
  color: hsl(var(--primary-foreground) / 0.35);
}

.text-primary-foreground\/40{
  color: hsl(var(--primary-foreground) / 0.4);
}

.text-primary-foreground\/45{
  color: hsl(var(--primary-foreground) / 0.45);
}

.text-primary-foreground\/5{
  color: hsl(var(--primary-foreground) / 0.05);
}

.text-primary-foreground\/50{
  color: hsl(var(--primary-foreground) / 0.5);
}

.text-primary-foreground\/55{
  color: hsl(var(--primary-foreground) / 0.55);
}

.text-primary-foreground\/60{
  color: hsl(var(--primary-foreground) / 0.6);
}

.text-primary-foreground\/65{
  color: hsl(var(--primary-foreground) / 0.65);
}

.text-primary-foreground\/70{
  color: hsl(var(--primary-foreground) / 0.7);
}

.text-primary-foreground\/75{
  color: hsl(var(--primary-foreground) / 0.75);
}

.text-primary-foreground\/80{
  color: hsl(var(--primary-foreground) / 0.8);
}

.text-primary-foreground\/85{
  color: hsl(var(--primary-foreground) / 0.85);
}

.text-primary-foreground\/90{
  color: hsl(var(--primary-foreground) / 0.9);
}

.text-primary-foreground\/95{
  color: hsl(var(--primary-foreground) / 0.95);
}

.text-primary\/0{
  color: hsl(var(--primary) / 0);
}

.text-primary\/10{
  color: hsl(var(--primary) / 0.1);
}

.text-primary\/100{
  color: hsl(var(--primary) / 1);
}

.text-primary\/15{
  color: hsl(var(--primary) / 0.15);
}

.text-primary\/20{
  color: hsl(var(--primary) / 0.2);
}

.text-primary\/25{
  color: hsl(var(--primary) / 0.25);
}

.text-primary\/30{
  color: hsl(var(--primary) / 0.3);
}

.text-primary\/35{
  color: hsl(var(--primary) / 0.35);
}

.text-primary\/40{
  color: hsl(var(--primary) / 0.4);
}

.text-primary\/45{
  color: hsl(var(--primary) / 0.45);
}

.text-primary\/5{
  color: hsl(var(--primary) / 0.05);
}

.text-primary\/50{
  color: hsl(var(--primary) / 0.5);
}

.text-primary\/55{
  color: hsl(var(--primary) / 0.55);
}

.text-primary\/60{
  color: hsl(var(--primary) / 0.6);
}

.text-primary\/65{
  color: hsl(var(--primary) / 0.65);
}

.text-primary\/70{
  color: hsl(var(--primary) / 0.7);
}

.text-primary\/75{
  color: hsl(var(--primary) / 0.75);
}

.text-primary\/80{
  color: hsl(var(--primary) / 0.8);
}

.text-primary\/85{
  color: hsl(var(--primary) / 0.85);
}

.text-primary\/90{
  color: hsl(var(--primary) / 0.9);
}

.text-primary\/95{
  color: hsl(var(--primary) / 0.95);
}

.text-success{
  --tw-text-opacity: 1;
  color: hsl(var(--success) / var(--tw-text-opacity));
}

.text-success\/0{
  color: hsl(var(--success) / 0);
}

.text-success\/10{
  color: hsl(var(--success) / 0.1);
}

.text-success\/100{
  color: hsl(var(--success) / 1);
}

.text-success\/15{
  color: hsl(var(--success) / 0.15);
}

.text-success\/20{
  color: hsl(var(--success) / 0.2);
}

.text-success\/25{
  color: hsl(var(--success) / 0.25);
}

.text-success\/30{
  color: hsl(var(--success) / 0.3);
}

.text-success\/35{
  color: hsl(var(--success) / 0.35);
}

.text-success\/40{
  color: hsl(var(--success) / 0.4);
}

.text-success\/45{
  color: hsl(var(--success) / 0.45);
}

.text-success\/5{
  color: hsl(var(--success) / 0.05);
}

.text-success\/50{
  color: hsl(var(--success) / 0.5);
}

.text-success\/55{
  color: hsl(var(--success) / 0.55);
}

.text-success\/60{
  color: hsl(var(--success) / 0.6);
}

.text-success\/65{
  color: hsl(var(--success) / 0.65);
}

.text-success\/70{
  color: hsl(var(--success) / 0.7);
}

.text-success\/75{
  color: hsl(var(--success) / 0.75);
}

.text-success\/80{
  color: hsl(var(--success) / 0.8);
}

.text-success\/85{
  color: hsl(var(--success) / 0.85);
}

.text-success\/90{
  color: hsl(var(--success) / 0.9);
}

.text-success\/95{
  color: hsl(var(--success) / 0.95);
}

.text-surface{
  --tw-text-opacity: 1;
  color: hsl(var(--surface) / var(--tw-text-opacity));
}

.text-surface-2{
  --tw-text-opacity: 1;
  color: hsl(var(--surface-2) / var(--tw-text-opacity));
}

.text-surface-2\/0{
  color: hsl(var(--surface-2) / 0);
}

.text-surface-2\/10{
  color: hsl(var(--surface-2) / 0.1);
}

.text-surface-2\/100{
  color: hsl(var(--surface-2) / 1);
}

.text-surface-2\/15{
  color: hsl(var(--surface-2) / 0.15);
}

.text-surface-2\/20{
  color: hsl(var(--surface-2) / 0.2);
}

.text-surface-2\/25{
  color: hsl(var(--surface-2) / 0.25);
}

.text-surface-2\/30{
  color: hsl(var(--surface-2) / 0.3);
}

.text-surface-2\/35{
  color: hsl(var(--surface-2) / 0.35);
}

.text-surface-2\/40{
  color: hsl(var(--surface-2) / 0.4);
}

.text-surface-2\/45{
  color: hsl(var(--surface-2) / 0.45);
}

.text-surface-2\/5{
  color: hsl(var(--surface-2) / 0.05);
}

.text-surface-2\/50{
  color: hsl(var(--surface-2) / 0.5);
}

.text-surface-2\/55{
  color: hsl(var(--surface-2) / 0.55);
}

.text-surface-2\/60{
  color: hsl(var(--surface-2) / 0.6);
}

.text-surface-2\/65{
  color: hsl(var(--surface-2) / 0.65);
}

.text-surface-2\/70{
  color: hsl(var(--surface-2) / 0.7);
}

.text-surface-2\/75{
  color: hsl(var(--surface-2) / 0.75);
}

.text-surface-2\/80{
  color: hsl(var(--surface-2) / 0.8);
}

.text-surface-2\/85{
  color: hsl(var(--surface-2) / 0.85);
}

.text-surface-2\/90{
  color: hsl(var(--surface-2) / 0.9);
}

.text-surface-2\/95{
  color: hsl(var(--surface-2) / 0.95);
}

.text-surface\/0{
  color: hsl(var(--surface) / 0);
}

.text-surface\/10{
  color: hsl(var(--surface) / 0.1);
}

.text-surface\/100{
  color: hsl(var(--surface) / 1);
}

.text-surface\/15{
  color: hsl(var(--surface) / 0.15);
}

.text-surface\/20{
  color: hsl(var(--surface) / 0.2);
}

.text-surface\/25{
  color: hsl(var(--surface) / 0.25);
}

.text-surface\/30{
  color: hsl(var(--surface) / 0.3);
}

.text-surface\/35{
  color: hsl(var(--surface) / 0.35);
}

.text-surface\/40{
  color: hsl(var(--surface) / 0.4);
}

.text-surface\/45{
  color: hsl(var(--surface) / 0.45);
}

.text-surface\/5{
  color: hsl(var(--surface) / 0.05);
}

.text-surface\/50{
  color: hsl(var(--surface) / 0.5);
}

.text-surface\/55{
  color: hsl(var(--surface) / 0.55);
}

.text-surface\/60{
  color: hsl(var(--surface) / 0.6);
}

.text-surface\/65{
  color: hsl(var(--surface) / 0.65);
}

.text-surface\/70{
  color: hsl(var(--surface) / 0.7);
}

.text-surface\/75{
  color: hsl(var(--surface) / 0.75);
}

.text-surface\/80{
  color: hsl(var(--surface) / 0.8);
}

.text-surface\/85{
  color: hsl(var(--surface) / 0.85);
}

.text-surface\/90{
  color: hsl(var(--surface) / 0.9);
}

.text-surface\/95{
  color: hsl(var(--surface) / 0.95);
}

.text-tertiary{
  --tw-text-opacity: 1;
  color: hsl(var(--tertiary) / var(--tw-text-opacity));
}

.text-tertiary\/0{
  color: hsl(var(--tertiary) / 0);
}

.text-tertiary\/10{
  color: hsl(var(--tertiary) / 0.1);
}

.text-tertiary\/100{
  color: hsl(var(--tertiary) / 1);
}

.text-tertiary\/15{
  color: hsl(var(--tertiary) / 0.15);
}

.text-tertiary\/20{
  color: hsl(var(--tertiary) / 0.2);
}

.text-tertiary\/25{
  color: hsl(var(--tertiary) / 0.25);
}

.text-tertiary\/30{
  color: hsl(var(--tertiary) / 0.3);
}

.text-tertiary\/35{
  color: hsl(var(--tertiary) / 0.35);
}

.text-tertiary\/40{
  color: hsl(var(--tertiary) / 0.4);
}

.text-tertiary\/45{
  color: hsl(var(--tertiary) / 0.45);
}

.text-tertiary\/5{
  color: hsl(var(--tertiary) / 0.05);
}

.text-tertiary\/50{
  color: hsl(var(--tertiary) / 0.5);
}

.text-tertiary\/55{
  color: hsl(var(--tertiary) / 0.55);
}

.text-tertiary\/60{
  color: hsl(var(--tertiary) / 0.6);
}

.text-tertiary\/65{
  color: hsl(var(--tertiary) / 0.65);
}

.text-tertiary\/70{
  color: hsl(var(--tertiary) / 0.7);
}

.text-tertiary\/75{
  color: hsl(var(--tertiary) / 0.75);
}

.text-tertiary\/80{
  color: hsl(var(--tertiary) / 0.8);
}

.text-tertiary\/85{
  color: hsl(var(--tertiary) / 0.85);
}

.text-tertiary\/90{
  color: hsl(var(--tertiary) / 0.9);
}

.text-tertiary\/95{
  color: hsl(var(--tertiary) / 0.95);
}

.text-warning{
  --tw-text-opacity: 1;
  color: hsl(var(--warning) / var(--tw-text-opacity));
}

.text-warning\/0{
  color: hsl(var(--warning) / 0);
}

.text-warning\/10{
  color: hsl(var(--warning) / 0.1);
}

.text-warning\/100{
  color: hsl(var(--warning) / 1);
}

.text-warning\/15{
  color: hsl(var(--warning) / 0.15);
}

.text-warning\/20{
  color: hsl(var(--warning) / 0.2);
}

.text-warning\/25{
  color: hsl(var(--warning) / 0.25);
}

.text-warning\/30{
  color: hsl(var(--warning) / 0.3);
}

.text-warning\/35{
  color: hsl(var(--warning) / 0.35);
}

.text-warning\/40{
  color: hsl(var(--warning) / 0.4);
}

.text-warning\/45{
  color: hsl(var(--warning) / 0.45);
}

.text-warning\/5{
  color: hsl(var(--warning) / 0.05);
}

.text-warning\/50{
  color: hsl(var(--warning) / 0.5);
}

.text-warning\/55{
  color: hsl(var(--warning) / 0.55);
}

.text-warning\/60{
  color: hsl(var(--warning) / 0.6);
}

.text-warning\/65{
  color: hsl(var(--warning) / 0.65);
}

.text-warning\/70{
  color: hsl(var(--warning) / 0.7);
}

.text-warning\/75{
  color: hsl(var(--warning) / 0.75);
}

.text-warning\/80{
  color: hsl(var(--warning) / 0.8);
}

.text-warning\/85{
  color: hsl(var(--warning) / 0.85);
}

.text-warning\/90{
  color: hsl(var(--warning) / 0.9);
}

.text-warning\/95{
  color: hsl(var(--warning) / 0.95);
}

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

.text-white\/20{
  color: rgb(255 255 255 / 0.2);
}

.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}

.text-white\/40{
  color: rgb(255 255 255 / 0.4);
}

.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}

.text-white\/65{
  color: rgb(255 255 255 / 0.65);
}

.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

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

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opacity-0{
  opacity: 0;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-100{
  opacity: 1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-\[0\.07\]{
  opacity: 0.07;
}

.opacity-\[0\.14\]{
  opacity: 0.14;
}

.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-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-panel{
  --tw-shadow: var(--shadow-panel);
  --tw-shadow-colored: var(--shadow-panel);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

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

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

.shadow-primary{
  --tw-shadow-color: hsl(var(--primary) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}

.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-accent{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--accent) / var(--tw-ring-opacity));
}

.ring-accent-foreground{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--accent-foreground) / var(--tw-ring-opacity));
}

.ring-accent-foreground\/0{
  --tw-ring-color: hsl(var(--accent-foreground) / 0);
}

.ring-accent-foreground\/10{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.1);
}

.ring-accent-foreground\/100{
  --tw-ring-color: hsl(var(--accent-foreground) / 1);
}

.ring-accent-foreground\/15{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.15);
}

.ring-accent-foreground\/20{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.2);
}

.ring-accent-foreground\/25{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.25);
}

.ring-accent-foreground\/30{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.3);
}

.ring-accent-foreground\/35{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.35);
}

.ring-accent-foreground\/40{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.4);
}

.ring-accent-foreground\/45{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.45);
}

.ring-accent-foreground\/5{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.05);
}

.ring-accent-foreground\/50{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.5);
}

.ring-accent-foreground\/55{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.55);
}

.ring-accent-foreground\/60{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.6);
}

.ring-accent-foreground\/65{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.65);
}

.ring-accent-foreground\/70{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.7);
}

.ring-accent-foreground\/75{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.75);
}

.ring-accent-foreground\/80{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.8);
}

.ring-accent-foreground\/85{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.85);
}

.ring-accent-foreground\/90{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.9);
}

.ring-accent-foreground\/95{
  --tw-ring-color: hsl(var(--accent-foreground) / 0.95);
}

.ring-accent\/0{
  --tw-ring-color: hsl(var(--accent) / 0);
}

.ring-accent\/10{
  --tw-ring-color: hsl(var(--accent) / 0.1);
}

.ring-accent\/100{
  --tw-ring-color: hsl(var(--accent) / 1);
}

.ring-accent\/15{
  --tw-ring-color: hsl(var(--accent) / 0.15);
}

.ring-accent\/20{
  --tw-ring-color: hsl(var(--accent) / 0.2);
}

.ring-accent\/25{
  --tw-ring-color: hsl(var(--accent) / 0.25);
}

.ring-accent\/30{
  --tw-ring-color: hsl(var(--accent) / 0.3);
}

.ring-accent\/35{
  --tw-ring-color: hsl(var(--accent) / 0.35);
}

.ring-accent\/40{
  --tw-ring-color: hsl(var(--accent) / 0.4);
}

.ring-accent\/45{
  --tw-ring-color: hsl(var(--accent) / 0.45);
}

.ring-accent\/5{
  --tw-ring-color: hsl(var(--accent) / 0.05);
}

.ring-accent\/50{
  --tw-ring-color: hsl(var(--accent) / 0.5);
}

.ring-accent\/55{
  --tw-ring-color: hsl(var(--accent) / 0.55);
}

.ring-accent\/60{
  --tw-ring-color: hsl(var(--accent) / 0.6);
}

.ring-accent\/65{
  --tw-ring-color: hsl(var(--accent) / 0.65);
}

.ring-accent\/70{
  --tw-ring-color: hsl(var(--accent) / 0.7);
}

.ring-accent\/75{
  --tw-ring-color: hsl(var(--accent) / 0.75);
}

.ring-accent\/80{
  --tw-ring-color: hsl(var(--accent) / 0.8);
}

.ring-accent\/85{
  --tw-ring-color: hsl(var(--accent) / 0.85);
}

.ring-accent\/90{
  --tw-ring-color: hsl(var(--accent) / 0.9);
}

.ring-accent\/95{
  --tw-ring-color: hsl(var(--accent) / 0.95);
}

.ring-cta{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--cta) / var(--tw-ring-opacity));
}

.ring-cta-foreground{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--cta-foreground) / var(--tw-ring-opacity));
}

.ring-cta-foreground\/0{
  --tw-ring-color: hsl(var(--cta-foreground) / 0);
}

.ring-cta-foreground\/10{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.1);
}

.ring-cta-foreground\/100{
  --tw-ring-color: hsl(var(--cta-foreground) / 1);
}

.ring-cta-foreground\/15{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.15);
}

.ring-cta-foreground\/20{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.2);
}

.ring-cta-foreground\/25{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.25);
}

.ring-cta-foreground\/30{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.3);
}

.ring-cta-foreground\/35{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.35);
}

.ring-cta-foreground\/40{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.4);
}

.ring-cta-foreground\/45{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.45);
}

.ring-cta-foreground\/5{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.05);
}

.ring-cta-foreground\/50{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.5);
}

.ring-cta-foreground\/55{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.55);
}

.ring-cta-foreground\/60{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.6);
}

.ring-cta-foreground\/65{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.65);
}

.ring-cta-foreground\/70{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.7);
}

.ring-cta-foreground\/75{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.75);
}

.ring-cta-foreground\/80{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.8);
}

.ring-cta-foreground\/85{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.85);
}

.ring-cta-foreground\/90{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.9);
}

.ring-cta-foreground\/95{
  --tw-ring-color: hsl(var(--cta-foreground) / 0.95);
}

.ring-cta-muted{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--cta-muted) / var(--tw-ring-opacity));
}

.ring-cta-muted\/0{
  --tw-ring-color: hsl(var(--cta-muted) / 0);
}

.ring-cta-muted\/10{
  --tw-ring-color: hsl(var(--cta-muted) / 0.1);
}

.ring-cta-muted\/100{
  --tw-ring-color: hsl(var(--cta-muted) / 1);
}

.ring-cta-muted\/15{
  --tw-ring-color: hsl(var(--cta-muted) / 0.15);
}

.ring-cta-muted\/20{
  --tw-ring-color: hsl(var(--cta-muted) / 0.2);
}

.ring-cta-muted\/25{
  --tw-ring-color: hsl(var(--cta-muted) / 0.25);
}

.ring-cta-muted\/30{
  --tw-ring-color: hsl(var(--cta-muted) / 0.3);
}

.ring-cta-muted\/35{
  --tw-ring-color: hsl(var(--cta-muted) / 0.35);
}

.ring-cta-muted\/40{
  --tw-ring-color: hsl(var(--cta-muted) / 0.4);
}

.ring-cta-muted\/45{
  --tw-ring-color: hsl(var(--cta-muted) / 0.45);
}

.ring-cta-muted\/5{
  --tw-ring-color: hsl(var(--cta-muted) / 0.05);
}

.ring-cta-muted\/50{
  --tw-ring-color: hsl(var(--cta-muted) / 0.5);
}

.ring-cta-muted\/55{
  --tw-ring-color: hsl(var(--cta-muted) / 0.55);
}

.ring-cta-muted\/60{
  --tw-ring-color: hsl(var(--cta-muted) / 0.6);
}

.ring-cta-muted\/65{
  --tw-ring-color: hsl(var(--cta-muted) / 0.65);
}

.ring-cta-muted\/70{
  --tw-ring-color: hsl(var(--cta-muted) / 0.7);
}

.ring-cta-muted\/75{
  --tw-ring-color: hsl(var(--cta-muted) / 0.75);
}

.ring-cta-muted\/80{
  --tw-ring-color: hsl(var(--cta-muted) / 0.8);
}

.ring-cta-muted\/85{
  --tw-ring-color: hsl(var(--cta-muted) / 0.85);
}

.ring-cta-muted\/90{
  --tw-ring-color: hsl(var(--cta-muted) / 0.9);
}

.ring-cta-muted\/95{
  --tw-ring-color: hsl(var(--cta-muted) / 0.95);
}

.ring-cta\/0{
  --tw-ring-color: hsl(var(--cta) / 0);
}

.ring-cta\/10{
  --tw-ring-color: hsl(var(--cta) / 0.1);
}

.ring-cta\/100{
  --tw-ring-color: hsl(var(--cta) / 1);
}

.ring-cta\/15{
  --tw-ring-color: hsl(var(--cta) / 0.15);
}

.ring-cta\/20{
  --tw-ring-color: hsl(var(--cta) / 0.2);
}

.ring-cta\/25{
  --tw-ring-color: hsl(var(--cta) / 0.25);
}

.ring-cta\/30{
  --tw-ring-color: hsl(var(--cta) / 0.3);
}

.ring-cta\/35{
  --tw-ring-color: hsl(var(--cta) / 0.35);
}

.ring-cta\/40{
  --tw-ring-color: hsl(var(--cta) / 0.4);
}

.ring-cta\/45{
  --tw-ring-color: hsl(var(--cta) / 0.45);
}

.ring-cta\/5{
  --tw-ring-color: hsl(var(--cta) / 0.05);
}

.ring-cta\/50{
  --tw-ring-color: hsl(var(--cta) / 0.5);
}

.ring-cta\/55{
  --tw-ring-color: hsl(var(--cta) / 0.55);
}

.ring-cta\/60{
  --tw-ring-color: hsl(var(--cta) / 0.6);
}

.ring-cta\/65{
  --tw-ring-color: hsl(var(--cta) / 0.65);
}

.ring-cta\/70{
  --tw-ring-color: hsl(var(--cta) / 0.7);
}

.ring-cta\/75{
  --tw-ring-color: hsl(var(--cta) / 0.75);
}

.ring-cta\/80{
  --tw-ring-color: hsl(var(--cta) / 0.8);
}

.ring-cta\/85{
  --tw-ring-color: hsl(var(--cta) / 0.85);
}

.ring-cta\/90{
  --tw-ring-color: hsl(var(--cta) / 0.9);
}

.ring-cta\/95{
  --tw-ring-color: hsl(var(--cta) / 0.95);
}

.ring-destructive{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--destructive) / var(--tw-ring-opacity));
}

.ring-destructive-foreground{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--destructive-foreground) / var(--tw-ring-opacity));
}

.ring-destructive-foreground\/0{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0);
}

.ring-destructive-foreground\/10{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.1);
}

.ring-destructive-foreground\/100{
  --tw-ring-color: hsl(var(--destructive-foreground) / 1);
}

.ring-destructive-foreground\/15{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.15);
}

.ring-destructive-foreground\/20{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.2);
}

.ring-destructive-foreground\/25{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.25);
}

.ring-destructive-foreground\/30{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.3);
}

.ring-destructive-foreground\/35{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.35);
}

.ring-destructive-foreground\/40{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.4);
}

.ring-destructive-foreground\/45{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.45);
}

.ring-destructive-foreground\/5{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.05);
}

.ring-destructive-foreground\/50{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.5);
}

.ring-destructive-foreground\/55{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.55);
}

.ring-destructive-foreground\/60{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.6);
}

.ring-destructive-foreground\/65{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.65);
}

.ring-destructive-foreground\/70{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.7);
}

.ring-destructive-foreground\/75{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.75);
}

.ring-destructive-foreground\/80{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.8);
}

.ring-destructive-foreground\/85{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.85);
}

.ring-destructive-foreground\/90{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.9);
}

.ring-destructive-foreground\/95{
  --tw-ring-color: hsl(var(--destructive-foreground) / 0.95);
}

.ring-destructive\/0{
  --tw-ring-color: hsl(var(--destructive) / 0);
}

.ring-destructive\/10{
  --tw-ring-color: hsl(var(--destructive) / 0.1);
}

.ring-destructive\/100{
  --tw-ring-color: hsl(var(--destructive) / 1);
}

.ring-destructive\/15{
  --tw-ring-color: hsl(var(--destructive) / 0.15);
}

.ring-destructive\/20{
  --tw-ring-color: hsl(var(--destructive) / 0.2);
}

.ring-destructive\/25{
  --tw-ring-color: hsl(var(--destructive) / 0.25);
}

.ring-destructive\/30{
  --tw-ring-color: hsl(var(--destructive) / 0.3);
}

.ring-destructive\/35{
  --tw-ring-color: hsl(var(--destructive) / 0.35);
}

.ring-destructive\/40{
  --tw-ring-color: hsl(var(--destructive) / 0.4);
}

.ring-destructive\/45{
  --tw-ring-color: hsl(var(--destructive) / 0.45);
}

.ring-destructive\/5{
  --tw-ring-color: hsl(var(--destructive) / 0.05);
}

.ring-destructive\/50{
  --tw-ring-color: hsl(var(--destructive) / 0.5);
}

.ring-destructive\/55{
  --tw-ring-color: hsl(var(--destructive) / 0.55);
}

.ring-destructive\/60{
  --tw-ring-color: hsl(var(--destructive) / 0.6);
}

.ring-destructive\/65{
  --tw-ring-color: hsl(var(--destructive) / 0.65);
}

.ring-destructive\/70{
  --tw-ring-color: hsl(var(--destructive) / 0.7);
}

.ring-destructive\/75{
  --tw-ring-color: hsl(var(--destructive) / 0.75);
}

.ring-destructive\/80{
  --tw-ring-color: hsl(var(--destructive) / 0.8);
}

.ring-destructive\/85{
  --tw-ring-color: hsl(var(--destructive) / 0.85);
}

.ring-destructive\/90{
  --tw-ring-color: hsl(var(--destructive) / 0.9);
}

.ring-destructive\/95{
  --tw-ring-color: hsl(var(--destructive) / 0.95);
}

.ring-muted{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--muted) / var(--tw-ring-opacity));
}

.ring-muted-foreground{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--muted-foreground) / var(--tw-ring-opacity));
}

.ring-muted-foreground\/0{
  --tw-ring-color: hsl(var(--muted-foreground) / 0);
}

.ring-muted-foreground\/10{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.1);
}

.ring-muted-foreground\/100{
  --tw-ring-color: hsl(var(--muted-foreground) / 1);
}

.ring-muted-foreground\/15{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.15);
}

.ring-muted-foreground\/20{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.2);
}

.ring-muted-foreground\/25{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.25);
}

.ring-muted-foreground\/30{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.3);
}

.ring-muted-foreground\/35{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.35);
}

.ring-muted-foreground\/40{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.4);
}

.ring-muted-foreground\/45{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.45);
}

.ring-muted-foreground\/5{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.05);
}

.ring-muted-foreground\/50{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.5);
}

.ring-muted-foreground\/55{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.55);
}

.ring-muted-foreground\/60{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.6);
}

.ring-muted-foreground\/65{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.65);
}

.ring-muted-foreground\/70{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.7);
}

.ring-muted-foreground\/75{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.75);
}

.ring-muted-foreground\/80{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.8);
}

.ring-muted-foreground\/85{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.85);
}

.ring-muted-foreground\/90{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.9);
}

.ring-muted-foreground\/95{
  --tw-ring-color: hsl(var(--muted-foreground) / 0.95);
}

.ring-muted\/0{
  --tw-ring-color: hsl(var(--muted) / 0);
}

.ring-muted\/10{
  --tw-ring-color: hsl(var(--muted) / 0.1);
}

.ring-muted\/100{
  --tw-ring-color: hsl(var(--muted) / 1);
}

.ring-muted\/15{
  --tw-ring-color: hsl(var(--muted) / 0.15);
}

.ring-muted\/20{
  --tw-ring-color: hsl(var(--muted) / 0.2);
}

.ring-muted\/25{
  --tw-ring-color: hsl(var(--muted) / 0.25);
}

.ring-muted\/30{
  --tw-ring-color: hsl(var(--muted) / 0.3);
}

.ring-muted\/35{
  --tw-ring-color: hsl(var(--muted) / 0.35);
}

.ring-muted\/40{
  --tw-ring-color: hsl(var(--muted) / 0.4);
}

.ring-muted\/45{
  --tw-ring-color: hsl(var(--muted) / 0.45);
}

.ring-muted\/5{
  --tw-ring-color: hsl(var(--muted) / 0.05);
}

.ring-muted\/50{
  --tw-ring-color: hsl(var(--muted) / 0.5);
}

.ring-muted\/55{
  --tw-ring-color: hsl(var(--muted) / 0.55);
}

.ring-muted\/60{
  --tw-ring-color: hsl(var(--muted) / 0.6);
}

.ring-muted\/65{
  --tw-ring-color: hsl(var(--muted) / 0.65);
}

.ring-muted\/70{
  --tw-ring-color: hsl(var(--muted) / 0.7);
}

.ring-muted\/75{
  --tw-ring-color: hsl(var(--muted) / 0.75);
}

.ring-muted\/80{
  --tw-ring-color: hsl(var(--muted) / 0.8);
}

.ring-muted\/85{
  --tw-ring-color: hsl(var(--muted) / 0.85);
}

.ring-muted\/90{
  --tw-ring-color: hsl(var(--muted) / 0.9);
}

.ring-muted\/95{
  --tw-ring-color: hsl(var(--muted) / 0.95);
}

.ring-primary{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity));
}

.ring-primary-foreground{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--primary-foreground) / var(--tw-ring-opacity));
}

.ring-primary-foreground\/0{
  --tw-ring-color: hsl(var(--primary-foreground) / 0);
}

.ring-primary-foreground\/10{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.1);
}

.ring-primary-foreground\/100{
  --tw-ring-color: hsl(var(--primary-foreground) / 1);
}

.ring-primary-foreground\/15{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.15);
}

.ring-primary-foreground\/20{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.2);
}

.ring-primary-foreground\/25{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.25);
}

.ring-primary-foreground\/30{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.3);
}

.ring-primary-foreground\/35{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.35);
}

.ring-primary-foreground\/40{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.4);
}

.ring-primary-foreground\/45{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.45);
}

.ring-primary-foreground\/5{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.05);
}

.ring-primary-foreground\/50{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.5);
}

.ring-primary-foreground\/55{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.55);
}

.ring-primary-foreground\/60{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.6);
}

.ring-primary-foreground\/65{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.65);
}

.ring-primary-foreground\/70{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.7);
}

.ring-primary-foreground\/75{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.75);
}

.ring-primary-foreground\/80{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.8);
}

.ring-primary-foreground\/85{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.85);
}

.ring-primary-foreground\/90{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.9);
}

.ring-primary-foreground\/95{
  --tw-ring-color: hsl(var(--primary-foreground) / 0.95);
}

.ring-primary\/0{
  --tw-ring-color: hsl(var(--primary) / 0);
}

.ring-primary\/10{
  --tw-ring-color: hsl(var(--primary) / 0.1);
}

.ring-primary\/100{
  --tw-ring-color: hsl(var(--primary) / 1);
}

.ring-primary\/15{
  --tw-ring-color: hsl(var(--primary) / 0.15);
}

.ring-primary\/20{
  --tw-ring-color: hsl(var(--primary) / 0.2);
}

.ring-primary\/25{
  --tw-ring-color: hsl(var(--primary) / 0.25);
}

.ring-primary\/30{
  --tw-ring-color: hsl(var(--primary) / 0.3);
}

.ring-primary\/35{
  --tw-ring-color: hsl(var(--primary) / 0.35);
}

.ring-primary\/40{
  --tw-ring-color: hsl(var(--primary) / 0.4);
}

.ring-primary\/45{
  --tw-ring-color: hsl(var(--primary) / 0.45);
}

.ring-primary\/5{
  --tw-ring-color: hsl(var(--primary) / 0.05);
}

.ring-primary\/50{
  --tw-ring-color: hsl(var(--primary) / 0.5);
}

.ring-primary\/55{
  --tw-ring-color: hsl(var(--primary) / 0.55);
}

.ring-primary\/60{
  --tw-ring-color: hsl(var(--primary) / 0.6);
}

.ring-primary\/65{
  --tw-ring-color: hsl(var(--primary) / 0.65);
}

.ring-primary\/70{
  --tw-ring-color: hsl(var(--primary) / 0.7);
}

.ring-primary\/75{
  --tw-ring-color: hsl(var(--primary) / 0.75);
}

.ring-primary\/80{
  --tw-ring-color: hsl(var(--primary) / 0.8);
}

.ring-primary\/85{
  --tw-ring-color: hsl(var(--primary) / 0.85);
}

.ring-primary\/90{
  --tw-ring-color: hsl(var(--primary) / 0.9);
}

.ring-primary\/95{
  --tw-ring-color: hsl(var(--primary) / 0.95);
}

.ring-success{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--success) / var(--tw-ring-opacity));
}

.ring-success\/0{
  --tw-ring-color: hsl(var(--success) / 0);
}

.ring-success\/10{
  --tw-ring-color: hsl(var(--success) / 0.1);
}

.ring-success\/100{
  --tw-ring-color: hsl(var(--success) / 1);
}

.ring-success\/15{
  --tw-ring-color: hsl(var(--success) / 0.15);
}

.ring-success\/20{
  --tw-ring-color: hsl(var(--success) / 0.2);
}

.ring-success\/25{
  --tw-ring-color: hsl(var(--success) / 0.25);
}

.ring-success\/30{
  --tw-ring-color: hsl(var(--success) / 0.3);
}

.ring-success\/35{
  --tw-ring-color: hsl(var(--success) / 0.35);
}

.ring-success\/40{
  --tw-ring-color: hsl(var(--success) / 0.4);
}

.ring-success\/45{
  --tw-ring-color: hsl(var(--success) / 0.45);
}

.ring-success\/5{
  --tw-ring-color: hsl(var(--success) / 0.05);
}

.ring-success\/50{
  --tw-ring-color: hsl(var(--success) / 0.5);
}

.ring-success\/55{
  --tw-ring-color: hsl(var(--success) / 0.55);
}

.ring-success\/60{
  --tw-ring-color: hsl(var(--success) / 0.6);
}

.ring-success\/65{
  --tw-ring-color: hsl(var(--success) / 0.65);
}

.ring-success\/70{
  --tw-ring-color: hsl(var(--success) / 0.7);
}

.ring-success\/75{
  --tw-ring-color: hsl(var(--success) / 0.75);
}

.ring-success\/80{
  --tw-ring-color: hsl(var(--success) / 0.8);
}

.ring-success\/85{
  --tw-ring-color: hsl(var(--success) / 0.85);
}

.ring-success\/90{
  --tw-ring-color: hsl(var(--success) / 0.9);
}

.ring-success\/95{
  --tw-ring-color: hsl(var(--success) / 0.95);
}

.ring-surface{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--surface) / var(--tw-ring-opacity));
}

.ring-surface-2{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--surface-2) / var(--tw-ring-opacity));
}

.ring-surface-2\/0{
  --tw-ring-color: hsl(var(--surface-2) / 0);
}

.ring-surface-2\/10{
  --tw-ring-color: hsl(var(--surface-2) / 0.1);
}

.ring-surface-2\/100{
  --tw-ring-color: hsl(var(--surface-2) / 1);
}

.ring-surface-2\/15{
  --tw-ring-color: hsl(var(--surface-2) / 0.15);
}

.ring-surface-2\/20{
  --tw-ring-color: hsl(var(--surface-2) / 0.2);
}

.ring-surface-2\/25{
  --tw-ring-color: hsl(var(--surface-2) / 0.25);
}

.ring-surface-2\/30{
  --tw-ring-color: hsl(var(--surface-2) / 0.3);
}

.ring-surface-2\/35{
  --tw-ring-color: hsl(var(--surface-2) / 0.35);
}

.ring-surface-2\/40{
  --tw-ring-color: hsl(var(--surface-2) / 0.4);
}

.ring-surface-2\/45{
  --tw-ring-color: hsl(var(--surface-2) / 0.45);
}

.ring-surface-2\/5{
  --tw-ring-color: hsl(var(--surface-2) / 0.05);
}

.ring-surface-2\/50{
  --tw-ring-color: hsl(var(--surface-2) / 0.5);
}

.ring-surface-2\/55{
  --tw-ring-color: hsl(var(--surface-2) / 0.55);
}

.ring-surface-2\/60{
  --tw-ring-color: hsl(var(--surface-2) / 0.6);
}

.ring-surface-2\/65{
  --tw-ring-color: hsl(var(--surface-2) / 0.65);
}

.ring-surface-2\/70{
  --tw-ring-color: hsl(var(--surface-2) / 0.7);
}

.ring-surface-2\/75{
  --tw-ring-color: hsl(var(--surface-2) / 0.75);
}

.ring-surface-2\/80{
  --tw-ring-color: hsl(var(--surface-2) / 0.8);
}

.ring-surface-2\/85{
  --tw-ring-color: hsl(var(--surface-2) / 0.85);
}

.ring-surface-2\/90{
  --tw-ring-color: hsl(var(--surface-2) / 0.9);
}

.ring-surface-2\/95{
  --tw-ring-color: hsl(var(--surface-2) / 0.95);
}

.ring-surface\/0{
  --tw-ring-color: hsl(var(--surface) / 0);
}

.ring-surface\/10{
  --tw-ring-color: hsl(var(--surface) / 0.1);
}

.ring-surface\/100{
  --tw-ring-color: hsl(var(--surface) / 1);
}

.ring-surface\/15{
  --tw-ring-color: hsl(var(--surface) / 0.15);
}

.ring-surface\/20{
  --tw-ring-color: hsl(var(--surface) / 0.2);
}

.ring-surface\/25{
  --tw-ring-color: hsl(var(--surface) / 0.25);
}

.ring-surface\/30{
  --tw-ring-color: hsl(var(--surface) / 0.3);
}

.ring-surface\/35{
  --tw-ring-color: hsl(var(--surface) / 0.35);
}

.ring-surface\/40{
  --tw-ring-color: hsl(var(--surface) / 0.4);
}

.ring-surface\/45{
  --tw-ring-color: hsl(var(--surface) / 0.45);
}

.ring-surface\/5{
  --tw-ring-color: hsl(var(--surface) / 0.05);
}

.ring-surface\/50{
  --tw-ring-color: hsl(var(--surface) / 0.5);
}

.ring-surface\/55{
  --tw-ring-color: hsl(var(--surface) / 0.55);
}

.ring-surface\/60{
  --tw-ring-color: hsl(var(--surface) / 0.6);
}

.ring-surface\/65{
  --tw-ring-color: hsl(var(--surface) / 0.65);
}

.ring-surface\/70{
  --tw-ring-color: hsl(var(--surface) / 0.7);
}

.ring-surface\/75{
  --tw-ring-color: hsl(var(--surface) / 0.75);
}

.ring-surface\/80{
  --tw-ring-color: hsl(var(--surface) / 0.8);
}

.ring-surface\/85{
  --tw-ring-color: hsl(var(--surface) / 0.85);
}

.ring-surface\/90{
  --tw-ring-color: hsl(var(--surface) / 0.9);
}

.ring-surface\/95{
  --tw-ring-color: hsl(var(--surface) / 0.95);
}

.ring-tertiary{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--tertiary) / var(--tw-ring-opacity));
}

.ring-tertiary\/0{
  --tw-ring-color: hsl(var(--tertiary) / 0);
}

.ring-tertiary\/10{
  --tw-ring-color: hsl(var(--tertiary) / 0.1);
}

.ring-tertiary\/100{
  --tw-ring-color: hsl(var(--tertiary) / 1);
}

.ring-tertiary\/15{
  --tw-ring-color: hsl(var(--tertiary) / 0.15);
}

.ring-tertiary\/20{
  --tw-ring-color: hsl(var(--tertiary) / 0.2);
}

.ring-tertiary\/25{
  --tw-ring-color: hsl(var(--tertiary) / 0.25);
}

.ring-tertiary\/30{
  --tw-ring-color: hsl(var(--tertiary) / 0.3);
}

.ring-tertiary\/35{
  --tw-ring-color: hsl(var(--tertiary) / 0.35);
}

.ring-tertiary\/40{
  --tw-ring-color: hsl(var(--tertiary) / 0.4);
}

.ring-tertiary\/45{
  --tw-ring-color: hsl(var(--tertiary) / 0.45);
}

.ring-tertiary\/5{
  --tw-ring-color: hsl(var(--tertiary) / 0.05);
}

.ring-tertiary\/50{
  --tw-ring-color: hsl(var(--tertiary) / 0.5);
}

.ring-tertiary\/55{
  --tw-ring-color: hsl(var(--tertiary) / 0.55);
}

.ring-tertiary\/60{
  --tw-ring-color: hsl(var(--tertiary) / 0.6);
}

.ring-tertiary\/65{
  --tw-ring-color: hsl(var(--tertiary) / 0.65);
}

.ring-tertiary\/70{
  --tw-ring-color: hsl(var(--tertiary) / 0.7);
}

.ring-tertiary\/75{
  --tw-ring-color: hsl(var(--tertiary) / 0.75);
}

.ring-tertiary\/80{
  --tw-ring-color: hsl(var(--tertiary) / 0.8);
}

.ring-tertiary\/85{
  --tw-ring-color: hsl(var(--tertiary) / 0.85);
}

.ring-tertiary\/90{
  --tw-ring-color: hsl(var(--tertiary) / 0.9);
}

.ring-tertiary\/95{
  --tw-ring-color: hsl(var(--tertiary) / 0.95);
}

.ring-warning{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--warning) / var(--tw-ring-opacity));
}

.ring-warning\/0{
  --tw-ring-color: hsl(var(--warning) / 0);
}

.ring-warning\/10{
  --tw-ring-color: hsl(var(--warning) / 0.1);
}

.ring-warning\/100{
  --tw-ring-color: hsl(var(--warning) / 1);
}

.ring-warning\/15{
  --tw-ring-color: hsl(var(--warning) / 0.15);
}

.ring-warning\/20{
  --tw-ring-color: hsl(var(--warning) / 0.2);
}

.ring-warning\/25{
  --tw-ring-color: hsl(var(--warning) / 0.25);
}

.ring-warning\/30{
  --tw-ring-color: hsl(var(--warning) / 0.3);
}

.ring-warning\/35{
  --tw-ring-color: hsl(var(--warning) / 0.35);
}

.ring-warning\/40{
  --tw-ring-color: hsl(var(--warning) / 0.4);
}

.ring-warning\/45{
  --tw-ring-color: hsl(var(--warning) / 0.45);
}

.ring-warning\/5{
  --tw-ring-color: hsl(var(--warning) / 0.05);
}

.ring-warning\/50{
  --tw-ring-color: hsl(var(--warning) / 0.5);
}

.ring-warning\/55{
  --tw-ring-color: hsl(var(--warning) / 0.55);
}

.ring-warning\/60{
  --tw-ring-color: hsl(var(--warning) / 0.6);
}

.ring-warning\/65{
  --tw-ring-color: hsl(var(--warning) / 0.65);
}

.ring-warning\/70{
  --tw-ring-color: hsl(var(--warning) / 0.7);
}

.ring-warning\/75{
  --tw-ring-color: hsl(var(--warning) / 0.75);
}

.ring-warning\/80{
  --tw-ring-color: hsl(var(--warning) / 0.8);
}

.ring-warning\/85{
  --tw-ring-color: hsl(var(--warning) / 0.85);
}

.ring-warning\/90{
  --tw-ring-color: hsl(var(--warning) / 0.9);
}

.ring-warning\/95{
  --tw-ring-color: hsl(var(--warning) / 0.95);
}

.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-\[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-\[200px\]{
  --tw-blur: blur(200px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-110{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  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{
  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, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

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

.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-500{
  transition-duration: 500ms;
}

.duration-700{
  transition-duration: 700ms;
}

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

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

.text-gradient-accent{
  background: var(--gradient-accent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.bg-gradient-accent{
  background-image: var(--gradient-accent);
}

.glow-primary{
  box-shadow: var(--shadow-primary);
}

.glow-primary-sm{
  box-shadow: var(--shadow-primary-sm);
}

.label-mono{
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.\[direction\:ltr\]{
  direction: ltr;
}

/* ============================
   Global overflow protection
   ============================ */

.team-swiper,
.banner-slider,
.cards-carousel-swiper,
.testimonials-swiper {
  max-width: 100%;
}

.video-gallery-swiper {
  max-width: 100%;
  overflow: clip;
  position: relative;
}

.video-gallery-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.video-gallery-swiper .swiper-slide {
  display: flex;
  flex-shrink: 0;
  height: auto;
}

.video-gallery-swiper .video-gallery-item {
  width: 100%;
}

.video-gallery--shorts .video-gallery-item {
  aspect-ratio: 9/16 !important;
}

.video-gallery--normal .video-gallery-item {
  aspect-ratio: 16/9 !important;
}

/* ============================
   Custom Scrollbar — Landing Page Política Modular (claro)
   ============================ */

* {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--border)) transparent;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: hsl(var(--border));
  border-radius: 999px;
  border: 2px solid hsl(var(--background));
}

*::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--cta));
}

/* ============================
   Theme fixes (formerly separate dist/css/theme-fixes.css)
   Inlined as raw CSS to preserve Tailwind `\:` escape sequences
   ============================ */

/* --- Responsive display --- */

@media (min-width: 640px) {
  .sm\:inline-flex {
    display: inline-flex !important;
  }

  .sm\:hidden {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }

  .md\:grid {
    display: grid !important;
  }
}

@media (min-width: 1024px) {
  .lg\:inline-flex {
    display: inline-flex !important;
  }

  .lg\:hidden {
    display: none !important;
  }

  .lg\:grid {
    display: grid !important;
  }

  .lg\:block {
    display: block !important;
  }

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

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

/* --- bg-foreground opacity --- */

.bg-foreground\/5,
.hover\:bg-foreground\/5:hover {
  background: color-mix(in oklab, hsl(var(--foreground)) 5%, transparent);
}

/* --- bg-muted opacity --- */

.bg-muted\/40 {
  background: color-mix(in oklab, hsl(var(--muted)) 40%, transparent);
}

/* --- border-border opacity --- */

.border-border\/60 {
  border-color: color-mix(in oklab, hsl(var(--border)) 60%, transparent);
}

/* --- border-primary opacity --- */

.border-primary\/60,
.hover\:border-primary\/60:hover {
  border-color: color-mix(in oklab, hsl(var(--primary)) 60%, transparent);
}

.border-primary\/50,
.hover\:border-primary\/50:hover {
  border-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
}

.border-primary\/40 {
  border-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
}

.border-primary\/30 {
  border-color: color-mix(in oklab, hsl(var(--primary)) 30%, transparent);
}

.ring-primary\/40 {
  --tw-ring-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
}

/* --- text/background accent opacity --- */

.text-accent\/30 {
  color: color-mix(in oklab, hsl(var(--accent)) 30%, transparent);
}

.group:hover .group-hover\:text-accent\/60 {
  color: color-mix(in oklab, hsl(var(--accent)) 60%, transparent);
}

.text-background\/90 {
  color: color-mix(in oklab, hsl(var(--background)) 90%, transparent);
}

.text-background\/60 {
  color: color-mix(in oklab, hsl(var(--background)) 60%, transparent);
}

.ring-accent\/40 {
  --tw-ring-color: color-mix(in oklab, hsl(var(--accent)) 40%, transparent);
}

/* --- hover background light --- */

.hover-bg-foreground-5:hover,
.hover\:bg-foreground-5:hover {
  background: color-mix(in oklab, hsl(var(--foreground)) 5%, transparent);
}

.bg-foreground-5 {
  background: color-mix(in oklab, hsl(var(--foreground)) 5%, transparent);
}

/* --- bg-background with opacity --- */

.bg-background\/80 {
  background: color-mix(in oklab, hsl(var(--background)) 80%, transparent);
}

.bg-background\/70 {
  background: color-mix(in oklab, hsl(var(--background)) 70%, transparent);
}

.bg-background\/60 {
  background: color-mix(in oklab, hsl(var(--background)) 60%, transparent);
}

.bg-background\/40 {
  background: color-mix(in oklab, hsl(var(--background)) 40%, transparent);
}

.bg-surface\/40 {
  background: color-mix(in oklab, hsl(var(--surface)) 40%, transparent);
}

.bg-background\/\[0\.07\] {
  background: color-mix(in oklab, hsl(var(--background)) 7%, transparent);
}

.hover\:bg-background\/\[0\.07\]:hover {
  background: color-mix(in oklab, hsl(var(--background)) 7%, transparent);
}

.hover\:border-accent\/40:hover {
  border-color: color-mix(in oklab, hsl(var(--accent)) 40%, transparent);
}

/* --- white opacity --- */

.border-white\/20 {
  border-color: color-mix(in srgb, white 20%, transparent);
}

/* --- group hover --- */

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

/* --- translate hover --- */

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

/* ============================
   CKEditor list styling
   ============================ */

ul:not([class]),
ol:not([class]) {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1rem 0;
}

ul:not([class]) li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0;
}

ul:not([class]) li::before {
  content: "";
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background-color: hsl(var(--cta));
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

ol:not([class]) li::marker {
  color: hsl(var(--cta));
  font-weight: 600;
}

/* ============================
   Theme-aware text colors
   ============================ */

.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\:border-accent:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--accent) / var(--tw-border-opacity));
}

.hover\:border-cta:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--cta) / var(--tw-border-opacity));
}

.hover\:border-cta\/30:hover{
  border-color: hsl(var(--cta) / 0.3);
}

.hover\:border-cta\/40:hover{
  border-color: hsl(var(--cta) / 0.4);
}

.hover\:border-cta\/50:hover{
  border-color: hsl(var(--cta) / 0.5);
}

.hover\:border-primary:hover{
  --tw-border-opacity: 1;
  border-color: hsl(var(--primary) / var(--tw-border-opacity));
}

.hover\:border-primary\/40:hover{
  border-color: hsl(var(--primary) / 0.4);
}

.hover\:bg-background\/60:hover{
  background-color: hsl(var(--background) / 0.6);
}

.hover\:bg-card\/50:hover{
  background-color: hsl(var(--card) / 0.5);
}

.hover\:bg-card\/70:hover{
  background-color: hsl(var(--card) / 0.7);
}

.hover\:bg-cta:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--cta) / var(--tw-bg-opacity));
}

.hover\:bg-cta-muted:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--cta-muted) / var(--tw-bg-opacity));
}

.hover\:bg-foreground\/10:hover{
  background-color: hsl(var(--foreground) / 0.1);
}

.hover\:bg-foreground\/5:hover{
  background-color: hsl(var(--foreground) / 0.05);
}

.hover\:bg-foreground\/90:hover{
  background-color: hsl(var(--foreground) / 0.9);
}

.hover\:bg-muted\/80:hover{
  background-color: hsl(var(--muted) / 0.8);
}

.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
}

.hover\:text-cta:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--cta) / var(--tw-text-opacity));
}

.hover\:text-cta-foreground:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--cta-foreground) / var(--tw-text-opacity));
}

.hover\:text-cta-muted:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--cta-muted) / var(--tw-text-opacity));
}

.hover\:text-emerald-700:hover{
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity));
}

.hover\:text-foreground:hover{
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
}

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

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

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

.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\:brightness-110:hover{
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

.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-ring:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity));
}

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

.group:hover .group-hover\:visible{
  visibility: visible;
}

.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\: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: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\:text-cta{
  --tw-text-opacity: 1;
  color: hsl(var(--cta) / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-foreground{
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}

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

.group:hover .group-hover\:opacity-40{
  opacity: 0.4;
}

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

.prose-headings\:text-foreground :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
}

.prose-p\:text-muted-foreground :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
}

.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}

.prose-strong\:text-foreground :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: hsl(var(--foreground) / var(--tw-text-opacity));
}

.prose-code\:rounded :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  border-radius: 0.25rem;
}

.prose-code\:bg-card :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--card) / var(--tw-bg-opacity));
}

.prose-code\:px-1\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.prose-code\:py-0\.5 :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.prose-code\:text-primary :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: hsl(var(--primary) / var(--tw-text-opacity));
}

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

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

.prose-pre\:border :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  border-width: 1px;
}

.prose-pre\:border-border :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-border-opacity: 1;
  border-color: hsl(var(--border) / var(--tw-border-opacity));
}

.prose-pre\:bg-card :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-bg-opacity: 1;
  background-color: hsl(var(--card) / var(--tw-bg-opacity));
}

.prose-img\:rounded-xl :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  border-radius: calc(var(--radius) + 4px);
}

@media (min-width: 640px){
  .sm\:flex{
    display: flex;
  }

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

  .sm\:hidden{
    display: none;
  }

  .sm\:w-\[calc\(50\%-0\.75rem\)\]{
    width: calc(50% - 0.75rem);
  }

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

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

@media (min-width: 768px){
  .md\:left-1\/2{
    left: 50%;
  }

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

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

  .md\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:block{
    display: block;
  }

  .md\:flex{
    display: flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:-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));
  }

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

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

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

  .md\: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-12{
    gap: 3rem;
  }

  .md\:p-12{
    padding: 3rem;
  }

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

  .md\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:pl-0{
    padding-left: 0px;
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:\[direction\:rtl\]{
    direction: rtl;
  }
}

@media (min-width: 1024px){
  .lg\:left-10{
    left: 2.5rem;
  }

  .lg\:right-10{
    right: 2.5rem;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-10{
    grid-column: span 10 / span 10;
  }

  .lg\:col-span-11{
    grid-column: span 11 / span 11;
  }

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

  .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-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }

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

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

  .lg\:col-span-9{
    grid-column: span 9 / span 9;
  }

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

  .lg\:mt-20{
    margin-top: 5rem;
  }

  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

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

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-20{
    height: 5rem;
  }

  .lg\:h-96{
    height: 24rem;
  }

  .lg\:w-\[calc\(25\%-1\.125rem\)\]{
    width: calc(25% - 1.125rem);
  }

  .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-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

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

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

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

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

  .lg\:gap-20{
    gap: 5rem;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-16{
    padding: 4rem;
  }

  .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-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

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

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

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

  .lg\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .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-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1280px){
  .xl\:mb-20{
    margin-bottom: 5rem;
  }

  .xl\:mb-6{
    margin-bottom: 1.5rem;
  }

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

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

  .xl\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:py-\[150px\]{
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

@media (min-width: 1536px){
  .\32xl\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .\32xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
}

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

.\[\&\>svg\]\:w-5>svg{
  width: 1.25rem;
}

.\[\&\>svg\]\:text-cta-foreground>svg{
  --tw-text-opacity: 1;
  color: hsl(var(--cta-foreground) / var(--tw-text-opacity));
}