@layer properties;
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
:root, :host {
  --color-ua-primary: #25022c;
  --color-ua-secondary: #b6a3e5;
  --color-ua-prime: #460554;
  --color-ua-gold: #f0b701;
  --color-ua-yellow: #FCCE10;
  --color-ua-header-text: #FFFFFF;
  --color-ua-soft: 0 4px 14px 0 rgba(0, 0, 0, 0.3);
  --color-ai-purple-50: #F8F4FF;
  --color-ai-purple-100: #F0E6FF;
  --color-ai-purple-200: #E0CCFF;
  --color-ai-purple-300: #C7A3FF;
  --color-ai-purple-400: #A366FF;
  --color-ai-purple-500: #8A33FF;
  --color-ai-purple-600: #7A00FF;
  --color-ai-purple-700: #6600ff;
  --color-ai-purple-800: #5500CC;
  --color-ai-purple-900: #440099;
  --color-brand-primary: #6600ff;
  --color-brand-light: #7733ff;
  --color-brand-dark: #5500cc;
  --color-status-success: #059669;
  --color-status-warning: #D97706;
  --color-status-error: #DC2626;
  --color-status-info: #2563EB;
  --color-interactive-hover-light: rgba(0, 0, 0, 0.05);
  --color-interactive-hover-medium: rgba(0, 0, 0, 0.10);
  --color-interactive-hover-strong: rgba(0, 0, 0, 0.15);
  --color-interactive-hover-inverse: rgba(255, 255, 255, 0.10);
  --color-interactive-pressed-light: rgba(0, 0, 0, 0.08);
  --color-interactive-pressed-medium: rgba(0, 0, 0, 0.12);
  --color-black: #000000;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;
  --tw-gradient-from-position: 0%;
  --tw-gradient-via-position: 50%;
  --tw-gradient-to-position: 100%;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-none: 0;
  --spacing-px: 1px;
  --spacing-xs: 0.125rem;
  --spacing-sm: 0.25rem;
  --spacing-1\.5: 0.375rem;
  --spacing-2\.5: 0.625rem;
  --spacing-3\.5: 0.875rem;
  --spacing-negative13: -13px;
  --font-fontFamily-sans: Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;
  --font-fontFamily-mono: JetBrains Mono,Fira Code,Consolas,Liberation Mono,monospace;
  --font-fontFamily-persian: Vazirmatn,Inter,Tahoma,Arial,sans-serif;
  --font-fontSize-xs: 0.75rem;
  --font-fontSize-sm: 0.875rem;
  --font-fontSize-base: 1rem;
  --font-fontSize-lg: 1.125rem;
  --font-fontSize-xl: 1.25rem;
  --font-fontSize-2xl: 1.5rem;
  --font-fontSize-3xl: 1.875rem;
  --font-fontSize-4xl: 2.25rem;
  --font-fontSize-5xl: 3rem;
  --font-fontSize-6xl: 3.75rem;
  --font-fontSize-7xl: 4.5rem;
  --font-fontSize-8xl: 6rem;
  --font-fontSize-9xl: 8rem;
  --font-fontWeight-thin: 100;
  --font-fontWeight-extralight: 200;
  --font-fontWeight-light: 300;
  --font-fontWeight-normal: 400;
  --font-fontWeight-medium: 500;
  --font-fontWeight-semibold: 600;
  --font-fontWeight-bold: 700;
  --font-fontWeight-extrabold: 800;
  --font-fontWeight-black: 900;
  --font-lineHeight-none: 1;
  --font-lineHeight-tight: 1.25;
  --font-lineHeight-snug: 1.375;
  --font-lineHeight-normal: 1.5;
  --font-lineHeight-relaxed: 1.625;
  --font-lineHeight-loose: 2;
  --font-letterSpacing-tighter: -0.05em;
  --font-letterSpacing-tight: -0.025em;
  --font-letterSpacing-normal: 0em;
  --font-letterSpacing-wide: 0.025em;
  --font-letterSpacing-wider: 0.05em;
  --font-letterSpacing-widest: 0.1em;
  --z-hide: -1;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-overlay: 1030;
  --z-modal: 1040;
  --z-popover: 1050;
  --z-tooltip: 1060;
  --z-notification: 1070;
  --width-0: 0px;
  --width-1: 0.25rem;
  --width-2: 0.5rem;
  --width-3: 0.75rem;
  --width-4: 1rem;
  --width-5: 1.25rem;
  --width-6: 1.5rem;
  --width-7: 1.75rem;
  --width-8: 2rem;
  --width-9: 2.25rem;
  --width-10: 2.5rem;
  --width-11: 2.75rem;
  --width-12: 3rem;
  --width-14: 3.5rem;
  --width-16: 4rem;
  --width-20: 5rem;
  --width-24: 6rem;
  --width-28: 7rem;
  --width-32: 8rem;
  --width-36: 9rem;
  --width-40: 10rem;
  --width-44: 11rem;
  --width-48: 12rem;
  --width-52: 13rem;
  --width-56: 14rem;
  --width-60: 15rem;
  --width-64: 16rem;
  --width-72: 18rem;
  --width-80: 20rem;
  --width-96: 24rem;
  --width-auto: auto;
  --width-full: 100%;
  --width-screen: 100vw;
  --height-0: 0px;
  --height-1: 0.25rem;
  --height-2: 0.5rem;
  --height-3: 0.75rem;
  --height-4: 1rem;
  --height-5: 1.25rem;
  --height-6: 1.5rem;
  --height-7: 1.75rem;
  --height-8: 2rem;
  --height-9: 2.25rem;
  --height-10: 2.5rem;
  --height-11: 2.75rem;
  --height-12: 3rem;
  --height-14: 3.5rem;
  --height-16: 4rem;
  --height-20: 5rem;
  --height-24: 6rem;
  --height-28: 7rem;
  --height-32: 8rem;
  --height-36: 9rem;
  --height-40: 10rem;
  --height-44: 11rem;
  --height-48: 12rem;
  --height-52: 13rem;
  --height-56: 14rem;
  --height-60: 15rem;
  --height-64: 16rem;
  --height-72: 18rem;
  --height-80: 20rem;
  --height-96: 24rem;
  --height-auto: auto;
  --height-full: 100%;
  --height-screen: 100vh;
  --radius-none: 0;
  --radius-sm: 0.125rem;
  --radius-base: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --duration-100: 100ms;
  --duration-150: 150ms;
  --duration-200: 200ms;
  --duration-300: 300ms;
  --duration-500: 500ms;
  --duration-700: 700ms;
  --duration-1000: 1000ms;
  --ease-linear: linear;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-25: 0.25;
  --opacity-30: 0.3;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-75: 0.75;
  --opacity-80: 0.8;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip-path: none;
  white-space: normal;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.fixed\! {
  position: fixed !important;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.-top-6 {
  top: calc(var(--spacing-6) * -1);
}
.top-2 {
  top: var(--spacing-2);
}
.top-4 {
  top: var(--spacing-4);
}
.top-5 {
  top: var(--spacing-5);
}
.top-16 {
  top: var(--spacing-16);
}
.top-32 {
  top: var(--spacing-32);
}
.top-36 {
  top: var(--spacing-36);
}
.top-52 {
  top: var(--spacing-52);
}
.top-72 {
  top: var(--spacing-72);
}
.top-80 {
  top: var(--spacing-80);
}
.top-96 {
  top: var(--spacing-96);
}
.top-\[-5px\] {
  top: -5px;
}
.top-\[-999em\] {
  top: -999em;
}
.top-\[130px\] {
  top: 130px;
}
.top-\[calc\(0-21px\)\] {
  top: calc(0 - 21px);
}
.top-full {
  top: 100%;
}
.right-2 {
  right: var(--spacing-2);
}
.right-4 {
  right: var(--spacing-4);
}
.right-5 {
  right: var(--spacing-5);
}
.right-\[-186px\] {
  right: -186px;
}
.-bottom-5 {
  bottom: calc(var(--spacing-5) * -1);
}
.-bottom-16 {
  bottom: calc(var(--spacing-16) * -1);
}
.bottom-3\.5 {
  bottom: var(--spacing-3\.5);
}
.bottom-\[-20px\] {
  bottom: -20px;
}
.bottom-\[-70px\] {
  bottom: -70px;
}
.bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)-env\(safe-area-max-inset-bottom\,theme\(inset\.9\)\)\)\] {
  bottom: calc(env(safe-area-inset-bottom,0px) - env(safe-area-max-inset-bottom,2.25rem));
}
.-left-28 {
  left: calc(var(--spacing-28) * -1);
}
.left-2 {
  left: var(--spacing-2);
}
.left-2\/4 {
  left: calc(2/4 * 100%);
}
.left-4 {
  left: var(--spacing-4);
}
.left-\[-110px\] {
  left: -110px;
}
.left-\[-999em\] {
  left: -999em;
}
.left-\[-9999px\] {
  left: -9999px;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[-11\] {
  z-index: -11;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[6\] {
  z-index: 6;
}
.z-\[9\] {
  z-index: 9;
}
.z-\[98\] {
  z-index: 98;
}
.z-\[99\] {
  z-index: 99;
}
.z-\[999\] {
  z-index: 999;
}
.z-\[1000\] {
  z-index: 1000;
}
.\!order-first {
  order: -9999 !important;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-first {
  order: -9999 !important;
}
.order-last {
  order: 9999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-full {
  grid-column: 1 / -1;
}
.col-end-\[span_12\] {
  grid-column-end: span 12;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-both {
  clear: both;
}
.container {
  width: 100%;
  @media (width >= 767px) {
    max-width: 767px;
  }
  @media (width >= 768px) {
    max-width: 768px;
  }
  @media (width >= 1023px) {
    max-width: 1023px;
  }
  @media (width >= 1024px) {
    max-width: 1024px;
  }
}
.-m-px {
  margin: -1px;
}
.-m-px {
  margin: calc(var(--spacing-px) * -1);
}
.m-1 {
  margin: var(--spacing-1);
}
.m-2 {
  margin: var(--spacing-2);
}
.m-3 {
  margin: var(--spacing-3);
}
.m-4 {
  margin: var(--spacing-4);
}
.m-5 {
  margin: var(--spacing-5);
}
.m-9 {
  margin: var(--spacing-9);
}
.m-36 {
  margin: var(--spacing-36);
}
.m-64 {
  margin: var(--spacing-64);
}
.m-auto {
  margin: auto;
}
.-mx-px {
  margin-inline: -1px;
}
.-mx-px {
  margin-inline: calc(var(--spacing-px) * -1);
}
.mx-1 {
  margin-inline: var(--spacing-1);
}
.mx-2 {
  margin-inline: var(--spacing-2);
}
.mx-3 {
  margin-inline: var(--spacing-3);
}
.mx-4 {
  margin-inline: var(--spacing-4);
}
.mx-5 {
  margin-inline: var(--spacing-5);
}
.mx-\[25px\] {
  margin-inline: 25px;
}
.mx-auto {
  margin-inline: auto;
}
.-my-sm {
  margin-block: calc(var(--spacing-sm) * -1);
}
.my-1 {
  margin-block: var(--spacing-1);
}
.my-2 {
  margin-block: var(--spacing-2);
}
.my-2\.5 {
  margin-block: var(--spacing-2\.5);
}
.my-3 {
  margin-block: var(--spacing-3);
}
.my-4 {
  margin-block: var(--spacing-4);
}
.my-5 {
  margin-block: var(--spacing-5);
}
.my-6 {
  margin-block: var(--spacing-6);
}
.my-8 {
  margin-block: var(--spacing-8);
}
.my-12 {
  margin-block: var(--spacing-12);
}
.my-auto {
  margin-block: auto;
}
.my-sm {
  margin-block: var(--spacing-sm);
}
.ms-1 {
  margin-inline-start: var(--spacing-1);
}
.ms-2 {
  margin-inline-start: var(--spacing-2);
}
.ms-4 {
  margin-inline-start: var(--spacing-4);
}
.me-1 {
  margin-inline-end: var(--spacing-1);
}
.me-4 {
  margin-inline-end: var(--spacing-4);
}
.\!mt-6 {
  margin-top: var(--spacing-6) !important;
}
.\!mt-8 {
  margin-top: var(--spacing-8) !important;
}
.\!mt-12 {
  margin-top: var(--spacing-12) !important;
}
.\!mt-px {
  margin-top: 1px !important;
}
.\!mt-px {
  margin-top: var(--spacing-px) !important;
}
.-mt-20 {
  margin-top: calc(var(--spacing-20) * -1);
}
.-mt-px {
  margin-top: -1px;
}
.-mt-px {
  margin-top: calc(var(--spacing-px) * -1);
}
.-mt-xs {
  margin-top: calc(var(--spacing-xs) * -1);
}
.mt-1 {
  margin-top: var(--spacing-1);
}
.mt-2 {
  margin-top: var(--spacing-2);
}
.mt-3 {
  margin-top: var(--spacing-3);
}
.mt-4 {
  margin-top: var(--spacing-4);
}
.mt-5 {
  margin-top: var(--spacing-5);
}
.mt-6 {
  margin-top: var(--spacing-6);
}
.mt-8 {
  margin-top: var(--spacing-8);
}
.mt-10 {
  margin-top: var(--spacing-10);
}
.mt-12 {
  margin-top: var(--spacing-12);
}
.mt-16 {
  margin-top: var(--spacing-16);
}
.mt-px {
  margin-top: 1px;
}
.mt-px {
  margin-top: var(--spacing-px);
}
.mt-sm {
  margin-top: var(--spacing-sm);
}
.mt-xs {
  margin-top: var(--spacing-xs);
}
.mr-1 {
  margin-right: var(--spacing-1);
}
.mr-1\.5 {
  margin-right: var(--spacing-1\.5);
}
.mr-2 {
  margin-right: var(--spacing-2);
}
.mr-3 {
  margin-right: var(--spacing-3);
}
.mr-4 {
  margin-right: var(--spacing-4);
}
.mr-5 {
  margin-right: var(--spacing-5);
}
.mr-6 {
  margin-right: var(--spacing-6);
}
.mr-auto {
  margin-right: auto;
}
.mr-xs {
  margin-right: var(--spacing-xs);
}
.-mb-px {
  margin-bottom: -1px;
}
.-mb-px {
  margin-bottom: calc(var(--spacing-px) * -1);
}
.-mb-xs {
  margin-bottom: calc(var(--spacing-xs) * -1);
}
.mb-1 {
  margin-bottom: var(--spacing-1);
}
.mb-1\.5 {
  margin-bottom: var(--spacing-1\.5);
}
.mb-2 {
  margin-bottom: var(--spacing-2);
}
.mb-3 {
  margin-bottom: var(--spacing-3);
}
.mb-4 {
  margin-bottom: var(--spacing-4);
}
.mb-5 {
  margin-bottom: var(--spacing-5);
}
.mb-6 {
  margin-bottom: var(--spacing-6);
}
.mb-8 {
  margin-bottom: var(--spacing-8);
}
.mb-12 {
  margin-bottom: var(--spacing-12);
}
.mb-16 {
  margin-bottom: var(--spacing-16);
}
.mb-\[-2px\] {
  margin-bottom: -2px;
}
.mb-\[1\.75em\] {
  margin-bottom: 1.75em;
}
.mb-\[70px\] {
  margin-bottom: 70px;
}
.mb-sm {
  margin-bottom: var(--spacing-sm);
}
.\!ml-2 {
  margin-left: var(--spacing-2) !important;
}
.-ml-\[5px\] {
  margin-left: calc(5px * -1);
}
.-ml-sm {
  margin-left: calc(var(--spacing-sm) * -1);
}
.-ml-xs {
  margin-left: calc(var(--spacing-xs) * -1);
}
.ml-1 {
  margin-left: var(--spacing-1);
}
.ml-2 {
  margin-left: var(--spacing-2);
}
.ml-2\.5 {
  margin-left: var(--spacing-2\.5);
}
.ml-3 {
  margin-left: var(--spacing-3);
}
.ml-4 {
  margin-left: var(--spacing-4);
}
.ml-5 {
  margin-left: var(--spacing-5);
}
.ml-6 {
  margin-left: var(--spacing-6);
}
.ml-10 {
  margin-left: var(--spacing-10);
}
.ml-12 {
  margin-left: var(--spacing-12);
}
.ml-28 {
  margin-left: var(--spacing-28);
}
.ml-\[-50vw\] {
  margin-left: -50vw;
}
.ml-\[110px\] {
  margin-left: 110px;
}
.ml-auto {
  margin-left: auto;
}
.ml-xs {
  margin-left: var(--spacing-xs);
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.\!hidden {
  display: none !important;
}
.\[display\:-webkit-box\] {
  display: -webkit-box;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.list-item {
  display: list-item;
}
.table {
  display: table;
}
.table\! {
  display: table !important;
}
.table-caption {
  display: table-caption;
}
.table-cell {
  display: table-cell;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[5\/4\] {
  aspect-ratio: 5/4;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[22\/13\] {
  aspect-ratio: 22/13;
}
.aspect-\[119\/128\] {
  aspect-ratio: 119/128;
}
.aspect-\[283\/160\] {
  aspect-ratio: 283/160;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-4 {
  width: var(--spacing-4);
  height: var(--spacing-4);
}
.size-5 {
  width: var(--spacing-5);
  height: var(--spacing-5);
}
.size-\[1\.2em\] {
  width: 1.2em;
  height: 1.2em;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-0 {
  height: var(--height-0);
}
.h-2 {
  height: var(--height-2);
}
.h-3 {
  height: var(--height-3);
}
.h-3\.5 {
  height: var(--spacing-3\.5);
}
.h-4 {
  height: var(--height-4);
}
.h-5 {
  height: var(--height-5);
}
.h-6 {
  height: var(--height-6);
}
.h-7 {
  height: var(--height-7);
}
.h-8 {
  height: var(--height-8);
}
.h-9 {
  height: var(--height-9);
}
.h-10 {
  height: var(--height-10);
}
.h-11 {
  height: var(--height-11);
}
.h-12 {
  height: var(--height-12);
}
.h-14 {
  height: var(--height-14);
}
.h-16 {
  height: var(--height-16);
}
.h-20 {
  height: var(--height-20);
}
.h-24 {
  height: var(--height-24);
}
.h-28 {
  height: var(--height-28);
}
.h-48 {
  height: var(--height-48);
}
.h-80 {
  height: var(--height-80);
}
.h-96 {
  height: var(--height-96);
}
.h-\[14px\] {
  height: 14px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[232px\] {
  height: 232px;
}
.h-auto {
  height: auto;
}
.h-auto {
  height: var(--height-auto);
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-full {
  height: var(--height-full);
}
.h-max {
  height: -moz-max-content;
  height: max-content;
}
.h-px {
  height: 1px;
}
.h-px {
  height: var(--spacing-px);
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-full {
  max-height: 100%;
}
.max-h-full {
  max-height: var(--height-full);
}
.max-h-screen {
  max-height: 100vh;
}
.max-h-screen {
  max-height: var(--height-screen);
}
.min-h-0 {
  min-height: var(--height-0);
}
.min-h-10 {
  min-height: var(--height-10);
}
.min-h-\[15\.625rem\] {
  min-height: 15.625rem;
}
.min-h-\[23\.4375rem\] {
  min-height: 23.4375rem;
}
.min-h-\[28\.5rem\] {
  min-height: 28.5rem;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[350px\] {
  min-height: 350px;
}
.min-h-\[375px\] {
  min-height: 375px;
}
.min-h-\[456px\] {
  min-height: 456px;
}
.min-h-\[620px\] {
  min-height: 620px;
}
.min-h-\[auto\] {
  min-height: auto;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-screen {
  min-height: var(--height-screen);
}
.w-0 {
  width: var(--width-0);
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-1\/6 {
  width: calc(1/6 * 100%);
}
.w-1\/12 {
  width: calc(1/12 * 100%);
}
.w-2 {
  width: var(--width-2);
}
.w-2\.5 {
  width: var(--spacing-2\.5);
}
.w-2\/3 {
  width: calc(2/3 * 100%);
}
.w-2\/4 {
  width: calc(2/4 * 100%);
}
.w-3 {
  width: var(--width-3);
}
.w-3\.5 {
  width: var(--spacing-3\.5);
}
.w-4 {
  width: var(--width-4);
}
.w-5 {
  width: var(--width-5);
}
.w-6 {
  width: var(--width-6);
}
.w-7 {
  width: var(--width-7);
}
.w-8 {
  width: var(--width-8);
}
.w-9 {
  width: var(--width-9);
}
.w-10 {
  width: var(--width-10);
}
.w-11 {
  width: var(--width-11);
}
.w-12 {
  width: var(--width-12);
}
.w-14 {
  width: var(--width-14);
}
.w-16 {
  width: var(--width-16);
}
.w-20 {
  width: var(--width-20);
}
.w-24 {
  width: var(--width-24);
}
.w-28 {
  width: var(--width-28);
}
.w-36 {
  width: var(--width-36);
}
.w-48 {
  width: var(--width-48);
}
.w-64 {
  width: var(--width-64);
}
.w-80 {
  width: var(--width-80);
}
.w-\[1em\] {
  width: 1em;
}
.w-\[6\%\] {
  width: 6%;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[76px\] {
  width: 76px;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[149px\] {
  width: 149px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[232px\] {
  width: 232px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[410px\] {
  width: 410px;
}
.w-\[550px\] {
  width: 550px;
}
.w-\[650px\] {
  width: 650px;
}
.w-\[calc\(100\%\+50px\)\] {
  width: calc(100% + 50px);
}
.w-auto {
  width: auto;
}
.w-auto {
  width: var(--width-auto);
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-full {
  width: var(--width-full);
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-px {
  width: var(--spacing-px);
}
.w-screen {
  width: 100vw;
}
.w-screen {
  width: var(--width-screen);
}
.max-w-56 {
  max-width: var(--spacing-56);
}
.max-w-96 {
  max-width: var(--spacing-96);
}
.max-w-\[36\.375rem\] {
  max-width: 36.375rem;
}
.max-w-\[43\.75rem\] {
  max-width: 43.75rem;
}
.max-w-\[63\.375rem\] {
  max-width: 63.375rem;
}
.max-w-\[74\.1875rem\] {
  max-width: 74.1875rem;
}
.max-w-\[85rem\] {
  max-width: 85rem;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[316px\] {
  max-width: 316px;
}
.max-w-\[582px\] {
  max-width: 582px;
}
.max-w-\[665px\] {
  max-width: 665px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-none {
  max-width: none;
}
.max-w-none {
  max-width: var(--spacing-none);
}
.max-w-sm {
  max-width: var(--spacing-sm);
}
.max-w-xs {
  max-width: var(--spacing-xs);
}
.min-w-9 {
  min-width: var(--spacing-9);
}
.min-w-10 {
  min-width: var(--spacing-10);
}
.min-w-12 {
  min-width: var(--spacing-12);
}
.min-w-14 {
  min-width: var(--spacing-14);
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[320px\] {
  min-width: 320px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.flex-1 {
  flex: 1;
}
.flex-\[\.\.\.\] {
  flex: ...;
}
.flex-\[auto\] {
  flex: auto;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-1\/5 {
  flex-basis: calc(1/5 * 100%);
}
.basis-4\/5 {
  flex-basis: calc(4/5 * 100%);
}
.basis-20 {
  flex-basis: var(--spacing-20);
}
.basis-\[\.\.\.\] {
  flex-basis: ...;
}
.basis-\[30\%\] {
  flex-basis: 30%;
}
.basis-\[43\%\] {
  flex-basis: 43%;
}
.basis-\[57\%\] {
  flex-basis: 57%;
}
.basis-\[173px\] {
  flex-basis: 173px;
}
.basis-\[316px\] {
  flex-basis: 316px;
}
.basis-\[calc\(100\%-104px\)\] {
  flex-basis: calc(100% - 104px);
}
.basis-\[calc\(100\%-197px\)\] {
  flex-basis: calc(100% - 197px);
}
.basis-\[calc\(100\%-theme\(flexBasis\.6\)\)\] {
  flex-basis: calc(100% - 1.5rem);
}
.basis-full {
  flex-basis: 100%;
}
.basis-px {
  flex-basis: 1px;
}
.basis-px {
  flex-basis: var(--spacing-px);
}
.\[caption-side\:bottom\] {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-center {
  transform-origin: center;
}
.translate-x-xs {
  --tw-translate-x: var(--spacing-xs);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-6 {
  --tw-translate-y: var(--spacing-6);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-45 {
  rotate: calc(45deg * -1);
}
.rotate-45 {
  rotate: 45deg;
}
.rotate-180 {
  rotate: 180deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.transform-gpu {
  transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-\[0\.9s_infinite_backwards_scaling-dots\] {
  animation: 0.9s infinite backwards scaling-dots;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.scroll-pt-28 {
  scroll-padding-top: var(--spacing-28);
}
.list-none {
  list-style-type: none;
}
.\[appearance\:auto\] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-flow-col-dense {
  grid-auto-flow: column dense;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-\[1fr_min-content_min-content\] {
  grid-template-columns: 1fr min-content min-content;
}
.grid-cols-\[8fr_minmax\(300px\,3fr\)\] {
  grid-template-columns: 8fr minmax(300px,3fr);
}
.grid-cols-\[repeat\(2\,1fr\)\] {
  grid-template-columns: repeat(2,1fr);
}
.grid-cols-\[repeat\(5\,1rem\)\] {
  grid-template-columns: repeat(5,1rem);
}
.grid-cols-\[repeat\(12\,1fr\)\] {
  grid-template-columns: repeat(12,1fr);
}
.grid-cols-\[repeat\(auto-fill\,minmax\(min\(30rem\,100\%\)\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(min(30rem, 100%),1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-\[repeat\(1\,1fr\)\] {
  grid-template-rows: repeat(1,1fr);
}
.grid-rows-\[repeat\(4\,1fr\)\] {
  grid-template-rows: repeat(4,1fr);
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-1 {
  gap: var(--spacing-1);
}
.gap-1\.5 {
  gap: var(--spacing-1\.5);
}
.gap-2 {
  gap: var(--spacing-2);
}
.gap-3 {
  gap: var(--spacing-3);
}
.gap-4 {
  gap: var(--spacing-4);
}
.gap-5 {
  gap: var(--spacing-5);
}
.gap-6 {
  gap: var(--spacing-6);
}
.gap-7 {
  gap: var(--spacing-7);
}
.gap-8 {
  gap: var(--spacing-8);
}
.gap-10 {
  gap: var(--spacing-10);
}
.gap-12 {
  gap: var(--spacing-12);
}
.gap-16 {
  gap: var(--spacing-16);
}
.gap-\[0\.1em\] {
  gap: 0.1em;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[inherit\] {
  gap: inherit;
}
.gap-sm {
  gap: var(--spacing-sm);
}
.gap-xs {
  gap: var(--spacing-xs);
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-1) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-2) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-3) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-5) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-6) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-8) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-12 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing-12) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-1 {
  -moz-column-gap: var(--spacing-1);
       column-gap: var(--spacing-1);
}
.gap-x-2 {
  -moz-column-gap: var(--spacing-2);
       column-gap: var(--spacing-2);
}
.gap-x-3 {
  -moz-column-gap: var(--spacing-3);
       column-gap: var(--spacing-3);
}
.gap-x-4 {
  -moz-column-gap: var(--spacing-4);
       column-gap: var(--spacing-4);
}
.gap-x-6 {
  -moz-column-gap: var(--spacing-6);
       column-gap: var(--spacing-6);
}
.gap-x-10 {
  -moz-column-gap: var(--spacing-10);
       column-gap: var(--spacing-10);
}
.gap-x-12 {
  -moz-column-gap: var(--spacing-12);
       column-gap: var(--spacing-12);
}
.gap-x-\[18px\] {
  -moz-column-gap: 18px;
       column-gap: 18px;
}
.gap-x-\[30px\] {
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.gap-x-sm {
  -moz-column-gap: var(--spacing-sm);
       column-gap: var(--spacing-sm);
}
.gap-x-xs {
  -moz-column-gap: var(--spacing-xs);
       column-gap: var(--spacing-xs);
}
.space-x-1 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-1) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-2 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-4 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-6 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-6) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.gap-y-1 {
  row-gap: var(--spacing-1);
}
.gap-y-2 {
  row-gap: var(--spacing-2);
}
.gap-y-3 {
  row-gap: var(--spacing-3);
}
.gap-y-4 {
  row-gap: var(--spacing-4);
}
.gap-y-6 {
  row-gap: var(--spacing-6);
}
.gap-y-8 {
  row-gap: var(--spacing-8);
}
.gap-y-10 {
  row-gap: var(--spacing-10);
}
.gap-y-\[18px\] {
  row-gap: 18px;
}
.gap-y-\[30px\] {
  row-gap: 30px;
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-gray-100 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }
}
.divide-gray-300 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-300);
  }
}
.self-center {
  align-self: center;
}
.self-start {
  align-self: flex-start;
}
.justify-self-start {
  justify-self: flex-start;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[80px\] {
  border-radius: 80px;
}
.rounded-\[100\%\] {
  border-radius: 100%;
}
.rounded-full {
  border-radius: var(--radius-full);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-none {
  border-radius: var(--radius-none);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-t-lg {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}
.rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-\[1\.5px\] {
  border-style: var(--tw-border-style);
  border-width: 1.5px;
}
.border-s {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-b-\[24px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 24px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-l-4 {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.\[border-top-style\:solid\] {
  border-top-style: solid;
}
.\[border-right-style\:solid\] {
  border-right-style: solid;
}
.\[border-bottom-style\:solid\] {
  border-bottom-style: solid;
}
.\[border-left-style\:solid\] {
  border-left-style: solid;
}
.border-\[\#0a8935\] {
  border-color: #0a8935;
}
.border-\[\#2c312e\] {
  border-color: #2c312e;
}
.border-\[\#6c7571\] {
  border-color: #6c7571;
}
.border-\[\#212623\] {
  border-color: #212623;
}
.border-\[\#949494\] {
  border-color: #949494;
}
.border-\[\#c1c1c1\] {
  border-color: #c1c1c1;
}
.border-\[\#ccc\] {
  border-color: #ccc;
}
.border-\[\#d2dcd7\] {
  border-color: #d2dcd7;
}
.border-\[black\]\/10 {
  border-color: color-mix(in srgb, black 0.1, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, black var(--opacity-10), transparent);
  }
}
.border-\[none\] {
  border-color: none;
}
.border-black {
  border-color: var(--color-black);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-200\/50 {
  border-color: color-mix(in srgb, #e5e7eb 0.5, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-200) var(--opacity-50), transparent);
  }
}
.border-gray-200\/80 {
  border-color: color-mix(in srgb, #e5e7eb 0.8, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-200) var(--opacity-80), transparent);
  }
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-gray-400 {
  border-color: var(--color-gray-400);
}
.border-gray-500 {
  border-color: var(--color-gray-500);
}
.border-gray-800 {
  border-color: var(--color-gray-800);
}
.border-status-error {
  border-color: var(--color-status-error);
}
.border-transparent {
  border-color: transparent;
}
.border-x-\[none\] {
  border-inline-color: none;
}
.border-t-\[\#d2dcd7\] {
  border-top-color: #d2dcd7;
}
.border-t-black {
  border-top-color: var(--color-black);
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-r-\[\#d2dcd7\] {
  border-right-color: #d2dcd7;
}
.border-b-\[\#d2dcd7\] {
  border-bottom-color: #d2dcd7;
}
.border-b-\[none\] {
  border-bottom-color: none;
}
.border-l-\[\#d2dcd7\] {
  border-left-color: #d2dcd7;
}
.bg-\[\#0a8935\] {
  background-color: #0a8935;
}
.bg-\[\#0aa43e\] {
  background-color: #0aa43e;
}
.bg-\[\#0d7a32\] {
  background-color: #0d7a32;
}
.bg-\[\#6c7571\] {
  background-color: #6c7571;
}
.bg-\[\#333\] {
  background-color: #333;
}
.bg-\[\#5631ea\] {
  background-color: #5631ea;
}
.bg-\[\#6600FF\] {
  background-color: #6600FF;
}
.bg-\[\#6600ff\] {
  background-color: #6600ff;
}
.bg-\[\#32373c\] {
  background-color: #32373c;
}
.bg-\[\#212623\] {
  background-color: #212623;
}
.bg-\[\#535554\] {
  background-color: #535554;
}
.bg-\[\#d2dcd7\] {
  background-color: #d2dcd7;
}
.bg-\[\#edf1ef\] {
  background-color: #edf1ef;
}
.bg-\[\#f2f673\] {
  background-color: #f2f673;
}
.bg-\[\#f5f5f5\] {
  background-color: #f5f5f5;
}
.bg-\[\#facc15\] {
  background-color: #facc15;
}
.bg-\[0_0\] {
  background-color: 0 0;
}
.bg-ai-purple-700 {
  background-color: var(--color-ai-purple-700);
}
.bg-black {
  background-color: var(--color-black);
}
.bg-brand-dark {
  background-color: var(--color-brand-dark);
}
.bg-brand-light {
  background-color: var(--color-brand-light);
}
.bg-brand-primary {
  background-color: var(--color-brand-primary);
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-300 {
  background-color: var(--color-gray-300);
}
.bg-gray-600 {
  background-color: var(--color-gray-600);
}
.bg-gray-800 {
  background-color: var(--color-gray-800);
}
.bg-gray-900 {
  background-color: var(--color-gray-900);
}
.bg-inherit {
  background-color: inherit;
}
.bg-transparent {
  background-color: transparent;
}
.bg-ua-primary {
  background-color: var(--color-ua-primary);
}
.bg-ua-prime {
  background-color: var(--color-ua-prime);
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[linear-gradient\(59\.89deg\,\#0aa43e_31\.75\%\,\#68f176_94\.12\%\)\] {
  background-image: linear-gradient(59.89deg,#0aa43e 31.75%,#68f176 94.12%);
}
.bg-\[linear-gradient\(145\.3deg\,\#0aa43e_-6\.72\%\,\#68f176_130\%\)\] {
  background-image: linear-gradient(145.3deg,#0aa43e -6.72%,#68f176 130%);
}
.from-black\/60 {
  --tw-gradient-from: color-mix(in srgb, #000000 0.6, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) var(--opacity-60), transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/70 {
  --tw-gradient-from: color-mix(in srgb, #000000 0.7, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) var(--opacity-70), transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-200 {
  --tw-gradient-from: var(--color-gray-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-800 {
  --tw-gradient-from: var(--color-gray-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-900 {
  --tw-gradient-from: var(--color-gray-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-black\/60 {
  --tw-gradient-via: color-mix(in srgb, #000000 0.6, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-black) var(--opacity-60), transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-black\/70 {
  --tw-gradient-via: color-mix(in srgb, #000000 0.7, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-black) var(--opacity-70), transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-gray-100 {
  --tw-gradient-via: var(--color-gray-100);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-gray-200 {
  --tw-gradient-to: var(--color-gray-200);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-600 {
  --tw-gradient-to: var(--color-gray-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-700 {
  --tw-gradient-to: var(--color-gray-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
.mask-repeat {
  -webkit-mask-repeat: repeat;
          mask-repeat: repeat;
}
.fill-\[\#5631ea\] {
  fill: #5631ea;
}
.fill-\[\#212623\] {
  fill: #212623;
}
.fill-\[\#fff\] {
  fill: #fff;
}
.fill-current {
  fill: currentcolor;
}
.fill-gray-300 {
  fill: var(--color-gray-300);
}
.fill-gray-400 {
  fill: var(--color-gray-400);
}
.fill-none {
  fill: none;
}
.stroke-\[\#212623\] {
  stroke: #212623;
}
.stroke-current {
  stroke: currentcolor;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.p-1 {
  padding: var(--spacing-1);
}
.p-1\.5 {
  padding: var(--spacing-1\.5);
}
.p-2 {
  padding: var(--spacing-2);
}
.p-3 {
  padding: var(--spacing-3);
}
.p-4 {
  padding: var(--spacing-4);
}
.p-5 {
  padding: var(--spacing-5);
}
.p-6 {
  padding: var(--spacing-6);
}
.p-8 {
  padding: var(--spacing-8);
}
.p-10 {
  padding: var(--spacing-10);
}
.p-12 {
  padding: var(--spacing-12);
}
.p-\[3px\] {
  padding: 3px;
}
.px-1 {
  padding-inline: var(--spacing-1);
}
.px-2 {
  padding-inline: var(--spacing-2);
}
.px-2\.5 {
  padding-inline: var(--spacing-2\.5);
}
.px-3 {
  padding-inline: var(--spacing-3);
}
.px-4 {
  padding-inline: var(--spacing-4);
}
.px-5 {
  padding-inline: var(--spacing-5);
}
.px-6 {
  padding-inline: var(--spacing-6);
}
.px-8 {
  padding-inline: var(--spacing-8);
}
.px-10 {
  padding-inline: var(--spacing-10);
}
.px-12 {
  padding-inline: var(--spacing-12);
}
.px-\[0\.6em\] {
  padding-inline: 0.6em;
}
.px-\[13px\] {
  padding-inline: 13px;
}
.px-\[23\.328px\] {
  padding-inline: 23.328px;
}
.px-sm {
  padding-inline: var(--spacing-sm);
}
.py-1 {
  padding-block: var(--spacing-1);
}
.py-1\.5 {
  padding-block: var(--spacing-1\.5);
}
.py-2 {
  padding-block: var(--spacing-2);
}
.py-2\.5 {
  padding-block: var(--spacing-2\.5);
}
.py-3 {
  padding-block: var(--spacing-3);
}
.py-4 {
  padding-block: var(--spacing-4);
}
.py-5 {
  padding-block: var(--spacing-5);
}
.py-6 {
  padding-block: var(--spacing-6);
}
.py-8 {
  padding-block: var(--spacing-8);
}
.py-10 {
  padding-block: var(--spacing-10);
}
.py-12 {
  padding-block: var(--spacing-12);
}
.py-16 {
  padding-block: var(--spacing-16);
}
.py-20 {
  padding-block: var(--spacing-20);
}
.py-\[0\.15em\] {
  padding-block: 0.15em;
}
.py-\[11px\] {
  padding-block: 11px;
}
.py-\[12\.672px\] {
  padding-block: 12.672px;
}
.py-sm {
  padding-block: var(--spacing-sm);
}
.ps-4 {
  padding-inline-start: var(--spacing-4);
}
.pt-1 {
  padding-top: var(--spacing-1);
}
.pt-1\.5 {
  padding-top: var(--spacing-1\.5);
}
.pt-2 {
  padding-top: var(--spacing-2);
}
.pt-3 {
  padding-top: var(--spacing-3);
}
.pt-4 {
  padding-top: var(--spacing-4);
}
.pt-5 {
  padding-top: var(--spacing-5);
}
.pt-6 {
  padding-top: var(--spacing-6);
}
.pt-8 {
  padding-top: var(--spacing-8);
}
.pt-12 {
  padding-top: var(--spacing-12);
}
.pt-14 {
  padding-top: var(--spacing-14);
}
.pt-24 {
  padding-top: var(--spacing-24);
}
.pt-\[102px\] {
  padding-top: 102px;
}
.pr-1 {
  padding-right: var(--spacing-1);
}
.pr-2 {
  padding-right: var(--spacing-2);
}
.pr-3 {
  padding-right: var(--spacing-3);
}
.pr-4 {
  padding-right: var(--spacing-4);
}
.pr-5 {
  padding-right: var(--spacing-5);
}
.pr-8 {
  padding-right: var(--spacing-8);
}
.pr-10 {
  padding-right: var(--spacing-10);
}
.pr-12 {
  padding-right: var(--spacing-12);
}
.pr-\[45px\] {
  padding-right: 45px;
}
.pr-sm {
  padding-right: var(--spacing-sm);
}
.\!pb-px {
  padding-bottom: 1px !important;
}
.\!pb-px {
  padding-bottom: var(--spacing-px) !important;
}
.pb-1 {
  padding-bottom: var(--spacing-1);
}
.pb-1\.5 {
  padding-bottom: var(--spacing-1\.5);
}
.pb-2 {
  padding-bottom: var(--spacing-2);
}
.pb-3 {
  padding-bottom: var(--spacing-3);
}
.pb-4 {
  padding-bottom: var(--spacing-4);
}
.pb-5 {
  padding-bottom: var(--spacing-5);
}
.pb-6 {
  padding-bottom: var(--spacing-6);
}
.pb-8 {
  padding-bottom: var(--spacing-8);
}
.pb-12 {
  padding-bottom: var(--spacing-12);
}
.pb-\[env\(safe-area-max-inset-bottom\,theme\(padding\.9\)\)\] {
  padding-bottom: env(safe-area-max-inset-bottom,2.25rem);
}
.pb-sm {
  padding-bottom: var(--spacing-sm);
}
.\!pl-\[0\.3em\] {
  padding-left: 0.3em !important;
}
.pl-1 {
  padding-left: var(--spacing-1);
}
.pl-2 {
  padding-left: var(--spacing-2);
}
.pl-3 {
  padding-left: var(--spacing-3);
}
.pl-4 {
  padding-left: var(--spacing-4);
}
.pl-5 {
  padding-left: var(--spacing-5);
}
.pl-6 {
  padding-left: var(--spacing-6);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.indent-\[-9999px\] {
  text-indent: -9999px;
}
.align-baseline {
  vertical-align: baseline;
}
.align-bottom {
  vertical-align: bottom;
}
.\[font-family\:nb\\_international\\_promono\,sans-serif\] {
  font-family: nb_international_promono,sans-serif;
}
.\[font-family\:nb\\_international\\_proregular\,sans-serif\] {
  font-family: nb_international_proregular,sans-serif;
}
.\[font-family\:system-ui\,-apple-system\,Segoe_UI\,Roboto\,Ubuntu\,Cantarell\,Noto_Sans\,sans-serif\,Helvetica\,Arial\,Apple_Color_Emoji\,Segoe_UI_Emoji\] {
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;
}
.\[font-family\:yellix\,sans-serif\] {
  font-family: yellix,sans-serif;
}
.font-\[bolder\] {
  font-family: bolder;
}
.\!text-\[1\.75rem\] {
  font-size: 1.75rem !important;
}
.\!text-\[2rem\] {
  font-size: 2rem !important;
}
.text-\[0\.88rem\] {
  font-size: 0.88rem;
}
.text-\[0\.6875rem\] {
  font-size: 0.6875rem;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem;
}
.text-\[1\.1875rem\] {
  font-size: 1.1875rem;
}
.text-\[1\.4375rem\] {
  font-size: 1.4375rem;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[100\%\] {
  font-size: 100%;
}
.text-\[clamp\(1\.75rem\,1\.4645rem\+1\.2183vi\,2\.5rem\)\] {
  font-size: clamp(1.75rem, 1.4645rem + 1.2183vi, 2.5rem);
}
.text-\[clamp\(1\.75rem\,1\.4645rem_\+_1\.2183vi\,2\.5rem\)\] {
  font-size: clamp(1.75rem, 1.4645rem + 1.2183vi, 2.5rem);
}
.text-\[clamp\(theme\(fontSize\.5xl\)\,2\.1672rem_\+_3\.5533vi\,5\.1875rem\)\] {
  font-size: clamp(3rem, 2.1672rem + 3.5533vi, 5.1875rem);
}
.text-\[clamp\(theme\(fontSize\.base\)\,0\.8334rem_\+_0\.7107vi\,1\.4375rem\)\] {
  font-size: clamp(1rem, 0.8334rem + 0.7107vi, 1.4375rem);
}
.leading-3 {
  --tw-leading: var(--spacing-3);
  line-height: var(--spacing-3);
}
.leading-5 {
  --tw-leading: var(--spacing-5);
  line-height: var(--spacing-5);
}
.leading-6 {
  --tw-leading: var(--spacing-6);
  line-height: var(--spacing-6);
}
.leading-7 {
  --tw-leading: var(--spacing-7);
  line-height: var(--spacing-7);
}
.leading-\[0\] {
  --tw-leading: 0;
  line-height: 0;
}
.leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.leading-\[1\.3\] {
  --tw-leading: 1.3;
  line-height: 1.3;
}
.leading-\[1\.4\] {
  --tw-leading: 1.4;
  line-height: 1.4;
}
.leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
.leading-\[1\.125rem\] {
  --tw-leading: 1.125rem;
  line-height: 1.125rem;
}
.leading-none {
  --tw-leading: var(--spacing-none);
  line-height: var(--spacing-none);
}
.tracking-\[-0\.5px\] {
  --tw-tracking: -0.5px;
  letter-spacing: -0.5px;
}
.tracking-\[-0\.25px\] {
  --tw-tracking: -0.25px;
  letter-spacing: -0.25px;
}
.tracking-\[0\.5px\] {
  --tw-tracking: 0.5px;
  letter-spacing: 0.5px;
}
.tracking-\[1px\] {
  --tw-tracking: 1px;
  letter-spacing: 1px;
}
.text-pretty {
  text-wrap: pretty;
}
.break-words {
  overflow-wrap: break-word;
}
.\[word-break\:break-word\] {
  word-break: break-word;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-\[\#0a8935\] {
  color: #0a8935;
}
.text-\[\#0aa43e\] {
  color: #0aa43e;
}
.text-\[\#6c7571\] {
  color: #6c7571;
}
.text-\[\#68f176\] {
  color: #68f176;
}
.text-\[\#6600FF\] {
  color: #6600FF;
}
.text-\[\#012800\] {
  color: #012800;
}
.text-\[\#212623\] {
  color: #212623;
}
.text-\[\#535554\] {
  color: #535554;
}
.text-\[\#d2dcd7\] {
  color: #d2dcd7;
}
.text-\[\#e21c1c\] {
  color: #e21c1c;
}
.text-\[\#edf1ef\] {
  color: #edf1ef;
}
.text-black {
  color: var(--color-black);
}
.text-current {
  color: currentcolor;
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-status-error {
  color: var(--color-status-error);
}
.text-transparent {
  color: transparent;
}
.text-ua-primary {
  color: var(--color-ua-primary);
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.overline {
  text-decoration-line: overline;
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-0 {
  text-underline-offset: 0px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: var(--opacity-0);
}
.opacity-30 {
  opacity: var(--opacity-30);
}
.opacity-40 {
  opacity: var(--opacity-40);
}
.opacity-50 {
  opacity: var(--opacity-50);
}
.opacity-90 {
  opacity: var(--opacity-90);
}
.opacity-100 {
  opacity: var(--opacity-100);
}
.opacity-\[0\.38\] {
  opacity: 0.38;
}
.shadow-\[0_0_5px_gray\] {
  --tw-shadow: 0 0 5px var(--tw-shadow-color, gray);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_2px_8px_\#0000001f\,0_2px_22px_\#00000005\] {
  --tw-shadow: 0 2px 8px var(--tw-shadow-color, #0000001f), 0 2px 22px var(--tw-shadow-color, #00000005);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[7px_-3px_0px_rgba\(253\,224\,71\,1\)\] {
  --tw-shadow: 7px -3px 0px var(--tw-shadow-color, rgba(253,224,71,1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[box-shadow\:0_2px_10px_-3px_rgba\(6\,81\,237\,0\.3\)\] {
  box-shadow: 0 2px 10px -3px rgba(6,81,237,0.3);
}
.\[box-shadow\:0_2px_13px_-6px_rgba\(0\,0\,0\,0\.4\)\] {
  box-shadow: 0 2px 13px -6px rgba(0,0,0,0.4);
}
.ring-offset-0 {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.outline-0 {
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
}
.outline-2 {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}
.-outline-offset-2 {
  outline-offset: calc(2px * -1);
}
.outline-offset-2 {
  outline-offset: 2px;
}
.outline-black {
  outline-color: var(--color-black);
}
.outline-transparent {
  outline-color: transparent;
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.\!filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.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-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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition\! {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
  transition-timing-function: var(--tw-ease, ease) !important;
  transition-duration: var(--tw-duration, 0s) !important;
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.delay-150 {
  transition-delay: 150ms;
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-\[0\.6s\] {
  --tw-duration: 0.6s;
  transition-duration: 0.6s;
}
.ease-\[cubic-bezier\(0\,0\.55\,0\.45\,1\)\] {
  --tw-ease: cubic-bezier(0,0.55,0.45,1);
  transition-timing-function: cubic-bezier(0,0.55,0.45,1);
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.content-\[\"\.\.\.\"\] {
  --tw-content: "...";
  content: var(--tw-content);
}
.outline-dashed {
  --tw-outline-style: dashed;
  outline-style: dashed;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
       user-select: all;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.\[-webkit-line-clamp\:2\] {
  -webkit-line-clamp: 2;
}
.\[animation-delay\:0\.2s\] {
  animation-delay: 0.2s;
}
.\[animation-delay\:0\.3s\] {
  animation-delay: 0.3s;
}
.\[animation-delay\:0\.4s\] {
  animation-delay: 0.4s;
}
.\[animation-delay\:0\.5s\] {
  animation-delay: 0.5s;
}
.\[animation-delay\:0\.9s\] {
  animation-delay: 0.9s;
}
.\[animation-delay\:0\.18s\] {
  animation-delay: 0.18s;
}
.\[animation-delay\:0\.27s\] {
  animation-delay: 0.27s;
}
.\[animation-delay\:0\.36s\] {
  animation-delay: 0.36s;
}
.\[animation-delay\:0\.45s\] {
  animation-delay: 0.45s;
}
.\[animation-delay\:0\.54s\] {
  animation-delay: 0.54s;
}
.\[animation-delay\:0\.63s\] {
  animation-delay: 0.63s;
}
.\[animation-delay\:0\.72s\] {
  animation-delay: 0.72s;
}
.\[animation-delay\:0\.81s\] {
  animation-delay: 0.81s;
}
.\[animation-delay\:0s\] {
  animation-delay: 0s;
}
.\[animation-delay\:90ms\] {
  animation-delay: 90ms;
}
.\[animation-duration\:1\.5s\] {
  animation-duration: 1.5s;
}
.\[animation-iteration-count\:infinite\] {
  animation-iteration-count: infinite;
}
.\[animation-name\:logo-mark\] {
  animation-name: logo-mark;
}
.\[border-image-slice\:1\] {
  border-image-slice: 1;
}
.\[border-image-source\:linear-gradient\(270deg\,\#0aa43e80_0\,\#0aa43e_100\%\)\] {
  border-image-source: linear-gradient(270deg,#0aa43e80 0,#0aa43e 100%);
}
.\[border-image\:linear-gradient\(90deg\,\#5631ea_66\%\,\#fff_66\%\)_1\] {
  -o-border-image: linear-gradient(90deg,#5631ea 66%,#fff 66%) 1;
     border-image: linear-gradient(90deg,#5631ea 66%,#fff 66%) 1;
}
.\[clip-path\:inset\(50\%\)\] {
  clip-path: inset(50%);
}
.\[clip\:rect\(1px\,1px\,1px\,1px\)\] {
  clip: rect(1px,1px,1px,1px);
}
.\[contain-intrinsic-size\:3000px_1500px\] {
  contain-intrinsic-size: 3000px 1500px;
}
.\[container\:loop-card-container\/inline-size\] {
  container: loop-card-container/inline-size;
}
.\[container\:newsletter-container\/inline-size\] {
  container: newsletter-container/inline-size;
}
.\[property\:value\] {
  property: value;
}
.\[text-decoration\:unset\] {
  text-decoration: unset;
}
.\[text-rendering\:optimizeSpeed\] {
  text-rendering: optimizeSpeed;
}
.\[word-wrap\:normal\] {
  word-wrap: normal;
}
.group-hover\:visible {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      visibility: visible;
    }
  }
}
.group-hover\:mt-4 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      margin-top: var(--spacing-4);
    }
  }
}
.group-hover\:h-96 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      height: var(--height-96);
    }
  }
}
.group-hover\:h-\[70px\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      height: 70px;
    }
  }
}
.group-hover\:scale-105 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: var(--opacity-100);
    }
  }
}
.group-hover\:shadow-md {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.group-hover\:shadow-gray-300\/50 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-shadow-color: color-mix(in srgb, #d1d5db 0.5, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-300) var(--opacity-50), transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
}
.group-hover\/item\:scale-105 {
  &:is(:where(.group\/item):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\/item\:opacity-100 {
  &:is(:where(.group\/item):hover *) {
    @media (hover: hover) {
      opacity: var(--opacity-100);
    }
  }
}
.group-hover\/item\:shadow-lg {
  &:is(:where(.group\/item):hover *) {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.group-active\:scale-90 {
  &:is(:where(.group):active *) {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.placeholder\:text-\[\#6c7571\] {
  &::-moz-placeholder {
    color: #6c7571;
  }
  &::placeholder {
    color: #6c7571;
  }
}
.placeholder\:text-\[\#b5c0bc\] {
  &::-moz-placeholder {
    color: #b5c0bc;
  }
  &::placeholder {
    color: #b5c0bc;
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:fixed {
  &::before {
    content: var(--tw-content);
    position: fixed;
  }
}
.before\:relative {
  &::before {
    content: var(--tw-content);
    position: relative;
  }
}
.before\:-top-px {
  &::before {
    content: var(--tw-content);
    top: -1px;
  }
}
.before\:-top-px {
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing-px) * -1);
  }
}
.before\:top-2 {
  &::before {
    content: var(--tw-content);
    top: var(--spacing-2);
  }
}
.before\:top-2\/4 {
  &::before {
    content: var(--tw-content);
    top: calc(2/4 * 100%);
  }
}
.before\:top-\[0\.4375rem\] {
  &::before {
    content: var(--tw-content);
    top: 0.4375rem;
  }
}
.before\:top-\[5px\] {
  &::before {
    content: var(--tw-content);
    top: 5px;
  }
}
.before\:top-\[7px\] {
  &::before {
    content: var(--tw-content);
    top: 7px;
  }
}
.before\:-left-3\.5 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing-3\.5) * -1);
  }
}
.before\:-left-6 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing-6) * -1);
  }
}
.before\:left-2\/4 {
  &::before {
    content: var(--tw-content);
    left: calc(2/4 * 100%);
  }
}
.before\:left-\[-14px\] {
  &::before {
    content: var(--tw-content);
    left: -14px;
  }
}
.before\:z-10 {
  &::before {
    content: var(--tw-content);
    z-index: 10;
  }
}
.before\:mt-5 {
  &::before {
    content: var(--tw-content);
    margin-top: var(--spacing-5);
  }
}
.before\:mr-1 {
  &::before {
    content: var(--tw-content);
    margin-right: var(--spacing-1);
  }
}
.before\:ml-2 {
  &::before {
    content: var(--tw-content);
    margin-left: var(--spacing-2);
  }
}
.before\:ml-5 {
  &::before {
    content: var(--tw-content);
    margin-left: var(--spacing-5);
  }
}
.before\:block {
  &::before {
    content: var(--tw-content);
    display: block;
  }
}
.before\:flex {
  &::before {
    content: var(--tw-content);
    display: flex;
  }
}
.before\:hidden {
  &::before {
    content: var(--tw-content);
    display: none;
  }
}
.before\:inline-block {
  &::before {
    content: var(--tw-content);
    display: inline-block;
  }
}
.before\:h-0 {
  &::before {
    content: var(--tw-content);
    height: var(--height-0);
  }
}
.before\:h-2 {
  &::before {
    content: var(--tw-content);
    height: var(--height-2);
  }
}
.before\:h-4 {
  &::before {
    content: var(--tw-content);
    height: var(--height-4);
  }
}
.before\:h-6 {
  &::before {
    content: var(--tw-content);
    height: var(--height-6);
  }
}
.before\:h-10 {
  &::before {
    content: var(--tw-content);
    height: var(--height-10);
  }
}
.before\:h-\[21px\] {
  &::before {
    content: var(--tw-content);
    height: 21px;
  }
}
.before\:h-\[85\%\] {
  &::before {
    content: var(--tw-content);
    height: 85%;
  }
}
.before\:h-full {
  &::before {
    content: var(--tw-content);
    height: 100%;
  }
}
.before\:h-full {
  &::before {
    content: var(--tw-content);
    height: var(--height-full);
  }
}
.before\:h-px {
  &::before {
    content: var(--tw-content);
    height: 1px;
  }
}
.before\:h-px {
  &::before {
    content: var(--tw-content);
    height: var(--spacing-px);
  }
}
.before\:min-h-4 {
  &::before {
    content: var(--tw-content);
    min-height: var(--height-4);
  }
}
.before\:w-2 {
  &::before {
    content: var(--tw-content);
    width: var(--width-2);
  }
}
.before\:w-2\.5 {
  &::before {
    content: var(--tw-content);
    width: var(--spacing-2\.5);
  }
}
.before\:w-3 {
  &::before {
    content: var(--tw-content);
    width: var(--width-3);
  }
}
.before\:w-4 {
  &::before {
    content: var(--tw-content);
    width: var(--width-4);
  }
}
.before\:w-20 {
  &::before {
    content: var(--tw-content);
    width: var(--width-20);
  }
}
.before\:w-\[10px\] {
  &::before {
    content: var(--tw-content);
    width: 10px;
  }
}
.before\:w-\[21px\] {
  &::before {
    content: var(--tw-content);
    width: 21px;
  }
}
.before\:w-\[33\%\] {
  &::before {
    content: var(--tw-content);
    width: 33%;
  }
}
.before\:w-full {
  &::before {
    content: var(--tw-content);
    width: 100%;
  }
}
.before\:w-full {
  &::before {
    content: var(--tw-content);
    width: var(--width-full);
  }
}
.before\:w-px {
  &::before {
    content: var(--tw-content);
    width: 1px;
  }
}
.before\:w-px {
  &::before {
    content: var(--tw-content);
    width: var(--spacing-px);
  }
}
.before\:min-w-4 {
  &::before {
    content: var(--tw-content);
    min-width: var(--spacing-4);
  }
}
.before\:flex-1 {
  &::before {
    content: var(--tw-content);
    flex: 1;
  }
}
.before\:-translate-x-2\/4 {
  &::before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.before\:-translate-y-2\/4 {
  &::before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.before\:items-center {
  &::before {
    content: var(--tw-content);
    align-items: center;
  }
}
.before\:justify-center {
  &::before {
    content: var(--tw-content);
    justify-content: center;
  }
}
.before\:rounded-\[50\%\] {
  &::before {
    content: var(--tw-content);
    border-radius: 50%;
  }
}
.before\:border {
  &::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.before\:border-t {
  &::before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
.before\:border-solid {
  &::before {
    content: var(--tw-content);
    --tw-border-style: solid;
    border-style: solid;
  }
}
.before\:border-\[\#212623\] {
  &::before {
    content: var(--tw-content);
    border-color: #212623;
  }
}
.before\:bg-\[\#0a8935\] {
  &::before {
    content: var(--tw-content);
    background-color: #0a8935;
  }
}
.before\:bg-\[\#0aa43e\] {
  &::before {
    content: var(--tw-content);
    background-color: #0aa43e;
  }
}
.before\:bg-\[\#5631ea\] {
  &::before {
    content: var(--tw-content);
    background-color: #5631ea;
  }
}
.before\:bg-\[rgba\(0\,0\,0\,0\.5\)\] {
  &::before {
    content: var(--tw-content);
    background-color: rgba(0,0,0,0.5);
  }
}
.before\:bg-black {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-black);
  }
}
.before\:bg-current {
  &::before {
    content: var(--tw-content);
    background-color: currentcolor;
  }
}
.before\:bg-transparent {
  &::before {
    content: var(--tw-content);
    background-color: transparent;
  }
}
.before\:\[mask-image\:url\(\'https\:\/\/proxy\.extractcss\.dev\/https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/menu\.svg\'\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url('https://proxy.extractcss.dev/https://techcrunch.com/wp-content/themes/tc-24/dist/svg/menu.svg');
            mask-image: url('https://proxy.extractcss.dev/https://techcrunch.com/wp-content/themes/tc-24/dist/svg/menu.svg');
  }
}
.before\:\[mask-image\:url\(\'https\:\/\/proxy\.extractcss\.dev\/https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/search\.svg\'\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url('https://proxy.extractcss.dev/https://techcrunch.com/wp-content/themes/tc-24/dist/svg/search.svg');
            mask-image: url('https://proxy.extractcss.dev/https://techcrunch.com/wp-content/themes/tc-24/dist/svg/search.svg');
  }
}
.before\:\[mask-image\:url\(https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/bluesky\.svg\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/bluesky.svg);
            mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/bluesky.svg);
  }
}
.before\:\[mask-image\:url\(https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/facebook-fill\.svg\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/facebook-fill.svg);
            mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/facebook-fill.svg);
  }
}
.before\:\[mask-image\:url\(https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/linkedin-outline\.svg\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/linkedin-outline.svg);
            mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/linkedin-outline.svg);
  }
}
.before\:\[mask-image\:url\(https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/mastodon\.svg\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/mastodon.svg);
            mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/mastodon.svg);
  }
}
.before\:\[mask-image\:url\(https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/social--homepage\.svg\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/social--homepage.svg);
            mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/social--homepage.svg);
  }
}
.before\:\[mask-image\:url\(https\:\/\/techcrunch\.com\/wp-content\/themes\/tc-24\/dist\/svg\/twitter\.svg\)\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/twitter.svg);
            mask-image: url(https://techcrunch.com/wp-content/themes/tc-24/dist/svg/twitter.svg);
  }
}
.before\:\[mask-size\:contain\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-size: contain;
            mask-size: contain;
  }
}
.before\:\[mask-position\:50\%\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-position: 50%;
            mask-position: 50%;
  }
}
.before\:\[mask-repeat\:no-repeat\] {
  &::before {
    content: var(--tw-content);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
.before\:pt-\[56\.25\%\] {
  &::before {
    content: var(--tw-content);
    padding-top: 56.25%;
  }
}
.before\:pt-\[75\%\] {
  &::before {
    content: var(--tw-content);
    padding-top: 75%;
  }
}
.before\:pt-\[177\.77\%\] {
  &::before {
    content: var(--tw-content);
    padding-top: 177.77%;
  }
}
.before\:align-middle {
  &::before {
    content: var(--tw-content);
    vertical-align: middle;
  }
}
.before\:text-\[0\.8125rem\] {
  &::before {
    content: var(--tw-content);
    font-size: 0.8125rem;
  }
}
.before\:text-\[\#6c7571\] {
  &::before {
    content: var(--tw-content);
    color: #6c7571;
  }
}
.before\:text-\[\#d2dcd7\] {
  &::before {
    content: var(--tw-content);
    color: #d2dcd7;
  }
}
.before\:opacity-30 {
  &::before {
    content: var(--tw-content);
    opacity: var(--opacity-30);
  }
}
.before\:transition-all {
  &::before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
}
.before\:transition-colors {
  &::before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
}
.before\:duration-150 {
  &::before {
    content: var(--tw-content);
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
}
.before\:duration-200 {
  &::before {
    content: var(--tw-content);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
}
.before\:duration-\[0\.4s\] {
  &::before {
    content: var(--tw-content);
    --tw-duration: 0.4s;
    transition-duration: 0.4s;
  }
}
.before\:ease-\[cubic-bezier\(0\,0\.55\,0\.45\,1\)\] {
  &::before {
    content: var(--tw-content);
    --tw-ease: cubic-bezier(0,0.55,0.45,1);
    transition-timing-function: cubic-bezier(0,0.55,0.45,1);
  }
}
.before\:ease-in-out {
  &::before {
    content: var(--tw-content);
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
}
.before\:content-\[\'\'\] {
  &::before {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:top-2\/4 {
  &::after {
    content: var(--tw-content);
    top: calc(2/4 * 100%);
  }
}
.after\:top-10 {
  &::after {
    content: var(--tw-content);
    top: var(--spacing-10);
  }
}
.after\:-bottom-2 {
  &::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing-2) * -1);
  }
}
.after\:-bottom-4 {
  &::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing-4) * -1);
  }
}
.after\:-bottom-12 {
  &::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing-12) * -1);
  }
}
.after\:bottom-\[-30px\] {
  &::after {
    content: var(--tw-content);
    bottom: -30px;
  }
}
.after\:left-2\/4 {
  &::after {
    content: var(--tw-content);
    left: calc(2/4 * 100%);
  }
}
.after\:z-\[2\] {
  &::after {
    content: var(--tw-content);
    z-index: 2;
  }
}
.after\:mx-auto {
  &::after {
    content: var(--tw-content);
    margin-inline: auto;
  }
}
.after\:h-1 {
  &::after {
    content: var(--tw-content);
    height: var(--height-1);
  }
}
.after\:h-3 {
  &::after {
    content: var(--tw-content);
    height: var(--height-3);
  }
}
.after\:h-6 {
  &::after {
    content: var(--tw-content);
    height: var(--height-6);
  }
}
.after\:h-10 {
  &::after {
    content: var(--tw-content);
    height: var(--height-10);
  }
}
.after\:h-\[30px\] {
  &::after {
    content: var(--tw-content);
    height: 30px;
  }
}
.after\:h-full {
  &::after {
    content: var(--tw-content);
    height: 100%;
  }
}
.after\:h-full {
  &::after {
    content: var(--tw-content);
    height: var(--height-full);
  }
}
.after\:w-4\/6 {
  &::after {
    content: var(--tw-content);
    width: calc(4/6 * 100%);
  }
}
.after\:w-\[33\%\] {
  &::after {
    content: var(--tw-content);
    width: 33%;
  }
}
.after\:w-\[90\%\] {
  &::after {
    content: var(--tw-content);
    width: 90%;
  }
}
.after\:w-full {
  &::after {
    content: var(--tw-content);
    width: 100%;
  }
}
.after\:w-full {
  &::after {
    content: var(--tw-content);
    width: var(--width-full);
  }
}
.after\:w-px {
  &::after {
    content: var(--tw-content);
    width: 1px;
  }
}
.after\:w-px {
  &::after {
    content: var(--tw-content);
    width: var(--spacing-px);
  }
}
.after\:flex-1 {
  &::after {
    content: var(--tw-content);
    flex: 1;
  }
}
.after\:-translate-x-2\/4 {
  &::after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.after\:-translate-y-2\/4 {
  &::after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(2/4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.after\:border-t {
  &::after {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
}
.after\:bg-\[\#0aa43e\] {
  &::after {
    content: var(--tw-content);
    background-color: #0aa43e;
  }
}
.after\:bg-\[\#9980fe\] {
  &::after {
    content: var(--tw-content);
    background-color: #9980fe;
  }
}
.after\:bg-\[\#f2f673\] {
  &::after {
    content: var(--tw-content);
    background-color: #f2f673;
  }
}
.after\:bg-current {
  &::after {
    content: var(--tw-content);
    background-color: currentcolor;
  }
}
.after\:opacity-0 {
  &::after {
    content: var(--tw-content);
    opacity: var(--opacity-0);
  }
}
.after\:opacity-30 {
  &::after {
    content: var(--tw-content);
    opacity: var(--opacity-30);
  }
}
.after\:transition-all {
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
}
.after\:duration-150 {
  &::after {
    content: var(--tw-content);
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
}
.after\:duration-200 {
  &::after {
    content: var(--tw-content);
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
}
.after\:ease-\[cubic-bezier\(0\,0\.55\,0\.45\,1\)\] {
  &::after {
    content: var(--tw-content);
    --tw-ease: cubic-bezier(0,0.55,0.45,1);
    transition-timing-function: cubic-bezier(0,0.55,0.45,1);
  }
}
.after\:ease-in-out {
  &::after {
    content: var(--tw-content);
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
}
.after\:content-\[\'\:\'\] {
  &::after {
    --tw-content: ':';
    content: var(--tw-content);
  }
}
.first\:col-start-1 {
  &:first-child {
    grid-column-start: 1;
  }
}
.first\:col-end-\[-1\] {
  &:first-child {
    grid-column-end: -1;
  }
}
.first\:pt-3 {
  &:first-child {
    padding-top: var(--spacing-3);
  }
}
.first\:\[animation-delay\:0\.1s\] {
  &:first-child {
    animation-delay: 0.1s;
  }
}
.last\:border-b-0 {
  &:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.only\:grow {
  &:only-child {
    flex-grow: 1;
  }
}
.visited\:fill-current {
  &:visited {
    fill: currentcolor;
  }
}
.visited\:text-\[\#012800\] {
  &:visited {
    color: #012800;
  }
}
.visited\:text-current {
  &:visited {
    color: currentcolor;
  }
}
.invalid\:border-\[\#e21c1c\] {
  &:invalid {
    border-color: #e21c1c;
  }
}
.focus-within\:scroll-smooth {
  &:focus-within {
    scroll-behavior: smooth;
  }
}
.focus-within\:border-\[\#0a8935\] {
  &:focus-within {
    border-color: #0a8935;
  }
}
.focus-within\:bg-\[\#0a8935\] {
  &:focus-within {
    background-color: #0a8935;
  }
}
.focus-within\:bg-\[\#0aa43e\] {
  &:focus-within {
    background-color: #0aa43e;
  }
}
.focus-within\:bg-transparent {
  &:focus-within {
    background-color: transparent;
  }
}
.focus-within\:text-\[\#0a8935\] {
  &:focus-within {
    color: #0a8935;
  }
}
.focus-within\:underline {
  &:focus-within {
    text-decoration-line: underline;
  }
}
.focus-within\:shadow-\[0_-1px_\#d2dcd7\] {
  &:focus-within {
    --tw-shadow: 0 -1px var(--tw-shadow-color, #d2dcd7);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-within\:ring-2 {
  &:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-within\:outline-2 {
  &:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
}
.focus-within\:-outline-offset-2 {
  &:focus-within {
    outline-offset: calc(2px * -1);
  }
}
.focus-within\:outline-offset-2 {
  &:focus-within {
    outline-offset: 2px;
  }
}
.focus-within\:outline-\[\#0a8935\] {
  &:focus-within {
    outline-color: #0a8935;
  }
}
.focus-within\:outline-\[\#014600\] {
  &:focus-within {
    outline-color: #014600;
  }
}
.focus-within\:outline-dashed {
  &:focus-within {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
}
.hover\:scale-110 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-\[1\.02\] {
  &:hover {
    @media (hover: hover) {
      scale: 1.02;
    }
  }
}
.hover\:border-\[\#0aa43e\] {
  &:hover {
    @media (hover: hover) {
      border-color: #0aa43e;
    }
  }
}
.hover\:border-\[\#68f176\] {
  &:hover {
    @media (hover: hover) {
      border-color: #68f176;
    }
  }
}
.hover\:bg-\[\#0a8935\] {
  &:hover {
    @media (hover: hover) {
      background-color: #0a8935;
    }
  }
}
.hover\:bg-\[\#0aa43e\] {
  &:hover {
    @media (hover: hover) {
      background-color: #0aa43e;
    }
  }
}
.hover\:bg-\[\#68f176\] {
  &:hover {
    @media (hover: hover) {
      background-color: #68f176;
    }
  }
}
.hover\:bg-\[\#5500DD\] {
  &:hover {
    @media (hover: hover) {
      background-color: #5500DD;
    }
  }
}
.hover\:bg-\[\#012800\] {
  &:hover {
    @media (hover: hover) {
      background-color: #012800;
    }
  }
}
.hover\:bg-\[\#014600\] {
  &:hover {
    @media (hover: hover) {
      background-color: #014600;
    }
  }
}
.hover\:bg-ai-purple-800 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-ai-purple-800);
    }
  }
}
.hover\:bg-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50);
    }
  }
}
.hover\:bg-gray-50\/50 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #f9fafb 0.5, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-gray-50) var(--opacity-50), transparent);
      }
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-gray-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-200);
    }
  }
}
.hover\:bg-gray-300 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-300);
    }
  }
}
.hover\:bg-gray-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-700);
    }
  }
}
.hover\:bg-gray-900 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-900);
    }
  }
}
.hover\:bg-transparent {
  &:hover {
    @media (hover: hover) {
      background-color: transparent;
    }
  }
}
.hover\:bg-ua-yellow {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-ua-yellow);
    }
  }
}
.hover\:fill-current {
  &:hover {
    @media (hover: hover) {
      fill: currentcolor;
    }
  }
}
.hover\:text-\[\#0a8935\] {
  &:hover {
    @media (hover: hover) {
      color: #0a8935;
    }
  }
}
.hover\:text-\[\#014600\] {
  &:hover {
    @media (hover: hover) {
      color: #014600;
    }
  }
}
.hover\:text-\[\#212623\] {
  &:hover {
    @media (hover: hover) {
      color: #212623;
    }
  }
}
.hover\:text-black {
  &:hover {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
}
.hover\:text-current {
  &:hover {
    @media (hover: hover) {
      color: currentcolor;
    }
  }
}
.hover\:text-gray-200 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-200);
    }
  }
}
.hover\:text-inherit {
  &:hover {
    @media (hover: hover) {
      color: inherit;
    }
  }
}
.hover\:no-underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:opacity-70 {
  &:hover {
    @media (hover: hover) {
      opacity: var(--opacity-70);
    }
  }
}
.hover\:opacity-80 {
  &:hover {
    @media (hover: hover) {
      opacity: var(--opacity-80);
    }
  }
}
.hover\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      opacity: var(--opacity-100);
    }
  }
}
.hover\:shadow-\[0_-1px_\#d2dcd7\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 -1px var(--tw-shadow-color, #d2dcd7);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-md {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-xl {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:before\:h-1 {
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        height: var(--height-1);
      }
    }
  }
}
.hover\:before\:h-\[3px\] {
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        height: 3px;
      }
    }
  }
}
.hover\:before\:bg-\[\#0aa43e\] {
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: #0aa43e;
      }
    }
  }
}
.hover\:before\:bg-\[\#050505\] {
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: #050505;
      }
    }
  }
}
.hover\:before\:bg-black {
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-black);
      }
    }
  }
}
.hover\:after\:w-full {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
}
.hover\:after\:w-full {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        width: var(--width-full);
      }
    }
  }
}
.hover\:after\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        opacity: var(--opacity-100);
      }
    }
  }
}
.focus\:top-\[5px\] {
  &:focus {
    top: 5px;
  }
}
.focus\:left-\[5px\] {
  &:focus {
    left: 5px;
  }
}
.focus\:z-10 {
  &:focus {
    z-index: 10;
  }
}
.focus\:z-\[100000\] {
  &:focus {
    z-index: 100000;
  }
}
.focus\:block {
  &:focus {
    display: block;
  }
}
.focus\:h-auto {
  &:focus {
    height: auto;
  }
}
.focus\:h-auto {
  &:focus {
    height: var(--height-auto);
  }
}
.focus\:w-auto {
  &:focus {
    width: auto;
  }
}
.focus\:w-auto {
  &:focus {
    width: var(--width-auto);
  }
}
.focus\:border-ai-purple-500 {
  &:focus {
    border-color: var(--color-ai-purple-500);
  }
}
.focus\:border-black {
  &:focus {
    border-color: var(--color-black);
  }
}
.focus\:border-gray-800 {
  &:focus {
    border-color: var(--color-gray-800);
  }
}
.focus\:border-transparent {
  &:focus {
    border-color: transparent;
  }
}
.focus\:bg-\[\#ddd\] {
  &:focus {
    background-color: #ddd;
  }
}
.focus\:bg-\[\#eee\] {
  &:focus {
    background-color: #eee;
  }
}
.focus\:bg-transparent {
  &:focus {
    background-color: transparent;
  }
}
.focus\:px-\[23px\] {
  &:focus {
    padding-inline: 23px;
  }
}
.focus\:pt-\[15px\] {
  &:focus {
    padding-top: 15px;
  }
}
.focus\:pb-3\.5 {
  &:focus {
    padding-bottom: var(--spacing-3\.5);
  }
}
.focus\:text-\[1em\] {
  &:focus {
    font-size: 1em;
  }
}
.focus\:text-\[\#444\] {
  &:focus {
    color: #444;
  }
}
.focus\:text-inherit {
  &:focus {
    color: inherit;
  }
}
.focus\:no-underline {
  &:focus {
    text-decoration-line: none;
  }
}
.focus\:ring-0 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-1 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-2 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-4 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-\[\#559AA3\] {
  &:focus {
    --tw-ring-color: #559AA3;
  }
}
.focus\:ring-\[\#6600FF\] {
  &:focus {
    --tw-ring-color: #6600FF;
  }
}
.focus\:ring-ai-purple-200 {
  &:focus {
    --tw-ring-color: var(--color-ai-purple-200);
  }
}
.focus\:ring-gray-50 {
  &:focus {
    --tw-ring-color: var(--color-gray-50);
  }
}
.focus\:ring-gray-100 {
  &:focus {
    --tw-ring-color: var(--color-gray-100);
  }
}
.focus\:ring-gray-200 {
  &:focus {
    --tw-ring-color: var(--color-gray-200);
  }
}
.focus\:ring-gray-300 {
  &:focus {
    --tw-ring-color: var(--color-gray-300);
  }
}
.focus\:ring-gray-800 {
  &:focus {
    --tw-ring-color: var(--color-gray-800);
  }
}
.focus\:ring-offset-1 {
  &:focus {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.focus\:ring-offset-2 {
  &:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.focus\:outline {
  &:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
.focus\:outline-0 {
  &:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
}
.focus\:outline-2 {
  &:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
}
.focus\:outline-offset-1 {
  &:focus {
    outline-offset: 1px;
  }
}
.focus\:outline-dashed {
  &:focus {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.focus\:\[clip-path\:none\] {
  &:focus {
    clip-path: none;
  }
}
.focus\:\[text-decoration\:inherit\] {
  &:focus {
    text-decoration: inherit;
  }
}
.focus-visible\:rounded-\[100\%\] {
  &:focus-visible {
    border-radius: 100%;
  }
}
.focus-visible\:ring-2 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-visible\:ring-offset-1 {
  &:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.focus-visible\:outline-0 {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
}
.focus-visible\:outline-2 {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
}
.focus-visible\:outline-offset-1 {
  &:focus-visible {
    outline-offset: 1px;
  }
}
.focus-visible\:outline-offset-2 {
  &:focus-visible {
    outline-offset: 2px;
  }
}
.focus-visible\:outline-offset-4 {
  &:focus-visible {
    outline-offset: 4px;
  }
}
.focus-visible\:outline-\[\#68f176\] {
  &:focus-visible {
    outline-color: #68f176;
  }
}
.focus-visible\:outline-\[\#014600\] {
  &:focus-visible {
    outline-color: #014600;
  }
}
.focus-visible\:outline-dashed {
  &:focus-visible {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
}
.active\:scale-\[0\.97\] {
  &:active {
    scale: 0.97;
  }
}
.active\:border-\[\#0aa43e\] {
  &:active {
    border-color: #0aa43e;
  }
}
.active\:bg-\[\#012800\] {
  &:active {
    background-color: #012800;
  }
}
.active\:bg-\[\#014600\] {
  &:active {
    background-color: #014600;
  }
}
.active\:bg-ai-purple-800 {
  &:active {
    background-color: var(--color-ai-purple-800);
  }
}
.active\:bg-gray-300 {
  &:active {
    background-color: var(--color-gray-300);
  }
}
.active\:bg-gray-950 {
  &:active {
    background-color: var(--color-gray-950);
  }
}
.active\:fill-current {
  &:active {
    fill: currentcolor;
  }
}
.active\:text-\[\#014600\] {
  &:active {
    color: #014600;
  }
}
.active\:text-current {
  &:active {
    color: currentcolor;
  }
}
.active\:shadow-md {
  &:active {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.active\:shadow-sm {
  &:active {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.active\:duration-150 {
  &:active {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
}
.disabled\:cursor-not-allowed {
  &:disabled {
    cursor: not-allowed;
  }
}
.disabled\:border-\[\#d2dcd7\] {
  &:disabled {
    border-color: #d2dcd7;
  }
}
.disabled\:bg-\[\#d2dcd7\] {
  &:disabled {
    background-color: #d2dcd7;
  }
}
.disabled\:bg-\[\#edf1ef\] {
  &:disabled {
    background-color: #edf1ef;
  }
}
.disabled\:text-\[\#6c7571\] {
  &:disabled {
    color: #6c7571;
  }
}
.disabled\:text-\[\#535554\] {
  &:disabled {
    color: #535554;
  }
}
.disabled\:opacity-40 {
  &:disabled {
    opacity: var(--opacity-40);
  }
}
.disabled\:opacity-50 {
  &:disabled {
    opacity: var(--opacity-50);
  }
}
.disabled\:opacity-\[0\.38\] {
  &:disabled {
    opacity: 0.38;
  }
}
.disabled\:placeholder\:text-\[\#6c7571\] {
  &:disabled {
    &::-moz-placeholder {
      color: #6c7571;
    }
    &::placeholder {
      color: #6c7571;
    }
  }
}
.disabled\:hover\:bg-transparent {
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
}
.max-\[1200px\]\:flex-col {
  @media (width < 1200px) {
    flex-direction: column;
  }
}
.min-\[1200px\]\:\!grid-cols-4 {
  @media (width >= 1200px) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.min-\[1200px\]\:items-center {
  @media (width >= 1200px) {
    align-items: center;
  }
}
.rtl\:space-x-reverse {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
}
.dark\:divide-gray-600 {
  @media (prefers-color-scheme: dark) {
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-600);
    }
  }
}
.dark\:border-gray-600 {
  @media (prefers-color-scheme: dark) {
    border-color: var(--color-gray-600);
  }
}
.dark\:border-gray-700 {
  @media (prefers-color-scheme: dark) {
    border-color: var(--color-gray-700);
  }
}
.dark\:border-transparent {
  @media (prefers-color-scheme: dark) {
    border-color: transparent;
  }
}
.dark\:bg-ai-purple-600 {
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-ai-purple-600);
  }
}
.dark\:bg-ai-purple-700 {
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-ai-purple-700);
  }
}
.dark\:bg-gray-700 {
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-700);
  }
}
.dark\:bg-gray-800 {
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-800);
  }
}
.dark\:bg-gray-900 {
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-900);
  }
}
.dark\:text-ai-purple-400 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-ai-purple-400);
  }
}
.dark\:text-gray-200 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-200);
  }
}
.dark\:text-gray-300 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-300);
  }
}
.dark\:text-gray-400 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-400);
  }
}
.dark\:text-gray-500 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-500);
  }
}
.dark\:placeholder-gray-400 {
  @media (prefers-color-scheme: dark) {
    &::-moz-placeholder {
      color: var(--color-gray-400);
    }
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
}
.dark\:hover\:bg-ai-purple-600 {
  @media (prefers-color-scheme: dark) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ai-purple-600);
      }
    }
  }
}
.dark\:hover\:bg-ai-purple-700 {
  @media (prefers-color-scheme: dark) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-ai-purple-700);
      }
    }
  }
}
.dark\:hover\:bg-gray-600 {
  @media (prefers-color-scheme: dark) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-600);
      }
    }
  }
}
.dark\:hover\:bg-gray-700 {
  @media (prefers-color-scheme: dark) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
}
.dark\:focus\:border-ai-purple-600 {
  @media (prefers-color-scheme: dark) {
    &:focus {
      border-color: var(--color-ai-purple-600);
    }
  }
}
.dark\:focus\:ring-ai-purple-900 {
  @media (prefers-color-scheme: dark) {
    &:focus {
      --tw-ring-color: var(--color-ai-purple-900);
    }
  }
}
.dark\:focus\:ring-gray-600 {
  @media (prefers-color-scheme: dark) {
    &:focus {
      --tw-ring-color: var(--color-gray-600);
    }
  }
}
.dark\:focus\:ring-gray-700 {
  @media (prefers-color-scheme: dark) {
    &:focus {
      --tw-ring-color: var(--color-gray-700);
    }
  }
}
.\[\&\:-webkit-autofill\]\:\!bg-transparent {
  &:-webkit-autofill {
    background-color: transparent !important;
  }
}
.\[\&\:-webkit-autofill\]\:transition-\[background-color\] {
  &:-webkit-autofill {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
}
.\[\&\:-webkit-autofill\]\:duration-\[5000s\] {
  &:-webkit-autofill {
    --tw-duration: 5000s;
    transition-duration: 5000s;
  }
}
.\[\&\:-webkit-autofill\]\:\!\[-webkit-text-fill-color\:var\(--color-theme--event\)\] {
  &:-webkit-autofill {
    -webkit-text-fill-color: var(--color-theme--event) !important;
  }
}
.\[\&\:-webkit-autofill\:focus\]\:\!bg-transparent {
  &:-webkit-autofill:focus {
    background-color: transparent !important;
  }
}
.\[\&\:-webkit-autofill\:focus\]\:\!\[-webkit-text-fill-color\:var\(--color-theme--event\)\] {
  &:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-theme--event) !important;
  }
}
.\[\&\:-webkit-autofill\:hover\]\:\!bg-transparent {
  &:-webkit-autofill:hover {
    background-color: transparent !important;
  }
}
.\[\&\:-webkit-autofill\:hover\]\:\!\[-webkit-text-fill-color\:var\(--color-theme--event\)\] {
  &:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-theme--event) !important;
  }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
  &::-webkit-inner-spin-button {
    -webkit-appearance: none;
            appearance: none;
  }
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
  &::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none;
  }
}
.\[\&\:focus-visible\]\:\!ring-2 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.\[\@media_\(not_\(prefers-reduced-motion\)\)\]\:transition-transform {
  @media (not (prefers-reduced-motion)) {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, ease);
    transition-duration: var(--tw-duration, 0s);
  }
}
/*! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: KaTeX_AMS;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 700;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_SansSerif;
  font-style: italic;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype");
}
@font-face {
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src: url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"), url(https://pplx-next-static-public.perplexity.ai/_spa/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype");
}
.katex {
  font: 1.21em KaTeX_Main, Times New Roman, serif;
  line-height: 1.2;
  text-indent: 0;
  text-rendering: auto;
}
.katex * {
  -ms-high-contrast-adjust: none !important;
  border-color: currentColor;
}
.katex .katex-version:after {
  content: "0.16.21";
}
.katex .katex-mathml {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.katex .katex-html>.newline {
  display: block;
}
.katex .base {
  position: relative;
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
}
.katex .base, .katex .strut {
  display: inline-block;
}
.katex .textbf {
  font-weight: 700;
}
.katex .textit {
  font-style: italic;
}
.katex .textrm {
  font-family: KaTeX_Main;
}
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .texttt {
  font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}
.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}
.katex .mathrm {
  font-style: normal;
}
.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: 700;
}
.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
}
.katex .amsrm, .katex .mathbb, .katex .textbb {
  font-family: KaTeX_AMS;
}
.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}
.katex .mathfrak, .katex .textfrak {
  font-family: KaTeX_Fraktur;
}
.katex .mathboldfrak, .katex .textboldfrak {
  font-family: KaTeX_Fraktur;
  font-weight: 700;
}
.katex .mathtt {
  font-family: KaTeX_Typewriter;
}
.katex .mathscr, .katex .textscr {
  font-family: KaTeX_Script;
}
.katex .mathsf, .katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .mathboldsf, .katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: 700;
}
.katex .mathitsf, .katex .mathsfit, .katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}
.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}
.katex .vlist-t {
  border-collapse: collapse;
  display: inline-table;
  table-layout: fixed;
}
.katex .vlist-r {
  display: table-row;
}
.katex .vlist {
  display: table-cell;
  position: relative;
  vertical-align: bottom;
}
.katex .vlist>span {
  display: block;
  height: 0;
  position: relative;
}
.katex .vlist>span>span {
  display: inline-block;
}
.katex .vlist>span>.pstrut {
  overflow: hidden;
  width: 0;
}
.katex .vlist-t2 {
  margin-right: -2px;
}
.katex .vlist-s {
  display: table-cell;
  font-size: 1px;
  min-width: 2px;
  vertical-align: bottom;
  width: 2px;
}
.katex .vbox {
  align-items: baseline;
  display: inline-flex;
  flex-direction: column;
}
.katex .hbox {
  width: 100%;
}
.katex .hbox, .katex .thinbox {
  display: inline-flex;
  flex-direction: row;
}
.katex .thinbox {
  max-width: 0;
  width: 0;
}
.katex .msupsub {
  text-align: left;
}
.katex .mfrac>span>span {
  text-align: center;
}
.katex .mfrac .frac-line {
  border-bottom-style: solid;
  display: inline-block;
  width: 100%;
}
.katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line {
  min-height: 1px;
}
.katex .mspace {
  display: inline-block;
}
.katex .clap, .katex .llap, .katex .rlap {
  position: relative;
  width: 0;
}
.katex .clap>.inner, .katex .llap>.inner, .katex .rlap>.inner {
  position: absolute;
}
.katex .clap>.fix, .katex .llap>.fix, .katex .rlap>.fix {
  display: inline-block;
}
.katex .llap>.inner {
  right: 0;
}
.katex .clap>.inner, .katex .rlap>.inner {
  left: 0;
}
.katex .clap>.inner>span {
  margin-left: -50%;
  margin-right: 50%;
}
.katex .rule {
  border: 0 solid;
  display: inline-block;
  position: relative;
}
.katex .hline, .katex .overline .overline-line, .katex .underline .underline-line {
  border-bottom-style: solid;
  display: inline-block;
  width: 100%;
}
.katex .hdashline {
  border-bottom-style: dashed;
  display: inline-block;
  width: 100%;
}
.katex .sqrt>.root {
  margin-left: .2777777778em;
  margin-right: -.5555555556em;
}
.katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 {
  font-size: 1.4em;
}
.katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 {
  font-size: 1.6em;
}
.katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 {
  font-size: 1.8em;
}
.katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 {
  font-size: 2em;
}
.katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 {
  font-size: 2.4em;
}
.katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 {
  font-size: 2.88em;
}
.katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 {
  font-size: 3.456em;
}
.katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 {
  font-size: 4.148em;
}
.katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 {
  font-size: 4.976em;
}
.katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 {
  font-size: 1.1666666667em;
}
.katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 {
  font-size: 1.3333333333em;
}
.katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 {
  font-size: 1.5em;
}
.katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 {
  font-size: 1.6666666667em;
}
.katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 {
  font-size: 2em;
}
.katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 {
  font-size: 2.4em;
}
.katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 {
  font-size: 2.88em;
}
.katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 {
  font-size: 3.4566666667em;
}
.katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 {
  font-size: 4.1466666667em;
}
.katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 {
  font-size: .7142857143em;
}
.katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 {
  font-size: .8571428571em;
}
.katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 {
  font-size: 1.1428571429em;
}
.katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 {
  font-size: 1.2857142857em;
}
.katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 {
  font-size: 1.4285714286em;
}
.katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 {
  font-size: 1.7142857143em;
}
.katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 {
  font-size: 2.0571428571em;
}
.katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 {
  font-size: 2.4685714286em;
}
.katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 {
  font-size: 2.9628571429em;
}
.katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 {
  font-size: 3.5542857143em;
}
.katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 {
  font-size: .625em;
}
.katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 {
  font-size: .75em;
}
.katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 {
  font-size: .875em;
}
.katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 {
  font-size: 1.125em;
}
.katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 {
  font-size: 1.25em;
}
.katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 {
  font-size: 1.5em;
}
.katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 {
  font-size: 1.8em;
}
.katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 {
  font-size: 2.16em;
}
.katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 {
  font-size: 2.5925em;
}
.katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 {
  font-size: 3.11em;
}
.katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 {
  font-size: .5555555556em;
}
.katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 {
  font-size: .6666666667em;
}
.katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 {
  font-size: .7777777778em;
}
.katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 {
  font-size: .8888888889em;
}
.katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 {
  font-size: 1.1111111111em;
}
.katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 {
  font-size: 1.3333333333em;
}
.katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 {
  font-size: 1.6em;
}
.katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 {
  font-size: 1.92em;
}
.katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 {
  font-size: 2.3044444444em;
}
.katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 {
  font-size: 2.7644444444em;
}
.katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 {
  font-size: .5em;
}
.katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 {
  font-size: .6em;
}
.katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 {
  font-size: .7em;
}
.katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 {
  font-size: .8em;
}
.katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 {
  font-size: .9em;
}
.katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 {
  font-size: 1.44em;
}
.katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 {
  font-size: 1.728em;
}
.katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 {
  font-size: 2.074em;
}
.katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 {
  font-size: 2.488em;
}
.katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 {
  font-size: .4166666667em;
}
.katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 {
  font-size: .5em;
}
.katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 {
  font-size: .5833333333em;
}
.katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 {
  font-size: .6666666667em;
}
.katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 {
  font-size: .75em;
}
.katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 {
  font-size: 1.44em;
}
.katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 {
  font-size: 1.7283333333em;
}
.katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 {
  font-size: 2.0733333333em;
}
.katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 {
  font-size: .3472222222em;
}
.katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 {
  font-size: .4166666667em;
}
.katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 {
  font-size: .4861111111em;
}
.katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 {
  font-size: .5555555556em;
}
.katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 {
  font-size: .625em;
}
.katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 {
  font-size: .6944444444em;
}
.katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 {
  font-size: 1.2em;
}
.katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 {
  font-size: 1.4402777778em;
}
.katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 {
  font-size: 1.7277777778em;
}
.katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 {
  font-size: .2893518519em;
}
.katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 {
  font-size: .3472222222em;
}
.katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 {
  font-size: .4050925926em;
}
.katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 {
  font-size: .462962963em;
}
.katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 {
  font-size: .5208333333em;
}
.katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 {
  font-size: .5787037037em;
}
.katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 {
  font-size: .6944444444em;
}
.katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 {
  font-size: .8333333333em;
}
.katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 {
  font-size: 1.2002314815em;
}
.katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 {
  font-size: 1.4398148148em;
}
.katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 {
  font-size: .2410800386em;
}
.katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 {
  font-size: .2892960463em;
}
.katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 {
  font-size: .337512054em;
}
.katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 {
  font-size: .3857280617em;
}
.katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 {
  font-size: .4339440694em;
}
.katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 {
  font-size: .4821600771em;
}
.katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 {
  font-size: .5785920926em;
}
.katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 {
  font-size: .6943105111em;
}
.katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 {
  font-size: .8331726133em;
}
.katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 {
  font-size: 1em;
}
.katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 {
  font-size: 1.1996142719em;
}
.katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 {
  font-size: .2009646302em;
}
.katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 {
  font-size: .2411575563em;
}
.katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 {
  font-size: .2813504823em;
}
.katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 {
  font-size: .3215434084em;
}
.katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 {
  font-size: .3617363344em;
}
.katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 {
  font-size: .4019292605em;
}
.katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 {
  font-size: .4823151125em;
}
.katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 {
  font-size: .578778135em;
}
.katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 {
  font-size: .6945337621em;
}
.katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 {
  font-size: .8336012862em;
}
.katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 {
  font-size: 1em;
}
.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1>span {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4>span {
  font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
  display: inline-block;
  width: .12em;
}
.katex .delimcenter, .katex .op-symbol {
  position: relative;
}
.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}
.katex .accent>.vlist-t, .katex .op-limits>.vlist-t {
  text-align: center;
}
.katex .accent .accent-body {
  position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}
.katex .overlay {
  display: block;
}
.katex .mtable .vertical-separator {
  display: inline-block;
  min-width: 1px;
}
.katex .mtable .arraycolsep {
  display: inline-block;
}
.katex .mtable .col-align-c>.vlist-t {
  text-align: center;
}
.katex .mtable .col-align-l>.vlist-t {
  text-align: left;
}
.katex .mtable .col-align-r>.vlist-t {
  text-align: right;
}
.katex .svg-align {
  text-align: left;
}
.katex svg {
  fill: currentColor;
  stroke: currentColor;
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
  display: block;
  height: inherit;
  position: absolute;
  width: 100%;
}
.katex svg path {
  stroke: none;
}
.katex img {
  border-style: none;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
}
.katex .stretchy {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.katex .stretchy:after, .katex .stretchy:before {
  content: "";
}
.katex .hide-tail {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.katex .halfarrow-left {
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 50.2%;
}
.katex .halfarrow-right {
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 50.2%;
}
.katex .brace-left {
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 25.1%;
}
.katex .brace-center {
  left: 25%;
  overflow: hidden;
  position: absolute;
  width: 50%;
}
.katex .brace-right {
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 25.1%;
}
.katex .x-arrow-pad {
  padding: 0 .5em;
}
.katex .cd-arrow-pad {
  padding: 0 .55556em 0 .27778em;
}
.katex .mover, .katex .munder, .katex .x-arrow {
  text-align: center;
}
.katex .boxpad {
  padding: 0 .3em;
}
.katex .fbox, .katex .fcolorbox {
  border: .04em solid;
  box-sizing: border-box;
}
.katex .cancel-pad {
  padding: 0 .2em;
}
.katex .cancel-lap {
  margin-left: -.2em;
  margin-right: -.2em;
}
.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: .08em;
}
.katex .angl {
  border-right: .049em solid;
  border-top: .049em solid;
  box-sizing: border-box;
  margin-right: .03889em;
}
.katex .anglpad {
  padding: 0 .03889em;
}
.katex .eqn-num:before {
  content: "(" counter(katexEqnNo) ")";
  counter-increment: katexEqnNo;
}
.katex .mml-eqn-num:before {
  content: "(" counter(mmlEqnNo) ")";
  counter-increment: mmlEqnNo;
}
.katex .mtr-glue {
  width: 50%;
}
.katex .cd-vert-arrow {
  display: inline-block;
  position: relative;
}
.katex .cd-label-left {
  display: inline-block;
  position: absolute;
  right: calc(50% + .3em);
  text-align: left;
}
.katex .cd-label-right {
  display: inline-block;
  left: calc(50% + .3em);
  position: absolute;
  text-align: right;
}
.katex-display {
  display: block;
  margin: 1em 0;
  text-align: center;
}
.katex-display>.katex {
  display: block;
  text-align: center;
  white-space: nowrap;
}
.katex-display>.katex>.katex-html {
  display: block;
  position: relative;
}
.katex-display>.katex>.katex-html>.tag {
  position: absolute;
  right: 0;
}
.katex-display.leqno>.katex>.katex-html>.tag {
  left: 0;
  right: auto;
}
.katex-display.fleqn>.katex {
  padding-left: 2em;
  text-align: left;
}
body {
  counter-reset: katexEqnNo mmlEqnNo;
}
.mapboxgl-map {
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgb(0 0 0/0);
}
.mapboxgl-canvas {
  left: 0;
  position: absolute;
  top: 0;
}
.mapboxgl-map:-webkit-full-screen {
  height: 100%;
  width: 100%;
}
.mapboxgl-canary {
  background-color: salmon;
}
.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}
.mapboxgl-ctrl-bottom, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-left, .mapboxgl-ctrl-right, .mapboxgl-ctrl-top, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.mapboxgl-ctrl-top-left {
  left: 0;
  top: 0;
}
.mapboxgl-ctrl-top {
  left: 50%;
  top: 0;
  transform: translate(-50%);
}
.mapboxgl-ctrl-top-right {
  right: 0;
  top: 0;
}
.mapboxgl-ctrl-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}
.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.mapboxgl-ctrl-left {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}
.mapboxgl-ctrl-top .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl, .mapboxgl-ctrl-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}
.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl, .mapboxgl-ctrl-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}
.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}
.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px #0000001a;
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 29px;
}
.mapboxgl-ctrl-group button+button {
  border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent;
  }
  .mapboxgl-ctrl-group button+button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25;
}
.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}
.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}
.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}
.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #0000000d;
}
.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast:black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast:black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast:black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite;
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast:black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 23px;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  width: 88px;
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}
@media (-ms-high-contrast:active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast:black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: #ffffff80;
  margin: 0;
  padding: 0 5px;
}
@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: content-box;
    margin: 10px;
    min-height: 20px;
    padding: 2px 24px 2px 0;
    position: relative;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    background-color: #ffffff80;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 24px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: #0000000d;
  }
  .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
  }
  .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
    top: 0;
  }
  .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
    top: 0;
  }
  .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
  .mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
  }
}
@media screen and (-ms-high-contrast:active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
@media screen and (-ms-high-contrast:black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl-attrib a {
  color: #000000bf;
  text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}
.mapboxgl-attrib-empty {
  display: none;
}
.mapboxgl-ctrl-scale {
  background-color: #ffffffbf;
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
}
.mapboxgl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform;
}
.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}
.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
  flex-direction: row;
}
.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
  border: 10px solid transparent;
  height: 0;
  width: 0;
  z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-bottom-color: #fff;
  border-top: none;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom-color: #fff;
  border-left: none;
  border-top: none;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom-color: #fff;
  border-right: none;
  border-top: none;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-left-color: #fff;
  border-right: none;
}
.mapboxgl-popup-close-button {
  background-color: transparent;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.mapboxgl-popup-close-button:hover {
  background-color: #0000000d;
}
.mapboxgl-popup-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px #0000001a;
  padding: 10px 10px 15px;
  pointer-events: auto;
  position: relative;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}
.mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}
.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-marker {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  will-change: transform;
}
.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.mapboxgl-user-location-dot:before {
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-dot:after {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px #00000059;
  box-sizing: border-box;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  height: 0;
  width: 0;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after, .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-bottom: 7.5px solid #4aa1eb;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid transparent;
  transform: translateY(-28px) skewY(-20deg);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid transparent;
  transform: translate(7.5px, -28px) skewY(20deg);
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(3);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}
.mapboxgl-user-location-dot-stale:after {
  display: none;
}
.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  height: 1px;
  width: 1px;
}
.mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}
.mapboxgl-boxzoom {
  background: #fff;
  border: 2px dotted #202020;
  height: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 0;
}
@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
  align-items: center;
  background: #000000b3;
  color: #fff;
  display: flex;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .75s ease-in-out;
  transition-delay: 1s;
  width: 100%;
}
.mapboxgl-scroll-zoom-blocker-show, .mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page, .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
@keyframes snow-anim {
  0% {
    top: -10%;
  }
  to {
    top: 110%;
  }
}
@keyframes snow-anim-wave {
  0%, 50%, to {
    transform: translate(0);
  }
  30% {
    transform: translate(4px);
  }
  60% {
    transform: translate(-2px);
  }
}
.animation-weather-snow {
  animation: snow-anim linear infinite 3s;
}
.animation-weather-snow-wave {
  animation: snow-anim-wave cubic-bezier(.45, 0, .55, 1) infinite 3s;
}
@keyframes star-twinkle {
  0%, 60%, to {
    opacity: 1;
  }
  80% {
    opacity: .1;
  }
}
@keyframes star-shoot {
  0% {
    left: 0;
    top: 60%;
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  8% {
    left: 100%;
    top: 40%;
    opacity: .6;
  }
  9% {
    opacity: 0;
  }
  to {
    left: 100%;
    top: 40%;
    opacity: 0;
  }
}
.animation-weather-star-twinkle {
  animation: star-twinkle ease infinite 1s;
}
.animation-weather-star-shoot {
  animation: star-shoot linear infinite 12s;
  animation-fill-mode: none;
  transform: rotate(-10deg);
  -webkit-mask-image: linear-gradient(to left, black, transparent);
  mask-image: linear-gradient(to left, black, transparent);
  animation-delay: 2s;
  opacity: 0;
}
@media (min-width: 640px) {
  .animation-weather-star-shoot {
    transform: rotate(-6deg);
  }
}
.animation-weather-star-shoot.context-ntp {
  transform: rotate(-10deg);
}
@keyframes rain-anim {
  0% {
    transform: translateY(-100%) translateZ(0);
  }
  to {
    transform: translateY(100%) translateZ(0);
  }
}
@keyframes rain-splash {
  0%, 90% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animation-weather-rain {
  animation: rain-anim ease infinite 1s;
}
.animation-weather-rain-splash {
  animation: rain-splash 1s ease infinite;
}
.shimmer {
  animation-name: shimmer;
  animation-iteration-count: infinite;
  -webkit-mask-image: linear-gradient(-70deg, black 50%, #0005, black 65%);
  mask-image: linear-gradient(-70deg, #000 50%, #0005, #000 65%);
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: right;
  mask-position: right;
}
.shimmer-super {
  background-image: linear-gradient(to left, oklch(var(--foreground-color)), oklch(var(--dark-super-color)) 40% 60%, oklch(var(--foreground-color)));
}
[data-color-scheme=dark] .shimmer-super {
  background-image: linear-gradient(to left, oklch(var(--super-color)), oklch(var(--super-color) / .4) 20% 80%, oklch(var(--super-color)));
}
@media (min-width: 640px) {
  .shimmer {
    -webkit-mask-image: linear-gradient(-70deg, black 35%, #0005, black 55%);
    mask-image: linear-gradient(-70deg, #000 35%, #0005, #000 55%);
  }
}
@keyframes shimmer {
  to {
    -webkit-mask-position: left;
    mask-position: left;
  }
}
.dotGridContainer {
  --dot-bg: oklch(var(--background-base-color) / 1);
  --dog-bg-highlight: oklch(var(--super-color) / 1);
  --dot-color: transparent;
  --dot-size: 3px;
  --dot-space: 22px;
}
.dotGrid {
  background: linear-gradient(90deg, var(--dot-bg) calc((var(--dot-space) - var(--dot-size))), transparent 0%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 0%) center / var(--dot-space) var(--dot-space), var(--dot-color);
  background-position: top left;
}
.dotHighlightGrid {
  display: grid;
  grid-auto-columns: var(--dot-space);
  grid-auto-rows: var(--dot-space);
}
.gridDot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gridDot:before {
  content: "";
  width: 100%;
  height: 100%;
  animation: gridDotFade;
  animation-duration: 2s;
  animation-fill-mode: both;
  background-color: currentColor;
}
.gridDot.highlight:before {
  background-color: var(--dog-bg-highlight);
}
@keyframes gridDotFade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.wrapper {
  perspective: 1000px;
  position: relative;
}
.shadow {
  width: 80%;
  height: 3px;
  background: #000;
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
  opacity: .05;
  top: calc(100% + 3px);
  left: 50%;
  transform: translate(-50%);
}
.dark .shadow {
  opacity: .4;
}
.coin {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transform-origin: center center;
  border-radius: 50%;
}
.coin.animate {
  animation-name: coin-spin;
}
.coin .front, .coin .back {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-size: cover;
}
.coin .side {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.coin .side .spoke {
  height: 100%;
  width: 100%;
  position: absolute;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.coin .side .spoke .facet {
  content: "";
  display: block;
  position: absolute;
  background: #bbb;
}
.dark .coin .side .spoke .facet {
  background: #aaa;
}
.coin .side .spoke .facet:first-child {
  transform-origin: top center;
}
.coin .side .spoke .facet:last-child {
  bottom: 0;
  transform-origin: center bottom;
}
.coin .bottom, .coin .top {
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.animate-maintenance {
  animation: maintenanceLoader 40s linear forwards infinite;
  stroke-dasharray: 20 16;
  stroke-dashoffset: 477.3027648925781;
}
@keyframes maintenanceLoader {
  to {
    stroke-dashoffset: 0;
  }
}
.gradient-blur {
  width: 100%;
  pointer-events: none;
  bottom: 0;
  position: absolute;
}
.gradient-blur>div, .gradient-blur:before, .gradient-blur:after {
  position: absolute;
  inset: 0;
}
.gradient-blur:before {
  content: "";
  z-index: 1;
  backdrop-filter: blur(.2px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 37.5%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 0) 37.5%);
}
.gradient-blur>div:nth-of-type(1) {
  z-index: 2;
  backdrop-filter: blur(.3px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 0) 50%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 12.5%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 0) 50%);
}
.gradient-blur>div:nth-of-type(2) {
  z-index: 3;
  backdrop-filter: blur(.4px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 62.5%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 62.5%);
}
.gradient-blur>div:nth-of-type(3) {
  z-index: 4;
  backdrop-filter: blur(1px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 75%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 37.5%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 0) 75%);
}
.gradient-blur>div:nth-of-type(4) {
  z-index: 5;
  backdrop-filter: blur(1px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 87.5%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 87.5%);
}
.gradient-blur>div:nth-of-type(5) {
  z-index: 6;
  backdrop-filter: blur(2px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 0) 100%);
}
.gradient-blur>div:nth-of-type(6) {
  z-index: 7;
  backdrop-filter: blur(2px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 1) 100%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 87.5%, rgba(0, 0, 0, 1) 100%);
}
.gradient-blur:after {
  content: "";
  z-index: 8;
  backdrop-filter: blur(3px);
  -webkit-mask: linear-gradient(to top, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 1) 100%);
  mask: linear-gradient(to top, rgba(0, 0, 0, 0) 87.5%, rgba(0, 0, 0, 1) 100%);
}
number-flow-react::part(left), number-flow-react::part(right), number-flow-react::part(left):after, number-flow-react::part(right):after, number-flow-react::part(symbol) {
  padding: calc(var(--number-flow-mask-height, .25em) / 2) 0;
}
.article-prose .prose {
  font-size: 18px;
  line-height: 1.6;
}
.markdown-highlight {
  background-color: #20808d80;
}
.dark .markdown-highlight {
  background-color: #1fb8cd1a;
  color: #1fb8cd;
}
@media print {
  h1, h2, h3, h4, h5, h6 {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-break-after: avoid;
    break-after: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  ul, ol {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .scrollable-container {
    height: auto !important;
    overflow: visible !important;
    max-height: none !important;
    border: none !important;
  }
  .prose p, .prose ul, .prose ol, .prose blockquote, .prose pre, .prose table {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    margin: 0 !important;
    padding: .25rem 0 !important;
  }
  .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    -moz-column-break-after: avoid;
    break-after: avoid;
    page-break-after: avoid;
    margin-top: 1rem !important;
    margin-bottom: .5rem !important;
  }
  .prose li {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
body[data-scroll-locked] [data-type=portal] {
  pointer-events: auto;
}
.no-scroll * {
  overflow: hidden !important;
}
@font-face {
  font-family: fkGroteskNeue;
  src: url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: fkGrotesk;
  src: url(https://r2cdn.perplexity.ai/fonts/FKGrotesk.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: berkeleyMono;
  src: url(https://r2cdn.perplexity.ai/fonts/BerkeleyMono-Regular.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: ppEditorial;
  src: url(https://r2cdn.perplexity.ai/fonts/PPEditorialNew-Variable.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: ppEditorial;
  src: url(https://r2cdn.perplexity.ai/fonts/PPEditorialNew-ItalicVariable.woff2) format("woff2");
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: instrumentSerif;
  src: url(https://r2cdn.perplexity.ai/fonts/InstrumentSerif-Regular.woff2) format("woff2");
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: instrumentSerif;
  src: url(https://r2cdn.perplexity.ai/fonts/InstrumentSerif-Italic.woff2) format("woff2");
  font-display: swap;
  font-style: italic;
}
:root {
  --font-fk-grotesk-neue: "fkGroteskNeue";
  --font-fk-grotesk: "fkGrotesk";
  --font-berkeley-mono: "berkeleyMono";
  --font-pp-editorial: "ppEditorial";
  --font-instrument-serif: "instrumentSerif";
}
body[data-scroll-locked][data-scroll-locked] {
  margin-right: inherit !important;
  overflow: visible !important;
}
.confirm-dialog {
  background-color: oklch(var(--offset-color));
  border-radius: .375rem;
  border: 1px solid oklch(var(--foreground-subtler-color));
  bottom: 100%;
  display: block;
  left: 0;
  margin-bottom: .75rem;
  padding: var(--size-sm) var(--size-md);
  position: absolute;
  right: 0;
  width: 100%;
}
.dark .confirm-dialog {
  background-color: var(--background-base-color);
  border-color: oklch(var(--foreground-subtler-color));
}
@media (min-width: 640px) {
  .confirm-dialog {
    align-items: center;
    display: flex;
    justify-content: space-between;
    inset: 100% auto auto 50%;
    margin-bottom: 0;
    margin-top: .75rem;
    width: -moz-min-content;
    width: min-content;
  }
}
span:has(.segmented-control[data-state=unchecked])+span>.segmented-control[data-state=unchecked] {
  position: relative;
}
span:has(.segmented-control[data-state=unchecked])+span>.segmented-control[data-state=unchecked]:before {
  --tw-enter-opacity: 0;
  animation-duration: .3s;
  animation-name: enter;
  animation-timing-function: ease-in-out;
  background: oklch(var(--foreground-color) / 15%);
  bottom: 9px;
  content: "";
  left: 0;
  position: absolute;
  top: 9px;
  width: 1px;
}
@layer pplx-base, base, components, utilities;
@layer pplx-base {
  :root {
    --pale-yellow-50: 99.62% .004 106.47;
    --pale-yellow-100: 99.02% .004 106.47;
    --pale-yellow-200: 96.28% .007 106.52;
    --pale-yellow-300: 92.96% .007 106.53;
    --pale-yellow-600: 88.28% .012 106.65;
    --pale-yellow-800: 68.98% .027 109.55;
    --pale-teal-100: 96.95% .014 196.93;
    --mint-50: 98.85% .012 170.28;
    --mint-150: 93.8% .015 171.04;
    --pale-cyan-50: 49.33% .019 171.99;
    --pale-cyan-150: 34.26% .003 197.03;
    --pale-cyan-200: 30.32% .003 197.01;
    --pale-cyan-300: 24.57% .003 196.96;
    --pale-cyan-400: 21.67% .002 197.04;
    --pale-blue-100: 36.61% .003 228.87;
    --pale-blue-200: 30.39% .04 213.68;
    --red-100: 53.47% .151 25.99;
    --red-200: 51.83% .168 21.78;
    --hydra-150: 94.94% .033 208.37;
    --hydra-350: 71.92% .112 205.51;
    --hydra-450: 55.27% .086 208.61;
    --hydra-550: 39.71% .062 207.67;
    --astra-450: 77.92% .012 71.87;
    --astra-750: 27.99% .014 76.29;
    --astra-800: 20.19% .011 80.54;
    --umbra-150: 84.32% .008 207.14;
    --umbra-250: 70.09% .007 197;
    --umbra-350: 58.21% .006 196.99;
    --terra-150: 91.23% .05 48.15;
    --terra-350: 70.73% .133 38.31;
    --terra-450: 52.75% .13 37.37;
    --terra-550: 43.01% .108 37.17;
    --jenova-150: 93.28% .038 357.01;
    --jenova-250: 84.44% .092 .32;
    --jenova-450: 49.39% .109 9.38;
    --jenova-550: 34.35% .079 9.21;
    --rosa-150: 88.55% .06 28.44;
    --rosa-350: 68.18% .207 22.93;
    --rosa-450: 51.72% .199 21.85;
    --rosa-550: 39.55% .16 22.99;
    --costa-150: 93.76% .048 72.24;
    --costa-300: 80.62% .151 67.71;
    --costa-350: 73.83% .169 62.71;
    --costa-400: 65.87% .163 54.96;
    --costa-500: 51.37% .155 42.1;
    --altana-150: 95% .083 95.76;
    --altana-350: 80.51% .151 81.42;
    --altana-400: 71.97% .149 81.37;
    --altana-450: 61.87% .129 77.72;
    --altana-500: 51.11% .109 73.59;
    --dalmasca-150: 95.74% .076 97.14;
    --dalmasca-300: 83.9% .132 96.6;
    --dalmasca-400: 69.87% .123 97.59;
    --dalmasca-550: 47.82% .091 97.9;
    --gridania-150: 95.46% .037 105.4;
    --gridania-350: 75.63% .107 109.92;
    --gridania-450: 60.17% .065 108.2;
    --gridania-550: 42.28% .047 108.27;
    --limsa-150: 94.36% .042 217.16;
    --limsa-350: 73.11% .113 232.51;
    --limsa-450: 53.86% .101 231.01;
    --limsa-550: 36.01% .071 232.13;
    --kuja-150: 94.87% .046 325.93;
    --kuja-350: 72.5% .119 316.63;
    --kuja-450: 54.3% .097 316.69;
    --kuja-550: 38% .079 316.84;
    --light-super-color: var(--hydra-450);
    --light-super-bg-color: var(--pale-teal-100);
    --light-max-color: var(--altana-400);
    --light-offset-color: var(--pale-yellow-200);
    --light-offset-plus-color: var(--pale-yellow-300);
    --light-raised-offset-color: var(--light-offset-color);
    --light-caution-color: var(--red-200);
    --light-attention-color: var(--costa-400);
    --light-positive-color: var(--hydra-450);
    --light-negative-color: var(--rosa-450);
    --light-background-underlay-color: var(--pale-yellow-200);
    --light-background-base-color: var(--pale-yellow-100);
    --light-background-subtle-color: var(--pale-yellow-800) / .16;
    --light-background-subtler-color: var(--pale-yellow-800) / .1;
    --light-background-subtlest-color: var(--pale-yellow-800) / .05;
    --light-background-raised-color: var(--pale-yellow-50);
    --light-background-inverse-color: var(--pale-blue-200);
    --light-foreground-color: var(--pale-blue-200);
    --light-foreground-quiet-color: var(--light-foreground-color) / .75;
    --light-foreground-quieter-color: var(--light-foreground-color) / .48;
    --light-foreground-quietest-color: var(--light-foreground-color) / .36;
    --light-foreground-subtle-color: var(--light-foreground-color) / .24;
    --light-foreground-subtler-color: var(--light-foreground-color) / .16;
    --light-foreground-subtlest-color: var(--light-foreground-color) / .1;
    --light-foreground-inverse-color: var(--light-background-base-color);
    --light-border-color: var(--pale-yellow-600);
    --light-backdrop-color: .85 0 0;
    --dark-super-color: var(--hydra-350);
    --dark-super-bg-color: var(--pale-blue-200);
    --dark-max-color: var(--altana-350);
    --dark-offset-color: var(--pale-cyan-300);
    --dark-offset-plus-color: var(--pale-cyan-200);
    --dark-raised-offset-color: var(--dark-offset-plus-color);
    --dark-caution-color: var(--red-100);
    --dark-attention-color: var(--costa-350);
    --dark-positive-color: var(--hydra-350);
    --dark-negative-color: var(--rosa-350);
    --dark-background-underlay-color: var(--pale-cyan-300);
    --dark-background-base-color: var(--pale-cyan-400);
    --dark-background-subtle-color: var(--pale-cyan-50) / .2;
    --dark-background-subtler-color: var(--pale-cyan-50) / .1;
    --dark-background-subtlest-color: var(--pale-cyan-50) / .05;
    --dark-background-raised-color: var(--dark-background-subtler-color);
    --dark-background-inverse-color: var(--pale-yellow-300);
    --dark-foreground-color: var(--pale-yellow-300);
    --dark-foreground-quiet-color: var(--dark-foreground-color) / .55;
    --dark-foreground-quieter-color: var(--dark-foreground-color) / .35;
    --dark-foreground-quietest-color: var(--dark-foreground-color) / .25;
    --dark-foreground-subtle-color: var(--dark-foreground-color) / .15;
    --dark-foreground-subtler-color: var(--dark-foreground-color) / .1;
    --dark-foreground-subtlest-color: var(--dark-foreground-color) / .05;
    --dark-foreground-inverse-color: var(--dark-background-base-color);
    --dark-border-color: var(--pale-blue-100);
    --dark-backdrop-color: .15 0 0;
  }
  :root, [data-color-scheme=light], .light {
    --super-color: var(--light-super-color);
    --super-bg-color: var(--light-super-bg-color);
    --max-color: var(--light-max-color);
    --offset-color: var(--light-offset-color);
    --offset-plus-color: var(--light-offset-plus-color);
    --raised-offset-color: var(--light-raised-offset-color);
    --caution-color: var(--light-caution-color);
    --attention-color: var(--light-attention-color);
    --positive-color: var(--light-positive-color);
    --negative-color: var(--light-negative-color);
    --background-underlay-color: var(--light-background-underlay-color);
    --background-base-color: var(--light-background-base-color);
    --background-subtle-color: var(--light-background-subtle-color);
    --background-subtler-color: var(--light-background-subtler-color);
    --background-subtlest-color: var(--light-background-subtlest-color);
    --background-raised-color: var(--light-background-raised-color);
    --background-inverse-color: var(--light-background-inverse-color);
    --foreground-color: var(--light-foreground-color);
    --foreground-quiet-color: var(--light-foreground-quiet-color);
    --foreground-quieter-color: var(--light-foreground-quieter-color);
    --foreground-quietest-color: var(--light-foreground-quietest-color);
    --foreground-subtle-color: var(--light-foreground-subtle-color);
    --foreground-subtler-color: var(--light-foreground-subtler-color);
    --foreground-subtlest-color: var(--light-foreground-subtlest-color);
    --foreground-inverse-color: var(--light-foreground-inverse-color);
    --border-color: var(--light-border-color);
    --backdrop-color: var(--light-backdrop-color);
    --background-lightbox-color: 0 0 360;
    --shadow-overlay-border: rgba(0, 0, 0, .05);
  }
  [data-theme=grey] {
    --super-bg-color: var(--astra-450);
    --super-color: var(--astra-750);
    --dark-super-bg-color: var(--umbra-350);
    --dark-super-color: var(--umbra-150);
  }
  [data-theme=teal] {
    --super-bg-color: var(--hydra-150);
    --super-color: var(--hydra-450);
    --dark-super-bg-color: var(--hydra-550);
    --dark-super-color: var(--hydra-350);
  }
  [data-theme=brown] {
    --super-bg-color: var(--terra-150);
    --super-color: var(--terra-450);
    --dark-super-bg-color: var(--terra-550);
    --dark-super-color: var(--terra-350);
  }
  [data-theme=maroon] {
    --super-bg-color: var(--jenova-150);
    --super-color: var(--jenova-450);
    --dark-super-bg-color: var(--jenova-550);
    --dark-super-color: var(--jenova-250);
  }
  [data-theme=red] {
    --super-bg-color: var(--rosa-150);
    --super-color: var(--rosa-450);
    --dark-super-bg-color: var(--rosa-550);
    --dark-super-color: var(--rosa-350);
  }
  [data-theme=orange] {
    --super-bg-color: var(--costa-150);
    --super-color: var(--costa-400);
    --dark-super-bg-color: var(--costa-500);
    --dark-super-color: var(--costa-300);
  }
  [data-theme=gold] {
    --super-bg-color: var(--altana-150);
    --super-color: var(--altana-400);
    --dark-super-bg-color: var(--altana-500);
    --dark-super-color: var(--altana-350);
  }
  [data-theme=yellow] {
    --super-bg-color: var(--dalmasca-150);
    --super-color: var(--dalmasca-400);
    --dark-super-bg-color: var(--dalmasca-550);
    --dark-super-color: var(--dalmasca-300);
  }
  [data-theme=green] {
    --super-bg-color: var(--gridania-150);
    --super-color: var(--gridania-450);
    --dark-super-bg-color: var(--gridania-550);
    --dark-super-color: var(--gridania-350);
  }
  [data-theme=blue] {
    --super-bg-color: var(--limsa-150);
    --super-color: var(--limsa-450);
    --dark-super-bg-color: var(--limsa-550);
    --dark-super-color: var(--limsa-350);
  }
  [data-theme=purple] {
    --super-bg-color: var(--kuja-150);
    --super-color: var(--kuja-450);
    --dark-super-bg-color: var(--kuja-550);
    --dark-super-color: var(--kuja-350);
  }
  [data-color-scheme=dark], .dark {
    --super-color: var(--dark-super-color);
    --super-bg-color: var(--dark-super-bg-color);
    --max-color: var(--dark-max-color);
    --offset-color: var(--dark-offset-color);
    --offset-plus-color: var(--dark-offset-plus-color);
    --raised-offset-color: var(--dark-raised-offset-color);
    --caution-color: var(--dark-caution-color);
    --attention-color: var(--dark-attention-color);
    --positive-color: var(--dark-positive-color);
    --negative-color: var(--dark-negative-color);
    --background-underlay-color: var(--dark-background-underlay-color);
    --background-base-color: var(--dark-background-base-color);
    --background-subtle-color: var(--dark-background-subtle-color);
    --background-subtler-color: var(--dark-background-subtler-color);
    --background-subtlest-color: var(--dark-background-subtlest-color);
    --background-raised-color: var(--dark-background-raised-color);
    --background-inverse-color: var(--dark-background-inverse-color);
    --foreground-color: var(--dark-foreground-color);
    --foreground-quiet-color: var(--dark-foreground-quiet-color);
    --foreground-quieter-color: var(--dark-foreground-quieter-color);
    --foreground-quietest-color: var(--dark-foreground-quietest-color);
    --foreground-subtle-color: var(--dark-foreground-subtle-color);
    --foreground-subtler-color: var(--dark-foreground-subtler-color);
    --foreground-subtlest-color: var(--dark-foreground-subtlest-color);
    --foreground-inverse-color: var(--dark-foreground-inverse-color);
    --border-color: var(--dark-border-color);
    --backdrop-color: var(--dark-backdrop-color);
    --shadow-overlay-border: rgba(255, 255, 255, .1);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-color-scheme=light]) {
      --super-color: var(--dark-super-color);
      --super-bg-color: var(--dark-super-bg-color);
      --max-color: var(--dark-max-color);
      --offset-color: var(--dark-offset-color);
      --offset-plus-color: var(--dark-offset-plus-color);
      --raised-offset-color: var(--dark-raised-offset-color);
      --caution-color: var(--dark-caution-color);
      --attention-color: var(--dark-attention-color);
      --positive-color: var(--dark-positive-color);
      --negative-color: var(--dark-negative-color);
      --background-underlay-color: var(--dark-background-underlay-color);
      --background-base-color: var(--dark-background-base-color);
      --background-subtle-color: var(--dark-background-subtle-color);
      --background-subtler-color: var(--dark-background-subtler-color);
      --background-subtlest-color: var(--dark-background-subtlest-color);
      --background-raised-color: var(--dark-background-raised-color);
      --background-inverse-color: var(--dark-background-inverse-color);
      --foreground-color: var(--dark-foreground-color);
      --foreground-quiet-color: var(--dark-foreground-quiet-color);
      --foreground-quieter-color: var(--dark-foreground-quieter-color);
      --foreground-quietest-color: var(--dark-foreground-quietest-color);
      --foreground-subtle-color: var(--dark-foreground-subtle-color);
      --foreground-subtler-color: var(--dark-foreground-subtler-color);
      --foreground-subtlest-color: var(--dark-foreground-subtlest-color);
      --foreground-inverse-color: var(--dark-foreground-inverse-color);
      --border-color: var(--dark-border-color);
      --backdrop-color: var(--dark-backdrop-color);
      --shadow-overlay-border: rgba(255, 255, 255, .1);
    }
  }
  .max-super-override {
    --super-color: var(--max-color);
  }
  :root {
    --border-dynamic: 73.5% .012 85 / .2;
    --surface-offset-special: 21% .04 200 / .2;
  }
  :root {
    --banner-height: 34px;
    --mobile-nav-height: env(safe-area-inset-bottom, 0);
    --thread-width: 1100px;
    --thread-content-width: 740px;
    --header-height: 54px;
    --thread-input-height-with-padding: 130px;
    --thread-attachments-height-with-padding: 182px;
    --sidecar-header-height: 54px;
    --sidecar-url-bar-height: 36px;
    --page-horizontal-padding: var(--size-md);
    --page-content-height: calc(100dvh - var(--header-height));
    --page-content-height-without-header: 100dvh;
    --toast-v-margin: 60px;
    --toast-h-margin: 24px;
    --sidecar-content-height: calc(100vh - var(--sidecar-header-height));
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    --in-app-header-height: 50px;
    --sidebar-width: 220px;
    --sidebar-width-collapsed: 90px;
    --sidebar-pinned-width: calc(200px + var(--sidebar-default-width));
    --sidebar-default-width: 72px;
    --min-touch-target: 2.75rem;
    --size-2xs: 2px;
    --size-xs: 4px;
    --size-sm: 8px;
    --size-md: 16px;
    --size-ml: 24px;
    --size-lg: 32px;
    --size-xl: 48px;
  }
  :root[data-erp=sidecar] {
    --mobile-nav-height: 8px;
  }
  :root[data-erp=tab] {
    --page-content-height: calc(100dvh - var(--header-height));
    --page-content-height-without-header: 100dvh;
    --toast-v-margin: 70px;
  }
}
@layer pplx-base {
  .reset {
    all: unset;
  }
}
*, :before, :after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: oklch(var(--foreground-subtler-color));
}
:before, :after {
  --tw-content: "";
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-fk-grotesk-neue), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Hiragino Sans, PingFang SC, Apple SD Gothic Neo, Yu Gothic, Microsoft YaHei, Microsoft JhengHei, Meiryo;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--font-berkeley-mono), ui-monospace, SFMono-Regular, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button, select {
  text-transform: none;
}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol, ul, menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button, [role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
em, i {
  font-variation-settings: "ital" 120;
}
* {
  scrollbar-color: initial;
  scrollbar-width: initial;
}
*, :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 / .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 / .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: ;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .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: none;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-bold);
  font-weight: 550;
}
.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;
  padding-inline-start: 1.625em;
  margin: 0;
}
.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;
  padding-inline-start: 1.625em;
  margin: 0;
}
.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: 1em;
  margin-bottom: 1em;
}
.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 500;
  font-style: italic;
  color: oklch(var(--foreground-quiet-color));
  border-inline-start-width: 4px;
  border-inline-start-color: oklch(var(--border-color-100));
  quotes: "“" "”" "‘" "’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  padding-left: 1rem;
}
.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
  content: none;
}
.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
  content: none;
}
.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: .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: 500;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
  font-family: var(--font-fk-grotesk);
}
.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 550;
  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: .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: .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 rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: .875em;
  border-radius: .3125rem;
  padding-top: .1875em;
  padding-inline-end: .375em;
  padding-bottom: .1875em;
  padding-inline-start: .375em;
}
.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: var(--tw-prose-code);
  font-weight: 550;
  font-size: .875em;
  background-color: oklch(var(--background-subtle-color));
  border-radius: .3125rem;
  padding: .125rem .25rem;
}
.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: .875em;
}
.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit;
  font-size: .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: .875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: .375rem;
  padding-inline-end: 1.1428571em;
  padding-inline-start: 1.1428571em;
  padding: 0;
}
.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;
  text-align: start;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .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: .5714286em;
  padding-bottom: .5714286em;
  padding-inline-start: .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(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: .875em;
  line-height: 1.4285714;
  margin-top: .8571429em;
}
.prose {
  --tw-prose-body: oklch(var(--foreground-color));
  --tw-prose-headings: oklch(var(--foreground-color));
  --tw-prose-lead: oklch(var(--foreground-color));
  --tw-prose-links: oklch(var(--foreground-color));
  --tw-prose-bold: oklch(var(--foreground-color));
  --tw-prose-counters: oklch(var(--foreground-quiet-color));
  --tw-prose-bullets: oklch(var(--foreground-quiet-color));
  --tw-prose-hr: oklch(var(--foreground-subtler-color));
  --tw-prose-quotes: oklch(var(--foreground-color));
  --tw-prose-quote-borders: oklch(var(--foreground-subtler-color));
  --tw-prose-captions: oklch(var(--foreground-quiet-color));
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: oklch(var(--foreground-color));
  --tw-prose-pre-code: oklch(var(--foreground-color));
  --tw-prose-pre-bg: oklch(var(--offset-color));
  --tw-prose-th-borders: oklch(var(--foreground-subtler-color));
  --tw-prose-td-borders: oklch(var(--foreground-subtler-color));
  --tw-prose-invert-body: oklch(var(--dark-foreground-color));
  --tw-prose-invert-headings: oklch(var(--dark-foreground-color));
  --tw-prose-invert-lead: oklch(var(--dark-foreground-color));
  --tw-prose-invert-links: oklch(var(--dark-foreground-color));
  --tw-prose-invert-bold: oklch(var(--dark-foreground-color));
  --tw-prose-invert-counters: oklch(var(--foreground-quiet-color));
  --tw-prose-invert-bullets: oklch(var(--foreground-quiet-color));
  --tw-prose-invert-hr: oklch(var(--foreground-subtler-color));
  --tw-prose-invert-quotes: oklch(var(--dark-foreground-color));
  --tw-prose-invert-quote-borders: oklch(var(--foreground-subtler-color));
  --tw-prose-invert-captions: oklch(var(--dark-foreground-color));
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: oklch(var(--dark-foreground-color));
  --tw-prose-invert-pre-code: oklch(var(--dark-foreground-color));
  --tw-prose-invert-pre-bg: oklch(var(--offset-color));
  --tw-prose-invert-th-borders: oklch(var(--foreground-subtler-color));
  --tw-prose-invert-td-borders: oklch(var(--foreground-subtler-color));
  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: .5em;
  margin-bottom: .5em;
}
.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: .375em;
}
.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
  padding-inline-start: .375em;
}
.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  margin-top: .75em;
  margin-bottom: .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: .75em;
  margin-bottom: .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: .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: .5714286em;
  padding-inline-end: .5714286em;
  padding-bottom: .5714286em;
  padding-inline-start: .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 :where(b):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 550;
}
.prose :where(th):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 550;
}
.\!pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-none {
  pointer-events: none;
}
.\!pointer-events-auto {
  pointer-events: auto !important;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.\!static {
  position: static !important;
}
.static {
  position: static;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed;
}
.\!absolute {
  position: absolute !important;
}
.absolute {
  position: absolute;
}
.\!relative {
  position: relative !important;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-inset-3 {
  inset: -.75rem;
}
.-inset-lg {
  inset: calc(var(--size-lg) * -1);
}
.-inset-md {
  inset: calc(var(--size-md) * -1);
}
.-inset-px {
  inset: -1px;
}
.-inset-sm {
  inset: calc(var(--size-sm) * -1);
}
.-inset-three {
  inset: -3px;
}
.-inset-xl {
  inset: calc(var(--size-xl) * -1);
}
.inset-0 {
  inset: 0;
}
.inset-1 {
  inset: .25rem;
}
.inset-\[-12px\] {
  inset: -12px;
}
.inset-\[-4px\] {
  inset: -4px;
}
.inset-\[10\%\] {
  inset: 10%;
}
.inset-half {
  inset: .5px;
}
.inset-xs {
  inset: var(--size-xs);
}
.-inset-x-1 {
  left: -.25rem;
  right: -.25rem;
}
.-inset-x-1\.5 {
  left: -.375rem;
  right: -.375rem;
}
.-inset-x-3 {
  left: -.75rem;
  right: -.75rem;
}
.-inset-x-md {
  left: calc(var(--size-md) * -1);
  right: calc(var(--size-md) * -1);
}
.-inset-x-sm {
  left: calc(var(--size-sm) * -1);
  right: calc(var(--size-sm) * -1);
}
.-inset-x-xl {
  left: calc(var(--size-xl) * -1);
  right: calc(var(--size-xl) * -1);
}
.-inset-x-xs {
  left: calc(var(--size-xs) * -1);
  right: calc(var(--size-xs) * -1);
}
.-inset-y-0 {
  top: -0px;
  bottom: -0px;
}
.-inset-y-2xs {
  top: calc(var(--size-2xs) * -1);
  bottom: calc(var(--size-2xs) * -1);
}
.-inset-y-xs {
  top: calc(var(--size-xs) * -1);
  bottom: calc(var(--size-xs) * -1);
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-x-4 {
  left: 1rem;
  right: 1rem;
}
.inset-x-\[-10px\] {
  left: -10px;
  right: -10px;
}
.inset-x-\[-12px\] {
  left: -12px;
  right: -12px;
}
.inset-x-lg {
  left: var(--size-lg);
  right: var(--size-lg);
}
.inset-x-md {
  left: var(--size-md);
  right: var(--size-md);
}
.inset-x-sm {
  left: var(--size-sm);
  right: var(--size-sm);
}
.inset-y-0 {
  top: 0;
  bottom: 0;
}
.inset-y-1 {
  top: .25rem;
  bottom: .25rem;
}
.inset-y-sm {
  top: var(--size-sm);
  bottom: var(--size-sm);
}
.inset-y-two {
  top: 2px;
  bottom: 2px;
}
.inset-y-xs {
  top: var(--size-xs);
  bottom: var(--size-xs);
}
.\!left-sideBarWidth {
  left: var(--sidebar-width) !important;
}
.\!left-sidebarDefaultWidth {
  left: var(--sidebar-default-width) !important;
}
.\!left-sidebarPinnedWidth {
  left: var(--sidebar-pinned-width) !important;
}
.\!top-0 {
  top: 0 !important;
}
.-bottom-0 {
  bottom: -0px;
}
.-bottom-0\.5 {
  bottom: -.125rem;
}
.-bottom-1 {
  bottom: -.25rem;
}
.-bottom-lg {
  bottom: calc(var(--size-lg) * -1);
}
.-bottom-md {
  bottom: calc(var(--size-md) * -1);
}
.-bottom-sm {
  bottom: calc(var(--size-sm) * -1);
}
.-bottom-xl {
  bottom: calc(var(--size-xl) * -1);
}
.-bottom-xs {
  bottom: calc(var(--size-xs) * -1);
}
.-end-\[24px\] {
  inset-inline-end: -24px;
}
.-end-xs {
  inset-inline-end: calc(var(--size-xs) * -1);
}
.-left-1 {
  left: -.25rem;
}
.-left-1\.5 {
  left: -.375rem;
}
.-left-2 {
  left: -.5rem;
}
.-left-md {
  left: calc(var(--size-md) * -1);
}
.-left-sm {
  left: calc(var(--size-sm) * -1);
}
.-left-xl {
  left: calc(var(--size-xl) * -1);
}
.-right-0 {
  right: -0px;
}
.-right-0\.5 {
  right: -.125rem;
}
.-right-1 {
  right: -.25rem;
}
.-right-2 {
  right: -.5rem;
}
.-right-2\.5 {
  right: -.625rem;
}
.-right-md {
  right: calc(var(--size-md) * -1);
}
.-right-px {
  right: -1px;
}
.-right-sm {
  right: calc(var(--size-sm) * -1);
}
.-right-xl {
  right: calc(var(--size-xl) * -1);
}
.-right-xs {
  right: calc(var(--size-xs) * -1);
}
.-top-0 {
  top: -0px;
}
.-top-0\.5 {
  top: -.125rem;
}
.-top-1 {
  top: -.25rem;
}
.-top-1\.5 {
  top: -.375rem;
}
.-top-12 {
  top: -3rem;
}
.-top-2 {
  top: -.5rem;
}
.-top-2\.5 {
  top: -.625rem;
}
.-top-9 {
  top: -2.25rem;
}
.-top-\[3px\] {
  top: -3px;
}
.-top-px {
  top: -1px;
}
.-top-sm {
  top: calc(var(--size-sm) * -1);
}
.-top-three {
  top: -3px;
}
.-top-two {
  top: -2px;
}
.-top-xl {
  top: calc(var(--size-xl) * -1);
}
.-top-xs {
  top: calc(var(--size-xs) * -1);
}
.bottom-0 {
  bottom: 0;
}
.bottom-1 {
  bottom: .25rem;
}
.bottom-1\.5 {
  bottom: .375rem;
}
.bottom-1\/2 {
  bottom: 50%;
}
.bottom-2 {
  bottom: .5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-6 {
  bottom: 1.5rem;
}
.bottom-\[-100px\] {
  bottom: -100px;
}
.bottom-\[-4px\] {
  bottom: -4px;
}
.bottom-\[1\.5px\] {
  bottom: 1.5px;
}
.bottom-\[20px\] {
  bottom: 20px;
}
.bottom-\[20vh\] {
  bottom: 20vh;
}
.bottom-\[77px\] {
  bottom: 77px;
}
.bottom-full {
  bottom: 100%;
}
.bottom-lg {
  bottom: var(--size-lg);
}
.bottom-md {
  bottom: var(--size-md);
}
.bottom-safeAreaInsetBottom {
  bottom: var(--safe-area-inset-bottom);
}
.bottom-sm {
  bottom: var(--size-sm);
}
.bottom-toastVMargin {
  bottom: var(--toast-v-margin);
}
.bottom-xl {
  bottom: var(--size-xl);
}
.bottom-xs {
  bottom: var(--size-xs);
}
.end-md {
  inset-inline-end: var(--size-md);
}
.left-0 {
  left: 0;
}
.left-1 {
  left: .25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-10 {
  left: 2.5rem;
}
.left-2 {
  left: .5rem;
}
.left-3 {
  left: .75rem;
}
.left-4 {
  left: 1rem;
}
.left-\[-16px\] {
  left: -16px;
}
.left-\[10vw\] {
  left: 10vw;
}
.left-\[12px\] {
  left: 12px;
}
.left-\[17px\] {
  left: 17px;
}
.left-\[calc\(12px-1px\)\] {
  left: 11px;
}
.left-\[calc\(25\%\+4px\)\] {
  left: calc(25% + 4px);
}
.left-full {
  left: 100%;
}
.left-half {
  left: .5px;
}
.left-lg {
  left: var(--size-lg);
}
.left-md {
  left: var(--size-md);
}
.left-px {
  left: 1px;
}
.left-sideBarWidth {
  left: var(--sidebar-width);
}
.left-sidebarDefaultWidth {
  left: var(--sidebar-default-width);
}
.left-sidebarPinnedWidth {
  left: var(--sidebar-pinned-width);
}
.left-sm {
  left: var(--size-sm);
}
.left-three {
  left: 3px;
}
.left-two {
  left: 2px;
}
.left-xl {
  left: var(--size-xl);
}
.left-xs {
  left: var(--size-xs);
}
.right-0 {
  right: 0;
}
.right-1 {
  right: .25rem;
}
.right-1\.5 {
  right: .375rem;
}
.right-2 {
  right: .5rem;
}
.right-20 {
  right: 5rem;
}
.right-24 {
  right: 6rem;
}
.right-3 {
  right: .75rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[-16px\] {
  right: -16px;
}
.right-\[-4px\] {
  right: -4px;
}
.right-\[-8px\] {
  right: -8px;
}
.right-\[12px\] {
  right: 12px;
}
.right-\[20px\] {
  right: 20px;
}
.right-\[90\%\] {
  right: 90%;
}
.right-\[calc\(100\%\+1px\)\] {
  right: calc(100% + 1px);
}
.right-\[calc\(25\%\+4px\)\] {
  right: calc(25% + 4px);
}
.right-full {
  right: 100%;
}
.right-md {
  right: var(--size-md);
}
.right-ml {
  right: var(--size-ml);
}
.right-px {
  right: 1px;
}
.right-sm {
  right: var(--size-sm);
}
.right-three {
  right: 3px;
}
.right-toastHMargin {
  right: var(--toast-h-margin);
}
.right-xs {
  right: var(--size-xs);
}
.start-0 {
  inset-inline-start: 0px;
}
.top-0 {
  top: 0;
}
.top-1 {
  top: .25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: .5rem;
}
.top-3 {
  top: .75rem;
}
.top-4 {
  top: 1rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[-1\.25px\] {
  top: -1.25px;
}
.top-\[-1\.4rem\] {
  top: -1.4rem;
}
.top-\[-100px\] {
  top: -100px;
}
.top-\[-14px\] {
  top: -14px;
}
.top-\[-15px\] {
  top: -15px;
}
.top-\[-20px\] {
  top: -20px;
}
.top-\[-46px\] {
  top: -46px;
}
.top-\[-5px\] {
  top: -5px;
}
.top-\[-60px\] {
  top: -60px;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[10vh\] {
  top: 10vh;
}
.top-\[200px\] {
  top: 200px;
}
.top-\[36px\] {
  top: 36px;
}
.top-\[48px\] {
  top: 48px;
}
.top-\[90\%\] {
  top: 90%;
}
.top-\[90px\] {
  top: 90px;
}
.top-\[calc\(100\%_-_2px\)\] {
  top: calc(100% - 2px);
}
.top-full {
  top: 100%;
}
.top-headerHeight {
  top: var(--header-height);
}
.top-lg {
  top: var(--size-lg);
}
.top-md {
  top: var(--size-md);
}
.top-ml {
  top: var(--size-ml);
}
.top-px {
  top: 1px;
}
.top-sm {
  top: var(--size-sm);
}
.top-three {
  top: 3px;
}
.top-toastVMargin {
  top: var(--toast-v-margin);
}
.top-two {
  top: 2px;
}
.top-xs {
  top: var(--size-xs);
}
.isolate {
  isolation: isolate;
}
.\!z-10 {
  z-index: 10 !important;
}
.-z-10 {
  z-index: -10;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[15\] {
  z-index: 15;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[22\] {
  z-index: 22;
}
.z-\[23\] {
  z-index: 23;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[49\] {
  z-index: 49;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[999\] {
  z-index: 999;
}
.z-\[9\] {
  z-index: 9;
}
.\!order-first {
  order: -9999 !important;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-last {
  order: 9999;
}
.\!col-span-12 {
  grid-column: span 12 / span 12 !important;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.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-8 {
  grid-column: span 8 / span 8;
}
.col-span-full {
  grid-column: 1 / -1;
}
.\!col-start-1 {
  grid-column-start: 1 !important;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-9 {
  grid-column-start: 9;
}
.-col-end-1 {
  grid-column-end: -1;
}
.col-end-2 {
  grid-column-end: 2;
}
.col-end-3 {
  grid-column-end: 3;
}
.col-end-4 {
  grid-column-end: 4;
}
.\!row-span-4 {
  grid-row: span 4 / span 4 !important;
}
.row-span-1 {
  grid-row: span 1 / span 1;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.\!row-start-1 {
  grid-row-start: 1 !important;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-end-2 {
  grid-row-end: 2;
}
.row-end-3 {
  grid-row-end: 3;
}
.float-right {
  float: right;
}
.clear-end {
  clear: inline-end;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-both {
  clear: both;
}
.\!m-0 {
  margin: 0 !important;
}
.-m-md {
  margin: calc(var(--size-md) * -1);
}
.-m-sm {
  margin: calc(var(--size-sm) * -1);
}
.-m-xl {
  margin: calc(var(--size-xl) * -1);
}
.-m-xs {
  margin: calc(var(--size-xs) * -1);
}
.m-0 {
  margin: 0;
}
.m-1 {
  margin: .25rem;
}
.m-4 {
  margin: 1rem;
}
.m-\[-20px\] {
  margin: -20px;
}
.m-\[-24px\] {
  margin: -24px;
}
.m-\[1\.5px\] {
  margin: 1.5px;
}
.m-auto {
  margin: auto;
}
.m-md {
  margin: var(--size-md);
}
.m-px {
  margin: 1px;
}
.m-sm {
  margin: var(--size-sm);
}
.m-xs {
  margin: var(--size-xs);
}
.\!-mx-1 {
  margin-left: -.25rem !important;
  margin-right: -.25rem !important;
}
.\!-mx-xs {
  margin-left: calc(var(--size-xs) * -1) !important;
  margin-right: calc(var(--size-xs) * -1) !important;
}
.\!mx-\[12px\] {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.\!my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-mx-lg {
  margin-left: calc(var(--size-lg) * -1);
  margin-right: calc(var(--size-lg) * -1);
}
.-mx-md {
  margin-left: calc(var(--size-md) * -1);
  margin-right: calc(var(--size-md) * -1);
}
.-mx-pageHorizontalPadding {
  margin-left: calc(var(--page-horizontal-padding) * -1);
  margin-right: calc(var(--page-horizontal-padding) * -1);
}
.-mx-sm {
  margin-left: calc(var(--size-sm) * -1);
  margin-right: calc(var(--size-sm) * -1);
}
.-mx-xs {
  margin-left: calc(var(--size-xs) * -1);
  margin-right: calc(var(--size-xs) * -1);
}
.-my-1 {
  margin-top: -.25rem;
  margin-bottom: -.25rem;
}
.-my-1\.5 {
  margin-top: -.375rem;
  margin-bottom: -.375rem;
}
.-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
.-my-md {
  margin-top: calc(var(--size-md) * -1);
  margin-bottom: calc(var(--size-md) * -1);
}
.-my-sm {
  margin-top: calc(var(--size-sm) * -1);
  margin-bottom: calc(var(--size-sm) * -1);
}
.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}
.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-\[-12px\] {
  margin-left: -12px;
  margin-right: -12px;
}
.mx-\[-5\%\] {
  margin-left: -5%;
  margin-right: -5%;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-lg {
  margin-left: var(--size-lg);
  margin-right: var(--size-lg);
}
.mx-md {
  margin-left: var(--size-md);
  margin-right: var(--size-md);
}
.mx-sm {
  margin-left: var(--size-sm);
  margin-right: var(--size-sm);
}
.mx-two {
  margin-left: 2px;
  margin-right: 2px;
}
.mx-xs {
  margin-left: var(--size-xs);
  margin-right: var(--size-xs);
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-0\.5 {
  margin-top: .125rem;
  margin-bottom: .125rem;
}
.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}
.my-1\.5 {
  margin-top: .375rem;
  margin-bottom: .375rem;
}
.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[12px\] {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-\[1em\] {
  margin-top: 1em;
  margin-bottom: 1em;
}
.my-\[8px\] {
  margin-top: 8px;
  margin-bottom: 8px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.my-lg {
  margin-top: var(--size-lg);
  margin-bottom: var(--size-lg);
}
.my-md {
  margin-top: var(--size-md);
  margin-bottom: var(--size-md);
}
.my-sm {
  margin-top: var(--size-sm);
  margin-bottom: var(--size-sm);
}
.my-xl {
  margin-top: var(--size-xl);
  margin-bottom: var(--size-xl);
}
.my-xs {
  margin-top: var(--size-xs);
  margin-bottom: var(--size-xs);
}
.\!-me-sm {
  margin-inline-end: calc(var(--size-sm) * -1) !important;
}
.\!-ml-md {
  margin-left: calc(var(--size-md) * -1) !important;
}
.\!-mt-1 {
  margin-top: -.25rem !important;
}
.\!-mt-\[2px\] {
  margin-top: -2px !important;
}
.\!-mt-md {
  margin-top: calc(var(--size-md) * -1) !important;
}
.\!mb-0 {
  margin-bottom: 0 !important;
}
.\!ml-0 {
  margin-left: 0 !important;
}
.\!mt-0 {
  margin-top: 0 !important;
}
.\!mt-md {
  margin-top: var(--size-md) !important;
}
.\!mt-px {
  margin-top: 1px !important;
}
.-mb-0 {
  margin-bottom: -0px;
}
.-mb-0\.5 {
  margin-bottom: -.125rem;
}
.-mb-1 {
  margin-bottom: -.25rem;
}
.-mb-2xs {
  margin-bottom: calc(var(--size-2xs) * -1);
}
.-mb-4 {
  margin-bottom: -1rem;
}
.-mb-lg {
  margin-bottom: calc(var(--size-lg) * -1);
}
.-mb-md {
  margin-bottom: calc(var(--size-md) * -1);
}
.-mb-px {
  margin-bottom: -1px;
}
.-mb-sm {
  margin-bottom: calc(var(--size-sm) * -1);
}
.-mb-two {
  margin-bottom: -2px;
}
.-mb-xs {
  margin-bottom: calc(var(--size-xs) * -1);
}
.-me-xs {
  margin-inline-end: calc(var(--size-xs) * -1);
}
.-ml-1 {
  margin-left: -.25rem;
}
.-ml-3 {
  margin-left: -.75rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.-ml-\[10px\] {
  margin-left: -10px;
}
.-ml-\[16px\] {
  margin-left: -16px;
}
.-ml-\[5px\] {
  margin-left: -5px;
}
.-ml-px {
  margin-left: -1px;
}
.-ml-sm {
  margin-left: calc(var(--size-sm) * -1);
}
.-ml-two {
  margin-left: -2px;
}
.-ml-xs {
  margin-left: calc(var(--size-xs) * -1);
}
.-mr-0 {
  margin-right: -0px;
}
.-mr-0\.5 {
  margin-right: -.125rem;
}
.-mr-1 {
  margin-right: -.25rem;
}
.-mr-1\.5 {
  margin-right: -.375rem;
}
.-mr-5 {
  margin-right: -1.25rem;
}
.-mr-\[0\.5px\] {
  margin-right: -.5px;
}
.-mr-md {
  margin-right: calc(var(--size-md) * -1);
}
.-mr-sm {
  margin-right: calc(var(--size-sm) * -1);
}
.-mr-three {
  margin-right: -3px;
}
.-mr-two {
  margin-right: -2px;
}
.-mr-xs {
  margin-right: calc(var(--size-xs) * -1);
}
.-mt-0 {
  margin-top: -0px;
}
.-mt-0\.5 {
  margin-top: -.125rem;
}
.-mt-1 {
  margin-top: -.25rem;
}
.-mt-1\.5 {
  margin-top: -.375rem;
}
.-mt-10 {
  margin-top: -2.5rem;
}
.-mt-12 {
  margin-top: -3rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-lg {
  margin-top: calc(var(--size-lg) * -1);
}
.-mt-md {
  margin-top: calc(var(--size-md) * -1);
}
.-mt-one, .-mt-px {
  margin-top: -1px;
}
.-mt-sm {
  margin-top: calc(var(--size-sm) * -1);
}
.-mt-two {
  margin-top: -2px;
}
.-mt-xl {
  margin-top: calc(var(--size-xl) * -1);
}
.-mt-xs {
  margin-top: calc(var(--size-xs) * -1);
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: .25rem;
}
.mb-1\.5 {
  margin-bottom: .375rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: .5rem;
}
.mb-2xs {
  margin-bottom: var(--size-2xs);
}
.mb-3 {
  margin-bottom: .75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-24px\] {
  margin-bottom: -24px;
}
.mb-\[-2px\] {
  margin-bottom: -2px;
}
.mb-\[-3px\] {
  margin-bottom: -3px;
}
.mb-\[-4vh\] {
  margin-bottom: -4vh;
}
.mb-\[-5px\] {
  margin-bottom: -5px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[calc\(var\(--mobile-nav-height\)\+2rem\)\] {
  margin-bottom: calc(var(--mobile-nav-height) + 2rem);
}
.mb-auto {
  margin-bottom: auto;
}
.mb-lg {
  margin-bottom: var(--size-lg);
}
.mb-md {
  margin-bottom: var(--size-md);
}
.mb-ml {
  margin-bottom: var(--size-ml);
}
.mb-safeAreaInsetBottom {
  margin-bottom: var(--safe-area-inset-bottom);
}
.mb-sm {
  margin-bottom: var(--size-sm);
}
.mb-two {
  margin-bottom: 2px;
}
.mb-xl {
  margin-bottom: var(--size-xl);
}
.mb-xs {
  margin-bottom: var(--size-xs);
}
.ml-0 {
  margin-left: 0;
}
.ml-0\.5 {
  margin-left: .125rem;
}
.ml-1 {
  margin-left: .25rem;
}
.ml-1\.5 {
  margin-left: .375rem;
}
.ml-2 {
  margin-left: .5rem;
}
.ml-2xs {
  margin-left: var(--size-2xs);
}
.ml-3 {
  margin-left: .75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-7 {
  margin-left: 1.75rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[-20px\] {
  margin-left: -20px;
}
.ml-\[26px\] {
  margin-left: 26px;
}
.ml-auto {
  margin-left: auto;
}
.ml-lg {
  margin-left: var(--size-lg);
}
.ml-md {
  margin-left: var(--size-md);
}
.ml-px {
  margin-left: 1px;
}
.ml-sideBarWidth {
  margin-left: var(--sidebar-width);
}
.ml-sm {
  margin-left: var(--size-sm);
}
.ml-two {
  margin-left: 2px;
}
.ml-xl {
  margin-left: var(--size-xl);
}
.ml-xs {
  margin-left: var(--size-xs);
}
.mr-0 {
  margin-right: 0;
}
.mr-0\.5 {
  margin-right: .125rem;
}
.mr-1 {
  margin-right: .25rem;
}
.mr-1\.5 {
  margin-right: .375rem;
}
.mr-2 {
  margin-right: .5rem;
}
.mr-3 {
  margin-right: .75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-\[2px\] {
  margin-right: 2px;
}
.mr-auto {
  margin-right: auto;
}
.mr-lg {
  margin-right: var(--size-lg);
}
.mr-md {
  margin-right: var(--size-md);
}
.mr-px {
  margin-right: 1px;
}
.mr-sm {
  margin-right: var(--size-sm);
}
.mr-xs {
  margin-right: var(--size-xs);
}
.mt-0 {
  margin-top: 0;
}
.mt-0\.5 {
  margin-top: .125rem;
}
.mt-1 {
  margin-top: .25rem;
}
.mt-1\.5 {
  margin-top: .375rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-14 {
  margin-top: 3.5rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: .5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-2xs {
  margin-top: var(--size-2xs);
}
.mt-3 {
  margin-top: .75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-10px\] {
  margin-top: -10px;
}
.mt-\[-12px\] {
  margin-top: -12px;
}
.mt-\[-24px\] {
  margin-top: -24px;
}
.mt-\[-4\.5rem\] {
  margin-top: -4.5rem;
}
.mt-\[-5px\] {
  margin-top: -5px;
}
.mt-\[-6px\] {
  margin-top: -6px;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[13px\] {
  margin-top: 13px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-\[calc\(var\(--header-height\)\+var\(--size-md\)\)\] {
  margin-top: calc(var(--header-height) + var(--size-md));
}
.mt-auto {
  margin-top: auto;
}
.mt-inAppHeaderHeight {
  margin-top: var(--in-app-header-height);
}
.mt-lg {
  margin-top: var(--size-lg);
}
.mt-md {
  margin-top: var(--size-md);
}
.mt-ml {
  margin-top: var(--size-ml);
}
.mt-one, .mt-px {
  margin-top: 1px;
}
.mt-sm {
  margin-top: var(--size-sm);
}
.mt-three {
  margin-top: 3px;
}
.mt-two {
  margin-top: 2px;
}
.mt-xl {
  margin-top: var(--size-xl);
}
.mt-xs {
  margin-top: var(--size-xs);
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.\!line-clamp-2 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.line-clamp-\[20\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
}
.line-clamp-\[8\] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!inline {
  display: inline !important;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.\!aspect-\[16\/9\] {
  aspect-ratio: 16/9 !important;
}
.\!aspect-auto {
  aspect-ratio: auto !important;
}
.\!aspect-square {
  aspect-ratio: 1 / 1 !important;
}
.aspect-\[1\.2\/1\] {
  aspect-ratio: 1.2/1;
}
.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.aspect-\[1024\/1536\] {
  aspect-ratio: 1024/1536;
}
.aspect-\[1036\/1536\] {
  aspect-ratio: 1036/1536;
}
.aspect-\[11\/6\] {
  aspect-ratio: 11/6;
}
.aspect-\[1200\/800\] {
  aspect-ratio: 1200/800;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-\[176\/225\] {
  aspect-ratio: 176/225;
}
.aspect-\[187\/155\] {
  aspect-ratio: 187/155;
}
.aspect-\[252\/336\] {
  aspect-ratio: 252/336;
}
.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}
.aspect-\[304\/120\] {
  aspect-ratio: 304/120;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[4\/6\] {
  aspect-ratio: 4/6;
}
.aspect-\[9\/8\] {
  aspect-ratio: 9/8;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.\!size-10 {
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.\!size-4 {
  width: 1rem !important;
  height: 1rem !important;
}
.\!size-7 {
  width: 1.75rem !important;
  height: 1.75rem !important;
}
.\!size-8 {
  width: 2rem !important;
  height: 2rem !important;
}
.\!size-\[40px\] {
  width: 40px !important;
  height: 40px !important;
}
.\!size-\[60px\] {
  width: 60px !important;
  height: 60px !important;
}
.\!size-full {
  width: 100% !important;
  height: 100% !important;
}
.size-0 {
  width: 0px;
  height: 0px;
}
.size-0\.5 {
  width: .125rem;
  height: .125rem;
}
.size-1 {
  width: .25rem;
  height: .25rem;
}
.size-1\.5 {
  width: .375rem;
  height: .375rem;
}
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}
.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.size-12 {
  width: 3rem;
  height: 3rem;
}
.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}
.size-16 {
  width: 4rem;
  height: 4rem;
}
.size-2 {
  width: .5rem;
  height: .5rem;
}
.size-2\.5 {
  width: .625rem;
  height: .625rem;
}
.size-20 {
  width: 5rem;
  height: 5rem;
}
.size-24 {
  width: 6rem;
  height: 6rem;
}
.size-3 {
  width: .75rem;
  height: .75rem;
}
.size-3\.5 {
  width: .875rem;
  height: .875rem;
}
.size-32 {
  width: 8rem;
  height: 8rem;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}
.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.size-8 {
  width: 2rem;
  height: 2rem;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[\.8rem\] {
  width: .8rem;
  height: .8rem;
}
.size-\[1\.2em\] {
  width: 1.2em;
  height: 1.2em;
}
.size-\[118px\] {
  width: 118px;
  height: 118px;
}
.size-\[120\%\] {
  width: 120%;
  height: 120%;
}
.size-\[120px\] {
  width: 120px;
  height: 120px;
}
.size-\[12px\] {
  width: 12px;
  height: 12px;
}
.size-\[140\%\] {
  width: 140%;
  height: 140%;
}
.size-\[14px\] {
  width: 14px;
  height: 14px;
}
.size-\[16px\] {
  width: 16px;
  height: 16px;
}
.size-\[180\%\] {
  width: 180%;
  height: 180%;
}
.size-\[18px\] {
  width: 18px;
  height: 18px;
}
.size-\[1lh\] {
  width: 1lh;
  height: 1lh;
}
.size-\[20px\] {
  width: 20px;
  height: 20px;
}
.size-\[220\%\] {
  width: 220%;
  height: 220%;
}
.size-\[24px\] {
  width: 24px;
  height: 24px;
}
.size-\[30px\] {
  width: 30px;
  height: 30px;
}
.size-\[32px\] {
  width: 32px;
  height: 32px;
}
.size-\[36px\] {
  width: 36px;
  height: 36px;
}
.size-\[40px\] {
  width: 40px;
  height: 40px;
}
.size-\[44px\] {
  width: 44px;
  height: 44px;
}
.size-\[45vw\] {
  width: 45vw;
  height: 45vw;
}
.size-\[4px\] {
  width: 4px;
  height: 4px;
}
.size-\[50px\] {
  width: 50px;
  height: 50px;
}
.size-\[5px\] {
  width: 5px;
  height: 5px;
}
.size-\[60px\] {
  width: 60px;
  height: 60px;
}
.size-\[64px\] {
  width: 64px;
  height: 64px;
}
.size-\[65\%\] {
  width: 65%;
  height: 65%;
}
.size-\[65px\] {
  width: 65px;
  height: 65px;
}
.size-\[6px\] {
  width: 6px;
  height: 6px;
}
.size-\[72px\] {
  width: 72px;
  height: 72px;
}
.size-\[7px\] {
  width: 7px;
  height: 7px;
}
.size-\[88px\] {
  width: 88px;
  height: 88px;
}
.size-\[90\%\] {
  width: 90%;
  height: 90%;
}
.size-\[90vw\] {
  width: 90vw;
  height: 90vw;
}
.size-full {
  width: 100%;
  height: 100%;
}
.size-lg {
  width: var(--size-lg);
  height: var(--size-lg);
}
.size-md {
  width: var(--size-md);
  height: var(--size-md);
}
.size-sm {
  width: var(--size-sm);
  height: var(--size-sm);
}
.size-xl {
  width: var(--size-xl);
  height: var(--size-xl);
}
.size-xs {
  width: var(--size-xs);
  height: var(--size-xs);
}
.\!h-0 {
  height: 0px !important;
}
.\!h-10 {
  height: 2.5rem !important;
}
.\!h-11 {
  height: 2.75rem !important;
}
.\!h-7 {
  height: 1.75rem !important;
}
.\!h-9 {
  height: 2.25rem !important;
}
.\!h-\[10px\] {
  height: 10px !important;
}
.\!h-\[150px\] {
  height: 150px !important;
}
.\!h-\[20px\] {
  height: 20px !important;
}
.\!h-\[26px\] {
  height: 26px !important;
}
.\!h-\[2lh\] {
  height: 2lh !important;
}
.\!h-\[32px\] {
  height: 32px !important;
}
.\!h-\[5px\] {
  height: 5px !important;
}
.\!h-auto {
  height: auto !important;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: .125rem;
}
.h-1 {
  height: .25rem;
}
.h-1\.5 {
  height: .375rem;
}
.h-1\/2 {
  height: 50%;
}
.h-1\/4 {
  height: 25%;
}
.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: .5rem;
}
.h-2\.5 {
  height: .625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-2xl {
  height: 96px;
}
.h-2xs {
  height: var(--size-2xs);
}
.h-3 {
  height: .75rem;
}
.h-3\.5 {
  height: .875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[0\.88rem\] {
  height: .88rem;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[10vh\] {
  height: 10vh;
}
.h-\[110\%\] {
  height: 110%;
}
.h-\[120\%\] {
  height: 120%;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[124px\] {
  height: 124px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[136px\] {
  height: 136px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[144px\] {
  height: 144px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[168px\] {
  height: 168px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[170px\] {
  height: 170px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[198px\] {
  height: 198px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1em\] {
  height: 1em;
}
.h-\[1lh\] {
  height: 1lh;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[20vw\] {
  height: 20vw;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[242px\] {
  height: 242px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[260px\] {
  height: 260px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[280px\] {
  height: 280px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30vh\] {
  height: 30vh;
}
.h-\[327px\] {
  height: 327px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[340px\] {
  height: 340px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[3vh\] {
  height: 3vh;
}
.h-\[4\.5rem\] {
  height: 4.5rem;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[480px\] {
  height: 480px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50dvh\] {
  height: 50dvh;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[560px\] {
  height: 560px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[600px\] {
  height: 600px;
}
.h-\[60vh\] {
  height: 60vh;
}
.h-\[640px\] {
  height: 640px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[90dvh\] {
  height: 90dvh;
}
.h-\[95vh\] {
  height: 95vh;
}
.h-\[calc\(100\%\+16px\)\] {
  height: calc(100% + 16px);
}
.h-\[calc\(100vh-192px\)\] {
  height: calc(100vh - 192px);
}
.h-auto {
  height: auto;
}
.h-bannerHeight {
  height: var(--banner-height);
}
.h-dvh {
  height: 100dvh;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-headerHeight {
  height: var(--header-height);
}
.h-inAppHeaderHeight {
  height: var(--in-app-header-height);
}
.h-lg {
  height: var(--size-lg);
}
.h-md {
  height: var(--size-md);
}
.h-one {
  height: 1px;
}
.h-pageContentHeight {
  height: var(--page-content-height);
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.h-sm {
  height: var(--size-sm);
}
.h-two {
  height: 2px;
}
.h-xl {
  height: var(--size-xl);
}
.h-xs {
  height: var(--size-xs);
}
.\!max-h-\[640px\] {
  max-height: 640px !important;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-44 {
  max-height: 11rem;
}
.max-h-5 {
  max-height: 1.25rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[100\%\] {
  max-height: 100%;
}
.max-h-\[100vh\] {
  max-height: 100vh;
}
.max-h-\[120px\] {
  max-height: 120px;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-h-\[175px\] {
  max-height: 175px;
}
.max-h-\[190px\] {
  max-height: 190px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[216px\] {
  max-height: 216px;
}
.max-h-\[220px\] {
  max-height: 220px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[250px\] {
  max-height: 250px;
}
.max-h-\[278px\] {
  max-height: 278px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[330px\] {
  max-height: 330px;
}
.max-h-\[37vh\] {
  max-height: 37vh;
}
.max-h-\[38vh\] {
  max-height: 38vh;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[42vh\] {
  max-height: 42vh;
}
.max-h-\[450px\] {
  max-height: 450px;
}
.max-h-\[45vh\] {
  max-height: 45vh;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[555x\] {
  max-height: 555x;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[65px\] {
  max-height: 65px;
}
.max-h-\[65vh\] {
  max-height: 65vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[76px\] {
  max-height: 76px;
}
.max-h-\[800px\] {
  max-height: 800px;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[90dvh\] {
  max-height: 90dvh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[96dvh\] {
  max-height: 96dvh;
}
.max-h-\[calc\(100vh-200px\)\] {
  max-height: calc(100vh - 200px);
}
.max-h-\[inherit\] {
  max-height: inherit;
}
.max-h-\[var\(--radix-hover-card-content-available-height\)\] {
  max-height: var(--radix-hover-card-content-available-height);
}
.max-h-full {
  max-height: 100%;
}
.max-h-lg {
  max-height: var(--size-lg);
}
.max-h-none {
  max-height: none;
}
.max-h-screen {
  max-height: 100vh;
}
.\!min-h-\[auto\] {
  min-height: auto !important;
}
.\!min-h-fit {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-20 {
  min-height: 5rem;
}
.min-h-24 {
  min-height: 6rem;
}
.min-h-32 {
  min-height: 8rem;
}
.min-h-4 {
  min-height: 1rem;
}
.min-h-60 {
  min-height: 15rem;
}
.min-h-\[100\%\] {
  min-height: 100%;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[125px\] {
  min-height: 125px;
}
.min-h-\[128px\] {
  min-height: 128px;
}
.min-h-\[142px\] {
  min-height: 142px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[20px\] {
  min-height: 20px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[230px\] {
  min-height: 230px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[30vh\] {
  min-height: 30vh;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[340px\] {
  min-height: 340px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[50vh\] {
  min-height: 50vh;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.min-h-\[555px\] {
  min-height: 555px;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.min-h-\[60dvh\] {
  min-height: 60dvh;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[75vh\] {
  min-height: 75vh;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[calc\(100vh-262px\)\] {
  min-height: calc(100vh - 262px);
}
.min-h-\[calc\(100vh-376px\)\] {
  min-height: calc(100vh - 376px);
}
.min-h-\[calc\(100vh-68px\)\] {
  min-height: calc(100vh - 68px);
}
.min-h-\[unset\] {
  min-height: unset;
}
.min-h-\[var\(--page-content-height\)\] {
  min-height: var(--page-content-height);
}
.min-h-\[var\(--page-content-height-without-header\)\] {
  min-height: var(--page-content-height-without-header);
}
.min-h-full {
  min-height: 100%;
}
.min-h-md {
  min-height: var(--size-md);
}
.min-h-minTouchTarget {
  min-height: var(--min-touch-target);
}
.min-h-pageContentHeight {
  min-height: var(--page-content-height);
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-10 {
  width: 2.5rem !important;
}
.\!w-16 {
  width: 4rem !important;
}
.\!w-4 {
  width: 1rem !important;
}
.\!w-7 {
  width: 1.75rem !important;
}
.\!w-\[100px\] {
  width: 100px !important;
}
.\!w-\[140px\] {
  width: 140px !important;
}
.\!w-\[16px\] {
  width: 16px !important;
}
.\!w-\[200px\] {
  width: 200px !important;
}
.\!w-\[240px\] {
  width: 240px !important;
}
.\!w-\[24px\] {
  width: 24px !important;
}
.\!w-\[25vw\] {
  width: 25vw !important;
}
.\!w-\[300px\] {
  width: 300px !important;
}
.\!w-\[416px\] {
  width: 416px !important;
}
.\!w-\[500px\] {
  width: 500px !important;
}
.\!w-\[5px\] {
  width: 5px !important;
}
.\!w-\[80px\] {
  width: 80px !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.\!w-screen {
  width: 100vw !important;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: .125rem;
}
.w-1 {
  width: .25rem;
}
.w-1\.5 {
  width: .375rem;
}
.w-1\/12 {
  width: 8.333333%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: .5rem;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/4 {
  width: 50%;
}
.w-2\/5 {
  width: 40%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: .75rem;
}
.w-3\.5 {
  width: .875rem;
}
.w-3\/12 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-6\/12 {
  width: 50%;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-9\/12 {
  width: 75%;
}
.w-96 {
  width: 24rem;
}
.w-\[0\.88rem\] {
  width: .88rem;
}
.w-\[1\.2em\] {
  width: 1.2em;
}
.w-\[1\.5px\] {
  width: 1.5px;
}
.w-\[1\/2\] {
  width: 1/2;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[100vw\] {
  width: 100vw;
}
.w-\[110\%\] {
  width: 110%;
}
.w-\[12\.5\%\] {
  width: 12.5%;
}
.w-\[120\%\] {
  width: 120%;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[120vw\] {
  width: 120vw;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[134px\] {
  width: 134px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[144px\] {
  width: 144px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15\%\] {
  width: 15%;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[150vw\] {
  width: 150vw;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[166px\] {
  width: 166px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[175px\] {
  width: 175px;
}
.w-\[17px\] {
  width: 17px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[18vw\] {
  width: 18vw;
}
.w-\[2\.5px\] {
  width: 2.5px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[216px\] {
  width: 216px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[224px\] {
  width: 224px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[27px\] {
  width: 27px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[28vw\] {
  width: 28vw;
}
.w-\[2ch\] {
  width: 2ch;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30vw\] {
  width: 30vw;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[324px\] {
  width: 324px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[32rem\] {
  width: 32rem;
}
.w-\[33\%\] {
  width: 33%;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[3ch\] {
  width: 3ch;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[40vw\] {
  width: 40vw;
}
.w-\[45\%\] {
  width: 45%;
}
.w-\[480px\] {
  width: 480px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[54\%\] {
  width: 54%;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[60vw\] {
  width: 60vw;
}
.w-\[62\%\] {
  width: 62%;
}
.w-\[62px\] {
  width: 62px;
}
.w-\[63px\] {
  width: 63px;
}
.w-\[66\%\] {
  width: 66%;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[70vw\] {
  width: 70vw;
}
.w-\[720px\] {
  width: 720px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[76px\] {
  width: 76px;
}
.w-\[8\%\] {
  width: 8%;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[80vw\] {
  width: 80vw;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[90dvw\] {
  width: 90dvw;
}
.w-\[90vw\] {
  width: 90vw;
}
.w-\[95vw\] {
  width: 95vw;
}
.w-\[calc\(\(100\%\*2\/3\)\/3\)\] {
  width: calc((100% * 2 / 3) / 3);
}
.w-\[calc\(\(100\%\*2\/3\)\/4\)\] {
  width: calc((100% * 2 / 3) / 4);
}
.w-\[calc\(100dvw-\(2\*var\(--size-md\)\)\)\] {
  width: calc(100dvw - (2 * var(--size-md)));
}
.w-\[calc\(100vw-16px\)\] {
  width: calc(100vw - 16px);
}
.w-\[calc\(80\%-1\.6px\)\] {
  width: calc(80% - 1.6px);
}
.w-auto {
  width: auto;
}
.w-collapsedSideBarWidth {
  width: var(--sidebar-width-collapsed);
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-lg {
  width: var(--size-lg);
}
.w-max {
  width: -moz-max-content;
  width: max-content;
}
.w-md {
  width: var(--size-md);
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.w-sideBarWidth {
  width: var(--sidebar-width);
}
.w-sm {
  width: var(--size-sm);
}
.w-three {
  width: 3px;
}
.w-two {
  width: 2px;
}
.w-xl {
  width: var(--size-xl);
}
.w-xs {
  width: var(--size-xs);
}
.\!min-w-0 {
  min-width: 0px !important;
}
.\!min-w-\[120px\] {
  min-width: 120px !important;
}
.\!min-w-\[180px\] {
  min-width: 180px !important;
}
.\!min-w-\[26px\] {
  min-width: 26px !important;
}
.\!min-w-\[300px\] {
  min-width: 300px !important;
}
.\!min-w-\[365px\] {
  min-width: 365px !important;
}
.\!min-w-\[416px\] {
  min-width: 416px !important;
}
.\!min-w-\[500px\] {
  min-width: 500px !important;
}
.\!min-w-md {
  min-width: var(--size-md) !important;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-14 {
  min-width: 3.5rem;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-3 {
  min-width: .75rem;
}
.min-w-3\.5 {
  min-width: .875rem;
}
.min-w-4 {
  min-width: 1rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-48 {
  min-width: 12rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.min-w-56 {
  min-width: 14rem;
}
.min-w-6 {
  min-width: 1.5rem;
}
.min-w-9 {
  min-width: 2.25rem;
}
.min-w-\[\.8rem\] {
  min-width: .8rem;
}
.min-w-\[100\%\] {
  min-width: 100%;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[1443px\] {
  min-width: 1443px;
}
.min-w-\[1500px\] {
  min-width: 1500px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[165px\] {
  min-width: 165px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[25\%\] {
  min-width: 25%;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[280px\] {
  min-width: 280px;
}
.min-w-\[2ch\] {
  min-width: 2ch;
}
.min-w-\[32px\] {
  min-width: 32px;
}
.min-w-\[400px\] {
  min-width: 400px;
}
.min-w-\[48px\] {
  min-width: 48px;
}
.min-w-\[500px\] {
  min-width: 500px;
}
.min-w-\[58px\] {
  min-width: 58px;
}
.min-w-\[64px\] {
  min-width: 64px;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[calc\(var\(--radix-dropdown-menu-trigger-width\)-theme\(spacing\.sm\)\)\] {
  min-width: calc(var(--radix-dropdown-menu-trigger-width) - var(--size-sm));
}
.min-w-\[var\(--radix-popover-trigger-width\)\] {
  min-width: var(--radix-popover-trigger-width);
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.min-w-md {
  min-width: var(--size-md);
}
.\!max-w-2xl {
  max-width: 42rem !important;
}
.\!max-w-\[416px\] {
  max-width: 416px !important;
}
.\!max-w-\[500px\] {
  max-width: 500px !important;
}
.\!max-w-\[520px\] {
  max-width: 520px !important;
}
.\!max-w-md {
  max-width: 28rem !important;
}
.\!max-w-none {
  max-width: none !important;
}
.\!max-w-sm {
  max-width: 24rem !important;
}
.max-w-10 {
  max-width: 2.5rem;
}
.max-w-12 {
  max-width: 3rem;
}
.max-w-14 {
  max-width: 3.5rem;
}
.max-w-20 {
  max-width: 5rem;
}
.max-w-24 {
  max-width: 6rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-44 {
  max-width: 11rem;
}
.max-w-48 {
  max-width: 12rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-80 {
  max-width: 20rem;
}
.max-w-\[\.8rem\] {
  max-width: .8rem;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[1100px\] {
  max-width: 1100px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[15vw\] {
  max-width: 15vw;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[168px\] {
  max-width: 168px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[208px\] {
  max-width: 208px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[25ch\] {
  max-width: 25ch;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[30vw\] {
  max-width: 30vw;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[324px\] {
  max-width: 324px;
}
.max-w-\[328px\] {
  max-width: 328px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[365px\] {
  max-width: 365px;
}
.max-w-\[375px\] {
  max-width: 375px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[448px\] {
  max-width: 448px;
}
.max-w-\[5\.6rem\] {
  max-width: 5.6rem;
}
.max-w-\[50vw\] {
  max-width: 50vw;
}
.max-w-\[540px\] {
  max-width: 540px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[650px\] {
  max-width: 650px;
}
.max-w-\[672px\] {
  max-width: 672px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[80px\] {
  max-width: 80px;
}
.max-w-\[824px\] {
  max-width: 824px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[90dvw\] {
  max-width: 90dvw;
}
.max-w-\[98px\] {
  max-width: 98px;
}
.max-w-\[calc\(\(100vh-360px\)\/1\.5\)\] {
  max-width: calc((100vh - 360px) / 1.5);
}
.max-w-\[calc\(100vh-360px\)\] {
  max-width: calc(100vh - 360px);
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-\[unset\] {
  max-width: unset;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.max-w-screen-lg {
  max-width: 1024px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sideBarWidthXL {
  max-width: 260px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-threadContentWidth {
  max-width: var(--thread-content-width);
}
.max-w-threadWidth {
  max-width: var(--thread-width);
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.\!flex-1 {
  flex: 1 1 0% !important;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.\!grow {
  flex-grow: 1 !important;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.\!basis-\[90\%\] {
  flex-basis: 90% !important;
}
.\!basis-full {
  flex-basis: 100% !important;
}
.basis-0 {
  flex-basis: 0px;
}
.basis-1\/2 {
  flex-basis: 50%;
}
.basis-1\/3 {
  flex-basis: 33.333333%;
}
.basis-1\/4 {
  flex-basis: 25%;
}
.basis-full {
  flex-basis: 100%;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.border-spacing-sm {
  --tw-border-spacing-x: var(--size-sm);
  --tw-border-spacing-y: var(--size-sm);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-bottom {
  transform-origin: bottom;
}
.origin-bottom-left {
  transform-origin: bottom left;
}
.origin-center {
  transform-origin: center;
}
.origin-top {
  transform-origin: top;
}
.origin-top-left {
  transform-origin: top left;
}
.\!translate-y-\[0px\] {
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-0 {
  --tw-translate-x: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-0\.5 {
  --tw-translate-x: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/3 {
  --tw-translate-x: -33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[10\%\] {
  --tw-translate-x: -10%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[5\%\] {
  --tw-translate-x: -5%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-md {
  --tw-translate-x: calc(var(--size-md) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-px {
  --tw-translate-x: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-sm {
  --tw-translate-x: calc(var(--size-sm) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-two {
  --tw-translate-x: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-xs {
  --tw-translate-x: calc(var(--size-xs) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0 {
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0\.5 {
  --tw-translate-y: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/3 {
  --tw-translate-y: -33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/4 {
  --tw-translate-y: -25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[10\%\] {
  --tw-translate-y: -10%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[5\%\] {
  --tw-translate-y: -5%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[calc\(50\%-2px\)\] {
  --tw-translate-y: calc((50% - 2px)*-1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-half {
  --tw-translate-y: -.5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-md {
  --tw-translate-y: calc(var(--size-md) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-sm {
  --tw-translate-y: calc(var(--size-sm) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-three {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-two {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1 {
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/3 {
  --tw-translate-x: 33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/4 {
  --tw-translate-x: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2 {
  --tw-translate-x: .5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-5px\] {
  --tw-translate-x: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-68px\] {
  --tw-translate-x: -68px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[1px\] {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[4px\] {
  --tw-translate-x: 4px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[6px\] {
  --tw-translate-x: 6px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[calc\(100\%\+2px\)\] {
  --tw-translate-x: calc(100% + 2px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-md {
  --tw-translate-x: var(--size-md);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-px {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-two {
  --tw-translate-x: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-xs {
  --tw-translate-x: var(--size-xs);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0\.5 {
  --tw-translate-y: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1 {
  --tw-translate-y: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/4 {
  --tw-translate-y: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
  --tw-translate-y: .5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-5 {
  --tw-translate-y: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-\.05rem\] {
  --tw-translate-y: -.05rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-1\.5px\] {
  --tw-translate-y: -1.5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-12\.5\%\] {
  --tw-translate-y: -12.5%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-16\%\] {
  --tw-translate-y: -16%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-2px\] {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.8px\] {
  --tw-translate-y: .8px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[1\.5px\] {
  --tw-translate-y: 1.5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[1px\] {
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[20px\] {
  --tw-translate-y: 20px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[24px\] {
  --tw-translate-y: 24px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[3px\] {
  --tw-translate-y: 3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[60\%\] {
  --tw-translate-y: 60%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[6px\] {
  --tw-translate-y: 6px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[80\%\] {
  --tw-translate-y: 80%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-half {
  --tw-translate-y: .5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-px {
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-three {
  --tw-translate-y: 3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-two {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-xs {
  --tw-translate-y: var(--size-xs);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!scale-100 {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[\.85\] {
  --tw-scale-x: .85;
  --tw-scale-y: .85;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.81\] {
  --tw-scale-x: .81;
  --tw-scale-y: .81;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.85\] {
  --tw-scale-x: .85;
  --tw-scale-y: .85;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.8\] {
  --tw-scale-x: .8;
  --tw-scale-y: .8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.98\] {
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.9\] {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.01\] {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[70\%\] {
  --tw-scale-x: 70%;
  --tw-scale-y: 70%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[99\%\] {
  --tw-scale-x: 99%;
  --tw-scale-y: 99%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[250\%\] {
  --tw-scale-x: 250%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none {
  transform: none;
}
@keyframes f1-track-dash {
  to {
    stroke-dashoffset: 0px;
  }
}
.animate-\[f1-track-dash_6s_ease_infinite\] {
  animation: f1-track-dash 6s ease infinite;
}
.animate-\[ping_1\.5s_cubic-bezier\(0\,0\,0\.2\,1\)_infinite\] {
  animation: ping 1.5s cubic-bezier(0, 0, .2, 1) infinite;
}
.animate-\[pulse_2\.5s_ease-in-out_infinite\] {
  animation: pulse 2.5s ease-in-out infinite;
}
.animate-deepResearchIndicator {
  animation: indicator steps(48) infinite;
}
@keyframes indeterminate {
  0% {
    transform: translate(-100%);
  }
  50% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}
.animate-indeterminate {
  animation: indeterminate 1.5s infinite cubic-bezier(.65, .815, .735, .395);
}
.animate-labsIndicator {
  animation: indicator steps(39) infinite;
}
@keyframes ping {
  75%, to {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
}
@keyframes indicator {
  0% {
    transform: translateZ(0) translate(0);
  }
  to {
    transform: translateZ(0) translate(-100%);
  }
}
.animate-pplxIndicator {
  animation: indicator steps(47) infinite;
}
@keyframes pulse {
  50% {
    opacity: .4;
  }
  0%, to {
    opacity: 1;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.animate-slideDownAndFadeIn {
  animation: slideDownAndFadeIn .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
@keyframes underlineFade {
  0% {
    text-decoration-color: transparent;
  }
  to {
    text-decoration-color: oklch(var(--foreground-color) / .2);
  }
}
.animate-underlineFade {
  animation: underlineFade 1s ease;
}
.\!cursor-default {
  cursor: default !important;
}
.\!cursor-grab {
  cursor: grab !important;
}
.\!cursor-grabbing {
  cursor: grabbing !important;
}
.\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.\!cursor-wait {
  cursor: wait !important;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.touch-none {
  touch-action: none;
}
.touch-pan-down {
  --tw-pan-y: pan-down;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
}
.touch-manipulation {
  touch-action: manipulation;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}
.snap-start {
  scroll-snap-align: start;
}
.snap-center {
  scroll-snap-align: center;
}
.scroll-mx-md {
  scroll-margin-left: var(--size-md);
  scroll-margin-right: var(--size-md);
}
.scroll-mb-9 {
  scroll-margin-bottom: 2.25rem;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.auto-cols-\[75vw\] {
  grid-auto-columns: 75vw;
}
.auto-cols-auto {
  grid-auto-columns: auto;
}
.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
.auto-rows-min {
  grid-auto-rows: min-content;
}
.\!grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, 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));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-\[0\.5fr_1fr\] {
  grid-template-columns: .5fr 1fr;
}
.grid-cols-\[128px_1fr_auto\] {
  grid-template-columns: 128px 1fr auto;
}
.grid-cols-\[1fr\,1fr\,1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-cols-\[1fr\,1fr\] {
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr\,auto\,1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1fr\] {
  grid-template-columns: 1fr;
}
.grid-cols-\[1fr_1fr\] {
  grid-template-columns: 1fr 1fr;
}
.grid-cols-\[1fr_1fr_1fr\] {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_auto_1fr\] {
  grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1fr_max-content\] {
  grid-template-columns: 1fr max-content;
}
.grid-cols-\[1fr_min-content_min-content\] {
  grid-template-columns: 1fr min-content min-content;
}
.grid-cols-\[26\.8\%_1fr\] {
  grid-template-columns: 26.8% 1fr;
}
.grid-cols-\[2fr\,1fr\,1fr\,1fr\] {
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
.grid-cols-\[2fr\,1fr\,1fr\] {
  grid-template-columns: 2fr 1fr 1fr;
}
.grid-cols-\[2fr\,1fr\] {
  grid-template-columns: 2fr 1fr;
}
.grid-cols-\[65\%\,35\%\] {
  grid-template-columns: 65% 35%;
}
.grid-cols-\[8fr_minmax\(300px\,3fr\)\] {
  grid-template-columns: 8fr minmax(300px, 3fr);
}
.grid-cols-\[auto\,1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto\,max-content\] {
  grid-template-columns: auto max-content;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_88px_88px_88px\] {
  grid-template-columns: auto 1fr 88px 88px 88px;
}
.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.grid-cols-\[auto_auto_1fr\] {
  grid-template-columns: auto auto 1fr;
}
.grid-cols-\[auto_min-content\] {
  grid-template-columns: auto min-content;
}
.grid-cols-\[max-content_1fr\] {
  grid-template-columns: max-content 1fr;
}
.grid-cols-\[max-content_auto\] {
  grid-template-columns: max-content auto;
}
.grid-cols-\[min-content\,1fr\,1fr\,min-content\] {
  grid-template-columns: min-content 1fr 1fr min-content;
}
.grid-cols-\[min-content\,1fr\,max-content\,min-content\] {
  grid-template-columns: min-content 1fr max-content min-content;
}
.grid-cols-\[min-content\,1fr\,min-content\] {
  grid-template-columns: min-content 1fr min-content;
}
.grid-cols-\[min-content\,1fr\,minmax\(max-content\,1fr\)\,min-content\] {
  grid-template-columns: min-content 1fr minmax(max-content, 1fr) min-content;
}
.grid-cols-\[min-content_1fr_3fr\] {
  grid-template-columns: min-content 1fr 3fr;
}
.grid-cols-\[repeat\(7\,1fr\)\] {
  grid-template-columns: repeat(7, 1fr);
}
.grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.grid-cols-\[repeat\(auto-fill\,minmax\(280px\,1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.grid-cols-subgrid {
  grid-template-columns: subgrid;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-1fr-auto {
  grid-template-rows: 1fr auto;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.grid-rows-\[1fr\] {
  grid-template-rows: 1fr;
}
.grid-rows-\[min-content_1fr\] {
  grid-template-rows: min-content 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-content-between {
  place-content: space-between;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.\!items-start {
  align-items: flex-start !important;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-center {
  justify-items: center;
}
.justify-items-stretch {
  justify-items: stretch;
}
.\!gap-0 {
  gap: 0px !important;
}
.\!gap-1 {
  gap: .25rem !important;
}
.\!gap-4 {
  gap: 1rem !important;
}
.\!gap-sm {
  gap: var(--size-sm) !important;
}
.\!gap-xs {
  gap: var(--size-xs) !important;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: .125rem;
}
.gap-1 {
  gap: .25rem;
}
.gap-1\.5 {
  gap: .375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-12 {
  gap: 3rem;
}
.gap-14 {
  gap: 3.5rem;
}
.gap-2 {
  gap: .5rem;
}
.gap-2\.5 {
  gap: .625rem;
}
.gap-2xl {
  gap: 96px;
}
.gap-2xs {
  gap: var(--size-2xs);
}
.gap-3 {
  gap: .75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[0\.1em\] {
  gap: .1em;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-lg {
  gap: var(--size-lg);
}
.gap-md {
  gap: var(--size-md);
}
.gap-px {
  gap: 1px;
}
.gap-sm {
  gap: var(--size-sm);
}
.gap-three {
  gap: 3px;
}
.gap-two {
  gap: 2px;
}
.gap-xl {
  gap: var(--size-xl);
}
.gap-xs {
  gap: var(--size-xs);
}
.\!gap-y-md {
  row-gap: var(--size-md) !important;
}
.gap-x-0 {
  -moz-column-gap: 0px;
  column-gap: 0px;
}
.gap-x-0\.5 {
  -moz-column-gap: .125rem;
  column-gap: .125rem;
}
.gap-x-1 {
  -moz-column-gap: .25rem;
  column-gap: .25rem;
}
.gap-x-1\.5 {
  -moz-column-gap: .375rem;
  column-gap: .375rem;
}
.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.gap-x-5 {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.gap-x-\[12px\] {
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.gap-x-lg {
  -moz-column-gap: var(--size-lg);
  column-gap: var(--size-lg);
}
.gap-x-md {
  -moz-column-gap: var(--size-md);
  column-gap: var(--size-md);
}
.gap-x-sm {
  -moz-column-gap: var(--size-sm);
  column-gap: var(--size-sm);
}
.gap-x-two {
  -moz-column-gap: 2px;
  column-gap: 2px;
}
.gap-x-xl {
  -moz-column-gap: var(--size-xl);
  column-gap: var(--size-xl);
}
.gap-x-xs {
  -moz-column-gap: var(--size-xs);
  column-gap: var(--size-xs);
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-y-0\.5 {
  row-gap: .125rem;
}
.gap-y-1 {
  row-gap: .25rem;
}
.gap-y-12 {
  row-gap: 3rem;
}
.gap-y-2 {
  row-gap: .5rem;
}
.gap-y-3 {
  row-gap: .75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.gap-y-\[20px\] {
  row-gap: 20px;
}
.gap-y-\[40px\] {
  row-gap: 40px;
}
.gap-y-lg {
  row-gap: var(--size-lg);
}
.gap-y-md {
  row-gap: var(--size-md);
}
.gap-y-sm {
  row-gap: var(--size-sm);
}
.gap-y-xs {
  row-gap: var(--size-xs);
}
.-space-x-1>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1rem * var(--tw-space-x-reverse));
  margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.25rem * var(--tw-space-x-reverse));
  margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-sm>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--size-sm) * var(--tw-space-x-reverse));
  margin-left: calc(var(--size-sm) * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-two>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2px * var(--tw-space-x-reverse));
  margin-left: calc(2px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-xs>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--size-xs) * var(--tw-space-x-reverse));
  margin-left: calc(var(--size-xs) * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
}
.space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}
.space-y-20>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
.space-y-2xs>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--size-2xs) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--size-2xs) * var(--tw-space-y-reverse));
}
.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}
.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-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));
}
.space-y-lg>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--size-lg) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--size-lg) * var(--tw-space-y-reverse));
}
.space-y-md>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--size-md) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--size-md) * var(--tw-space-y-reverse));
}
.space-y-ml>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--size-ml) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--size-ml) * var(--tw-space-y-reverse));
}
.space-y-px>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1px * var(--tw-space-y-reverse));
}
.space-y-sm>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--size-sm) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--size-sm) * var(--tw-space-y-reverse));
}
.space-y-xs>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--size-xs) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--size-xs) * var(--tw-space-y-reverse));
}
.\!divide-y-0>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) !important;
}
.divide-y>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[\#e5e7eb\]>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-\[\#f3f4f6\]>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-subtle>:not([hidden])~:not([hidden]) {
  border-color: oklch(var(--foreground-subtle-color));
}
.divide-subtlest>:not([hidden])~:not([hidden]) {
  border-color: oklch(var(--foreground-subtlest-color));
}
.place-self-center {
  place-self: center;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-start {
  justify-self: start;
}
.justify-self-end {
  justify-self: end;
}
.justify-self-stretch {
  justify-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.\!overflow-clip {
  overflow: clip !important;
}
.overflow-clip {
  overflow: clip;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.\!overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.text-clip {
  text-overflow: clip;
}
.hyphens-auto {
  hyphens: auto;
}
.whitespace-normal {
  white-space: normal;
}
.\!whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.\!text-wrap {
  text-wrap: wrap !important;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.\!rounded-2xl {
  border-radius: 1rem !important;
}
.\!rounded-3xl {
  border-radius: 1.25rem !important;
}
.\!rounded-\[0\.18rem\] {
  border-radius: .18rem !important;
}
.\!rounded-\[14px\] {
  border-radius: 14px !important;
}
.\!rounded-\[4px\] {
  border-radius: 4px !important;
}
.\!rounded-full {
  border-radius: 9999px !important;
}
.\!rounded-lg {
  border-radius: .5rem !important;
}
.\!rounded-md {
  border-radius: .375rem !important;
}
.\!rounded-none {
  border-radius: 0 !important;
}
.\!rounded-sm {
  border-radius: .125rem !important;
}
.\!rounded-xl {
  border-radius: .75rem !important;
}
.rounded {
  border-radius: .25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.25rem;
}
.rounded-\[100\%\] {
  border-radius: 100%;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[116px\] {
  border-radius: 116px;
}
.rounded-\[122px\] {
  border-radius: 122px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[37px\] {
  border-radius: 37px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[52px\] {
  border-radius: 52px;
}
.rounded-\[54px\] {
  border-radius: 54px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-badge {
  border-radius: .3125rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-inherit {
  border-radius: inherit;
}
.rounded-lg {
  border-radius: .5rem;
}
.rounded-md {
  border-radius: .375rem;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: .125rem;
}
.rounded-xl {
  border-radius: .75rem;
}
.\!rounded-b-none {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.\!rounded-l-\[2px\] {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
.\!rounded-r-\[2px\] {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.rounded-b {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.rounded-b-\[20px\] {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rounded-b-\[32px\] {
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
}
.rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}
.rounded-b-md {
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-b-sm {
  border-bottom-right-radius: .125rem;
  border-bottom-left-radius: .125rem;
}
.rounded-b-xl {
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
}
.rounded-l-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}
.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-l-sm {
  border-top-left-radius: .125rem;
  border-bottom-left-radius: .125rem;
}
.rounded-l-xl {
  border-top-left-radius: .75rem;
  border-bottom-left-radius: .75rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-\[24px\] {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.rounded-t-\[32px\] {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.rounded-t-inherit {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.rounded-t-md {
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;
}
.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rounded-t-sm {
  border-top-left-radius: .125rem;
  border-top-right-radius: .125rem;
}
.rounded-t-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}
.rounded-bl {
  border-bottom-left-radius: .25rem;
}
.rounded-br {
  border-bottom-right-radius: .25rem;
}
.rounded-br-\[9px\] {
  border-bottom-right-radius: 9px;
}
.rounded-tl {
  border-top-left-radius: .25rem;
}
.rounded-tl-\[3px\] {
  border-top-left-radius: 3px;
}
.rounded-tl-md {
  border-top-left-radius: .375rem;
}
.rounded-tr-\[11px\] {
  border-top-right-radius: 11px;
}
.rounded-tr-md {
  border-top-right-radius: .375rem;
}
.\!border {
  border-width: 1px !important;
}
.\!border-0 {
  border-width: 0px !important;
}
.\!border-2 {
  border-width: 2px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[0\.2px\] {
  border-width: .2px;
}
.border-\[0\.5px\] {
  border-width: .5px;
}
.border-\[0\.75px\] {
  border-width: .75px;
}
.border-\[10px\] {
  border-width: 10px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[2px\] {
  border-width: 2px;
}
.border-\[4px\] {
  border-width: 4px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.\!border-b {
  border-bottom-width: 1px !important;
}
.\!border-b-0 {
  border-bottom-width: 0px !important;
}
.\!border-l-0 {
  border-left-width: 0px !important;
}
.\!border-r-0 {
  border-right-width: 0px !important;
}
.\!border-t-0 {
  border-top-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-b-\[1px\] {
  border-bottom-width: 1px;
}
.border-b-\[2px\] {
  border-bottom-width: 2px;
}
.border-e {
  border-inline-end-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-\[5px\] {
  border-top-width: 5px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.\!border-\[\#32B8C6\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(50 184 198 / var(--tw-border-opacity)) !important;
}
.\!border-black\/30 {
  border-color: #0000004d !important;
}
.\!border-black\/5 {
  border-color: #0000000d !important;
}
.\!border-caution {
  --tw-border-opacity: 1 !important;
  border-color: oklch(var(--caution-color) / var(--tw-border-opacity)) !important;
}
.\!border-caution\/50 {
  border-color: oklch(var(--caution-color) / .5) !important;
}
.\!border-inverse {
  border-color: oklch(var(--foreground-inverse-color)) !important;
}
.\!border-negative {
  --tw-border-opacity: 1 !important;
  border-color: oklch(var(--negative-color) / var(--tw-border-opacity)) !important;
}
.\!border-negative\/10 {
  border-color: oklch(var(--negative-color) / .1) !important;
}
.\!border-offset {
  border-color: oklch(var(--offset-color)) !important;
}
.\!border-subtle {
  border-color: oklch(var(--foreground-subtle-color)) !important;
}
.\!border-subtler {
  border-color: oklch(var(--foreground-subtler-color)) !important;
}
.\!border-subtlest {
  border-color: oklch(var(--foreground-subtlest-color)) !important;
}
.\!border-super {
  --tw-border-opacity: 1 !important;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity)) !important;
}
.\!border-super\/10 {
  border-color: oklch(var(--super-color) / .1) !important;
}
.\!border-super\/30 {
  border-color: oklch(var(--super-color) / .3) !important;
}
.\!border-super\/75 {
  border-color: oklch(var(--super-color) / .75) !important;
}
.\!border-transparent {
  border-color: transparent !important;
}
.\!border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-\[\#05FFFF\]\/20 {
  border-color: #05ffff33;
}
.border-\[\#A7A7A2\] {
  --tw-border-opacity: 1;
  border-color: rgb(167 167 162 / var(--tw-border-opacity));
}
.border-\[black\]\/10 {
  border-color: #0000001a;
}
.border-\[black\]\/5 {
  border-color: #0000000d;
}
.border-\[oklch\(var\(--dark-border-color\)\)\] {
  border-color: oklch(var(--dark-border-color));
}
.border-black\/10 {
  border-color: #0000001a;
}
.border-black\/20 {
  border-color: #0003;
}
.border-black\/5 {
  border-color: #0000000d;
}
.border-caution\/20 {
  border-color: oklch(var(--caution-color) / .2);
}
.border-caution\/50 {
  border-color: oklch(var(--caution-color) / .5);
}
.border-dynamic {
  border-color: oklch(var(--border-dynamic));
}
.border-foreground {
  border-color: oklch(var(--foreground-color));
}
.border-inverse {
  border-color: oklch(var(--foreground-inverse-color));
}
.border-max {
  --tw-border-opacity: 1;
  border-color: oklch(var(--max-color) / var(--tw-border-opacity));
}
.border-negative {
  --tw-border-opacity: 1;
  border-color: oklch(var(--negative-color) / var(--tw-border-opacity));
}
.border-subtle {
  border-color: oklch(var(--foreground-subtle-color));
}
.border-subtler {
  border-color: oklch(var(--foreground-subtler-color));
}
.border-subtlest {
  border-color: oklch(var(--foreground-subtlest-color));
}
.border-super {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.border-super\/10 {
  border-color: oklch(var(--super-color) / .1);
}
.border-super\/20 {
  border-color: oklch(var(--super-color) / .2);
}
.border-super\/30 {
  border-color: oklch(var(--super-color) / .3);
}
.border-super\/50 {
  border-color: oklch(var(--super-color) / .5);
}
.border-superBG {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-bg-color) / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-white\/10 {
  border-color: #ffffff1a;
}
.border-white\/20 {
  border-color: #fff3;
}
.border-white\/30 {
  border-color: #ffffff4d;
}
.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}
.\!border-b-subtler {
  border-bottom-color: oklch(var(--foreground-subtler-color)) !important;
}
.\!border-b-subtlest {
  border-bottom-color: oklch(var(--foreground-subtlest-color)) !important;
}
.\!border-t-subtlest {
  border-top-color: oklch(var(--foreground-subtlest-color)) !important;
}
.border-b-subtler {
  border-bottom-color: oklch(var(--foreground-subtler-color));
}
.border-r-subtlest {
  border-right-color: oklch(var(--foreground-subtlest-color));
}
.border-t-subtlest {
  border-top-color: oklch(var(--foreground-subtlest-color));
}
.border-t-super {
  --tw-border-opacity: 1;
  border-top-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.border-t-transparent {
  border-top-color: transparent;
}
.\!bg-\[\#1e293b\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#5433eb\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(84 51 235 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#e10600\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(225 6 0 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#ffffff1a\] {
  background-color: #ffffff1a !important;
}
.\!bg-\[gold\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 215 0 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[oklch\(var\(--dark-background-base-color\)\)\] {
  background-color: oklch(var(--dark-background-base-color)) !important;
}
.\!bg-\[oklch\(var\(--pale-blue-200\)\)\] {
  background-color: oklch(var(--pale-blue-200)) !important;
}
.\!bg-\[silver\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(192 192 192 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[var\(--header-bg\,\#051224\)\] {
  background-color: var(--header-bg, #051224) !important;
}
.\!bg-\[var\(--header-bg\,\#84754E\)\] {
  background-color: var(--header-bg, #84754E) !important;
}
.\!bg-attention\/10 {
  background-color: oklch(var(--attention-color) / .1) !important;
}
.\!bg-base {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity)) !important;
}
.\!bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.\!bg-black\/10 {
  background-color: #0000001a !important;
}
.\!bg-black\/30 {
  background-color: #0000004d !important;
}
.\!bg-black\/5 {
  background-color: #0000000d !important;
}
.\!bg-caution\/10 {
  background-color: oklch(var(--caution-color) / .1) !important;
}
.\!bg-inverse {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--background-inverse-color) / var(--tw-bg-opacity)) !important;
}
.\!bg-inverse\/10 {
  background-color: oklch(var(--background-inverse-color) / .1) !important;
}
.\!bg-inverse\/100 {
  background-color: oklch(var(--background-inverse-color) / 1) !important;
}
.\!bg-inverse\/5 {
  background-color: oklch(var(--background-inverse-color) / .05) !important;
}
.\!bg-inverse\/50 {
  background-color: oklch(var(--background-inverse-color) / .5) !important;
}
.\!bg-inverse\/70 {
  background-color: oklch(var(--background-inverse-color) / .7) !important;
}
.\!bg-negative\/10 {
  background-color: oklch(var(--negative-color) / .1) !important;
}
.\!bg-negative\/20 {
  background-color: oklch(var(--negative-color) / .2) !important;
}
.\!bg-raised {
  background-color: oklch(var(--background-raised-color)) !important;
}
.\!bg-subtle {
  background-color: oklch(var(--background-subtle-color)) !important;
}
.\!bg-subtler {
  background-color: oklch(var(--background-subtler-color)) !important;
}
.\!bg-subtlest {
  background-color: oklch(var(--background-subtlest-color)) !important;
}
.\!bg-super {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity)) !important;
}
.\!bg-super\/10 {
  background-color: oklch(var(--super-color) / .1) !important;
}
.\!bg-super\/15 {
  background-color: oklch(var(--super-color) / .15) !important;
}
.\!bg-super\/20 {
  background-color: oklch(var(--super-color) / .2) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.\!bg-white\/10 {
  background-color: #ffffff1a !important;
}
.\!bg-white\/20 {
  background-color: #fff3 !important;
}
.\!bg-white\/5 {
  background-color: #ffffff0d !important;
}
.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#008cff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 140 255 / var(--tw-bg-opacity));
}
.bg-\[\#059669\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity));
}
.bg-\[\#13343B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 52 59 / var(--tw-bg-opacity));
}
.bg-\[\#19789E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(25 120 158 / var(--tw-bg-opacity));
}
.bg-\[\#1F2121\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 33 33 / var(--tw-bg-opacity));
}
.bg-\[\#21808D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 128 141 / var(--tw-bg-opacity));
}
.bg-\[\#292524\] {
  --tw-bg-opacity: 1;
  background-color: rgb(41 37 36 / var(--tw-bg-opacity));
}
.bg-\[\#32B8C6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(50 184 198 / var(--tw-bg-opacity));
}
.bg-\[\#44403c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(68 64 60 / var(--tw-bg-opacity));
}
.bg-\[\#482d2f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(72 45 47 / var(--tw-bg-opacity));
}
.bg-\[\#60584D\]\/\[0\.06\] {
  background-color: #60584d0f;
}
.bg-\[\#64748b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
.bg-\[\#848456\] {
  --tw-bg-opacity: 1;
  background-color: rgb(132 132 86 / var(--tw-bg-opacity));
}
.bg-\[\#865D95\] {
  --tw-bg-opacity: 1;
  background-color: rgb(134 93 149 / var(--tw-bg-opacity));
}
.bg-\[\#944454\] {
  --tw-bg-opacity: 1;
  background-color: rgb(148 68 84 / var(--tw-bg-opacity));
}
.bg-\[\#A84B2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(168 75 47 / var(--tw-bg-opacity));
}
.bg-\[\#C0152F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(192 21 47 / var(--tw-bg-opacity));
}
.bg-\[\#D39900\] {
  --tw-bg-opacity: 1;
  background-color: rgb(211 153 0 / var(--tw-bg-opacity));
}
.bg-\[\#DB7100\] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 113 0 / var(--tw-bg-opacity));
}
.bg-\[\#d1fae5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity));
}
.bg-\[\#dbeafe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.bg-\[\#e10600\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 6 0 / var(--tw-bg-opacity));
}
.bg-\[\#e11d48\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity));
}
.bg-\[\#f3f3ef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 239 / var(--tw-bg-opacity));
}
.bg-\[\#facc15\]\/25 {
  background-color: #facc1540;
}
.bg-\[\#fee2e2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.bg-\[\#fef3c7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
}
.bg-\[oklch\(var\(--dark-background-base-color\)\)\] {
  background-color: oklch(var(--dark-background-base-color));
}
.bg-attention {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--attention-color) / var(--tw-bg-opacity));
}
.bg-backdrop {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--backdrop-color) / var(--tw-bg-opacity));
}
.bg-backdrop\/25 {
  background-color: oklch(var(--backdrop-color) / .25);
}
.bg-backdrop\/70 {
  background-color: oklch(var(--backdrop-color) / .7);
}
.bg-backdrop\/80 {
  background-color: oklch(var(--backdrop-color) / .8);
}
.bg-base {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity));
}
.bg-base\/40 {
  background-color: oklch(var(--background-base-color) / .4);
}
.bg-base\/80 {
  background-color: oklch(var(--background-base-color) / .8);
}
.bg-base\/95 {
  background-color: oklch(var(--background-base-color) / .95);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/10 {
  background-color: #0000001a;
}
.bg-black\/20 {
  background-color: #0003;
}
.bg-black\/30 {
  background-color: #0000004d;
}
.bg-black\/40 {
  background-color: #0006;
}
.bg-black\/50 {
  background-color: #00000080;
}
.bg-black\/60 {
  background-color: #0009;
}
.bg-black\/80 {
  background-color: #000c;
}
.bg-caution {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--caution-color) / var(--tw-bg-opacity));
}
.bg-caution\/10 {
  background-color: oklch(var(--caution-color) / .1);
}
.bg-caution\/5 {
  background-color: oklch(var(--caution-color) / .05);
}
.bg-current {
  background-color: currentColor;
}
.bg-dark {
  background-color: oklch(var(--dark-background-base-color));
}
.bg-inverse {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--background-inverse-color) / var(--tw-bg-opacity));
}
.bg-inverse\/10 {
  background-color: oklch(var(--background-inverse-color) / .1);
}
.bg-inverse\/15 {
  background-color: oklch(var(--background-inverse-color) / .15);
}
.bg-inverse\/20 {
  background-color: oklch(var(--background-inverse-color) / .2);
}
.bg-inverse\/25 {
  background-color: oklch(var(--background-inverse-color) / .25);
}
.bg-inverse\/30 {
  background-color: oklch(var(--background-inverse-color) / .3);
}
.bg-inverse\/45 {
  background-color: oklch(var(--background-inverse-color) / .45);
}
.bg-inverse\/5 {
  background-color: oklch(var(--background-inverse-color) / .05);
}
.bg-inverse\/50 {
  background-color: oklch(var(--background-inverse-color) / .5);
}
.bg-inverse\/70 {
  background-color: oklch(var(--background-inverse-color) / .7);
}
.bg-lightbox\/95 {
  background-color: oklch(var(--background-lightbox-color) / .95);
}
.bg-max {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--max-color) / var(--tw-bg-opacity));
}
.bg-negative {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--negative-color) / var(--tw-bg-opacity));
}
.bg-negative\/10 {
  background-color: oklch(var(--negative-color) / .1);
}
.bg-offset {
  background-color: oklch(var(--offset-color));
}
.bg-offset-special {
  background-color: oklch(var(--surface-offset-special));
}
.bg-positive {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--positive-color) / var(--tw-bg-opacity));
}
.bg-positive\/10 {
  background-color: oklch(var(--positive-color) / .1);
}
.bg-raised {
  background-color: oklch(var(--background-raised-color));
}
.bg-raisedOffset {
  background-color: oklch(var(--raised-offset-color));
}
.bg-subtle {
  background-color: oklch(var(--background-subtle-color));
}
.bg-subtler {
  background-color: oklch(var(--background-subtler-color));
}
.bg-subtlest {
  background-color: oklch(var(--background-subtlest-color));
}
.bg-super {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity));
}
.bg-super\/10 {
  background-color: oklch(var(--super-color) / .1);
}
.bg-super\/15 {
  background-color: oklch(var(--super-color) / .15);
}
.bg-super\/20 {
  background-color: oklch(var(--super-color) / .2);
}
.bg-super\/30 {
  background-color: oklch(var(--super-color) / .3);
}
.bg-super\/5 {
  background-color: oklch(var(--super-color) / .05);
}
.bg-superBG {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-bg-color) / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-underlay {
  background-color: oklch(var(--background-underlay-color));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/30 {
  background-color: #ffffff4d;
}
.bg-white\/5 {
  background-color: #ffffff0d;
}
.bg-white\/50 {
  background-color: #ffffff80;
}
.bg-white\/75 {
  background-color: #ffffffbf;
}
.bg-white\/80 {
  background-color: #fffc;
}
.bg-opacity-60 {
  --tw-bg-opacity: .6;
}
.bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,oklch\(var\(--background-base-color\)\)_0\%\,oklch\(var\(--background-base-color\)\)_56\.83\%\,transparent_100\%\)\] {
  background-image: radial-gradient(50% 50% at 50% 50%, oklch(var(--background-base-color)) 0%, oklch(var(--background-base-color)) 56.83%, transparent 100%);
}
.bg-\[radial-gradient\(circle_farthest-side_at_0_100\%\,\#139FB233\,\#139FB2cc\)\,radial-gradient\(circle_farthest-side_at_100\%_0\,\#139FB233\,transparent\)\] {
  background-image: radial-gradient(circle farthest-side at 0 100%, #139fb233, #139fb2cc), radial-gradient(circle farthest-side at 100% 0, #139FB233, transparent);
}
.bg-\[radial-gradient\(circle_farthest-side_at_0_100\%\,\#27cae0e3\,transparent\)\,radial-gradient\(circle_farthest-side_at_100\%_0\,\#24B4C81A\,transparent\)\] {
  background-image: radial-gradient(circle farthest-side at 0 100%, #27cae0e3, transparent), radial-gradient(circle farthest-side at 100% 0, #24B4C81A, transparent);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-\[\#1FB8CD80\] {
  --tw-gradient-from: #1FB8CD80 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 184 205 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-base {
  --tw-gradient-from: oklch(var(--background-base-color) / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: oklch(var(--background-base-color) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-base\/50 {
  --tw-gradient-from: oklch(var(--background-base-color) / .5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black {
  --tw-gradient-from: #000 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\/50 {
  --tw-gradient-from: rgb(0 0 0 / .5) 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\/60 {
  --tw-gradient-from: rgb(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\/70 {
  --tw-gradient-from: rgb(0 0 0 / .7) 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-negative\/20 {
  --tw-gradient-from: oklch(var(--negative-color) / .2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-subtler {
  --tw-gradient-from: oklch(var(--background-subtler-color)) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-super\/25 {
  --tw-gradient-from: oklch(var(--super-color) / .25) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-0\% {
  --tw-gradient-from-position: 0%;
}
.from-35\% {
  --tw-gradient-from-position: 35%;
}
.from-45\% {
  --tw-gradient-from-position: 45%;
}
.from-5\% {
  --tw-gradient-from-position: 5%;
}
.from-\[-10\%\] {
  --tw-gradient-from-position: -10%;
}
.via-base {
  --tw-gradient-to: oklch(var(--background-base-color) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), oklch(var(--background-base-color) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-base\/80 {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), oklch(var(--background-base-color) / .8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-subtle {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), oklch(var(--background-subtle-color)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-subtler {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), oklch(var(--background-subtler-color)) 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);
}
.via-50\% {
  --tw-gradient-via-position: 50%;
}
.via-75\% {
  --tw-gradient-via-position: 75%;
}
.via-\[calc\(100\%_-_12px\)\] {
  --tw-gradient-via-position: calc(100% - 12px);
}
.to-\[\#02233E\] {
  --tw-gradient-to: #02233E var(--tw-gradient-to-position);
}
.to-\[\#24B4C81A\] {
  --tw-gradient-to: #24B4C81A var(--tw-gradient-to-position);
}
.to-\[oklch\(var\(--light-background-base-color\)\)\] {
  --tw-gradient-to: oklch(var(--light-background-base-color)) var(--tw-gradient-to-position);
}
.to-\[rgba\(180\,180\,180\,0\.075\)\] {
  --tw-gradient-to: rgba(180, 180, 180, .075) var(--tw-gradient-to-position);
}
.to-attention\/20 {
  --tw-gradient-to: oklch(var(--attention-color) / .2) var(--tw-gradient-to-position);
}
.to-base {
  --tw-gradient-to: oklch(var(--background-base-color) / 1) var(--tw-gradient-to-position);
}
.to-base\/0 {
  --tw-gradient-to: oklch(var(--background-base-color) / 0) var(--tw-gradient-to-position);
}
.to-black\/20 {
  --tw-gradient-to: rgb(0 0 0 / .2) var(--tw-gradient-to-position);
}
.to-subtler {
  --tw-gradient-to: oklch(var(--background-subtler-color)) var(--tw-gradient-to-position);
}
.to-super\/25 {
  --tw-gradient-to: oklch(var(--super-color) / .25) var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-100\% {
  --tw-gradient-to-position: 100%;
}
.to-\[110\%\] {
  --tw-gradient-to-position: 110%;
}
.bg-cover {
  background-size: cover;
}
.bg-clip-border {
  background-clip: border-box;
}
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.\!fill-inverse {
  fill: oklch(var(--foreground-inverse-color)) !important;
}
.\!fill-super {
  fill: oklch(var(--super-color) / 1) !important;
}
.fill-\[\#eab308\] {
  fill: #eab308;
}
.fill-\[oklch\(var\(--dark-background-base-color\)\)\] {
  fill: oklch(var(--dark-background-base-color));
}
.fill-base {
  fill: oklch(var(--background-base-color));
}
.fill-caution {
  fill: oklch(var(--caution-color) / 1);
}
.fill-current {
  fill: currentColor;
}
.fill-foreground {
  fill: oklch(var(--foreground-color));
}
.fill-inverse {
  fill: oklch(var(--foreground-inverse-color));
}
.fill-light {
  fill: oklch(var(--dark-foreground-color));
}
.fill-max {
  fill: oklch(var(--max-color) / 1);
}
.fill-quiet {
  fill: oklch(var(--foreground-quiet-color));
}
.fill-super {
  fill: oklch(var(--super-color) / 1);
}
.fill-transparent {
  fill: transparent;
}
.stroke-\[\#e10600\] {
  stroke: #e10600;
}
.stroke-caution {
  stroke: oklch(var(--caution-color) / 1);
}
.stroke-foreground {
  stroke: oklch(var(--foreground-color));
}
.stroke-inverse {
  stroke: oklch(var(--foreground-inverse-color));
}
.stroke-light {
  stroke: oklch(var(--dark-foreground-color));
}
.stroke-quiet {
  stroke: oklch(var(--foreground-quiet-color));
}
.stroke-super {
  stroke: oklch(var(--super-color) / 1);
}
.stroke-white\/5 {
  stroke: #ffffff0d;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.object-none {
  -o-object-fit: none;
  object-fit: none;
}
.\!object-center {
  -o-object-position: center !important;
  object-position: center !important;
}
.object-\[0_90\%\] {
  -o-object-position: 0 90%;
  object-position: 0 90%;
}
.object-\[60\%_center\] {
  -o-object-position: 60% center;
  object-position: 60% center;
}
.object-center {
  -o-object-position: center;
  object-position: center;
}
.object-left {
  -o-object-position: left;
  object-position: left;
}
.object-left-top {
  -o-object-position: left top;
  object-position: left top;
}
.object-top {
  -o-object-position: top;
  object-position: top;
}
.\!p-0 {
  padding: 0 !important;
}
.\!p-3 {
  padding: .75rem !important;
}
.\!p-6 {
  padding: 1.5rem !important;
}
.\!p-md {
  padding: var(--size-md) !important;
}
.p-0 {
  padding: 0;
}
.p-0\.5 {
  padding: .125rem;
}
.p-1 {
  padding: .25rem;
}
.p-1\.5 {
  padding: .375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: .5rem;
}
.p-2\.5 {
  padding: .625rem;
}
.p-24 {
  padding: 6rem;
}
.p-2xl {
  padding: 96px;
}
.p-2xs {
  padding: var(--size-2xs);
}
.p-3 {
  padding: .75rem;
}
.p-32 {
  padding: 8rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-7 {
  padding: 1.75rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[0\.1rem\] {
  padding: .1rem;
}
.p-\[0\.2rem\] {
  padding: .2rem;
}
.p-\[0\.5px\] {
  padding: .5px;
}
.p-\[0\.8rem\] {
  padding: .8rem;
}
.p-\[1\.5px\] {
  padding: 1.5px;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[12px\] {
  padding: 12px;
}
.p-\[2\.5px\] {
  padding: 2.5px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[4px\] {
  padding: 4px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-\[7px\] {
  padding: 7px;
}
.p-\[8px\] {
  padding: 8px;
}
.p-half {
  padding: .5px;
}
.p-lg {
  padding: var(--size-lg);
}
.p-md {
  padding: var(--size-md);
}
.p-ml {
  padding: var(--size-ml);
}
.p-one, .p-px {
  padding: 1px;
}
.p-sm {
  padding: var(--size-sm);
}
.p-three {
  padding: 3px;
}
.p-two {
  padding: 2px;
}
.p-xl {
  padding: var(--size-xl);
}
.p-xs {
  padding: var(--size-xs);
}
.\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.\!px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}
.\!px-1\.5 {
  padding-left: .375rem !important;
  padding-right: .375rem !important;
}
.\!px-2xl {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.\!px-3 {
  padding-left: .75rem !important;
  padding-right: .75rem !important;
}
.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.\!px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.\!px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.\!px-lg {
  padding-left: var(--size-lg) !important;
  padding-right: var(--size-lg) !important;
}
.\!px-md {
  padding-left: var(--size-md) !important;
  padding-right: var(--size-md) !important;
}
.\!px-sm {
  padding-left: var(--size-sm) !important;
  padding-right: var(--size-sm) !important;
}
.\!px-xs {
  padding-left: var(--size-xs) !important;
  padding-right: var(--size-xs) !important;
}
.\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.\!py-md {
  padding-top: var(--size-md) !important;
  padding-bottom: var(--size-md) !important;
}
.\!py-sm {
  padding-top: var(--size-sm) !important;
  padding-bottom: var(--size-sm) !important;
}
.\!py-xs {
  padding-top: var(--size-xs) !important;
  padding-bottom: var(--size-xs) !important;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}
.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}
.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}
.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}
.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}
.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.1875rem\] {
  padding-left: .1875rem;
  padding-right: .1875rem;
}
.px-\[0\.3rem\] {
  padding-left: .3rem;
  padding-right: .3rem;
}
.px-\[0\.6em\] {
  padding-left: .6em;
  padding-right: .6em;
}
.px-\[0\.6rem\] {
  padding-left: .6rem;
  padding-right: .6rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-lg {
  padding-left: var(--size-lg);
  padding-right: var(--size-lg);
}
.px-md {
  padding-left: var(--size-md);
  padding-right: var(--size-md);
}
.px-pageHorizontalPadding {
  padding-left: var(--page-horizontal-padding);
  padding-right: var(--page-horizontal-padding);
}
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.px-sm {
  padding-left: var(--size-sm);
  padding-right: var(--size-sm);
}
.px-three {
  padding-left: 3px;
  padding-right: 3px;
}
.px-two {
  padding-left: 2px;
  padding-right: 2px;
}
.px-xl {
  padding-left: var(--size-xl);
  padding-right: var(--size-xl);
}
.px-xs {
  padding-left: var(--size-xs);
  padding-right: var(--size-xs);
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}
.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}
.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.py-2xl {
  padding-top: 96px;
  padding-bottom: 96px;
}
.py-2xs {
  padding-top: var(--size-2xs);
  padding-bottom: var(--size-2xs);
}
.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[0\.125rem\] {
  padding-top: .125rem;
  padding-bottom: .125rem;
}
.py-\[0\.15em\] {
  padding-top: .15em;
  padding-bottom: .15em;
}
.py-\[0\.175rem\] {
  padding-top: .175rem;
  padding-bottom: .175rem;
}
.py-\[0\.1875rem\] {
  padding-top: .1875rem;
  padding-bottom: .1875rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-lg {
  padding-top: var(--size-lg);
  padding-bottom: var(--size-lg);
}
.py-md {
  padding-top: var(--size-md);
  padding-bottom: var(--size-md);
}
.py-ml {
  padding-top: var(--size-ml);
  padding-bottom: var(--size-ml);
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-sm {
  padding-top: var(--size-sm);
  padding-bottom: var(--size-sm);
}
.py-three {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-two {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-xl {
  padding-top: var(--size-xl);
  padding-bottom: var(--size-xl);
}
.py-xs {
  padding-top: var(--size-xs);
  padding-bottom: var(--size-xs);
}
.\!pb-0 {
  padding-bottom: 0 !important;
}
.\!pb-4 {
  padding-bottom: 1rem !important;
}
.\!pb-6 {
  padding-bottom: 1.5rem !important;
}
.\!pb-md {
  padding-bottom: var(--size-md) !important;
}
.\!pb-px {
  padding-bottom: 1px !important;
}
.\!pl-0 {
  padding-left: 0 !important;
}
.\!pl-1 {
  padding-left: .25rem !important;
}
.\!pl-1\.5 {
  padding-left: .375rem !important;
}
.\!pl-3 {
  padding-left: .75rem !important;
}
.\!pl-4 {
  padding-left: 1rem !important;
}
.\!pl-\[0\.3em\] {
  padding-left: .3em !important;
}
.\!pl-\[23px\] {
  padding-left: 23px !important;
}
.\!pl-sm {
  padding-left: var(--size-sm) !important;
}
.\!pr-0 {
  padding-right: 0 !important;
}
.\!pr-3 {
  padding-right: .75rem !important;
}
.\!pt-0 {
  padding-top: 0 !important;
}
.\!pt-10 {
  padding-top: 2.5rem !important;
}
.\!pt-4 {
  padding-top: 1rem !important;
}
.\!pt-8 {
  padding-top: 2rem !important;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-0\.5 {
  padding-bottom: .125rem;
}
.pb-1 {
  padding-bottom: .25rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: .5rem;
}
.pb-2xs {
  padding-bottom: var(--size-2xs);
}
.pb-3 {
  padding-bottom: .75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-48 {
  padding-bottom: 12rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[100px\] {
  padding-bottom: 100px;
}
.pb-\[12px\] {
  padding-bottom: 12px;
}
.pb-\[144px\] {
  padding-bottom: 144px;
}
.pb-\[160px\] {
  padding-bottom: 160px;
}
.pb-\[200px\] {
  padding-bottom: 200px;
}
.pb-\[32px\] {
  padding-bottom: 32px;
}
.pb-\[57px\] {
  padding-bottom: 57px;
}
.pb-\[80px\] {
  padding-bottom: 80px;
}
.pb-headerHeight {
  padding-bottom: var(--header-height);
}
.pb-lg {
  padding-bottom: var(--size-lg);
}
.pb-md {
  padding-bottom: var(--size-md);
}
.pb-mobileNavHeight {
  padding-bottom: var(--mobile-nav-height);
}
.pb-px {
  padding-bottom: 1px;
}
.pb-safeAreaInsetBottom {
  padding-bottom: var(--safe-area-inset-bottom);
}
.pb-sm {
  padding-bottom: var(--size-sm);
}
.pb-threadAttachmentsHeightWithPadding {
  padding-bottom: var(--thread-attachments-height-with-padding);
}
.pb-threadInputHeightWithPadding {
  padding-bottom: var(--thread-input-height-with-padding);
}
.pb-three {
  padding-bottom: 3px;
}
.pb-two {
  padding-bottom: 2px;
}
.pb-xl {
  padding-bottom: var(--size-xl);
}
.pb-xs {
  padding-bottom: var(--size-xs);
}
.pe-\[20px\] {
  padding-inline-end: 20px;
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: .25rem;
}
.pl-1\.5 {
  padding-left: .375rem;
}
.pl-2 {
  padding-left: .5rem;
}
.pl-3 {
  padding-left: .75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[12px\] {
  padding-left: 12px;
}
.pl-\[14px\] {
  padding-left: 14px;
}
.pl-\[2px\] {
  padding-left: 2px;
}
.pl-\[3px\] {
  padding-left: 3px;
}
.pl-\[40px\] {
  padding-left: 40px;
}
.pl-\[4px\] {
  padding-left: 4px;
}
.pl-\[7px\] {
  padding-left: 7px;
}
.pl-lg {
  padding-left: var(--size-lg);
}
.pl-md {
  padding-left: var(--size-md);
}
.pl-px {
  padding-left: 1px;
}
.pl-sm {
  padding-left: var(--size-sm);
}
.pl-two {
  padding-left: 2px;
}
.pl-xs {
  padding-left: var(--size-xs);
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: .25rem;
}
.pr-16 {
  padding-right: 4rem;
}
.pr-2 {
  padding-right: .5rem;
}
.pr-2\.5 {
  padding-right: .625rem;
}
.pr-28 {
  padding-right: 7rem;
}
.pr-3 {
  padding-right: .75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pr-\[128px\] {
  padding-right: 128px;
}
.pr-\[12px\] {
  padding-right: 12px;
}
.pr-\[17\.6px\] {
  padding-right: 17.6px;
}
.pr-\[24px\] {
  padding-right: 24px;
}
.pr-\[49px\] {
  padding-right: 49px;
}
.pr-\[75px\] {
  padding-right: 75px;
}
.pr-\[7px\] {
  padding-right: 7px;
}
.pr-lg {
  padding-right: var(--size-lg);
}
.pr-md {
  padding-right: var(--size-md);
}
.pr-sm {
  padding-right: var(--size-sm);
}
.pr-three {
  padding-right: 3px;
}
.pr-xs {
  padding-right: var(--size-xs);
}
.ps-md {
  padding-inline-start: var(--size-md);
}
.pt-0 {
  padding-top: 0;
}
.pt-0\.5 {
  padding-top: .125rem;
}
.pt-1 {
  padding-top: .25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: .5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-2xl {
  padding-top: 96px;
}
.pt-3 {
  padding-top: .75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-44 {
  padding-top: 11rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-\[0\.275rem\] {
  padding-top: .275rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[12px\] {
  padding-top: 12px;
}
.pt-\[36px\] {
  padding-top: 36px;
}
.pt-\[48px\] {
  padding-top: 48px;
}
.pt-\[4px\] {
  padding-top: 4px;
}
.pt-\[88px\] {
  padding-top: 88px;
}
.pt-\[8vh\] {
  padding-top: 8vh;
}
.pt-headerHeight {
  padding-top: var(--header-height);
}
.pt-lg {
  padding-top: var(--size-lg);
}
.pt-md {
  padding-top: var(--size-md);
}
.pt-one, .pt-px {
  padding-top: 1px;
}
.pt-sm {
  padding-top: var(--size-sm);
}
.pt-three {
  padding-top: 3px;
}
.pt-two {
  padding-top: 2px;
}
.pt-xl {
  padding-top: var(--size-xl);
}
.pt-xs {
  padding-top: var(--size-xs);
}
.\!text-left {
  text-align: left !important;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-text-top {
  vertical-align: text-top;
}
.align-\[-0\.125em\] {
  vertical-align: -.125em;
}
.\!font-display {
  font-family: var(--font-fk-grotesk), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.\!font-editorial {
  font-family: var(--font-pp-editorial), pp-editorial, ui-serif, Georgia, Cambria, serif !important;
}
.\!font-mono {
  font-family: var(--font-berkeley-mono), ui-monospace, SFMono-Regular, monospace !important;
}
.\!font-sans {
  font-family: var(--font-fk-grotesk-neue), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Hiragino Sans, PingFang SC, Apple SD Gothic Neo, Yu Gothic, Microsoft YaHei, Microsoft JhengHei, Meiryo !important;
}
.font-display {
  font-family: var(--font-fk-grotesk), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-editorial {
  font-family: var(--font-pp-editorial), pp-editorial, ui-serif, Georgia, Cambria, serif;
}
.font-mono {
  font-family: var(--font-berkeley-mono), ui-monospace, SFMono-Regular, monospace;
}
.font-sans {
  font-family: var(--font-fk-grotesk-neue), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Hiragino Sans, PingFang SC, Apple SD Gothic Neo, Yu Gothic, Microsoft YaHei, Microsoft JhengHei, Meiryo;
}
.\!text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\!text-2xs {
  font-size: 11px !important;
  line-height: 1rem !important;
}
.\!text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.\!text-\[0\.6875rem\] {
  font-size: .6875rem !important;
}
.\!text-\[0\.68rem\] {
  font-size: .68rem !important;
}
.\!text-\[0\.7rem\] {
  font-size: .7rem !important;
}
.\!text-\[0\.8125rem\] {
  font-size: .8125rem !important;
}
.\!text-\[1\.2rem\] {
  font-size: 1.2rem !important;
}
.\!text-\[1\.3rem\] {
  font-size: 1.3rem !important;
}
.\!text-\[1\.75rem\] {
  font-size: 1.75rem !important;
}
.\!text-\[10px\] {
  font-size: 10px !important;
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.\!text-\[1rem\] {
  font-size: 1rem !important;
}
.\!text-\[2rem\] {
  font-size: 2rem !important;
}
.\!text-\[3rem\] {
  font-size: 3rem !important;
}
.\!text-\[48px\] {
  font-size: 48px !important;
}
.\!text-\[64px\] {
  font-size: 64px !important;
}
.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-inherit {
  font-size: inherit !important;
  line-height: inherit !important;
}
.\!text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.\!text-sm {
  font-size: .875rem !important;
  line-height: 1.25rem !important;
}
.\!text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.\!text-xs {
  font-size: .75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xs {
  font-size: 11px;
  line-height: 1rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-3xs {
  font-size: 10px;
  line-height: .625rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.80rem\] {
  font-size: .8rem;
}
.text-\[0\.8125rem\] {
  font-size: .8125rem;
}
.text-\[0\] {
  font-size: 0;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[2\.4rem\] {
  font-size: 2.4rem;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-inherit {
  font-size: inherit;
  line-height: inherit;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}
.\!font-light {
  font-weight: 300 !important;
}
.\!font-medium {
  font-weight: 500 !important;
}
.\!font-normal {
  font-weight: 400 !important;
}
.font-\[450\] {
  font-weight: 450;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.\!leading-\[1\.1\] {
  line-height: 1.1 !important;
}
.\!leading-\[1\.2\] {
  line-height: 1.2 !important;
}
.\!leading-none {
  line-height: 1 !important;
}
.\!leading-snug {
  line-height: 1.375 !important;
}
.\!leading-tight {
  line-height: 1.25 !important;
}
.leading-4 {
  line-height: 1rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-\[0\.875rem\] {
  line-height: .875rem;
}
.leading-\[1\.125rem\] {
  line-height: 1.125rem;
}
.leading-\[1\.1\] {
  line-height: 1.1;
}
.leading-\[1\.2\] {
  line-height: 1.2;
}
.leading-\[1\.3\] {
  line-height: 1.3;
}
.leading-\[1\.5em\] {
  line-height: 1.5em;
}
.leading-\[12px\] {
  line-height: 12px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[32px\] {
  line-height: 32px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.leading-\[64px\] {
  line-height: 64px;
}
.leading-\[initial\] {
  line-height: initial;
}
.leading-loose {
  line-height: 2;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.\!tracking-wider {
  letter-spacing: .05em !important;
}
.tracking-\[-0\.8px\] {
  letter-spacing: -.8px;
}
.tracking-\[-1\.8px\] {
  letter-spacing: -1.8px;
}
.tracking-\[-1px\] {
  letter-spacing: -1px;
}
.tracking-tight {
  letter-spacing: -.025em;
}
.tracking-wide {
  letter-spacing: .025em;
}
.tracking-wider {
  letter-spacing: .05em;
}
.\!text-\[\#20808D\] {
  --tw-text-opacity: 1 !important;
  color: rgb(32 128 141 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#A84B2F\] {
  --tw-text-opacity: 1 !important;
  color: rgb(168 75 47 / var(--tw-text-opacity)) !important;
}
.\!text-\[currentColor\] {
  color: currentColor !important;
}
.\!text-\[var\(--mode-color\)\] {
  color: var(--mode-color) !important;
}
.\!text-\[white\] {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\!text-attention {
  --tw-text-opacity: 1 !important;
  color: oklch(var(--attention-color) / var(--tw-text-opacity)) !important;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.\!text-black\/50 {
  color: #00000080 !important;
}
.\!text-black\/60 {
  color: #0009 !important;
}
.\!text-caution {
  --tw-text-opacity: 1 !important;
  color: oklch(var(--caution-color) / var(--tw-text-opacity)) !important;
}
.\!text-dark {
  color: oklch(var(--light-foreground-color)) !important;
}
.\!text-foreground {
  color: oklch(var(--foreground-color)) !important;
}
.\!text-inherit {
  color: inherit !important;
}
.\!text-inverse {
  color: oklch(var(--foreground-inverse-color)) !important;
}
.\!text-light {
  color: oklch(var(--dark-foreground-color)) !important;
}
.\!text-negative {
  --tw-text-opacity: 1 !important;
  color: oklch(var(--negative-color) / var(--tw-text-opacity)) !important;
}
.\!text-positive {
  --tw-text-opacity: 1 !important;
  color: oklch(var(--positive-color) / var(--tw-text-opacity)) !important;
}
.\!text-quiet {
  color: oklch(var(--foreground-quiet-color)) !important;
}
.\!text-quieter {
  color: oklch(var(--foreground-quieter-color)) !important;
}
.\!text-super {
  --tw-text-opacity: 1 !important;
  color: oklch(var(--super-color) / var(--tw-text-opacity)) !important;
}
.\!text-transparent {
  color: transparent !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\!text-white\/50 {
  color: #ffffff80 !important;
}
.text-\[\#15803d\] {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}
.text-\[\#16a34a\] {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-\[\#1d4ed8\] {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-\[\#22c55e\] {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-\[\#3b82f6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-\[\#B1EFF7\] {
  --tw-text-opacity: 1;
  color: rgb(177 239 247 / var(--tw-text-opacity));
}
.text-\[\#CEF4FF\] {
  --tw-text-opacity: 1;
  color: rgb(206 244 255 / var(--tw-text-opacity));
}
.text-\[\#FFDFE9\] {
  --tw-text-opacity: 1;
  color: rgb(255 223 233 / var(--tw-text-opacity));
}
.text-\[\#FFE4FF\] {
  --tw-text-opacity: 1;
  color: rgb(255 228 255 / var(--tw-text-opacity));
}
.text-\[\#FFE6C8\] {
  --tw-text-opacity: 1;
  color: rgb(255 230 200 / var(--tw-text-opacity));
}
.text-\[\#a16207\] {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}
.text-\[\#b91c1c\] {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-\[\#eab308\] {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}
.text-\[oklch\(var\(--dark-foreground-color\)\)\] {
  color: oklch(var(--dark-foreground-color));
}
.text-\[oklch\(var\(--light-background-base-color\)\)\] {
  color: oklch(var(--light-background-base-color));
}
.text-\[var\(--mode-color\)\] {
  color: var(--mode-color);
}
.text-attention {
  --tw-text-opacity: 1;
  color: oklch(var(--attention-color) / var(--tw-text-opacity));
}
.text-attention\/70 {
  color: oklch(var(--attention-color) / .7);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-black\/50 {
  color: #00000080;
}
.text-caution {
  --tw-text-opacity: 1;
  color: oklch(var(--caution-color) / var(--tw-text-opacity));
}
.text-dark {
  color: oklch(var(--light-foreground-color));
}
.text-foreground {
  color: oklch(var(--foreground-color));
}
.text-inherit {
  color: inherit;
}
.text-inverse {
  color: oklch(var(--foreground-inverse-color));
}
.text-light {
  color: oklch(var(--dark-foreground-color));
}
.text-max {
  --tw-text-opacity: 1;
  color: oklch(var(--max-color) / var(--tw-text-opacity));
}
.text-negative {
  --tw-text-opacity: 1;
  color: oklch(var(--negative-color) / var(--tw-text-opacity));
}
.text-positive {
  --tw-text-opacity: 1;
  color: oklch(var(--positive-color) / var(--tw-text-opacity));
}
.text-quiet {
  color: oklch(var(--foreground-quiet-color));
}
.text-quieter {
  color: oklch(var(--foreground-quieter-color));
}
.text-quietest {
  color: oklch(var(--foreground-quietest-color));
}
.text-super {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-white\/70 {
  color: #ffffffb3;
}
.text-white\/90 {
  color: #ffffffe6;
}
.underline {
  text-decoration-line: underline;
}
.\!line-through {
  text-decoration-line: line-through !important;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-subtle {
  text-decoration-color: oklch(var(--foreground-subtle-color));
}
.decoration-subtler {
  text-decoration-color: oklch(var(--foreground-subtler-color));
}
.decoration-transparent {
  text-decoration-color: transparent;
}
.decoration-white\/50 {
  text-decoration-color: #ffffff80;
}
.decoration-dotted {
  text-decoration-style: dotted;
}
.decoration-1 {
  text-decoration-thickness: 1px;
}
.underline-offset-1 {
  text-underline-offset: 1px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.underline-offset-\[5px\] {
  text-underline-offset: 5px;
}
.\!placeholder-quietest::-moz-placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
.\!placeholder-quietest::placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
.placeholder-\[\#22c55e\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(34 197 94 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#22c55e\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(34 197 94 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#3b82f6\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(59 130 246 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#3b82f6\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(59 130 246 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#eab308\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(234 179 8 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#eab308\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(234 179 8 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#ef4444\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(239 68 68 / var(--tw-placeholder-opacity));
}
.placeholder-\[\#ef4444\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(239 68 68 / var(--tw-placeholder-opacity));
}
.placeholder-quieter::-moz-placeholder {
  color: oklch(var(--foreground-quieter-color));
}
.placeholder-quieter::placeholder {
  color: oklch(var(--foreground-quieter-color));
}
.caret-super {
  caret-color: oklch(var(--super-color) / 1);
}
.\!opacity-0 {
  opacity: 0 !important;
}
.\!opacity-10 {
  opacity: .1 !important;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: .1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-15 {
  opacity: .15;
}
.opacity-20 {
  opacity: .2;
}
.opacity-25 {
  opacity: .25;
}
.opacity-30 {
  opacity: .3;
}
.opacity-35 {
  opacity: .35;
}
.opacity-40 {
  opacity: .4;
}
.opacity-5 {
  opacity: .05;
}
.opacity-50 {
  opacity: .5;
}
.opacity-60 {
  opacity: .6;
}
.opacity-65 {
  opacity: .65;
}
.opacity-70 {
  opacity: .7;
}
.opacity-75 {
  opacity: .75;
}
.opacity-80 {
  opacity: .8;
}
.opacity-90 {
  opacity: .9;
}
.opacity-95 {
  opacity: .95;
}
.opacity-\[0\.04\] {
  opacity: .04;
}
.opacity-\[0\.075\] {
  opacity: .075;
}
.opacity-\[0\.18\] {
  opacity: .18;
}
.opacity-\[10\%\] {
  opacity: 10%;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.mix-blend-difference {
  mix-blend-mode: difference;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-20px_40px_20px_currentColor\] {
  --tw-shadow: 0 -20px 40px 20px currentColor;
  --tw-shadow-colored: 0 -20px 40px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-30px_30px_oklch\(var\(--background-base-color\)\)\] {
  --tw-shadow: 0 -30px 30px oklch(var(--background-base-color));
  --tw-shadow-colored: 0 -30px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_2px_oklch\(var\(--background-base-color\)\/0\.1\)\,-12px_0_16px_24px_oklch\(var\(--background-base-color\)\)\] {
  --tw-shadow: 0 0 12px 2px oklch(var(--background-base-color)/.1), -12px 0 16px 24px oklch(var(--background-base-color));
  --tw-shadow-colored: 0 0 12px 2px var(--tw-shadow-color), -12px 0 16px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_2px_oklch\(var\(--background-base-color\)\/0\.1\)\,12px_0_16px_24px_oklch\(var\(--background-base-color\)\)\] {
  --tw-shadow: 0 0 12px 2px oklch(var(--background-base-color)/.1), 12px 0 16px 24px oklch(var(--background-base-color));
  --tw-shadow-colored: 0 0 12px 2px var(--tw-shadow-color), 12px 0 16px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_2px_1px\] {
  --tw-shadow: 0 0 2px 1px;
  --tw-shadow-colored: 0 0 2px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_5px_1px\,-4px_0_3px_-2px\] {
  --tw-shadow: 0 0 5px 1px, -4px 0 3px -2px;
  --tw-shadow-colored: 0 0 5px 1px var(--tw-shadow-color), -4px 0 3px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_16px_0_rgba\(0\,0\,0\,0\.10\)\] {
  --tw-shadow: 0 12px 16px 0 rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 12px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,0\.03\)\] {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .03);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_3px_0\] {
  --tw-shadow: 0 1px 3px 0;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_4px_0_rgba\(0\,0\,0\,0\.05\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0 1px 4px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_6px_rgba\(0\,0\,0\,0\.25\)\] {
  --tw-shadow: 0 1px 6px rgba(0, 0, 0, .25);
  --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_6px_rgba\(0\,0\,0\,0\.35\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\] {
  --tw-shadow: 0 1px 6px rgba(0, 0, 0, .35), 0 0 0 1px rgba(0, 0, 0, .05);
  --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_8px_2px_oklch\(var\(--foreground-color\)\/0\.1\)\,0_36px_16px_36px_oklch\(var\(--background-base-color\)\)\] {
  --tw-shadow: 0 1px 8px 2px oklch(var(--foreground-color)/.1), 0 36px 16px 36px oklch(var(--background-base-color));
  --tw-shadow-colored: 0 1px 8px 2px var(--tw-shadow-color), 0 36px 16px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_1px_4px_0px_rgba\(0\,0\,0\,0\.24\)\] {
  --tw-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .24);
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-inset-xs {
  --tw-shadow: inset 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: inset 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-overlay {
  --tw-shadow: 0 0 0 1px var(--shadow-overlay-border, rgba(0, 0, 0, .05)), 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-subtle {
  --tw-shadow: 0 0 2px 0 rgba(0, 0, 0, .05), 0 4px 6px 0 rgba(0, 0, 0, .02);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 4px 6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black\/5 {
  --tw-shadow-color: rgb(0 0 0 / .05);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-super {
  --tw-shadow-color: oklch(var(--super-color) / 1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-super\/10 {
  --tw-shadow-color: oklch(var(--super-color) / .1);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-super\/15 {
  --tw-shadow-color: oklch(var(--super-color) / .15);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-super\/30 {
  --tw-shadow-color: oklch(var(--super-color) / .3);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-super\/50 {
  --tw-shadow-color: oklch(var(--super-color) / .5);
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-super {
  outline-color: oklch(var(--super-color) / 1);
}
.outline-transparent {
  outline-color: transparent;
}
.\!ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.\!ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[1\.5px\] {
  --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(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.\!ring-inverse {
  --tw-ring-color: oklch(var(--foreground-inverse-color)) !important;
}
.\!ring-super {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: oklch(var(--super-color) / var(--tw-ring-opacity)) !important;
}
.\!ring-transparent {
  --tw-ring-color: transparent !important;
}
.ring-black\/10 {
  --tw-ring-color: rgb(0 0 0 / .1);
}
.ring-inverse {
  --tw-ring-color: oklch(var(--foreground-inverse-color));
}
.ring-max {
  --tw-ring-opacity: 1;
  --tw-ring-color: oklch(var(--max-color) / var(--tw-ring-opacity));
}
.ring-raised {
  --tw-ring-color: oklch(var(--background-raised-color));
}
.ring-subtle {
  --tw-ring-color: oklch(var(--foreground-subtle-color));
}
.ring-subtler {
  --tw-ring-color: oklch(var(--foreground-subtler-color));
}
.ring-subtlest {
  --tw-ring-color: oklch(var(--foreground-subtlest-color));
}
.ring-super {
  --tw-ring-opacity: 1;
  --tw-ring-color: oklch(var(--super-color) / var(--tw-ring-opacity));
}
.ring-super\/50 {
  --tw-ring-color: oklch(var(--super-color) / .5);
}
.ring-super\/80 {
  --tw-ring-color: oklch(var(--super-color) / .8);
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-black {
  --tw-ring-offset-color: #000;
}
.ring-offset-inverse {
  --tw-ring-offset-color: oklch(var(--foreground-inverse-color));
}
.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-\[0\.5px\] {
  --tw-blur: blur(.5px);
  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-\[20px\] {
  --tw-blur: blur(20px);
  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-\[30px\] {
  --tw-blur: blur(30px);
  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-\[50px\] {
  --tw-blur: blur(50px);
  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-lg {
  --tw-blur: blur(16px);
  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-md {
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl {
  --tw-blur: blur(24px);
  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);
}
.brightness-\[0\.8\] {
  --tw-brightness: brightness(.8);
  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);
}
.contrast-75 {
  --tw-contrast: contrast(.75);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));
  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-0 {
  --tw-grayscale: grayscale(0) !important;
  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) !important;
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.saturate-0 {
  --tw-saturate: saturate(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);
}
.saturate-150 {
  --tw-saturate: saturate(1.5);
  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);
}
.saturate-200 {
  --tw-saturate: saturate(2);
  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-\[0\.25px\] {
  --tw-backdrop-blur: blur(.25px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[0\.5px\] {
  --tw-backdrop-blur: blur(.5px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[25px\] {
  --tw-backdrop-blur: blur(25px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  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-saturate-200 {
  --tw-backdrop-saturate: saturate(2);
  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(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-\[border-color\,border-radius\,box-shadow\] {
  transition-property: border-color, border-radius, box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-\[text-decoration-color\] {
  transition-property: text-decoration-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-none {
  transition-property: none;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.\!delay-0 {
  transition-delay: 0s !important;
}
.\!delay-200 {
  transition-delay: .2s !important;
}
.delay-0 {
  transition-delay: 0s;
}
.delay-100 {
  transition-delay: .1s;
}
.delay-1000 {
  transition-delay: 1s;
}
.delay-150 {
  transition-delay: .15s;
}
.delay-200 {
  transition-delay: .2s;
}
.delay-500 {
  transition-delay: .5s;
}
.\!duration-0 {
  transition-duration: 0s !important;
}
.\!duration-100 {
  transition-duration: .1s !important;
}
.\!duration-150 {
  transition-duration: .15s !important;
}
.duration-0 {
  transition-duration: 0s;
}
.duration-100 {
  transition-duration: .1s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-150 {
  transition-duration: .15s;
}
.duration-200 {
  transition-duration: .2s;
}
.duration-300 {
  transition-duration: .3s;
}
.duration-500 {
  transition-duration: .5s;
}
.duration-700 {
  transition-duration: .7s;
}
.duration-75 {
  transition-duration: 75ms;
}
.duration-normal {
  transition-duration: .15s;
}
.duration-quick {
  transition-duration: 75ms;
}
.\!ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1) !important;
}
.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.ease-inCubic {
  transition-timing-function: cubic-bezier(.5, 0, .75, 0);
}
.ease-inExpo {
  transition-timing-function: cubic-bezier(.7, 0, .84, 0);
}
.ease-linear {
  transition-timing-function: linear;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}
.ease-outCubic {
  transition-timing-function: cubic-bezier(.25, .1, .25, 1);
}
.ease-outExpo {
  transition-timing-function: cubic-bezier(.16, 1, .3, 1);
}
.will-change-transform {
  will-change: transform;
}
.italic {
  font-variation-settings: "ital" 120;
}
.mask-fade-r-12 {
  -webkit-mask-image: linear-gradient(90deg, black 0, black calc(100% - 3px), transparent 100%);
  mask-image: linear-gradient(90deg, black 0, black calc(100% - 3px), transparent 100%);
}
.mask-fade-r-6 {
  -webkit-mask-image: linear-gradient(90deg, black 0, black calc(100% - 1.5px), transparent 100%);
  mask-image: linear-gradient(90deg, black 0, black calc(100% - 1.5px), transparent 100%);
}
.mask-fade-l-12 {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, black 3px, black 100%);
  mask-image: linear-gradient(90deg, transparent 0, black 3px, black 100%);
}
.mask-fade-b-4 {
  -webkit-mask-image: linear-gradient(180deg, black 0, black calc(100% - 1px), transparent 100%);
  mask-image: linear-gradient(180deg, black 0, black calc(100% - 1px), transparent 100%);
}
.mask-fade-t-6 {
  -webkit-mask-image: linear-gradient(180deg, transparent 0, black 1.5px, black 100%);
  mask-image: linear-gradient(180deg, transparent 0, black 1.5px, black 100%);
}
.mask-fade-h-12 {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, black 3px, black calc(100% - 3px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, black 3px, black calc(100% - 3px), transparent 100%);
}
.mask-fade-v-6 {
  -webkit-mask-image: linear-gradient(180deg, transparent 0, black 1.5px, black calc(100% - 1.5px), transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, black 1.5px, black calc(100% - 1.5px), transparent 100%);
}
.text-box-trim-both {
  text-box-trim: trim-both;
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: .15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.animate-out {
  animation-name: exit;
  animation-duration: .15s;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.fade-in {
  --tw-enter-opacity: 0;
}
.fade-in-25 {
  --tw-enter-opacity: .25;
}
.fade-in-50 {
  --tw-enter-opacity: .5;
}
.fade-out {
  --tw-exit-opacity: 0;
}
.zoom-in {
  --tw-enter-scale: 0;
}
.zoom-in-\[0\.97\] {
  --tw-enter-scale: .97;
}
.zoom-in-\[0\.98\] {
  --tw-enter-scale: .98;
}
.zoom-out-\[0\.97\] {
  --tw-exit-scale: .97;
}
.zoom-out-\[0\.98\] {
  --tw-exit-scale: .98;
}
.slide-in-from-bottom {
  --tw-enter-translate-y: 100%;
}
.slide-in-from-right {
  --tw-enter-translate-x: 100%;
}
.slide-out-to-bottom {
  --tw-exit-translate-y: 100%;
}
.slide-out-to-right {
  --tw-exit-translate-x: 100%;
}
.\!duration-0 {
  animation-duration: 0s !important;
}
.\!duration-100 {
  animation-duration: .1s !important;
}
.\!duration-150 {
  animation-duration: .15s !important;
}
.duration-0 {
  animation-duration: 0s;
}
.duration-100 {
  animation-duration: .1s;
}
.duration-1000 {
  animation-duration: 1s;
}
.duration-150 {
  animation-duration: .15s;
}
.duration-200 {
  animation-duration: .2s;
}
.duration-300 {
  animation-duration: .3s;
}
.duration-500 {
  animation-duration: .5s;
}
.duration-700 {
  animation-duration: .7s;
}
.duration-75 {
  animation-duration: 75ms;
}
.duration-normal {
  animation-duration: .15s;
}
.duration-quick {
  animation-duration: 75ms;
}
.\!delay-0 {
  animation-delay: 0s !important;
}
.\!delay-200 {
  animation-delay: .2s !important;
}
.delay-0 {
  animation-delay: 0s;
}
.delay-100 {
  animation-delay: .1s;
}
.delay-1000 {
  animation-delay: 1s;
}
.delay-150 {
  animation-delay: .15s;
}
.delay-200 {
  animation-delay: .2s;
}
.delay-500 {
  animation-delay: .5s;
}
.\!ease-out {
  animation-timing-function: cubic-bezier(0, 0, .2, 1) !important;
}
.ease-in {
  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.ease-inCubic {
  animation-timing-function: cubic-bezier(.5, 0, .75, 0);
}
.ease-inExpo {
  animation-timing-function: cubic-bezier(.7, 0, .84, 0);
}
.ease-linear {
  animation-timing-function: linear;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
}
.ease-outCubic {
  animation-timing-function: cubic-bezier(.25, .1, .25, 1);
}
.ease-outExpo {
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
}
.running {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}
.fill-mode-both {
  animation-fill-mode: both;
}
.repeat-1 {
  animation-iteration-count: 1;
}
.\@container {
  container-type: inline-size;
}
.\@container\/main {
  container-type: inline-size;
  container-name: main;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
.scrollbar {
  scrollbar-width: auto;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px);
}
.scrollbar-thin::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar-thin::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar-thin::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar-thin::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar-thin::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar-thin::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar-thin::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar-thin::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}
.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-track-transparent {
  --scrollbar-track: transparent !important;
}
:root {
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-semimedium: 475;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
  --font-thin-inverse: 75;
  --font-extralight-inverse: 175;
  --font-light-inverse: 275;
  --font-normal-inverse: 375;
  --font-semimedium-inverse: 450;
  --font-medium-inverse: 475;
  --font-semibold-inverse: 575;
  --font-bold-inverse: 675;
  --font-extrabold-inverse: 775;
  --font-black-inverse: 875;
}
.font-thin {
  font-weight: var(--font-thin);
}
.font-extralight {
  font-weight: var(--font-extralight);
}
.\!font-light {
  font-weight: var(--font-light) !important;
}
.font-light {
  font-weight: var(--font-light);
}
.\!font-normal {
  font-weight: var(--font-normal) !important;
}
.font-normal {
  font-weight: var(--font-normal);
}
.font-semimedium {
  font-weight: var(--font-semimedium);
}
.\!font-medium {
  font-weight: var(--font-medium) !important;
}
.font-medium {
  font-weight: var(--font-medium);
}
.font-semibold {
  font-weight: var(--font-semibold);
}
.font-bold {
  font-weight: var(--font-bold);
}
.font-extrabold {
  font-weight: var(--font-extrabold);
}
:is(.\!text-inverse) {
  --font-thin: var(--font-thin-inverse) !important;
  --font-extralight: var(--font-extralight-inverse) !important;
  --font-light: var(--font-light-inverse) !important;
  --font-normal: var(--font-normal-inverse) !important;
  --font-semimedium: var(--font-semimedium-inverse) !important;
  --font-medium: var(--font-medium-inverse) !important;
  --font-semibold: var(--font-semibold-inverse) !important;
  --font-bold: var(--font-bold-inverse) !important;
  --font-extrabold: var(--font-extrabold-inverse) !important;
  --font-black: var(--font-black-inverse) !important;
}
:is(.text-inverse) {
  --font-thin: var(--font-thin-inverse);
  --font-extralight: var(--font-extralight-inverse);
  --font-light: var(--font-light-inverse);
  --font-normal: var(--font-normal-inverse);
  --font-semimedium: var(--font-semimedium-inverse);
  --font-medium: var(--font-medium-inverse);
  --font-semibold: var(--font-semibold-inverse);
  --font-bold: var(--font-bold-inverse);
  --font-extrabold: var(--font-extrabold-inverse);
  --font-black: var(--font-black-inverse);
}
[data-color-scheme=dark] {
  --font-thin: 75;
  --font-extralight: 175;
  --font-light: 275;
  --font-normal: 375;
  --font-semimedium: 450;
  --font-medium: 475;
  --font-semibold: 575;
  --font-bold: 675;
  --font-extrabold: 775;
  --font-black: 875;
  --font-thin-inverse: 100;
  --font-extralight-inverse: 200;
  --font-light-inverse: 300;
  --font-normal-inverse: 400;
  --font-semimedium-inverse: 475;
  --font-medium-inverse: 500;
  --font-semibold-inverse: 600;
  --font-bold-inverse: 700;
  --font-extrabold-inverse: 800;
  --font-black-inverse: 900;
}
[data-color-scheme=dark] .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *, .reset, .reset *)) {
  font-weight: inherit;
}
[data-color-scheme=dark] .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: inherit;
}
[data-color-scheme=dark] .prose :where(blockquote p):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: inherit;
}
.\!\[--dog-bg-highlight\:currentColor\] {
  --dog-bg-highlight: currentColor !important;
}
.\!\[--dot-bg\:\#1e293b\] {
  --dot-bg: #1e293b !important;
}
.\!\[--dot-bg\:\#e10600\] {
  --dot-bg: #e10600 !important;
}
.\!\[--dot-bg\:var\(--header-bg\,\#051224\)\] {
  --dot-bg: var(--header-bg, #051224) !important;
}
.\!\[--dot-bg\:var\(--header-bg\,\#84754E\)\] {
  --dot-bg: var(--header-bg, #84754E) !important;
}
.\[-\:\\s\] {
  -: s;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[appearance\:textfield\] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.\[clip-path\:inset\(1px_1px_0px_1px\)\] {
  clip-path: inset(1px 1px 0px 1px);
}
.\[counter-increment\:list\] {
  counter-increment: list;
}
.\[counter-reset\:list\] {
  counter-reset: list;
}
.\[grid-area\:1\/-1\] {
  grid-area: 1/-1;
}
.\[grid-area\:actions\] {
  grid-area: actions;
}
.\[grid-area\:email\] {
  grid-area: email;
}
.\[grid-area\:role\] {
  grid-area: role;
}
.\[grid-area\:scim\] {
  grid-area: scim;
}
.\[grid-area\:status\] {
  grid-area: status;
}
.\[grid-area\:tier\] {
  grid-area: tier;
}
.\[grid-template-columns\:2fr_1fr_1fr\] {
  grid-template-columns: 2fr 1fr 1fr;
}
.\[mask-image\:linear-gradient\(90deg\,black_0\,black_calc\(100\%-60px\)\,transparent_calc\(100\%-20px\)\,transparent_100\%\)\] {
  -webkit-mask-image: linear-gradient(90deg, black 0, black calc(100% - 60px), transparent calc(100% - 20px), transparent 100%);
  mask-image: linear-gradient(90deg, black 0, black calc(100% - 60px), transparent calc(100% - 20px), transparent 100%);
}
.\[mask-image\:linear-gradient\(90deg\,transparent_0\,transparent_20px\,black_60px\,black_100\%\)\] {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent 20px, black 60px, black 100%);
  mask-image: linear-gradient(90deg, transparent 0, transparent 20px, black 60px, black 100%);
}
.\[mask-image\:linear-gradient\(90deg\,transparent_0\,transparent_20px\,black_60px\,black_calc\(100\%-60px\)\,transparent_calc\(100\%-20px\)\,transparent_100\%\)\] {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, transparent 20px, black 60px, black calc(100% - 60px), transparent calc(100% - 20px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, transparent 20px, black 60px, black calc(100% - 60px), transparent calc(100% - 20px), transparent 100%);
}
.\[mask-image\:linear-gradient\(to_bottom\,\#000_0\%\,transparent_160px\)\] {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 160px);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 160px);
}
.\[mix-blend-mode\:overlay\] {
  mix-blend-mode: overlay;
}
.\[overflow-clip-margin\:unset\] {
  overflow-clip-margin: unset;
}
.\[scrollbar-gutter\:stable\] {
  scrollbar-gutter: stable;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}
.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.\[stroke-width\:1\.5\] {
  stroke-width: 1.5;
}
.\[word-break\:break-word\] {
  word-break: break-word;
}
html {
  min-height: 100%;
  font-size: 16px;
  overflow-y: auto;
  scrollbar-width: 15px;
  font-weight: 400;
  letter-spacing: .005em;
}
[data-color-scheme=dark] {
  color-scheme: dark;
  font-weight: 375;
  letter-spacing: .01em;
}
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  font-synthesis: none;
}
.interactable {
  cursor: pointer;
}
.interactable:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.interactable:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}
code, .ace_placeholder.ace_comment {
  font-family: var(--font-berkeley-mono), ui-monospace, SFMono-Regular, monospace;
}
:is(code, .font-mono), :is(.ace_placeholder.ace_comment, .font-mono) {
  font-synthesis: none;
}
.katex {
  -webkit-font-smoothing: auto;
  max-width: 100%;
  overflow: auto hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.katex::-webkit-scrollbar {
  display: none;
}
[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.codeWrapper code>span {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.codeWrapper code {
  width: 100%;
}
.codeWrapper code span {
  font-style: normal !important;
}
.codeWrapper code span {
  padding: 0 !important;
}
.hideScroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hideScroll::-webkit-scrollbar {
  display: none;
}
.scrollbar-subtle {
  --scrollbar-thumb: oklch(var(--foreground-color) / .15);
}
.scrollbar-subtle {
  scrollbar-width: auto;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar-subtle::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px);
}
.scrollbar-subtle::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar-subtle::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar-subtle::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar-subtle::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar-subtle::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar-subtle::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar-subtle::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar-subtle::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar-subtle::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
.scrollbar-subtle {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
}
.scrollbar-subtle::-webkit-scrollbar {
  display: block;
  width: 8px;
  height: 8px;
}
.scrollbar-subtle {
  --scrollbar-track: transparent;
}
.tabler-icon {
  stroke-width: 1.75;
}
.citation-nbsp:before {
  content: " ";
}
@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .dark\: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);
  }
}
html[data-color-scheme=dark] .dark\: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);
}
.\*\:size-full>* {
  width: 100%;
  height: 100%;
}
.\*\:h-full>* {
  height: 100%;
}
.\*\:w-20>* {
  width: 5rem;
}
.\*\:w-full>* {
  width: 100%;
}
.first-letter\:float-left:first-letter {
  float: left;
}
.first-letter\:mr-2:first-letter {
  margin-right: .5rem;
}
.first-letter\:mt-xs:first-letter {
  margin-top: var(--size-xs);
}
.first-letter\:text-\[2\.75em\]:first-letter {
  font-size: 2.75em;
}
.first-letter\:font-bold:first-letter {
  font-weight: 700;
}
.first-letter\:uppercase:first-letter {
  text-transform: uppercase;
}
.first-letter\:leading-none:first-letter {
  line-height: 1;
}
.first-letter\:font-bold:first-letter {
  font-weight: var(--font-bold);
}
.marker\:text-quiet *::marker {
  color: oklch(var(--foreground-quiet-color));
}
.marker\:text-quiet::marker {
  color: oklch(var(--foreground-quiet-color));
}
.selection\:bg-super\/10 *::-moz-selection {
  background-color: oklch(var(--super-color) / .1);
}
.selection\:bg-super\/10 *::selection {
  background-color: oklch(var(--super-color) / .1);
}
.selection\:bg-super\/30 *::-moz-selection {
  background-color: oklch(var(--super-color) / .3);
}
.selection\:bg-super\/30 *::selection {
  background-color: oklch(var(--super-color) / .3);
}
.selection\:bg-super\/50 *::-moz-selection {
  background-color: oklch(var(--super-color) / .5);
}
.selection\:bg-super\/50 *::selection {
  background-color: oklch(var(--super-color) / .5);
}
.selection\:text-foreground *::-moz-selection {
  color: oklch(var(--foreground-color));
}
.selection\:text-foreground *::selection {
  color: oklch(var(--foreground-color));
}
.selection\:text-super *::-moz-selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.selection\:text-super *::selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.selection\:bg-super\/10::-moz-selection {
  background-color: oklch(var(--super-color) / .1);
}
.selection\:bg-super\/10::selection {
  background-color: oklch(var(--super-color) / .1);
}
.selection\:bg-super\/30::-moz-selection {
  background-color: oklch(var(--super-color) / .3);
}
.selection\:bg-super\/30::selection {
  background-color: oklch(var(--super-color) / .3);
}
.selection\:bg-super\/50::-moz-selection {
  background-color: oklch(var(--super-color) / .5);
}
.selection\:bg-super\/50::selection {
  background-color: oklch(var(--super-color) / .5);
}
.selection\:text-foreground::-moz-selection {
  color: oklch(var(--foreground-color));
}
.selection\:text-foreground::selection {
  color: oklch(var(--foreground-color));
}
.selection\:text-super::-moz-selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.selection\:text-super::selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.placeholder\:select-none::-moz-placeholder {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.placeholder\:select-none::placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.placeholder\:text-\[2\.4rem\]::-moz-placeholder {
  font-size: 2.4rem;
}
.placeholder\:text-\[2\.4rem\]::placeholder {
  font-size: 2.4rem;
}
.placeholder\:text-base::-moz-placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.placeholder\:text-base::placeholder {
  font-size: 1rem;
  line-height: 1.5rem;
}
.placeholder\:text-sm::-moz-placeholder {
  font-size: .875rem;
  line-height: 1.25rem;
}
.placeholder\:text-sm::placeholder {
  font-size: .875rem;
  line-height: 1.25rem;
}
.placeholder\:text-xs::-moz-placeholder {
  font-size: .75rem;
  line-height: 1rem;
}
.placeholder\:text-xs::placeholder {
  font-size: .75rem;
  line-height: 1rem;
}
.placeholder\:\!text-quietest::-moz-placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
.placeholder\:\!text-quietest::placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
.placeholder\:text-quiet::-moz-placeholder {
  color: oklch(var(--foreground-quiet-color));
}
.placeholder\:text-quiet::placeholder {
  color: oklch(var(--foreground-quiet-color));
}
.placeholder\:text-quieter::-moz-placeholder {
  color: oklch(var(--foreground-quieter-color));
}
.placeholder\:text-quieter::placeholder {
  color: oklch(var(--foreground-quieter-color));
}
.placeholder\:text-quietest::-moz-placeholder {
  color: oklch(var(--foreground-quietest-color));
}
.placeholder\:text-quietest::placeholder {
  color: oklch(var(--foreground-quietest-color));
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}
.before\:inset-x-\[-10px\]:before {
  content: var(--tw-content);
  left: -10px;
  right: -10px;
}
.before\:inset-y-0:before {
  content: var(--tw-content);
  top: 0;
  bottom: 0;
}
.before\:left-0:before {
  content: var(--tw-content);
  left: 0;
}
.before\:left-\[50\%\]:before {
  content: var(--tw-content);
  left: 50%;
}
.before\:right-0:before {
  content: var(--tw-content);
  right: 0;
}
.before\:top-\[50\%\]:before {
  content: var(--tw-content);
  top: 50%;
}
.before\:top-\[6px\]:before {
  content: var(--tw-content);
  top: 6px;
}
.before\:size-1:before {
  content: var(--tw-content);
  width: .25rem;
  height: .25rem;
}
.before\:size-1\.5:before {
  content: var(--tw-content);
  width: .375rem;
  height: .375rem;
}
.before\:h-\[100\%\]:before {
  content: var(--tw-content);
  height: 100%;
}
.before\:min-h-\[10px\]:before {
  content: var(--tw-content);
  min-height: 10px;
}
.before\:w-\[100\%\]:before {
  content: var(--tw-content);
  width: 100%;
}
.before\:min-w-\[10px\]:before {
  content: var(--tw-content);
  min-width: 10px;
}
.before\:translate-x-\[-50\%\]:before {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:translate-y-\[-50\%\]:before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rounded-full:before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:rounded-md:before {
  content: var(--tw-content);
  border-radius: .375rem;
}
.before\:border:before {
  content: var(--tw-content);
  border-width: 1px;
}
.before\:border-r:before {
  content: var(--tw-content);
  border-right-width: 1px;
}
.before\:border-dashed:before {
  content: var(--tw-content);
  border-style: dashed;
}
.before\:border-\[rgba\(0\,0\,0\,0\.1\)\]:before {
  content: var(--tw-content);
  border-color: #0000001a;
}
.before\:border-subtlest:before {
  content: var(--tw-content);
  border-color: oklch(var(--foreground-subtlest-color));
}
.before\:bg-\[\#105C67\]:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(16 92 103 / var(--tw-bg-opacity));
}
.before\:bg-base:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity));
}
.before\:opacity-0:before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:opacity-20:before {
  content: var(--tw-content);
  opacity: .2;
}
.before\:ring-4:before {
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.before\:ring-\[1\.5px\]:before {
  content: var(--tw-content);
  --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(1.5px + 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);
}
.before\:ring-super\/10:before {
  content: var(--tw-content);
  --tw-ring-color: oklch(var(--super-color) / .1);
}
.before\:ring-super\/50:before {
  content: var(--tw-content);
  --tw-ring-color: oklch(var(--super-color) / .5);
}
.before\:transition-opacity:before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
}
.before\:duration-150:before {
  content: var(--tw-content);
  transition-duration: .15s;
}
.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}
.before\:duration-150:before {
  content: var(--tw-content);
  animation-duration: .15s;
}
.after\:pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0:after {
  content: var(--tw-content);
  inset: 0;
}
.after\:inset-\[-1px\]:after {
  content: var(--tw-content);
  inset: -1px;
}
.after\:left-two:after {
  content: var(--tw-content);
  left: 2px;
}
.after\:top-\[24px\]:after {
  content: var(--tw-content);
  top: 24px;
}
.after\:z-\[1\]:after {
  content: var(--tw-content);
  z-index: 1;
}
.after\:clear-both:after {
  content: var(--tw-content);
  clear: both;
}
.after\:block:after {
  content: var(--tw-content);
  display: block;
}
.after\:h-full:after {
  content: var(--tw-content);
  height: 100%;
}
.after\:w-two:after {
  content: var(--tw-content);
  width: 2px;
}
.after\:-translate-y-half:after {
  content: var(--tw-content);
  --tw-translate-y: -.5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:rounded:after {
  content: var(--tw-content);
  border-radius: .25rem;
}
.after\:rounded-inherit:after {
  content: var(--tw-content);
  border-radius: inherit;
}
.after\:rounded-md:after {
  content: var(--tw-content);
  border-radius: .375rem;
}
.after\:border:after {
  content: var(--tw-content);
  border-width: 1px;
}
.after\:border-black\/10:after {
  content: var(--tw-content);
  border-color: #0000001a;
}
.after\:border-black\/5:after {
  content: var(--tw-content);
  border-color: #0000000d;
}
.after\:border-foreground:after {
  content: var(--tw-content);
  border-color: oklch(var(--foreground-color));
}
.after\:border-super\/30:after {
  content: var(--tw-content);
  border-color: oklch(var(--super-color) / .3);
}
.after\:bg-super:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity));
}
.after\:opacity-50:after {
  content: var(--tw-content);
  opacity: .5;
}
.after\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.1\)_inset\]:after {
  content: var(--tw-content);
  --tw-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:ring-1:after {
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.after\:ring-inset:after {
  content: var(--tw-content);
  --tw-ring-inset: inset;
}
.after\:ring-subtler:after {
  content: var(--tw-content);
  --tw-ring-color: oklch(var(--foreground-subtler-color));
}
.after\:ring-opacity-50:after {
  content: var(--tw-content);
  --tw-ring-opacity: .5;
}
.after\:content-\[\"\"\]:after {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:content-\[\'\\\\\\\\200B\'\]:after {
  --tw-content: "\\\\200B";
  content: var(--tw-content);
}
.after\:\[content\:counters\(list\,\"\.\"\)\]:after {
  content: counters(list, ".");
}
.first\:-mt-sm:first-child {
  margin-top: calc(var(--size-sm) * -1);
}
.first\:ml-0:first-child {
  margin-left: 0;
}
.first\:mt-0:first-child {
  margin-top: 0;
}
.first\:mt-1:first-child {
  margin-top: .25rem;
}
.first\:mt-xs:first-child {
  margin-top: var(--size-xs);
}
.first\:hidden:first-child {
  display: none;
}
.first\:border-b-0:first-child {
  border-bottom-width: 0px;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.first\:border-solid:first-child {
  border-style: solid;
}
.first\:pl-0:first-child {
  padding-left: 0;
}
.first\:pl-md:first-child {
  padding-left: var(--size-md);
}
.first\:pt-0:first-child {
  padding-top: 0;
}
.first\:pt-md:first-child {
  padding-top: var(--size-md);
}
.last\:-mr-two:last-child {
  margin-right: -2px;
}
.last\:mb-0:last-child {
  margin-bottom: 0;
}
.last\:mr-0:last-child {
  margin-right: 0;
}
.last\:hidden:last-child {
  display: none;
}
.last\:border-0:last-child {
  border-width: 0px;
}
.last\:border-b:last-child {
  border-bottom-width: 1px;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.last\:border-none:last-child {
  border-style: none;
}
.last\:border-b-subtlest:last-child {
  border-bottom-color: oklch(var(--foreground-subtlest-color));
}
.last\:px-sm:last-child {
  padding-left: var(--size-sm);
  padding-right: var(--size-sm);
}
.last\:pb-0:last-child {
  padding-bottom: 0;
}
.last\:pr-0:last-child {
  padding-right: 0;
}
.last\:pr-md:last-child {
  padding-right: var(--size-md);
}
.last\:pr-xs:last-child {
  padding-right: var(--size-xs);
}
.last\:before\:hidden:last-child:before {
  content: var(--tw-content);
  display: none;
}
.last\:after\:\[background\:linear-gradient\(0deg\,rgba\(31\,184\,205\,0\)_0\%\,\#105C67_100\%\)\]:last-child:after {
  content: var(--tw-content);
  background: linear-gradient(0deg, #1fb8cd00, #105c67);
}
.odd\:bg-subtler:nth-child(odd) {
  background-color: oklch(var(--background-subtler-color));
}
.empty\:hidden:empty {
  display: none;
}
.empty\:bg-subtle:empty {
  background-color: oklch(var(--background-subtle-color));
}
.empty\:bg-subtler:empty {
  background-color: oklch(var(--background-subtler-color));
}
.focus-within\:relative:focus-within {
  position: relative;
}
.focus-within\:z-20:focus-within {
  z-index: 20;
}
.focus-within\:\!border-subtler:focus-within {
  border-color: oklch(var(--foreground-subtler-color)) !important;
}
.focus-within\:\!border-super:focus-within {
  --tw-border-opacity: 1 !important;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity)) !important;
}
.focus-within\:border-subtler:focus-within {
  border-color: oklch(var(--foreground-subtler-color));
}
.focus-within\:border-super:focus-within {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.focus-within\:\!ring-transparent:focus-within {
  --tw-ring-color: transparent !important;
}
.group\/column:first-child .group-first\/column\:hidden, .group:first-child .group-first\:hidden {
  display: none;
}
.group:first-child .group-first\:rounded-t-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}
.group\/singleTeamGroup:first-child .group-first\/singleTeamGroup\:pt-0 {
  padding-top: 0;
}
.group\/goal:first-child .group-first\/goal\:opacity-0 {
  opacity: 0;
}
.group:last-child .group-last\:-mb-sm {
  margin-bottom: calc(var(--size-sm) * -1);
}
.group\/cell:last-child .group-last\/cell\:hidden {
  display: none;
}
.group\/column:last-child .group-last\/column\:hidden {
  display: none;
}
.group\/li:last-child .group-last\/li\:hidden {
  display: none;
}
.group:last-child .group-last\:hidden {
  display: none;
}
.group:last-child .group-last\:rounded-b-md {
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem;
}
.group:last-child .group-last\:rounded-b-xl {
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
}
.group:last-child .group-last\:border-b-0 {
  border-bottom-width: 0px;
}
.group\/goal:last-child .group-last\/goal\:pb-0 {
  padding-bottom: 0;
}
.group:last-child .group-last\:pb-0 {
  padding-bottom: 0;
}
.group\/goal:last-child .group-last\/goal\:opacity-0 {
  opacity: 0;
}
.group\/singleTeamGroup:last-child .group-last\/singleTeamGroup\:last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.group\/table:last-child .group-last\/table\:last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.group\/goal:only-child .group-only\/goal\:opacity-0 {
  opacity: 0;
}
.group:nth-child(odd) .group-odd\:border-r {
  border-right-width: 1px;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:bottom-1\/2 {
  bottom: 50%;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:top-auto {
  top: auto;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:rounded-bl-md {
  border-bottom-left-radius: .375rem;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:rounded-br-md {
  border-bottom-right-radius: .375rem;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:rounded-tl-none {
  border-top-left-radius: 0;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:rounded-tr-none {
  border-top-right-radius: 0;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:border-b-2 {
  border-bottom-width: 2px;
}
.group\/matchup:nth-child(2n) .group-even\/matchup\:border-t-0 {
  border-top-width: 0px;
}
.group:nth-child(2n) .group-even\:border-r-0 {
  border-right-width: 0px;
}
.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto;
}
.group:hover .group-hover\:-ml-sm {
  margin-left: calc(var(--size-sm) * -1);
}
.group:hover .group-hover\:-ml-xs {
  margin-left: calc(var(--size-xs) * -1);
}
.group:hover .group-hover\:block {
  display: block;
}
.group\/step-card:hover .group-hover\/step-card\:inline-flex {
  display: inline-flex;
}
.group:hover .group-hover\:shrink-0 {
  flex-shrink: 0;
}
.group:hover .group-hover\:basis-auto {
  flex-basis: auto;
}
.group\/source:hover .group-hover\/source\:translate-x-\[12px\] {
  --tw-translate-x: 12px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/source:hover .group-hover\/source\:translate-x-\[6px\] {
  --tw-translate-x: 6px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/source:hover .group-hover\/source\:translate-x-\[8px\] {
  --tw-translate-x: 8px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-x-md {
  --tw-translate-x: calc(var(--size-md) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-x-sm {
  --tw-translate-x: calc(var(--size-sm) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-y-1 {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-\[4px\] {
  --tw-translate-x: 4px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-y-\[4px\] {
  --tw-translate-y: 4px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[unset\] {
  --tw-scale-x: unset;
  --tw-scale-y: unset;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-x-\[250\%\] {
  --tw-scale-x: 250%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/language-learning:hover .group-hover\/language-learning\:border-foreground {
  border-color: oklch(var(--foreground-color));
}
.group:hover .group-hover\:\!border-subtle {
  border-color: oklch(var(--foreground-subtle-color)) !important;
}
.group:hover .group-hover\:\!border-super {
  --tw-border-opacity: 1 !important;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity)) !important;
}
.group:hover .group-hover\:border-subtle {
  border-color: oklch(var(--foreground-subtle-color));
}
.group\/tab:hover .group-hover\/tab\:bg-subtle {
  background-color: oklch(var(--background-subtle-color));
}
.group:hover .group-hover\:\!bg-subtle {
  background-color: oklch(var(--background-subtle-color)) !important;
}
.group:hover .group-hover\:\!bg-transparent {
  background-color: transparent !important;
}
.group:hover .group-hover\:bg-subtle {
  background-color: oklch(var(--background-subtle-color));
}
.group:hover .group-hover\:bg-subtler {
  background-color: oklch(var(--background-subtler-color));
}
.group:hover .group-hover\:bg-super {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity));
}
.group:hover .group-hover\:bg-transparent {
  background-color: transparent;
}
.group:hover .group-hover\:fill-super {
  fill: oklch(var(--super-color) / 1);
}
.group:hover .group-hover\:stroke-super {
  stroke: oklch(var(--super-color) / 1);
}
.group\/link:hover .group-hover\/link\:text-super {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.group\/post:hover .group-hover\/post\:text-foreground {
  color: oklch(var(--foreground-color));
}
.group\/row:hover .group-hover\/row\:\!text-super {
  --tw-text-opacity: 1 !important;
  color: oklch(var(--super-color) / var(--tw-text-opacity)) !important;
}
.group\/segmented-control:hover .group-hover\/segmented-control\:text-foreground {
  color: oklch(var(--foreground-color));
}
.group\/source:hover .group-hover\/source\:text-super, .group\/step-card:hover .group-hover\/step-card\:text-super {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.group\/switch:hover .group-hover\/switch\:text-foreground {
  color: oklch(var(--foreground-color));
}
.group:hover .group-hover\:\!text-foreground {
  color: oklch(var(--foreground-color)) !important;
}
.group:hover .group-hover\:text-foreground {
  color: oklch(var(--foreground-color));
}
.group:hover .group-hover\:text-inverse {
  color: oklch(var(--foreground-inverse-color));
}
.group:hover .group-hover\:text-quiet {
  color: oklch(var(--foreground-quiet-color));
}
.group:hover .group-hover\:text-super {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.group\/link:hover .group-hover\/link\:underline, .group:hover .group-hover\:underline {
  text-decoration-line: underline;
}
.group:hover .group-hover\:decoration-\[var\(--mode-color\)\] {
  text-decoration-color: var(--mode-color);
}
.group:hover .group-hover\:decoration-transparent {
  text-decoration-color: transparent;
}
.group\/button:hover .group-hover\/button\:opacity-100, .group\/card:hover .group-hover\/card\:opacity-100, .group\/header:hover .group-hover\/header\:opacity-100, .group\/image:hover .group-hover\/image\:opacity-100 {
  opacity: 1;
}
.group\/link:hover .group-hover\/link\:opacity-75 {
  opacity: .75;
}
.group\/notification-list-item:hover .group-hover\/notification-list-item\:opacity-0 {
  opacity: 0;
}
.group\/notification-list-item:hover .group-hover\/notification-list-item\:opacity-100, .group\/section:hover .group-hover\/section\:opacity-100, .group\/sidebar-menu-header:hover .group-hover\/sidebar-menu-header\:opacity-100, .group\/step-card:hover .group-hover\/step-card\:opacity-100, .group\/tab:hover .group-hover\/tab\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:\!opacity-0 {
  opacity: 0 !important;
}
.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:opacity-15 {
  opacity: .15;
}
.group:hover .group-hover\:opacity-50 {
  opacity: .5;
}
.group:hover .group-hover\:opacity-60 {
  opacity: .6;
}
.group:hover .group-hover\:opacity-70 {
  opacity: .7;
}
.group:hover .group-hover\:opacity-75 {
  opacity: .75;
}
.group:hover .group-hover\:opacity-80 {
  opacity: .8;
}
.group:hover .group-hover\:opacity-90 {
  opacity: .9;
}
.group:hover .group-hover\:shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);
}
.group:hover .group-hover\:ring-subtle {
  --tw-ring-color: oklch(var(--foreground-subtle-color));
}
.group:hover .group-hover\:ring-subtlest {
  --tw-ring-color: oklch(var(--foreground-subtlest-color));
}
.group:hover .group-hover\:grayscale-0 {
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group:hover .group-hover\:delay-300 {
  transition-delay: .3s;
}
.group:hover .group-hover\:mask-fade-r-\[84px\,42px\] {
  -webkit-mask-image: linear-gradient(90deg, black 0, black calc(100% - 84px), transparent calc(100% - 42px), transparent 100%);
  mask-image: linear-gradient(90deg, black 0, black calc(100% - 84px), transparent calc(100% - 42px), transparent 100%);
}
.group:hover .group-hover\:delay-300 {
  animation-delay: .3s;
}
:is(.group:hover .group-hover\:text-inverse) {
  --font-thin: var(--font-thin-inverse);
  --font-extralight: var(--font-extralight-inverse);
  --font-light: var(--font-light-inverse);
  --font-normal: var(--font-normal-inverse);
  --font-semimedium: var(--font-semimedium-inverse);
  --font-medium: var(--font-medium-inverse);
  --font-semibold: var(--font-semibold-inverse);
  --font-bold: var(--font-bold-inverse);
  --font-extrabold: var(--font-extrabold-inverse);
  --font-black: var(--font-black-inverse);
}
.group\/segmented-control:focus-visible .group-focus-visible\/segmented-control\:border-dashed {
  border-style: dashed;
}
.group:active .group-active\:border-subtlest {
  border-color: oklch(var(--foreground-subtlest-color));
}
.group\/language-learning:active .group-active\/language-learning\:\!bg-subtle {
  background-color: oklch(var(--background-subtle-color)) !important;
}
.group:active .group-active\:opacity-70 {
  opacity: .7;
}
.group:nth-child(2n):nth-last-child(-n+3)~a .group-\[\&\:nth-child\(2n\)\:nth-last-child\(-n\+3\)\~a\]\:border-b-0 {
  border-bottom-width: 0px;
}
.group:nth-child(3n):nth-last-child(-n+4)~a .group-\[\&\:nth-child\(3n\)\:nth-last-child\(-n\+4\)\~a\]\:border-b-0 {
  border-bottom-width: 0px;
}
.group:nth-child(3n) .group-\[\&\:nth-child\(3n\)\]\:border-r-0 {
  border-right-width: 0px;
}
.has-\[a\:hover\]\:bg-transparent:has(a:hover) {
  background-color: transparent;
}
.aria-selected\:bg-subtler[aria-selected=true] {
  background-color: oklch(var(--background-subtler-color));
}
.aria-selected\:opacity-100[aria-selected=true] {
  opacity: 1;
}
.data-open\:duration-150[data-state=open] {
  transition-duration: .15s;
}
.data-open\:ease-in[data-state=open] {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}
.data-open\:ease-in-out[data-state=open] {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.data-open\:ease-outExpo[data-state=open] {
  transition-timing-function: cubic-bezier(.16, 1, .3, 1);
}
.data-open\:animate-in[data-state=open] {
  animation-name: enter;
  animation-duration: .15s;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-open\:fade-in[data-state=open] {
  --tw-enter-opacity: 0;
}
.data-open\:zoom-in-95[data-state=open] {
  --tw-enter-scale: .95;
}
.data-open\:zoom-in-\[0\.97\][data-state=open] {
  --tw-enter-scale: .97;
}
.data-open\:zoom-in-\[0\.98\][data-state=open] {
  --tw-enter-scale: .98;
}
.data-open\:slide-in-from-right[data-state=open] {
  --tw-enter-translate-x: 100%;
}
.data-open\:duration-150[data-state=open] {
  animation-duration: .15s;
}
.data-open\:ease-in[data-state=open] {
  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
}
.data-open\:ease-in-out[data-state=open] {
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.data-open\:ease-outExpo[data-state=open] {
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
}
.data-closed\:ease-inExpo[data-state=closed] {
  transition-timing-function: cubic-bezier(.7, 0, .84, 0);
}
.data-closed\:ease-out[data-state=closed] {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}
.data-closed\:animate-out[data-state=closed] {
  animation-name: exit;
  animation-duration: .15s;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-closed\:fade-out[data-state=closed] {
  --tw-exit-opacity: 0;
}
.data-closed\:zoom-out-95[data-state=closed] {
  --tw-exit-scale: .95;
}
.data-closed\:zoom-out-\[0\.97\][data-state=closed] {
  --tw-exit-scale: .97;
}
.data-closed\:zoom-out-\[0\.98\][data-state=closed] {
  --tw-exit-scale: .98;
}
.data-closed\:slide-out-to-right[data-state=closed] {
  --tw-exit-translate-x: 100%;
}
.data-closed\:ease-inExpo[data-state=closed] {
  animation-timing-function: cubic-bezier(.7, 0, .84, 0);
}
.data-closed\:ease-out[data-state=closed] {
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
}
.data-\[placement\=bottom-end\]\:origin-top-right[data-placement=bottom-end] {
  transform-origin: top right;
}
.data-\[placement\=bottom-start\]\:origin-top-left[data-placement=bottom-start] {
  transform-origin: top left;
}
.data-\[placement\=top-end\]\:origin-bottom-right[data-placement=top-end] {
  transform-origin: bottom right;
}
.data-\[placement\=top-start\]\:origin-bottom-left[data-placement=top-start] {
  transform-origin: bottom left;
}
.data-\[side\=bottom\]\:origin-top[data-side=bottom] {
  transform-origin: top;
}
.data-\[side\=top\]\:origin-bottom[data-side=top] {
  transform-origin: bottom;
}
.data-\[state\=checked\]\:translate-x-\[10px\][data-state=checked] {
  --tw-translate-x: 10px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[14px\][data-state=checked] {
  --tw-translate-x: 14px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[18px\][data-state=checked] {
  --tw-translate-x: 18px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes slideDownAndFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(3px);
  }
}
.data-\[state\=closed\]\:animate-slideDownAndFadeOut[data-state=closed] {
  animation: slideDownAndFadeOut .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes slideLeftAndFadeOut {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-3px);
  }
}
.data-\[state\=closed\]\:animate-slideLeftAndFadeOut[data-state=closed] {
  animation: slideLeftAndFadeOut .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes slideRightAndFadeOut {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(3px);
  }
}
.data-\[state\=closed\]\:animate-slideRightAndFadeOut[data-state=closed] {
  animation: slideRightAndFadeOut .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes slideUpAndFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-3px);
  }
}
.data-\[state\=closed\]\:animate-slideUpAndFadeOut[data-state=closed] {
  animation: slideUpAndFadeOut .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes slideDownAndFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.data-\[state\=delayed-open\]\:animate-slideDownAndFadeIn[data-state=delayed-open] {
  animation: slideDownAndFadeIn .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes slideLeftAndFadeIn {
  0% {
    opacity: 0;
    transform: translate(3px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.data-\[state\=delayed-open\]\:animate-slideLeftAndFadeIn[data-state=delayed-open] {
  animation: slideLeftAndFadeIn .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes slideRightAndFadeIn {
  0% {
    opacity: 0;
    transform: translate(-3px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.data-\[state\=delayed-open\]\:animate-slideRightAndFadeIn[data-state=delayed-open] {
  animation: slideRightAndFadeIn .2s cubic-bezier(.16, 1, .3, 1);
}
.data-\[state\=delayed-open\]\:animate-slideUpAndFadeIn[data-state=delayed-open] {
  animation: slideUpAndFadeIn .2s cubic-bezier(.16, 1, .3, 1);
}
@keyframes slideUpAndFadeIn {
  0% {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.data-\[state\=open\]\:animate-slideUpAndFadeIn[data-state=open] {
  animation: slideUpAndFadeIn .2s cubic-bezier(.16, 1, .3, 1);
}
.data-\[state\=checked\]\:justify-end[data-state=checked] {
  justify-content: flex-end;
}
.data-\[state\=closed\]\:border-subtler[data-state=closed] {
  border-color: oklch(var(--foreground-subtler-color));
}
.data-\[state\=open\]\:border-super[data-state=open] {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.data-\[focused\=self\]\:bg-subtler[data-focused=self] {
  background-color: oklch(var(--background-subtler-color));
}
.data-\[state\=checked\]\:bg-super[data-state=checked] {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity));
}
.data-\[state\=unchecked\]\:bg-inverse\/45[data-state=unchecked] {
  background-color: oklch(var(--background-inverse-color) / .45);
}
.data-\[state\=on\]\:text-foreground[data-state=on] {
  color: oklch(var(--foreground-color));
}
.data-\[state\=visible\]\:opacity-100[data-state=visible] {
  opacity: 1;
}
.group\/tooltip-content[data-side=bottom] .group-data-\[side\=\"bottom\"\]\/tooltip-content\:top-0 {
  top: 0;
}
.group\/tooltip-content[data-side=top] .group-data-\[side\=\"top\"\]\/tooltip-content\:bottom-0 {
  bottom: 0;
}
.group[data-selected=true] .group-data-\[selected\=\"true\"\]\:border-super {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.group[data-selected=true] .group-data-\[selected\=\"true\"\]\:bg-super\/10 {
  background-color: oklch(var(--super-color) / .1);
}
.group[data-focused=other] .group-data-\[focused\=other\]\:opacity-0 {
  opacity: 0;
}
.group[data-focused=self] .group-data-\[focused\=self\]\:opacity-100 {
  opacity: 1;
}
.group[data-selected=true] .group-data-\[selected\=\"true\"\]\:first\:border-l-2:first-child {
  border-left-width: 2px;
}
.group[data-selected=true] .group-data-\[selected\=\"true\"\]\:first\:border-l-super:first-child {
  --tw-border-opacity: 1;
  border-left-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.group[data-selected=true] .group-data-\[selected\=\"true\"\]\:first\:pl-xs:first-child {
  padding-left: var(--size-xs);
}
.group[data-selected=true] .group-data-\[selected\=\"true\"\]\:last\:border-r-2:last-child {
  border-right-width: 2px;
}
.group[data-selected=true] .group-data-\[selected\=\"true\"\]\:last\:pr-xs:last-child {
  padding-right: var(--size-xs);
}
[data-erp=tab] .erp-tab\:top-headerHeight {
  top: var(--header-height);
}
[data-erp=tab] .erp-tab\:gap-0 {
  gap: 0px;
}
[data-erp=tab] .erp-tab\:rounded-none {
  border-radius: 0;
}
[data-erp=tab] .erp-tab\:p-0 {
  padding: 0;
}
[data-erp=tab] .erp-tab\:pt-two {
  padding-top: 2px;
}
[data-erp=sidecar] .erp-sidecar\:fixed {
  position: fixed;
}
[data-erp=sidecar] .erp-sidecar\:top-\[114px\] {
  top: 114px;
}
[data-erp=sidecar] .erp-sidecar\:h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
[data-erp=sidecar] .erp-sidecar\:min-h-\[var\(--sidecar-content-height\)\] {
  min-height: var(--sidecar-content-height);
}
[data-erp=sidecar] .erp-sidecar\:w-full {
  width: 100%;
}
[data-erp=sidecar] .erp-sidecar\:px-md {
  padding-left: var(--size-md);
  padding-right: var(--size-md);
}
[data-erp=sidecar] .erp-sidecar\:pb-0 {
  padding-bottom: 0;
}
[data-erp=sidecar] .erp-sidecar\:pt-0, [data-erp=mobile-sidecar] .erp-mobile-sidecar\:pt-0 {
  padding-top: 0;
}
@media (pointer: coarse) {
  .pointer-coarse\:opacity-100 {
    opacity: 1;
  }
}
.prose-p\:my-0 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose-p\:mb-2 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
  margin-bottom: .5rem;
}
.prose-p\:pt-0 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
  padding-top: 0;
}
.prose-strong\:font-medium :is(:where(strong):not(:where([class~=not-prose], [class~=not-prose] *))) {
  font-weight: 500;
  font-weight: var(--font-medium);
}
@container (min-width: 20rem) {
  .\@xs\:ml-7 {
    margin-left: 1.75rem;
  }
  .\@xs\:size-4 {
    width: 1rem;
    height: 1rem;
  }
  .\@xs\:w-20 {
    width: 5rem;
  }
  .\@xs\:flex-row {
    flex-direction: row;
  }
  .\@xs\:gap-3 {
    gap: .75rem;
  }
  .\@xs\:gap-sm {
    gap: var(--size-sm);
  }
  .\@xs\:px-md {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
  .\@xs\:pb-md {
    padding-bottom: var(--size-md);
  }
  .\@xs\:pt-3 {
    padding-top: .75rem;
  }
  .\@xs\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
}
@container (min-width: 28rem) {
  .\@md\:w-\[570px\] {
    width: 570px;
  }
  @container (min-width: 1458px) {
    .\@md\:\@\[1458px\]\:w-full {
      width: 100%;
    }
  }
}
@container (min-width: 420px) {
  .\@\[420px\]\:ml-auto {
    margin-left: auto;
  }
  .\@\[420px\]\:block {
    display: block;
  }
  .\@\[420px\]\:hidden {
    display: none;
  }
  .\@\[420px\]\:h-full {
    height: 100%;
  }
  .\@\[420px\]\:w-\[128px\] {
    width: 128px;
  }
  .\@\[420px\]\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .\@\[420px\]\:flex-row {
    flex-direction: row;
  }
  .\@\[420px\]\:items-end {
    align-items: flex-end;
  }
  .\@\[420px\]\:gap-md {
    gap: var(--size-md);
  }
}
@container (min-width: 600px) {
  .\@\[600px\]\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .\@\[600px\]\:h-full {
    height: 100%;
  }
  .\@\[600px\]\:grid-cols-\[17\%_46\%_1fr\] {
    grid-template-columns: 17% 46% 1fr;
  }
}
@container (min-width: 640px) {
  .\@\[640px\]\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .\@\[640px\]\:block {
    display: block;
  }
  .\@\[640px\]\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container (min-width: 700px) {
  .\@\[700px\]\:grid-cols-\[120px_320px_1fr\] {
    grid-template-columns: 120px 320px 1fr;
  }
}
@container main (min-width: 1100px) {
  .\@\[1100px\]\/main\:max-w-\[80px\] {
    max-width: 80px;
  }
}
@container main (min-width: 1200px) {
  .\@\[1200px\]\/main\:max-w-\[160px\] {
    max-width: 160px;
  }
}
@container main (min-width: 1540px) {
  .\@\[1540px\]\/main\:bg-transparent {
    background-color: transparent;
  }
  .\@\[1540px\]\/main\:backdrop-blur-none {
    --tw-backdrop-blur: blur(0);
    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);
  }
}
.hover\:-mx-2:hover {
  margin-left: -.5rem;
  margin-right: -.5rem;
}
.hover\:-translate-x-1:hover {
  --tw-translate-x: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:transform:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:rounded-lg:hover {
  border-radius: .5rem;
}
.hover\:\!border-none:hover {
  border-style: none !important;
}
.hover\:\!border-subtler:hover {
  border-color: oklch(var(--foreground-subtler-color)) !important;
}
.hover\:\!border-subtlest:hover {
  border-color: oklch(var(--foreground-subtlest-color)) !important;
}
.hover\:\!border-transparent:hover {
  border-color: transparent !important;
}
.hover\:border-caution\/20:hover {
  border-color: oklch(var(--caution-color) / .2);
}
.hover\:border-offset:hover {
  border-color: oklch(var(--offset-color));
}
.hover\:border-subtle:hover {
  border-color: oklch(var(--foreground-subtle-color));
}
.hover\:border-subtler:hover {
  border-color: oklch(var(--foreground-subtler-color));
}
.hover\:border-super:hover {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.hover\:border-super\/30:hover {
  border-color: oklch(var(--super-color) / .3);
}
.hover\:border-super\/50:hover {
  border-color: oklch(var(--super-color) / .5);
}
.hover\:border-super\/75:hover {
  border-color: oklch(var(--super-color) / .75);
}
.hover\:\!bg-black\/80:hover {
  background-color: #000c !important;
}
.hover\:\!bg-black\/90:hover {
  background-color: #000000e6 !important;
}
.hover\:\!bg-caution:hover {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--caution-color) / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-inverse\/5:hover {
  background-color: oklch(var(--background-inverse-color) / .05) !important;
}
.hover\:\!bg-subtler:hover {
  background-color: oklch(var(--background-subtler-color)) !important;
}
.hover\:\!bg-super:hover {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-super\/10:hover {
  background-color: oklch(var(--super-color) / .1) !important;
}
.hover\:\!bg-transparent:hover {
  background-color: transparent !important;
}
.hover\:\!bg-white\/10:hover {
  background-color: #ffffff1a !important;
}
.hover\:\!bg-white\/90:hover {
  background-color: #ffffffe6 !important;
}
.hover\:bg-black\/5:hover {
  background-color: #0000000d;
}
.hover\:bg-caution\/30:hover {
  background-color: oklch(var(--caution-color) / .3);
}
.hover\:bg-inverse\/5:hover {
  background-color: oklch(var(--background-inverse-color) / .05);
}
.hover\:bg-negative\/20:hover {
  background-color: oklch(var(--negative-color) / .2);
}
.hover\:bg-offset:hover {
  background-color: oklch(var(--offset-color));
}
.hover\:bg-positive\/20:hover {
  background-color: oklch(var(--positive-color) / .2);
}
.hover\:bg-raised:hover {
  background-color: oklch(var(--background-raised-color));
}
.hover\:bg-raisedOffset:hover {
  background-color: oklch(var(--raised-offset-color));
}
.hover\:bg-subtle:hover {
  background-color: oklch(var(--background-subtle-color));
}
.hover\:bg-subtler:hover {
  background-color: oklch(var(--background-subtler-color));
}
.hover\:bg-subtlest:hover {
  background-color: oklch(var(--background-subtlest-color));
}
.hover\:bg-super:hover {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity));
}
.hover\:bg-super\/20:hover {
  background-color: oklch(var(--super-color) / .2);
}
.hover\:bg-super\/90:hover {
  background-color: oklch(var(--super-color) / .9);
}
.hover\:bg-superBG:hover {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-bg-color) / var(--tw-bg-opacity));
}
.hover\:px-2:hover {
  padding-left: .5rem;
  padding-right: .5rem;
}
.hover\:\!text-quiet:hover {
  color: oklch(var(--foreground-quiet-color)) !important;
}
.hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:\!text-white\/80:hover {
  color: #fffc !important;
}
.hover\:text-caution:hover {
  --tw-text-opacity: 1;
  color: oklch(var(--caution-color) / var(--tw-text-opacity));
}
.hover\:text-foreground:hover {
  color: oklch(var(--foreground-color));
}
.hover\:text-negative:hover {
  --tw-text-opacity: 1;
  color: oklch(var(--negative-color) / var(--tw-text-opacity));
}
.hover\:text-positive:hover {
  --tw-text-opacity: 1;
  color: oklch(var(--positive-color) / var(--tw-text-opacity));
}
.hover\:text-quiet:hover {
  color: oklch(var(--foreground-quiet-color));
}
.hover\:text-super:hover {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:decoration-super:hover {
  text-decoration-color: oklch(var(--super-color) / 1);
}
.hover\:decoration-super\/80:hover {
  text-decoration-color: oklch(var(--super-color) / .8);
}
.hover\:decoration-transparent:hover {
  text-decoration-color: transparent;
}
.hover\:underline-offset-\[7px\]:hover {
  text-underline-offset: 7px;
}
.hover\:\!opacity-100:hover {
  opacity: 1 !important;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-40:hover {
  opacity: .4;
}
.hover\:opacity-50:hover {
  opacity: .5;
}
.hover\:opacity-60:hover {
  opacity: .6;
}
.hover\:opacity-70:hover {
  opacity: .7;
}
.hover\:opacity-75:hover {
  opacity: .75;
}
.hover\:opacity-80:hover {
  opacity: .8;
}
.hover\:opacity-85:hover {
  opacity: .85;
}
.hover\:opacity-90:hover {
  opacity: .9;
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-subtle:hover {
  --tw-shadow: 0 0 2px 0 rgba(0, 0, 0, .05), 0 4px 6px 0 rgba(0, 0, 0, .02);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 4px 6px 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\:\!outline-none:hover {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.hover\:\!ring-0:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.hover\:ring-1:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:\!ring-transparent:hover {
  --tw-ring-color: transparent !important;
}
.hover\:ring-subtle:hover {
  --tw-ring-color: oklch(var(--foreground-subtle-color));
}
.hover\:ring-super:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: oklch(var(--super-color) / var(--tw-ring-opacity));
}
.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);
}
.hover\:\!transition-none:hover {
  transition-property: none !important;
}
.hover\:transition-none:hover {
  transition-property: none;
}
.data-\[state\=open\]\:hover\:border-super:hover[data-state=open] {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.hover\:data-\[focused\=other\]\:bg-raised[data-focused=other]:hover {
  background-color: oklch(var(--background-raised-color));
}
.focus\:\!border-none:focus {
  border-style: none !important;
}
.focus\:\!border-super:focus {
  --tw-border-opacity: 1 !important;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity)) !important;
}
.focus\:\!border-transparent:focus {
  border-color: transparent !important;
}
.focus\:border-subtle:focus {
  border-color: oklch(var(--foreground-subtle-color));
}
.focus\:border-subtler:focus {
  border-color: oklch(var(--foreground-subtler-color));
}
.focus\:border-super:focus {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
.focus\:border-super\/30:focus {
  border-color: oklch(var(--super-color) / .3);
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:bg-super\/20:focus {
  background-color: oklch(var(--super-color) / .2);
}
.focus\:text-super:focus {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
.focus\:underline:focus {
  text-decoration-line: underline;
}
.focus\:\!outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:\!ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[1\.5px\]: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(1.5px + 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-transparent:focus {
  --tw-ring-color: transparent !important;
}
.focus\:ring-subtler:focus {
  --tw-ring-color: oklch(var(--foreground-subtler-color));
}
.focus\:ring-super:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: oklch(var(--super-color) / var(--tw-ring-opacity));
}
.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:rounded-lg:focus-visible {
  border-radius: .5rem;
}
.focus-visible\:\!border-subtlest:focus-visible {
  border-color: oklch(var(--foreground-subtlest-color)) !important;
}
.focus-visible\:\!bg-transparent:focus-visible {
  background-color: transparent !important;
}
.focus-visible\:bg-subtle:focus-visible {
  background-color: oklch(var(--background-subtle-color));
}
.focus-visible\:bg-subtler:focus-visible {
  background-color: oklch(var(--background-subtler-color));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}
.focus-visible\:outline-offset-0:focus-visible {
  outline-offset: 0px;
}
.focus-visible\:outline-super:focus-visible {
  outline-color: oklch(var(--super-color) / 1);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-super\/50:focus-visible {
  --tw-ring-color: oklch(var(--super-color) / .5);
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-inverse:focus-visible {
  --tw-ring-offset-color: oklch(var(--foreground-inverse-color));
}
.focus-visible\:before\:opacity-100:focus-visible:before {
  content: var(--tw-content);
  opacity: 1;
}
.active\:\!scale-100:active {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.active\:scale-100:active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[\.98\]:active {
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.95\]:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.96\]:active {
  --tw-scale-x: .96;
  --tw-scale-y: .96;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.97\]:active {
  --tw-scale-x: .97;
  --tw-scale-y: .97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active {
  --tw-scale-x: .98;
  --tw-scale-y: .98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.99\]:active {
  --tw-scale-x: .99;
  --tw-scale-y: .99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:transform-none:active {
  transform: none;
}
.active\:\!cursor-grabbing:active {
  cursor: grabbing !important;
}
.active\:cursor-grabbing:active {
  cursor: grabbing;
}
.active\:\!bg-subtler:active {
  background-color: oklch(var(--background-subtler-color)) !important;
}
.active\:bg-subtler:active {
  background-color: oklch(var(--background-subtler-color));
}
.active\:underline:active {
  text-decoration-line: underline;
}
.active\:\!opacity-\[50\%\]:active {
  opacity: 50% !important;
}
.active\:opacity-75:active {
  opacity: .75;
}
.active\:duration-150:active {
  transition-duration: .15s;
}
.active\:ease-outExpo:active {
  transition-timing-function: cubic-bezier(.16, 1, .3, 1);
}
.active\:duration-150:active {
  animation-duration: .15s;
}
.active\:ease-outExpo:active {
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
}
.disabled\:\!text-inverse:disabled {
  color: oklch(var(--foreground-inverse-color)) !important;
}
:is(.disabled\:\!text-inverse:disabled) {
  --font-thin: var(--font-thin-inverse) !important;
  --font-extralight: var(--font-extralight-inverse) !important;
  --font-light: var(--font-light-inverse) !important;
  --font-normal: var(--font-normal-inverse) !important;
  --font-semimedium: var(--font-semimedium-inverse) !important;
  --font-medium: var(--font-medium-inverse) !important;
  --font-semibold: var(--font-semibold-inverse) !important;
  --font-bold: var(--font-bold-inverse) !important;
  --font-extrabold: var(--font-extrabold-inverse) !important;
  --font-black: var(--font-black-inverse) !important;
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}
@media not all and (min-width: 768px) {
  .max-md\:px-md {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
}
@media not all and (min-width: 640px) {
  .max-sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .max-sm\:w-full {
    width: 100%;
  }
  .max-sm\:w-screen {
    width: 100vw;
  }
  .max-sm\:grow {
    flex-grow: 1;
  }
  .max-sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-sm\:pl-sm {
    padding-left: var(--size-sm);
  }
  .max-sm\:text-center {
    text-align: center;
  }
  .max-sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .max-sm\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 640px) {
  .sm\:order-\[unset\] {
    order: unset;
  }
  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm\:mx-sm {
    margin-left: var(--size-sm);
    margin-right: var(--size-sm);
  }
  .sm\:mb-2 {
    margin-bottom: .5rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:ml-auto {
    margin-left: auto;
  }
  .sm\:line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .sm\:aspect-auto {
    aspect-ratio: auto;
  }
  .sm\:size-11 {
    width: 2.75rem;
    height: 2.75rem;
  }
  .sm\:\!h-8 {
    height: 2rem !important;
  }
  .sm\:h-8 {
    height: 2rem;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:max-h-\[25vh\] {
    max-height: 25vh;
  }
  .sm\:min-h-0 {
    min-height: 0px;
  }
  .sm\:min-h-8 {
    min-height: 2rem;
  }
  .sm\:min-h-80 {
    min-height: 20rem;
  }
  .sm\:\!w-8 {
    width: 2rem !important;
  }
  .sm\:w-24 {
    width: 6rem;
  }
  .sm\:w-8\/12 {
    width: 66.666667%;
  }
  .sm\:w-\[75vw\] {
    width: 75vw;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:\!min-w-\[50\%\] {
    min-width: 50% !important;
  }
  .sm\:min-w-56 {
    min-width: 14rem;
  }
  .sm\:max-w-96 {
    max-width: 24rem;
  }
  .sm\:max-w-\[50\%\] {
    max-width: 50%;
  }
  .sm\:max-w-none {
    max-width: none;
  }
  .sm\:max-w-screen-md {
    max-width: 768px;
  }
  .sm\:flex-1 {
    flex: 1 1 0%;
  }
  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:place-items-center {
    place-items: center;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-center {
    justify-content: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-10 {
    gap: 2.5rem;
  }
  .sm\:gap-16 {
    gap: 4rem;
  }
  .sm\:gap-2 {
    gap: .5rem;
  }
  .sm\:gap-3 {
    gap: .75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-md {
    gap: var(--size-md);
  }
  .sm\:space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .sm\:self-center {
    align-self: center;
  }
  .sm\:overflow-visible {
    overflow: visible;
  }
  .sm\:object-\[80\%_center\] {
    -o-object-position: 80% center;
    object-position: 80% center;
  }
  .sm\:p-2 {
    padding: .5rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-three {
    padding: 3px;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-md {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pr-6 {
    padding-right: 1.5rem;
  }
  .sm\:pr-8 {
    padding-right: 2rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .sm\:\!text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .sm\:\!text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
  .group:hover .sm\:group-hover\:bg-subtle {
    background-color: oklch(var(--background-subtle-color));
  }
  .sm\:hover\:\!border-subtler:hover {
    border-color: oklch(var(--foreground-subtler-color)) !important;
  }
  .sm\:hover\:border-subtler:hover {
    border-color: oklch(var(--foreground-subtler-color));
  }
}
@media (min-width: 768px) {
  .md\:pointer-events-auto {
    pointer-events: auto;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:sticky {
    position: sticky;
  }
  .md\:inset-0 {
    inset: 0;
  }
  .md\:-inset-x-1 {
    left: -.25rem;
    right: -.25rem;
  }
  .md\:-inset-x-xl {
    left: calc(var(--size-xl) * -1);
    right: calc(var(--size-xl) * -1);
  }
  .md\:inset-x-lg {
    left: var(--size-lg);
    right: var(--size-lg);
  }
  .md\:inset-x-md {
    left: var(--size-md);
    right: var(--size-md);
  }
  .md\:\!bottom-lg {
    bottom: var(--size-lg) !important;
  }
  .md\:\!left-sideBarWidth {
    left: var(--sidebar-width) !important;
  }
  .md\:\!left-sidebarDefaultWidth {
    left: var(--sidebar-default-width) !important;
  }
  .md\:\!left-sidebarPinnedWidth {
    left: var(--sidebar-pinned-width) !important;
  }
  .md\:-right-md {
    right: calc(var(--size-md) * -1);
  }
  .md\:bottom-0 {
    bottom: 0;
  }
  .md\:bottom-\[6px\] {
    bottom: 6px;
  }
  .md\:bottom-md {
    bottom: var(--size-md);
  }
  .md\:bottom-sm {
    bottom: var(--size-sm);
  }
  .md\:bottom-xl {
    bottom: var(--size-xl);
  }
  .md\:left-\[calc\(var\(--sidebar-pinned-width\)\)\] {
    left: calc(var(--sidebar-pinned-width));
  }
  .md\:left-auto {
    left: auto;
  }
  .md\:left-sidebarDefaultWidth {
    left: var(--sidebar-default-width);
  }
  .md\:left-sidebarPinnedWidth {
    left: var(--sidebar-pinned-width);
  }
  .md\:right-0 {
    right: 0;
  }
  .md\:right-full {
    right: 100%;
  }
  .md\:right-md {
    right: var(--size-md);
  }
  .md\:right-sm {
    right: var(--size-sm);
  }
  .md\:top-0 {
    top: 0;
  }
  .md\:top-1\/2 {
    top: 50%;
  }
  .md\:top-\[100px\] {
    top: 100px;
  }
  .md\:top-\[calc\(var\(--header-height\)\+var\(--size-sm\)\)\] {
    top: calc(var(--header-height) + var(--size-sm));
  }
  .md\:top-full {
    top: 100%;
  }
  .md\:top-headerHeight {
    top: var(--header-height);
  }
  .md\:top-sm {
    top: var(--size-sm);
  }
  .md\:isolation-auto {
    isolation: auto;
  }
  .md\:z-\[1\] {
    z-index: 1;
  }
  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .md\:col-start-2 {
    grid-column-start: 2;
  }
  .md\:col-start-3 {
    grid-column-start: 3;
  }
  .md\:col-end-3 {
    grid-column-end: 3;
  }
  .md\:col-end-4 {
    grid-column-end: 4;
  }
  .md\:row-start-1 {
    grid-row-start: 1;
  }
  .md\:row-end-2 {
    grid-row-end: 2;
  }
  .md\:row-end-3 {
    grid-row-end: 3;
  }
  .md\:-m-md {
    margin: calc(var(--size-md) * -1);
  }
  .md\:m-0 {
    margin: 0;
  }
  .md\:m-md {
    margin: var(--size-md);
  }
  .md\:-mx-0 {
    margin-left: -0px;
    margin-right: -0px;
  }
  .md\:-mx-md {
    margin-left: calc(var(--size-md) * -1);
    margin-right: calc(var(--size-md) * -1);
  }
  .md\:-mx-xs {
    margin-left: calc(var(--size-xs) * -1);
    margin-right: calc(var(--size-xs) * -1);
  }
  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:mx-lg {
    margin-left: var(--size-lg);
    margin-right: var(--size-lg);
  }
  .md\:mx-md {
    margin-left: var(--size-md);
    margin-right: var(--size-md);
  }
  .md\:my-md {
    margin-top: var(--size-md);
    margin-bottom: var(--size-md);
  }
  .md\:-mb-10 {
    margin-bottom: -2.5rem;
  }
  .md\:-mb-md {
    margin-bottom: calc(var(--size-md) * -1);
  }
  .md\:-ml-5 {
    margin-left: -1.25rem;
  }
  .md\:-ml-\[1\.5px\] {
    margin-left: -1.5px;
  }
  .md\:-ml-sm {
    margin-left: calc(var(--size-sm) * -1);
  }
  .md\:-mr-5 {
    margin-right: -1.25rem;
  }
  .md\:-mt-lg {
    margin-top: calc(var(--size-lg) * -1);
  }
  .md\:-mt-md {
    margin-top: calc(var(--size-md) * -1);
  }
  .md\:mb-0 {
    margin-bottom: 0;
  }
  .md\:mb-1 {
    margin-bottom: .25rem;
  }
  .md\:mb-20 {
    margin-bottom: 5rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-headerHeight {
    margin-bottom: var(--header-height);
  }
  .md\:mb-lg {
    margin-bottom: var(--size-lg);
  }
  .md\:mb-md {
    margin-bottom: var(--size-md);
  }
  .md\:mb-sm {
    margin-bottom: var(--size-sm);
  }
  .md\:mb-xs {
    margin-bottom: var(--size-xs);
  }
  .md\:ml-0 {
    margin-left: 0;
  }
  .md\:mr-0 {
    margin-right: 0;
  }
  .md\:mr-\[-16px\] {
    margin-right: -16px;
  }
  .md\:mr-sm {
    margin-right: var(--size-sm);
  }
  .md\:mr-xl {
    margin-right: var(--size-xl);
  }
  .md\:mt-0 {
    margin-top: 0;
  }
  .md\:mt-lg {
    margin-top: var(--size-lg);
  }
  .md\:mt-md {
    margin-top: var(--size-md);
  }
  .md\:mt-sm {
    margin-top: var(--size-sm);
  }
  .md\:mt-xl {
    margin-top: var(--size-xl);
  }
  .md\:mt-xs {
    margin-top: var(--size-xs);
  }
  .md\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .md\:line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:aspect-square {
    aspect-ratio: 1 / 1;
  }
  .md\:size-12 {
    width: 3rem;
    height: 3rem;
  }
  .md\:size-20 {
    width: 5rem;
    height: 5rem;
  }
  .md\:size-28 {
    width: 7rem;
    height: 7rem;
  }
  .md\:size-4 {
    width: 1rem;
    height: 1rem;
  }
  .md\:size-5 {
    width: 1.25rem;
    height: 1.25rem;
  }
  .md\:size-8 {
    width: 2rem;
    height: 2rem;
  }
  .md\:size-\[32px\] {
    width: 32px;
    height: 32px;
  }
  .md\:size-\[500px\] {
    width: 500px;
    height: 500px;
  }
  .md\:size-\[60px\] {
    width: 60px;
    height: 60px;
  }
  .md\:size-auto {
    width: auto;
    height: auto;
  }
  .md\:h-1\/2 {
    height: 50%;
  }
  .md\:h-12 {
    height: 3rem;
  }
  .md\:h-14 {
    height: 3.5rem;
  }
  .md\:h-2 {
    height: .5rem;
  }
  .md\:h-4 {
    height: 1rem;
  }
  .md\:h-8 {
    height: 2rem;
  }
  .md\:h-\[12vh\] {
    height: 12vh;
  }
  .md\:h-\[196px\] {
    height: 196px;
  }
  .md\:h-\[200px\] {
    height: 200px;
  }
  .md\:h-\[314px\] {
    height: 314px;
  }
  .md\:h-\[320px\] {
    height: 320px;
  }
  .md\:h-\[413px\] {
    height: 413px;
  }
  .md\:h-\[446px\] {
    height: 446px;
  }
  .md\:h-\[68px\] {
    height: 68px;
  }
  .md\:h-\[90vh\] {
    height: 90vh;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-fit {
    height: -moz-fit-content;
    height: fit-content;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:h-screen {
    height: 100vh;
  }
  .md\:max-h-\[350px\] {
    max-height: 350px;
  }
  .md\:max-h-\[800px\] {
    max-height: 800px;
  }
  .md\:max-h-\[95vh\] {
    max-height: 95vh;
  }
  .md\:max-h-\[96vh\] {
    max-height: 96vh;
  }
  .md\:max-h-none {
    max-height: none;
  }
  .md\:min-h-0 {
    min-height: 0px;
  }
  .md\:min-h-\[200px\] {
    min-height: 200px;
  }
  .md\:min-h-\[60vh\] {
    min-height: 60vh;
  }
  .md\:\!w-2\/5 {
    width: 40% !important;
  }
  .md\:\!w-full {
    width: 100% !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-14 {
    width: 3.5rem;
  }
  .md\:w-16 {
    width: 4rem;
  }
  .md\:w-2\/3 {
    width: 66.666667%;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-32 {
    width: 8rem;
  }
  .md\:w-52 {
    width: 13rem;
  }
  .md\:w-6 {
    width: 1.5rem;
  }
  .md\:w-8 {
    width: 2rem;
  }
  .md\:w-\[140px\] {
    width: 140px;
  }
  .md\:w-\[160px\] {
    width: 160px;
  }
  .md\:w-\[200px\] {
    width: 200px;
  }
  .md\:w-\[266px\] {
    width: 266px;
  }
  .md\:w-\[400px\] {
    width: 400px;
  }
  .md\:w-\[420px\] {
    width: 420px;
  }
  .md\:w-\[45\%\] {
    width: 45%;
  }
  .md\:w-\[515px\] {
    width: 515px;
  }
  .md\:w-\[55\%\] {
    width: 55%;
  }
  .md\:w-\[90vw\] {
    width: 90vw;
  }
  .md\:w-\[calc\(20\%-8px\)\] {
    width: calc(20% - 8px);
  }
  .md\:w-\[calc\(30\%_-_8px\)\] {
    width: calc(30% - 8px);
  }
  .md\:w-\[min\(80vw\,_1200px\)\] {
    width: min(80vw, 1200px);
  }
  .md\:w-\[unset\] {
    width: unset;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-screen {
    width: 100vw;
  }
  .md\:\!min-w-0 {
    min-width: 0px !important;
  }
  .md\:\!min-w-\[400px\] {
    min-width: 400px !important;
  }
  .md\:min-w-0 {
    min-width: 0px;
  }
  .md\:min-w-\[1000px\] {
    min-width: 1000px;
  }
  .md\:min-w-\[250px\] {
    min-width: 250px;
  }
  .md\:min-w-\[300px\] {
    min-width: 300px;
  }
  .md\:min-w-\[400px\] {
    min-width: 400px;
  }
  .md\:min-w-\[500px\] {
    min-width: 500px;
  }
  .md\:min-w-\[600px\] {
    min-width: 600px;
  }
  .md\:min-w-\[768px\] {
    min-width: 768px;
  }
  .md\:\!max-w-\[400px\] {
    max-width: 400px !important;
  }
  .md\:max-w-\[160px\] {
    max-width: 160px;
  }
  .md\:max-w-\[300px\] {
    max-width: 300px;
  }
  .md\:max-w-\[350px\] {
    max-width: 350px;
  }
  .md\:max-w-\[360px\] {
    max-width: 360px;
  }
  .md\:max-w-\[440px\] {
    max-width: 440px;
  }
  .md\:max-w-\[50vw\] {
    max-width: 50vw;
  }
  .md\:max-w-\[900px\] {
    max-width: 900px;
  }
  .md\:max-w-\[90vw\] {
    max-width: 90vw;
  }
  .md\:max-w-\[960px\] {
    max-width: 960px;
  }
  .md\:max-w-lg {
    max-width: 32rem;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:max-w-screen-md {
    max-width: 768px;
  }
  .md\:max-w-threadWidth {
    max-width: var(--thread-width);
  }
  .md\:\!flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-1 {
    flex: 1 1 0%;
  }
  .md\:flex-none {
    flex: none;
  }
  .md\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .md\:shrink {
    flex-shrink: 1;
  }
  .md\:grow-\[unset\] {
    flex-grow: unset;
  }
  .md\:basis-1\/2 {
    flex-basis: 50%;
  }
  .md\:basis-1\/4 {
    flex-basis: 25%;
  }
  .md\:-translate-x-0 {
    --tw-translate-x: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:-translate-x-\[30vw\] {
    --tw-translate-x: -30vw;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:-translate-x-sm {
    --tw-translate-x: calc(var(--size-sm) * -1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:-translate-y-px {
    --tw-translate-y: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-x-sm {
    --tw-translate-x: var(--size-sm);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-y-px {
    --tw-translate-y: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:translate-y-xs {
    --tw-translate-y: var(--size-xs);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:cursor-pointer {
    cursor: pointer;
  }
  .md\:auto-cols-auto {
    grid-auto-columns: auto;
  }
  .md\:grid-flow-col {
    grid-auto-flow: column;
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, 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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1fr\,3fr\,1fr\] {
    grid-template-columns: 1fr 3fr 1fr;
  }
  .md\:grid-cols-\[1fr_1fr_1fr_96px\] {
    grid-template-columns: 1fr 1fr 1fr 96px;
  }
  .md\:grid-cols-\[1fr_3fr\] {
    grid-template-columns: 1fr 3fr;
  }
  .md\:grid-cols-\[2fr\,1fr\,1fr\,1fr\,1fr\] {
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  }
  .md\:grid-cols-\[3fr\,1fr\,1fr\,1fr\] {
    grid-template-columns: 3fr 1fr 1fr 1fr;
  }
  .md\:grid-cols-\[3fr\,1fr\] {
    grid-template-columns: 3fr 1fr;
  }
  .md\:grid-cols-\[3fr\,2fr\,1fr\,1fr\] {
    grid-template-columns: 3fr 2fr 1fr 1fr;
  }
  .md\:grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .md\:grid-cols-\[min-content\,1fr\,1fr\,min-content\] {
    grid-template-columns: min-content 1fr 1fr min-content;
  }
  .md\:grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:\!flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-0 {
    gap: 0px;
  }
  .md\:gap-3 {
    gap: .75rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:gap-\[12px\] {
    gap: 12px;
  }
  .md\:gap-lg {
    gap: var(--size-lg);
  }
  .md\:gap-md {
    gap: var(--size-md);
  }
  .md\:gap-sm {
    gap: var(--size-sm);
  }
  .md\:gap-xl {
    gap: var(--size-xl);
  }
  .md\:gap-xs {
    gap: var(--size-xs);
  }
  .md\:gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .md\:gap-x-md {
    -moz-column-gap: var(--size-md);
    column-gap: var(--size-md);
  }
  .md\:gap-x-sm {
    -moz-column-gap: var(--size-sm);
    column-gap: var(--size-sm);
  }
  .md\:gap-y-lg {
    row-gap: var(--size-lg);
  }
  .md\:gap-y-md {
    row-gap: var(--size-md);
  }
  .md\:space-y-lg>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--size-lg) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--size-lg) * var(--tw-space-y-reverse));
  }
  .md\:space-y-md>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--size-md) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--size-md) * var(--tw-space-y-reverse));
  }
  .md\:self-center {
    align-self: center;
  }
  .md\:overflow-hidden {
    overflow: hidden;
  }
  .md\:overflow-visible {
    overflow: visible;
  }
  .md\:overflow-y-auto {
    overflow-y: auto;
  }
  .md\:overflow-x-visible {
    overflow-x: visible;
  }
  .md\:whitespace-nowrap {
    white-space: nowrap;
  }
  .md\:rounded {
    border-radius: .25rem;
  }
  .md\:rounded-2xl {
    border-radius: 1rem;
  }
  .md\:rounded-full {
    border-radius: 9999px;
  }
  .md\:rounded-lg {
    border-radius: .5rem;
  }
  .md\:rounded-md {
    border-radius: .375rem;
  }
  .md\:rounded-none {
    border-radius: 0;
  }
  .md\:rounded-xl {
    border-radius: .75rem;
  }
  .md\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }
  .md\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .md\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }
  .md\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .md\:rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
  }
  .md\:rounded-tr-\[6px\] {
    border-top-right-radius: 6px;
  }
  .md\:border {
    border-width: 1px;
  }
  .md\:border-0 {
    border-width: 0px;
  }
  .md\:\!border-y-0 {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
  }
  .md\:\!border-r-0 {
    border-right-width: 0px !important;
  }
  .md\:border-b-0 {
    border-bottom-width: 0px;
  }
  .md\:border-l {
    border-left-width: 1px;
  }
  .md\:border-r {
    border-right-width: 1px;
  }
  .md\:border-r-0 {
    border-right-width: 0px;
  }
  .md\:border-t {
    border-top-width: 1px;
  }
  .md\:border-t-0 {
    border-top-width: 0px;
  }
  .md\:border-none {
    border-style: none;
  }
  .md\:object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .md\:object-\[65\%_center\] {
    -o-object-position: 65% center;
    object-position: 65% center;
  }
  .md\:\!p-md {
    padding: var(--size-md) !important;
  }
  .md\:p-0 {
    padding: 0;
  }
  .md\:p-1 {
    padding: .25rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-\[12px\] {
    padding: 12px;
  }
  .md\:p-\[6px\] {
    padding: 6px;
  }
  .md\:p-lg {
    padding: var(--size-lg);
  }
  .md\:p-md {
    padding: var(--size-md);
  }
  .md\:p-sm {
    padding: var(--size-sm);
  }
  .md\:p-xl {
    padding: var(--size-xl);
  }
  .md\:p-xs {
    padding: var(--size-xs);
  }
  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-lg {
    padding-left: var(--size-lg);
    padding-right: var(--size-lg);
  }
  .md\:px-md {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
  .md\:px-sm {
    padding-left: var(--size-sm);
    padding-right: var(--size-sm);
  }
  .md\:px-xl {
    padding-left: var(--size-xl);
    padding-right: var(--size-xl);
  }
  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  .md\:py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .md\:py-lg {
    padding-top: var(--size-lg);
    padding-bottom: var(--size-lg);
  }
  .md\:py-md {
    padding-top: var(--size-md);
    padding-bottom: var(--size-md);
  }
  .md\:py-sm {
    padding-top: var(--size-sm);
    padding-bottom: var(--size-sm);
  }
  .md\:py-xs {
    padding-top: var(--size-xs);
    padding-bottom: var(--size-xs);
  }
  .md\:\!pb-0 {
    padding-bottom: 0 !important;
  }
  .md\:\!pb-4 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0;
  }
  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .md\:pb-8 {
    padding-bottom: 2rem;
  }
  .md\:pb-9 {
    padding-bottom: 2.25rem;
  }
  .md\:pb-headerHeight {
    padding-bottom: var(--header-height);
  }
  .md\:pb-lg {
    padding-bottom: var(--size-lg);
  }
  .md\:pb-md {
    padding-bottom: var(--size-md);
  }
  .md\:pb-sm {
    padding-bottom: var(--size-sm);
  }
  .md\:pb-xl {
    padding-bottom: var(--size-xl);
  }
  .md\:pl-lg {
    padding-left: var(--size-lg);
  }
  .md\:pl-md {
    padding-left: var(--size-md);
  }
  .md\:pr-0 {
    padding-right: 0;
  }
  .md\:pr-6 {
    padding-right: 1.5rem;
  }
  .md\:pr-\[138px\] {
    padding-right: 138px;
  }
  .md\:pr-\[59px\] {
    padding-right: 59px;
  }
  .md\:pr-md {
    padding-right: var(--size-md);
  }
  .md\:pr-sm {
    padding-right: var(--size-sm);
  }
  .md\:pt-0 {
    padding-top: 0;
  }
  .md\:pt-2 {
    padding-top: .5rem;
  }
  .md\:pt-52 {
    padding-top: 13rem;
  }
  .md\:pt-lg {
    padding-top: var(--size-lg);
  }
  .md\:pt-md {
    padding-top: var(--size-md);
  }
  .md\:pt-sm {
    padding-top: var(--size-sm);
  }
  .md\:pt-xl {
    padding-top: var(--size-xl);
  }
  .md\:\!text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .md\:\!text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .md\:\!text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .md\:\!text-\[2\.8rem\] {
    font-size: 2.8rem !important;
  }
  .md\:\!text-\[80px\] {
    font-size: 80px !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-\[2\.8rem\] {
    font-size: 2.8rem;
  }
  .md\:text-\[3\.1rem\] {
    font-size: 3.1rem;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
  }
  .md\:text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }
  .md\:\!leading-\[1\.3\] {
    line-height: 1.3 !important;
  }
  .md\:text-quietest {
    color: oklch(var(--foreground-quietest-color));
  }
  .md\:opacity-0 {
    opacity: 0;
  }
  .md\:opacity-70 {
    opacity: .7;
  }
  .md\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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);
  }
  .md\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);
  }
  .md\:shadow-overlay {
    --tw-shadow: 0 0 0 1px var(--shadow-overlay-border, rgba(0, 0, 0, .05)), 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 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);
  }
  .md\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(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);
  }
  .md\:shadow-subtle {
    --tw-shadow: 0 0 2px 0 rgba(0, 0, 0, .05), 0 4px 6px 0 rgba(0, 0, 0, .02);
    --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 4px 6px 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);
  }
  .md\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .md\:\[grid-template-columns\:5fr_1fr_1fr_1fr\] {
    grid-template-columns: 5fr 1fr 1fr 1fr;
  }
  .md\:placeholder\:text-\[2\.8rem\]::-moz-placeholder {
    font-size: 2.8rem;
  }
  .md\:placeholder\:text-\[2\.8rem\]::placeholder {
    font-size: 2.8rem;
  }
  .first\:md\:px-md:first-child {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
  .md\:last\:px-md:last-child {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
  .last\:md\:pr-md:last-child {
    padding-right: var(--size-md);
  }
  .group:first-child .group-first\:md\:px-md {
    padding-left: var(--size-md);
    padding-right: var(--size-md);
  }
  .group:last-child .group-last\:md\:pr-md {
    padding-right: var(--size-md);
  }
  .group:hover .md\:group-hover\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .md\: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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .md\:group-hover\:\!border-foreground {
    border-color: oklch(var(--foreground-color)) !important;
  }
  .group:hover .md\:group-hover\:\!text-super {
    --tw-text-opacity: 1 !important;
    color: oklch(var(--super-color) / var(--tw-text-opacity)) !important;
  }
  .group:hover .md\:group-hover\:text-super {
    --tw-text-opacity: 1;
    color: oklch(var(--super-color) / var(--tw-text-opacity));
  }
  .group:hover .md\:group-hover\:opacity-100 {
    opacity: 1;
  }
  @container (min-width: 20rem) {
    .md\:\@xs\:w-60 {
      width: 15rem;
    }
  }
  @container (min-width: 1458px) {
    .md\:\@\[1458px\]\:w-\[874px\] {
      width: 874px;
    }
    .md\:\@\[1458px\]\:shrink-0 {
      flex-shrink: 0;
    }
  }
  .md\:hover\:border-subtle:hover {
    border-color: oklch(var(--foreground-subtle-color));
  }
  .md\:hover\:\!bg-raisedOffset:hover {
    background-color: oklch(var(--raised-offset-color)) !important;
  }
  .md\:hover\:\!bg-subtle:hover {
    background-color: oklch(var(--background-subtle-color)) !important;
  }
  .md\:hover\:\!bg-subtler:hover {
    background-color: oklch(var(--background-subtler-color)) !important;
  }
  .md\:hover\:\!bg-super:hover {
    --tw-bg-opacity: 1 !important;
    background-color: oklch(var(--super-color) / var(--tw-bg-opacity)) !important;
  }
  .md\:hover\:\!bg-transparent:hover {
    background-color: transparent !important;
  }
  .md\:hover\:text-quiet:hover {
    color: oklch(var(--foreground-quiet-color));
  }
}
@media (max-width: 1224px) {
  @media (min-width: 768px) {
    .max-\[1224px\]\:md\:bg-base {
      --tw-bg-opacity: 1;
      background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity));
    }
  }
}
@media (max-width: 970px) {
  @media (min-width: 768px) {
    .max-\[970px\]\:md\:bg-base {
      --tw-bg-opacity: 1;
      background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity));
    }
  }
}
@media (min-width: 1024px) {
  .lg\:\!relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky;
  }
  .lg\:\!top-0 {
    top: 0 !important;
  }
  .lg\:-top-6 {
    top: -1.5rem;
  }
  .lg\:bottom-md {
    bottom: var(--size-md);
  }
  .lg\:left-8 {
    left: 2rem;
  }
  .lg\:right-8 {
    right: 2rem;
  }
  .lg\:right-sm {
    right: var(--size-sm);
  }
  .lg\:top-\[clamp\(24px\,4vw\,96px\)\] {
    top: clamp(24px, 4vw, 96px);
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .lg\:ml-0 {
    margin-left: 0;
  }
  .lg\:block {
    display: block;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:contents {
    display: contents;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:size-\[44px\] {
    width: 44px;
    height: 44px;
  }
  .lg\:h-9 {
    height: 2.25rem;
  }
  .lg\:h-\[clamp\(420px\,calc\(100vh-320px\)\,672px\)\] {
    height: clamp(420px, calc(100vh - 320px), 672px);
  }
  .lg\:max-h-\[40vh\] {
    max-height: 40vh;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-\[350px\] {
    width: 350px;
  }
  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .lg\:min-w-\[900px\] {
    min-width: 900px;
  }
  .lg\:max-w-\[unset\] {
    max-width: unset;
  }
  .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-\[1fr_1fr_1fr_1fr\] {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .lg\:grid-cols-\[8fr_minmax\(300px\,3fr\)\] {
    grid-template-columns: 8fr minmax(300px, 3fr);
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:gap-24 {
    gap: 6rem;
  }
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:gap-md {
    gap: var(--size-md);
  }
  .lg\:gap-xl {
    gap: var(--size-xl);
  }
  .lg\:self-start {
    align-self: flex-start;
  }
  .lg\:rounded-lg {
    border-radius: .5rem;
  }
  .lg\:object-\[center_center\] {
    -o-object-position: center center;
    object-position: center center;
  }
  .lg\:p-sm {
    padding: var(--size-sm);
  }
  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-xl {
    padding-left: var(--size-xl);
    padding-right: var(--size-xl);
  }
  .lg\:pl-0 {
    padding-left: 0;
  }
  .lg\:\!text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg\:text-\[2\.8rem\] {
    font-size: 2.8rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  [data-erp=tab] .erp-tab\:lg\:right-0 {
    right: 0;
  }
}
@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }
  .xl\:size-\[64px\] {
    width: 64px;
    height: 64px;
  }
  .xl\:max-h-screen {
    max-height: 100vh;
  }
  .xl\:max-w-\[25vw\] {
    max-width: 25vw;
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:gap-10 {
    gap: 2.5rem;
  }
  .xl\:gap-md {
    gap: var(--size-md);
  }
  .xl\:border-l-0 {
    border-left-width: 0px;
  }
  .xl\:\!text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .xl\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1536px) {
  .\32xl\:absolute {
    position: absolute;
  }
  .\32xl\:right-\[-450px\] {
    right: -450px;
  }
  .\32xl\:w-\[400px\] {
    width: 400px;
  }
  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ltr\:-mr-sm:where([dir=ltr], [dir=ltr] *) {
  margin-right: calc(var(--size-sm) * -1);
}
.ltr\:-translate-x-\[4\%\]:where([dir=ltr], [dir=ltr] *) {
  --tw-translate-x: -4%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.ltr\:-translate-x-px:where([dir=ltr], [dir=ltr] *) {
  --tw-translate-x: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:-ml-sm:where([dir=rtl], [dir=rtl] *) {
  margin-left: calc(var(--size-sm) * -1);
}
.rtl\:translate-x-\[4\%\]:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: 4%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:translate-x-px:where([dir=rtl], [dir=rtl] *) {
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .dark\:ml-0 {
    margin-left: 0;
  }
  :root:not([data-color-scheme=light]) .dark\:mr-0 {
    margin-right: 0;
  }
  :root:not([data-color-scheme=light]) .dark\:block {
    display: block;
  }
  :root:not([data-color-scheme=light]) .dark\:hidden {
    display: none;
  }
  :root:not([data-color-scheme=light]) .dark\:w-full {
    width: 100%;
  }
  :root:not([data-color-scheme=light]) .dark\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }
  :root:not([data-color-scheme=light]) .dark\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }
  :root:not([data-color-scheme=light]) .dark\:border {
    border-width: 1px;
  }
  :root:not([data-color-scheme=light]) .dark\:border-0 {
    border-width: 0px;
  }
  :root:not([data-color-scheme=light]) .dark\:\!border-none {
    border-style: none !important;
  }
  :root:not([data-color-scheme=light]) .dark\:border-none {
    border-style: none;
  }
  :root:not([data-color-scheme=light]) .dark\:\!border-white\/50 {
    border-color: #ffffff80 !important;
  }
  :root:not([data-color-scheme=light]) .dark\:border-\[\#5D5F5F\] {
    --tw-border-opacity: 1;
    border-color: rgb(93 95 95 / var(--tw-border-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:border-\[white\]\/5 {
    border-color: #ffffff0d;
  }
  :root:not([data-color-scheme=light]) .dark\:border-black\/\[0\.04\] {
    border-color: #0000000a;
  }
  :root:not([data-color-scheme=light]) .dark\:border-foreground {
    border-color: oklch(var(--foreground-color));
  }
  :root:not([data-color-scheme=light]) .dark\:border-inverse {
    border-color: oklch(var(--foreground-inverse-color));
  }
  :root:not([data-color-scheme=light]) .dark\:border-subtle {
    border-color: oklch(var(--foreground-subtle-color));
  }
  :root:not([data-color-scheme=light]) .dark\:border-subtler {
    border-color: oklch(var(--foreground-subtler-color));
  }
  :root:not([data-color-scheme=light]) .dark\:border-subtlest {
    border-color: oklch(var(--foreground-subtlest-color));
  }
  :root:not([data-color-scheme=light]) .dark\:border-super {
    --tw-border-opacity: 1;
    border-color: oklch(var(--super-color) / var(--tw-border-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:border-super\/30 {
    border-color: oklch(var(--super-color) / .3);
  }
  :root:not([data-color-scheme=light]) .dark\:border-super\/5 {
    border-color: oklch(var(--super-color) / .05);
  }
  :root:not([data-color-scheme=light]) .dark\:border-super\/85 {
    border-color: oklch(var(--super-color) / .85);
  }
  :root:not([data-color-scheme=light]) .dark\:border-transparent {
    border-color: transparent;
  }
  :root:not([data-color-scheme=light]) .dark\:border-white\/10 {
    border-color: #ffffff1a;
  }
  :root:not([data-color-scheme=light]) .dark\:\!bg-\[white\]\/100 {
    background-color: #fff !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!bg-base {
    --tw-bg-opacity: 1 !important;
    background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!bg-black\/20 {
    background-color: #0003 !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!bg-subtle {
    background-color: oklch(var(--background-subtle-color)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!bg-subtler {
    background-color: oklch(var(--background-subtler-color)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!bg-white\/10 {
    background-color: #ffffff1a !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!bg-white\/5 {
    background-color: #ffffff0d !important;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#052e16\] {
    --tw-bg-opacity: 1;
    background-color: rgb(5 46 22 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#172554\] {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#211B1A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(33 27 26 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#32B8C6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(50 184 198 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#422006\] {
    --tw-bg-opacity: 1;
    background-color: rgb(66 32 6 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#450a0a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(69 10 10 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#450a0a\]\/75 {
    background-color: #450a0abf;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#54B4E3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(84 180 227 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#B3C901\] {
    --tw-bg-opacity: 1;
    background-color: rgb(179 201 1 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#B4B662\] {
    --tw-bg-opacity: 1;
    background-color: rgb(180 182 98 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#C48ED8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(196 142 216 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#E68161\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 129 97 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#F0B435\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 180 53 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#FF5459\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 84 89 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#FFAB44\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 171 68 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-\[\#FFB3C9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 179 201 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-base {
    --tw-bg-opacity: 1;
    background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-black\/50 {
    background-color: #00000080;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-black\/80 {
    background-color: #000c;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-black\/\[0\.18\] {
    background-color: #0000002e;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-caution\/10 {
    background-color: oklch(var(--caution-color) / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:bg-inverse {
    --tw-bg-opacity: 1;
    background-color: oklch(var(--background-inverse-color) / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-inverse\/20 {
    background-color: oklch(var(--background-inverse-color) / .2);
  }
  :root:not([data-color-scheme=light]) .dark\:bg-offset {
    background-color: oklch(var(--offset-color));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-subtle {
    background-color: oklch(var(--background-subtle-color));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-subtler {
    background-color: oklch(var(--background-subtler-color));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-subtlest {
    background-color: oklch(var(--background-subtlest-color));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-super\/10 {
    background-color: oklch(var(--super-color) / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:bg-super\/20 {
    background-color: oklch(var(--super-color) / .2);
  }
  :root:not([data-color-scheme=light]) .dark\:bg-super\/25 {
    background-color: oklch(var(--super-color) / .25);
  }
  :root:not([data-color-scheme=light]) .dark\:bg-super\/85 {
    background-color: oklch(var(--super-color) / .85);
  }
  :root:not([data-color-scheme=light]) .dark\:bg-superBG {
    --tw-bg-opacity: 1;
    background-color: oklch(var(--super-bg-color) / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-transparent {
    background-color: transparent;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-white\/10 {
    background-color: #ffffff1a;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-white\/20 {
    background-color: #fff3;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-white\/40 {
    background-color: #fff6;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-white\/5 {
    background-color: #ffffff0d;
  }
  :root:not([data-color-scheme=light]) .dark\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }
  :root:not([data-color-scheme=light]) .dark\:bg-none {
    background-image: none;
  }
  :root:not([data-color-scheme=light]) .dark\:from-subtler {
    --tw-gradient-from: oklch(var(--background-subtler-color)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  :root:not([data-color-scheme=light]) .dark\:from-super\/20 {
    --tw-gradient-from: oklch(var(--super-color) / .2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  :root:not([data-color-scheme=light]) .dark\:from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  :root:not([data-color-scheme=light]) .dark\:to-\[oklch\(var\(--dark-background-base-color\)\)\] {
    --tw-gradient-to: oklch(var(--dark-background-base-color)) var(--tw-gradient-to-position);
  }
  :root:not([data-color-scheme=light]) .dark\:to-subtler {
    --tw-gradient-to: oklch(var(--background-subtler-color)) var(--tw-gradient-to-position);
  }
  :root:not([data-color-scheme=light]) .dark\:to-super\/20 {
    --tw-gradient-to: oklch(var(--super-color) / .2) var(--tw-gradient-to-position);
  }
  :root:not([data-color-scheme=light]) .dark\:to-white\/20 {
    --tw-gradient-to: rgb(255 255 255 / .2) var(--tw-gradient-to-position);
  }
  :root:not([data-color-scheme=light]) .dark\:stroke-subtler {
    stroke: oklch(var(--foreground-subtler-color));
  }
  :root:not([data-color-scheme=light]) .dark\:stroke-\[1\.5px\] {
    stroke-width: 1.5px;
  }
  :root:not([data-color-scheme=light]) .dark\:\!text-\[\#1FB8CD\] {
    --tw-text-opacity: 1 !important;
    color: rgb(31 184 205 / var(--tw-text-opacity)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!text-\[\#1f2121\] {
    --tw-text-opacity: 1 !important;
    color: rgb(31 33 33 / var(--tw-text-opacity)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!text-\[\#9C4153\] {
    --tw-text-opacity: 1 !important;
    color: rgb(156 65 83 / var(--tw-text-opacity)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!text-foreground {
    color: oklch(var(--foreground-color)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!text-inverse {
    color: oklch(var(--foreground-inverse-color)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#071F2B\] {
    --tw-text-opacity: 1;
    color: rgb(7 31 43 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#082125\] {
    --tw-text-opacity: 1;
    color: rgb(8 33 37 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#1f2121\] {
    --tw-text-opacity: 1;
    color: rgb(31 33 33 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#2D171B\] {
    --tw-text-opacity: 1;
    color: rgb(45 23 27 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#2E1836\] {
    --tw-text-opacity: 1;
    color: rgb(46 24 54 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#3B0F00\] {
    --tw-text-opacity: 1;
    color: rgb(59 15 0 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#4ade80\] {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#bbf7d0\] {
    --tw-text-opacity: 1;
    color: rgb(187 247 208 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#bfdbfe\] {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#fecaca\] {
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-\[\#fef08a\] {
    --tw-text-opacity: 1;
    color: rgb(254 240 138 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-caution {
    --tw-text-opacity: 1;
    color: oklch(var(--caution-color) / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-foreground {
    color: oklch(var(--foreground-color));
  }
  :root:not([data-color-scheme=light]) .dark\:text-inverse {
    color: oklch(var(--foreground-inverse-color));
  }
  :root:not([data-color-scheme=light]) .dark\:text-quiet {
    color: oklch(var(--foreground-quiet-color));
  }
  :root:not([data-color-scheme=light]) .dark\:text-super {
    --tw-text-opacity: 1;
    color: oklch(var(--super-color) / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:text-white\/50 {
    color: #ffffff80;
  }
  :root:not([data-color-scheme=light]) .dark\:decoration-subtler {
    text-decoration-color: oklch(var(--foreground-subtler-color));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#15803d\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(21 128 61 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#15803d\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(21 128 61 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#1d4ed8\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(29 78 216 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#1d4ed8\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(29 78 216 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#a16207\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(161 98 7 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#a16207\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(161 98 7 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#b91c1c\]::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(185 28 28 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:placeholder-\[\#b91c1c\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(185 28 28 / var(--tw-placeholder-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-10 {
    opacity: .1;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-100 {
    opacity: 1;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-15 {
    opacity: .15;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-20 {
    opacity: .2;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-25 {
    opacity: .25;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-30 {
    opacity: .3;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-40 {
    opacity: .4;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-60 {
    opacity: .6;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-90 {
    opacity: .9;
  }
  :root:not([data-color-scheme=light]) .dark\:opacity-\[0\.12\] {
    opacity: .12;
  }
  :root:not([data-color-scheme=light]) .dark\:mix-blend-normal {
    mix-blend-mode: normal;
  }
  :root:not([data-color-scheme=light]) .dark\:mix-blend-screen {
    mix-blend-mode: screen;
  }
  :root:not([data-color-scheme=light]) .dark\:mix-blend-soft-light {
    mix-blend-mode: soft-light;
  }
  :root:not([data-color-scheme=light]) .dark\:\!shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\] {
    --tw-shadow: 0 0 0 1px rgba(255, 255, 255, .1) !important;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 0 1px 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);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.12\)\,0_32px_16px_36px_oklch\(var\(--dark-background-base-color\)\)\] {
    --tw-shadow: 0 4px 12px rgba(0, 0, 0, .12), 0 32px 16px 36px oklch(var(--dark-background-base-color));
    --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), 0 32px 16px 36px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-subtle {
    --tw-shadow: 0 0 2px 0 rgba(0, 0, 0, .05), 0 4px 6px 0 rgba(0, 0, 0, .02);
    --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 4px 6px 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);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-black\/10 {
    --tw-shadow-color: rgb(0 0 0 / .1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-super\/5 {
    --tw-shadow-color: oklch(var(--super-color) / .05);
    --tw-shadow: var(--tw-shadow-colored);
  }
  :root:not([data-color-scheme=light]) .dark\:shadow-white\/5 {
    --tw-shadow-color: rgb(255 255 255 / .05);
    --tw-shadow: var(--tw-shadow-colored);
  }
  :root:not([data-color-scheme=light]) .dark\: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);
  }
  :root:not([data-color-scheme=light]) .dark\:\!ring-subtle {
    --tw-ring-color: oklch(var(--foreground-subtle-color)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:ring-inverse {
    --tw-ring-color: oklch(var(--foreground-inverse-color));
  }
  :root:not([data-color-scheme=light]) .dark\:ring-subtle {
    --tw-ring-color: oklch(var(--foreground-subtle-color));
  }
  :root:not([data-color-scheme=light]) .dark\:ring-subtler {
    --tw-ring-color: oklch(var(--foreground-subtler-color));
  }
  :root:not([data-color-scheme=light]) .dark\:ring-super\/80 {
    --tw-ring-color: oklch(var(--super-color) / .8);
  }
  :root:not([data-color-scheme=light]) .dark\:ring-white\/10 {
    --tw-ring-color: rgb(255 255 255 / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  :is(:root:not([data-color-scheme=light]) .dark\:\!text-inverse) {
    --font-thin: var(--font-thin-inverse) !important;
    --font-extralight: var(--font-extralight-inverse) !important;
    --font-light: var(--font-light-inverse) !important;
    --font-normal: var(--font-normal-inverse) !important;
    --font-semimedium: var(--font-semimedium-inverse) !important;
    --font-medium: var(--font-medium-inverse) !important;
    --font-semibold: var(--font-semibold-inverse) !important;
    --font-bold: var(--font-bold-inverse) !important;
    --font-extrabold: var(--font-extrabold-inverse) !important;
    --font-black: var(--font-black-inverse) !important;
  }
  :is(:root:not([data-color-scheme=light]) .dark\:text-inverse) {
    --font-thin: var(--font-thin-inverse);
    --font-extralight: var(--font-extralight-inverse);
    --font-light: var(--font-light-inverse);
    --font-normal: var(--font-normal-inverse);
    --font-semimedium: var(--font-semimedium-inverse);
    --font-medium: var(--font-medium-inverse);
    --font-semibold: var(--font-semibold-inverse);
    --font-bold: var(--font-bold-inverse);
    --font-extrabold: var(--font-extrabold-inverse);
    --font-black: var(--font-black-inverse);
  }
  :root:not([data-color-scheme=light]) .dark\:\!\[--dog-bg-highlight\:white\] {
    --dog-bg-highlight: white !important;
  }
  :root:not([data-color-scheme=light]) .dark\:\!\[--dot-bg\:currentColor\] {
    --dot-bg: currentColor !important;
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:bg-super\/10 *::-moz-selection {
    background-color: oklch(var(--super-color) / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:bg-super\/10 *::selection {
    background-color: oklch(var(--super-color) / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:text-super *::-moz-selection {
    --tw-text-opacity: 1;
    color: oklch(var(--super-color) / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:text-super *::selection {
    --tw-text-opacity: 1;
    color: oklch(var(--super-color) / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:bg-super\/10::-moz-selection {
    background-color: oklch(var(--super-color) / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:bg-super\/10::selection {
    background-color: oklch(var(--super-color) / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:text-super::-moz-selection {
    --tw-text-opacity: 1;
    color: oklch(var(--super-color) / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:selection\:text-super::selection {
    --tw-text-opacity: 1;
    color: oklch(var(--super-color) / var(--tw-text-opacity));
  }
  :root:not([data-color-scheme=light]) .before\:dark\:border-none:before {
    content: var(--tw-content);
    border-style: none;
  }
  :root:not([data-color-scheme=light]) .before\:dark\:bg-white:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:before\:bg-white:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  :root:not([data-color-scheme=light]) .dark\:before\:shadow-md:before {
    content: var(--tw-content);
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);
  }
  :root:not([data-color-scheme=light]) .dark\:after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  :root:not([data-color-scheme=light]) .dark\:after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }
  :root:not([data-color-scheme=light]) .dark\:after\:rounded-xl:after {
    content: var(--tw-content);
    border-radius: .75rem;
  }
  :root:not([data-color-scheme=light]) .dark\:after\:border:after {
    content: var(--tw-content);
    border-width: 1px;
  }
  :root:not([data-color-scheme=light]) .dark\:after\:border-white\/10:after {
    content: var(--tw-content);
    border-color: #ffffff1a;
  }
  :root:not([data-color-scheme=light]) .after\:dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)_inset\]:after {
    content: var(--tw-content);
    --tw-shadow: 0 0 0 1px rgba(255, 255, 255, .1) inset;
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  :root:not([data-color-scheme=light]) .dark\:after\:ring-0:after {
    content: var(--tw-content);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  :root:not([data-color-scheme=light]) .group:hover .dark\:group-hover\:text-inverse {
    color: oklch(var(--foreground-inverse-color));
  }
  :is(:root:not([data-color-scheme=light]) .group:hover .dark\:group-hover\:text-inverse) {
    --font-thin: var(--font-thin-inverse);
    --font-extralight: var(--font-extralight-inverse);
    --font-light: var(--font-light-inverse);
    --font-normal: var(--font-normal-inverse);
    --font-semimedium: var(--font-semimedium-inverse);
    --font-medium: var(--font-medium-inverse);
    --font-semibold: var(--font-semibold-inverse);
    --font-bold: var(--font-bold-inverse);
    --font-extrabold: var(--font-extrabold-inverse);
    --font-black: var(--font-black-inverse);
  }
  :root:not([data-color-scheme=light]) .group:active .dark\:group-active\:border-subtlest {
    border-color: oklch(var(--foreground-subtlest-color));
  }
  :root:not([data-color-scheme=light]) .aria-selected\:dark\:bg-subtle[aria-selected=true] {
    background-color: oklch(var(--background-subtle-color));
  }
  :root:not([data-color-scheme=light]) .aria-selected\:dark\:text-foreground[aria-selected=true] {
    color: oklch(var(--foreground-color));
  }
  :root:not([data-color-scheme=light]) .dark\:data-\[focused\=self\]\:bg-subtler[data-focused=self] {
    background-color: oklch(var(--background-subtler-color));
  }
  :root:not([data-color-scheme=light]) .dark\:data-\[state\=checked\]\:bg-super\/85[data-state=checked] {
    background-color: oklch(var(--super-color) / .85);
  }
  :root:not([data-color-scheme=light]) .dark\:data-\[state\=unchecked\]\:bg-inverse\/20[data-state=unchecked] {
    background-color: oklch(var(--background-inverse-color) / .2);
  }
  :root:not([data-color-scheme=light]) .group[data-selected=true] .dark\:group-data-\[selected\=\"true\"\]\:bg-super\/10 {
    background-color: oklch(var(--super-color) / .1);
  }
  :root:not([data-color-scheme=light]) .dark\:hover\:\!border-white\/80:hover {
    border-color: #fffc !important;
  }
  :root:not([data-color-scheme=light]) .dark\:hover\:\!bg-super\/20:hover {
    background-color: oklch(var(--super-color) / .2) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:hover\:bg-subtle:hover {
    background-color: oklch(var(--background-subtle-color));
  }
  :root:not([data-color-scheme=light]) .dark\:hover\:bg-white\/5:hover {
    background-color: #ffffff0d;
  }
  :root:not([data-color-scheme=light]) .dark\:hover\:text-foreground:hover {
    color: oklch(var(--foreground-color));
  }
  :root:not([data-color-scheme=light]) .dark\:hover\:decoration-super\/80:hover {
    text-decoration-color: oklch(var(--super-color) / .8);
  }
  :root:not([data-color-scheme=light]) .dark\:hover\:data-\[focused\=other\]\:bg-subtler[data-focused=other]:hover {
    background-color: oklch(var(--background-subtler-color));
  }
  :root:not([data-color-scheme=light]) .dark\:focus\:\!ring-super\/50:focus {
    --tw-ring-color: oklch(var(--super-color) / .5) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:active\:\!bg-subtle:active {
    background-color: oklch(var(--background-subtle-color)) !important;
  }
  :root:not([data-color-scheme=light]) .dark\:active\:bg-subtle:active {
    background-color: oklch(var(--background-subtle-color));
  }
}
@media (min-width: 768px) {
  @media (prefers-color-scheme: dark) {
    :root:not([data-color-scheme=light]) .md\:dark\:block {
      display: block;
    }
    :root:not([data-color-scheme=light]) .md\:dark\:border {
      border-width: 1px;
    }
    :root:not([data-color-scheme=light]) .md\:dark\:bg-subtler {
      background-color: oklch(var(--background-subtler-color));
    }
  }
}
html[data-color-scheme=dark] .dark\:ml-0 {
  margin-left: 0;
}
html[data-color-scheme=dark] .dark\:mr-0 {
  margin-right: 0;
}
html[data-color-scheme=dark] .dark\:block {
  display: block;
}
html[data-color-scheme=dark] .dark\:hidden {
  display: none;
}
html[data-color-scheme=dark] .dark\:w-full {
  width: 100%;
}
html[data-color-scheme=dark] .dark\:rounded-l-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}
html[data-color-scheme=dark] .dark\:rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
html[data-color-scheme=dark] .dark\:border {
  border-width: 1px;
}
html[data-color-scheme=dark] .dark\:border-0 {
  border-width: 0px;
}
html[data-color-scheme=dark] .dark\:\!border-none {
  border-style: none !important;
}
html[data-color-scheme=dark] .dark\:border-none {
  border-style: none;
}
html[data-color-scheme=dark] .dark\:\!border-white\/50 {
  border-color: #ffffff80 !important;
}
html[data-color-scheme=dark] .dark\:border-\[\#5D5F5F\] {
  --tw-border-opacity: 1;
  border-color: rgb(93 95 95 / var(--tw-border-opacity));
}
html[data-color-scheme=dark] .dark\:border-\[white\]\/5 {
  border-color: #ffffff0d;
}
html[data-color-scheme=dark] .dark\:border-black\/\[0\.04\] {
  border-color: #0000000a;
}
html[data-color-scheme=dark] .dark\:border-foreground {
  border-color: oklch(var(--foreground-color));
}
html[data-color-scheme=dark] .dark\:border-inverse {
  border-color: oklch(var(--foreground-inverse-color));
}
html[data-color-scheme=dark] .dark\:border-subtle {
  border-color: oklch(var(--foreground-subtle-color));
}
html[data-color-scheme=dark] .dark\:border-subtler {
  border-color: oklch(var(--foreground-subtler-color));
}
html[data-color-scheme=dark] .dark\:border-subtlest {
  border-color: oklch(var(--foreground-subtlest-color));
}
html[data-color-scheme=dark] .dark\:border-super {
  --tw-border-opacity: 1;
  border-color: oklch(var(--super-color) / var(--tw-border-opacity));
}
html[data-color-scheme=dark] .dark\:border-super\/30 {
  border-color: oklch(var(--super-color) / .3);
}
html[data-color-scheme=dark] .dark\:border-super\/5 {
  border-color: oklch(var(--super-color) / .05);
}
html[data-color-scheme=dark] .dark\:border-super\/85 {
  border-color: oklch(var(--super-color) / .85);
}
html[data-color-scheme=dark] .dark\:border-transparent {
  border-color: transparent;
}
html[data-color-scheme=dark] .dark\:border-white\/10 {
  border-color: #ffffff1a;
}
html[data-color-scheme=dark] .dark\:\!bg-\[white\]\/100 {
  background-color: #fff !important;
}
html[data-color-scheme=dark] .dark\:\!bg-base {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity)) !important;
}
html[data-color-scheme=dark] .dark\:\!bg-black\/20 {
  background-color: #0003 !important;
}
html[data-color-scheme=dark] .dark\:\!bg-subtle {
  background-color: oklch(var(--background-subtle-color)) !important;
}
html[data-color-scheme=dark] .dark\:\!bg-subtler {
  background-color: oklch(var(--background-subtler-color)) !important;
}
html[data-color-scheme=dark] .dark\:\!bg-white\/10 {
  background-color: #ffffff1a !important;
}
html[data-color-scheme=dark] .dark\:\!bg-white\/5 {
  background-color: #ffffff0d !important;
}
html[data-color-scheme=dark] .dark\:bg-\[\#052e16\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 22 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#172554\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 37 84 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#211B1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 27 26 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#32B8C6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(50 184 198 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#422006\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 32 6 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#450a0a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#450a0a\]\/75 {
  background-color: #450a0abf;
}
html[data-color-scheme=dark] .dark\:bg-\[\#54B4E3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(84 180 227 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#B3C901\] {
  --tw-bg-opacity: 1;
  background-color: rgb(179 201 1 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#B4B662\] {
  --tw-bg-opacity: 1;
  background-color: rgb(180 182 98 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#C48ED8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 142 216 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#E68161\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 129 97 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#F0B435\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 180 53 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#F5F5F5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#FF5459\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 84 89 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#FFAB44\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 171 68 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-\[\#FFB3C9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 179 201 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-base {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--background-base-color) / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-black\/50 {
  background-color: #00000080;
}
html[data-color-scheme=dark] .dark\:bg-black\/80 {
  background-color: #000c;
}
html[data-color-scheme=dark] .dark\:bg-black\/\[0\.18\] {
  background-color: #0000002e;
}
html[data-color-scheme=dark] .dark\:bg-caution\/10 {
  background-color: oklch(var(--caution-color) / .1);
}
html[data-color-scheme=dark] .dark\:bg-inverse {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--background-inverse-color) / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-inverse\/20 {
  background-color: oklch(var(--background-inverse-color) / .2);
}
html[data-color-scheme=dark] .dark\:bg-offset {
  background-color: oklch(var(--offset-color));
}
html[data-color-scheme=dark] .dark\:bg-subtle {
  background-color: oklch(var(--background-subtle-color));
}
html[data-color-scheme=dark] .dark\:bg-subtler {
  background-color: oklch(var(--background-subtler-color));
}
html[data-color-scheme=dark] .dark\:bg-subtlest {
  background-color: oklch(var(--background-subtlest-color));
}
html[data-color-scheme=dark] .dark\:bg-super\/10 {
  background-color: oklch(var(--super-color) / .1);
}
html[data-color-scheme=dark] .dark\:bg-super\/20 {
  background-color: oklch(var(--super-color) / .2);
}
html[data-color-scheme=dark] .dark\:bg-super\/25 {
  background-color: oklch(var(--super-color) / .25);
}
html[data-color-scheme=dark] .dark\:bg-super\/85 {
  background-color: oklch(var(--super-color) / .85);
}
html[data-color-scheme=dark] .dark\:bg-superBG {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-bg-color) / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-transparent {
  background-color: transparent;
}
html[data-color-scheme=dark] .dark\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:bg-white\/10 {
  background-color: #ffffff1a;
}
html[data-color-scheme=dark] .dark\:bg-white\/20 {
  background-color: #fff3;
}
html[data-color-scheme=dark] .dark\:bg-white\/40 {
  background-color: #fff6;
}
html[data-color-scheme=dark] .dark\:bg-white\/5 {
  background-color: #ffffff0d;
}
html[data-color-scheme=dark] .dark\:bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
html[data-color-scheme=dark] .dark\:bg-none {
  background-image: none;
}
html[data-color-scheme=dark] .dark\:from-subtler {
  --tw-gradient-from: oklch(var(--background-subtler-color)) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html[data-color-scheme=dark] .dark\:from-super\/20 {
  --tw-gradient-from: oklch(var(--super-color) / .2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html[data-color-scheme=dark] .dark\:from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
html[data-color-scheme=dark] .dark\:to-\[oklch\(var\(--dark-background-base-color\)\)\] {
  --tw-gradient-to: oklch(var(--dark-background-base-color)) var(--tw-gradient-to-position);
}
html[data-color-scheme=dark] .dark\:to-subtler {
  --tw-gradient-to: oklch(var(--background-subtler-color)) var(--tw-gradient-to-position);
}
html[data-color-scheme=dark] .dark\:to-super\/20 {
  --tw-gradient-to: oklch(var(--super-color) / .2) var(--tw-gradient-to-position);
}
html[data-color-scheme=dark] .dark\:to-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / .2) var(--tw-gradient-to-position);
}
html[data-color-scheme=dark] .dark\:stroke-subtler {
  stroke: oklch(var(--foreground-subtler-color));
}
html[data-color-scheme=dark] .dark\:stroke-\[1\.5px\] {
  stroke-width: 1.5px;
}
html[data-color-scheme=dark] .dark\:\!text-\[\#1FB8CD\] {
  --tw-text-opacity: 1 !important;
  color: rgb(31 184 205 / var(--tw-text-opacity)) !important;
}
html[data-color-scheme=dark] .dark\:\!text-\[\#1f2121\] {
  --tw-text-opacity: 1 !important;
  color: rgb(31 33 33 / var(--tw-text-opacity)) !important;
}
html[data-color-scheme=dark] .dark\:\!text-\[\#9C4153\] {
  --tw-text-opacity: 1 !important;
  color: rgb(156 65 83 / var(--tw-text-opacity)) !important;
}
html[data-color-scheme=dark] .dark\:\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
html[data-color-scheme=dark] .dark\:\!text-foreground {
  color: oklch(var(--foreground-color)) !important;
}
html[data-color-scheme=dark] .dark\:\!text-inverse {
  color: oklch(var(--foreground-inverse-color)) !important;
}
html[data-color-scheme=dark] .dark\:\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
html[data-color-scheme=dark] .dark\:text-\[\#071F2B\] {
  --tw-text-opacity: 1;
  color: rgb(7 31 43 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#082125\] {
  --tw-text-opacity: 1;
  color: rgb(8 33 37 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#1f2121\] {
  --tw-text-opacity: 1;
  color: rgb(31 33 33 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#2D171B\] {
  --tw-text-opacity: 1;
  color: rgb(45 23 27 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#2E1836\] {
  --tw-text-opacity: 1;
  color: rgb(46 24 54 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#3B0F00\] {
  --tw-text-opacity: 1;
  color: rgb(59 15 0 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#4ade80\] {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#bbf7d0\] {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#bfdbfe\] {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#fecaca\] {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-\[\#fef08a\] {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-caution {
  --tw-text-opacity: 1;
  color: oklch(var(--caution-color) / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-foreground {
  color: oklch(var(--foreground-color));
}
html[data-color-scheme=dark] .dark\:text-inverse {
  color: oklch(var(--foreground-inverse-color));
}
html[data-color-scheme=dark] .dark\:text-quiet {
  color: oklch(var(--foreground-quiet-color));
}
html[data-color-scheme=dark] .dark\:text-super {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:text-white\/50 {
  color: #ffffff80;
}
html[data-color-scheme=dark] .dark\:decoration-subtler {
  text-decoration-color: oklch(var(--foreground-subtler-color));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#15803d\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(21 128 61 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#15803d\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(21 128 61 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#1d4ed8\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(29 78 216 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#1d4ed8\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(29 78 216 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#a16207\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(161 98 7 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#a16207\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(161 98 7 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#b91c1c\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(185 28 28 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:placeholder-\[\#b91c1c\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(185 28 28 / var(--tw-placeholder-opacity));
}
html[data-color-scheme=dark] .dark\:opacity-10 {
  opacity: .1;
}
html[data-color-scheme=dark] .dark\:opacity-100 {
  opacity: 1;
}
html[data-color-scheme=dark] .dark\:opacity-15 {
  opacity: .15;
}
html[data-color-scheme=dark] .dark\:opacity-20 {
  opacity: .2;
}
html[data-color-scheme=dark] .dark\:opacity-25 {
  opacity: .25;
}
html[data-color-scheme=dark] .dark\:opacity-30 {
  opacity: .3;
}
html[data-color-scheme=dark] .dark\:opacity-40 {
  opacity: .4;
}
html[data-color-scheme=dark] .dark\:opacity-60 {
  opacity: .6;
}
html[data-color-scheme=dark] .dark\:opacity-90 {
  opacity: .9;
}
html[data-color-scheme=dark] .dark\:opacity-\[0\.12\] {
  opacity: .12;
}
html[data-color-scheme=dark] .dark\:mix-blend-normal {
  mix-blend-mode: normal;
}
html[data-color-scheme=dark] .dark\:mix-blend-screen {
  mix-blend-mode: screen;
}
html[data-color-scheme=dark] .dark\:mix-blend-soft-light {
  mix-blend-mode: soft-light;
}
html[data-color-scheme=dark] .dark\:\!shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\] {
  --tw-shadow: 0 0 0 1px rgba(255, 255, 255, .1) !important;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
html[data-color-scheme=dark] .dark\:shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.5\)\] {
  --tw-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  --tw-shadow-colored: 0 1px 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);
}
html[data-color-scheme=dark] .dark\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.12\)\,0_32px_16px_36px_oklch\(var\(--dark-background-base-color\)\)\] {
  --tw-shadow: 0 4px 12px rgba(0, 0, 0, .12), 0 32px 16px 36px oklch(var(--dark-background-base-color));
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color), 0 32px 16px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
html[data-color-scheme=dark] .dark\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.5\)\] {
  --tw-shadow: 0 4px 12px rgba(0, 0, 0, .5);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
html[data-color-scheme=dark] .dark\:shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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);
}
html[data-color-scheme=dark] .dark\:shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);
}
html[data-color-scheme=dark] .dark\:shadow-subtle {
  --tw-shadow: 0 0 2px 0 rgba(0, 0, 0, .05), 0 4px 6px 0 rgba(0, 0, 0, .02);
  --tw-shadow-colored: 0 0 2px 0 var(--tw-shadow-color), 0 4px 6px 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);
}
html[data-color-scheme=dark] .dark\:shadow-black\/10 {
  --tw-shadow-color: rgb(0 0 0 / .1);
  --tw-shadow: var(--tw-shadow-colored);
}
html[data-color-scheme=dark] .dark\:shadow-super\/5 {
  --tw-shadow-color: oklch(var(--super-color) / .05);
  --tw-shadow: var(--tw-shadow-colored);
}
html[data-color-scheme=dark] .dark\:shadow-white\/5 {
  --tw-shadow-color: rgb(255 255 255 / .05);
  --tw-shadow: var(--tw-shadow-colored);
}
html[data-color-scheme=dark] .dark\: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);
}
html[data-color-scheme=dark] .dark\:\!ring-subtle {
  --tw-ring-color: oklch(var(--foreground-subtle-color)) !important;
}
html[data-color-scheme=dark] .dark\:ring-inverse {
  --tw-ring-color: oklch(var(--foreground-inverse-color));
}
html[data-color-scheme=dark] .dark\:ring-subtle {
  --tw-ring-color: oklch(var(--foreground-subtle-color));
}
html[data-color-scheme=dark] .dark\:ring-subtler {
  --tw-ring-color: oklch(var(--foreground-subtler-color));
}
html[data-color-scheme=dark] .dark\:ring-super\/80 {
  --tw-ring-color: oklch(var(--super-color) / .8);
}
html[data-color-scheme=dark] .dark\:ring-white\/10 {
  --tw-ring-color: rgb(255 255 255 / .1);
}
html[data-color-scheme=dark] .dark\:invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:is(html[data-color-scheme=dark] .dark\:\!text-inverse) {
  --font-thin: var(--font-thin-inverse) !important;
  --font-extralight: var(--font-extralight-inverse) !important;
  --font-light: var(--font-light-inverse) !important;
  --font-normal: var(--font-normal-inverse) !important;
  --font-semimedium: var(--font-semimedium-inverse) !important;
  --font-medium: var(--font-medium-inverse) !important;
  --font-semibold: var(--font-semibold-inverse) !important;
  --font-bold: var(--font-bold-inverse) !important;
  --font-extrabold: var(--font-extrabold-inverse) !important;
  --font-black: var(--font-black-inverse) !important;
}
:is(html[data-color-scheme=dark] .dark\:text-inverse) {
  --font-thin: var(--font-thin-inverse);
  --font-extralight: var(--font-extralight-inverse);
  --font-light: var(--font-light-inverse);
  --font-normal: var(--font-normal-inverse);
  --font-semimedium: var(--font-semimedium-inverse);
  --font-medium: var(--font-medium-inverse);
  --font-semibold: var(--font-semibold-inverse);
  --font-bold: var(--font-bold-inverse);
  --font-extrabold: var(--font-extrabold-inverse);
  --font-black: var(--font-black-inverse);
}
html[data-color-scheme=dark] .dark\:\!\[--dog-bg-highlight\:white\] {
  --dog-bg-highlight: white !important;
}
html[data-color-scheme=dark] .dark\:\!\[--dot-bg\:currentColor\] {
  --dot-bg: currentColor !important;
}
html[data-color-scheme=dark] .dark\:selection\:bg-super\/10 *::-moz-selection {
  background-color: oklch(var(--super-color) / .1);
}
html[data-color-scheme=dark] .dark\:selection\:bg-super\/10 *::selection {
  background-color: oklch(var(--super-color) / .1);
}
html[data-color-scheme=dark] .dark\:selection\:text-super *::-moz-selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:selection\:text-super *::selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:selection\:bg-super\/10::-moz-selection {
  background-color: oklch(var(--super-color) / .1);
}
html[data-color-scheme=dark] .dark\:selection\:bg-super\/10::selection {
  background-color: oklch(var(--super-color) / .1);
}
html[data-color-scheme=dark] .dark\:selection\:text-super::-moz-selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .dark\:selection\:text-super::selection {
  --tw-text-opacity: 1;
  color: oklch(var(--super-color) / var(--tw-text-opacity));
}
html[data-color-scheme=dark] .before\:dark\:border-none:before {
  content: var(--tw-content);
  border-style: none;
}
html[data-color-scheme=dark] .before\:dark\:bg-white:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:before\:bg-white:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
html[data-color-scheme=dark] .dark\:before\:shadow-md:before {
  content: var(--tw-content);
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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);
}
html[data-color-scheme=dark] .dark\:after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
html[data-color-scheme=dark] .dark\:after\:inset-0:after {
  content: var(--tw-content);
  inset: 0;
}
html[data-color-scheme=dark] .dark\:after\:rounded-xl:after {
  content: var(--tw-content);
  border-radius: .75rem;
}
html[data-color-scheme=dark] .dark\:after\:border:after {
  content: var(--tw-content);
  border-width: 1px;
}
html[data-color-scheme=dark] .dark\:after\:border-white\/10:after {
  content: var(--tw-content);
  border-color: #ffffff1a;
}
html[data-color-scheme=dark] .after\:dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)_inset\]:after {
  content: var(--tw-content);
  --tw-shadow: 0 0 0 1px rgba(255, 255, 255, .1) inset;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
html[data-color-scheme=dark] .dark\:after\:ring-0:after {
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
html[data-color-scheme=dark] .group:hover .dark\:group-hover\:text-inverse {
  color: oklch(var(--foreground-inverse-color));
}
:is(html[data-color-scheme=dark] .group:hover .dark\:group-hover\:text-inverse) {
  --font-thin: var(--font-thin-inverse);
  --font-extralight: var(--font-extralight-inverse);
  --font-light: var(--font-light-inverse);
  --font-normal: var(--font-normal-inverse);
  --font-semimedium: var(--font-semimedium-inverse);
  --font-medium: var(--font-medium-inverse);
  --font-semibold: var(--font-semibold-inverse);
  --font-bold: var(--font-bold-inverse);
  --font-extrabold: var(--font-extrabold-inverse);
  --font-black: var(--font-black-inverse);
}
html[data-color-scheme=dark] .group:active .dark\:group-active\:border-subtlest {
  border-color: oklch(var(--foreground-subtlest-color));
}
html[data-color-scheme=dark] .aria-selected\:dark\:bg-subtle[aria-selected=true] {
  background-color: oklch(var(--background-subtle-color));
}
html[data-color-scheme=dark] .aria-selected\:dark\:text-foreground[aria-selected=true] {
  color: oklch(var(--foreground-color));
}
html[data-color-scheme=dark] .dark\:data-\[focused\=self\]\:bg-subtler[data-focused=self] {
  background-color: oklch(var(--background-subtler-color));
}
html[data-color-scheme=dark] .dark\:data-\[state\=checked\]\:bg-super\/85[data-state=checked] {
  background-color: oklch(var(--super-color) / .85);
}
html[data-color-scheme=dark] .dark\:data-\[state\=unchecked\]\:bg-inverse\/20[data-state=unchecked] {
  background-color: oklch(var(--background-inverse-color) / .2);
}
html[data-color-scheme=dark] .group[data-selected=true] .dark\:group-data-\[selected\=\"true\"\]\:bg-super\/10 {
  background-color: oklch(var(--super-color) / .1);
}
html[data-color-scheme=dark] .dark\:hover\:\!border-white\/80:hover {
  border-color: #fffc !important;
}
html[data-color-scheme=dark] .dark\:hover\:\!bg-super\/20:hover {
  background-color: oklch(var(--super-color) / .2) !important;
}
html[data-color-scheme=dark] .dark\:hover\:bg-subtle:hover {
  background-color: oklch(var(--background-subtle-color));
}
html[data-color-scheme=dark] .dark\:hover\:bg-white\/5:hover {
  background-color: #ffffff0d;
}
html[data-color-scheme=dark] .dark\:hover\:text-foreground:hover {
  color: oklch(var(--foreground-color));
}
html[data-color-scheme=dark] .dark\:hover\:decoration-super\/80:hover {
  text-decoration-color: oklch(var(--super-color) / .8);
}
html[data-color-scheme=dark] .dark\:hover\:data-\[focused\=other\]\:bg-subtler[data-focused=other]:hover {
  background-color: oklch(var(--background-subtler-color));
}
html[data-color-scheme=dark] .dark\:focus\:\!ring-super\/50:focus {
  --tw-ring-color: oklch(var(--super-color) / .5) !important;
}
html[data-color-scheme=dark] .dark\:active\:\!bg-subtle:active {
  background-color: oklch(var(--background-subtle-color)) !important;
}
html[data-color-scheme=dark] .dark\:active\:bg-subtle:active {
  background-color: oklch(var(--background-subtle-color));
}
@media (min-width: 768px) {
  html[data-color-scheme=dark] .md\:dark\:block {
    display: block;
  }
  html[data-color-scheme=dark] .md\:dark\:border {
    border-width: 1px;
  }
  html[data-color-scheme=dark] .md\:dark\:bg-subtler {
    background-color: oklch(var(--background-subtler-color));
  }
}
.\[\&\+div\]\:right-3+div {
  right: .75rem;
}
.\[\&\+p\]\:mt-4+p {
  margin-top: 1rem;
}
.\[\&\.day-range-end\]\:\!bg-super.day-range-end {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity)) !important;
}
.\[\&\.day-range-end\]\:\!text-inverse.day-range-end {
  color: oklch(var(--foreground-inverse-color)) !important;
}
:is(.\[\&\.day-range-end\]\:\!text-inverse.day-range-end) {
  --font-thin: var(--font-thin-inverse) !important;
  --font-extralight: var(--font-extralight-inverse) !important;
  --font-light: var(--font-light-inverse) !important;
  --font-normal: var(--font-normal-inverse) !important;
  --font-semimedium: var(--font-semimedium-inverse) !important;
  --font-medium: var(--font-medium-inverse) !important;
  --font-semibold: var(--font-semibold-inverse) !important;
  --font-bold: var(--font-bold-inverse) !important;
  --font-extrabold: var(--font-extrabold-inverse) !important;
  --font-black: var(--font-black-inverse) !important;
}
.\[\&\.day-range-end\]\:hover\:\!bg-super:hover.day-range-end, .\[\&\.day-range-start\]\:\!bg-super.day-range-start {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity)) !important;
}
.\[\&\.day-range-start\]\:\!text-inverse.day-range-start {
  color: oklch(var(--foreground-inverse-color)) !important;
}
:is(.\[\&\.day-range-start\]\:\!text-inverse.day-range-start) {
  --font-thin: var(--font-thin-inverse) !important;
  --font-extralight: var(--font-extralight-inverse) !important;
  --font-light: var(--font-light-inverse) !important;
  --font-normal: var(--font-normal-inverse) !important;
  --font-semimedium: var(--font-semimedium-inverse) !important;
  --font-medium: var(--font-medium-inverse) !important;
  --font-semibold: var(--font-semibold-inverse) !important;
  --font-bold: var(--font-bold-inverse) !important;
  --font-extrabold: var(--font-extrabold-inverse) !important;
  --font-black: var(--font-black-inverse) !important;
}
.\[\&\.day-range-start\]\:hover\:\!bg-super:hover.day-range-start {
  --tw-bg-opacity: 1 !important;
  background-color: oklch(var(--super-color) / var(--tw-bg-opacity)) !important;
}
.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
  display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:hidden::-webkit-inner-spin-button {
  display: none;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:hidden::-webkit-outer-spin-button {
  display: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}
.\[\&\:active\]\:\!scale-100:active {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\[\&\:active\]\:\!duration-0:active {
  transition-duration: 0s !important;
  animation-duration: 0s !important;
}
.\[\&\:focus-visible\]\:\!ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .dark\:\[\&\:focus\]\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
}
html[data-color-scheme=dark] .dark\:\[\&\:focus\]\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-full:has(>.day-range-end) {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-full:has(>.day-range-start) {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
  border-radius: .375rem;
}
.\[\&\:has\(\[aria-selected\]\)\]\:bg-superBG:has([aria-selected]) {
  --tw-bg-opacity: 1;
  background-color: oklch(var(--super-bg-color) / var(--tw-bg-opacity));
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-full:has([aria-selected]):first-child {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-full:has([aria-selected]):last-child {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-full:has([aria-selected].day-range-end) {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.\[\&\:has\(\[data-initialised\=\"true\"\]\)_\~_\*\:first-child\]\:hidden:has([data-initialised=true])~*:first-child {
  display: none;
}
.\[\&\:has\(\[data-inline-type\=image\]\)\+\&\:has\(\[data-inline-type\=image\]\)_\[data-inline-type\=image\]\]\:hidden:has([data-inline-type=image])+.\[\&\:has\(\[data-inline-type\=image\]\)\+\&\:has\(\[data-inline-type\=image\]\)_\[data-inline-type\=image\]\]\:hidden:has([data-inline-type=image]) [data-inline-type=image] {
  display: none;
}
.\[\&\:has\(iframe\)_\:first-child\]\:hidden:has(iframe) :first-child {
  display: none;
}
.\[\&\:has\(table\)_\[data-inline-type\=image\]\]\:hidden:has(table) [data-inline-type=image] {
  display: none;
}
.\[\&\:is\(\:hover\,\:focus-visible\,\[data-selected\=\"true\"\]\)\+div\:not\(\:hover\)\:not\(\:focus-visible\)\:not\(\[data-selected\=\"true\"\]\)\]\:border-t-transparent:is(:hover, :focus-visible, [data-selected=true])+div:not(:hover):not(:focus-visible):not([data-selected=true]) {
  border-top-color: transparent;
}
.\[\&\:is\(\:hover\,\:focus-visible\,\[data-selected\=\"true\"\]\)\+div\:not\(\:hover\)\:not\(\:focus-visible\)\:not\(\[data-selected\=\"true\"\]\)\]\:transition-none:is(:hover, :focus-visible, [data-selected=true])+div:not(:hover):not(:focus-visible):not([data-selected=true]) {
  transition-property: none;
}
.\[\&\:not\(\:first-child\)\]\:pt-sm:not(:first-child) {
  padding-top: var(--size-sm);
}
.\[\&\:not\(\:first-child\)\]\:before\:top-\[6px\]:not(:first-child):before {
  content: var(--tw-content);
  top: 6px;
}
.\[\&\:not\(\:last-child\)\]\:border-b-transparent:not(:last-child) {
  border-bottom-color: transparent;
}
.\[\&\:not\(\:last-child\)\]\:pb-sm:not(:last-child) {
  padding-bottom: var(--size-sm);
}
.\[\&\:only-child\]\:border-0:only-child {
  border-width: 0px;
}
.\[\&\>\*\:not\(\:first-child\)\]\:border-l>*:not(:first-child) {
  border-left-width: 1px;
}
.\[\&\>\*\:not\(\:first-child\)\]\:border-subtle>*:not(:first-child) {
  border-color: oklch(var(--foreground-subtle-color));
}
.\[\&\>\*\:nth-child\(4\)\]\:hidden>*:nth-child(4) {
  display: none;
}
@media (min-width: 768px) {
  .md\:\[\&\>\*\:nth-child\(4\)\]\:block>*:nth-child(4) {
    display: block;
  }
}
.\[\&\>\*\]\:pointer-events-auto>* {
  pointer-events: auto;
}
.\[\&\>\*\]\:ml-0\.5>* {
  margin-left: .125rem;
}
.\[\&\>\*\]\:size-6>* {
  width: 1.5rem;
  height: 1.5rem;
}
.\[\&\>\*\]\:w-auto>* {
  width: auto;
}
.\[\&\>\*\]\:w-full>* {
  width: 100%;
}
.\[\&\>\*\]\:\!gap-2>* {
  gap: .5rem !important;
}
.\[\&\>\*\]\:\!self-center>* {
  align-self: center !important;
}
.\[\&\>\*\]\:fill-quiet>* {
  fill: oklch(var(--foreground-quiet-color));
}
.\[\&\>\*\]\:p-0>* {
  padding: 0;
}
.\[\&\>\*\]\:\!shadow-none>* {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\[\&\>div\>div\]\:\!pb-xs>div>div {
  padding-bottom: var(--size-xs) !important;
}
.\[\&\>div\]\:\!block>div {
  display: block !important;
}
.\[\&\>div\]\:\!hidden>div {
  display: none !important;
}
.\[\&\>div\]\:w-full>div {
  width: 100%;
}
.\[\&\>div\]\:gap-0>div {
  gap: 0px;
}
.\[\&\>div\]\:\!pb-xs>div {
  padding-bottom: var(--size-xs) !important;
}
.\[\&\>img\]\:\!max-h-\[unset\]>img {
  max-height: unset !important;
}
.\[\&\>img\]\:max-h-\[unset\]>img {
  max-height: unset;
}
.\[\&\>img\]\:\!rounded-full>img {
  border-radius: 9999px !important;
}
.\[\&\>p\]\:my-0>p {
  margin-top: 0;
  margin-bottom: 0;
}
.\[\&\>p\]\:mb-2>p {
  margin-bottom: .5rem;
}
.\[\&\>p\]\:pt-0>p {
  padding-top: 0;
}
.\[\&\>path\]\:stroke-foreground>path {
  stroke: oklch(var(--foreground-color));
}
.\[\&\>path\]\:stroke-subtler>path {
  stroke: oklch(var(--foreground-subtler-color));
}
@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .dark\:\[\&\>path\]\:stroke-black>path {
    stroke: #000;
  }
  :root:not([data-color-scheme=light]) .dark\:\[\&\>path\]\:stroke-1>path {
    stroke-width: 1;
  }
}
html[data-color-scheme=dark] .dark\:\[\&\>path\]\:stroke-black>path {
  stroke: #000;
}
html[data-color-scheme=dark] .dark\:\[\&\>path\]\:stroke-1>path {
  stroke-width: 1;
}
.\[\&\>svg\]\:h-\[14px\]>svg {
  height: 14px;
}
.\[\&\>svg\]\:w-auto>svg {
  width: auto;
}
.\[\&\>svg\]\:subpixel-antialiased>svg {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.\[\&\]\:\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\[\&_\*\]\:fill-quiet * {
  fill: oklch(var(--foreground-quiet-color));
}
.\[\&_\*\]\:\!text-sm * {
  font-size: .875rem !important;
  line-height: 1.25rem !important;
}
.\[\&_\*\]\:\!font-normal * {
  font-weight: 400 !important;
}
.\[\&_\*\]\:\!text-foreground * {
  color: oklch(var(--foreground-color)) !important;
}
.\[\&_\*\]\:\!font-normal * {
  font-weight: var(--font-normal) !important;
}
.\[\&_\>\*\:first-child\]\:mt-0>*:first-child {
  margin-top: 0;
}
.\[\&_\>div\]\:min-h-0>div {
  min-height: 0px;
}
.\[\&_\[contenteditable\]\+\*\>\*\]\:opacity-50 [contenteditable]+*>* {
  opacity: .5;
}
.\[\&_\[contenteditable\]\]\:\!flex [contenteditable] {
  display: flex !important;
}
.\[\&_\[contenteditable\]\]\:max-h-none [contenteditable] {
  max-height: none;
}
.\[\&_\[contenteditable\]\]\:\!items-center [contenteditable] {
  align-items: center !important;
}
.\[\&_\[contenteditable\]\]\:\!overflow-hidden [contenteditable] {
  overflow: hidden !important;
}
.\[\&_\[contenteditable\]\]\:\!bg-transparent [contenteditable] {
  background-color: transparent !important;
}
.\[\&_\[contenteditable\]\]\:\!font-display [contenteditable] {
  font-family: var(--font-fk-grotesk), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
@media (min-width: 640px) {
  .\[\&_\[contenteditable\]\]\:sm\:max-h-none [contenteditable] {
    max-height: none;
  }
}
@media (min-width: 1024px) {
  .\[\&_\[contenteditable\]\]\:lg\:max-h-none [contenteditable] {
    max-height: none;
  }
}
.\[\&_a\]\:bg-subtle a {
  background-color: oklch(var(--background-subtle-color));
}
.\[\&_a\]\:text-foreground a {
  color: oklch(var(--foreground-color));
}
.\[\&_a\]\:hover\:bg-subtle:hover a {
  background-color: oklch(var(--background-subtle-color));
}
.\[\&_a\]\:hover\:bg-subtler:hover a {
  background-color: oklch(var(--background-subtler-color));
}
.\[\&_blaze-widget-layout\]\:p-0 blaze-widget-layout {
  padding: 0;
}
.\[\&_canvas\]\:relative canvas {
  position: relative;
}
.\[\&_canvas\]\:size-full canvas {
  width: 100%;
  height: 100%;
}
.\[\&_code\]\:max-h-\[300px\] code {
  max-height: 300px;
}
.\[\&_code\]\:overflow-auto code {
  overflow: auto;
}
.\[\&_h1\:first-of-type\]\:mt-8 h1:first-of-type {
  margin-top: 2rem;
}
.\[\&_h2\:first-of-type\]\:mt-6 h2:first-of-type {
  margin-top: 1.5rem;
}
.\[\&_img\]\:pointer-events-none img {
  pointer-events: none;
}
.\[\&_p\]\:font-sans p {
  font-family: var(--font-fk-grotesk-neue), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", Hiragino Sans, PingFang SC, Apple SD Gothic Neo, Yu Gothic, Microsoft YaHei, Microsoft JhengHei, Meiryo;
}
.\[\&_p\]\:\!text-sm p {
  font-size: .875rem !important;
  line-height: 1.25rem !important;
}
.\[\&_p\]\:text-lg p {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.\[\&_p\]\:font-medium p {
  font-weight: 500;
}
.\[\&_p\]\:leading-\[1\.6\] p {
  line-height: 1.6;
}
.\[\&_p\]\:text-foreground p {
  color: oklch(var(--foreground-color));
}
.\[\&_p\]\:font-medium p {
  font-weight: var(--font-medium);
}
.\[\&_path\]\:fill-foreground path {
  fill: oklch(var(--foreground-color));
}
.\[\&_path\]\:\!stroke-quiet path {
  stroke: oklch(var(--foreground-quiet-color)) !important;
}
.\[\&_rect\]\:fill-inverse rect {
  fill: oklch(var(--foreground-inverse-color));
}
.\[\&_span\]\:flex span {
  display: flex;
}
.\[\&_span\]\:size-4 span {
  width: 1rem;
  height: 1rem;
}
.\[\&_strong\:has\(\+br\)\]\:inline-block strong:has(+br) {
  display: inline-block;
}
.\[\&_strong\:has\(\+br\)\]\:pb-2 strong:has(+br) {
  padding-bottom: .5rem;
}
.\[\&_svg\]\:h-auto svg {
  height: auto;
}
.\[\&_svg\]\:w-full svg {
  width: 100%;
}
.\[\&_textarea\]\:bg-subtle textarea {
  background-color: oklch(var(--background-subtle-color));
}
.\[\&_textarea\]\:bg-subtler textarea {
  background-color: oklch(var(--background-subtler-color));
}
.\[\&_textarea\]\:bg-transparent textarea {
  background-color: transparent;
}
.\[\&_textarea\]\:\!placeholder-quietest textarea::-moz-placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
.\[\&_textarea\]\:\!placeholder-quietest textarea::placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
.\[\&_textarea\]\:placeholder\:\!text-quietest textarea::-moz-placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
.\[\&_textarea\]\:placeholder\:\!text-quietest textarea::placeholder {
  color: oklch(var(--foreground-quietest-color)) !important;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-color-scheme=light]) .\[\&_textarea\]\:dark\:\!bg-transparent textarea {
    background-color: transparent !important;
  }
}
html[data-color-scheme=dark] .\[\&_textarea\]\:dark\:\!bg-transparent textarea {
  background-color: transparent !important;
}
.\[\&_tr\>td\:first-child\]\:pl-md tr>td:first-child {
  padding-left: var(--size-md);
}
.\[\&_tr\>td\:last-child\]\:pr-md tr>td:last-child {
  padding-right: var(--size-md);
}
.\[\&_tr\>th\:first-child\]\:pl-md tr>th:first-child {
  padding-left: var(--size-md);
}
.\[\&_tr\>th\:last-child\]\:pr-md tr>th:last-child {
  padding-right: var(--size-md);
}
@media (hover:hover) {
  .\[\@media\(hover\:hover\)\]\:hover\:bg-super:hover {
    --tw-bg-opacity: 1;
    background-color: oklch(var(--super-color) / var(--tw-bg-opacity));
  }
  .\[\@media\(hover\:hover\)\]\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}
@media (prefers-color-scheme: dark) {
  @media (hover:hover) {
    :root:not([data-color-scheme=light]) .dark\:\[\@media\(hover\:hover\)\]\:hover\:text-inverse:hover {
      color: oklch(var(--foreground-inverse-color));
    }
    :is(:root:not([data-color-scheme=light]) .dark\:\[\@media\(hover\:hover\)\]\:hover\:text-inverse:hover) {
      --font-thin: var(--font-thin-inverse);
      --font-extralight: var(--font-extralight-inverse);
      --font-light: var(--font-light-inverse);
      --font-normal: var(--font-normal-inverse);
      --font-semimedium: var(--font-semimedium-inverse);
      --font-medium: var(--font-medium-inverse);
      --font-semibold: var(--font-semibold-inverse);
      --font-bold: var(--font-bold-inverse);
      --font-extrabold: var(--font-extrabold-inverse);
      --font-black: var(--font-black-inverse);
    }
  }
}
@media (hover:hover) {
  html[data-color-scheme=dark] .dark\:\[\@media\(hover\:hover\)\]\:hover\:text-inverse:hover {
    color: oklch(var(--foreground-inverse-color));
  }
  :is(html[data-color-scheme=dark] .dark\:\[\@media\(hover\:hover\)\]\:hover\:text-inverse:hover) {
    --font-thin: var(--font-thin-inverse);
    --font-extralight: var(--font-extralight-inverse);
    --font-light: var(--font-light-inverse);
    --font-normal: var(--font-normal-inverse);
    --font-semimedium: var(--font-semimedium-inverse);
    --font-medium: var(--font-medium-inverse);
    --font-semibold: var(--font-semibold-inverse);
    --font-bold: var(--font-bold-inverse);
    --font-extrabold: var(--font-extrabold-inverse);
    --font-black: var(--font-black-inverse);
  }
}
@media (max-height:680px) {
  .\[\@media\(max-height\:680px\)\]\:hidden {
    display: none;
  }
}
@media (max-width:768px) {
  .\[\@media\(max-width\:768px\)\]\:max-w-full {
    max-width: 100%;
  }
}
hr+.\[hr\+\&\]\:mt-4 {
  margin-top: 1rem;
}
td .\[td_\&\]\:table-cell {
  display: table-cell;
}
*/ .aic-hero-title-text {
  font-size: clamp(1.75rem, 1.4645rem + 1.2183vi, 2.5rem);
}
.aic-responsive-text {
  font-size: clamp(1rem, 0.8334rem + 0.7107vi, 1.4375rem);
}
.aic-hero-caption-size {
  font-size: 0.6875rem;
}
.aic-hero-body-size {
  font-size: 1.1875rem;
}
.aic-hero-text-xs {
  font-size: 0.8125rem;
}
.aic-hero-text-13px {
  font-size: 13px;
}
.aic-hero-text-100 {
  font-size: 100%;
}
@media (min-width: 768px) {
  .aic-hero-text-base-md {
    font-size: 1rem;
  }
}
.aic-hero-text-base {
  font-size: 1rem;
}
.aic-hero-text-lg {
  font-size: 1.4375rem;
}
@media (min-width: 768px) {
  .aic-hero-tracking-md {
    letter-spacing: 0.5px;
  }
}
.aic-hero-accent-text {
  color: #0aa43e;
}
.aic-hero-caption-text {
  color: #535554;
}
.aic-hero-light-text {
  color: #edf1ef;
}
.aic-hero-text-dark {
  color: #212623;
}
.aic-hero-text-primary {
  color: #0a8935;
}
.aic-hero-text-dark-green {
  color: #012800;
}
.aic-hero-text-gray {
  color: #6c7571;
}
.aic-hero-text-light-gray {
  color: #d2dcd7;
}
.aic-hero-text-charcoal {
  color: #151a17;
}
.aic-hero-placeholder-gray::-moz-placeholder {
  color: #6c7571;
}
.aic-hero-placeholder-gray::placeholder {
  color: #6c7571;
}
.aic-hero-text-bright-green {
  color: #68f176;
}
.aic-hero-tracking {
  letter-spacing: 0.5px;
}
.aic-hero-leading-none {
  line-height: 0;
}
@media (min-width: 1024px) {
  .aic-hero-leading-tight {
    line-height: 1.1;
  }
}
.aic-hero-mono-font {
  font-family: nb_international_promono, sans-serif;
}
.aic-hero-regular-font {
  font-family: nb_international_proregular, sans-serif;
}
.aic-hero-word-break {
  word-break: break-word;
}
.aic-hero-word-wrap-normal {
  word-wrap: normal;
}
.aic-hero-margin-bottom {
  margin-bottom: 70px;
}
@media (min-width: 768px) {
  .aic-hero-margin-bottom-md {
    margin-bottom: 120px;
  }
}
@media (min-width: 1024px) {
  .aic-hero-margin-left-lg {
    margin-left: 110px;
  }
}
@media (min-width: 768px) {
  .aic-hero-margin-left-md {
    margin-left: 2.5rem;
  }
}
@media (min-width: 768px) {
  .aic-hero-margin-right-md {
    margin-right: 1.5rem;
  }
}
.aic-hero-margin-negative-px {
  margin: -1px;
}
@media (min-width: 768px) {
  .aic-hero-margin-left-md {
    margin-left: 2.5rem;
  }
}
@media (min-width: 768px) {
  .aic-hero-margin-right-md {
    margin-right: 1.5rem;
  }
}
.aic-hero-margin-x-sm {
  margin-left: 1rem;
  margin-right: 1rem;
}
.aic-hero-margin-bottom-md {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .aic-hero-padding-top-md {
    padding-top: 102px;
  }
}
.aic-hero-padding-x-md {
  padding-left: 1rem;
  padding-right: 1rem;
}
.aic-hero-padding-sm {
  padding: 0.75rem;
}
.aic-hero-padding-top-xs {
  padding-top: 0.375rem;
}
.aic-hero-padding-top-md {
  padding-top: 2rem;
}
.aic-hero-padding-bottom-lg {
  padding-bottom: 3rem;
}
.aic-hero-padding-bottom-none {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .aic-hero-padding-bottom-none-md {
    padding-bottom: 0;
  }
}
.aic-hero-padding-right-md {
  padding-right: 1rem;
}
.aic-hero-gap-y {
  row-gap: 18px;
}
.aic-hero-gap-x {
  -moz-column-gap: 18px;
       column-gap: 18px;
}
@media (min-width: 768px) {
  .aic-hero-content-gap-y-none {
    row-gap: 0;
  }
}
@media (min-width: 768px) {
  .aic-hero-content-gap-x-none {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.aic-hero-content-gap-y-md {
  row-gap: 1.5rem;
}
.aic-hero-content-gap-x-md {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.aic-hero-share-container-gap-y-lg {
  row-gap: 2.5rem;
}
.aic-hero-share-container-gap-x-lg {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.aic-hero-gap-y-none {
  row-gap: 0;
}
.aic-hero-gap-x-none {
  -moz-column-gap: 0;
       column-gap: 0;
}
.aic-hero-gap-y-xs {
  row-gap: 0.25rem;
}
.aic-hero-gap-x-xs {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.aic-hero-min-height-sm {
  min-height: 375px;
}
.aic-hero-min-height {
  min-height: 456px;
}
@media (min-width: 768px) {
  .aic-hero-min-height-auto-md {
    min-height: auto;
  }
}
@media (min-width: 768px) {
  .aic-hero-min-height-md {
    min-height: 620px;
  }
}
.aic-hero-max-width {
  max-width: 582px;
}
.aic-hero-left {
  left: -110px;
}
.aic-hero-bottom {
  bottom: -70px;
}
@media (min-width: 768px) {
  .aic-hero-bottom-md {
    bottom: -39px;
  }
}
@media (min-width: 1024px) {
  .aic-hero-bottom-negative-lg {
    bottom: -2.5rem;
  }
}
.aic-hero-bottom-negative-sm {
  bottom: -1.25rem;
}
.aic-hero-position-top {
  top: 0;
}
.aic-hero-position-left {
  left: 0;
}
.aic-hero-position-bottom {
  bottom: 0;
}
@media (min-width: 768px) {
  .aic-hero-decoration-left-negative-md {
    left: -2.5rem;
  }
}
.aic-hero-basis-43 {
  flex-basis: 43%;
}
.aic-hero-basis-57 {
  flex-basis: 57%;
}
.aic-hero-flex-1 {
  flex: 1 1 0%;
}
.aic-hero-primary-bg {
  background-color: #0a8935;
}
.aic-hero-accent-bg {
  background-color: #0aa43e;
}
.aic-most-popular-bg {
  background-color: #5631ea;
}
.aic-hero-bg-transparent {
  background-position: 0 0;
}
.aic-hero-border-top-solid {
  border-top-style: solid;
}
.aic-hero-clip-path-inset {
  clip-path: inset(50%);
}
.aic-hero-overflow-x-hidden {
  overflow-x: hidden;
}
.aic-hero-overflow-y-hidden {
  overflow-y: hidden;
}
.aic-hero-focus-clip-none:focus {
  clip-path: none;
}
.aic-hero-focus-text-decoration:focus {
  text-decoration: inherit;
}
.aic-hero-focus-text-gray:focus {
  color: #444;
}
.aic-hero-focus-z-max:focus {
  z-index: 100000;
}
.aic-hero-focus-bg-light:focus {
  background-color: #ddd;
}
.aic-hero-focus-w-auto:focus {
  width: auto;
}
.aic-hero-focus-h-auto:focus {
  height: auto;
}
.aic-hero-focus-text-base:focus {
  font-size: 1em;
}
.aic-hero-focus-block:focus {
  display: block;
}
.aic-hero-focus-pt-sm:focus {
  padding-top: 15px;
}
.aic-hero-focus-pb-sm:focus {
  padding-bottom: 0.875rem;
}
.aic-hero-focus-px-md:focus {
  padding-left: 23px;
  padding-right: 23px;
}
.aic-hero-focus-left-sm:focus {
  left: 5px;
}
.aic-hero-focus-top-sm:focus {
  top: 5px;
}
.aic-hero-focus-text-inherit:focus {
  color: inherit;
}
.aic-hero-hover-before-bg-dark:hover::before {
  background-color: #050505;
}
.aic-hero-hover-before-h-sm:hover::before {
  height: 3px;
}
.aic-hero-hover-bg-accent:hover {
  background-color: #0aa43e;
}
.aic-hero-hover-underline:hover {
  text-decoration: underline;
}
.aic-hero-hover-text-inherit:hover {
  color: inherit;
}
.aic-hero-hover-border-t-white:hover {
  border-top-color: white;
}
.aic-hero-hover-bg-transparent:hover {
  background-color: transparent;
}
.aic-hero-before-content-empty::before {
  content: "";
}
.aic-hero-before-h-none::before {
  height: 0;
}
.aic-hero-before-duration::before {
  transition-duration: 200ms;
}
.aic-hero-before-top-negative::before {
  top: -1px;
}
.aic-hero-before-inset-x::before {
  left: 0;
  right: 0;
}
.aic-hero-before-top-sm::before {
  top: 7px;
}
.aic-hero-before-bg-white-opacity::before {
  background-color: rgb(255 255 255 / 0.3);
}
.aic-hero-before-w-sm::before {
  width: 0.625rem;
}
.aic-hero-before-h-px::before {
  height: 1px;
}
.aic-hero-before-left-negative::before {
  left: -0.875rem;
}
.aic-hero-before-transition-all::before {
  transition-property: all;
}
.aic-hero-before-ease-in-out::before {
  transition-timing-function: ease-in-out;
}
.aic-hero-before-block::before {
  display: block;
}
.aic-hero-before-absolute::before {
  position: absolute;
}
@media (min-width: 768px) {
  .aic-separator-before::before {
    content: "|";
  }
}
@media (min-width: 768px) {
  .aic-before-width::before {
    width: 5%;
  }
}
@media (min-width: 768px) {
  .aic-after-width::after {
    width: 5%;
  }
}
.aic-most-popular-after::after {
  content: "";
  display: block;
  background-color: #f2f673;
  width: 90%;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: -30px;
}
.aic-hero-border-t-white-opacity {
  border-top-color: rgb(255 255 255 / 0.2);
}
@media (max-width: 767px) {
  .aic-hero-w-calc {
    width: calc(100% + 50px);
  }
}
@media (min-width: 1024px) {
  .aic-hero-w-calc-lg {
    width: calc(100% + 120px);
  }
}
@media (min-width: 768px) {
  .aic-hero-w-calc-md {
    width: calc(100% + 2.5rem);
  }
}
@media (min-width: 1024px) {
  .aic-hero-left-negative-lg {
    left: -110px;
  }
}
.aic-hero-gradient {
  background: linear-gradient(59.89deg, #131920 31.75%, #6600ff 94.12%);
}
@media (min-width: 640px) {
  .aic-hero-gradient-sm {
    background: linear-gradient(46.43deg, #131920 31.75%, #6600ff 94.12%);
  }
}
.aic-gradient-alt {
  background: linear-gradient(145.3deg, #131920 -6.72%, #6600ff 130%);
}
.aic-responsive-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(30rem, 100%), 1fr));
}
@media (min-width: 768px) {
  .aic-hero-h-md {
    height: 2.5rem;
  }
}
@media (max-width: 767px) {
  .aic-hero-h-xs {
    height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .aic-hero-h-lg-md {
    height: 5rem;
  }
  .aic-hero-decoration-h-md {
    height: 5rem;
  }
}
@media (max-width: 767px) {
  .aic-hero-h-sm {
    height: 2.5rem;
  }
}
.aic-hero-h-px {
  height: 1px;
}
.aic-hero-h-xs-sm {
  height: 1.25rem;
}
.aic-hero-h-sm {
  height: 2.5rem;
}
.aic-hero-focus-within-outline-offset-negative:focus-within {
  outline-offset: -0.5rem;
}
.aic-hero-focus-within-outline-width:focus-within {
  outline-width: 2px;
}
.aic-hero-focus-within-outline-style:focus-within {
  outline-style: dashed;
}
.aic-hero-focus-within-outline-white:focus-within {
  outline-color: white;
}
.aic-hero-focus-within-bg-transparent:focus-within {
  background-color: transparent;
}
.aic-hero-focus-within-border-t-white:focus-within {
  border-top-color: white;
}
@media (min-width: 768px) {
  .aic-hero-figcaption-flex {
    display: flex;
  }
  .aic-hero-display-flex-md {
    display: flex;
  }
}
@media (min-width: 768px) {
  .aic-hero-container-flex-row {
    flex-direction: row;
  }
  .aic-hero-share-container-flex-row {
    flex-direction: row;
  }
}
@media (min-width: 640px) {
  .aic-hero-display-block-sm {
    display: block;
  }
}
@media (max-width: 767px) {
  .aic-hero-hidden-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .aic-hero-justify-center-mobile {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .aic-hero-items-center-mobile {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .aic-hero-display-flex-mobile {
    display: flex;
  }
}
@media (max-width: 767px) {
  .aic-hero-width-fit-mobile {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.aic-hero-flex-col-reverse {
  flex-direction: column-reverse;
}
.aic-hero-items-baseline {
  align-items: baseline;
}
@layer utilities {
  .\[-webkit-line-clamp\:2\] {
    -webkit-line-clamp: 2;
  }
  .\[animation-delay\:0\.18s\] {
    animation-delay: 0.18s;
  }
  .\[animation-delay\:0\.27s\] {
    animation-delay: 0.27s;
  }
  .\[animation-delay\:0\.2s\] {
    animation-delay: 0.2s;
  }
  .\[animation-delay\:0\.36s\] {
    animation-delay: 0.36s;
  }
  .\[animation-delay\:0\.3s\] {
    animation-delay: 0.3s;
  }
  .\[animation-delay\:0\.45s\] {
    animation-delay: 0.45s;
  }
  .\[animation-delay\:0\.4s\] {
    animation-delay: 0.4s;
  }
  .\[animation-delay\:0\.54s\] {
    animation-delay: 0.54s;
  }
  .\[animation-delay\:0\.5s\] {
    animation-delay: 0.5s;
  }
  .\[animation-delay\:0\.63s\] {
    animation-delay: 0.63s;
  }
  .\[animation-delay\:0\.72s\] {
    animation-delay: 0.72s;
  }
  .\[animation-delay\:0\.81s\] {
    animation-delay: 0.81s;
  }
  .\[animation-delay\:0\.9s\] {
    animation-delay: 0.9s;
  }
  .\[animation-delay\:0s\] {
    animation-delay: 0s;
  }
  .\[animation-delay\:90ms\] {
    animation-delay: 90ms;
  }
  .\[animation-duration\:1\.5s\] {
    animation-duration: 1.5s;
  }
  .\[animation-iteration-count\:infinite\] {
    animation-iteration-count: infinite;
  }
  .\[animation-name\:logo-mark\] {
    animation-name: logo-mark;
  }
  .\[appearance\:auto\] {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
  .\[border-bottom-style\:solid\] {
    border-bottom-style: solid;
  }
  .\[border-image-slice\:1\] {
    border-image-slice: 1;
  }
  .\[border-image-source\:linear-gradient\(270deg\,#0aa43e80_0\,#0aa43e_100\%\)\] {
    border-image-source: linear-gradient(270deg,#0aa43e80_0,#0aa43e_100%);
  }
  .\[border-image\:linear-gradient\(90deg\,#5631ea_66\%\,#fff_66\%\)_1\] {
    -o-border-image: linear-gradient(90deg,#5631ea_66%,#fff_66%)_1;
       border-image: linear-gradient(90deg,#5631ea_66%,#fff_66%)_1;
  }
  .\[border-left-style\:solid\] {
    border-left-style: solid;
  }
  .\[border-right-style\:solid\] {
    border-right-style: solid;
  }
  .\[border-top-style\:solid\] {
    border-top-style: solid;
  }
  .\[box-shadow\:0_2px_10px_-3px_rgba\(6\,81\,237\,0\.3\)\] {
    box-shadow: 0_2px_10px_-3px_rgba(6,81,237,0.3);
  }
  .\[box-shadow\:0_2px_13px_-6px_rgba\(0\,0\,0\,0\.4\)\] {
    box-shadow: 0_2px_13px_-6px_rgba(0,0,0,0.4);
  }
  .\[caption-side\:bottom\] {
    caption-side: bottom;
  }
  .\[clip-path\:inset\(50\%\)\] {
    clip-path: inset(50%);
  }
  .\[clip\:rect\(1px\,1px\,1px\,1px\)\] {
    clip: rect(1px,1px,1px,1px);
  }
  .\[contain-intrinsic-size\:3000px_1500px\] {
    contain-intrinsic-size: 3000px_1500px;
  }
  .\[container\:loop-card-container/inline-size\] {
    container: loop-card-container/inline-size;
  }
  .\[container\:newsletter-container/inline-size\] {
    container: newsletter-container/inline-size;
  }
  .\[display\:-webkit-box\] {
    display: -webkit-box;
  }
  .\[font-family\:nb\\_international\\_promono\,sans-serif\] {
    font-family: nb\_international\_promono,sans-serif;
  }
  .\[font-family\:nb\\_international\\_proregular\,sans-serif\] {
    font-family: nb\_international\_proregular,sans-serif;
  }
  .\[font-family\:system-ui\,-apple-system\,Segoe_UI\,Roboto\,Ubuntu\,Cantarell\,Noto_Sans\,sans-serif\,Helvetica\,Arial\,Apple_Color_Emoji\,Segoe_UI_Emoji\] {
    font-family: system-ui,-apple-system,Segoe_UI,Roboto,Ubuntu,Cantarell,Noto_Sans,sans-serif,Helvetica,Arial,Apple_Color_Emoji,Segoe_UI_Emoji;
  }
  .\[font-family\:yellix\,sans-serif\] {
    font-family: yellix,sans-serif;
  }
  .\[text-decoration\:unset\] {
    text-decoration: unset;
  }
  .\[text-rendering\:optimizeSpeed\] {
    text-rendering: optimizeSpeed;
  }
  .\[word-break\:break-word\] {
    word-break: break-word;
  }
  .\[word-wrap\:normal\] {
    word-wrap: normal;
  }
  .animate-\[0\.9s_infinite_backwards_scaling-dots\] {
    animate: 0.9s_infinite_backwards_scaling-dots;
  }
  .aspect-\[119/128\] {
    aspect: 119/128;
  }
  .aspect-\[16/9\] {
    aspect: 16/9;
  }
  .aspect-\[22/13\] {
    aspect: 22/13;
  }
  .aspect-\[283/160\] {
    aspect: 283/160;
  }
  .aspect-\[3/2\] {
    aspect: 3/2;
  }
  .aspect-\[4/3\] {
    aspect: 4/3;
  }
  .aspect-\[5/4\] {
    aspect: 5/4;
  }
  .basis-\[173px\] {
    flex-basis: 173px;
  }
  .basis-\[30\%\] {
    flex-basis: 30%;
  }
  .basis-\[316px\] {
    flex-basis: 316px;
  }
  .basis-\[43\%\] {
    flex-basis: 43%;
  }
  .basis-\[57\%\] {
    flex-basis: 57%;
  }
  .bg-\[#0a8935\] {
    background-color: #0a8935;
  }
  .bg-\[#0aa43e\] {
    background-color: #0aa43e;
  }
  .bg-\[#0d7a32\] {
    background-color: #0d7a32;
  }
  .bg-\[#212623\] {
    background-color: #212623;
  }
  .bg-\[#32373c\] {
    background-color: #32373c;
  }
  .bg-\[#333\] {
    background-color: #333;
  }
  .bg-\[#535554\] {
    background-color: #535554;
  }
  .bg-\[#5631ea\] {
    background-color: #5631ea;
  }
  .bg-\[#6600FF\] {
    background-color: #6600FF;
  }
  .bg-\[#6c7571\] {
    background-color: #6c7571;
  }
  .bg-\[#d2dcd7\] {
    background-color: #d2dcd7;
  }
  .bg-\[#edf1ef\] {
    background-color: #edf1ef;
  }
  .bg-\[#f2f673\] {
    background-color: #f2f673;
  }
  .bg-\[#f5f5f5\] {
    background-color: #f5f5f5;
  }
  .bg-\[#facc15\] {
    background-color: #facc15;
  }
  .bg-\[0_0\] {
    background-color: 0_0;
  }
  .bg-\[linear-gradient\(145\.3deg\,#0aa43e_-6\.72\%\,#68f176_130\%\)\] {
    background-color: linear-gradient(145.3deg,#0aa43e_-6.72%,#68f176_130%);
  }
  .bg-\[linear-gradient\(59\.89deg\,#0aa43e_31\.75\%\,#68f176_94\.12\%\)\] {
    background-color: linear-gradient(59.89deg,#0aa43e_31.75%,#68f176_94.12%);
  }
  .border-\[#0a8935\] {
    border: #0a8935;
  }
  .border-\[#212623\] {
    border: #212623;
  }
  .border-\[#2c312e\] {
    border: #2c312e;
  }
  .border-\[#6c7571\] {
    border: #6c7571;
  }
  .border-\[#949494\] {
    border: #949494;
  }
  .border-\[#c1c1c1\] {
    border: #c1c1c1;
  }
  .border-\[#ccc\] {
    border: #ccc;
  }
  .border-\[#d2dcd7\] {
    border: #d2dcd7;
  }
  .border-\[1\.5px\] {
    border: 1.5px;
  }
  .border-\[none\] {
    border: none;
  }
  .border-b-\[#d2dcd7\] {
    border-b: #d2dcd7;
  }
  .border-b-\[24px\] {
    border-b: 24px;
  }
  .border-b-\[none\] {
    border-b: none;
  }
  .border-l-\[#d2dcd7\] {
    border-l: #d2dcd7;
  }
  .border-r-\[#d2dcd7\] {
    border-r: #d2dcd7;
  }
  .border-t-\[#d2dcd7\] {
    border-t: #d2dcd7;
  }
  .border-x-\[none\] {
    border-x: none;
  }
  .bottom-\[-20px\] {
    bottom: -20px;
  }
  .bottom-\[-70px\] {
    bottom: -70px;
  }
  .col-end-\[span_12\] {
    col-end: span_12;
  }
  .duration-\[0\.6s\] {
    duration: 0.6s;
  }
  .ease-\[cubic-bezier\(0\,0\.55\,0\.45\,1\)\] {
    ease: cubic-bezier(0,0.55,0.45,1);
  }
  .fill-\[#212623\] {
    fill: #212623;
  }
  .fill-\[#5631ea\] {
    fill: #5631ea;
  }
  .fill-\[#fff\] {
    fill: #fff;
  }
  .flex-\[auto\] {
    flex: auto;
  }
  .font-\[bolder\] {
    font: bolder;
  }
  .gap-\[0\.1em\] {
    gap: 0.1em;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[inherit\] {
    gap: inherit;
  }
  .gap-x-\[18px\] {
    gap-x: 18px;
  }
  .gap-x-\[30px\] {
    gap-x: 30px;
  }
  .gap-y-\[18px\] {
    gap-y: 18px;
  }
  .gap-y-\[30px\] {
    gap-y: 30px;
  }
  .grid-cols-\[1fr_min-content_min-content\] {
    grid-cols: 1fr_min-content_min-content;
  }
  .grid-cols-\[8fr_minmax\(300px\,3fr\)\] {
    grid-cols: 8fr_minmax(300px,3fr);
  }
  .grid-cols-\[repeat\(12\,1fr\)\] {
    grid-cols: repeat(12,1fr);
  }
  .grid-cols-\[repeat\(2\,1fr\)\] {
    grid-cols: repeat(2,1fr);
  }
  .grid-cols-\[repeat\(5\,1rem\)\] {
    grid-cols: repeat(5,1rem);
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(30rem\,100\%\)\,1fr\)\)\] {
    grid-cols: repeat(auto-fill,minmax(min(30rem,100%),1fr));
  }
  .grid-rows-\[repeat\(1\,1fr\)\] {
    grid-rows: repeat(1,1fr);
  }
  .grid-rows-\[repeat\(4\,1fr\)\] {
    grid-rows: repeat(4,1fr);
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[232px\] {
    height: 232px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .indent-\[-9999px\] {
    indent: -9999px;
  }
  .leading-\[0\] {
    leading: 0;
  }
  .leading-\[1\.125rem\] {
    leading: 1.125rem;
  }
  .leading-\[1\.15\] {
    leading: 1.15;
  }
  .leading-\[1\.2\] {
    leading: 1.2;
  }
  .leading-\[1\.3\] {
    leading: 1.3;
  }
  .leading-\[1\.4\] {
    leading: 1.4;
  }
  .left-\[-110px\] {
    left: -110px;
  }
  .left-\[-9999px\] {
    left: -9999px;
  }
  .left-\[-999em\] {
    left: -999em;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-w-\[100vw\] {
    max-width: 100vw;
  }
  .max-w-\[316px\] {
    max-width: 316px;
  }
  .max-w-\[36\.375rem\] {
    max-width: 36.375rem;
  }
  .max-w-\[43\.75rem\] {
    max-width: 43.75rem;
  }
  .max-w-\[582px\] {
    max-width: 582px;
  }
  .max-w-\[63\.375rem\] {
    max-width: 63.375rem;
  }
  .max-w-\[665px\] {
    max-width: 665px;
  }
  .max-w-\[74\.1875rem\] {
    max-width: 74.1875rem;
  }
  .max-w-\[85rem\] {
    max-width: 85rem;
  }
  .mb-\[-2px\] {
    margin-bottom: -2px;
  }
  .mb-\[1\.75em\] {
    margin-bottom: 1.75em;
  }
  .mb-\[70px\] {
    margin-bottom: 70px;
  }
  .min-h-\[15\.625rem\] {
    min-height: 15.625rem;
  }
  .min-h-\[180px\] {
    min-height: 180px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[23\.4375rem\] {
    min-height: 23.4375rem;
  }
  .min-h-\[250px\] {
    min-height: 250px;
  }
  .min-h-\[28\.5rem\] {
    min-height: 28.5rem;
  }
  .min-h-\[350px\] {
    min-height: 350px;
  }
  .min-h-\[375px\] {
    min-height: 375px;
  }
  .min-h-\[456px\] {
    min-height: 456px;
  }
  .min-h-\[50px\] {
    min-height: 50px;
  }
  .min-h-\[auto\] {
    min-height: auto;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .ml-\[-50vw\] {
    margin-left: -50vw;
  }
  .mx-\[25px\] {
    margin-inline: 25px;
  }
  .opacity-\[0\.38\] {
    opacity: 0.38;
  }
  .pr-\[45px\] {
    padding-right: 45px;
  }
  .px-\[0\.6em\] {
    padding-inline: 0.6em;
  }
  .px-\[13px\] {
    padding-inline: 13px;
  }
  .px-\[23\.328px\] {
    padding-inline: 23.328px;
  }
  .py-\[0\.15em\] {
    padding-block: 0.15em;
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-\[12\.672px\] {
    padding-block: 12.672px;
  }
  .right-\[-186px\] {
    right: -186px;
  }
  .rounded-\[100\%\] {
    rounded: 100%;
  }
  .rounded-\[20px\] {
    rounded: 20px;
  }
  .rounded-\[28px\] {
    rounded: 28px;
  }
  .rounded-\[4px\] {
    rounded: 4px;
  }
  .rounded-\[50\%\] {
    rounded: 50%;
  }
  .rounded-\[80px\] {
    rounded: 80px;
  }
  .shadow-\[0_0_5px_gray\] {
    shadow: 0_0_5px_gray;
  }
  .shadow-\[0_2px_8px_#0000001f\,0_2px_22px_#00000005\] {
    shadow: 0_2px_8px_#0000001f,0_2px_22px_#00000005;
  }
  .size-\[1\.2em\] {
    size: 1.2em;
  }
  .stroke-\[#212623\] {
    stroke: #212623;
  }
  .test-postcss-config-\[456px\] {
    test-postcss-config: 456px;
  }
  .test-source-scan-\[123px\] {
    test-source-scan: 123px;
  }
  .text-\[#012800\] {
    color: #012800;
  }
  .text-\[#0a8935\] {
    color: #0a8935;
  }
  .text-\[#0aa43e\] {
    color: #0aa43e;
  }
  .text-\[#212623\] {
    color: #212623;
  }
  .text-\[#535554\] {
    color: #535554;
  }
  .text-\[#6600FF\] {
    color: #6600FF;
  }
  .text-\[#68f176\] {
    color: #68f176;
  }
  .text-\[#6c7571\] {
    color: #6c7571;
  }
  .text-\[#d2dcd7\] {
    color: #d2dcd7;
  }
  .text-\[#e21c1c\] {
    color: #e21c1c;
  }
  .text-\[#edf1ef\] {
    color: #edf1ef;
  }
  .text-\[0\.6875rem\] {
    color: 0.6875rem;
  }
  .text-\[0\.8125rem\] {
    color: 0.8125rem;
  }
  .text-\[0\.88rem\] {
    color: 0.88rem;
  }
  .text-\[1\.1875rem\] {
    color: 1.1875rem;
  }
  .text-\[1\.4375rem\] {
    color: 1.4375rem;
  }
  .text-\[100\%\] {
    color: 100%;
  }
  .text-\[13px\] {
    color: 13px;
  }
  .text-\[15px\] {
    color: 15px;
  }
  .text-\[28px\] {
    color: 28px;
  }
  .text-\[clamp\(1\.75rem\,1\.4645rem+1\.2183vi\,2\.5rem\)\] {
    color: clamp(1.75rem,1.4645rem+1.2183vi,2.5rem);
  }
  .text-\[clamp\(1\.75rem\,1\.4645rem_+_1\.2183vi\,2\.5rem\)\] {
    color: clamp(1.75rem,1.4645rem_+_1.2183vi,2.5rem);
  }
  .top-\[-5px\] {
    top: -5px;
  }
  .top-\[-999em\] {
    top: -999em;
  }
  .top-\[130px\] {
    top: 130px;
  }
  .tracking-\[-0\.25px\] {
    tracking: -0.25px;
  }
  .tracking-\[-0\.5px\] {
    tracking: -0.5px;
  }
  .tracking-\[0\.5px\] {
    tracking: 0.5px;
  }
  .tracking-\[1px\] {
    tracking: 1px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[149px\] {
    width: 149px;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[1em\] {
    width: 1em;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[410px\] {
    width: 410px;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[550px\] {
    width: 550px;
  }
  .w-\[6\%\] {
    width: 6%;
  }
  .w-\[650px\] {
    width: 650px;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72px\] {
    width: 72px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .z-\[-11\] {
    z-index: -11;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[6\] {
    z-index: 6;
  }
  .z-\[98\] {
    z-index: 98;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[99\] {
    z-index: 99;
  }
  .z-\[9\] {
    z-index: 9;
  }
}
.basis-\[calc\(100\%-104px\)\] {
  flex-basis: calc(100%-104px);
}
.basis-\[calc\(100\%-197px\)\] {
  flex-basis: calc(100%-197px);
}
.basis-\[calc\(100\%-theme\(flexBasis\.6\)\)\] {
  flex-basis: calc(100%-theme(flexBasis.6));
}
.bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)-env\(safe-area-max-inset-bottom\,theme\(inset\.9\)\)\)\] {
  bottom: calc(env(safe-area-inset-bottom,0px)-env(safe-area-max-inset-bottom,2.25rem));
}
.pb-\[env\(safe-area-max-inset-bottom\,theme\(padding\.9\)\)\] {
  padding-bottom: env(safe-area-max-inset-bottom,2.25rem);
}
.text-\[clamp\(theme\(fontSize\.5xl\)\,2\.1672rem_+_3\.5533vi\,5\.1875rem\)\] {
  color: clamp(3rem,2.1672rem_+_3.5533vi,5.1875rem);
}
.text-\[clamp\(theme\(fontSize\.base\)\,0\.8334rem_+_0\.7107vi\,1\.4375rem\)\] {
  color: clamp(1rem,0.8334rem_+_0.7107vi,1.4375rem);
}
.top-\[calc\(0-21px\)\] {
  top: calc(0-21px);
}
.w-\[calc\(100\%+50px\)\] {
  width: calc(100%+50px);
}
@media (min-width: 1024px) {
  .lg\:h-\[calc\(theme\(height\.screen\)-8\.625rem-theme\(height\.10\)\)\] {
    height: calc(100vh-8.625rem-theme(height.10));
  }
  .lg\:w-\[calc\(100\%+120px\)\] {
    width: calc(100%+120px);
  }
}
@media (min-width: 768px) {
  .md\:w-\[calc\(100\%+40px\)\] {
    width: calc(100%+40px);
  }
  .md\:w-\[calc\(100\%+theme\(width\.10\)\)\] {
    width: calc(100%+theme(width.10));
  }
}
@media (min-width: 1280px) {
  .xl\:w-\[calc\(100\%+120px\)\] {
    width: calc(100%+120px);
  }
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@layer utilities {
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .max-w-full {
    max-width: 100%;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .relative {
    position: relative;
  }
}
@layer components {
  #top-menu, #top-menu .wrapper, .main.container {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
  }
}
@layer components {
  .box {
    box-shadow: 0px 3px 5px #0000000b;
    background-color: white;
    border: 1px solid rgb(226 232 240);
    border-radius: 0.6rem;
    position: relative;
    &--stacked:before {
      content: "";
      z-index: -1;
      box-shadow: var(--shadow-sm);
      height: 100%;
      background-color: rgb(248 250 252);
      border: 1px solid rgb(226 232 240);
      position: absolute;
      border-radius: var(--radius-lg);
      left: var(--spacing-3.5);
      right: var(--spacing-3.5);
      top: 0;
      margin-top: var(--spacing-3);
    }
  }
  .dark {
    .box {
      background-color: rgb(40 51 78);
      border-color: rgb(41 53 82);
      &--stacked:before {
        background-color: rgb(40 51 78 / 70%);
        border-color: rgb(100 116 139 / 60%);
      }
    }
  }
}
html {
  &.dark {
    body {
      color: rgb(203 213 225);
      *, ::before, ::after {
        border-color: rgb(255 255 255 / 5%);
      }
    }
  }
  body {
    letter-spacing: normal;
    font-size: var(--font-fontSize-sm);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-fontFamily-sans);
    color: rgb(71 85 105);
    line-height: 1.25rem;
  }
}
@layer components {
  .image-fit {
    position: relative;
    & > img {
      position: absolute;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      width: 100%;
      height: 100%;
    }
  }
}
@layer components {
  .scrollbar-hidden {
    &::-webkit-scrollbar {
      width: var(--width-0);
      background-color: transparent;
    }
  }
}
@layer components {
  .typing-dots {
    span {
      opacity: var(--opacity-0);
      &:nth-child(1) {
        animation: 1s type-animation infinite 0.33333s;
      }
      &:nth-child(2) {
        animation: 1s type-animation infinite 0.66666s;
      }
      &:nth-child(3) {
        animation: 1s type-animation infinite 0.99999s;
      }
    }
  }
  @keyframes type-animation {
    50% {
      opacity: 1;
    }
  }
}
@layer components {
  .zoom-in {
    transition-property: transform, box-shadow;
    transition-duration: 150ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    &:hover {
      transform: scale(1.05);
      box-shadow: var(--shadow-xl);
    }
  }
}
* {
  > .intro-x:nth-child(1) {
    z-index: calc(50 - 1);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(1 * 0.1s);
  }
  > .-intro-x:nth-child(1) {
    z-index: calc(50 - 1);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(1 * 0.1s);
  }
  > .intro-y:nth-child(1) {
    z-index: calc(50 - 1);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(1 * 0.1s);
  }
  > .-intro-y:nth-child(1) {
    z-index: calc(50 - 1);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(1 * 0.1s);
  }
  > .intro-x:nth-child(2) {
    z-index: calc(50 - 2);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(2 * 0.1s);
  }
  > .-intro-x:nth-child(2) {
    z-index: calc(50 - 2);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(2 * 0.1s);
  }
  > .intro-y:nth-child(2) {
    z-index: calc(50 - 2);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(2 * 0.1s);
  }
  > .-intro-y:nth-child(2) {
    z-index: calc(50 - 2);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(2 * 0.1s);
  }
  > .intro-x:nth-child(3) {
    z-index: calc(50 - 3);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(3 * 0.1s);
  }
  > .-intro-x:nth-child(3) {
    z-index: calc(50 - 3);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(3 * 0.1s);
  }
  > .intro-y:nth-child(3) {
    z-index: calc(50 - 3);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(3 * 0.1s);
  }
  > .-intro-y:nth-child(3) {
    z-index: calc(50 - 3);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(3 * 0.1s);
  }
  > .intro-x:nth-child(4) {
    z-index: calc(50 - 4);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(4 * 0.1s);
  }
  > .-intro-x:nth-child(4) {
    z-index: calc(50 - 4);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(4 * 0.1s);
  }
  > .intro-y:nth-child(4) {
    z-index: calc(50 - 4);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(4 * 0.1s);
  }
  > .-intro-y:nth-child(4) {
    z-index: calc(50 - 4);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(4 * 0.1s);
  }
  > .intro-x:nth-child(5) {
    z-index: calc(50 - 5);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(5 * 0.1s);
  }
  > .-intro-x:nth-child(5) {
    z-index: calc(50 - 5);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(5 * 0.1s);
  }
  > .intro-y:nth-child(5) {
    z-index: calc(50 - 5);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(5 * 0.1s);
  }
  > .-intro-y:nth-child(5) {
    z-index: calc(50 - 5);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(5 * 0.1s);
  }
  > .intro-x:nth-child(6) {
    z-index: calc(50 - 6);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(6 * 0.1s);
  }
  > .-intro-x:nth-child(6) {
    z-index: calc(50 - 6);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(6 * 0.1s);
  }
  > .intro-y:nth-child(6) {
    z-index: calc(50 - 6);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(6 * 0.1s);
  }
  > .-intro-y:nth-child(6) {
    z-index: calc(50 - 6);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(6 * 0.1s);
  }
  > .intro-x:nth-child(7) {
    z-index: calc(50 - 7);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(7 * 0.1s);
  }
  > .-intro-x:nth-child(7) {
    z-index: calc(50 - 7);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(7 * 0.1s);
  }
  > .intro-y:nth-child(7) {
    z-index: calc(50 - 7);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(7 * 0.1s);
  }
  > .-intro-y:nth-child(7) {
    z-index: calc(50 - 7);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(7 * 0.1s);
  }
  > .intro-x:nth-child(8) {
    z-index: calc(50 - 8);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(8 * 0.1s);
  }
  > .-intro-x:nth-child(8) {
    z-index: calc(50 - 8);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(8 * 0.1s);
  }
  > .intro-y:nth-child(8) {
    z-index: calc(50 - 8);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(8 * 0.1s);
  }
  > .-intro-y:nth-child(8) {
    z-index: calc(50 - 8);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(8 * 0.1s);
  }
  > .intro-x:nth-child(9) {
    z-index: calc(50 - 9);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(9 * 0.1s);
  }
  > .-intro-x:nth-child(9) {
    z-index: calc(50 - 9);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(9 * 0.1s);
  }
  > .intro-y:nth-child(9) {
    z-index: calc(50 - 9);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(9 * 0.1s);
  }
  > .-intro-y:nth-child(9) {
    z-index: calc(50 - 9);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(9 * 0.1s);
  }
  > .intro-x:nth-child(10) {
    z-index: calc(50 - 10);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(10 * 0.1s);
  }
  > .-intro-x:nth-child(10) {
    z-index: calc(50 - 10);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(10 * 0.1s);
  }
  > .intro-y:nth-child(10) {
    z-index: calc(50 - 10);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(10 * 0.1s);
  }
  > .-intro-y:nth-child(10) {
    z-index: calc(50 - 10);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(10 * 0.1s);
  }
  > .intro-x:nth-child(11) {
    z-index: calc(50 - 11);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(11 * 0.1s);
  }
  > .-intro-x:nth-child(11) {
    z-index: calc(50 - 11);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(11 * 0.1s);
  }
  > .intro-y:nth-child(11) {
    z-index: calc(50 - 11);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(11 * 0.1s);
  }
  > .-intro-y:nth-child(11) {
    z-index: calc(50 - 11);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(11 * 0.1s);
  }
  > .intro-x:nth-child(12) {
    z-index: calc(50 - 12);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(12 * 0.1s);
  }
  > .-intro-x:nth-child(12) {
    z-index: calc(50 - 12);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(12 * 0.1s);
  }
  > .intro-y:nth-child(12) {
    z-index: calc(50 - 12);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(12 * 0.1s);
  }
  > .-intro-y:nth-child(12) {
    z-index: calc(50 - 12);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(12 * 0.1s);
  }
  > .intro-x:nth-child(13) {
    z-index: calc(50 - 13);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(13 * 0.1s);
  }
  > .-intro-x:nth-child(13) {
    z-index: calc(50 - 13);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(13 * 0.1s);
  }
  > .intro-y:nth-child(13) {
    z-index: calc(50 - 13);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(13 * 0.1s);
  }
  > .-intro-y:nth-child(13) {
    z-index: calc(50 - 13);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(13 * 0.1s);
  }
  > .intro-x:nth-child(14) {
    z-index: calc(50 - 14);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(14 * 0.1s);
  }
  > .-intro-x:nth-child(14) {
    z-index: calc(50 - 14);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(14 * 0.1s);
  }
  > .intro-y:nth-child(14) {
    z-index: calc(50 - 14);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(14 * 0.1s);
  }
  > .-intro-y:nth-child(14) {
    z-index: calc(50 - 14);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(14 * 0.1s);
  }
  > .intro-x:nth-child(15) {
    z-index: calc(50 - 15);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(15 * 0.1s);
  }
  > .-intro-x:nth-child(15) {
    z-index: calc(50 - 15);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(15 * 0.1s);
  }
  > .intro-y:nth-child(15) {
    z-index: calc(50 - 15);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(15 * 0.1s);
  }
  > .-intro-y:nth-child(15) {
    z-index: calc(50 - 15);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(15 * 0.1s);
  }
  > .intro-x:nth-child(16) {
    z-index: calc(50 - 16);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(16 * 0.1s);
  }
  > .-intro-x:nth-child(16) {
    z-index: calc(50 - 16);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(16 * 0.1s);
  }
  > .intro-y:nth-child(16) {
    z-index: calc(50 - 16);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(16 * 0.1s);
  }
  > .-intro-y:nth-child(16) {
    z-index: calc(50 - 16);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(16 * 0.1s);
  }
  > .intro-x:nth-child(17) {
    z-index: calc(50 - 17);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(17 * 0.1s);
  }
  > .-intro-x:nth-child(17) {
    z-index: calc(50 - 17);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(17 * 0.1s);
  }
  > .intro-y:nth-child(17) {
    z-index: calc(50 - 17);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(17 * 0.1s);
  }
  > .-intro-y:nth-child(17) {
    z-index: calc(50 - 17);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(17 * 0.1s);
  }
  > .intro-x:nth-child(18) {
    z-index: calc(50 - 18);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(18 * 0.1s);
  }
  > .-intro-x:nth-child(18) {
    z-index: calc(50 - 18);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(18 * 0.1s);
  }
  > .intro-y:nth-child(18) {
    z-index: calc(50 - 18);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(18 * 0.1s);
  }
  > .-intro-y:nth-child(18) {
    z-index: calc(50 - 18);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(18 * 0.1s);
  }
  > .intro-x:nth-child(19) {
    z-index: calc(50 - 19);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(19 * 0.1s);
  }
  > .-intro-x:nth-child(19) {
    z-index: calc(50 - 19);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(19 * 0.1s);
  }
  > .intro-y:nth-child(19) {
    z-index: calc(50 - 19);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(19 * 0.1s);
  }
  > .-intro-y:nth-child(19) {
    z-index: calc(50 - 19);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(19 * 0.1s);
  }
  > .intro-x:nth-child(20) {
    z-index: calc(50 - 20);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(20 * 0.1s);
  }
  > .-intro-x:nth-child(20) {
    z-index: calc(50 - 20);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(20 * 0.1s);
  }
  > .intro-y:nth-child(20) {
    z-index: calc(50 - 20);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(20 * 0.1s);
  }
  > .-intro-y:nth-child(20) {
    z-index: calc(50 - 20);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(20 * 0.1s);
  }
  > .intro-x:nth-child(21) {
    z-index: calc(50 - 21);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(21 * 0.1s);
  }
  > .-intro-x:nth-child(21) {
    z-index: calc(50 - 21);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(21 * 0.1s);
  }
  > .intro-y:nth-child(21) {
    z-index: calc(50 - 21);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(21 * 0.1s);
  }
  > .-intro-y:nth-child(21) {
    z-index: calc(50 - 21);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(21 * 0.1s);
  }
  > .intro-x:nth-child(22) {
    z-index: calc(50 - 22);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(22 * 0.1s);
  }
  > .-intro-x:nth-child(22) {
    z-index: calc(50 - 22);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(22 * 0.1s);
  }
  > .intro-y:nth-child(22) {
    z-index: calc(50 - 22);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(22 * 0.1s);
  }
  > .-intro-y:nth-child(22) {
    z-index: calc(50 - 22);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(22 * 0.1s);
  }
  > .intro-x:nth-child(23) {
    z-index: calc(50 - 23);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(23 * 0.1s);
  }
  > .-intro-x:nth-child(23) {
    z-index: calc(50 - 23);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(23 * 0.1s);
  }
  > .intro-y:nth-child(23) {
    z-index: calc(50 - 23);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(23 * 0.1s);
  }
  > .-intro-y:nth-child(23) {
    z-index: calc(50 - 23);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(23 * 0.1s);
  }
  > .intro-x:nth-child(24) {
    z-index: calc(50 - 24);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(24 * 0.1s);
  }
  > .-intro-x:nth-child(24) {
    z-index: calc(50 - 24);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(24 * 0.1s);
  }
  > .intro-y:nth-child(24) {
    z-index: calc(50 - 24);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(24 * 0.1s);
  }
  > .-intro-y:nth-child(24) {
    z-index: calc(50 - 24);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(24 * 0.1s);
  }
  > .intro-x:nth-child(25) {
    z-index: calc(50 - 25);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(25 * 0.1s);
  }
  > .-intro-x:nth-child(25) {
    z-index: calc(50 - 25);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(25 * 0.1s);
  }
  > .intro-y:nth-child(25) {
    z-index: calc(50 - 25);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(25 * 0.1s);
  }
  > .-intro-y:nth-child(25) {
    z-index: calc(50 - 25);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(25 * 0.1s);
  }
  > .intro-x:nth-child(26) {
    z-index: calc(50 - 26);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(26 * 0.1s);
  }
  > .-intro-x:nth-child(26) {
    z-index: calc(50 - 26);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(26 * 0.1s);
  }
  > .intro-y:nth-child(26) {
    z-index: calc(50 - 26);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(26 * 0.1s);
  }
  > .-intro-y:nth-child(26) {
    z-index: calc(50 - 26);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(26 * 0.1s);
  }
  > .intro-x:nth-child(27) {
    z-index: calc(50 - 27);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(27 * 0.1s);
  }
  > .-intro-x:nth-child(27) {
    z-index: calc(50 - 27);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(27 * 0.1s);
  }
  > .intro-y:nth-child(27) {
    z-index: calc(50 - 27);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(27 * 0.1s);
  }
  > .-intro-y:nth-child(27) {
    z-index: calc(50 - 27);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(27 * 0.1s);
  }
  > .intro-x:nth-child(28) {
    z-index: calc(50 - 28);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(28 * 0.1s);
  }
  > .-intro-x:nth-child(28) {
    z-index: calc(50 - 28);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(28 * 0.1s);
  }
  > .intro-y:nth-child(28) {
    z-index: calc(50 - 28);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(28 * 0.1s);
  }
  > .-intro-y:nth-child(28) {
    z-index: calc(50 - 28);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(28 * 0.1s);
  }
  > .intro-x:nth-child(29) {
    z-index: calc(50 - 29);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(29 * 0.1s);
  }
  > .-intro-x:nth-child(29) {
    z-index: calc(50 - 29);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(29 * 0.1s);
  }
  > .intro-y:nth-child(29) {
    z-index: calc(50 - 29);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(29 * 0.1s);
  }
  > .-intro-y:nth-child(29) {
    z-index: calc(50 - 29);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(29 * 0.1s);
  }
  > .intro-x:nth-child(30) {
    z-index: calc(50 - 30);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(30 * 0.1s);
  }
  > .-intro-x:nth-child(30) {
    z-index: calc(50 - 30);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(30 * 0.1s);
  }
  > .intro-y:nth-child(30) {
    z-index: calc(50 - 30);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(30 * 0.1s);
  }
  > .-intro-y:nth-child(30) {
    z-index: calc(50 - 30);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(30 * 0.1s);
  }
  > .intro-x:nth-child(31) {
    z-index: calc(50 - 31);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(31 * 0.1s);
  }
  > .-intro-x:nth-child(31) {
    z-index: calc(50 - 31);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(31 * 0.1s);
  }
  > .intro-y:nth-child(31) {
    z-index: calc(50 - 31);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(31 * 0.1s);
  }
  > .-intro-y:nth-child(31) {
    z-index: calc(50 - 31);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(31 * 0.1s);
  }
  > .intro-x:nth-child(32) {
    z-index: calc(50 - 32);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(32 * 0.1s);
  }
  > .-intro-x:nth-child(32) {
    z-index: calc(50 - 32);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(32 * 0.1s);
  }
  > .intro-y:nth-child(32) {
    z-index: calc(50 - 32);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(32 * 0.1s);
  }
  > .-intro-y:nth-child(32) {
    z-index: calc(50 - 32);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(32 * 0.1s);
  }
  > .intro-x:nth-child(33) {
    z-index: calc(50 - 33);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(33 * 0.1s);
  }
  > .-intro-x:nth-child(33) {
    z-index: calc(50 - 33);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(33 * 0.1s);
  }
  > .intro-y:nth-child(33) {
    z-index: calc(50 - 33);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(33 * 0.1s);
  }
  > .-intro-y:nth-child(33) {
    z-index: calc(50 - 33);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(33 * 0.1s);
  }
  > .intro-x:nth-child(34) {
    z-index: calc(50 - 34);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(34 * 0.1s);
  }
  > .-intro-x:nth-child(34) {
    z-index: calc(50 - 34);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(34 * 0.1s);
  }
  > .intro-y:nth-child(34) {
    z-index: calc(50 - 34);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(34 * 0.1s);
  }
  > .-intro-y:nth-child(34) {
    z-index: calc(50 - 34);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(34 * 0.1s);
  }
  > .intro-x:nth-child(35) {
    z-index: calc(50 - 35);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(35 * 0.1s);
  }
  > .-intro-x:nth-child(35) {
    z-index: calc(50 - 35);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(35 * 0.1s);
  }
  > .intro-y:nth-child(35) {
    z-index: calc(50 - 35);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(35 * 0.1s);
  }
  > .-intro-y:nth-child(35) {
    z-index: calc(50 - 35);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(35 * 0.1s);
  }
  > .intro-x:nth-child(36) {
    z-index: calc(50 - 36);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(36 * 0.1s);
  }
  > .-intro-x:nth-child(36) {
    z-index: calc(50 - 36);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(36 * 0.1s);
  }
  > .intro-y:nth-child(36) {
    z-index: calc(50 - 36);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(36 * 0.1s);
  }
  > .-intro-y:nth-child(36) {
    z-index: calc(50 - 36);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(36 * 0.1s);
  }
  > .intro-x:nth-child(37) {
    z-index: calc(50 - 37);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(37 * 0.1s);
  }
  > .-intro-x:nth-child(37) {
    z-index: calc(50 - 37);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(37 * 0.1s);
  }
  > .intro-y:nth-child(37) {
    z-index: calc(50 - 37);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(37 * 0.1s);
  }
  > .-intro-y:nth-child(37) {
    z-index: calc(50 - 37);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(37 * 0.1s);
  }
  > .intro-x:nth-child(38) {
    z-index: calc(50 - 38);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(38 * 0.1s);
  }
  > .-intro-x:nth-child(38) {
    z-index: calc(50 - 38);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(38 * 0.1s);
  }
  > .intro-y:nth-child(38) {
    z-index: calc(50 - 38);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(38 * 0.1s);
  }
  > .-intro-y:nth-child(38) {
    z-index: calc(50 - 38);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(38 * 0.1s);
  }
  > .intro-x:nth-child(39) {
    z-index: calc(50 - 39);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(39 * 0.1s);
  }
  > .-intro-x:nth-child(39) {
    z-index: calc(50 - 39);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(39 * 0.1s);
  }
  > .intro-y:nth-child(39) {
    z-index: calc(50 - 39);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(39 * 0.1s);
  }
  > .-intro-y:nth-child(39) {
    z-index: calc(50 - 39);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(39 * 0.1s);
  }
  > .intro-x:nth-child(40) {
    z-index: calc(50 - 40);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(40 * 0.1s);
  }
  > .-intro-x:nth-child(40) {
    z-index: calc(50 - 40);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(40 * 0.1s);
  }
  > .intro-y:nth-child(40) {
    z-index: calc(50 - 40);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(40 * 0.1s);
  }
  > .-intro-y:nth-child(40) {
    z-index: calc(50 - 40);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(40 * 0.1s);
  }
  > .intro-x:nth-child(41) {
    z-index: calc(50 - 41);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(41 * 0.1s);
  }
  > .-intro-x:nth-child(41) {
    z-index: calc(50 - 41);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(41 * 0.1s);
  }
  > .intro-y:nth-child(41) {
    z-index: calc(50 - 41);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(41 * 0.1s);
  }
  > .-intro-y:nth-child(41) {
    z-index: calc(50 - 41);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(41 * 0.1s);
  }
  > .intro-x:nth-child(42) {
    z-index: calc(50 - 42);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(42 * 0.1s);
  }
  > .-intro-x:nth-child(42) {
    z-index: calc(50 - 42);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(42 * 0.1s);
  }
  > .intro-y:nth-child(42) {
    z-index: calc(50 - 42);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(42 * 0.1s);
  }
  > .-intro-y:nth-child(42) {
    z-index: calc(50 - 42);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(42 * 0.1s);
  }
  > .intro-x:nth-child(43) {
    z-index: calc(50 - 43);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(43 * 0.1s);
  }
  > .-intro-x:nth-child(43) {
    z-index: calc(50 - 43);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(43 * 0.1s);
  }
  > .intro-y:nth-child(43) {
    z-index: calc(50 - 43);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(43 * 0.1s);
  }
  > .-intro-y:nth-child(43) {
    z-index: calc(50 - 43);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(43 * 0.1s);
  }
  > .intro-x:nth-child(44) {
    z-index: calc(50 - 44);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(44 * 0.1s);
  }
  > .-intro-x:nth-child(44) {
    z-index: calc(50 - 44);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(44 * 0.1s);
  }
  > .intro-y:nth-child(44) {
    z-index: calc(50 - 44);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(44 * 0.1s);
  }
  > .-intro-y:nth-child(44) {
    z-index: calc(50 - 44);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(44 * 0.1s);
  }
  > .intro-x:nth-child(45) {
    z-index: calc(50 - 45);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(45 * 0.1s);
  }
  > .-intro-x:nth-child(45) {
    z-index: calc(50 - 45);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(45 * 0.1s);
  }
  > .intro-y:nth-child(45) {
    z-index: calc(50 - 45);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(45 * 0.1s);
  }
  > .-intro-y:nth-child(45) {
    z-index: calc(50 - 45);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(45 * 0.1s);
  }
  > .intro-x:nth-child(46) {
    z-index: calc(50 - 46);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(46 * 0.1s);
  }
  > .-intro-x:nth-child(46) {
    z-index: calc(50 - 46);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(46 * 0.1s);
  }
  > .intro-y:nth-child(46) {
    z-index: calc(50 - 46);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(46 * 0.1s);
  }
  > .-intro-y:nth-child(46) {
    z-index: calc(50 - 46);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(46 * 0.1s);
  }
  > .intro-x:nth-child(47) {
    z-index: calc(50 - 47);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(47 * 0.1s);
  }
  > .-intro-x:nth-child(47) {
    z-index: calc(50 - 47);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(47 * 0.1s);
  }
  > .intro-y:nth-child(47) {
    z-index: calc(50 - 47);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(47 * 0.1s);
  }
  > .-intro-y:nth-child(47) {
    z-index: calc(50 - 47);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(47 * 0.1s);
  }
  > .intro-x:nth-child(48) {
    z-index: calc(50 - 48);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(48 * 0.1s);
  }
  > .-intro-x:nth-child(48) {
    z-index: calc(50 - 48);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(48 * 0.1s);
  }
  > .intro-y:nth-child(48) {
    z-index: calc(50 - 48);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(48 * 0.1s);
  }
  > .-intro-y:nth-child(48) {
    z-index: calc(50 - 48);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(48 * 0.1s);
  }
  > .intro-x:nth-child(49) {
    z-index: calc(50 - 49);
    opacity: 0;
    position: relative;
    transform: translateX(50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(49 * 0.1s);
  }
  > .-intro-x:nth-child(49) {
    z-index: calc(50 - 49);
    opacity: 0;
    position: relative;
    transform: translateX(-50px);
    animation: 0.4s intro-x-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(49 * 0.1s);
  }
  > .intro-y:nth-child(49) {
    z-index: calc(50 - 49);
    opacity: 0;
    position: relative;
    transform: translateY(50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(49 * 0.1s);
  }
  > .-intro-y:nth-child(49) {
    z-index: calc(50 - 49);
    opacity: 0;
    position: relative;
    transform: translateY(-50px);
    animation: 0.4s intro-y-animation ease-in-out 0.33333s;
    animation-fill-mode: forwards;
    animation-delay: calc(49 * 0.1s);
  }
}
@keyframes intro-x-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro-y-animation {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.mobile-menu {
  .menu__divider {
    width: 100%;
    height: 1px;
    background-color: rgb(255 255 255 / 8%);
    position: relative;
  }
  .menu {
    height: 50px;
    display: flex;
    align-items: center;
    color: white;
    .menu__title {
      display: flex;
      align-items: center;
      width: 100%;
      margin-left: var(--spacing-3);
      .menu__sub-icon {
        transition-property: all;
        transition-timing-function: var(--animation-easing-easeIn);
        transition-duration: 100ms;
        margin-left: auto;
        svg {
          width: var(--spacing-5);
          height: var(--spacing-5);
        }
      }
    }
  }
  ul {
    & > li {
      & > .menu {
        padding-left: var(--spacing-6);
        padding-right: var(--spacing-6);
      }
      & > ul {
        background: rgb(0 0 0 / 10%);
        border-radius: var(--radius-lg);
        margin: 0.25rem var(--spacing-4);
        &:not(.menu__sub-open) {
          display: none;
        }
        & > li {
          & > .menu {
            padding-left: var(--spacing-4);
            padding-right: var(--spacing-4);
          }
          & > ul {
            background: rgb(0 0 0 / 10%);
            border-radius: var(--radius-lg);
            margin: 0.25rem auto;
            &:not(.menu__sub-open) {
              display: none;
            }
            & > li {
              & > .menu {
                padding-left: var(--spacing-4);
                padding-right: var(--spacing-4);
              }
            }
          }
        }
      }
    }
  }
}
.dark {
  .mobile-menu {
    ul {
      & > li {
        & > ul {
          background-color: rgb(35 45 69);
          & > li {
            & > ul {
              background-color: rgb(40 51 78);
            }
          }
        }
      }
    }
  }
}
@layer components {
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
  }
  .btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
  }
  .btn-primary {
    background-color: #2563eb;
    color: white;
  }
  .btn-primary:hover {
    background-color: #1d4ed8;
  }
  .btn-secondary {
    background-color: #4b5563;
    color: white;
  }
  .btn-secondary:hover {
    background-color: #374151;
  }
  .btn-success {
    background-color: #059669;
    color: white;
  }
  .btn-success:hover {
    background-color: #047857;
  }
  .btn-danger {
    background-color: #dc2626;
    color: white;
  }
  .btn-danger:hover {
    background-color: #b91c1c;
  }
  .btn-warning {
    background-color: #d97706;
    color: white;
  }
  .btn-warning:hover {
    background-color: #b45309;
  }
  .btn-info {
    background-color: #0891b2;
    color: white;
  }
  .btn-info:hover {
    background-color: #0e7490;
  }
}
@layer components {
  .card {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e7eb;
    overflow: hidden;
  }
  .card-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background-color: #f9fafb;
  }
  .card-body {
    padding: 1rem 1.5rem;
  }
  .card-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    background-color: #f9fafb;
  }
  .card-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
  }
  .card-subtitle {
    font-size: 0.875rem;
    color: #4b5563;
  }
  .card-text {
    color: #374151;
  }
}
.post-content-body {
  contain: style paint;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", "IranSansX", "SnappFood", "Pelak", "IRANYekanX", "Shabnam", "Tahoma", "Arial", sans-serif);
  color: #212623;
}
.post-content-body p {
  font-size: var(--font-fontSize-base, 1rem);
  font-weight: var(--font-fontWeight-normal, 400);
  line-height: var(--font-lineHeight-relaxed, 1.625);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  margin-bottom: 1rem;
  color: #212623;
}
@media (min-width: 768px) {
  .post-content-body p {
    font-size: var(--font-fontSize-lg, 1.125rem);
  }
}
.post-content-body p[style*="font-size"], .post-content-body p[style*="color"], .post-content-body p[style*="font-family"], .post-content-body p[style*="font-weight"], .post-content-body p[style*="line-height"], .post-content-body p[style*="letter-spacing"] {
  font-size: var(--font-fontSize-base, 1rem);
  color: #212623;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", "IranSansX", sans-serif);
  font-weight: var(--font-fontWeight-normal, 400);
  line-height: var(--font-lineHeight-relaxed, 1.625);
  letter-spacing: var(--font-letterSpacing-normal, 0);
}
@media (min-width: 768px) {
  .post-content-body p[style*="font-size"] {
    font-size: var(--font-fontSize-lg, 1.125rem);
  }
}
.post-content-body h1 {
  font-size: var(--font-fontSize-4xl, 2.25rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-tight, 1.25);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .post-content-body h1 {
    font-size: var(--font-fontSize-5xl, 3rem);
  }
}
.post-content-body h1[style] {
  font-size: var(--font-fontSize-4xl, 2.25rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-tight, 1.25);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", sans-serif);
}
@media (min-width: 768px) {
  .post-content-body h1[style] {
    font-size: var(--font-fontSize-5xl, 3rem);
  }
}
.post-content-body h2 {
  font-size: var(--font-fontSize-3xl, 1.875rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-tight, 1.25);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .post-content-body h2 {
    font-size: var(--font-fontSize-4xl, 2.25rem);
  }
}
.post-content-body h2[style] {
  font-size: var(--font-fontSize-3xl, 1.875rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-tight, 1.25);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", sans-serif);
}
@media (min-width: 768px) {
  .post-content-body h2[style] {
    font-size: var(--font-fontSize-4xl, 2.25rem);
  }
}
.post-content-body h3 {
  font-size: var(--font-fontSize-2xl, 1.5rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-snug, 1.375);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .post-content-body h3 {
    font-size: var(--font-fontSize-3xl, 1.875rem);
  }
}
.post-content-body h3[style] {
  font-size: var(--font-fontSize-2xl, 1.5rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-snug, 1.375);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", sans-serif);
}
@media (min-width: 768px) {
  .post-content-body h3[style] {
    font-size: var(--font-fontSize-3xl, 1.875rem);
  }
}
.post-content-body h4, .post-content-body h5, .post-content-body h6 {
  font-size: var(--font-fontSize-xl, 1.25rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-normal, 1.5);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.post-content-body h4[style], .post-content-body h5[style], .post-content-body h6[style] {
  font-size: var(--font-fontSize-xl, 1.25rem);
  font-weight: var(--font-fontWeight-bold, 700);
  line-height: var(--font-lineHeight-normal, 1.5);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", sans-serif);
}
.post-content-body ul, .post-content-body ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-right: 1.5rem;
}
.post-content-body li {
  font-size: var(--font-fontSize-base, 1rem);
  font-weight: var(--font-fontWeight-normal, 400);
  line-height: var(--font-lineHeight-relaxed, 1.625);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .post-content-body li {
    font-size: var(--font-fontSize-lg, 1.125rem);
  }
}
.post-content-body ul[style], .post-content-body ol[style], .post-content-body li[style] {
  font-size: var(--font-fontSize-base, 1rem);
  font-weight: var(--font-fontWeight-normal, 400);
  line-height: var(--font-lineHeight-relaxed, 1.625);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #212623;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", sans-serif);
}
@media (min-width: 768px) {
  .post-content-body li[style] {
    font-size: var(--font-fontSize-lg, 1.125rem);
  }
}
.post-content-body a {
  color: #2563EB;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  transition: color 0.2s ease;
}
.post-content-body a:hover {
  color: #1d4ed8;
}
.post-content-body a[style*="color"], .post-content-body a[style*="font-size"], .post-content-body a[style*="font-family"] {
  color: #2563EB;
  font-size: inherit;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", sans-serif);
}
.post-content-body blockquote {
  font-size: var(--font-fontSize-lg, 1.125rem);
  font-weight: var(--font-fontWeight-normal, 400);
  line-height: var(--font-lineHeight-relaxed, 1.625);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #535554;
  border-right: 4px solid #d2dcd7;
  padding-right: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
}
.post-content-body blockquote[style] {
  font-size: var(--font-fontSize-lg, 1.125rem);
  font-weight: var(--font-fontWeight-normal, 400);
  line-height: var(--font-lineHeight-relaxed, 1.625);
  letter-spacing: var(--font-letterSpacing-normal, 0);
  color: #535554;
  font-family: var(--font-fontFamily-persian, "Vazirmatn", sans-serif);
}
.post-content-body code {
  font-family: var(--font-fontFamily-mono, "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", monospace);
  font-size: 0.875em;
  background-color: #f3f4f6;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  color: #212623;
}
.post-content-body pre {
  font-family: var(--font-fontFamily-mono, "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", monospace);
  font-size: var(--font-fontSize-sm, 0.875rem);
  background-color: #f3f4f6;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin: 1rem 0;
}
.post-content-body pre code {
  background-color: transparent;
  padding: 0;
}
.post-content-body code[style], .post-content-body pre[style] {
  font-family: var(--font-fontFamily-mono, "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", monospace);
  font-size: inherit;
  color: #212623;
}
.post-content-body strong, .post-content-body b {
  font-weight: var(--font-fontWeight-bold, 700);
}
.post-content-body em, .post-content-body i {
  font-style: italic;
}
.post-content-body strong[style*="font-weight"], .post-content-body b[style*="font-weight"] {
  font-weight: var(--font-fontWeight-bold, 700);
}
.post-content-body em[style*="font-style"], .post-content-body i[style*="font-style"] {
  font-style: italic;
}
.post-content-body img[style*="font-size"], .post-content-body img[style*="color"], .post-content-body img[style*="font-family"] {
  font-size: inherit;
  color: inherit;
  font-family: inherit;
}
.enigma {
  .side-nav {
    &.side-nav--simple {
      .side-menu {
        .side-menu__title {
          display: none;
          .side-menu__sub-icon {
            display: none;
          }
        }
      }
    }
    .side-nav__divider {
      width: 100%;
      height: 1px;
      background-color: rgb(0 0 0 / 6%);
      z-index: 10;
      position: relative;
    }
    .side-menu {
      height: 50px;
      display: flex;
      align-items: center;
      padding-left: var(--spacing-5);
      color: rgb(71 85 105);
      margin-bottom: 0.25rem;
      position: relative;
      border-radius: var(--radius-xl);
      .side-menu__title {
        display: none;
        align-items: center;
        width: 100%;
        margin-left: var(--spacing-3);
        @media screen(xl) {
          display: flex;
        }
        .side-menu__sub-icon {
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: 100ms;
          margin-left: auto;
          margin-right: var(--spacing-5);
          display: none;
          @media screen(xl) {
            display: block;
          }
          svg {
            width: var(--spacing-4);
            height: var(--spacing-4);
          }
        }
      }
    }
    & > ul {
      > li:nth-child(1) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(1 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
      }
      > li:nth-child(2) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(2 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
      }
      > li:nth-child(3) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(3 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
      }
      > li:nth-child(4) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(4 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
      }
      > li:nth-child(5) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(5 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
      }
      > li:nth-child(6) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(6 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
      }
      > li:nth-child(7) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(7 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
      }
      > li:nth-child(8) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(8 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
      }
      > li:nth-child(9) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(9 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
      }
      > li:nth-child(10) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(10 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
      }
      > li:nth-child(11) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(11 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
      }
      > li:nth-child(12) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(12 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
      }
      > li:nth-child(13) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(13 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
      }
      > li:nth-child(14) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(14 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
      }
      > li:nth-child(15) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(15 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
      }
      > li:nth-child(16) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(16 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
      }
      > li:nth-child(17) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(17 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
      }
      > li:nth-child(18) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(18 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
      }
      > li:nth-child(19) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(19 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
      }
      > li:nth-child(20) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(20 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
      }
      > li:nth-child(21) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(21 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
      }
      > li:nth-child(22) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(22 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
      }
      > li:nth-child(23) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(23 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
      }
      > li:nth-child(24) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(24 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
      }
      > li:nth-child(25) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(25 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
      }
      > li:nth-child(26) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(26 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
      }
      > li:nth-child(27) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(27 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
      }
      > li:nth-child(28) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(28 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
      }
      > li:nth-child(29) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(29 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
      }
      > li:nth-child(30) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(30 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
      }
      > li:nth-child(31) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(31 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
      }
      > li:nth-child(32) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(32 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
      }
      > li:nth-child(33) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(33 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
      }
      > li:nth-child(34) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(34 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
      }
      > li:nth-child(35) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(35 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
      }
      > li:nth-child(36) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(36 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
      }
      > li:nth-child(37) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(37 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
      }
      > li:nth-child(38) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(38 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
      }
      > li:nth-child(39) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(39 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
      }
      > li:nth-child(40) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(40 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
      }
      > li:nth-child(41) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(41 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
      }
      > li:nth-child(42) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(42 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
      }
      > li:nth-child(43) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(43 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
      }
      > li:nth-child(44) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(44 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
      }
      > li:nth-child(45) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(45 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
      }
      > li:nth-child(46) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(46 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
      }
      > li:nth-child(47) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(47 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
      }
      > li:nth-child(48) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(48 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
      }
      > li:nth-child(49) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(49 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
      }
      > li:nth-child(50) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(50 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      ul {
        li:nth-child(1) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
        li:nth-child(2) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
        li:nth-child(3) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
        li:nth-child(4) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
        li:nth-child(5) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
        li:nth-child(6) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
        li:nth-child(7) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
        li:nth-child(8) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
        li:nth-child(9) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
        li:nth-child(10) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
        li:nth-child(11) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
        li:nth-child(12) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
        li:nth-child(13) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
        li:nth-child(14) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
        li:nth-child(15) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
        li:nth-child(16) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
        li:nth-child(17) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
        li:nth-child(18) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
        li:nth-child(19) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
        li:nth-child(20) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
        li:nth-child(21) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
        li:nth-child(22) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
        li:nth-child(23) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
        li:nth-child(24) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
        li:nth-child(25) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
        li:nth-child(26) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
        li:nth-child(27) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
        li:nth-child(28) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
        li:nth-child(29) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
        li:nth-child(30) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
        li:nth-child(31) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
        li:nth-child(32) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
        li:nth-child(33) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
        li:nth-child(34) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
        li:nth-child(35) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
        li:nth-child(36) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
        li:nth-child(37) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
        li:nth-child(38) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
        li:nth-child(39) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
        li:nth-child(40) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
        li:nth-child(41) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
        li:nth-child(42) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
        li:nth-child(43) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
        li:nth-child(44) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
        li:nth-child(45) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
        li:nth-child(46) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
        li:nth-child(47) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
        li:nth-child(48) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
        li:nth-child(49) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
        li:nth-child(50) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      & > li {
        & > .side-menu {
          &.side-menu--active {
            background-color: rgb(241 245 249);
            z-index: 10;
            &:before {
              content: "";
              display: block;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-radius: var(--radius-xl);
              position: absolute;
              border-bottom: 3px solid rgb(0 0 0 / 8%);
            }
            &:after {
              content: "";
              width: 20px;
              height: 80px;
              background-repeat: no-repeat;
              background-size: cover;
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              margin-top: auto;
              margin-bottom: auto;
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
              margin-right: -47px;
              opacity: 0;
              animation: 0.3s ease-in-out 1s active-side-menu-chevron;
              animation-fill-mode: forwards;
            }
            .side-menu__icon {
              color: rgb(var(--color-theme-1));
              z-index: 10;
            }
            .side-menu__title {
              color: rgb(var(--color-theme-1));
              font-weight: var(--font-fontWeight-medium);
              z-index: 10;
            }
          }
          &:hover {
            &:not(.side-menu--active):not(.side-menu--open) {
              background-color: rgb(241 245 249);
              &:before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: var(--radius-xl);
                position: absolute;
                z-index: -1;
                border-bottom: 3px solid rgb(0 0 0 / 8%);
              }
            }
          }
        }
        & > ul {
          background-color: rgb(255 255 255 / 4%);
          border-radius: var(--radius-xl);
          position: relative;
          &:before {
            content: "";
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgb(255 255 255 / 30%);
            border-radius: var(--radius-xl);
            position: absolute;
            z-index: -1;
          }
          &:not(.side-menu__sub-open) {
            display: none;
          }
          & > li {
            & > .side-menu {
              &.side-menu--active {
                .side-menu__icon {
                  color: rgb(51 65 85);
                }
                .side-menu__title {
                  color: rgb(51 65 85);
                  font-weight: var(--font-fontWeight-medium);
                }
              }
              &:not(.side-menu--active) {
                color: rgb(71 85 105);
              }
            }
            & > ul {
              background-color: rgb(255 255 255 / 4%);
              border-radius: var(--radius-xl);
              position: relative;
              &:before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgb(255 255 255 / 30%);
                border-radius: var(--radius-xl);
                position: absolute;
                z-index: -1;
              }
              &:not(.side-menu__sub-open) {
                display: none;
              }
              & > li {
                & > .side-menu {
                  &.side-menu--active {
                    .side-menu__icon {
                      color: rgb(51 65 85);
                    }
                    .side-menu__title {
                      color: rgb(51 65 85);
                      font-weight: var(--font-fontWeight-medium);
                    }
                  }
                  &:not(.side-menu--active) {
                    color: rgb(71 85 105);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@keyframes intro-divider-animation {
  100% {
    opacity: 1;
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro-submenu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes active-side-menu-chevron {
  100% {
    opacity: 1;
    margin-right: -27px;
  }
}
.dark {
  .enigma {
    .side-nav {
      .side-nav__divider {
        background-color: rgb(255 255 255 / 7%);
      }
      .side-menu {
        color: rgb(203 213 225);
      }
      & > ul {
        & > li {
          & > .side-menu {
            &.side-menu--active {
              background-color: transparent;
              &:before {
                border-color: rgb(0 0 0 / 8%);
                background-color: rgb(35 45 69);
              }
              &:after {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E");
              }
              .side-menu__icon {
                color: rgb(203 213 225);
              }
              .side-menu__title {
                color: rgb(203 213 225);
              }
            }
            &:not(.side-menu--active) {
              .side-menu__icon {
                color: rgb(148 163 184);
              }
              .side-menu__title {
                color: rgb(148 163 184);
              }
            }
            &:hover {
              &:not(.side-menu--active):not(.side-menu--open) {
                background-color: transparent;
                &:before {
                  background-color: rgb(35 45 69);
                }
              }
            }
          }
          & > ul {
            background-color: transparent;
            &:before {
              background-color: rgb(15 23 42 / 30%);
            }
            & > li {
              & > .side-menu {
                &.side-menu--active {
                  .side-menu__icon {
                    color: rgb(203 213 225);
                  }
                  .side-menu__title {
                    color: rgb(203 213 225);
                  }
                }
                &:not(.side-menu--active) {
                  color: rgb(148 163 184);
                  .side-menu__icon {
                    color: rgb(148 163 184);
                  }
                }
              }
              & > ul {
                background-color: transparent;
                &:before {
                  background-color: rgb(15 23 42 / 30%);
                }
                & > li {
                  & > .side-menu {
                    &.side-menu--active {
                      .side-menu__icon {
                        color: rgb(203 213 225);
                      }
                      .side-menu__title {
                        color: rgb(203 213 225);
                      }
                    }
                    &:not(.side-menu--active) {
                      color: rgb(148 163 184);
                      .side-menu__icon {
                        color: rgb(148 163 184);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.enigma {
  .top-nav {
    animation: 0.4s intro-top-menu ease-in-out 0.2s;
    animation-fill-mode: forwards;
    .top-menu {
      height: 55px;
      display: flex;
      align-items: center;
      padding-left: var(--spacing-5);
      padding-right: var(--spacing-5);
      margin-right: 0.25rem;
      color: rgb(71 85 105);
      position: relative;
      border-radius: var(--radius-full);
      @media screen(xl) {
        border-radius: var(--radius-xl);
      }
      .top-menu__icon {
        z-index: 10;
      }
      .top-menu__title {
        margin-left: var(--spacing-3);
        display: flex;
        align-items: center;
        white-space: nowrap;
        z-index: 10;
        .top-menu__sub-icon {
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: 100ms;
          width: var(--spacing-4);
          height: var(--spacing-4);
          display: none;
          @media screen(xl) {
            display: block;
          }
        }
      }
    }
    & > ul {
      > li:nth-child(1) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
      }
      > li:nth-child(2) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
      }
      > li:nth-child(3) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
      }
      > li:nth-child(4) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
      }
      > li:nth-child(5) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
      }
      > li:nth-child(6) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
      }
      > li:nth-child(7) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
      }
      > li:nth-child(8) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
      }
      > li:nth-child(9) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
      }
      > li:nth-child(10) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
      }
      > li:nth-child(11) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
      }
      > li:nth-child(12) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
      }
      > li:nth-child(13) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
      }
      > li:nth-child(14) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
      }
      > li:nth-child(15) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
      }
      > li:nth-child(16) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
      }
      > li:nth-child(17) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
      }
      > li:nth-child(18) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
      }
      > li:nth-child(19) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
      }
      > li:nth-child(20) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
      }
      > li:nth-child(21) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
      }
      > li:nth-child(22) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
      }
      > li:nth-child(23) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
      }
      > li:nth-child(24) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
      }
      > li:nth-child(25) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
      }
      > li:nth-child(26) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
      }
      > li:nth-child(27) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
      }
      > li:nth-child(28) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
      }
      > li:nth-child(29) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
      }
      > li:nth-child(30) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
      }
      > li:nth-child(31) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
      }
      > li:nth-child(32) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
      }
      > li:nth-child(33) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
      }
      > li:nth-child(34) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
      }
      > li:nth-child(35) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
      }
      > li:nth-child(36) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
      }
      > li:nth-child(37) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
      }
      > li:nth-child(38) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
      }
      > li:nth-child(39) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
      }
      > li:nth-child(40) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
      }
      > li:nth-child(41) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
      }
      > li:nth-child(42) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
      }
      > li:nth-child(43) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
      }
      > li:nth-child(44) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
      }
      > li:nth-child(45) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
      }
      > li:nth-child(46) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
      }
      > li:nth-child(47) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
      }
      > li:nth-child(48) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
      }
      > li:nth-child(49) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
      }
      > li:nth-child(50) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      & > li {
        &:hover {
          & > .top-menu {
            &:not(.top-menu--active) {
              background-color: rgb(241 245 249);
              &:before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: var(--radius-full);
                position: absolute;
                z-index: -1;
                border-bottom: 3px solid rgb(0 0 0 / 8%);
                @media screen(xl) {
                  border-radius: var(--radius-xl);
                }
              }
            }
            .top-menu__title {
              .top-menu__sub-icon {
                transform: rotate(180deg);
              }
            }
          }
          & > ul {
            display: block;
          }
        }
        & > .top-menu {
          margin-top: 3px;
          &.top-menu--active {
            color: rgb(var(--color-theme-1));
            background-color: rgb(241 245 249);
            &:before {
              content: "";
              display: none;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              border-radius: var(--radius-xl);
              position: absolute;
              border-bottom: 3px solid rgb(0 0 0 / 8%);
              @media screen(xl) {
                display: block;
              }
            }
            &:after {
              content: "";
              width: 20px;
              height: 80px;
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-size: cover;
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              margin-left: auto;
              margin-right: auto;
              transform: rotate(90deg);
              display: none;
              animation: 0.3s ease-in-out 1s active-top-menu-chevron;
              animation-fill-mode: forwards;
              margin-bottom: -74px;
              opacity: 0;
              @media screen(xl) {
                display: block;
              }
            }
            .top-menu__icon {
              color: rgb(var(--color-theme-1));
            }
            .top-menu__title {
              font-weight: var(--font-fontWeight-medium);
              color: rgb(30 41 59);
              @media screen(xl) {
                color: rgb(var(--color-theme-1));
              }
            }
          }
          .top-menu__icon {
            margin-top: -3px;
          }
          .top-menu__title {
            margin-top: -3px;
            .top-menu__sub-icon {
              margin-left: var(--spacing-2);
            }
          }
        }
        & > ul {
          box-shadow: 0px 3px 20px #00000014;
          background-color: rgb(241 245 249);
          display: none;
          width: var(--spacing-56);
          position: absolute;
          border-radius: var(--borderRadius-md);
          z-index: 20;
          padding-left: 0;
          padding-right: 0;
          margin-top: 0.25rem;
          &:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgb(255 255 255 / 4%);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: var(--borderRadius-md);
            z-index: -1;
          }
          &:after {
            content: "";
            width: 100%;
            height: 0.25rem;
            position: absolute;
            top: 0;
            left: 0;
            margin-top: calc(0.25rem * -1);
            cursor: pointer;
          }
          & > li {
            padding-left: var(--spacing-5);
            padding-right: var(--spacing-5);
            position: relative;
            &:hover {
              position: relative;
              & > .top-menu {
                .top-menu__title {
                  .top-menu__sub-icon {
                    transform: rotate(-90deg);
                  }
                }
              }
              & > ul {
                display: block;
              }
            }
            & > .top-menu {
              padding-left: 0;
              padding-right: 0;
              margin-right: 0;
              .top-menu__title {
                width: 100%;
                .top-menu__sub-icon {
                  margin-left: auto;
                }
              }
            }
            & > ul {
              box-shadow: 0px 3px 20px #00000014;
              left: 100%;
              background-color: rgb(241 245 249);
              display: none;
              width: var(--spacing-56);
              position: absolute;
              border-radius: var(--borderRadius-md);
              margin-top: 0;
              margin-left: 0;
              top: 0;
              z-index: 20;
              padding-left: 0;
              padding-right: 0;
              &:before {
                content: "";
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgb(255 255 255 / 4%);
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: var(--borderRadius-md);
                z-index: -1;
              }
              &:after {
                content: "";
                width: 100%;
                height: 0.25rem;
                position: absolute;
                top: 0;
                left: 0;
                margin-top: calc(0.25rem * -1);
                cursor: pointer;
              }
              & > li {
                padding-left: var(--spacing-5);
                padding-right: var(--spacing-5);
                & > .top-menu {
                  padding-left: 0;
                  padding-right: 0;
                  margin-right: 0;
                  .top-menu__title {
                    width: 100%;
                    .top-menu__sub-icon {
                      margin-left: auto;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@keyframes active-top-menu-chevron {
  100% {
    opacity: 1;
    margin-bottom: -56px;
  }
}
@keyframes intro-top-menu {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.dark {
  .enigma {
    .top-nav {
      .top-menu {
        .top-menu__icon {
          color: rgb(148 163 184);
        }
        .top-menu__title {
          color: rgb(148 163 184);
        }
      }
      & > ul {
        & > li {
          &:hover {
            & > .top-menu {
              &:not(.top-menu--active) {
                background-color: transparent;
                &:before {
                  background-color: rgb(35 45 69);
                }
              }
            }
          }
          & > .top-menu {
            &.top-menu--active {
              background-color: rgb(35 45 69);
              &:before {
                border-color: rgb(0 0 0 / 8%);
                background-color: rgb(35 45 69);
              }
              &:after {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E");
              }
              .top-menu__icon {
                color: white;
              }
              .top-menu__title {
                color: white;
              }
            }
          }
          & > ul {
            box-shadow: 0px 3px 7px #0000001c;
            background-color: rgb(40 51 78);
            &:before {
              background-color: rgb(0 0 0 / 10%);
            }
            & > li {
              & > ul {
                box-shadow: 0px 3px 7px #0000001c;
                background-color: rgb(40 51 78);
                &:before {
                  background-color: rgb(0 0 0 / 10%);
                }
              }
            }
          }
        }
      }
    }
  }
}
.icewall {
  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920.004' height='1193.001' viewBox='0 0 1920.004 1193.001'%3E%3Cpath id='Intersection_13' data-name='Intersection 13' d='M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z' transform='translate(-476.307 -361.011)' fill='rgba(255,255,255,0.02)'/%3E%3C/svg%3E%0A");
  }
  .wrapper {
    &:before {
      animation: 0.4s intro-wrapper ease-in-out 0.1s;
      animation-fill-mode: forwards;
    }
    .wrapper-box {
      animation: 0.4s intro-wrapper ease-in-out 0.2s;
      animation-fill-mode: forwards;
    }
  }
  .side-nav {
    &.side-nav--simple {
      .side-menu {
        .side-menu__title {
          display: none;
          .side-menu__sub-icon {
            display: none;
          }
        }
      }
    }
    .side-nav__divider {
      width: 100%;
      height: 1px;
      background-color: rgb(255 255 255 / 8%);
      z-index: 10;
      position: relative;
    }
    .side-menu {
      height: 50px;
      display: flex;
      align-items: center;
      padding-left: var(--spacing-5);
      color: white;
      margin-bottom: 0.25rem;
      position: relative;
      border-radius: var(--radius-lg);
      .side-menu__title {
        display: none;
        align-items: center;
        width: 100%;
        margin-left: var(--spacing-3);
        @media screen(xl) {
          display: flex;
        }
        .side-menu__sub-icon {
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: 100ms;
          margin-left: auto;
          margin-right: var(--spacing-5);
          display: none;
          @media screen(xl) {
            display: block;
          }
          svg {
            width: var(--spacing-4);
            height: var(--spacing-4);
          }
        }
      }
    }
    & > ul {
      > li:nth-child(1) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(1 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
      }
      > li:nth-child(2) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(2 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
      }
      > li:nth-child(3) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(3 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
      }
      > li:nth-child(4) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(4 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
      }
      > li:nth-child(5) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(5 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
      }
      > li:nth-child(6) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(6 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
      }
      > li:nth-child(7) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(7 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
      }
      > li:nth-child(8) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(8 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
      }
      > li:nth-child(9) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(9 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
      }
      > li:nth-child(10) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(10 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
      }
      > li:nth-child(11) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(11 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
      }
      > li:nth-child(12) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(12 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
      }
      > li:nth-child(13) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(13 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
      }
      > li:nth-child(14) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(14 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
      }
      > li:nth-child(15) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(15 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
      }
      > li:nth-child(16) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(16 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
      }
      > li:nth-child(17) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(17 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
      }
      > li:nth-child(18) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(18 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
      }
      > li:nth-child(19) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(19 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
      }
      > li:nth-child(20) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(20 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
      }
      > li:nth-child(21) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(21 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
      }
      > li:nth-child(22) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(22 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
      }
      > li:nth-child(23) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(23 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
      }
      > li:nth-child(24) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(24 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
      }
      > li:nth-child(25) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(25 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
      }
      > li:nth-child(26) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(26 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
      }
      > li:nth-child(27) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(27 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
      }
      > li:nth-child(28) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(28 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
      }
      > li:nth-child(29) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(29 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
      }
      > li:nth-child(30) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(30 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
      }
      > li:nth-child(31) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(31 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
      }
      > li:nth-child(32) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(32 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
      }
      > li:nth-child(33) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(33 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
      }
      > li:nth-child(34) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(34 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
      }
      > li:nth-child(35) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(35 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
      }
      > li:nth-child(36) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(36 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
      }
      > li:nth-child(37) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(37 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
      }
      > li:nth-child(38) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(38 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
      }
      > li:nth-child(39) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(39 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
      }
      > li:nth-child(40) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(40 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
      }
      > li:nth-child(41) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(41 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
      }
      > li:nth-child(42) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(42 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
      }
      > li:nth-child(43) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(43 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
      }
      > li:nth-child(44) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(44 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
      }
      > li:nth-child(45) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(45 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
      }
      > li:nth-child(46) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(46 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
      }
      > li:nth-child(47) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(47 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
      }
      > li:nth-child(48) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(48 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
      }
      > li:nth-child(49) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(49 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
      }
      > li:nth-child(50) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(50 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      ul {
        li:nth-child(1) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
        li:nth-child(2) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
        li:nth-child(3) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
        li:nth-child(4) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
        li:nth-child(5) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
        li:nth-child(6) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
        li:nth-child(7) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
        li:nth-child(8) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
        li:nth-child(9) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
        li:nth-child(10) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
        li:nth-child(11) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
        li:nth-child(12) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
        li:nth-child(13) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
        li:nth-child(14) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
        li:nth-child(15) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
        li:nth-child(16) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
        li:nth-child(17) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
        li:nth-child(18) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
        li:nth-child(19) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
        li:nth-child(20) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
        li:nth-child(21) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
        li:nth-child(22) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
        li:nth-child(23) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
        li:nth-child(24) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
        li:nth-child(25) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
        li:nth-child(26) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
        li:nth-child(27) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
        li:nth-child(28) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
        li:nth-child(29) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
        li:nth-child(30) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
        li:nth-child(31) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
        li:nth-child(32) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
        li:nth-child(33) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
        li:nth-child(34) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
        li:nth-child(35) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
        li:nth-child(36) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
        li:nth-child(37) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
        li:nth-child(38) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
        li:nth-child(39) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
        li:nth-child(40) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
        li:nth-child(41) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
        li:nth-child(42) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
        li:nth-child(43) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
        li:nth-child(44) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
        li:nth-child(45) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
        li:nth-child(46) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
        li:nth-child(47) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
        li:nth-child(48) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
        li:nth-child(49) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
        li:nth-child(50) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      & > li {
        & > .side-menu {
          &.side-menu--active {
            background-color: rgb(var(--color-theme-1));
            z-index: 10;
            &:before {
              content: "";
              display: block;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: rgb(255 255 255 / 8%);
              border-radius: var(--radius-lg);
              position: absolute;
              border-bottom: 3px solid rgb(0 0 0 / 10%);
            }
            &:after {
              content: "";
              width: 20px;
              height: 80px;
              background-repeat: no-repeat;
              background-size: cover;
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              margin-top: auto;
              margin-bottom: auto;
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
              margin-right: -47px;
              opacity: 0;
              animation: 0.3s ease-in-out 1s active-side-menu-chevron;
              animation-fill-mode: forwards;
            }
            .side-menu__icon {
              z-index: 10;
            }
            .side-menu__title {
              font-weight: var(--font-fontWeight-medium);
              z-index: 10;
            }
          }
          &:hover {
            &:not(.side-menu--active):not(.side-menu--open) {
              background-color: rgb(var(--color-theme-1));
              &:before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgb(255 255 255 / 4%);
                border-radius: var(--radius-lg);
                position: absolute;
                z-index: -1;
              }
            }
          }
        }
        & > ul {
          background-color: rgb(255 255 255 / 4%);
          border-radius: var(--radius-lg);
          position: relative;
          &:before {
            content: "";
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgb(var(--color-theme-1));
            border-radius: var(--radius-lg);
            position: absolute;
            z-index: -1;
          }
          &:not(.side-menu__sub-open) {
            display: none;
          }
          & > li {
            & > .side-menu {
              &.side-menu--active {
                .side-menu__title {
                  font-weight: var(--font-fontWeight-medium);
                }
              }
              &:not(.side-menu--active) {
                color: rgb(255 255 255 / 70%);
              }
            }
            & > ul {
              background-color: rgb(255 255 255 / 4%);
              border-radius: var(--radius-lg);
              position: relative;
              &:before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgb(var(--color-theme-1));
                border-radius: var(--radius-lg);
                position: absolute;
                z-index: -1;
              }
              &:not(.side-menu__sub-open) {
                display: none;
              }
              & > li {
                & > .side-menu {
                  &.side-menu--active {
                    .side-menu__title {
                      font-weight: var(--font-fontWeight-medium);
                    }
                  }
                  &:not(.side-menu--active) {
                    color: rgb(255 255 255 / 70%);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@keyframes intro-divider-animation {
  100% {
    opacity: 1;
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro-submenu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes active-side-menu-chevron {
  100% {
    opacity: 1;
    margin-right: -27px;
  }
}
@keyframes intro-wrapper {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.dark {
  .icewall {
    &:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920.004' height='1193.001' viewBox='0 0 1920.004 1193.001'%3E%3Cpath id='Intersection_13' data-name='Intersection 13' d='M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z' transform='translate(-476.307 -361.011)' fill='rgba(0,0,0,0.06)'/%3E%3C/svg%3E%0A");
    }
    .side-nav {
      .side-nav__divider {
        background-color: rgb(255 255 255 / 7%);
      }
      & > ul {
        & > li {
          & > .side-menu {
            &.side-menu--active {
              background-color: transparent;
              &:before {
                border-color: rgb(0 0 0 / 10%);
                background-color: rgb(35 45 69);
              }
              &:after {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E");
              }
              .side-menu__icon {
                color: rgb(203 213 225);
              }
              .side-menu__title {
                color: rgb(203 213 225);
              }
            }
            &:not(.side-menu--active) {
              .side-menu__icon {
                color: rgb(148 163 184);
              }
              .side-menu__title {
                color: rgb(148 163 184);
              }
            }
            &:hover {
              &:not(.side-menu--active):not(.side-menu--open) {
                &:before {
                  background-color: rgb(35 45 69);
                }
              }
            }
          }
          & > ul {
            background-color: transparent;
            &:before {
              background-color: rgb(15 23 42 / 30%);
            }
            & > li {
              & > .side-menu {
                &.side-menu--active {
                  color: rgb(203 213 225);
                }
                &:not(.side-menu--active) {
                  color: rgb(148 163 184);
                }
              }
              & > ul {
                background-color: transparent;
                &:before {
                  background-color: rgb(15 23 42 / 30%);
                }
                & > li {
                  & > .side-menu {
                    &.side-menu--active {
                      color: rgb(203 213 225);
                    }
                    &:not(.side-menu--active) {
                      color: rgb(148 163 184);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.icewall {
  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920.004' height='1193.001' viewBox='0 0 1920.004 1193.001'%3E%3Cpath id='Intersection_13' data-name='Intersection 13' d='M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z' transform='translate(-476.307 -361.011)' fill='rgba(255,255,255,0.02)'/%3E%3C/svg%3E%0A");
  }
  .wrapper {
    &:before {
      animation: 0.4s intro-wrapper ease-in-out 0.1s;
      animation-fill-mode: forwards;
    }
    .wrapper-box {
      animation: 0.4s intro-wrapper ease-in-out 0.2s;
      animation-fill-mode: forwards;
    }
  }
  .top-nav {
    animation: 0.4s intro-top-menu ease-in-out 0.3s;
    animation-fill-mode: forwards;
    .top-menu {
      height: 55px;
      display: flex;
      align-items: center;
      padding-left: var(--spacing-5);
      padding-right: var(--spacing-5);
      margin-right: 0.25rem;
      color: white;
      position: relative;
      border-radius: var(--radius-full);
      @media screen(xl) {
        height: 47px;
        border-radius: var(--radius-lg);
      }
      .top-menu__icon {
        z-index: 10;
      }
      .top-menu__title {
        width: 100%;
        margin-left: var(--spacing-3);
        display: flex;
        align-items: center;
        white-space: nowrap;
        z-index: 10;
        .top-menu__sub-icon {
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: 100ms;
          width: var(--spacing-4);
          height: var(--spacing-4);
          display: none;
          @media screen(xl) {
            display: block;
          }
        }
      }
    }
    & > ul {
      > li:nth-child(1) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
      }
      > li:nth-child(2) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
      }
      > li:nth-child(3) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
      }
      > li:nth-child(4) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
      }
      > li:nth-child(5) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
      }
      > li:nth-child(6) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
      }
      > li:nth-child(7) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
      }
      > li:nth-child(8) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
      }
      > li:nth-child(9) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
      }
      > li:nth-child(10) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
      }
      > li:nth-child(11) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
      }
      > li:nth-child(12) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
      }
      > li:nth-child(13) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
      }
      > li:nth-child(14) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
      }
      > li:nth-child(15) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
      }
      > li:nth-child(16) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
      }
      > li:nth-child(17) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
      }
      > li:nth-child(18) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
      }
      > li:nth-child(19) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
      }
      > li:nth-child(20) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
      }
      > li:nth-child(21) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
      }
      > li:nth-child(22) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
      }
      > li:nth-child(23) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
      }
      > li:nth-child(24) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
      }
      > li:nth-child(25) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
      }
      > li:nth-child(26) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
      }
      > li:nth-child(27) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
      }
      > li:nth-child(28) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
      }
      > li:nth-child(29) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
      }
      > li:nth-child(30) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
      }
      > li:nth-child(31) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
      }
      > li:nth-child(32) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
      }
      > li:nth-child(33) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
      }
      > li:nth-child(34) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
      }
      > li:nth-child(35) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
      }
      > li:nth-child(36) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
      }
      > li:nth-child(37) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
      }
      > li:nth-child(38) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
      }
      > li:nth-child(39) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
      }
      > li:nth-child(40) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
      }
      > li:nth-child(41) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
      }
      > li:nth-child(42) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
      }
      > li:nth-child(43) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
      }
      > li:nth-child(44) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
      }
      > li:nth-child(45) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
      }
      > li:nth-child(46) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
      }
      > li:nth-child(47) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
      }
      > li:nth-child(48) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
      }
      > li:nth-child(49) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
      }
      > li:nth-child(50) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      & > li {
        &:hover {
          position: relative;
          & > .top-menu {
            background: rgb(var(--color-theme-1));
            &:before {
              content: "";
              display: block;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: rgb(255 255 255 / 4%);
              border-radius: var(--radius-full);
              position: absolute;
              z-index: -1;
              @media screen(xl) {
                background-color: rgb(255 255 255 / 10%);
                border-radius: var(--radius-lg);
              }
            }
            .top-menu__title {
              .top-menu__sub-icon {
                transform: rotate(180deg);
              }
            }
          }
          & > ul {
            display: block;
          }
        }
        & > .top-menu {
          margin-top: 3px;
          &.top-menu--active {
            background-color: rgb(241 245 249);
            @media screen(xl) {
              background-color: rgb(var(--color-theme-1));
            }
            &:before {
              content: "";
              display: none;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: rgb(255 255 255 / 8%);
              border-radius: var(--radius-lg);
              position: absolute;
              border-bottom: 3px solid rgb(0 0 0 / 10%);
              @media screen(xl) {
                display: block;
              }
            }
            &:after {
              content: "";
              animation: 0.3s ease-in-out 1s active-top-menu-chevron;
              animation-fill-mode: forwards;
              display: none;
              width: 20px;
              height: 80px;
              margin-bottom: -74px;
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");
              background-repeat: no-repeat;
              background-size: cover;
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              margin-left: auto;
              margin-right: auto;
              transform: rotate(90deg);
              opacity: 0;
              @media screen(xl) {
                display: block;
              }
            }
            .top-menu__icon {
              color: rgb(var(--color-theme-1));
              @media screen(xl) {
                color: white;
              }
            }
            .top-menu__title {
              font-weight: var(--font-fontWeight-medium);
              color: rgb(30 41 59);
              @media screen(xl) {
                color: white;
              }
            }
          }
          .top-menu__icon {
            margin-top: -3px;
          }
          .top-menu__title {
            margin-top: -3px;
            .top-menu__sub-icon {
              margin-left: var(--spacing-2);
            }
          }
        }
        & > ul {
          box-shadow: 0px 3px 20px #0000000b;
          background-color: rgb(var(--color-theme-1));
          display: none;
          width: var(--spacing-56);
          position: absolute;
          border-radius: var(--borderRadius-md);
          z-index: 20;
          padding-left: 0;
          padding-right: 0;
          margin-top: 0.25rem;
          &:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgb(255 255 255 / 4%);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: var(--borderRadius-md);
            z-index: -1;
          }
          &:after {
            content: "";
            width: 100%;
            height: 0.25rem;
            position: absolute;
            top: 0;
            left: 0;
            margin-top: calc(0.25rem * -1);
            cursor: pointer;
          }
          & > li {
            padding-left: var(--spacing-5);
            padding-right: var(--spacing-5);
            position: relative;
            &:hover {
              position: relative;
              & > .top-menu {
                .top-menu__title {
                  .top-menu__sub-icon {
                    transform: rotate(-90deg);
                  }
                }
              }
              & > ul {
                display: block;
              }
            }
            & > .top-menu {
              padding-left: 0;
              padding-right: 0;
              margin-right: 0;
              .top-menu__title {
                width: 100%;
                .top-menu__sub-icon {
                  margin-left: auto;
                }
              }
            }
            & > ul {
              box-shadow: 0px 3px 20px #0000000b;
              left: 100%;
              background-color: rgb(var(--color-theme-1));
              display: none;
              border-radius: var(--borderRadius-md);
              margin-top: 0;
              margin-left: 0;
              top: 0;
              width: var(--spacing-56);
              position: absolute;
              z-index: 20;
              padding-left: 0;
              padding-right: 0;
              &:before {
                content: "";
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgb(255 255 255 / 4%);
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: var(--borderRadius-md);
                z-index: -1;
              }
              & > li {
                padding-left: var(--spacing-5);
                padding-right: var(--spacing-5);
                & > .top-menu {
                  padding-left: 0;
                  padding-right: 0;
                  margin-right: 0;
                  .top-menu__title {
                    width: 100%;
                    .top-menu__sub-icon {
                      margin-left: auto;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@keyframes active-top-menu-chevron {
  100% {
    opacity: 1;
    margin-bottom: -54px;
  }
}
@keyframes intro-wrapper {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro-top-menu {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.dark {
  .icewall {
    &:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920.004' height='1193.001' viewBox='0 0 1920.004 1193.001'%3E%3Cpath id='Intersection_13' data-name='Intersection 13' d='M1183.231,1554.011,2050,361.011h346.311V1440.1l-82.762,113.912Zm-706.924-1193H918.725L476.308,969.945Z' transform='translate(-476.307 -361.011)' fill='rgba(0,0,0,0.06)'/%3E%3C/svg%3E%0A");
    }
    .top-nav {
      .top-menu {
        .top-menu__icon {
          color: rgb(148 163 184);
        }
        .top-menu__title {
          color: rgb(148 163 184);
        }
      }
      & > ul {
        & > li {
          &:hover {
            & > .top-menu {
              &:not(.top-menu--active) {
                background-color: transparent;
                &:before {
                  background-color: rgb(35 45 69);
                }
              }
            }
          }
          & > .top-menu {
            &.top-menu--active {
              background-color: rgb(35 45 69);
              &:before {
                background-color: rgb(35 45 69);
              }
              &:after {
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 00-2.886-20.735 94.894 94.894 0 00-7.783-20.434A39.039 39.039 0 010 61.051a39.035 39.035 0 015.331-17.567 94.9 94.9 0 007.783-20.435A95.746 95.746 0 0016 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E");
              }
              .top-menu__icon {
                color: rgb(255 255 255);
              }
              .top-menu__title {
                color: rgb(255 255 255);
              }
            }
          }
          & > ul {
            background-color: rgb(40 51 78);
            box-shadow: 0px 3px 7px #0000001c;
            &:before {
              background-color: rgb(0 0 0 / 10%);
            }
            & > li {
              & > ul {
                background-color: rgb(40 51 78);
                box-shadow: 0px 3px 7px #0000001c;
                &:before {
                  background-color: rgb(0 0 0 / 10%);
                }
              }
            }
          }
        }
      }
    }
  }
}
.rubick {
  .side-nav {
    width: 230px;
    padding-right: var(--spacing-5);
    padding-bottom: var(--spacing-16);
    overflow-x: hidden;
    @media (max-width: 1279px) {
      width: 85px;
    }
    @media (max-width: 767px) {
      display: none;
    }
    &.side-nav--simple {
      width: 85px;
      .side-menu {
        .side-menu__title {
          display: none;
          .side-menu__sub-icon {
            display: none;
          }
        }
        &:not(.side-menu--active) .side-menu__icon:before {
          display: none;
        }
      }
    }
    .side-nav__divider {
      width: 100%;
      height: 1px;
      background: rgb(255 255 255 / 8%);
      z-index: 10;
      position: relative;
    }
    .side-menu {
      height: 50px;
      display: flex;
      align-items: center;
      padding-left: var(--spacing-5);
      color: white;
      margin-bottom: 0.25rem;
      position: relative;
      border-radius: var(--radius-full);
      .side-menu__title {
        width: 100%;
        margin-left: var(--spacing-3);
        display: flex;
        align-items: center;
        .side-menu__sub-icon {
          margin-left: auto;
          margin-right: var(--spacing-5);
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: var(--transitionDelay-100);
          svg {
            width: var(--spacing-4);
            height: var(--spacing-4);
          }
          @media (max-width: 1279px) {
            display: none;
          }
        }
        @media (max-width: 1279px) {
          display: none;
        }
      }
    }
    > ul {
      > li:nth-child(1) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(1 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(2) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(2 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(3) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(3 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(4) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(4 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(5) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(5 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(6) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(6 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(7) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(7 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(8) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(8 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(9) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(9 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(10) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(10 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(11) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(11 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(12) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(12 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(13) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(13 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(14) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(14 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(15) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(15 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(16) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(16 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(17) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(17 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(18) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(18 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(19) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(19 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(20) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(20 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(21) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(21 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(22) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(22 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(23) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(23 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(24) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(24 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(25) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(25 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(26) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(26 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(27) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(27 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(28) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(28 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(29) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(29 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(30) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(30 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(31) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(31 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(32) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(32 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(33) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(33 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(34) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(34 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(35) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(35 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(36) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(36 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(37) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(37 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(38) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(38 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(39) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(39 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(40) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(40 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(41) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(41 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(42) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(42 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(43) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(43 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(44) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(44 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(45) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(45 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(46) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(46 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(47) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(47 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(48) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(48 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(49) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(49 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      > li:nth-child(50) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(50 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
          &.side-menu--active {
            animation: 0.4s intro-active-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
          }
        }
      }
      ul {
        li:nth-child(1) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
        li:nth-child(2) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
        li:nth-child(3) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
        li:nth-child(4) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
        li:nth-child(5) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
        li:nth-child(6) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
        li:nth-child(7) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
        li:nth-child(8) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
        li:nth-child(9) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
        li:nth-child(10) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
        li:nth-child(11) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
        li:nth-child(12) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
        li:nth-child(13) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
        li:nth-child(14) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
        li:nth-child(15) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
        li:nth-child(16) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
        li:nth-child(17) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
        li:nth-child(18) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
        li:nth-child(19) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
        li:nth-child(20) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
        li:nth-child(21) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
        li:nth-child(22) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
        li:nth-child(23) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
        li:nth-child(24) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
        li:nth-child(25) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
        li:nth-child(26) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
        li:nth-child(27) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
        li:nth-child(28) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
        li:nth-child(29) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
        li:nth-child(30) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
        li:nth-child(31) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
        li:nth-child(32) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
        li:nth-child(33) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
        li:nth-child(34) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
        li:nth-child(35) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
        li:nth-child(36) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
        li:nth-child(37) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
        li:nth-child(38) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
        li:nth-child(39) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
        li:nth-child(40) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
        li:nth-child(41) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
        li:nth-child(42) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
        li:nth-child(43) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
        li:nth-child(44) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
        li:nth-child(45) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
        li:nth-child(46) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
        li:nth-child(47) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
        li:nth-child(48) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
        li:nth-child(49) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
        li:nth-child(50) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
        display: none;
        background-color: rgb(0 0 0 / 10%);
        border-radius: var(--radius-lg);
        &.side-menu__sub-open {
          display: block;
        }
        .side-menu__icon:before {
          display: none;
        }
        li a {
          &:not(.side-menu--active) {
            color: rgb(255 255 255 / 70%);
          }
          &.side-menu--active .side-menu__title {
            font-weight: var(--font-fontWeight-medium);
          }
        }
        ul {
          display: none;
          background: rgb(0 0 0 / 10%);
          border-radius: var(--radius-lg);
        }
      }
      & > li {
        & > .side-menu {
          &.side-menu--active {
            background-color: rgb(241 245 249);
            &:before {
              content: "";
              width: 30px;
              height: 30px;
              margin-top: -30px;
              transform: rotate(90deg) scale(1.04);
              background-size: 100%;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A");
              position: absolute;
              top: 0;
              right: 0;
              margin-right: calc(var(--spacing-5) * -1);
            }
            &:after {
              content: "";
              width: 30px;
              height: 30px;
              margin-top: 50px;
              transform: scale(1.04);
              background-size: 100%;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A");
              position: absolute;
              top: 0;
              right: 0;
              margin-right: calc(var(--spacing-5) * -1);
            }
            .side-menu__icon {
              color: rgb(var(--color-theme-1));
              &:before {
                content: "";
                z-index: -1;
                position: absolute;
                top: 0;
                right: 0;
                margin-right: calc(var(--spacing-5) * -1);
                width: var(--spacing-12);
                height: 100%;
                background-color: rgb(241 245 249);
              }
            }
            .side-menu__title {
              color: rgb(30 41 59);
              font-weight: var(--font-fontWeight-medium);
            }
          }
          &:not(.side-menu--active) .side-menu__icon:before {
            content: "";
            z-index: -1;
            width: 230px;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            border-top-left-radius: var(--radius-full);
            border-bottom-left-radius: var(--radius-full);
            transition-property: all;
            transition-timing-function: var(--animation-easing-easeIn);
            transition-duration: var(--transitionDelay-100);
            @media (max-width: 1279px) {
              display: none;
            }
          }
          &:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon:before {
            background-color: rgb(255 255 255 / 5%);
          }
        }
      }
    }
  }
}
@keyframes intro-divider-animation {
  100% {
    opacity: 1;
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro-submenu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro-active-menu-animation {
  100% {
    z-index: 10;
  }
}
.dark {
  .rubick {
    .side-nav {
      .side-nav__divider {
        background-color: rgb(255 255 255 / 7%);
      }
      .side-menu {
        color: rgb(203 213 225);
      }
      > ul {
        ul {
          background-color: rgb(15 23 42 / 30%);
          li a {
            &:not(.side-menu--active) {
              color: rgb(148 163 184);
            }
          }
          ul {
            background: rgb(15 23 42 / 30%);
          }
        }
        & > li {
          & > .side-menu {
            &.side-menu--active {
              background-color: rgb(35 45 69);
              .side-menu__icon {
                color: rgb(203 213 225);
                &:before {
                  background-color: rgb(35 45 69);
                }
              }
              .side-menu__title {
                color: rgb(203 213 225);
              }
            }
            .side-menu__icon {
              color: rgb(148 163 184);
            }
            .side-menu__title {
              color: rgb(148 163 184);
            }
            &:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon:before {
              background-color: rgb(41 53 82 / 70%);
            }
          }
        }
      }
      > ul {
        & > li {
          & > .side-menu {
            &.side-menu--active {
              &:before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23232e45'/%3E%3C/svg%3E%0A");
              }
              &:after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23232e45'/%3E%3C/svg%3E%0A");
              }
            }
          }
        }
      }
    }
  }
}
.rubick {
  .top-nav {
    .top-menu {
      height: 55px;
      border-radius: var(--radius-full);
      display: flex;
      align-items: center;
      color: white;
      position: relative;
      @media screen(xl) {
        border-top-left-radius: var(--borderRadius-2xl);
        border-top-right-radius: var(--borderRadius-2xl);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
      &:not(.top-menu--active) {
        .top-menu__icon {
          &:before {
            content: "";
            z-index: -1;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-radius: var(--radius-full);
            @media screen(xl) {
              border-bottom-left-radius: 0;
              border-bottom-right-radius: 0;
              border-top-left-radius: var(--borderRadius-2xl);
              border-top-right-radius: var(--borderRadius-2xl);
              transition-property: all;
              transition-timing-function: var(--animation-easing-easeIn);
              transition-duration: 100ms;
            }
          }
        }
      }
      .top-menu__title {
        margin-left: var(--spacing-3);
        display: flex;
        align-items: center;
        white-space: nowrap;
        .top-menu__sub-icon {
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: 100ms;
          width: var(--spacing-4);
          height: var(--spacing-4);
          display: none;
          @media screen(xl) {
            display: block;
          }
        }
      }
    }
    & > ul {
      > li:nth-child(1) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
      }
      > li:nth-child(2) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
      }
      > li:nth-child(3) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
      }
      > li:nth-child(4) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
      }
      > li:nth-child(5) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
      }
      > li:nth-child(6) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
      }
      > li:nth-child(7) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
      }
      > li:nth-child(8) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
      }
      > li:nth-child(9) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
      }
      > li:nth-child(10) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
      }
      > li:nth-child(11) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
      }
      > li:nth-child(12) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
      }
      > li:nth-child(13) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
      }
      > li:nth-child(14) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
      }
      > li:nth-child(15) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
      }
      > li:nth-child(16) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
      }
      > li:nth-child(17) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
      }
      > li:nth-child(18) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
      }
      > li:nth-child(19) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
      }
      > li:nth-child(20) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
      }
      > li:nth-child(21) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
      }
      > li:nth-child(22) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
      }
      > li:nth-child(23) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
      }
      > li:nth-child(24) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
      }
      > li:nth-child(25) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
      }
      > li:nth-child(26) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
      }
      > li:nth-child(27) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
      }
      > li:nth-child(28) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
      }
      > li:nth-child(29) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
      }
      > li:nth-child(30) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
      }
      > li:nth-child(31) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
      }
      > li:nth-child(32) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
      }
      > li:nth-child(33) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
      }
      > li:nth-child(34) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
      }
      > li:nth-child(35) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
      }
      > li:nth-child(36) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
      }
      > li:nth-child(37) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
      }
      > li:nth-child(38) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
      }
      > li:nth-child(39) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
      }
      > li:nth-child(40) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
      }
      > li:nth-child(41) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
      }
      > li:nth-child(42) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
      }
      > li:nth-child(43) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
      }
      > li:nth-child(44) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
      }
      > li:nth-child(45) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
      }
      > li:nth-child(46) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
      }
      > li:nth-child(47) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
      }
      > li:nth-child(48) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
      }
      > li:nth-child(49) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
      }
      > li:nth-child(50) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      & > li {
        &:hover {
          position: relative;
          & > .top-menu {
            .top-menu__title {
              .top-menu__sub-icon {
                transform: rotate(-90deg);
              }
            }
            &:not(.top-menu--active) {
              .top-menu__icon {
                &:before {
                  background: rgb(255 255 255 / 5%);
                }
              }
            }
          }
          & > ul {
            display: block;
          }
        }
        & > .top-menu {
          padding-left: var(--spacing-5);
          padding-right: var(--spacing-5);
          margin-right: 0.25rem;
          &.top-menu--active {
            z-index: 10;
            background-color: rgb(241 245 249);
            &:before {
              content: "";
              width: 20px;
              height: 20px;
              margin-left: -20px;
              transform: rotate(90deg) scale(1.04);
              background-size: 100%;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A");
              position: absolute;
              bottom: 0;
              left: 0;
              display: none;
              @media screen(xl) {
                display: block;
              }
            }
            &:after {
              content: "";
              width: 20px;
              height: 20px;
              margin-right: -20px;
              transform: rotate(180deg) scale(1.04);
              background-size: 100%;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23f1f5f8'/%3E%3C/svg%3E%0A");
              position: absolute;
              bottom: 0;
              right: 0;
              display: none;
              @media screen(xl) {
                display: block;
              }
            }
            .top-menu__icon {
              color: rgb(var(--color-theme-1));
            }
            .top-menu__title {
              color: black;
              font-weight: var(--font-fontWeight-medium);
            }
          }
          .top-menu__title {
            .top-menu__sub-icon {
              margin-left: var(--spacing-2);
            }
          }
        }
        & > ul {
          box-shadow: 0px 3px 20px #0000000b;
          background-color: rgb(var(--color-theme-1));
          display: none;
          width: var(--spacing-56);
          position: absolute;
          border-radius: var(--borderRadius-md);
          z-index: 20;
          padding-left: 0;
          padding-right: 0;
          top: 0;
          margin-top: var(--spacing-14);
          &:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgb(0 0 0 / 10%);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: var(--borderRadius-md);
            z-index: -1;
          }
          @media screen(xl) {
            left: 100%;
            margin-left: -4px;
            margin-top: calc(var(--spacing-5) * -1);
          }
          & > li {
            padding-left: var(--spacing-5);
            padding-right: var(--spacing-5);
            position: relative;
            &:hover {
              position: relative;
              & > .top-menu {
                .top-menu__title {
                  .top-menu__sub-icon {
                    transform: rotate(-90deg);
                  }
                }
              }
              & > ul {
                display: block;
              }
            }
            & > .top-menu {
              .top-menu__title {
                width: 100%;
                .top-menu__sub-icon {
                  margin-left: auto;
                }
              }
            }
            & > ul {
              left: 100%;
              margin-left: 0;
              box-shadow: 0px 3px 20px #0000000b;
              background-color: rgb(var(--color-theme-1));
              display: none;
              width: var(--spacing-56);
              position: absolute;
              border-radius: var(--borderRadius-md);
              z-index: 20;
              padding-left: 0;
              padding-right: 0;
              top: 0;
              margin-top: 0;
              &:before {
                content: "";
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgb(0 0 0 / 10%);
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: var(--borderRadius-md);
                z-index: -1;
              }
              & > li {
                padding-left: var(--spacing-5);
                padding-right: var(--spacing-5);
                & > .top-menu {
                  .top-menu__title {
                    width: 100%;
                    .top-menu__sub-icon {
                      margin-left: auto;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.dark {
  .rubick {
    .top-nav {
      .top-menu {
        .top-menu__title {
          color: rgb(148 163 184);
        }
        .top-menu__icon {
          color: rgb(148 163 184);
        }
      }
      & > ul {
        & > li {
          &:hover {
            & > .top-menu {
              &:not(.top-menu--active) {
                .top-menu__icon {
                  &:before {
                    background: rgb(41 53 82 / 70%);
                  }
                }
              }
            }
          }
          & > .top-menu {
            &.top-menu--active {
              background-color: rgb(35 45 69);
              &:before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23232e45'/%3E%3C/svg%3E%0A");
              }
              &:after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23232e45'/%3E%3C/svg%3E%0A");
              }
              .top-menu__icon {
                color: white;
              }
              .top-menu__title {
                color: white;
              }
            }
          }
          & > ul {
            background-color: rgb(40 51 78);
            box-shadow: 0px 3px 7px #0000001c;
            & > li {
              & > ul {
                background-color: rgb(40 51 78);
                box-shadow: 0px 3px 7px #0000001c;
              }
            }
          }
        }
      }
    }
  }
}
.tinker {
  .side-nav {
    &.side-nav--simple {
      .side-menu {
        .side-menu__title {
          display: none;
          .side-menu__sub-icon {
            display: none;
          }
        }
      }
    }
    .side-nav__divider {
      width: 100%;
      height: 1px;
      background-color: rgb(255 255 255 / 8%);
      z-index: 10;
      position: relative;
    }
    .side-menu {
      height: 50px;
      display: flex;
      align-items: center;
      padding-left: var(--spacing-5);
      color: white;
      margin-bottom: 0.25rem;
      position: relative;
      border-radius: var(--radius-lg);
      .side-menu__title {
        display: none;
        align-items: center;
        width: 100%;
        margin-left: var(--spacing-3);
        @media screen(xl) {
          display: flex;
        }
        .side-menu__sub-icon {
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: 100ms;
          margin-left: auto;
          margin-right: var(--spacing-5);
          display: none;
          @media screen(xl) {
            display: block;
          }
          svg {
            width: var(--spacing-4);
            height: var(--spacing-4);
          }
        }
      }
    }
    & > ul {
      > li:nth-child(1) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(1 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
      }
      > li:nth-child(2) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(2 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
      }
      > li:nth-child(3) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(3 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
      }
      > li:nth-child(4) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(4 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
      }
      > li:nth-child(5) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(5 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
      }
      > li:nth-child(6) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(6 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
      }
      > li:nth-child(7) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(7 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
      }
      > li:nth-child(8) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(8 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
      }
      > li:nth-child(9) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(9 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
      }
      > li:nth-child(10) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(10 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
      }
      > li:nth-child(11) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(11 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
      }
      > li:nth-child(12) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(12 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
      }
      > li:nth-child(13) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(13 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
      }
      > li:nth-child(14) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(14 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
      }
      > li:nth-child(15) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(15 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
      }
      > li:nth-child(16) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(16 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
      }
      > li:nth-child(17) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(17 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
      }
      > li:nth-child(18) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(18 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
      }
      > li:nth-child(19) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(19 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
      }
      > li:nth-child(20) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(20 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
      }
      > li:nth-child(21) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(21 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
      }
      > li:nth-child(22) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(22 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
      }
      > li:nth-child(23) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(23 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
      }
      > li:nth-child(24) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(24 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
      }
      > li:nth-child(25) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(25 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
      }
      > li:nth-child(26) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(26 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
      }
      > li:nth-child(27) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(27 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
      }
      > li:nth-child(28) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(28 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
      }
      > li:nth-child(29) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(29 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
      }
      > li:nth-child(30) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(30 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
      }
      > li:nth-child(31) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(31 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
      }
      > li:nth-child(32) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(32 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
      }
      > li:nth-child(33) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(33 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
      }
      > li:nth-child(34) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(34 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
      }
      > li:nth-child(35) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(35 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
      }
      > li:nth-child(36) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(36 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
      }
      > li:nth-child(37) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(37 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
      }
      > li:nth-child(38) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(38 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
      }
      > li:nth-child(39) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(39 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
      }
      > li:nth-child(40) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(40 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
      }
      > li:nth-child(41) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(41 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
      }
      > li:nth-child(42) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(42 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
      }
      > li:nth-child(43) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(43 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
      }
      > li:nth-child(44) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(44 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
      }
      > li:nth-child(45) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(45 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
      }
      > li:nth-child(46) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(46 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
      }
      > li:nth-child(47) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(47 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
      }
      > li:nth-child(48) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(48 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
      }
      > li:nth-child(49) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(49 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
      }
      > li:nth-child(50) {
        &.side-nav__divider {
          opacity: 0;
          animation: 0.4s intro-divider-animation ease-in-out 0.33333s;
          animation-fill-mode: forwards;
          animation-delay: calc(50 * 0.1s);
        }
        & > a {
          &:not(.side-menu--active) {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      ul {
        li:nth-child(1) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
        li:nth-child(2) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
        li:nth-child(3) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
        li:nth-child(4) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
        li:nth-child(5) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
        li:nth-child(6) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
        li:nth-child(7) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
        li:nth-child(8) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
        li:nth-child(9) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
        li:nth-child(10) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
        li:nth-child(11) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
        li:nth-child(12) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
        li:nth-child(13) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
        li:nth-child(14) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
        li:nth-child(15) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
        li:nth-child(16) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
        li:nth-child(17) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
        li:nth-child(18) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
        li:nth-child(19) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
        li:nth-child(20) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
        li:nth-child(21) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
        li:nth-child(22) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
        li:nth-child(23) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
        li:nth-child(24) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
        li:nth-child(25) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
        li:nth-child(26) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
        li:nth-child(27) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
        li:nth-child(28) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
        li:nth-child(29) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
        li:nth-child(30) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
        li:nth-child(31) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
        li:nth-child(32) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
        li:nth-child(33) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
        li:nth-child(34) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
        li:nth-child(35) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
        li:nth-child(36) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
        li:nth-child(37) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
        li:nth-child(38) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
        li:nth-child(39) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
        li:nth-child(40) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
        li:nth-child(41) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
        li:nth-child(42) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
        li:nth-child(43) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
        li:nth-child(44) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
        li:nth-child(45) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
        li:nth-child(46) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
        li:nth-child(47) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
        li:nth-child(48) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
        li:nth-child(49) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
        li:nth-child(50) {
          & > a {
            opacity: 0;
            transform: translateX(50px);
            animation: 0.2s intro-submenu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      & > li {
        & > .side-menu {
          &.side-menu--active {
            background-color: rgb(var(--color-theme-1));
            z-index: 10;
            &:before {
              content: "";
              display: block;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: rgb(255 255 255 / 8%);
              border-radius: var(--radius-lg);
              position: absolute;
              border-bottom: 3px solid rgb(0 0 0 / 10%);
            }
            .side-menu__icon {
              z-index: 10;
            }
            .side-menu__title {
              font-weight: var(--font-fontWeight-medium);
              z-index: 10;
            }
          }
          &:hover {
            &:not(.side-menu--active):not(.side-menu--open) {
              background-color: rgb(var(--color-theme-1));
              &:before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgb(255 255 255 / 4%);
                border-radius: var(--radius-xl);
                position: absolute;
                z-index: -1;
              }
            }
          }
        }
        & > ul {
          background-color: rgb(255 255 255 / 4%);
          border-radius: var(--radius-xl);
          position: relative;
          &:before {
            content: "";
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgb(var(--color-theme-1));
            border-radius: var(--radius-xl);
            position: absolute;
            z-index: -1;
          }
          &:not(.side-menu__sub-open) {
            display: none;
          }
          & > li {
            & > .side-menu {
              &.side-menu--active {
                .side-menu__title {
                  font-weight: var(--font-fontWeight-medium);
                }
              }
              &:not(.side-menu--active) {
                color: rgb(255 255 255 / 70%);
              }
            }
            & > ul {
              background-color: rgb(255 255 255 / 4%);
              border-radius: var(--radius-xl);
              position: relative;
              &:before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgb(var(--color-theme-1));
                border-radius: var(--radius-xl);
                position: absolute;
                z-index: -1;
              }
              &:not(.side-menu__sub-open) {
                display: none;
              }
              & > li {
                & > .side-menu {
                  &.side-menu--active {
                    .side-menu__title {
                      font-weight: var(--font-fontWeight-medium);
                    }
                  }
                  &:not(.side-menu--active) {
                    color: rgb(255 255 255 / 70%);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@keyframes intro-divider-animation {
  100% {
    opacity: 1;
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes intro-submenu-animation {
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.dark {
  .tinker {
    .side-nav {
      .side-nav__divider {
        background-color: rgb(255 255 255 / 7%);
      }
      & > ul {
        & > li {
          & > .side-menu {
            &.side-menu--active {
              background-color: transparent;
              &:before {
                border-color: rgb(0 0 0 / 10%);
                background-color: rgb(35 45 69);
              }
              .side-menu__icon {
                color: rgb(203 213 225);
              }
              .side-menu__title {
                color: rgb(203 213 225);
              }
            }
            &:not(.side-menu--active) {
              .side-menu__icon {
                color: rgb(148 163 184);
              }
              .side-menu__title {
                color: rgb(148 163 184);
              }
            }
            &:hover {
              &:not(.side-menu--active):not(.side-menu--open) {
                &:before {
                  background-color: rgb(35 45 69);
                }
              }
            }
          }
          & > ul {
            background-color: transparent;
            &:before {
              background-color: rgb(15 23 42 / 30%);
            }
            & > li {
              & > .side-menu {
                &.side-menu--active {
                  color: rgb(203 213 225);
                }
                &:not(.side-menu--active) {
                  color: rgb(148 163 184);
                }
              }
              & > ul {
                background-color: transparent;
                &:before {
                  background-color: rgb(15 23 42 / 30%);
                }
                & > li {
                  & > .side-menu {
                    &.side-menu--active {
                      color: rgb(203 213 225);
                    }
                    &:not(.side-menu--active) {
                      color: rgb(148 163 184);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
.tinker {
  .top-nav {
    animation: 0.4s intro-top-menu ease-in-out 0.2s;
    animation-fill-mode: forwards;
    .top-menu {
      height: 55px;
      display: flex;
      align-items: center;
      padding-left: var(--spacing-5);
      padding-right: var(--spacing-5);
      margin-right: 0.25rem;
      color: white;
      position: relative;
      border-radius: var(--radius-full);
      @media screen(xl) {
        border-radius: var(--radius-xl);
      }
      .top-menu__icon {
        z-index: 10;
      }
      .top-menu__title {
        width: 100%;
        margin-left: var(--spacing-3);
        display: flex;
        align-items: center;
        white-space: nowrap;
        z-index: 10;
        .top-menu__sub-icon {
          transition-property: all;
          transition-timing-function: var(--animation-easing-easeIn);
          transition-duration: 100ms;
          width: var(--spacing-4);
          height: var(--spacing-4);
          display: none;
          @media screen(xl) {
            display: block;
          }
        }
      }
    }
    & > ul {
      > li:nth-child(1) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(1 * 0.1s);
          }
        }
      }
      > li:nth-child(2) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(2 * 0.1s);
          }
        }
      }
      > li:nth-child(3) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(3 * 0.1s);
          }
        }
      }
      > li:nth-child(4) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(4 * 0.1s);
          }
        }
      }
      > li:nth-child(5) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(5 * 0.1s);
          }
        }
      }
      > li:nth-child(6) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(6 * 0.1s);
          }
        }
      }
      > li:nth-child(7) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(7 * 0.1s);
          }
        }
      }
      > li:nth-child(8) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(8 * 0.1s);
          }
        }
      }
      > li:nth-child(9) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(9 * 0.1s);
          }
        }
      }
      > li:nth-child(10) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(10 * 0.1s);
          }
        }
      }
      > li:nth-child(11) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(11 * 0.1s);
          }
        }
      }
      > li:nth-child(12) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(12 * 0.1s);
          }
        }
      }
      > li:nth-child(13) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(13 * 0.1s);
          }
        }
      }
      > li:nth-child(14) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(14 * 0.1s);
          }
        }
      }
      > li:nth-child(15) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(15 * 0.1s);
          }
        }
      }
      > li:nth-child(16) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(16 * 0.1s);
          }
        }
      }
      > li:nth-child(17) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(17 * 0.1s);
          }
        }
      }
      > li:nth-child(18) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(18 * 0.1s);
          }
        }
      }
      > li:nth-child(19) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(19 * 0.1s);
          }
        }
      }
      > li:nth-child(20) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(20 * 0.1s);
          }
        }
      }
      > li:nth-child(21) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(21 * 0.1s);
          }
        }
      }
      > li:nth-child(22) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(22 * 0.1s);
          }
        }
      }
      > li:nth-child(23) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(23 * 0.1s);
          }
        }
      }
      > li:nth-child(24) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(24 * 0.1s);
          }
        }
      }
      > li:nth-child(25) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(25 * 0.1s);
          }
        }
      }
      > li:nth-child(26) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(26 * 0.1s);
          }
        }
      }
      > li:nth-child(27) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(27 * 0.1s);
          }
        }
      }
      > li:nth-child(28) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(28 * 0.1s);
          }
        }
      }
      > li:nth-child(29) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(29 * 0.1s);
          }
        }
      }
      > li:nth-child(30) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(30 * 0.1s);
          }
        }
      }
      > li:nth-child(31) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(31 * 0.1s);
          }
        }
      }
      > li:nth-child(32) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(32 * 0.1s);
          }
        }
      }
      > li:nth-child(33) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(33 * 0.1s);
          }
        }
      }
      > li:nth-child(34) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(34 * 0.1s);
          }
        }
      }
      > li:nth-child(35) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(35 * 0.1s);
          }
        }
      }
      > li:nth-child(36) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(36 * 0.1s);
          }
        }
      }
      > li:nth-child(37) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(37 * 0.1s);
          }
        }
      }
      > li:nth-child(38) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(38 * 0.1s);
          }
        }
      }
      > li:nth-child(39) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(39 * 0.1s);
          }
        }
      }
      > li:nth-child(40) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(40 * 0.1s);
          }
        }
      }
      > li:nth-child(41) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(41 * 0.1s);
          }
        }
      }
      > li:nth-child(42) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(42 * 0.1s);
          }
        }
      }
      > li:nth-child(43) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(43 * 0.1s);
          }
        }
      }
      > li:nth-child(44) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(44 * 0.1s);
          }
        }
      }
      > li:nth-child(45) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(45 * 0.1s);
          }
        }
      }
      > li:nth-child(46) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(46 * 0.1s);
          }
        }
      }
      > li:nth-child(47) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(47 * 0.1s);
          }
        }
      }
      > li:nth-child(48) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(48 * 0.1s);
          }
        }
      }
      > li:nth-child(49) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(49 * 0.1s);
          }
        }
      }
      > li:nth-child(50) {
        & > a {
          &:not(.top-menu--active) {
            opacity: 0;
            transform: translateY(50px);
            animation: 0.4s intro-menu-animation ease-in-out 0.33333s;
            animation-fill-mode: forwards;
            animation-delay: calc(50 * 0.1s);
          }
        }
      }
      & > li {
        &:hover {
          position: relative;
          & > .top-menu {
            background: rgb(var(--color-theme-1));
            &:before {
              content: "";
              display: block;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: rgb(255 255 255 / 4%);
              border-radius: var(--radius-full);
              position: absolute;
              z-index: -1;
              @media screen(xl) {
                background-color: rgb(255 255 255 / 10%);
                border-radius: var(--radius-xl);
              }
            }
            .top-menu__title {
              .top-menu__sub-icon {
                transform: rotate(180deg);
              }
            }
          }
          & > ul {
            display: block;
          }
        }
        & > .top-menu {
          margin-top: 3px;
          &.top-menu--active {
            background-color: rgb(241 245 249);
            @media screen(xl) {
              background-color: rgb(var(--color-theme-1));
            }
            &:before {
              content: "";
              display: none;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: rgb(255 255 255 / 8%);
              border-radius: var(--radius-xl);
              position: absolute;
              border-bottom: 3px solid rgb(0 0 0 / 10%);
              @media screen(xl) {
                display: block;
              }
            }
            .top-menu__icon {
              color: rgb(var(--color-theme-1));
              @media screen(xl) {
                color: white;
              }
            }
            .top-menu__title {
              font-weight: var(--font-fontWeight-medium);
              color: rgb(30 41 59);
              @media screen(xl) {
                color: white;
              }
            }
          }
          .top-menu__icon {
            margin-top: -3px;
          }
          .top-menu__title {
            margin-top: -3px;
            .top-menu__sub-icon {
              margin-left: var(--spacing-2);
            }
          }
        }
        & > ul {
          box-shadow: 0px 3px 20px #0000000b;
          background-color: rgb(var(--color-theme-1));
          display: none;
          width: var(--spacing-56);
          position: absolute;
          border-radius: var(--borderRadius-md);
          z-index: 20;
          padding-left: 0;
          padding-right: 0;
          margin-top: 0.25rem;
          &:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgb(255 255 255 / 4%);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: var(--borderRadius-md);
            z-index: -1;
          }
          &:after {
            content: "";
            width: 100%;
            height: 0.25rem;
            position: absolute;
            top: 0;
            left: 0;
            margin-top: calc(0.25rem * -1);
            cursor: pointer;
          }
          & > li {
            padding-left: var(--spacing-5);
            padding-right: var(--spacing-5);
            position: relative;
            &:hover {
              position: relative;
              & > .top-menu {
                .top-menu__title {
                  .top-menu__sub-icon {
                    transform: rotate(-90deg);
                  }
                }
              }
              & > ul {
                display: block;
              }
            }
            & > .top-menu {
              padding-left: 0;
              padding-right: 0;
              margin-right: 0;
              .top-menu__title {
                width: 100%;
                .top-menu__sub-icon {
                  margin-left: auto;
                }
              }
            }
            & > ul {
              box-shadow: 0px 3px 20px #0000000b;
              left: 100%;
              background-color: rgb(var(--color-theme-1));
              display: none;
              border-radius: var(--borderRadius-md);
              margin-top: 0;
              margin-left: 0;
              top: 0;
              width: var(--spacing-56);
              position: absolute;
              z-index: 20;
              padding-left: 0;
              padding-right: 0;
              &:before {
                content: "";
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgb(255 255 255 / 4%);
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                border-radius: var(--borderRadius-md);
                z-index: -1;
              }
              & > li {
                padding-left: var(--spacing-5);
                padding-right: var(--spacing-5);
                & > .top-menu {
                  padding-left: 0;
                  padding-right: 0;
                  margin-right: 0;
                  .top-menu__title {
                    width: 100%;
                    .top-menu__sub-icon {
                      margin-left: auto;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
@keyframes intro-top-menu {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes intro-menu-animation {
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.dark {
  .tinker {
    .top-nav {
      .top-menu {
        .top-menu__icon {
          color: rgb(148 163 184);
        }
        .top-menu__title {
          color: rgb(148 163 184);
        }
      }
      & > ul {
        & > li {
          &:hover {
            & > .top-menu {
              &:not(.top-menu--active) {
                background-color: transparent;
                &:before {
                  background-color: rgb(35 45 69);
                }
              }
            }
          }
          & > .top-menu {
            &.top-menu--active {
              background-color: rgb(35 45 69);
              &:before {
                background-color: rgb(35 45 69);
              }
              .top-menu__icon {
                color: rgb(255 255 255);
              }
              .top-menu__title {
                color: rgb(255 255 255);
              }
            }
          }
          & > ul {
            background-color: rgb(40 51 78);
            box-shadow: 0px 3px 7px #0000001c;
            &:before {
              background-color: rgb(0 0 0 / 10%);
            }
            & > li {
              & > ul {
                background-color: rgb(40 51 78);
                box-shadow: 0px 3px 7px #0000001c;
                &:before {
                  background-color: rgb(0 0 0 / 10%);
                }
              }
            }
          }
        }
      }
    }
  }
}
.ck-editor, .document-editor, .ck-editor__editable {
  box-shadow: var(--shadow-sm);
}
.document-editor {
  display: flex;
  max-height: 700px;
  flex-flow: column nowrap;
  border-radius: var(--ck-border-radius);
  border: 1px solid rgb(226 232 240);
  .document-editor__toolbar {
    z-index: 1;
    border-bottom: 1px solid rgb(226 232 240);
  }
  .document-editor__toolbar .ck-toolbar {
    border: 0;
    border-radius: 0;
    background-color: rgb(241 245 249);
    .ck-icon {
      width: 16px;
    }
  }
  .document-editor__editable-container {
    overflow-y: scroll;
    padding: calc(2 * var(--ck-spacing-large));
    background-color: rgb(241 245 249);
  }
  .document-editor__editable-container .ck-editor__editable {
    width: 15.8cm;
    margin: 0 auto;
    min-height: 21cm;
    background: white;
    padding: 1cm 2cm 2cm;
    border-radius: var(--ck-border-radius);
    border: 1px solid rgb(226 232 240);
    box-shadow: var(--shadow-sm);
  }
  .ck-heading-dropdown .ck-list .ck-button__label {
    line-height: calc( 1.7 * var(--ck-line-height-base) * var(--ck-font-size-base) );
    min-width: 6em;
  }
  .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label {
    transform: scale(0.8);
    transform-origin: left;
  }
  .ck-content h2, .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {
    font-size: 2.18em;
    font-weight: normal;
  }
  .ck-content h2 {
    line-height: 1.37em;
    padding-top: 0.342em;
    margin-bottom: 0.142em;
  }
  .ck-content h3, .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {
    font-size: 1.75em;
    font-weight: normal;
    color: hsl(203, 100%, 50%);
  }
  .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {
    color: var(--ck-color-list-button-on-text);
  }
  .ck-content h3 {
    line-height: 1.86em;
    padding-top: 0.171em;
    margin-bottom: 0.357em;
  }
  .ck-content h4, .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {
    font-size: 1.31em;
    font-weight: bold;
  }
  .ck-content h4 {
    line-height: 1.24em;
    padding-top: 0.286em;
    margin-bottom: 0.952em;
  }
  .ck-content p {
    font-size: 1em;
    line-height: 1.63em;
    padding-top: 0.5em;
    margin-bottom: 1.13em;
  }
  .ck-content blockquote {
    font-family: Georgia, serif;
    margin-left: calc(2 * var(--ck-spacing-large));
    margin-right: calc(2 * var(--ck-spacing-large));
  }
}
.ck.ck-content {
  min-height: 250px;
  &.ck-editor__editable_inline {
    border: 1px solid rgb(226 232 240);
  }
}
.ck .ck {
  .ck-content {
    min-height: 250px;
    &.ck-editor__editable_inline {
      border: 1px solid rgb(226 232 240);
    }
    blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
      margin: revert;
    }
    ol, ul {
      list-style: revert;
      margin: revert;
      padding: revert;
    }
    h1, h2, h3, h4, h5, h6 {
      font-size: revert;
      font-weight: revert;
    }
    img, svg, video, canvas, audio, iframe, embed, object {
      display: revert;
      vertical-align: revert;
    }
  }
  &.ck-reset_all, &.ck-reset_all * {
    color: rgb(30 41 59);
  }
  &.ck-toolbar, &.ck-balloon-panel {
    background-color: rgb(241 245 249);
    border-color: rgb(226 232 240);
    .ck-icon {
      width: 16px;
    }
  }
  &.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: rgb(226 232 240);
  }
  &.ck-button:not(.ck-disabled):hover, &a.ck-button:not(.ck-disabled):hover {
    background-color: rgb(226 232 240);
  }
}
.dark {
  .document-editor {
    border-color: rgb(15 23 42 / 30%);
    .document-editor__toolbar {
      border-color: rgb(15 23 42 / 20%);
    }
    .document-editor__toolbar .ck-toolbar {
      background-color: rgb(15 23 42 / 20%);
      .ck-toolbar__separator {
        background-color: var(--colors-darkmode-800);
      }
      .ck-tooltip .ck-tooltip__text {
        color: rgb(226 232 240);
        background-color: var(--colors-darkmode-800);
        &:after {
          border-bottom: var(--colors-darkmode-800);
        }
      }
      .ck.ck-icon :not([fill]) {
        fill: rgb(203 213 225);
      }
      .ck.ck-dropdown__panel {
        border-color: var(--colors-darkmode-800);
      }
      .ck.ck-button.ck-on, a.ck.ck-button.ck-on {
        background-color: var(--colors-darkmode-800);
      }
    }
    .document-editor__editable-container {
      background-color: rgb(40 51 78);
    }
    .document-editor__editable-container .ck-editor__editable {
      border-color: rgb(15 23 42 / 20%);
      background-color: var(--colors-darkmode-800);
    }
  }
  .ck.ck-content.ck-editor__editable_inline {
    border-color: rgb(15 23 42 / 20%);
    background-color: var(--colors-darkmode-800);
  }
  .ck {
    &.ck-list {
      background-color: var(--colors-darkmode-800);
    }
    &.ck-dropdown__panel {
      background-color: var(--colors-darkmode-800);
      border-color: var(--colors-darkmode-800);
    }
    &.ck.ck-input-text {
      background-color: var(--colors-darkmode-400);
      border-color: var(--colors-darkmode-400);
      &:focus {
        box-shadow: none;
      }
    }
    .ck-insert-table-dropdown-grid-box {
      border-color: var(--colors-darkmode-400);
    }
    &.ck-reset_all, &.ck-reset_all * {
      color: rgb(203 213 225) !important;
    }
    .ck {
      .ck-content.ck-editor__editable_inline {
        border-color: rgb(15 23 42 / 20%);
        background-color: var(--colors-darkmode-800);
      }
      &.ck-toolbar, &.ck-balloon-panel {
        background-color: rgb(35 45 69);
        border-color: rgb(15 23 42 / 20%);
        &:before {
          border-bottom-color: rgb(15 23 42 / 20%) !important;
        }
        &:after {
          border-bottom-color: rgb(15 23 42 / 20%) !important;
        }
        .ck-toolbar__separator {
          background-color: var(--colors-darkmode-800);
        }
        .ck-tooltip .ck-tooltip__text {
          color: rgb(226 232 240);
          background-color: var(--colors-darkmode-800);
          &:after {
            border-bottom-color: rgb(15 23 42 / 20%);
          }
        }
        .ck.ck-icon :not([fill]) {
          fill: rgb(203 213 225);
        }
        .ck.ck-dropdown__panel {
          border-color: var(--colors-darkmode-800);
        }
        .ck.ck-button.ck-on, a.ck.ck-button.ck-on {
          background-color: var(--colors-darkmode-800);
        }
      }
      &.ck-editor__main > .ck-editor__editable {
        background-color: var(--colors-darkmode-800);
        &:not(.ck-focused) {
          border-color: rgb(15 23 42 / 20%);
        }
      }
      &.ck-button:not(.ck-disabled):hover, &a.ck-button:not(.ck-disabled):hover {
        background-color: rgb(15 23 42 / 20%);
      }
    }
  }
}
.full-calendar {
  .fc-toolbar {
    @media (max-width: calc(var(--screens-lg) - 1px)) {
      flex-direction: column;
    }
    .fc-toolbar-chunk {
      &:nth-child(1) {
        order: 3;
      }
      &:nth-child(2) {
        order: 1;
      }
      &:nth-child(3) {
        order: 2;
        @media (max-width: calc(var(--screens-lg) - 1px)) {
          margin-top: var(--spacing-3);
          margin-bottom: var(--spacing-3);
        }
        .fc-button-group {
          @media (max-width: calc(var(--screens-sm) - 1px)) {
            display: block;
          }
          button {
            width: var(--spacing-20);
            @media (max-width: calc(var(--screens-sm) - 1px)) {
              width: 100%;
              border-radius: var(--borderRadius-md);
              margin-bottom: var(--spacing-2);
            }
          }
        }
      }
    }
    .fc-toolbar-title {
      font-size: var(--fontSize-base);
      font-weight: var(--font-fontWeight-medium);
    }
  }
  .fc-toolbar-chunk .fc-button-primary {
    &:first-child {
      border-top-left-radius: var(--borderRadius-md);
      border-bottom-left-radius: var(--borderRadius-md);
    }
    &:last-child {
      border-top-right-radius: var(--borderRadius-md);
      border-bottom-right-radius: var(--borderRadius-md);
    }
  }
  .fc-theme-standard {
    .fc-scrollgrid, th, td, .fc-list {
      border-color: rgb(226 232 240 / 60%);
    }
  }
  table {
    border-radius: var(--borderRadius-md);
    tr th .fc-scrollgrid-sync-inner {
      padding-top: var(--spacing-3);
      padding-bottom: var(--spacing-3);
    }
  }
  .fc-daygrid-event-harness {
    margin-left: var(--spacing-5);
    margin-right: var(--spacing-5);
  }
  .fc-h-event {
    background-color: var(--colors-primary);
    border-color: var(--colors-primary);
    border-radius: var(--borderRadius-md);
  }
  .fc-event-main {
    color: var(--colors-primary);
    font-weight: var(--font-fontWeight-medium);
  }
  .fc-event-title-container {
    padding: 0.25rem var(--spacing-2);
    font-size: var(--fontSize-xs);
  }
  .fc-daygrid-event {
    font-size: var(--fontSize-xs);
  }
  .fc-daygrid-event-dot {
    border-color: var(--colors-primary);
    margin-right: var(--spacing-2);
  }
  .fc-daygrid-dot-event .fc-event-title {
    font-weight: var(--font-fontWeight-medium);
  }
  .fc-col-header-cell-cushion {
    font-weight: var(--font-fontWeight-medium);
  }
  &.fc .fc-view-harness {
    @media (max-width: calc(var(--screens-sm) - 1px)) {
      min-height: 400px !important;
    }
  }
  &.fc .fc-daygrid-day-frame {
    @media (max-width: calc(var(--screens-sm) - 1px)) {
      min-height: 60px !important;
    }
  }
  .fc-daygrid-more-link {
    font-size: var(--font-fontSize-sm);
    @media (max-width: calc(var(--screens-md) - 1px)) {
      color: rgb(100 116 139);
      font-size: 10px;
    }
    @media (max-width: calc(var(--screens-sm) - 1px)) {
      padding-left: 0;
      display: block;
      margin-top: calc(var(--spacing-3) * -1);
      leading: 10px;
    }
  }
  .fc-daygrid-day-bottom {
    padding-top: 0.25rem;
  }
  .fc-day-other {
    background-color: rgb(241 245 249 / 50%);
  }
  .fc-button-primary {
    font-weight: var(--fontWeight-normal) !important;
    display: inline-block !important;
    border: 1px solid rgb(226 232 240 / 60%) !important;
    color: rgb(100 116 139) !important;
    background-color: transparent !important;
    text-transform: capitalize !important;
    padding: 0.4em 0.65em !important;
    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: 200ms;
    box-shadow: var(--shadow-sm);
    align-items: center;
    justify-content: center;
    border-radius: var(--borderRadius-md);
    cursor: pointer;
    &:focus {
      box-shadow: var(--ringWidth-4);
      --tw-ring-color: var(--colors-primary);
      --tw-text-opacity: 0.2;
    }
    &:hover:not(:disabled) {
      --tw-background-opacity: 0.9;
      --tw-border-opacity: 0.9;
    }
    &:not(button) {
      text-align: center;
    }
    &:disabled {
      opacity: 0.7;
      cursor: not-allowed;
    }
    .fc-icon {
      font-size: 1.2em !important;
    }
    &:focus {
      box-shadow: none !important;
    }
  }
  .fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
    color: white !important;
    background-color: var(--colors-primary) !important;
    border-color: var(--colors-primary) !important;
  }
  .fc-list-day-cushion {
    background-color: rgb(241 245 249 / 50%) !important;
    padding: 0.75rem 1.25rem !important;
  }
  .fc-list-event td {
    padding: var(--spacing-3) var(--spacing-5);
  }
  .fc-list-event-dot {
    border-color: var(--colors-primary) !important;
  }
  .fc-event-time {
    padding-left: var(--spacing--0-5);
    padding-right: var(--spacing--0-5);
    font-size: 0.75rem !important;
  }
  .fc-daygrid-more-link {
    padding-left: var(--spacing-2);
  }
}
.dark {
  .full-calendar {
    .fc-button-primary {
      background-color: var(--colors-darkmode-400) !important;
      border-color: var(--colors-darkmode-400) !important;
    }
    .fc-list-day-cushion {
      background-color: var(--colors-darkmode-400) !important;
    }
    .fc-event:hover td {
      border-color: var(--colors-darkmode-400) !important;
      background-color: var(--colors-darkmode-400) !important;
    }
    .fc-theme-standard {
      .fc-scrollgrid, th, td, .fc-list {
        border-color: var(--colors-darkmode-400);
      }
    }
    .fc-day-other {
      background-color: rgb(35 45 69);
    }
    .fc-button-primary:focus {
      --tw-ring-color: rgb(51 65 85);
      --tw-ring-opacity: 0.5;
      transition-property: none;
    }
  }
}
.litepicker {
  background-color: white;
  border-radius: var(--radius-lg);
  font-size: var(--font-fontSize-sm);
  z-index: 999999 !important;
  margin-top: 7px;
  box-shadow: 0px 3px 20px #00000014;
  border: 1px solid rgb(226 232 240);
  @media (max-width: calc(var(--screens-lg) - 1px)) {
    width: 310px;
  }
  @media (max-width: calc(var(--screens-sm) - 1px)) {
    left: 0px !important;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  .container__months, .container__footer {
    box-shadow: none;
    background-color: transparent;
    padding-top: 0;
  }
  .container__footer {
    border-top: 1px solid rgb(226 232 240 / 60%);
    margin: 0;
    padding: var(--spacing-3);
    @media (max-width: calc(var(--screens-lg) - 1px)) {
      display: flex;
      flex-direction: column-reverse;
      text-align: center;
    }
    .preview-date-range {
      @media (max-width: calc(var(--screens-lg) - 1px)) {
        width: 100%;
        display: block;
        order: 1;
        margin-bottom: var(--spacing-1.5);
      }
    }
    .button-cancel {
      @media (max-width: calc(var(--screens-lg) - 1px)) {
        width: 100% !important;
        margin-left: 0px !important;
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
      }
    }
    .button-apply {
      @media (max-width: calc(var(--screens-lg) - 1px)) {
        width: 100% !important;
        margin-left: 0px !important;
        padding-top: 0.375rem !important;
        padding-bottom: 0.375rem !important;
        margin-bottom: var(--spacing-1.5);
      }
    }
    .button-apply, .button-cancel {
      width: var(--spacing-20);
      padding: 0.25rem var(--spacing-2);
      border-radius: var(--borderRadius-md);
      font-weight: var(--font-fontWeight-medium);
      margin-left: 0.25rem;
      margin-right: 0;
    }
    .button-apply {
      background-color: rgb(51 65 85);
      color: white;
    }
    .button-cancel {
      background-color: rgb(226 232 240 / 70%);
      color: rgb(100 116 139);
    }
  }
  .container__months {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    .month-item-weekdays-row {
      color: rgb(148 163 184);
      margin-top: var(--spacing-3);
    }
    .month-item-header {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-top: var(--spacing-2);
      .button-previous-month {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--spacing-8);
        height: var(--spacing-8);
        &:hover {
          background-color: rgb(241 245 249);
        }
        svg {
          transform: rotate(135deg);
          margin-right: calc(0.25rem * -1);
        }
      }
      .button-next-month {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--spacing-8);
        height: var(--spacing-8);
        &:hover {
          background-color: rgb(241 245 249);
        }
        svg {
          transform: rotate(-45deg);
          margin-left: calc(0.25rem * -1);
        }
      }
      .button-previous-month:hover svg, .button-previous-month svg, .button-next-month:hover svg, .button-next-month svg {
        fill: transparent;
        border: solid black;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        display: inline-block;
        border-color: #4a5568;
        width: var(--spacing-2);
        height: var(--spacing-2);
        display: block;
      }
      div > .month-item-name, div > .month-item-year {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-size: 15px;
        background-position: center right 0.6rem;
        background-color: transparent;
        font-size: var(--font-fontSize-sm);
        border-width: 1px;
        border-style: solid;
        background-repeat: no-repeat;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: var(--spacing-2);
        padding-right: var(--spacing-8);
        border-radius: var(--borderRadius-md);
        border-color: rgb(226 232 240);
        font-weight: var(--fontWeight-normal);
        &:focus {
          outline: none;
          border-color: rgb(226 232 240);
          --tw-ring-color: transparent;
        }
      }
    }
  }
  .container__days {
    .day-item {
      color: rgb(30 41 59);
      &:hover {
        box-shadow: none;
        background-color: rgb(241 245 249);
        color: rgb(30 41 59);
      }
      &.is-today, &.is-today:hover {
        font-weight: var(--font-fontWeight-medium);
        color: rgb(51 65 85);
      }
      &.is-start-date, &.is-start-date:hover, &.is-end-date, &.is-end-date:hover {
        background-color: rgb(51 65 85);
        color: white;
      }
      &.is-in-range, &.is-in-range:hover {
        background-color: rgb(241 245 249);
      }
    }
    .week-number {
      color: rgb(148 163 184);
    }
  }
}
@media (max-width: calc(var(--screens-lg) - 1px)) {
  :root {
    --litepicker-day-width: 35px;
  }
}
.dark {
  .litepicker {
    background-color: rgb(40 51 78);
    &:before, &:after {
      border-right-color: transparent;
      border-left-color: transparent;
      border-bottom-color: rgb(40 51 78);
    }
    .container__months {
      .button-previous-month:hover {
        background-color: var(--colors-darkmode-400);
      }
      .button-next-month:hover {
        background-color: var(--colors-darkmode-400);
      }
      .month-item-header {
        .button-previous-month:hover svg, .button-previous-month svg, .button-next-month:hover svg, .button-next-month svg {
          border-color: rgb(226 232 240);
        }
        div > .month-item-name, div > .month-item-year {
          color: rgb(226 232 240);
        }
        div > .month-item-name, div > .month-item-year {
          border-color: var(--colors-darkmode-400);
        }
      }
    }
    .container__days {
      .day-item {
        color: rgb(226 232 240);
        &:hover {
          background-color: var(--colors-darkmode-400);
        }
        &.is-start-date, &.is-start-date:hover, &.is-end-date, &.is-end-date:hover {
          background-color: rgb(51 65 85);
          color: rgb(226 232 240);
        }
        &.is-in-range, &.is-in-range:hover {
          background-color: var(--colors-darkmode-400);
        }
        &.is-today, &.is-today:hover {
          color: rgb(226 232 240);
        }
        &.is-locked {
          color: rgb(148 163 184);
          &:hover {
            color: rgb(148 163 184);
          }
        }
      }
    }
    .container__footer {
      border-color: var(--colors-darkmode-400);
      .button-cancel {
        background-color: var(--colors-darkmode-400);
        color: rgb(203 213 225);
      }
    }
    .container__tooltip {
      background-color: var(--colors-darkmode-400);
      &:before, &:after {
        border-top-color: rgb(40 51 78);
      }
    }
  }
}
.tabulator-print-fullscreen-hide:before {
  content: "";
  position: fixed;
  background-color: white;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.tabulator {
  overflow: hidden;
  border: 0;
  background-color: transparent;
  .tabulator-header {
    font-weight: var(--font-fontWeight-medium);
    color: rgb(100 116 139);
    border-top: 1px solid rgb(226 232 240 / 60%);
    border-bottom: 1px solid rgb(226 232 240 / 60%);
    background-color: rgb(248 250 252);
    .tabulator-headers {
      .tabulator-col {
        background-color: transparent;
        border-right-width: 0;
        &.tabulator-sortable.tabulator-col-sorter-element:hover {
          background-color: rgb(241 245 249 / 80%);
        }
        .tabulator-col-content {
          padding: var(--spacing-4) var(--spacing-5);
          .tabulator-col-title {
            padding-right: 0;
          }
          .tabulator-arrow {
            top: -3px;
            border-left-width: 5px;
            border-right-width: 5px;
            bottom: 0;
            margin-top: auto;
            margin-bottom: auto;
          }
        }
        &.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow {
          border-bottom-color: #cbd5e0;
        }
      }
    }
  }
  .tabulator-row {
    border-bottom: 1px dashed rgb(226 232 240);
    &:hover, &.tabulator-row-even:hover {
      background-color: rgb(241 245 249 / 80%);
    }
    &.tabulator-row-even {
      background-color: rgb(248 250 252);
    }
    .tabulator-cell {
      border-right: 0;
      padding: var(--spacing-4) var(--spacing-5);
      &.tabulator-row-handle {
        padding-left: 0;
        padding-right: 0;
      }
      .tabulator-responsive-collapse-toggle {
        width: var(--spacing-4);
        height: var(--spacing-4);
        margin-right: calc(var(--spacing-5) * -1);
        background-color: rgb(148 163 184);
        border-radius: var(--radius-full);
      }
    }
    .tabulator-responsive-collapse {
      padding: var(--spacing-3);
      border-color: rgb(226 232 240);
      border-bottom: 0;
      td {
        padding: var(--spacing-2);
        strong {
          font-weight: var(--font-fontWeight-medium);
        }
      }
    }
  }
  .tabulator-footer {
    background-color: transparent;
    border-top: 0;
    padding: 0 var(--spacing-5);
    margin-top: var(--spacing-2.5);
    @media (max-width: calc(var(--screens-md) - 1px)) {
      white-space: normal;
    }
    .tabulator-footer-contents {
      padding: 0;
      .tabulator-paginator {
        display: flex;
        gap: var(--spacing-2);
        align-items: center;
        flex-direction: row-reverse;
        @media (max-width: calc(var(--screens-md) - 1px)) {
          display: block;
          text-align: left;
        }
        > label {
          display: none;
        }
        .tabulator-page-size {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
          background-size: 20px auto;
          width: var(--spacing-20);
          background-position: center right 0.6rem;
          padding-top: var(--spacing-2);
          padding-bottom: var(--spacing-2);
          padding-left: var(--spacing-3);
          padding-right: var(--spacing-8);
          margin-left: auto;
          margin-right: 0;
          margin-bottom: 0;
          border-radius: 0.5rem;
          box-shadow: var(--shadow-sm);
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          line-height: 1.25rem;
          font-size: var(--font-fontSize-sm);
          font-weight: var(--fontWeight-normal);
          background-color: white;
          border-color: rgb(226 232 240);
          background-repeat: no-repeat;
          @media (max-width: calc(var(--screens-md) - 1px)) {
            width: 100%;
            margin-bottom: var(--spacing-3);
          }
        }
        .tabulator-pages {
          margin: 0 0.25rem;
          gap: var(--spacing-2.5);
        }
        .tabulator-page {
          min-width: 40px;
          display: inline-flex;
          border-color: transparent;
          color: rgb(51 65 85);
          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: 200ms;
          border-width: 1px;
          align-items: center;
          margin: 0;
          justify-content: center;
          padding: var(--spacing-2) var(--spacing-3);
          border-radius: 0.5rem;
          font-weight: var(--fontWeight-normal);
          cursor: pointer;
          &:focus {
            box-shadow: var(--ringWidth-4);
            --tw-ring-color: var(--colors-primary);
            --tw-text-opacity: 0.2;
          }
          &:hover:not(:disabled) {
            --tw-background-opacity: 0.9;
            --tw-border-opacity: 0.9;
          }
          &:not(button) {
            text-align: center;
          }
          &:disabled {
            opacity: 0.7;
            cursor: not-allowed;
          }
          @media (max-width: calc(var(--screens-sm) - 1px)) {
            margin-right: 0;
            padding-left: 0.25rem;
            padding-right: 0.25rem;
          }
          &:hover {
            border-color: rgb(226 232 240);
            background-color: rgb(248 250 252);
            color: rgb(51 65 85);
          }
          &.active {
            border-color: rgb(226 232 240);
            font-weight: var(--font-fontWeight-medium);
            box-shadow: var(--shadow-sm);
            &:hover {
              background-color: rgb(241 245 249);
            }
          }
          &[data-page="first"], &[data-page="prev"], &[data-page="next"], &[data-page="last"] {
            width: var(--spacing-5);
            color: transparent;
          }
          &[data-page="first"] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='11 17 6 12 11 7'%3E%3C/polyline%3E%3Cpolyline points='18 17 13 12 18 7'%3E%3C/polyline%3E%3C/svg%3E");
            background-size: 50%;
            background-position: center;
            background-repeat: no-repeat;
          }
          &[data-page="prev"] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
            background-size: 45%;
            background-position: center;
            background-repeat: no-repeat;
          }
          &[data-page="next"] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
            background-size: 45%;
            background-position: center;
            background-repeat: no-repeat;
          }
          &[data-page="last"] {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='13 17 18 12 13 7'%3E%3C/polyline%3E%3Cpolyline points='6 17 11 12 6 7'%3E%3C/polyline%3E%3C/svg%3E");
            background-size: 50%;
            background-position: center;
            background-repeat: no-repeat;
          }
        }
      }
    }
  }
  .tabulator-tableholder {
    overflow-x: auto;
    overflow-y: hidden;
    .tabulator-placeholder {
      margin-top: var(--spacing-2);
      .tabulator-placeholder-contents {
        color: rgb(100 116 139);
        font-weight: var(--fontWeight-normal);
        font-size: var(--font-fontSize-sm);
      }
    }
  }
  .tabulator-alert {
    background: #ffffffbd;
    .tabulator-alert-msg {
      font-weight: var(--fontWeight-normal);
      font-size: var(--fontSize-base);
      background-color: transparent;
      &.tabulator-alert-state-msg {
        border-width: 0;
        color: rgb(51 65 85);
      }
      &.tabulator-alert-state-error {
        border-width: 0;
        color: var(--colors-danger);
      }
    }
  }
}
.dark {
  .tabulator {
    .tabulator-header {
      color: rgb(203 213 225);
      border-color: var(--colors-darkmode-400);
      .tabulator-headers .tabulator-col:hover {
        background-color: var(--colors-darkmode-300);
      }
    }
    .tabulator-table {
      background-color: transparent;
      color: rgb(226 232 240);
      .tabulator-row {
        background-color: transparent;
        border-color: transparent;
        &:hover, &.tabulator-row-even:hover {
          background-color: rgb(35 45 69);
        }
        &.tabulator-row-even {
          background-color: var(--colors-darkmode-400);
        }
      }
    }
    .tabulator-footer {
      .tabulator-paginator {
        > label {
          color: rgb(226 232 240);
        }
        .tabulator-page-size {
          background-color: var(--colors-darkmode-300);
          border-color: rgb(40 51 78);
          color: rgb(226 232 240);
        }
        .tabulator-page {
          background: transparent;
          color: rgb(226 232 240);
          &:focus {
            --tw-ring-color: rgb(51 65 85);
            --tw-ring-opacity: 0.5;
            transition: none;
          }
          &:hover {
            background-color: rgb(35 45 69);
            color: rgb(203 213 225);
          }
          &.active, &.active:hover {
            background-color: var(--colors-darkmode-300);
          }
        }
      }
    }
    .tabulator-alert {
      background-color: rgb(0 0 0 / 30%);
      .tabulator-alert-msg.tabulator-alert-state-msg {
        color: rgb(226 232 240);
      }
    }
  }
}
.tns-outer {
  position: relative;
  .tns-controls button {
    width: var(--spacing-5);
    height: var(--spacing-5);
    background-color: rgb(226 232 240);
    color: transparent;
    border-radius: var(--radius-full);
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    z-index: var(--zIndex-10);
    outline: none;
    &:hover {
      background-color: rgb(203 213 225);
    }
    &[data-controls="prev"] {
      left: 0;
      margin-left: calc(var(--spacing-6) * -1);
      &:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-size: 80%;
        width: 100%;
        height: 100%;
        background-position: center;
        transform: rotate(90deg);
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
    &[data-controls="next"] {
      right: 0;
      margin-right: calc(var(--spacing-6) * -1);
      &:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
        background-size: 80%;
        width: 100%;
        height: 100%;
        background-position: center;
        transform: rotate(-90deg);
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
      }
    }
  }
  .tns-nav {
    margin-bottom: -1.8rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: var(--zIndex-10);
    display: flex;
    justify-content: center;
    button {
      width: var(--spacing-3);
      height: var(--spacing-3);
      background-color: rgb(203 213 225);
      border-radius: var(--radius-full);
      margin-left: 0.25rem;
      margin-right: 0.25rem;
      outline: none;
      &.tns-nav-active {
        background-color: rgb(100 116 139);
      }
    }
  }
  button[data-action] {
    display: none;
  }
  .tns-visually-hidden {
    display: none;
  }
}
.dark {
  .tns-outer {
    .tns-controls button {
      background-color: var(--colors-darkmode-300);
      &:hover {
        background-color: var(--colors-darkmode-200);
      }
    }
    .tns-nav {
      button {
        background-color: var(--colors-darkmode-300);
        &.tns-nav-active {
          background-color: var(--colors-darkmode-200);
        }
      }
    }
    button[data-action] {
      display: none;
    }
    .tns-visually-hidden {
      display: none;
    }
  }
}
.tooltip-content {
  left: 10000px;
  position: fixed;
}
.tippy-box {
  border-radius: var(--borderRadius-md);
  .tippy-content {
    padding: var(--spacing-1.5) var(--spacing-3);
  }
}
.tippy-popper {
  &[x-placement="left"], &[x-placement="right"], &[x-placement="left-start"], &[x-placement="left-end"], &[x-placement="right-start"], &[x-placement="right-end"] {
    .tippy-roundarrow, .tippy-arrow {
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
    }
  }
  &[x-placement="top"], &[x-placement="bottom"], &[x-placement="top-start"], &[x-placement="top-end"], &[x-placement="bottom-start"], &[x-placement="bottom-end"] {
    .tippy-roundarrow, .tippy-arrow {
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
    }
  }
}
.dark {
  .tippy-box {
    box-shadow: 0 0 20px 4px #00000026, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926;
    color: rgb(203 213 225);
    background-color: var(--colors-darkmode-300);
    & > .tippy-svg-arrow {
      fill: var(--colors-darkmode-300);
    }
  }
}
.toastify {
  background: none;
  box-shadow: none;
  padding: 0;
  color: rgb(51 65 85);
  max-width: calc(100% - 30px);
  @media screen(md) {
    max-width: none;
  }
  .toast-close {
    color: transparent;
    position: absolute;
    opacity: 1;
    top: 0;
    bottom: 0;
    right: 0;
    padding-right: var(--spacing-3);
    display: flex;
    align-items: center;
    &:before {
      content: "×";
      display: block;
      color: rgb(100 116 139);
      font-size: var(--fontSize-3xl);
      margin-top: calc(var(--spacing-1.5) * -1);
      font-weight: var(--fontWeight-light);
    }
  }
}
.tom-select {
  &.ts-wrapper, &.plugin-dropdown_input.focus.dropdown-active {
    border-width: 1px;
    border-style: solid;
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-base);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-size: 18px;
    background-position: center right 0.6rem;
    background-repeat: no-repeat;
    .ts-control {
      border: 0;
      display: flex;
      outline: none;
      min-height: 36px;
      align-items: center;
      background-color: transparent;
      font-size: inherit;
      padding: var(--spacing-2) var(--spacing-3);
      input {
        font-size: inherit;
      }
    }
  }
  &.ts-wrapper.disabled {
    background-color: rgb(241 245 249);
  }
  &.ts-wrapper.single.input-active .ts-control {
    background-color: transparent;
  }
  &.ts-wrapper.multi {
    &.has-items .ts-control {
      -moz-column-gap: var(--spacing-2.5);
           column-gap: var(--spacing-2.5);
      row-gap: 0.25rem;
      padding: 0.25rem var(--spacing-2.5);
    }
    .ts-control > div {
      padding: 0 var(--spacing-2);
      margin: 0 0 0 calc(var(--spacing-1.5) * -1);
      border-radius: var(--radius-base);
      background-color: rgb(226 232 240);
    }
  }
  &.ts-wrapper.plugin-remove_button .item .remove {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: rgb(203 213 225);
    padding: 0.25rem var(--spacing-2);
  }
  &.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    margin-left: var(--spacing-2);
  }
  &.ts-wrapper .dropdown-header {
    border-color: rgb(226 232 240);
    background-color: rgb(241 245 249);
    padding: var(--spacing-2.5);
    font-weight: var(--font-fontWeight-medium);
  }
  &.plugin-dropdown_input.focus.dropdown-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' transform='rotate(180)' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  }
  &.plugin-dropdown_input .dropdown-input-wrap .dropdown-input {
    outline: none;
  }
  .ts-dropdown {
    left: -1px;
    right: -1px;
    width: auto;
    z-index: 50;
    margin-top: 1px;
    font-size: inherit;
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-base);
    border: 1px solid rgb(226 232 240);
    .dropdown-input-wrap {
      padding: var(--spacing-2);
      .dropdown-input {
        border-radius: var(--radius-base);
        border: 1px solid rgb(226 232 240);
      }
    }
    .optgroup-header {
      padding: var(--spacing-2.5) var(--spacing-3);
      font-weight: var(--font-fontWeight-medium);
      background-color: rgb(241 245 249);
    }
    .option {
      padding: var(--spacing-2.5) var(--spacing-3);
      &[data-selectable] {
        &.active:not(.selected) {
          color: inherit;
          background-color: transparent;
          background-color: rgb(241 245 249);
        }
        &:hover:not(.selected) {
          color: inherit;
          background-color: rgb(241 245 249);
        }
      }
    }
    .selected {
      color: white;
      background-color: var(--colors-primary);
    }
    [data-selectable] .highlight {
      color: white;
      background-color: var(--colors-danger);
    }
  }
}
.dark {
  .tom-select {
    &.ts-wrapper, &.plugin-dropdown_input.focus.dropdown-active {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
      .ts-control {
        color: rgb(203 213 225);
      }
    }
    &.ts-wrapper.disabled {
      border-color: transparent;
      background-color: var(--colors-darkmode-800);
    }
    &.ts-wrapper.multi {
      .ts-control > div {
        color: rgb(203 213 225);
        background-color: rgb(40 51 78);
      }
    }
    &.ts-wrapper.plugin-remove_button .item .remove {
      border-color: var(--colors-darkmode-400);
    }
    &.ts-wrapper .dropdown-header {
      border-color: var(--colors-darkmode-800);
      background-color: var(--colors-darkmode-800);
    }
    &.plugin-dropdown_input.focus.dropdown-active {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' transform='rotate(180)' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    }
    .ts-dropdown {
      color: rgb(203 213 225);
      border-color: var(--colors-darkmode-800);
      background-color: rgb(35 45 69);
      .dropdown-input-wrap {
        .dropdown-input {
          border-color: var(--colors-darkmode-800);
          background-color: rgb(40 51 78);
        }
      }
      .optgroup-header {
        color: rgb(203 213 225);
        background-color: var(--colors-darkmode-800);
      }
      .option {
        &[data-selectable] {
          &.active:not(.selected) {
            background-color: rgb(40 51 78);
          }
          &:hover:not(.selected) {
            background-color: rgb(40 51 78);
          }
        }
      }
    }
  }
  .ts-wrapper {
    border-color: var(--colors-darkmode-800);
    background-color: var(--colors-darkmode-800);
  }
}
.zoom-overlay {
  background-color: rgb(0 0 0 / 75%);
}
.dark {
  .zoom-overlay {
    background-color: rgb(0 0 0 / 40%);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

/*# sourceMappingURL=app-rtl.css.map*/