/* Stable Tailwind-compatible preflight for WordPress */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:Vazirmatn,ui-sans-serif,system-ui,sans-serif}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd{margin:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;background-color:transparent}
button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-image:none}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:inherit}button,[role=button]{cursor:pointer}:disabled{cursor:default}
[hidden]{display:none!important}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --spacing: 0.25rem;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-surface-variant: #1a3655;
  --color-surface-container-low: #001c37;
  --color-secondary-container: #00655b;
  --color-on-surface-variant: #c3c6d5;
  --color-secondary: #86d5c8;
  --color-tertiary-container: #7f8bdb;
  --color-on-tertiary: #1a2873;
  --color-tertiary: #bbc3ff;
  --color-surface: #00142a;
  --color-background: #00142a;
  --color-on-secondary: #003732;
  --color-primary-container: #5e8ef4;
  --color-primary: #b0c6ff;
  --color-surface-container-high: #0d2b49;
  --color-on-primary: #002d6e;
  --color-on-surface: #d2e4ff;
  --spacing-margin-mobile: 16px;
  --spacing-margin-desktop: 64px;
  --spacing-gutter: 24px;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-full: 9999px;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.invisible {
  visibility: hidden;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
.-top-24 {
  top: calc(var(--spacing) * -24);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-0\.5 {
  top: calc(var(--spacing) * 0.5);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-\[calc\(100\%\+14px\)\] {
  top: calc(100% + 14px);
}
.-right-20 {
  right: calc(var(--spacing) * -20);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-0\.5 {
  right: calc(var(--spacing) * 0.5);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.-bottom-28 {
  bottom: calc(var(--spacing) * -28);
}
.bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.bottom-5 {
  bottom: calc(var(--spacing) * 5);
}
.bottom-10 {
  bottom: calc(var(--spacing) * 10);
}
.-left-24 {
  left: calc(var(--spacing) * -24);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-3 {
  left: calc(var(--spacing) * 3);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-5 {
  left: calc(var(--spacing) * 5);
}
.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-\[-2\] {
  z-index: -2;
}
.z-\[-3\] {
  z-index: -3;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.container {
  width: 100%
}
@media (min-width: 96rem){
.container {
    max-width: 96rem
}
}
@media (min-width: 80rem){
.container {
    max-width: 80rem
}
}
@media (min-width: 64rem){
.container {
    max-width: 64rem
}
}
@media (min-width: 48rem){
.container {
    max-width: 48rem
}
}
@media (min-width: 40rem){
.container {
    max-width: 40rem
}
}
.mx-auto {
  margin-inline: auto;
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-auto {
  margin-top: auto;
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.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;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-flex {
  display: inline-flex;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[16\/10\] {
  aspect-ratio: 16/10;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.\!h-10 {
  height: calc(var(--spacing) * 10) !important;
}
.\!h-11 {
  height: calc(var(--spacing) * 11) !important;
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-11 {
  height: calc(var(--spacing) * 11);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-24 {
  height: calc(var(--spacing) * 24);
}
.h-28 {
  height: calc(var(--spacing) * 28);
}
.h-56 {
  height: calc(var(--spacing) * 56);
}
.h-72 {
  height: calc(var(--spacing) * 72);
}
.h-80 {
  height: calc(var(--spacing) * 80);
}
.h-\[560px\] {
  height: 560px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.min-h-\[112px\] {
  min-height: 112px;
}
.min-h-\[178px\] {
  min-height: 178px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-10 {
  width: calc(var(--spacing) * 10) !important;
}
.\!w-11 {
  width: calc(var(--spacing) * 11) !important;
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-2\/5 {
  width: calc(2/5 * 100%);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-72 {
  width: calc(var(--spacing) * 72);
}
.w-80 {
  width: calc(var(--spacing) * 80);
}
.w-\[42\%\] {
  width: 42%;
}
.w-\[58\%\] {
  width: 58%;
}
.w-\[64\%\] {
  width: 64%;
}
.w-\[72\%\] {
  width: 72%;
}
.w-\[200\%\] {
  width: 200%;
}
.w-\[860px\] {
  width: 860px;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.max-w-\[1440px\] {
  max-width: 1440px;
}
.max-w-full {
  max-width: 100%;
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-3 {
  --tw-translate-y: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.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,);
}
.cursor-pointer {
  cursor: pointer;
}
.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));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.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;
}
.gap-0 {
  gap: calc(var(--spacing) * 0);
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-7 {
  gap: calc(var(--spacing) * 7);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-16 {
  gap: calc(var(--spacing) * 16);
}
.gap-gutter {
  gap: var(--spacing-gutter);
}
:where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
:where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
:where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
:where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
:where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-\[18px\] {
  border-radius: 18px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[22px\] {
  border-radius: 22px;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[32px\] {
  border-radius: 32px;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-full {
  border-radius: var(--radius-full);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-primary\/15 {
  border-color: color-mix(in srgb, #b0c6ff 15%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-primary\/15 {
    border-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
}
}
.border-primary\/20 {
  border-color: color-mix(in srgb, #b0c6ff 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-primary\/20 {
    border-color: color-mix(in oklab, var(--color-primary) 20%, transparent)
}
}
.border-primary\/25 {
  border-color: color-mix(in srgb, #b0c6ff 25%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-primary\/25 {
    border-color: color-mix(in oklab, var(--color-primary) 25%, transparent)
}
}
.border-primary\/30 {
  border-color: color-mix(in srgb, #b0c6ff 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-primary\/30 {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent)
}
}
.border-secondary\/15 {
  border-color: color-mix(in srgb, #86d5c8 15%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-secondary\/15 {
    border-color: color-mix(in oklab, var(--color-secondary) 15%, transparent)
}
}
.border-secondary\/20 {
  border-color: color-mix(in srgb, #86d5c8 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-secondary\/20 {
    border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)
}
}
.border-secondary\/25 {
  border-color: color-mix(in srgb, #86d5c8 25%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-secondary\/25 {
    border-color: color-mix(in oklab, var(--color-secondary) 25%, transparent)
}
}
.border-secondary\/30 {
  border-color: color-mix(in srgb, #86d5c8 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-secondary\/30 {
    border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent)
}
}
.border-surface-variant\/30 {
  border-color: color-mix(in srgb, #1a3655 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-surface-variant\/30 {
    border-color: color-mix(in oklab, var(--color-surface-variant) 30%, transparent)
}
}
.border-tertiary\/15 {
  border-color: color-mix(in srgb, #bbc3ff 15%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-tertiary\/15 {
    border-color: color-mix(in oklab, var(--color-tertiary) 15%, transparent)
}
}
.border-tertiary\/25 {
  border-color: color-mix(in srgb, #bbc3ff 25%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-tertiary\/25 {
    border-color: color-mix(in oklab, var(--color-tertiary) 25%, transparent)
}
}
.border-tertiary\/30 {
  border-color: color-mix(in srgb, #bbc3ff 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-tertiary\/30 {
    border-color: color-mix(in oklab, var(--color-tertiary) 30%, transparent)
}
}
.border-white\/8 {
  border-color: color-mix(in srgb, #ffffff 8%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-white\/8 {
    border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
}
}
.border-white\/10 {
  border-color: color-mix(in srgb, #ffffff 10%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-white\/10 {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
}
}
.border-white\/12 {
  border-color: color-mix(in srgb, #ffffff 12%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-white\/12 {
    border-color: color-mix(in oklab, var(--color-white) 12%, transparent)
}
}
.border-white\/15 {
  border-color: color-mix(in srgb, #ffffff 15%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-white\/15 {
    border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
}
}
.border-white\/25 {
  border-color: color-mix(in srgb, #ffffff 25%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-white\/25 {
    border-color: color-mix(in oklab, var(--color-white) 25%, transparent)
}
}
.border-white\/30 {
  border-color: color-mix(in srgb, #ffffff 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.border-white\/30 {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent)
}
}
.bg-background\/60 {
  background-color: color-mix(in srgb, #00142a 60%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-background\/60 {
    background-color: color-mix(in oklab, var(--color-background) 60%, transparent)
}
}
.bg-background\/70 {
  background-color: color-mix(in srgb, #00142a 70%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-background\/70 {
    background-color: color-mix(in oklab, var(--color-background) 70%, transparent)
}
}
.bg-black\/30 {
  background-color: color-mix(in srgb, #000000 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-black\/30 {
    background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
}
}
.bg-black\/35 {
  background-color: color-mix(in srgb, #000000 35%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-black\/35 {
    background-color: color-mix(in oklab, var(--color-black) 35%, transparent)
}
}
.bg-black\/45 {
  background-color: color-mix(in srgb, #000000 45%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-black\/45 {
    background-color: color-mix(in oklab, var(--color-black) 45%, transparent)
}
}
.bg-black\/55 {
  background-color: color-mix(in srgb, #000000 55%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-black\/55 {
    background-color: color-mix(in oklab, var(--color-black) 55%, transparent)
}
}
.bg-on-surface-variant\/40 {
  background-color: color-mix(in srgb, #c3c6d5 40%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-on-surface-variant\/40 {
    background-color: color-mix(in oklab, var(--color-on-surface-variant) 40%, transparent)
}
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-primary\/10 {
  background-color: color-mix(in srgb, #b0c6ff 10%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-primary\/10 {
    background-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
}
}
.bg-primary\/18 {
  background-color: color-mix(in srgb, #b0c6ff 18%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-primary\/18 {
    background-color: color-mix(in oklab, var(--color-primary) 18%, transparent)
}
}
.bg-primary\/20 {
  background-color: color-mix(in srgb, #b0c6ff 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-primary\/20 {
    background-color: color-mix(in oklab, var(--color-primary) 20%, transparent)
}
}
.bg-primary\/30 {
  background-color: color-mix(in srgb, #b0c6ff 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-primary\/30 {
    background-color: color-mix(in oklab, var(--color-primary) 30%, transparent)
}
}
.bg-primary\/60 {
  background-color: color-mix(in srgb, #b0c6ff 60%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-primary\/60 {
    background-color: color-mix(in oklab, var(--color-primary) 60%, transparent)
}
}
.bg-primary\/70 {
  background-color: color-mix(in srgb, #b0c6ff 70%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-primary\/70 {
    background-color: color-mix(in oklab, var(--color-primary) 70%, transparent)
}
}
.bg-primary\/90 {
  background-color: color-mix(in srgb, #b0c6ff 90%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-primary\/90 {
    background-color: color-mix(in oklab, var(--color-primary) 90%, transparent)
}
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-secondary\/10 {
  background-color: color-mix(in srgb, #86d5c8 10%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-secondary\/10 {
    background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent)
}
}
.bg-secondary\/15 {
  background-color: color-mix(in srgb, #86d5c8 15%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-secondary\/15 {
    background-color: color-mix(in oklab, var(--color-secondary) 15%, transparent)
}
}
.bg-secondary\/18 {
  background-color: color-mix(in srgb, #86d5c8 18%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-secondary\/18 {
    background-color: color-mix(in oklab, var(--color-secondary) 18%, transparent)
}
}
.bg-secondary\/20 {
  background-color: color-mix(in srgb, #86d5c8 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-secondary\/20 {
    background-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)
}
}
.bg-secondary\/50 {
  background-color: color-mix(in srgb, #86d5c8 50%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-secondary\/50 {
    background-color: color-mix(in oklab, var(--color-secondary) 50%, transparent)
}
}
.bg-secondary\/70 {
  background-color: color-mix(in srgb, #86d5c8 70%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-secondary\/70 {
    background-color: color-mix(in oklab, var(--color-secondary) 70%, transparent)
}
}
.bg-secondary\/80 {
  background-color: color-mix(in srgb, #86d5c8 80%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-secondary\/80 {
    background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent)
}
}
.bg-surface-container-high\/70 {
  background-color: color-mix(in srgb, #0d2b49 70%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-surface-container-high\/70 {
    background-color: color-mix(in oklab, var(--color-surface-container-high) 70%, transparent)
}
}
.bg-surface-container-low\/75 {
  background-color: color-mix(in srgb, #001c37 75%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-surface-container-low\/75 {
    background-color: color-mix(in oklab, var(--color-surface-container-low) 75%, transparent)
}
}
.bg-surface-variant {
  background-color: var(--color-surface-variant);
}
.bg-surface\/50 {
  background-color: color-mix(in srgb, #00142a 50%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-surface\/50 {
    background-color: color-mix(in oklab, var(--color-surface) 50%, transparent)
}
}
.bg-tertiary {
  background-color: var(--color-tertiary);
}
.bg-tertiary\/10 {
  background-color: color-mix(in srgb, #bbc3ff 10%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-tertiary\/10 {
    background-color: color-mix(in oklab, var(--color-tertiary) 10%, transparent)
}
}
.bg-tertiary\/18 {
  background-color: color-mix(in srgb, #bbc3ff 18%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-tertiary\/18 {
    background-color: color-mix(in oklab, var(--color-tertiary) 18%, transparent)
}
}
.bg-tertiary\/20 {
  background-color: color-mix(in srgb, #bbc3ff 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-tertiary\/20 {
    background-color: color-mix(in oklab, var(--color-tertiary) 20%, transparent)
}
}
.bg-white\/5 {
  background-color: color-mix(in srgb, #ffffff 5%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/5 {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
}
}
.bg-white\/10 {
  background-color: color-mix(in srgb, #ffffff 10%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/10 {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
}
}
.bg-white\/18 {
  background-color: color-mix(in srgb, #ffffff 18%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/18 {
    background-color: color-mix(in oklab, var(--color-white) 18%, transparent)
}
}
.bg-white\/20 {
  background-color: color-mix(in srgb, #ffffff 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/20 {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
}
}
.bg-white\/30 {
  background-color: color-mix(in srgb, #ffffff 30%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/30 {
    background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
}
}
.bg-white\/\[0\.04\] {
  background-color: color-mix(in srgb, #ffffff 4%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/\[0\.04\] {
    background-color: color-mix(in oklab, var(--color-white) 4%, transparent)
}
}
.bg-white\/\[0\.035\] {
  background-color: color-mix(in srgb, #ffffff 3.5000000000000004%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/\[0\.035\] {
    background-color: color-mix(in oklab, var(--color-white) 3.5000000000000004%, transparent)
}
}
.bg-white\/\[0\.045\] {
  background-color: color-mix(in srgb, #ffffff 4.5%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/\[0\.045\] {
    background-color: color-mix(in oklab, var(--color-white) 4.5%, transparent)
}
}
.bg-white\/\[0\.055\] {
  background-color: color-mix(in srgb, #ffffff 5.5%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.bg-white\/\[0\.055\] {
    background-color: color-mix(in oklab, var(--color-white) 5.5%, transparent)
}
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  --tw-gradient-position: to left 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-\[radial-gradient\(circle_at_30\%_20\%\,rgba\(176\,198\,255\,0\.10\)\,transparent_34\%\)\,radial-gradient\(circle_at_80\%_72\%\,rgba\(134\,213\,200\,0\.10\)\,transparent_32\%\)\] {
  background-image: radial-gradient(circle at 30% 20%,rgba(176,198,255,0.10),transparent 34%),radial-gradient(circle at 80% 72%,rgba(134,213,200,0.10),transparent 32%);
}
.from-\[\#f59e0b\] {
  --tw-gradient-from: #f59e0b;
  --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-background {
  --tw-gradient-from: var(--color-background);
  --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\/50 {
  --tw-gradient-from: color-mix(in srgb, #000000 50%, 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));
}
@supports (color: color-mix(in lab, red, red)){
.from-black\/50 {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.from-black\/55 {
  --tw-gradient-from: color-mix(in srgb, #000000 55%, 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));
}
@supports (color: color-mix(in lab, red, red)){
.from-black\/55 {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent);
}
}
.from-black\/70 {
  --tw-gradient-from: color-mix(in srgb, #000000 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));
}
@supports (color: color-mix(in lab, red, red)){
.from-black\/70 {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
}
}
.from-primary {
  --tw-gradient-from: var(--color-primary);
  --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-primary\/10 {
  --tw-gradient-from: color-mix(in srgb, #b0c6ff 10%, 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));
}
@supports (color: color-mix(in lab, red, red)){
.from-primary\/10 {
    --tw-gradient-from: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
.from-primary\/15 {
  --tw-gradient-from: color-mix(in srgb, #b0c6ff 15%, 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));
}
@supports (color: color-mix(in lab, red, red)){
.from-primary\/15 {
    --tw-gradient-from: color-mix(in oklab, var(--color-primary) 15%, transparent);
}
}
.from-secondary {
  --tw-gradient-from: var(--color-secondary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-secondary\/20 {
  --tw-gradient-from: color-mix(in srgb, #86d5c8 20%, 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));
}
@supports (color: color-mix(in lab, red, red)){
.from-secondary\/20 {
    --tw-gradient-from: color-mix(in oklab, var(--color-secondary) 20%, transparent);
}
}
.from-tertiary {
  --tw-gradient-from: var(--color-tertiary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-background\/30 {
  --tw-gradient-via: color-mix(in srgb, #00142a 30%, 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);
}
@supports (color: color-mix(in lab, red, red)){
.via-background\/30 {
    --tw-gradient-via: color-mix(in oklab, var(--color-background) 30%, transparent);
}
}
.via-background\/35 {
  --tw-gradient-via: color-mix(in srgb, #00142a 35%, 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);
}
@supports (color: color-mix(in lab, red, red)){
.via-background\/35 {
    --tw-gradient-via: color-mix(in oklab, var(--color-background) 35%, transparent);
}
}
.via-background\/60 {
  --tw-gradient-via: color-mix(in srgb, #00142a 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);
}
@supports (color: color-mix(in lab, red, red)){
.via-background\/60 {
    --tw-gradient-via: color-mix(in oklab, var(--color-background) 60%, transparent);
}
}
.via-black\/15 {
  --tw-gradient-via: color-mix(in srgb, #000000 15%, 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);
}
@supports (color: color-mix(in lab, red, red)){
.via-black\/15 {
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 15%, transparent);
}
}
.via-secondary {
  --tw-gradient-via: var(--color-secondary);
  --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-surface-container-high\/40 {
  --tw-gradient-via: color-mix(in srgb, #0d2b49 40%, 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);
}
@supports (color: color-mix(in lab, red, red)){
.via-surface-container-high\/40 {
    --tw-gradient-via: color-mix(in oklab, var(--color-surface-container-high) 40%, transparent);
}
}
.via-transparent {
  --tw-gradient-via: 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);
}
.to-background {
  --tw-gradient-to: var(--color-background);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary {
  --tw-gradient-to: var(--color-primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/15 {
  --tw-gradient-to: color-mix(in srgb, #b0c6ff 15%, 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));
}
@supports (color: color-mix(in lab, red, red)){
.to-primary\/15 {
    --tw-gradient-to: color-mix(in oklab, var(--color-primary) 15%, transparent);
}
}
.to-secondary {
  --tw-gradient-to: var(--color-secondary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-secondary\/10 {
  --tw-gradient-to: color-mix(in srgb, #86d5c8 10%, 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));
}
@supports (color: color-mix(in lab, red, red)){
.to-secondary\/10 {
    --tw-gradient-to: color-mix(in oklab, var(--color-secondary) 10%, transparent);
}
}
.to-tertiary {
  --tw-gradient-to: var(--color-tertiary);
  --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-cover {
  background-size: cover;
}
.bg-clip-text {
  background-clip: text;
}
.bg-center {
  background-position: center;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-\[1px\] {
  padding: 1px;
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
  padding-inline: calc(var(--spacing) * 7);
}
.px-margin-mobile {
  padding-inline: var(--spacing-margin-mobile);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-12 {
  padding-top: calc(var(--spacing) * 12);
}
.pt-24 {
  padding-top: calc(var(--spacing) * 24);
}
.pt-32 {
  padding-top: calc(var(--spacing) * 32);
}
.pt-36 {
  padding-top: calc(var(--spacing) * 36);
}
.pr-12 {
  padding-right: calc(var(--spacing) * 12);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pb-24 {
  padding-bottom: calc(var(--spacing) * 24);
}
.pb-28 {
  padding-bottom: calc(var(--spacing) * 28);
}
.pb-32 {
  padding-bottom: calc(var(--spacing) * 32);
}
.pb-36 {
  padding-bottom: calc(var(--spacing) * 36);
}
.pb-40 {
  padding-bottom: calc(var(--spacing) * 40);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[19px\] {
  font-size: 19px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[28px\] {
  font-size: 28px;
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
.leading-8 {
  --tw-leading: calc(var(--spacing) * 8);
  line-height: calc(var(--spacing) * 8);
}
.leading-9 {
  --tw-leading: calc(var(--spacing) * 9);
  line-height: calc(var(--spacing) * 9);
}
.leading-\[1\.18\] {
  --tw-leading: 1.18;
  line-height: 1.18;
}
.leading-\[1\.25\] {
  --tw-leading: 1.25;
  line-height: 1.25;
}
.leading-\[1\.35\] {
  --tw-leading: 1.35;
  line-height: 1.35;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.tracking-\[-0\.03em\] {
  --tw-tracking: -0.03em;
  letter-spacing: -0.03em;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-on-primary {
  color: var(--color-on-primary);
}
.text-on-secondary {
  color: var(--color-on-secondary);
}
.text-on-surface {
  color: var(--color-on-surface);
}
.text-on-surface-variant {
  color: var(--color-on-surface-variant);
}
.text-on-surface-variant\/70 {
  color: color-mix(in srgb, #c3c6d5 70%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.text-on-surface-variant\/70 {
    color: color-mix(in oklab, var(--color-on-surface-variant) 70%, transparent)
}
}
.text-on-surface-variant\/80 {
  color: color-mix(in srgb, #c3c6d5 80%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.text-on-surface-variant\/80 {
    color: color-mix(in oklab, var(--color-on-surface-variant) 80%, transparent)
}
}
.text-on-tertiary {
  color: var(--color-on-tertiary);
}
.text-primary {
  color: var(--color-primary);
}
.text-primary\/70 {
  color: color-mix(in srgb, #b0c6ff 70%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.text-primary\/70 {
    color: color-mix(in oklab, var(--color-primary) 70%, transparent)
}
}
.text-secondary {
  color: var(--color-secondary);
}
.text-tertiary {
  color: var(--color-tertiary);
}
.text-transparent {
  color: transparent;
}
.text-white {
  color: var(--color-white);
}
.text-white\/70 {
  color: color-mix(in srgb, #ffffff 70%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.text-white\/70 {
    color: color-mix(in oklab, var(--color-white) 70%, transparent)
}
}
.text-white\/80 {
  color: color-mix(in srgb, #ffffff 80%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.text-white\/80 {
    color: color-mix(in oklab, var(--color-white) 80%, transparent)
}
}
.text-white\/90 {
  color: color-mix(in srgb, #ffffff 90%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.text-white\/90 {
    color: color-mix(in oklab, var(--color-white) 90%, transparent)
}
}
.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,);
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-70 {
  opacity: 70%;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.shadow-\[0_18px_45px_rgba\(134\,213\,200\,0\.18\)\] {
  --tw-shadow: 0 18px 45px var(--tw-shadow-color, rgba(134,213,200,0.18));
  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_25px_80px_rgba\(0\,0\,0\,0\.32\)\] {
  --tw-shadow: 0 25px 80px var(--tw-shadow-color, rgba(0,0,0,0.32));
  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_30px_90px_rgba\(0\,0\,0\,0\.28\)\] {
  --tw-shadow: 0 30px 90px var(--tw-shadow-color, rgba(0,0,0,0.28));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-primary\/20 {
  --tw-shadow-color: color-mix(in srgb, #b0c6ff 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.shadow-primary\/20 {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)
}
}
.shadow-secondary\/20 {
  --tw-shadow-color: color-mix(in srgb, #86d5c8 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.shadow-secondary\/20 {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-secondary) 20%, transparent) var(--tw-shadow-alpha), transparent)
}
}
.shadow-tertiary\/20 {
  --tw-shadow-color: color-mix(in srgb, #bbc3ff 20%, transparent)
}
@supports (color: color-mix(in lab, red, red)){
.shadow-tertiary\/20 {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-tertiary) 20%, transparent) var(--tw-shadow-alpha), transparent)
}
}
.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-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
@media (hover: hover){
.group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
  }
}
@media (hover: hover){
.group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
  }
}
@media (hover: hover){
.group-hover\:rotate-180:is(:where(.group):hover *) {
      rotate: 180deg
  }
}
@media (hover: hover){
.group-hover\:bg-background\/40:is(:where(.group):hover *) {
      background-color: color-mix(in srgb, #00142a 40%, transparent)
  }
@supports (color: color-mix(in lab, red, red)){
.group-hover\:bg-background\/40:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-background) 40%, transparent)
  }
  }
}
@media (hover: hover){
.group-hover\:bg-primary:is(:where(.group):hover *) {
      background-color: var(--color-primary)
  }
}
@media (hover: hover){
.group-hover\:text-on-primary:is(:where(.group):hover *) {
      color: var(--color-on-primary)
  }
}
@media (hover: hover){
.group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary)
  }
}
@media (hover: hover){
.group-hover\:text-secondary:is(:where(.group):hover *) {
      color: var(--color-secondary)
  }
}
@media (hover: hover){
.group-hover\:text-tertiary:is(:where(.group):hover *) {
      color: var(--color-tertiary)
  }
}
@media (hover: hover){
.group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%
  }
}
.selection\:bg-primary::selection {
    background-color: var(--color-primary);
  }
.selection\:bg-primary *::selection {
    background-color: var(--color-primary);
  }
.selection\:text-on-primary::selection {
    color: var(--color-on-primary);
  }
.selection\:text-on-primary *::selection {
    color: var(--color-on-primary);
  }
@media (hover: hover){
.hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
  }
}
@media (hover: hover){
.hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
  }
}
@media (hover: hover){
.hover\:bg-primary-container:hover {
      background-color: var(--color-primary-container)
  }
}
@media (hover: hover){
.hover\:bg-primary\/15:hover {
      background-color: color-mix(in srgb, #b0c6ff 15%, transparent)
  }
@supports (color: color-mix(in lab, red, red)){
.hover\:bg-primary\/15:hover {
        background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
  }
  }
}
@media (hover: hover){
.hover\:bg-secondary-container:hover {
      background-color: var(--color-secondary-container)
  }
}
@media (hover: hover){
.hover\:bg-secondary\/15:hover {
      background-color: color-mix(in srgb, #86d5c8 15%, transparent)
  }
@supports (color: color-mix(in lab, red, red)){
.hover\:bg-secondary\/15:hover {
        background-color: color-mix(in oklab, var(--color-secondary) 15%, transparent)
  }
  }
}
@media (hover: hover){
.hover\:bg-tertiary-container:hover {
      background-color: var(--color-tertiary-container)
  }
}
@media (hover: hover){
.hover\:bg-tertiary\/15:hover {
      background-color: color-mix(in srgb, #bbc3ff 15%, transparent)
  }
@supports (color: color-mix(in lab, red, red)){
.hover\:bg-tertiary\/15:hover {
        background-color: color-mix(in oklab, var(--color-tertiary) 15%, transparent)
  }
  }
}
@media (hover: hover){
.hover\:bg-white\/10:hover {
      background-color: color-mix(in srgb, #ffffff 10%, transparent)
  }
@supports (color: color-mix(in lab, red, red)){
.hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
  }
  }
}
@media (hover: hover){
.hover\:bg-white\/20:hover {
      background-color: color-mix(in srgb, #ffffff 20%, transparent)
  }
@supports (color: color-mix(in lab, red, red)){
.hover\:bg-white\/20:hover {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
  }
  }
}
@media (hover: hover){
.hover\:bg-white\/50:hover {
      background-color: color-mix(in srgb, #ffffff 50%, transparent)
  }
@supports (color: color-mix(in lab, red, red)){
.hover\:bg-white\/50:hover {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent)
  }
  }
}
@media (hover: hover){
.hover\:text-primary:hover {
      color: var(--color-primary)
  }
}
@media (hover: hover){
.hover\:text-primary-container:hover {
      color: var(--color-primary-container)
  }
}
@media (hover: hover){
.hover\:text-secondary:hover {
      color: var(--color-secondary)
  }
}
@media (hover: hover){
.hover\:text-white:hover {
      color: var(--color-white)
  }
}
@media (min-width: 40rem){
.sm\:block {
    display: block
}
}
@media (min-width: 40rem){
.sm\:flex {
    display: flex
}
}
@media (min-width: 40rem){
.sm\:inline-flex {
    display: inline-flex
}
}
@media (min-width: 40rem){
.sm\:min-h-\[178px\] {
    min-height: 178px
}
}
@media (min-width: 40rem){
.sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media (min-width: 40rem){
.sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media (min-width: 40rem){
.sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media (min-width: 40rem){
.sm\:grid-cols-\[280px_auto\] {
    grid-template-columns: 280px auto
}
}
@media (min-width: 40rem){
.sm\:flex-row {
    flex-direction: row
}
}
@media (min-width: 40rem){
.sm\:items-end {
    align-items: flex-end
}
}
@media (min-width: 40rem){
.sm\:justify-between {
    justify-content: space-between
}
}
@media (min-width: 40rem){
.sm\:p-5 {
    padding: calc(var(--spacing) * 5)
}
}
@media (min-width: 40rem){
.sm\:p-6 {
    padding: calc(var(--spacing) * 6)
}
}
@media (min-width: 40rem){
.sm\:p-8 {
    padding: calc(var(--spacing) * 8)
}
}
@media (min-width: 40rem){
.sm\:text-\[36px\] {
    font-size: 36px
}
}
@media (min-width: 48rem){
.md\:right-8 {
    right: calc(var(--spacing) * 8)
}
}
@media (min-width: 48rem){
.md\:left-8 {
    left: calc(var(--spacing) * 8)
}
}
@media (min-width: 48rem){
.md\:left-auto {
    left: auto
}
}
@media (min-width: 48rem){
.md\:col-span-2 {
    grid-column: span 2 / span 2
}
}
@media (min-width: 48rem){
.md\:col-span-4 {
    grid-column: span 4 / span 4
}
}
@media (min-width: 48rem){
.md\:mr-12 {
    margin-right: calc(var(--spacing) * 12)
}
}
@media (min-width: 48rem){
.md\:block {
    display: block
}
}
@media (min-width: 48rem){
.md\:flex {
    display: flex
}
}
@media (min-width: 48rem){
.md\:hidden {
    display: none
}
}
@media (min-width: 48rem){
.md\:inline-flex {
    display: inline-flex
}
}
@media (min-width: 48rem){
.md\:w-\[460px\] {
    width: 460px
}
}
@media (min-width: 48rem){
.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media (min-width: 48rem){
.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media (min-width: 48rem){
.md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media (min-width: 48rem){
.md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
}
@media (min-width: 48rem){
.md\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}
}
@media (min-width: 48rem){
.md\:flex-row {
    flex-direction: row
}
}
@media (min-width: 48rem){
.md\:gap-2 {
    gap: calc(var(--spacing) * 2)
}
}
@media (min-width: 48rem){
.md\:gap-3 {
    gap: calc(var(--spacing) * 3)
}
}
@media (min-width: 48rem){
.md\:p-5 {
    padding: calc(var(--spacing) * 5)
}
}
@media (min-width: 48rem){
.md\:p-6 {
    padding: calc(var(--spacing) * 6)
}
}
@media (min-width: 48rem){
.md\:p-8 {
    padding: calc(var(--spacing) * 8)
}
}
@media (min-width: 48rem){
.md\:px-4 {
    padding-inline: calc(var(--spacing) * 4)
}
}
@media (min-width: 48rem){
.md\:px-margin-desktop {
    padding-inline: var(--spacing-margin-desktop)
}
}
@media (min-width: 48rem){
.md\:pt-40 {
    padding-top: calc(var(--spacing) * 40)
}
}
@media (min-width: 48rem){
.md\:pb-28 {
    padding-bottom: calc(var(--spacing) * 28)
}
}
@media (min-width: 48rem){
.md\:pb-32 {
    padding-bottom: calc(var(--spacing) * 32)
}
}
@media (min-width: 64rem){
.lg\:col-span-4 {
    grid-column: span 4 / span 4
}
}
@media (min-width: 64rem){
.lg\:col-span-5 {
    grid-column: span 5 / span 5
}
}
@media (min-width: 64rem){
.lg\:col-span-7 {
    grid-column: span 7 / span 7
}
}
@media (min-width: 64rem){
.lg\:col-span-8 {
    grid-column: span 8 / span 8
}
}
@media (min-width: 64rem){
.lg\:flex {
    display: flex
}
}
@media (min-width: 64rem){
.lg\:hidden {
    display: none
}
}
@media (min-width: 64rem){
.lg\:h-full {
    height: 100%
}
}
@media (min-width: 64rem){
.lg\:min-h-0 {
    min-height: calc(var(--spacing) * 0)
}
}
@media (min-width: 64rem){
.lg\:min-h-\[560px\] {
    min-height: 560px
}
}
@media (min-width: 64rem){
.lg\:w-auto {
    width: auto
}
}
@media (min-width: 64rem){
.lg\:flex-1 {
    flex: 1
}
}
@media (min-width: 64rem){
.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media (min-width: 64rem){
.lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media (min-width: 64rem){
.lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
}
@media (min-width: 64rem){
.lg\:grid-cols-\[1\.2fr_0\.8fr\] {
    grid-template-columns: 1.2fr 0.8fr
}
}
@media (min-width: 64rem){
.lg\:flex-col {
    flex-direction: column
}
}
@media (min-width: 64rem){
.lg\:flex-row {
    flex-direction: row
}
}
@media (min-width: 64rem){
.lg\:items-center {
    align-items: center
}
}
@media (min-width: 64rem){
.lg\:gap-8 {
    gap: calc(var(--spacing) * 8)
}
}
@media (min-width: 64rem){
.lg\:gap-10 {
    gap: calc(var(--spacing) * 10)
}
}
@media (min-width: 64rem){
.lg\:p-10 {
    padding: calc(var(--spacing) * 10)
}
}
@media (min-width: 64rem){
.lg\:p-12 {
    padding: calc(var(--spacing) * 12)
}
}
@media (min-width: 64rem){
.lg\:text-\[44px\] {
    font-size: 44px
}
}
@media (min-width: 80rem){
.xl\:col-span-5 {
    grid-column: span 5 / span 5
}
}
@media (min-width: 80rem){
.xl\:col-span-7 {
    grid-column: span 7 / span 7
}
}
@media (min-width: 80rem){
.xl\:inline {
    display: inline
}
}
@media (min-width: 80rem){
.xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media (min-width: 80rem){
.xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media (min-width: 80rem){
.xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
}
@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-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-duration {
  syntax: "*";
  inherits: false;
}
@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-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-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}