:root {
  --bg-sg-cashsmart: var(--cerulean-500);
  --bg-sg-core: var(--cadetgrey-500);
  --bg-sg-income: var(--purple-500);
  --bg-sg-satellite: var(--celticblue-500);
  --fg-figure-gain: var(--green-700);
  --fg-figure-loss: var(--red-600);
  --labels: var(--brightblue-400);
  --gradient-cloud: linear-gradient(170deg,#f7f9fd 17.53%,#bdd9ff 210.18%);
  --gradient-emphasis-fade: linear-gradient(177deg,#f7f9fd 13.14%,#0472ff 462.55%) 
}
.dark {
  --fg-figure-gain: var(--green-400);
  --fg-figure-loss: var(--red-400);
  --gradient-cloud: linear-gradient(170deg,var(--bg-default) 17.53%,var(--bg-accent-subtle) 210.18%);
  --gradient-emphasis-fade: linear-gradient(177deg,var(--bg-default) 13.14%,var(--bg-accent-emphasis) 462.55%) 
}
#webflow-cms-content figure {
  padding: 0;
  margin: 0 
}
#webflow-cms-content img {
  width: 100% 
}
.body-xl {
  font-size: var(--font-size-600);
  font-variant-ligatures: no-common-ligatures 
}
.body-l,.body-xl {
  font-family: Lato,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-l {
  font-size: var(--font-size-500);
  font-variant-ligatures: no-common-ligatures 
}
.body-l-strong {
  font-size: var(--font-size-500);
  font-weight: 700;
  font-variant-ligatures: no-common-ligatures 
}
.body-l-strong,.body-m {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-m {
  font-size: var(--font-size-400);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.body-m-strong {
  font-size: var(--font-size-400);
  font-weight: 700;
  font-variant-ligatures: no-common-ligatures 
}
.body-m-strong,.body-s {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-s {
  font-size: var(--font-size-300);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.body-s-strong {
  font-size: var(--font-size-300);
  font-weight: 600;
  font-variant-ligatures: no-common-ligatures 
}
.body-s-strong,.body-xs {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-xs {
  font-size: var(--font-size-200);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.body-xs-strong {
  font-size: var(--font-size-200);
  font-weight: 600;
  font-variant-ligatures: no-common-ligatures 
}
.body-2xs,.body-xs-strong {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-2xs {
  font-size: var(--font-size-50);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.zh-Hant-HK .body-xl {
  font-size: var(--font-size-600) 
}
.zh-Hant-HK .body-l,.zh-Hant-HK .body-xl {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .body-l {
  font-size: var(--font-size-500) 
}
.zh-Hant-HK .body-l-strong {
  font-size: var(--font-size-500);
  font-weight: 500 
}
.zh-Hant-HK .body-l-strong,.zh-Hant-HK .body-m {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .body-m {
  font-size: var(--font-size-400);
  font-weight: 400 
}
.zh-Hant-HK .body-m-strong {
  font-size: var(--font-size-400);
  font-weight: 500 
}
.zh-Hant-HK .body-m-strong,.zh-Hant-HK .body-s {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .body-s {
  font-size: var(--font-size-300);
  font-weight: 400 
}
.zh-Hant-HK .body-s-strong {
  font-size: var(--font-size-300);
  font-weight: 500 
}
.zh-Hant-HK .body-s-strong,.zh-Hant-HK .body-xs {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .body-xs {
  font-size: var(--font-size-200);
  font-weight: 400 
}
.zh-Hant-HK .body-xs-strong {
  font-weight: 500 
}
.zh-Hant-HK .body-2xs,.zh-Hant-HK .body-xs-strong {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-size: var(--font-size-200);
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .body-2xs {
  font-weight: 400 
}
.detail-m {
  font-size: var(--font-size-300) 
}
.detail-m,.detail-s {
  font-family: Lato,Helvetica,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 1px 
}
.detail-s {
  font-size: var(--font-size-200) 
}
.detail-xs {
  font-family: Lato,Helvetica,sans-serif;
  font-size: var(--font-size-100);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 1px 
}
.zh-Hant-HK .detail-m {
  font-size: var(--font-size-500) 
}
.zh-Hant-HK .detail-m,.zh-Hant-HK .detail-s {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .detail-s {
  font-size: var(--font-size-400) 
}
.zh-Hant-HK .detail-xs {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-size: var(--font-size-300);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-3xl {
  font-size: var(--font-size-1000);
  font-variant-ligatures: no-common-ligatures 
}
.heading-2xl,.heading-3xl {
  font-family: Calendas,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-2xl {
  font-size: var(--font-size-900);
  font-variant-ligatures: no-common-ligatures 
}
.heading-xl {
  font-size: var(--font-size-800);
  font-variant-ligatures: no-common-ligatures 
}
.heading-l,.heading-xl {
  font-family: Calendas,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-l {
  font-size: var(--font-size-700);
  font-variant-ligatures: no-common-ligatures 
}
.heading-m {
  font-size: var(--font-size-600);
  font-variant-ligatures: no-common-ligatures 
}
.heading-m,.heading-s {
  font-family: Lato,Helvetica,sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-s {
  font-size: var(--font-size-400);
  font-variant-ligatures: no-common-ligatures 
}
.zh-Hant-HK .heading-3xl {
  font-size: var(--font-size-1000) 
}
.zh-Hant-HK .heading-2xl,.zh-Hant-HK .heading-3xl {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .heading-2xl {
  font-size: var(--font-size-900) 
}
.zh-Hant-HK .heading-xl {
  font-size: var(--font-size-800) 
}
.zh-Hant-HK .heading-l,.zh-Hant-HK .heading-xl {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .heading-l {
  font-size: var(--font-size-700) 
}
.zh-Hant-HK .heading-m {
  font-size: var(--font-size-600) 
}
.zh-Hant-HK .heading-m,.zh-Hant-HK .heading-s {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 
}
.zh-Hant-HK .heading-s {
  font-size: var(--font-size-500) 
}
*,:after,:before {
  --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-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(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: 
}
::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-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(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: 
}
.container {
  width: 100% 
}
@media (min-width: 600px) {
  .container {
      max-width:600px 
 }
}
@media (min-width: 900px) {
  .container {
      max-width:900px 
 }
}
@media (min-width: 1200px) {
  .container {
      max-width:1200px 
 }
}
@media (min-width: 1536px) {
  .container {
      max-width:1536px 
 }
}
.\!elevation-none {
  box-shadow: none!important;
  background-image: none!important 
}
.elevation-none {
  box-shadow: none;
  background-image: none 
}
.elevation-s {
  --tw-gradient-from: hsla(0,0%,100%,.02) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: hsla(0,0%,100%,.02) var(--tw-gradient-to-position);
  --tw-shadow: 0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
:is(.dark .elevation-s) {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
.elevation-m {
  --tw-gradient-from: hsla(0,0%,100%,.04) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: hsla(0,0%,100%,.04) var(--tw-gradient-to-position);
  --tw-shadow: 0px 4px 12px rgba(0,0,0,.05),0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 4px 12px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
:is(.dark .elevation-m) {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
.elevation-l {
  --tw-gradient-from: hsla(0,0%,100%,.06) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: hsla(0,0%,100%,.06) var(--tw-gradient-to-position);
  --tw-shadow: 0px 4px 16px rgba(0,0,0,.05),0px 4px 12px rgba(0,0,0,.05),0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color),0px 4px 12px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
:is(.dark .elevation-l) {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
.body-xl-en {
  font-size: var(--font-size-600);
  font-variant-ligatures: no-common-ligatures 
}
.body-l-en,.body-xl-en {
  font-family: Lato,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-l-en {
  font-size: var(--font-size-500);
  font-variant-ligatures: no-common-ligatures 
}
.body-l-strong-en {
  font-size: var(--font-size-500);
  font-weight: 700;
  font-variant-ligatures: no-common-ligatures 
}
.body-l-strong-en,.body-m-en {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-m-en {
  font-size: var(--font-size-400);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.body-m-strong-en {
  font-size: var(--font-size-400);
  font-weight: 700;
  font-variant-ligatures: no-common-ligatures 
}
.body-m-strong-en,.body-s-en {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-s-en {
  font-size: var(--font-size-300);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.body-s-strong-en {
  font-size: var(--font-size-300);
  font-weight: 600;
  font-variant-ligatures: no-common-ligatures 
}
.body-s-strong-en,.body-xs-en {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-xs-en {
  font-size: var(--font-size-200);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.body-xs-strong-en {
  font-size: var(--font-size-200);
  font-weight: 600;
  font-variant-ligatures: no-common-ligatures 
}
.body-2xs-en,.body-xs-strong-en {
  font-family: Lato,Helvetica,sans-serif;
  line-height: 1.5;
  letter-spacing: 0 
}
.body-2xs-en {
  font-size: var(--font-size-50);
  font-weight: 400;
  font-variant-ligatures: no-common-ligatures 
}
.body-xl-zh-Hant {
  font-size: var(--font-size-600) 
}
.body-l-zh-Hant,.body-xl-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0 
}
.body-l-zh-Hant {
  font-size: var(--font-size-500) 
}
.body-l-strong-zh-Hant {
  font-size: var(--font-size-500);
  font-weight: 500 
}
.body-l-strong-zh-Hant,.body-m-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  line-height: 1.3;
  letter-spacing: 0 
}
.body-m-zh-Hant {
  font-size: var(--font-size-400);
  font-weight: 400 
}
.body-m-strong-zh-Hant {
  font-size: var(--font-size-400);
  font-weight: 500 
}
.body-m-strong-zh-Hant,.body-s-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  line-height: 1.3;
  letter-spacing: 0 
}
.body-s-zh-Hant {
  font-size: var(--font-size-300);
  font-weight: 400 
}
.body-s-strong-zh-Hant {
  font-size: var(--font-size-300);
  font-weight: 500 
}
.body-s-strong-zh-Hant,.body-xs-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  line-height: 1.3;
  letter-spacing: 0 
}
.body-xs-zh-Hant {
  font-size: var(--font-size-200);
  font-weight: 400 
}
.body-xs-strong-zh-Hant {
  font-weight: 500 
}
.body-2xs-zh-Hant,.body-xs-strong-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-size: var(--font-size-200);
  line-height: 1.3;
  letter-spacing: 0 
}
.body-2xs-zh-Hant {
  font-weight: 400 
}
.detail-m-en {
  font-size: var(--font-size-300) 
}
.detail-m-en,.detail-s-en {
  font-family: Lato,Helvetica,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 1px 
}
.detail-s-en {
  font-size: var(--font-size-200) 
}
.detail-xs-en {
  font-family: Lato,Helvetica,sans-serif;
  font-size: var(--font-size-100);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 1px 
}
.detail-m-zh-Hant {
  font-size: var(--font-size-500) 
}
.detail-m-zh-Hant,.detail-s-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 0 
}
.detail-s-zh-Hant {
  font-size: var(--font-size-400) 
}
.detail-xs-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-size: var(--font-size-300);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-3xl-en {
  font-size: var(--font-size-1000);
  font-variant-ligatures: no-common-ligatures 
}
.heading-2xl-en,.heading-3xl-en {
  font-family: Calendas,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-2xl-en {
  font-size: var(--font-size-900);
  font-variant-ligatures: no-common-ligatures 
}
.heading-xl-en {
  font-size: var(--font-size-800);
  font-variant-ligatures: no-common-ligatures 
}
.heading-l-en,.heading-xl-en {
  font-family: Calendas,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-l-en {
  font-size: var(--font-size-700);
  font-variant-ligatures: no-common-ligatures 
}
.heading-m-en {
  font-size: var(--font-size-600);
  font-variant-ligatures: no-common-ligatures 
}
.heading-m-en,.heading-s-en {
  font-family: Lato,Helvetica,sans-serif;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-s-en {
  font-size: var(--font-size-400);
  font-variant-ligatures: no-common-ligatures 
}
.heading-3xl-zh-Hant {
  font-size: var(--font-size-1000) 
}
.heading-2xl-zh-Hant,.heading-3xl-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-2xl-zh-Hant {
  font-size: var(--font-size-900) 
}
.heading-xl-zh-Hant {
  font-size: var(--font-size-800) 
}
.heading-l-zh-Hant,.heading-xl-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-l-zh-Hant {
  font-size: var(--font-size-700) 
}
.heading-m-zh-Hant {
  font-size: var(--font-size-600) 
}
.heading-m-zh-Hant,.heading-s-zh-Hant {
  font-family: Noto Sans HK,Helvetica,sans-serif;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0 
}
.heading-s-zh-Hant {
  font-size: var(--font-size-500) 
}
.heading-l-numbers {
  font-family: Calendas,Helvetica,sans-serif;
  font-size: var(--font-size-700);
  line-height: 1.3;
  letter-spacing: 0;
  font-variant-ligatures: no-common-ligatures;
  font-variant-numeric: lining-nums 
}
.\!heading-xl-numbers,.heading-xl-numbers {
  font-family: Calendas,Helvetica,sans-serif;
  font-size: var(--font-size-800);
  line-height: 1.3;
  letter-spacing: 0;
  font-variant-ligatures: no-common-ligatures;
  font-variant-numeric: lining-nums 
}
.\!heading-2xl-numbers,.heading-2xl-numbers {
  font-family: Calendas,Helvetica,sans-serif;
  font-size: var(--font-size-900);
  line-height: 1.3;
  letter-spacing: 0;
  font-variant-ligatures: no-common-ligatures;
  font-variant-numeric: lining-nums 
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0 
}
.pointer-events-none {
  pointer-events: none 
}
.\!pointer-events-auto {
  pointer-events: auto!important 
}
.visible {
  visibility: visible 
}
.invisible {
  visibility: hidden 
}
.collapse {
  visibility: collapse 
}
.\!static {
  position: static!important 
}
.static {
  position: static 
}
.fixed {
  position: fixed 
}
.absolute {
  position: absolute 
}
.\!relative {
  position: relative!important 
}
.relative {
  position: relative 
}
.sticky {
  position: sticky 
}
.inset-0 {
  inset: 0 
}
.-bottom-4 {
  bottom: -4px 
}
.-bottom-\[14px\] {
  bottom: -14px 
}
.-left-12 {
  left: -12px 
}
.-left-20 {
  left: -20px 
}
.-left-32 {
  left: -32px 
}
.-top-4 {
  top: -4px 
}
.-top-\[14px\] {
  top: -14px 
}
.bottom-0 {
  bottom: 0 
}
.bottom-16 {
  bottom: 16px 
}
.bottom-2 {
  bottom: 2px 
}
.bottom-20 {
  bottom: 20px 
}
.bottom-24 {
  bottom: 24px 
}
.bottom-4 {
  bottom: 4px 
}
.bottom-40 {
  bottom: 40px 
}
.bottom-\[-60px\] {
  bottom: -60px 
}
.bottom-\[0px\] {
  bottom: 0 
}
.bottom-\[78px\] {
  bottom: 78px 
}
.left-0 {
  left: 0 
}
.left-1\/2 {
  left: 50% 
}
.left-16 {
  left: 16px 
}
.left-2 {
  left: 2px 
}
.left-20 {
  left: 20px 
}
.left-28 {
  left: 28px 
}
.left-4 {
  left: 4px 
}
.left-\[65px\] {
  left: 65px 
}
.right-0 {
  right: 0 
}
.right-1\/2 {
  right: 50% 
}
.right-16 {
  right: 16px 
}
.right-24 {
  right: 24px 
}
.right-4 {
  right: 4px 
}
.right-40 {
  right: 40px 
}
.right-8 {
  right: 8px 
}
.right-\[-6px\] {
  right: -6px 
}
.right-\[0\] {
  right: 0 
}
.right-\[4px\] {
  right: 4px 
}
.top-0 {
  top: 0 
}
.top-12 {
  top: 12px 
}
.top-16 {
  top: 16px 
}
.top-2 {
  top: 2px 
}
.top-24 {
  top: 24px 
}
.top-24r {
  top: 2.4rem 
}
.top-4 {
  top: 4px 
}
.top-60 {
  top: 60px 
}
.top-8 {
  top: 8px 
}
.top-\[4px\] {
  top: 4px 
}
.top-\[50px\] {
  top: 50px 
}
.top-\[calc\(50\%-12px\)\] {
  top: calc(50% - 12px) 
}
.-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-\[10\] {
  z-index: 10 
}
.z-\[1200\] {
  z-index: 1200 
}
.z-\[1201\] {
  z-index: 1201 
}
.z-\[1500\] {
  z-index: 1500 
}
.z-\[1510\] {
  z-index: 1510 
}
.z-\[1\] {
  z-index: 1 
}
.z-\[50\] {
  z-index: 50 
}
.z-\[99999\] {
  z-index: 99999 
}
.order-1 {
  order: 1 
}
.order-2 {
  order: 2 
}
.order-3 {
  order: 3 
}
.col-span-10 {
  grid-column: span 10/span 10 
}
.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-start-1 {
  grid-column-start: 1 
}
.col-start-2 {
  grid-column-start: 2 
}
.float-right {
  float: right 
}
.m-0 {
  margin: 0 
}
.m-20 {
  margin: 20px 
}
.m-24 {
  margin: 24px 
}
.m-4 {
  margin: 4px 
}
.m-60 {
  margin: 60px 
}
.m-8 {
  margin: 8px 
}
.m-auto {
  margin: auto 
}
.-mx-24 {
  margin-left: -24px;
  margin-right: -24px 
}
.-mx-24r {
  margin-left: -2.4rem;
  margin-right: -2.4rem 
}
.-my-8 {
  margin-top: -8px;
  margin-bottom: -8px 
}
.mx-0 {
  margin-left: 0;
  margin-right: 0 
}
.mx-12 {
  margin-left: 12px;
  margin-right: 12px 
}
.mx-16 {
  margin-left: 16px;
  margin-right: 16px 
}
.mx-20 {
  margin-left: 20px;
  margin-right: 20px 
}
.mx-24 {
  margin-left: 24px;
  margin-right: 24px 
}
.mx-4 {
  margin-left: 4px;
  margin-right: 4px 
}
.mx-60 {
  margin-left: 60px;
  margin-right: 60px 
}
.mx-8 {
  margin-left: 8px;
  margin-right: 8px 
}
.mx-auto {
  margin-left: auto;
  margin-right: auto 
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0 
}
.my-12 {
  margin-top: 12px;
  margin-bottom: 12px 
}
.my-16 {
  margin-top: 16px;
  margin-bottom: 16px 
}
.my-20 {
  margin-top: 20px;
  margin-bottom: 20px 
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px 
}
.my-32 {
  margin-top: 32px;
  margin-bottom: 32px 
}
.my-32r {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem 
}
.my-4 {
  margin-top: 4px;
  margin-bottom: 4px 
}
.my-60 {
  margin-top: 60px;
  margin-bottom: 60px 
}
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px 
}
.my-\[-18px\] {
  margin-top: -18px;
  margin-bottom: -18px 
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto 
}
.\!ml-4 {
  margin-left: 4px!important 
}
.\!mt-0 {
  margin-top: 0!important 
}
.\!mt-8 {
  margin-top: 8px!important 
}
.\!mt-\[17px\] {
  margin-top: 17px!important 
}
.-mb-28 {
  margin-bottom: -28px 
}
.-mb-\[20px\] {
  margin-bottom: -20px 
}
.-mb-\[64px\] {
  margin-bottom: -64px 
}
.-ml-2 {
  margin-left: -2px 
}
.-ml-4 {
  margin-left: -4px 
}
.-ml-\[2px\] {
  margin-left: -2px 
}
.-mr-4 {
  margin-right: -4px 
}
.-mt-2 {
  margin-top: -2px 
}
.-mt-4 {
  margin-top: -4px 
}
.-mt-8 {
  margin-top: -8px 
}
.-mt-\[2px\] {
  margin-top: -2px 
}
.mb-0 {
  margin-bottom: 0 
}
.mb-12 {
  margin-bottom: 12px 
}
.mb-16 {
  margin-bottom: 16px 
}
.mb-16r {
  margin-bottom: 1.6rem 
}
.mb-2 {
  margin-bottom: 2px 
}
.mb-20 {
  margin-bottom: 20px 
}
.mb-24 {
  margin-bottom: 24px 
}
.mb-24r {
  margin-bottom: 2.4rem 
}
.mb-28 {
  margin-bottom: 28px 
}
.mb-32 {
  margin-bottom: 32px 
}
.mb-4 {
  margin-bottom: 4px 
}
.mb-40 {
  margin-bottom: 40px 
}
.mb-60 {
  margin-bottom: 60px 
}
.mb-8 {
  margin-bottom: 8px 
}
.mb-\[113px\] {
  margin-bottom: 113px 
}
.mb-\[12px\] {
  margin-bottom: 12px 
}
.mb-\[20px\] {
  margin-bottom: 20px 
}
.mb-\[4px\] {
  margin-bottom: 4px 
}
.mb-\[80px\] {
  margin-bottom: 80px 
}
.ml-0 {
  margin-left: 0 
}
.ml-12 {
  margin-left: 12px 
}
.ml-16 {
  margin-left: 16px 
}
.ml-2 {
  margin-left: 2px 
}
.ml-20 {
  margin-left: 20px 
}
.ml-24 {
  margin-left: 24px 
}
.ml-4 {
  margin-left: 4px 
}
.ml-8 {
  margin-left: 8px 
}
.ml-\[12px\] {
  margin-left: 12px 
}
.ml-\[1px\] {
  margin-left: 1px 
}
.ml-auto {
  margin-left: auto 
}
.mr-0 {
  margin-right: 0 
}
.mr-12 {
  margin-right: 12px 
}
.mr-16 {
  margin-right: 16px 
}
.mr-2 {
  margin-right: 2px 
}
.mr-20 {
  margin-right: 20px 
}
.mr-24 {
  margin-right: 24px 
}
.mr-32 {
  margin-right: 32px 
}
.mr-4 {
  margin-right: 4px 
}
.mr-8 {
  margin-right: 8px 
}
.mr-auto {
  margin-right: auto 
}
.mt-0 {
  margin-top: 0 
}
.mt-12 {
  margin-top: 12px 
}
.mt-16 {
  margin-top: 16px 
}
.mt-16r {
  margin-top: 1.6rem 
}
.mt-2 {
  margin-top: 2px 
}
.mt-20 {
  margin-top: 20px 
}
.mt-24 {
  margin-top: 24px 
}
.mt-28 {
  margin-top: 28px 
}
.mt-32 {
  margin-top: 32px 
}
.mt-4 {
  margin-top: 4px 
}
.mt-40 {
  margin-top: 40px 
}
.mt-40r {
  margin-top: 4rem 
}
.mt-60 {
  margin-top: 60px 
}
.mt-8 {
  margin-top: 8px 
}
.mt-\[48px\] {
  margin-top: 48px 
}
.mt-\[6px\] {
  margin-top: 6px 
}
.mt-auto {
  margin-top: auto 
}
.box-border {
  box-sizing: border-box 
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 
}
.line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none 
}
.block {
  display: block 
}
.inline-block {
  display: inline-block 
}
.\!inline {
  display: inline!important 
}
.inline {
  display: inline 
}
.inline-flex {
  display: inline-flex 
}
.table {
  display: table 
}
.contents {
  display: contents 
}
.hidden {
  display: none 
}
.aspect-square {
  aspect-ratio: 1/1 
}
.aspect-video {
  aspect-ratio: 16/9 
}
.\!h-0 {
  height: 0!important 
}
.h-0 {
  height: 0 
}
.h-\[100px\] {
  height: 100px 
}
.h-\[10px\] {
  height: 10px 
}
.h-\[110px\] {
  height: 110px 
}
.h-\[115px\] {
  height: 115px 
}
.h-\[12\.5px\] {
  height: 12.5px 
}
.h-\[120px\] {
  height: 120px 
}
.h-\[12px\] {
  height: 12px 
}
.h-\[14px\] {
  height: 14px 
}
.h-\[150px\] {
  height: 150px 
}
.h-\[156px\] {
  height: 156px 
}
.h-\[15px\] {
  height: 15px 
}
.h-\[165px\] {
  height: 165px 
}
.h-\[16px\] {
  height: 16px 
}
.h-\[177px\] {
  height: 177px 
}
.h-\[18px\] {
  height: 18px 
}
.h-\[196px\] {
  height: 196px 
}
.h-\[1px\] {
  height: 1px 
}
.h-\[2\.3rem\] {
  height: 2.3rem 
}
.h-\[200px\] {
  height: 200px 
}
.h-\[20px\] {
  height: 20px 
}
.h-\[21px\] {
  height: 21px 
}
.h-\[226px\] {
  height: 226px 
}
.h-\[22px\] {
  height: 22px 
}
.h-\[24px\] {
  height: 24px 
}
.h-\[250px\] {
  height: 250px 
}
.h-\[25px\] {
  height: 25px 
}
.h-\[28px\] {
  height: 28px 
}
.h-\[300px\] {
  height: 300px 
}
.h-\[30px\] {
  height: 30px 
}
.h-\[32px\] {
  height: 32px 
}
.h-\[33px\] {
  height: 33px 
}
.h-\[350px\] {
  height: 350px 
}
.h-\[400px\] {
  height: 400px 
}
.h-\[40px\] {
  height: 40px 
}
.h-\[42px\] {
  height: 42px 
}
.h-\[450px\] {
  height: 450px 
}
.h-\[45px\] {
  height: 45px 
}
.h-\[500px\] {
  height: 500px 
}
.h-\[50px\] {
  height: 50px 
}
.h-\[52px\] {
  height: 52px 
}
.h-\[56px\] {
  height: 56px 
}
.h-\[60px\] {
  height: 60px 
}
.h-\[64px\] {
  height: 64px 
}
.h-\[68px\] {
  height: 68px 
}
.h-\[70\%\] {
  height: 70% 
}
.h-\[70px\] {
  height: 70px 
}
.h-\[800px\] {
  height: 800px 
}
.h-\[8px\] {
  height: 8px 
}
.h-\[90px\] {
  height: 90px 
}
.h-\[calc\(100vh-96px\)\] {
  height: calc(100vh - 96px) 
}
.h-auto {
  height: auto 
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content 
}
.h-full {
  height: 100% 
}
.h-screen {
  height: 100vh 
}
.max-h-4 {
  max-height: 4px 
}
.max-h-60 {
  max-height: 60px 
}
.max-h-\[100vh\] {
  max-height: 100vh 
}
.max-h-\[128px\] {
  max-height: 128px 
}
.max-h-\[140px\] {
  max-height: 140px 
}
.max-h-\[200px\] {
  max-height: 200px 
}
.max-h-\[222px\] {
  max-height: 222px 
}
.max-h-\[300px\] {
  max-height: 300px 
}
.max-h-\[30vh\] {
  max-height: 30vh 
}
.max-h-\[400px\] {
  max-height: 400px 
}
.max-h-\[40vh\] {
  max-height: 40vh 
}
.max-h-\[48px\] {
  max-height: 48px 
}
.max-h-\[70vh\] {
  max-height: 70vh 
}
.max-h-\[78px\] {
  max-height: 78px 
}
.max-h-\[calc\(100dvh-40px\)\] {
  max-height: calc(100dvh - 40px) 
}
.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content 
}
.max-h-full {
  max-height: 100% 
}
.\!min-h-0 {
  min-height: 0!important 
}
.\!min-h-\[21px\] {
  min-height: 21px!important 
}
.\!min-h-\[24px\] {
  min-height: 24px!important 
}
.min-h-0 {
  min-height: 0 
}
.min-h-60 {
  min-height: 60px 
}
.min-h-\[100\%\] {
  min-height: 100% 
}
.min-h-\[105px\] {
  min-height: 105px 
}
.min-h-\[110px\] {
  min-height: 110px 
}
.min-h-\[124px\] {
  min-height: 124px 
}
.min-h-\[128px\] {
  min-height: 128px 
}
.min-h-\[135px\] {
  min-height: 135px 
}
.min-h-\[140px\] {
  min-height: 140px 
}
.min-h-\[144px\] {
  min-height: 144px 
}
.min-h-\[150px\] {
  min-height: 150px 
}
.min-h-\[167px\] {
  min-height: 167px 
}
.min-h-\[16px\] {
  min-height: 16px 
}
.min-h-\[200px\] {
  min-height: 200px 
}
.min-h-\[20px\] {
  min-height: 20px 
}
.min-h-\[210px\] {
  min-height: 210px 
}
.min-h-\[220px\] {
  min-height: 220px 
}
.min-h-\[28px\] {
  min-height: 28px 
}
.min-h-\[300px\] {
  min-height: 300px 
}
.min-h-\[35px\] {
  min-height: 35px 
}
.min-h-\[36px\] {
  min-height: 36px 
}
.min-h-\[38px\] {
  min-height: 38px 
}
.min-h-\[400px\] {
  min-height: 400px 
}
.min-h-\[40px\] {
  min-height: 40px 
}
.min-h-\[48px\] {
  min-height: 48px 
}
.min-h-\[4rem\] {
  min-height: 4rem 
}
.min-h-\[500px\] {
  min-height: 500px 
}
.min-h-\[60px\] {
  min-height: 60px 
}
.min-h-\[65px\] {
  min-height: 65px 
}
.min-h-\[68px\] {
  min-height: 68px 
}
.min-h-\[72px\] {
  min-height: 72px 
}
.min-h-\[80px\] {
  min-height: 80px 
}
.min-h-\[90px\] {
  min-height: 90px 
}
.min-h-\[calc\(100vh-70px\)\] {
  min-height: calc(100vh - 70px) 
}
.min-h-screen {
  min-height: 100vh 
}
.\!w-0 {
  width: 0!important 
}
.\!w-\[250px\] {
  width: 250px!important 
}
.w-0 {
  width: 0 
}
.w-\[100\%\] {
  width: 100% 
}
.w-\[10px\] {
  width: 10px 
}
.w-\[110px\] {
  width: 110px 
}
.w-\[11rem\] {
  width: 11rem 
}
.w-\[12\.5px\] {
  width: 12.5px 
}
.w-\[12px\] {
  width: 12px 
}
.w-\[130px\] {
  width: 130px 
}
.w-\[144px\] {
  width: 144px 
}
.w-\[14px\] {
  width: 14px 
}
.w-\[150px\] {
  width: 150px 
}
.w-\[16px\] {
  width: 16px 
}
.w-\[176px\] {
  width: 176px 
}
.w-\[18px\] {
  width: 18px 
}
.w-\[20px\] {
  width: 20px 
}
.w-\[21px\] {
  width: 21px 
}
.w-\[220px\] {
  width: 220px 
}
.w-\[22px\] {
  width: 22px 
}
.w-\[24px\] {
  width: 24px 
}
.w-\[250px\] {
  width: 250px 
}
.w-\[25px\] {
  width: 25px 
}
.w-\[260px\] {
  width: 260px 
}
.w-\[264px\] {
  width: 264px 
}
.w-\[265px\] {
  width: 265px 
}
.w-\[273px\] {
  width: 273px 
}
.w-\[28px\] {
  width: 28px 
}
.w-\[292px\] {
  width: 292px 
}
.w-\[2px\] {
  width: 2px 
}
.w-\[300px\] {
  width: 300px 
}
.w-\[30px\] {
  width: 30px 
}
.w-\[32px\] {
  width: 32px 
}
.w-\[33px\] {
  width: 33px 
}
.w-\[40px\] {
  width: 40px 
}
.w-\[42px\] {
  width: 42px 
}
.w-\[56px\] {
  width: 56px 
}
.w-\[600px\] {
  width: 600px 
}
.w-\[6rem\] {
  width: 6rem 
}
.w-\[70\%\] {
  width: 70% 
}
.w-\[70px\] {
  width: 70px 
}
.w-\[75px\] {
  width: 75px 
}
.w-\[7rem\] {
  width: 7rem 
}
.w-\[80\%\] {
  width: 80% 
}
.w-\[80px\] {
  width: 80px 
}
.w-\[85\%\] {
  width: 85% 
}
.w-\[8px\] {
  width: 8px 
}
.w-\[90\%\] {
  width: 90% 
}
.w-\[900px\] {
  width: 900px 
}
.w-\[90px\] {
  width: 90px 
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content 
}
.w-full {
  width: 100% 
}
.w-max {
  width: -moz-max-content;
  width: max-content 
}
.w-screen {
  width: 100vw 
}
.min-w-0 {
  min-width: 0 
}
.min-w-\[100\%\] {
  min-width: 100% 
}
.min-w-\[139px\] {
  min-width: 139px 
}
.min-w-\[150px\] {
  min-width: 150px 
}
.min-w-\[20\%\] {
  min-width: 20% 
}
.min-w-\[20px\] {
  min-width: 20px 
}
.min-w-\[24px\] {
  min-width: 24px 
}
.min-w-\[28px\] {
  min-width: 28px 
}
.min-w-\[300px\] {
  min-width: 300px 
}
.min-w-\[30px\] {
  min-width: 30px 
}
.min-w-\[36px\] {
  min-width: 36px 
}
.min-w-\[40px\] {
  min-width: 40px 
}
.min-w-\[50dvw\] {
  min-width: 50dvw 
}
.min-w-\[520px\] {
  min-width: 520px 
}
.min-w-\[60px\] {
  min-width: 60px 
}
.min-w-\[65px\] {
  min-width: 65px 
}
.min-w-\[66px\] {
  min-width: 66px 
}
.min-w-\[70px\] {
  min-width: 70px 
}
.min-w-\[72px\] {
  min-width: 72px 
}
.min-w-\[80px\] {
  min-width: 80px 
}
.min-w-\[88px\] {
  min-width: 88px 
}
.min-w-\[90\%\] {
  min-width: 90% 
}
.min-w-\[90px\] {
  min-width: 90px 
}
.min-w-\[92px\] {
  min-width: 92px 
}
.min-w-\[96\%\] {
  min-width: 96% 
}
.min-w-\[97px\] {
  min-width: 97px 
}
.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-min {
  min-width: -moz-min-content;
  min-width: min-content 
}
.max-w-500 {
  max-width: 500px 
}
.max-w-700 {
  max-width: 700px 
}
.max-w-\[100px\] {
  max-width: 100px 
}
.max-w-\[100vw\] {
  max-width: 100vw 
}
.max-w-\[105px\] {
  max-width: 105px 
}
.max-w-\[1200px\] {
  max-width: 1200px 
}
.max-w-\[120px\] {
  max-width: 120px 
}
.max-w-\[140px\] {
  max-width: 140px 
}
.max-w-\[170px\] {
  max-width: 170px 
}
.max-w-\[180px\] {
  max-width: 180px 
}
.max-w-\[20px\] {
  max-width: 20px 
}
.max-w-\[220px\] {
  max-width: 220px 
}
.max-w-\[267px\] {
  max-width: 267px 
}
.max-w-\[290px\] {
  max-width: 290px 
}
.max-w-\[300px\] {
  max-width: 300px 
}
.max-w-\[318px\] {
  max-width: 318px 
}
.max-w-\[327\] {
  max-width: 327 
}
.max-w-\[330px\] {
  max-width: 330px 
}
.max-w-\[350px\] {
  max-width: 350px 
}
.max-w-\[36px\] {
  max-width: 36px 
}
.max-w-\[380px\] {
  max-width: 380px 
}
.max-w-\[383px\] {
  max-width: 383px 
}
.max-w-\[400px\] {
  max-width: 400px 
}
.max-w-\[406px\] {
  max-width: 406px 
}
.max-w-\[40ch\] {
  max-width: 40ch 
}
.max-w-\[412px\] {
  max-width: 412px 
}
.max-w-\[450px\] {
  max-width: 450px 
}
.max-w-\[480px\] {
  max-width: 480px 
}
.max-w-\[500px\] {
  max-width: 500px 
}
.max-w-\[588px\] {
  max-width: 588px 
}
.max-w-\[65px\] {
  max-width: 65px 
}
.max-w-\[700px\] {
  max-width: 700px 
}
.max-w-\[80\%\] {
  max-width: 80% 
}
.max-w-\[800px\] {
  max-width: 800px 
}
.max-w-\[85px\] {
  max-width: 85px 
}
.max-w-\[90dvw\] {
  max-width: 90dvw 
}
.max-w-\[95vw\] {
  max-width: 95vw 
}
.max-w-\[calc\(100\%-45px\)\] {
  max-width: calc(100% - 45px) 
}
.max-w-\[calc\(100\%-48px\)\] {
  max-width: calc(100% - 48px) 
}
.max-w-lg {
  max-width: 1200px 
}
.max-w-md {
  max-width: 900px 
}
.max-w-sm {
  max-width: 600px 
}
.flex-1 {
  flex: 1 1 0% 
}
.flex-\[0\.33\] {
  flex: 0.33 
}
.flex-\[2\] {
  flex: 2 
}
.flex-\[8\] {
  flex: 8 
}
.flex-initial {
  flex: 0 1 auto 
}
.flex-shrink-0 {
  flex-shrink: 0 
}
.shrink {
  flex-shrink: 1 
}
.shrink-0 {
  flex-shrink: 0 
}
.flex-grow,.grow {
  flex-grow: 1 
}
.basis-full {
  flex-basis: 100% 
}
.table-auto {
  table-layout: auto 
}
.border-collapse {
  border-collapse: collapse 
}
.\!translate-y-8 {
  --tw-translate-y: 8px!important;
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important 
}
.-translate-x-full {
  --tw-translate-x: -100% 
}
.-translate-x-full,.-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.-translate-y-1\/2 {
  --tw-translate-y: -50% 
}
.-translate-y-24 {
  --tw-translate-y: -24px 
}
.-translate-y-24,.translate-x-12 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.translate-x-12 {
  --tw-translate-x: 12px 
}
.translate-x-16 {
  --tw-translate-x: 16px 
}
.translate-x-16,.translate-x-4 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.translate-x-4 {
  --tw-translate-x: 4px 
}
.translate-x-60 {
  --tw-translate-x: 60px 
}
.translate-x-60,.translate-x-\[-50\%\] {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50% 
}
.translate-x-full {
  --tw-translate-x: 100% 
}
.translate-x-full,.translate-y-20 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.translate-y-20 {
  --tw-translate-y: 20px 
}
.translate-y-8 {
  --tw-translate-y: 8px 
}
.translate-y-8,.translate-y-\[18px\] {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.translate-y-\[18px\] {
  --tw-translate-y: 18px 
}
.translate-y-full {
  --tw-translate-y: 100% 
}
.-rotate-90,.translate-y-full {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.-rotate-90 {
  --tw-rotate: -90deg 
}
.rotate-180 {
  --tw-rotate: 180deg 
}
.rotate-180,.rotate-3 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.rotate-3 {
  --tw-rotate: 3deg 
}
.rotate-45 {
  --tw-rotate: 45deg 
}
.rotate-45,.rotate-90 {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.rotate-90 {
  --tw-rotate: 90deg 
}
.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75 
}
.scale-75,.transform {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
@keyframes reveal {
  0% {
      width: 0;
      opacity: 1 
 }
  30% {
      width: 100% 
 }
  68% {
      width: 100%;
      opacity: 1 
 }
  75% {
      width: 100%;
      opacity: 0 
 }
  to {
      width: 100%;
      opacity: 0 
 }
}
.animate-reveal {
  animation: reveal 3s ease infinite 
}
.\!cursor-not-allowed {
  cursor: not-allowed!important 
}
.\!cursor-pointer {
  cursor: pointer!important 
}
.cursor-auto {
  cursor: auto 
}
.cursor-default {
  cursor: default 
}
.cursor-grab {
  cursor: grab 
}
.cursor-none {
  cursor: none 
}
.cursor-not-allowed {
  cursor: not-allowed 
}
.cursor-pointer {
  cursor: pointer 
}
.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom) 
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none 
}
.resize-y {
  resize: vertical 
}
.resize-x {
  resize: horizontal 
}
.resize {
  resize: both 
}
.scroll-mt-\[90px\] {
  scroll-margin-top: 90px 
}
.list-inside {
  list-style-position: inside 
}
.list-\[lower-alpha\] {
  list-style-type: lower-alpha 
}
.list-decimal {
  list-style-type: decimal 
}
.list-disc {
  list-style-type: disc 
}
.list-none {
  list-style-type: none 
}
.grid-cols-1 {
  grid-template-columns: repeat(1,minmax(0,1fr)) 
}
.grid-cols-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)) 
}
.flex-row {
  flex-direction: row 
}
.flex-row-reverse {
  flex-direction: row-reverse 
}
.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-items-start {
  place-items: start 
}
.place-items-end {
  place-items: end 
}
.place-items-center {
  place-items: center 
}
.content-start {
  align-content: flex-start 
}
.content-end {
  align-content: flex-end 
}
.\!items-start {
  align-items: flex-start!important 
}
.items-start {
  align-items: flex-start 
}
.items-end {
  align-items: flex-end 
}
.items-center {
  align-items: center 
}
.items-baseline {
  align-items: baseline 
}
.items-stretch {
  align-items: stretch 
}
.justify-normal {
  justify-content: normal 
}
.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-evenly {
  justify-content: space-evenly 
}
.justify-items-start {
  justify-items: start 
}
.justify-items-center {
  justify-items: center 
}
.gap-12 {
  gap: 12px 
}
.gap-16 {
  gap: 16px 
}
.gap-16r {
  gap: 1.6rem 
}
.gap-2 {
  gap: 2px 
}
.gap-20 {
  gap: 20px 
}
.gap-24 {
  gap: 24px 
}
.gap-28 {
  gap: 28px 
}
.gap-32 {
  gap: 32px 
}
.gap-4 {
  gap: 4px 
}
.gap-40 {
  gap: 40px 
}
.gap-60 {
  gap: 60px 
}
.gap-60r {
  gap: 6rem 
}
.gap-8 {
  gap: 8px 
}
.gap-\[12px\] {
  gap: 12px 
}
.gap-\[24px\] {
  gap: 24px 
}
.gap-\[40px\] {
  gap: 40px 
}
.gap-\[80px\] {
  gap: 80px 
}
.gap-x-12 {
  -moz-column-gap: 12px;
  column-gap: 12px 
}
.gap-x-16 {
  -moz-column-gap: 16px;
  column-gap: 16px 
}
.gap-x-2 {
  -moz-column-gap: 2px;
  column-gap: 2px 
}
.gap-x-20 {
  -moz-column-gap: 20px;
  column-gap: 20px 
}
.gap-x-24 {
  -moz-column-gap: 24px;
  column-gap: 24px 
}
.gap-x-32 {
  -moz-column-gap: 32px;
  column-gap: 32px 
}
.gap-x-4 {
  -moz-column-gap: 4px;
  column-gap: 4px 
}
.gap-x-40 {
  -moz-column-gap: 40px;
  column-gap: 40px 
}
.gap-x-60 {
  -moz-column-gap: 60px;
  column-gap: 60px 
}
.gap-x-8 {
  -moz-column-gap: 8px;
  column-gap: 8px 
}
.gap-x-\[10px\] {
  -moz-column-gap: 10px;
  column-gap: 10px 
}
.gap-x-\[6px\] {
  -moz-column-gap: 6px;
  column-gap: 6px 
}
.gap-y-0 {
  row-gap: 0 
}
.gap-y-12 {
  row-gap: 12px 
}
.gap-y-16 {
  row-gap: 16px 
}
.gap-y-2 {
  row-gap: 2px 
}
.gap-y-20 {
  row-gap: 20px 
}
.gap-y-20r {
  row-gap: 2rem 
}
.gap-y-24 {
  row-gap: 24px 
}
.gap-y-32 {
  row-gap: 32px 
}
.gap-y-32r {
  row-gap: 3.2rem 
}
.gap-y-4 {
  row-gap: 4px 
}
.gap-y-40 {
  row-gap: 40px 
}
.gap-y-8 {
  row-gap: 8px 
}
.space-x-12>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(12px * var(--tw-space-x-reverse));
  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-20>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(20px * var(--tw-space-x-reverse));
  margin-left: calc(20px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-x-8>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse))) 
}
.space-y-12>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse)) 
}
.space-y-16>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse)) 
}
.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2px * var(--tw-space-y-reverse)) 
}
.space-y-20>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * var(--tw-space-y-reverse)) 
}
.space-y-24>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse)) 
}
.space-y-24r>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.4rem * var(--tw-space-y-reverse)) 
}
.space-y-28>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(28px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(28px * var(--tw-space-y-reverse)) 
}
.space-y-32>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse)) 
}
.space-y-32r>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3.2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.2rem * var(--tw-space-y-reverse)) 
}
.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse)) 
}
.space-y-40>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(40px * var(--tw-space-y-reverse)) 
}
.space-y-60>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(60px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(60px * var(--tw-space-y-reverse)) 
}
.space-y-8>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse)) 
}
.self-start {
  align-self: flex-start 
}
.self-end {
  align-self: flex-end 
}
.self-center {
  align-self: center 
}
.self-stretch {
  align-self: stretch 
}
.overflow-auto {
  overflow: auto 
}
.overflow-hidden {
  overflow: hidden 
}
.overflow-clip {
  overflow: clip 
}
.overflow-visible {
  overflow: visible 
}
.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-scroll {
  overflow-x: scroll 
}
.overflow-y-scroll {
  overflow-y: scroll 
}
.truncate {
  overflow: hidden;
  white-space: nowrap 
}
.overflow-ellipsis,.text-ellipsis,.truncate {
  text-overflow: ellipsis 
}
.whitespace-normal {
  white-space: normal 
}
.whitespace-nowrap {
  white-space: nowrap 
}
.whitespace-pre {
  white-space: pre 
}
.whitespace-pre-line {
  white-space: pre-line 
}
.whitespace-pre-wrap {
  white-space: pre-wrap 
}
.whitespace-break-spaces {
  white-space: break-spaces 
}
.break-words {
  overflow-wrap: break-word 
}
.break-all {
  word-break: break-all 
}
.rounded-sm {
  border-radius: 4px 
}
.rounded-6-deprecated {
  border-radius: 6px 
}
.rounded-md {
  border-radius: 8px 
}
.rounded-full {
  border-radius: 9999px 
}
.rounded-none {
  border-radius: 0 
}
.rounded-b-md {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px 
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0 
}
.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px 
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px 
}
.rounded-t-6-deprecated {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px 
}
.rounded-t-md {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px 
}
.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0 
}
.rounded-br-sm {
  border-bottom-right-radius: 4px 
}
.\!border-0 {
  border-width: 0!important 
}
.border-0 {
  border-width: 0 
}
.border-1 {
  border-width: 1px 
}
.border-1\.5 {
  border-width: 1.5px 
}
.border-2 {
  border-width: 2px 
}
.border-\[8px\] {
  border-width: 8px 
}
.border-x-0 {
  border-left-width: 0;
  border-right-width: 0 
}
.border-y-1 {
  border-top-width: 1px;
  border-bottom-width: 1px 
}
.border-b-0 {
  border-bottom-width: 0 
}
.border-b-1 {
  border-bottom-width: 1px 
}
.border-b-2 {
  border-bottom-width: 2px 
}
.border-l-1 {
  border-left-width: 1px 
}
.border-r-0 {
  border-right-width: 0 
}
.border-r-1 {
  border-right-width: 1px 
}
.border-t-0 {
  border-top-width: 0 
}
.border-t-1 {
  border-top-width: 1px 
}
.border-solid {
  border-style: solid 
}
.border-dashed {
  border-style: dashed 
}
.border-hidden {
  border-style: hidden 
}
.\!border-none {
  border-style: none!important 
}
.border-none {
  border-style: none 
}
.\!border-\[\#FFFFFF\] {
  --tw-border-opacity: 1!important;
  border-color: rgb(255 255 255/var(--tw-border-opacity))!important 
}
.\!border-critical-emphasis {
  border-color: var(--border-critical-emphasis)!important 
}
.\!border-muted {
  border-color: var(--border-muted)!important 
}
.border-\[\#ffffff\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255/var(--tw-border-opacity)) 
}
.border-\[--grey-50\] {
  border-color: var(--grey-50) 
}
.border-\[rgba\(215\2c 220\2c 224\2c 0\.10\)\] {
  border-color: rgba(215,220,224,.1) 
}
.border-accent-emphasis {
  border-color: var(--border-accent-emphasis) 
}
.border-critical-emphasis {
  border-color: var(--border-critical-emphasis) 
}
.border-default {
  border-color: var(--border-default) 
}
.border-emphasis {
  border-color: var(--border-emphasis) 
}
.border-muted {
  border-color: var(--border-muted) 
}
.border-success-emphasis {
  border-color: var(--border-success-emphasis) 
}
.border-transparent {
  border-color: transparent 
}
.border-warning-emphasis {
  border-color: var(--border-warning-emphasis) 
}
.border-b-emphasis {
  border-bottom-color: var(--border-emphasis) 
}
.border-b-muted {
  border-bottom-color: var(--border-muted) 
}
.border-t-muted {
  border-top-color: var(--border-muted) 
}
.\!bg-accent-emphasis {
  background-color: var(--bg-accent-emphasis)!important 
}
.\!bg-default {
  background-color: var(--bg-default)!important 
}
.\!bg-emphasisPlus {
  background-color: var(--bg-emphasisPlus)!important 
}
.bg-\[\#206468\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 100 104/var(--tw-bg-opacity)) 
}
.bg-\[\#2F3A51\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 58 81/var(--tw-bg-opacity)) 
}
.bg-\[\#344D7E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 77 126/var(--tw-bg-opacity)) 
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity)) 
}
.bg-\[--blue-850\] {
  background-color: var(--blue-850) 
}
.bg-\[--brightblue-600\] {
  background-color: var(--brightblue-600) 
}
.bg-\[--cadetgrey-600\] {
  background-color: var(--cadetgrey-600) 
}
.bg-\[--cadetgrey-700\] {
  background-color: var(--cadetgrey-700) 
}
.bg-\[--celticblue-600\] {
  background-color: var(--celticblue-600) 
}
.bg-\[--cerulean-600\] {
  background-color: var(--cerulean-600) 
}
.bg-\[--cerulean-700\] {
  background-color: var(--cerulean-700) 
}
.bg-\[--englishred-600\] {
  background-color: var(--englishred-600) 
}
.bg-\[--fg-muted\] {
  background-color: var(--fg-muted) 
}
.bg-\[--fg-subtle\] {
  background-color: var(--fg-subtle) 
}
.bg-\[--navy-650\] {
  background-color: var(--navy-650) 
}
.bg-\[--purple-600\] {
  background-color: var(--purple-600) 
}
.bg-\[--seagreen-600\] {
  background-color: var(--seagreen-600) 
}
.bg-\[rgba\(215\2c 220\2c 224\2c 0\.25\)\] {
  background-color: rgba(215,220,224,.25) 
}
.bg-accent-emphasis {
  background-color: var(--bg-accent-emphasis) 
}
.bg-accent-emphasisHover {
  background-color: var(--bg-accent-emphasisHover) 
}
.bg-accent-subdued {
  background-color: var(--bg-accent-subdued) 
}
.bg-accent-subtle {
  background-color: var(--bg-accent-subtle) 
}
.bg-brightblue-0 {
  background-color: var(--brightblue-0) 
}
.bg-cadetgrey-500 {
  background-color: var(--cadetgrey-500) 
}
.bg-cerulean-0 {
  background-color: var(--cerulean-0) 
}
.bg-critical-emphasis {
  background-color: var(--bg-critical-emphasis) 
}
.bg-critical-emphasisPlus {
  background-color: var(--bg-critical-emphasisPlus) 
}
.bg-critical-subtle {
  background-color: var(--bg-critical-subtle) 
}
.bg-default {
  background-color: var(--bg-default) 
}
.bg-emphasis {
  background-color: var(--bg-emphasis) 
}
.bg-emphasis-60 {
  background-color: #ffffff99 
}
.bg-emphasisHover {
  background-color: var(--bg-emphasisHover) 
}
.bg-emphasisPlus {
  background-color: var(--bg-emphasisPlus) 
}
.bg-gray-transparent {
  background-color: #f9fafc80 
}
.bg-grey-300 {
  background-color: var(--grey-300) 
}
.bg-muted {
  background-color: var(--bg-muted) 
}
.bg-overlay {
  background-color: var(--bg-overlay) 
}
.bg-overlayHover {
  background-color: var(--bg-overlayHover) 
}
.bg-subdued {
  background-color: var(--bg-subdued) 
}
.bg-success-emphasis {
  background-color: var(--bg-success-emphasis) 
}
.bg-success-emphasisPlus {
  background-color: var(--bg-success-emphasisPlus) 
}
.bg-success-subtle {
  background-color: var(--bg-success-subtle) 
}
.bg-transparent {
  background-color: transparent 
}
.bg-warning-emphasis {
  background-color: var(--bg-warning-emphasis) 
}
.bg-warning-subtle {
  background-color: var(--bg-warning-subtle) 
}
.bg-\[image\:var\(--backgroundImg\)\] {
  background-image: var(--backgroundImg) 
}
.bg-\[image\:var\(--iconUrl\)\] {
  background-image: var(--iconUrl) 
}
.bg-\[image\:var\(--lightThumb\)\] {
  background-image: var(--lightThumb) 
}
.bg-cloud {
  background-image: var(--gradient-cloud) 
}
.bg-emphasis-fade {
  background-image: var(--gradient-emphasis-fade) 
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left,var(--tw-gradient-stops)) 
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right,var(--tw-gradient-stops)) 
}
.bg-gradient-to-l {
  background-image: linear-gradient(to left,var(--tw-gradient-stops)) 
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right,var(--tw-gradient-stops)) 
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top,var(--tw-gradient-stops)) 
}
.from-\[\#00000030\] {
  --tw-gradient-from: #00000030 var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[\#1C1E23\],.from-\[\#1c1E23\] {
  --tw-gradient-from: #1c1e23 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(28,30,35,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[\#29354A\] {
  --tw-gradient-from: #29354a var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(41,53,74,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[\#79D7AF\] {
  --tw-gradient-from: #79d7af var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(121,215,175,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[\#D8E8FD\] {
  --tw-gradient-from: #d8e8fd var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(216,232,253,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[\#EFF5FF\] {
  --tw-gradient-from: #eff5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(239,245,255,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[\#F8FBFE\] {
  --tw-gradient-from: #f8fbfe var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(248,251,254,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[\#FFFFFF\] {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-\[--grey-600\] {
  --tw-gradient-from: var(--grey-600) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-accent-emphasis {
  --tw-gradient-from: var(--bg-accent-emphasis) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-emphasis {
  --tw-gradient-from: var(--bg-emphasis) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-subdued {
  --tw-gradient-from: var(--bg-subdued) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-whiteAlpha2 {
  --tw-gradient-from: hsla(0,0%,100%,.02) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-whiteAlpha4 {
  --tw-gradient-from: hsla(0,0%,100%,.04) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to) 
}
.from-whiteAlpha6 {
  --tw-gradient-from: hsla(0,0%,100%,.06) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,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-15\% {
  --tw-gradient-from-position: 15% 
}
.from-5\% {
  --tw-gradient-from-position: 5% 
}
.from-50\% {
  --tw-gradient-from-position: 50% 
}
.via-\[\#F2C05C\] {
  --tw-gradient-to: rgba(242,192,92,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),#f2c05c var(--tw-gradient-via-position),var(--tw-gradient-to) 
}
.to-\[\#0059CC\] {
  --tw-gradient-to: #0059cc var(--tw-gradient-to-position) 
}
.to-\[\#1C1E23\] {
  --tw-gradient-to: #1c1e23 var(--tw-gradient-to-position) 
}
.to-\[\#29354A\] {
  --tw-gradient-to: #29354a var(--tw-gradient-to-position) 
}
.to-\[\#E9F3FF\] {
  --tw-gradient-to: #e9f3ff var(--tw-gradient-to-position) 
}
.to-\[\#ED6C69\] {
  --tw-gradient-to: #ed6c69 var(--tw-gradient-to-position) 
}
.to-\[\#EDF5FF\] {
  --tw-gradient-to: #edf5ff var(--tw-gradient-to-position) 
}
.to-\[\#FFFFFF\] {
  --tw-gradient-to: #fff var(--tw-gradient-to-position) 
}
.to-\[--bg-emphasisPlus\] {
  --tw-gradient-to: var(--bg-emphasisPlus) var(--tw-gradient-to-position) 
}
.to-\[--grey-100\] {
  --tw-gradient-to: var(--grey-100) var(--tw-gradient-to-position) 
}
.to-\[--grey-800\] {
  --tw-gradient-to: var(--grey-800) var(--tw-gradient-to-position) 
}
.to-\[--navy-400\] {
  --tw-gradient-to: var(--navy-400) var(--tw-gradient-to-position) 
}
.to-\[transparent\] {
  --tw-gradient-to: transparent var(--tw-gradient-to-position) 
}
.to-accent-subdued {
  --tw-gradient-to: var(--bg-accent-subdued) var(--tw-gradient-to-position) 
}
.to-emphasis-transparent {
  --tw-gradient-to: #ffffff00 var(--tw-gradient-to-position) 
}
.to-whiteAlpha2 {
  --tw-gradient-to: hsla(0,0%,100%,.02) var(--tw-gradient-to-position) 
}
.to-whiteAlpha4 {
  --tw-gradient-to: hsla(0,0%,100%,.04) var(--tw-gradient-to-position) 
}
.to-whiteAlpha6 {
  --tw-gradient-to: hsla(0,0%,100%,.06) var(--tw-gradient-to-position) 
}
.to-100\% {
  --tw-gradient-to-position: 100% 
}
.bg-\[length\:100\%\] {
  background-size: 100% 
}
.bg-\[length\:150\%\] {
  background-size: 150% 
}
.bg-\[length\:80px_94px\] {
  background-size: 80px 94px 
}
.bg-contain {
  background-size: contain 
}
.bg-cover {
  background-size: cover 
}
.bg-\[bottom_right\] {
  background-position: 100% 100% 
}
.bg-\[right_top_7rem\] {
  background-position: right top 7rem 
}
.bg-center {
  background-position: 50% 
}
.bg-left {
  background-position: 0 
}
.bg-right {
  background-position: 100% 
}
.bg-right-bottom {
  background-position: 100% 100% 
}
.bg-no-repeat {
  background-repeat: no-repeat 
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain 
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover 
}
.object-\[center_-80px\] {
  -o-object-position: center -80px;
  object-position: center -80px 
}
.object-\[center_8px\] {
  -o-object-position: center 8px;
  object-position: center 8px 
}
.object-center {
  -o-object-position: center;
  object-position: center 
}
.\!p-0 {
  padding: 0!important 
}
.\!p-12 {
  padding: 12px!important 
}
.\!p-20 {
  padding: 20px!important 
}
.\!p-4 {
  padding: 4px!important 
}
.p-0 {
  padding: 0 
}
.p-12 {
  padding: 12px 
}
.p-16 {
  padding: 16px 
}
.p-2 {
  padding: 2px 
}
.p-20 {
  padding: 20px 
}
.p-20r {
  padding: 2rem 
}
.p-24 {
  padding: 24px 
}
.p-24r {
  padding: 2.4rem 
}
.p-32 {
  padding: 32px 
}
.p-32r {
  padding: 3.2rem 
}
.p-4 {
  padding: 4px 
}
.p-40 {
  padding: 40px 
}
.p-60 {
  padding: 60px 
}
.p-8 {
  padding: 8px 
}
.p-\[10px\] {
  padding: 10px 
}
.p-\[2px\] {
  padding: 2px 
}
.\!px-0 {
  padding-left: 0!important;
  padding-right: 0!important 
}
.px-0 {
  padding-left: 0;
  padding-right: 0 
}
.px-12 {
  padding-left: 12px;
  padding-right: 12px 
}
.px-12r {
  padding-left: 1.2rem;
  padding-right: 1.2rem 
}
.px-16 {
  padding-left: 16px;
  padding-right: 16px 
}
.px-2 {
  padding-left: 2px;
  padding-right: 2px 
}
.px-20 {
  padding-left: 20px;
  padding-right: 20px 
}
.px-20r {
  padding-left: 2rem;
  padding-right: 2rem 
}
.px-24 {
  padding-left: 24px;
  padding-right: 24px 
}
.px-24r {
  padding-left: 2.4rem;
  padding-right: 2.4rem 
}
.px-28 {
  padding-left: 28px;
  padding-right: 28px 
}
.px-32 {
  padding-left: 32px;
  padding-right: 32px 
}
.px-4 {
  padding-left: 4px;
  padding-right: 4px 
}
.px-40 {
  padding-left: 40px;
  padding-right: 40px 
}
.px-40r {
  padding-left: 4rem;
  padding-right: 4rem 
}
.px-8 {
  padding-left: 8px;
  padding-right: 8px 
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0 
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px 
}
.py-12r {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem 
}
.py-16 {
  padding-top: 16px;
  padding-bottom: 16px 
}
.py-16r {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem 
}
.py-2 {
  padding-top: 2px;
  padding-bottom: 2px 
}
.py-20 {
  padding-top: 20px;
  padding-bottom: 20px 
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px 
}
.py-24r {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem 
}
.py-28 {
  padding-top: 28px;
  padding-bottom: 28px 
}
.py-32 {
  padding-top: 32px;
  padding-bottom: 32px 
}
.py-32r {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem 
}
.py-4 {
  padding-top: 4px;
  padding-bottom: 4px 
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px 
}
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px 
}
.py-8r {
  padding-top: .8rem;
  padding-bottom: .8rem 
}
.\!pb-24 {
  padding-bottom: 24px!important 
}
.\!pl-\[5px\] {
  padding-left: 5px!important 
}
.\!pr-0 {
  padding-right: 0!important 
}
.\!pt-0 {
  padding-top: 0!important 
}
.\!pt-24 {
  padding-top: 24px!important 
}
.\!pt-32 {
  padding-top: 32px!important 
}
.\!pt-8 {
  padding-top: 8px!important 
}
.pb-0 {
  padding-bottom: 0 
}
.pb-12 {
  padding-bottom: 12px 
}
.pb-16 {
  padding-bottom: 16px 
}
.pb-2 {
  padding-bottom: 2px 
}
.pb-20 {
  padding-bottom: 20px 
}
.pb-24 {
  padding-bottom: 24px 
}
.pb-24r {
  padding-bottom: 2.4rem 
}
.pb-32 {
  padding-bottom: 32px 
}
.pb-4 {
  padding-bottom: 4px 
}
.pb-40 {
  padding-bottom: 40px 
}
.pb-8 {
  padding-bottom: 8px 
}
.pb-\[150px\] {
  padding-bottom: 150px 
}
.pb-\[180px\] {
  padding-bottom: 180px 
}
.pb-\[200px\] {
  padding-bottom: 200px 
}
.pb-\[240px\] {
  padding-bottom: 240px 
}
.pb-\[56\.25\%\] {
  padding-bottom: 56.25% 
}
.pb-\[80px\] {
  padding-bottom: 80px 
}
.pe-\[6px\] {
  padding-inline-end:6px
}
.pl-0 {
  padding-left: 0 
}
.pl-12 {
  padding-left: 12px 
}
.pl-16 {
  padding-left: 16px 
}
.pl-2 {
  padding-left: 2px 
}
.pl-20 {
  padding-left: 20px 
}
.pl-20r {
  padding-left: 2rem 
}
.pl-24 {
  padding-left: 24px 
}
.pl-32 {
  padding-left: 32px 
}
.pl-4 {
  padding-left: 4px 
}
.pl-8 {
  padding-left: 8px 
}
.pl-\[12px\] {
  padding-left: 12px 
}
.pl-\[15px\] {
  padding-left: 15px 
}
.pl-\[2px\] {
  padding-left: 2px 
}
.pr-0 {
  padding-right: 0 
}
.pr-16 {
  padding-right: 16px 
}
.pr-16r {
  padding-right: 1.6rem 
}
.pr-2 {
  padding-right: 2px 
}
.pr-20 {
  padding-right: 20px 
}
.pr-20r {
  padding-right: 2rem 
}
.pr-24 {
  padding-right: 24px 
}
.pr-24r {
  padding-right: 2.4rem 
}
.pr-28 {
  padding-right: 28px 
}
.pr-4 {
  padding-right: 4px 
}
.pr-60 {
  padding-right: 60px 
}
.pr-8 {
  padding-right: 8px 
}
.pr-\[12px\] {
  padding-right: 12px 
}
.pr-\[68px\] {
  padding-right: 68px 
}
.pr-\[70px\] {
  padding-right: 70px 
}
.pt-0 {
  padding-top: 0 
}
.pt-12 {
  padding-top: 12px 
}
.pt-12r {
  padding-top: 1.2rem 
}
.pt-16 {
  padding-top: 16px 
}
.pt-16r {
  padding-top: 1.6rem 
}
.pt-2 {
  padding-top: 2px 
}
.pt-20 {
  padding-top: 20px 
}
.pt-24 {
  padding-top: 24px 
}
.pt-28 {
  padding-top: 28px 
}
.pt-28r {
  padding-top: 2.8rem 
}
.pt-32 {
  padding-top: 32px 
}
.pt-4 {
  padding-top: 4px 
}
.pt-40 {
  padding-top: 40px 
}
.pt-40r {
  padding-top: 4rem 
}
.pt-8 {
  padding-top: 8px 
}
.pt-\[100px\] {
  padding-top: 100px 
}
.pt-\[2rem\] {
  padding-top: 2rem 
}
.text-left {
  text-align: left 
}
.text-center {
  text-align: center 
}
.text-right {
  text-align: right 
}
.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-bottom {
  vertical-align: bottom 
}
.align-text-bottom {
  vertical-align: text-bottom 
}
.font-\[monospace\] {
  font-family: monospace 
}
.font-calendas {
  font-family: Calendas,Helvetica,sans-serif 
}
.font-lato {
  font-family: Lato,Helvetica,sans-serif 
}
.font-noto-sans-hk {
  font-family: Noto Sans HK,Helvetica,sans-serif 
}
.\!text-300 {
  font-size: var(--font-size-300)!important 
}
.\!text-400 {
  font-size: var(--font-size-400)!important 
}
.\!text-900 {
  font-size: var(--font-size-900)!important 
}
.text-100 {
  font-size: var(--font-size-100) 
}
.text-1000 {
  font-size: var(--font-size-1000) 
}
.text-200 {
  font-size: var(--font-size-200) 
}
.text-300 {
  font-size: var(--font-size-300) 
}
.text-400 {
  font-size: var(--font-size-400) 
}
.text-50 {
  font-size: var(--font-size-50) 
}
.text-500 {
  font-size: var(--font-size-500) 
}
.text-600 {
  font-size: var(--font-size-600) 
}
.text-700 {
  font-size: var(--font-size-700) 
}
.text-800 {
  font-size: var(--font-size-800) 
}
.text-900 {
  font-size: var(--font-size-900) 
}
.text-\[16px\] {
  font-size: 16px 
}
.text-\[20px\] {
  font-size: 20px 
}
.text-\[24px\] {
  font-size: 24px 
}
.text-\[32px\] {
  font-size: 32px 
}
.text-\[40px\] {
  font-size: 40px 
}
.text-\[7px\] {
  font-size: 7px 
}
.text-\[8px\] {
  font-size: 8px 
}
.\!font-bold {
  font-weight: 700!important 
}
.font-bold {
  font-weight: 700 
}
.font-medium {
  font-weight: 500 
}
.font-normal {
  font-weight: 400 
}
.font-semibold {
  font-weight: 600 
}
.uppercase {
  text-transform: uppercase 
}
.lowercase {
  text-transform: lowercase 
}
.capitalize {
  text-transform: capitalize 
}
.normal-case {
  text-transform: none 
}
.italic {
  font-style: italic 
}
.not-italic {
  font-style: normal 
}
.leading-l {
  line-height: 1.3 
}
.leading-m {
  line-height: 1 
}
.leading-xl {
  line-height: 1.5 
}
.tracking-normal {
  letter-spacing: 0 
}
.tracking-wide {
  letter-spacing: 1px 
}
.\!text-accent {
  color: var(--fg-accent)!important 
}
.\!text-critical {
  color: var(--fg-critical)!important 
}
.\!text-default {
  color: var(--fg-default)!important 
}
.\!text-dim {
  color: var(--fg-dim)!important 
}
.\!text-inverse {
  color: var(--fg-inverse)!important 
}
.\!text-muted {
  color: var(--fg-muted)!important 
}
.\!text-onEmphasisPlus {
  color: var(--fg-onEmphasisPlus)!important 
}
.\!text-subtle {
  color: var(--fg-subtle)!important 
}
.text-\[--bg-warning-emphasis\] {
  color: var(--bg-warning-emphasis) 
}
.text-\[--fg-inverse\] {
  color: var(--fg-inverse) 
}
.text-\[var\(--green-700\)\] {
  color: var(--green-700) 
}
.text-\[var\(--red-600\)\] {
  color: var(--red-600) 
}
.text-accent {
  color: var(--fg-accent) 
}
.text-brightblue-400 {
  color: var(--brightblue-400) 
}
.text-cerulean-700 {
  color: var(--cerulean-700) 
}
.text-critical {
  color: var(--fg-critical) 
}
.text-currentColor {
  color: currentColor 
}
.text-cyan-500 {
  color: var(--cyan-500) 
}
.text-default {
  color: var(--fg-default) 
}
.text-dim {
  color: var(--fg-dim) 
}
.text-figureGain {
  color: var(--fg-figure-gain) 
}
.text-figureLoss {
  color: var(--fg-figure-loss) 
}
.text-inherit {
  color: inherit 
}
.text-inverse {
  color: var(--fg-inverse) 
}
.text-muted {
  color: var(--fg-muted) 
}
.text-onEmphasisPlus {
  color: var(--fg-onEmphasisPlus) 
}
.text-seagreen-500 {
  color: var(--seagreen-500) 
}
.text-subtle {
  color: var(--fg-subtle) 
}
.text-success {
  color: var(--fg-success) 
}
.text-warning {
  color: var(--fg-warning) 
}
.underline {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline 
}
.line-through {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through 
}
.no-underline {
  -webkit-text-decoration-line: none;
  text-decoration-line: none 
}
.decoration-default {
  -webkit-text-decoration-color: var(--border-default);
  text-decoration-color: var(--border-default) 
}
.decoration-dashed {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed 
}
.decoration-1 {
  text-decoration-thickness: 1px 
}
.underline-offset-2 {
  text-underline-offset: 2px 
}
.underline-offset-4 {
  text-underline-offset: 4px 
}
.opacity-0 {
  opacity: 0 
}
.opacity-100 {
  opacity: 1 
}
.opacity-30 {
  opacity: .3 
}
.opacity-40 {
  opacity: .4 
}
.opacity-50 {
  opacity: .5 
}
.opacity-60 {
  opacity: .6 
}
.shadow-\[0_6px_24px_0_rgba\(0\2c 89\2c 204\2c 0\.24\)\] {
  --tw-shadow: 0 6px 24px 0 rgba(0,89,204,.24);
  --tw-shadow-colored: 0 6px 24px 0 var(--tw-shadow-color) 
}
.shadow-\[0_6px_24px_0_rgba\(0\2c 89\2c 204\2c 0\.24\)\],.shadow-l {
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-l {
  --tw-shadow: 0px 4px 16px rgba(0,0,0,.05),0px 4px 12px rgba(0,0,0,.05),0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color),0px 4px 12px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color) 
}
.shadow-m {
  --tw-shadow: 0px 4px 12px rgba(0,0,0,.05),0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 4px 12px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color) 
}
.shadow-m,.shadow-s {
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
.shadow-s {
  --tw-shadow: 0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color) 
}
.shadow-transparent {
  --tw-shadow-color: transparent;
  --tw-shadow: var(--tw-shadow-colored) 
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px 
}
.outline {
  outline-style: solid 
}
.outline-0 {
  outline-width: 0 
}
.blur {
  --tw-blur: blur(8px) 
}
.blur,.blur-\[1\.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-\[1\.5px\] {
  --tw-blur: blur(1.5px) 
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 
}
.transition {
  transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color;
  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,fill,stroke,-webkit-text-decoration-color;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
  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 
}
.duration-100 {
  transition-duration: .1s 
}
.duration-200 {
  transition-duration: .2s 
}
.duration-300 {
  transition-duration: .3s 
}
.duration-500 {
  transition-duration: .5s 
}
.ease-in-out {
  transition-timing-function: cubic-bezier(.4,0,.2,1) 
}
.will-change-transform {
  will-change: transform 
}
.no-common-ligatures {
  font-variant-ligatures: no-common-ligatures 
}
.lining-nums {
  font-variant-numeric: lining-nums 
}
.normal-nums {
  font-variant-numeric: normal 
}
.\[-webkit-user-drag\:none\] {
  -webkit-user-drag: none 
}
.\[background\:linear-gradient\(250deg\2c rgba\(187\2c 198\2c 212\2c 0\.14\)_33\.64\%\2c rgba\(82\2c 85\2c 90\2c 0\)_101\.76\%\)\] {
  background: linear-gradient(250deg,rgba(187,198,212,.14) 33.64%,rgba(82,85,90,0) 101.76%) 
}
.\[box-shadow\:none\] {
  box-shadow: none 
}
:root {
  --navy-50: #3b5178;
  --navy-100: #384e73;
  --navy-150: #364a6e;
  --navy-200: #334769;
  --navy-300: #2e405f;
  --navy-400: #293954;
  --navy-500: #24324a;
  --navy-600: #212e44;
  --navy-650: #192233;
  --navy-700: #171f2f;
  --navy-750: #131b27;
  --navy-800: #101621;
  --navy-825: #0e131c;
  --navy-850: #0d121a;
  --grey-0: rgba(131,142,162,.15);
  --grey-50: #fff;
  --grey-100: #f9fafc;
  --grey-125: #f2f3f5;
  --grey-150: #e9ebee;
  --grey-200: #dadee4;
  --grey-250: #dde1e6;
  --grey-300: #bdc3ce;
  --grey-400: #a0a9b8;
  --grey-500: #8692a6;
  --grey-600: #637289;
  --grey-700: #4d5767;
  --grey-800: #414957;
  --grey-850: #353c47;
  --blue-50: #e9f3ff;
  --blue-100: #d0e5ff;
  --blue-150: #b6d6ff;
  --blue-200: #9dc8ff;
  --blue-300: #6aabff;
  --blue-350: #4d9bff;
  --blue-400: #378fff;
  --blue-450: #1c80ff;
  --blue-500: #0472ff;
  --blue-550: #0367e7;
  --blue-600: #0059cb;
  --blue-700: #004093;
  --blue-800: #003477;
  --blue-825: #1d3254;
  --blue-850: #182a46;
  --green-50: #f5fcf9;
  --green-100: #e3f7ee;
  --green-150: #d1f1e4;
  --green-200: #c0ecd9;
  --green-300: #9de1c4;
  --green-400: #79d7af;
  --green-500: #56cc9a;
  --green-600: #47ac81;
  --green-700: #247955;
  --green-800: #14422f;
  --green-850: #153326;
  --red-50: #fef9f8;
  --red-100: #fce9e9;
  --red-150: #fad9d9;
  --red-200: #f8cac9;
  --red-300: #f5aaa9;
  --red-350: #f18987;
  --red-400: #ed6c69;
  --red-450: #c95855;
  --red-500: #e52e29;
  --red-600: #b11a16;
  --red-700: #71100e;
  --red-800: #320706;
  --red-850: #3b2d3b;
  --amber-50: #fefaf1;
  --amber-100: #fdf3e0;
  --amber-150: #fbedd0;
  --amber-200: #fae6bf;
  --amber-300: #f7da9e;
  --amber-400: #f2c05c;
  --amber-500: #eda61a;
  --amber-600: #b67e0e;
  --amber-700: #79530a;
  --amber-800: #5a3e07;
  --amber-850: #393734;
  --charcoal-300: #8394b4;
  --charcoal-400: #5e739c;
  --charcoal-500: #475776;
  --charcoal-600: #2e384d;
  --seagreen-300: #71ced4;
  --seagreen-400: #42bec6;
  --seagreen-500: #2f959b;
  --seagreen-600: #206468;
  --englishred-300: #d8a6ac;
  --englishred-400: #c57b84;
  --englishred-500: #b2515d;
  --englishred-600: #863b44;
  --plum-300: #ac7d9f;
  --plum-400: #905c82;
  --plum-500: #6b4460;
  --plum-600: #422a3c;
  --champagne-300: #faf5e7;
  --champagne-400: #f2e4c1;
  --champagne-500: #ead49b;
  --champagne-600: #e1c271;
  --forestgreen-300: #99debf;
  --forestgreen-400: #73d1a7;
  --forestgreen-500: #4cc58f;
  --forestgreen-600: #35a472;
  --cyan-300: #84f1ec;
  --cyan-400: #49eae2;
  --cyan-500: #19d7ce;
  --cyan-600: #129791;
  --brightblue-0: rgba(13,153,255,.1);
  --brightblue-300: #67c5fe;
  --brightblue-400: #2aadfe;
  --brightblue-500: #0191ea;
  --brightblue-600: #0168a8;
  --brightgreen-300: #0fcf5c;
  --brightgreen-400: #0db350;
  --brightgreen-500: #0b9643;
  --brightgreen-600: #097534;
  --cadetgrey-400: #435474;
  --cadetgrey-500: #3a4864;
  --cadetgrey-600: #2f3a51;
  --cadetgrey-700: #242c3d;
  --celticblue-400: #4465a6;
  --celticblue-500: #3d5a94;
  --celticblue-600: #344d7e;
  --celticblue-700: #2b4069;
  --purple-400: #8264b4;
  --purple-500: #7453ab;
  --purple-600: #664996;
  --purple-700: #583f82;
  --cerulean-0: rgba(79,174,195,.1);
  --cerulean-400: #4faec3;
  --cerulean-500: #3fa3b9;
  --cerulean-600: #378fa2;
  --cerulean-700: #2f7b8b 
}
.light,:root {
  --bg-accent-emphasis: var(--blue-500);
  --bg-accent-emphasisHover: var(--blue-550);
  --bg-accent-subdued: var(--blue-50);
  --bg-accent-subtle: var(--blue-100);
  --bg-critical-emphasisPlus: var(--red-600);
  --bg-critical-emphasis: var(--red-400);
  --bg-critical-subtle: var(--red-100);
  --bg-default: var(--grey-100);
  --bg-emphasis: var(--grey-50);
  --bg-emphasisHover: var(--grey-100);
  --bg-emphasisPlus: var(--navy-500);
  --bg-light-emphasis-overlay: hsla(0,0%,100%,.04);
  --bg-muted: var(--grey-150);
  --bg-overlay: rgba(36,50,74,.3);
  --bg-overlayHover: rgba(36,50,74,.05);
  --bg-subdued: var(--grey-125);
  --bg-success-emphasisPlus: var(--green-700);
  --bg-success-emphasis: var(--green-400);
  --bg-success-subtle: var(--green-100);
  --bg-warning-emphasis: var(--amber-400);
  --bg-warning-subtle: var(--amber-150);
  --border-accent-emphasis: var(--blue-350);
  --border-critical-emphasis: var(--red-350);
  --border-default: var(--grey-300);
  --border-emphasis: var(--navy-500);
  --border-muted: var(--grey-150);
  --border-success-emphasis: var(--green-600);
  --border-warning-emphasis: var(--amber-500);
  --fg-accent: var(--blue-500);
  --fg-critical: var(--red-600);
  --fg-default: var(--navy-500);
  --fg-dim: var(--grey-600);
  --fg-inverse: var(--grey-100);
  --fg-muted: var(--grey-700);
  --fg-onEmphasisPlus: var(--grey-100);
  --fg-subtle: var(--grey-400);
  --fg-success: var(--green-700);
  --fg-warning: var(--amber-700) 
}
.dark {
  --bg-accent-emphasis: var(--blue-450);
  --bg-accent-emphasisHover: var(--blue-500);
  --bg-accent-subdued: var(--blue-825);
  --bg-accent-subtle: var(--blue-800);
  --bg-critical-subtle: var(--red-850);
  --bg-default: var(--navy-800);
  --bg-emphasis: var(--navy-650);
  --bg-emphasisHover: var(--navy-500);
  --bg-emphasisPlus: var(--grey-50);
  --bg-muted: var(--navy-400);
  --bg-subdued: var(--navy-600);
  --bg-success-subtle: var(--green-850);
  --bg-warning-subtle: var(--amber-850);
  --bg-overlayHover: hsla(0,0%,100%,.05);
  --border-accent-emphasis: var(--blue-500);
  --border-critical-emphasis: var(--red-450);
  --border-default: var(--grey-700);
  --border-emphasis: var(--grey-300);
  --border-muted: var(--navy-300);
  --border-success-emphasis: var(--green-650);
  --border-warning-emphasis: var(--amber-600);
  --fg-accent: var(--blue-350);
  --fg-critical: var(--red-350);
  --fg-default: var(--grey-100);
  --fg-dim: var(--grey-500);
  --fg-muted: var(--grey-400);
  --fg-onEmphasisPlus: var(--navy-500);
  --fg-subtle: var(--grey-600);
  --fg-success: var(--green-400);
  --fg-warning: var(--amber-400) 
}
:root {
  font-size: 8px 
}
@media (min-width: 900px) {
  :root {
      font-size:10px 
 }
  .dark * {
      scrollbar-width: thin;
      scrollbar-color: var(--bg-emphasisHover) var(--bg-emphasis) 
 }
  .dark ::-webkit-scrollbar {
      width: 10px 
 }
  .dark ::-webkit-scrollbar-track {
      background: var(--bg-emphasis);
      border-radius: 5px 
 }
  .dark ::-webkit-scrollbar-thumb {
      background-color: var(--bg-emphasisHover);
      border-radius: 15px;
      border: 3px solid var(--bg-emphasis) 
 }
}
:root {
  --font-size-50: 10px;
  --font-size-100: 11.2px;
  --font-size-200: 12.5px;
  --font-size-300: 14.2px;
  --font-size-400: 16px;
  --font-size-500: 18px;
  --font-size-600: 20.2px;
  --font-size-700: 24.4px;
  --font-size-800: 30.5px;
  --font-size-900: 38.1px;
  --font-size-1000: 47.6px 
}
@media (min-width: 900px) {
  :root {
      --font-size-500:19.5px;
      --font-size-600: 24.4px;
      --font-size-700: 30.5px;
      --font-size-800: 38.1px;
      --font-size-900: 47.6px;
      --font-size-1000: 59.6px 
 }
}
:root {
  --tw-ring-inset: var(--tailwind-empty,
 /*!*/
 /*!*/
 );
  --tw-ring-offset-color: transparent;
  --tw-ring-offset-width: 0px;
  --logo-endowus-primary: #24324a;
  --logo-endowus-secondary: #0472ff 
}
.dark {
  --logo-endowus-primary: #fff;
  --logo-endowus-secondary: #0472ff 
}
@media (max-width: 900px) {
  .h-screen {
      height:100svh 
 }
}
.hover\:elevation-s:hover {
  --tw-gradient-from: hsla(0,0%,100%,.02) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: hsla(0,0%,100%,.02) var(--tw-gradient-to-position);
  --tw-shadow: 0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
:is(.dark .hover\:elevation-s:hover) {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
.hover\:elevation-m:hover {
  --tw-gradient-from: hsla(0,0%,100%,.04) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: hsla(0,0%,100%,.04) var(--tw-gradient-to-position);
  --tw-shadow: 0px 4px 12px rgba(0,0,0,.05),0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 4px 12px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
:is(.dark .hover\:elevation-m:hover) {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
.hover\:elevation-l:hover {
  --tw-gradient-from: hsla(0,0%,100%,.06) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: hsla(0,0%,100%,.06) var(--tw-gradient-to-position);
  --tw-shadow: 0px 4px 16px rgba(0,0,0,.05),0px 4px 12px rgba(0,0,0,.05),0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color),0px 4px 12px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
:is(.dark .hover\:elevation-l:hover) {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
.enabled\:hover\:elevation-s:hover:enabled {
  --tw-gradient-from: hsla(0,0%,100%,.02) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: hsla(0,0%,100%,.02) var(--tw-gradient-to-position);
  --tw-shadow: 0px 1px 2px rgba(0,0,0,.1);
  --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) 
}
:is(.dark .enabled\:hover\:elevation-s:hover:enabled) {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops)) 
}
@media (min-width: 600px) {
  .sm\:heading-xl-numbers {
      font-size:var(--font-size-800);
      font-variant-ligatures: no-common-ligatures;
      font-variant-numeric: lining-nums 
 }
  .sm\:heading-2xl-numbers,.sm\:heading-xl-numbers {
      font-family: Calendas,Helvetica,sans-serif;
      line-height: 1.3;
      letter-spacing: 0 
 }
  .sm\:heading-2xl-numbers {
      font-size: var(--font-size-900);
      font-variant-ligatures: no-common-ligatures;
      font-variant-numeric: lining-nums 
 }
}
.first-letter\:uppercase:first-letter {
  text-transform: uppercase 
}
.marker\:\[content\:var\(--bullet\)\] : :marker {
  content:var(--bullet) 
}
.marker\:\[content\:var\(--bullet\)\]: :marker {
  content:var(--bullet) 
}
.placeholder\:lowercase::-moz-placeholder {
  text-transform: lowercase 
}
.placeholder\:lowercase::placeholder {
  text-transform: lowercase 
}
.placeholder\:italic::-moz-placeholder {
  font-style: italic 
}
.placeholder\:italic::placeholder {
  font-style: italic 
}
.placeholder\:text-muted::-moz-placeholder {
  color: var(--fg-muted) 
}
.placeholder\:text-muted::placeholder {
  color: var(--fg-muted) 
}
.placeholder\:text-subtle::-moz-placeholder {
  color: var(--fg-subtle) 
}
.placeholder\:text-subtle::placeholder {
  color: var(--fg-subtle) 
}
.placeholder\:normal-nums::-moz-placeholder {
  font-variant-numeric: normal 
}
.placeholder\:normal-nums::placeholder {
  font-variant-numeric: normal 
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute 
}
.before\:bottom-0:before {
  content: var(--tw-content);
  bottom: 0 
}
.before\:left-\[-1px\]:before {
  content: var(--tw-content);
  left: -1px 
}
.before\:left-\[35px\]:before {
  content: var(--tw-content);
  left: 35px 
}
.before\:top-24:before {
  content: var(--tw-content);
  top: 24px 
}
.before\:h-full:before {
  content: var(--tw-content);
  height: 100% 
}
.before\:w-\[2px\]:before {
  content: var(--tw-content);
  width: 2px 
}
.before\:border-0:before {
  content: var(--tw-content);
  border-width: 0 
}
.before\:border-l-4:before {
  content: var(--tw-content);
  border-left-width: 4px 
}
.before\:border-dotted:before {
  content: var(--tw-content);
  border-style: dotted 
}
.before\:border-muted:before {
  content: var(--tw-content);
  border-color: var(--border-muted) 
}
.before\:bg-muted:before {
  content: var(--tw-content);
  background-color: var(--bg-muted) 
}
.before\:content-\[\"\"\]:before{
 --tw-content:"";
 content:var(--tw-content)
}
.after\:absolute:after{
 content:var(--tw-content);
 position:absolute
}
.after\:right-0:after{
 content:var(--tw-content);
 right:0
}
.after\:top-0:after{
 content:var(--tw-content);
 top:0
}
.after\:h-full:after{
 content:var(--tw-content);
 height:100%
}
.after\:w-\[1px\]:after{
 content:var(--tw-content);
 width:1px
}
.after\:bg-muted:after{
 content:var(--tw-content);
 background-color:var(--bg-muted)
}
.after\:content-\[\"\"\]:after{
 --tw-content:"";
 content:var(--tw-content)
}
.first\:m-0:first-child{
 margin:0
}
.first\:border-t-0:first-child{
 border-top-width:0
}
.first\:border-t-1:first-child{
 border-top-width:1px
}
.first\:p-0:first-child{
 padding:0
}
.first\:pl-24:first-child{
 padding-left:24px
}
.first\:pt-0:first-child{
 padding-top:0
}
.last\:mb-0:last-child{
 margin-bottom:0
}
.last\:mr-0:last-child{
 margin-right:0
}
.last\:border-0:last-child{
 border-width:0
}
.last\:border-b-0:last-child{
 border-bottom-width:0
}
.last\:border-b-1:last-child{
 border-bottom-width:1px
}
.last\:border-none:last-child{
 border-style:none
}
.last\:pb-0:last-child{
 padding-bottom:0
}
.last\:pr-0:last-child{
 padding-right:0
}
.placeholder-shown\:overflow-ellipsis:-moz-placeholder-shown{
 text-overflow:ellipsis
}
.placeholder-shown\:overflow-ellipsis:placeholder-shown{
 text-overflow:ellipsis
}
.focus-within\:border-1:focus-within{
 border-width:1px
}
.focus-within\:border-emphasis:focus-within{
 border-color:var(--border-emphasis)
}
.focus-within\:ring-2:focus-within{
 --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(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-within\:ring-current:focus-within{
 --tw-ring-color:currentColor
}
.hover\:-translate-y-2:hover{
 --tw-translate-y:-2px
}
.hover\:-translate-y-2:hover,.hover\:-translate-y-4:hover{
 transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:-translate-y-4:hover{
 --tw-translate-y:-4px
}
.hover\:scale-105:hover{
 --tw-scale-x:1.05;
 --tw-scale-y:1.05
}
.hover\:scale-105:hover,.hover\:scale-110:hover{
 transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:scale-110:hover{
 --tw-scale-x:1.1;
 --tw-scale-y:1.1
}
.hover\:cursor-pointer:hover{
 cursor:pointer
}
.hover\:border-accent-emphasis:hover{
 border-color:var(--border-accent-emphasis)
}
.hover\:border-critical-emphasis:hover{
 border-color:var(--border-critical-emphasis)
}
.hover\:border-default:hover{
 border-color:var(--border-default)
}
.hover\:border-muted:hover{
 border-color:var(--border-muted)
}
.hover\:border-success-emphasis:hover{
 border-color:var(--border-success-emphasis)
}
.hover\:border-warning-emphasis:hover{
 border-color:var(--border-warning-emphasis)
}
.hover\:bg-accent-emphasisHover:hover{
 background-color:var(--bg-accent-emphasisHover)
}
.hover\:bg-accent-subdued:hover{
 background-color:var(--bg-accent-subdued)
}
.hover\:bg-default:hover{
 background-color:var(--bg-default)
}
.hover\:bg-emphasis:hover{
 background-color:var(--bg-emphasis)
}
.hover\:bg-emphasisHover:hover{
 background-color:var(--bg-emphasisHover)
}
.hover\:bg-muted:hover{
 background-color:var(--bg-muted)
}
.hover\:bg-subdued:hover{
 background-color:var(--bg-subdued)
}
.hover\:bg-transparent:hover{
 background-color:transparent
}
.hover\:from-\[\#29354A\]:hover{
 --tw-gradient-from:#29354a var(--tw-gradient-from-position);
 --tw-gradient-to:rgba(41,53,74,0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.hover\:from-\[\#324159\]:hover{
 --tw-gradient-from:#324159 var(--tw-gradient-from-position);
 --tw-gradient-to:rgba(50,65,89,0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
.hover\:to-\[\#1C1E23\]:hover{
 --tw-gradient-to:#1c1e23 var(--tw-gradient-to-position)
}
.hover\:text-dim:hover{
 color:var(--fg-dim)
}
.hover\:text-inverse:hover{
 color:var(--fg-inverse)
}
.hover\:underline:hover{
 -webkit-text-decoration-line:underline;
 text-decoration-line:underline
}
.hover\:no-underline:hover{
 -webkit-text-decoration-line:none;
 text-decoration-line:none
}
.hover\:brightness-90:hover{
 --tw-brightness:brightness(.9);
 filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.focus\:bg-accent-subtle:focus{
 background-color:var(--bg-accent-subtle)
}
.focus\:bg-transparent:focus{
 background-color:transparent
}
.focus\:outline-none:focus{
 outline:2px solid transparent;
 outline-offset:2px
}
.disabled\:\[-webkit-text-fill-color\:var\(--fg-muted\)\]:disabled{
 -webkit-text-fill-color:var(--fg-muted)
}
.group:hover .group-hover\:block{
 display:block
}
.group:hover .group-hover\:translate-x-2{
 --tw-translate-x:2px
}
.group:hover .group-hover\:translate-x-2,.group:hover .group-hover\:translate-x-4{
 transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-x-4{
 --tw-translate-x:4px
}
.group:hover .group-hover\:translate-x-8{
 --tw-translate-x:8px
}
.group:hover .group-hover\:scale-105,.group:hover .group-hover\:translate-x-8{
 transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-105{
 --tw-scale-x:1.05;
 --tw-scale-y:1.05
}
.group:hover .group-hover\:text-accent{
 color:var(--fg-accent)
}
@media (prefers-reduced-motion:no-preference){
 .motion-safe\:transition-all{
     transition-property:all;
     transition-timing-function:cubic-bezier(.4,0,.2,1);
     transition-duration:.15s
 }
 .motion-safe\:duration-300{
     transition-duration:.3s
 }
 .motion-safe\:ease-in-out{
     transition-timing-function:cubic-bezier(.4,0,.2,1)
 }
}
:is(.dark .dark\:block){
 display:block
}
:is(.dark .dark\:hidden){
 display:none
}
:is(.dark .dark\:border-emphasis){
 border-color:var(--border-emphasis)
}
:is(.dark .dark\:border-muted){
 border-color:var(--border-muted)
}
:is(.dark .dark\:bg-default){
 background-color:var(--bg-default)
}
:is(.dark .dark\:bg-emphasis){
 background-color:var(--bg-emphasis)
}
:is(.dark .dark\:bg-emphasisPlus){
 background-color:var(--bg-emphasisPlus)
}
:is(.dark .dark\:bg-grey-100){
 background-color:var(--grey-100)
}
:is(.dark .dark\:bg-overlay){
 background-color:var(--bg-overlay)
}
:is(.dark .dark\:bg-\[image\:var\(--darkThumb\)\]){
 background-image:var(--darkThumb)
}
:is(.dark .dark\:bg-gradient-to-b){
 background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}
:is(.dark .dark\:bg-gradient-to-r){
 background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
:is(.dark .dark\:from-\[\#00000\]){
 --tw-gradient-from:#00000 var(--tw-gradient-from-position);
 --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}
:is(.dark .dark\:from-0\%){
 --tw-gradient-from-position:0%
}
:is(.dark .dark\:text-\[var\(--green-400\)\]){
 color:var(--green-400)
}
:is(.dark .dark\:text-\[var\(--red-400\)\]){
 color:var(--red-400)
}
:is(.dark .dark\:text-default){
 color:var(--fg-default)
}
@media (max-width:40px){
 .max-\[40px\]\:whitespace-pre-wrap{
     white-space:pre-wrap
 }
}
@media (min-width:600px){
 .sm\:visible{
     visibility:visible
 }
 .sm\:invisible{
     visibility:hidden
 }
 .sm\:static{
     position:static
 }
 .sm\:absolute{
     position:absolute
 }
 .sm\:relative{
     position:relative
 }
 .sm\:sticky{
     position:sticky
 }
 .sm\:bottom-\[-2px\]{
     bottom:-2px
 }
 .sm\:right-0{
     right:0
 }
 .sm\:top-0{
     top:0
 }
 .sm\:top-8{
     top:8px
 }
 .sm\:top-\[50px\]{
     top:50px
 }
 .sm\:z-20{
     z-index:20
 }
 .sm\:order-1{
     order:1
 }
 .sm\:order-2{
     order:2
 }
 .sm\:col-span-1{
     grid-column:span 1/span 1
 }
 .sm\:col-span-2{
     grid-column:span 2/span 2
 }
 .sm\:m-0{
     margin:0
 }
 .sm\:mx-0{
     margin-left:0;
     margin-right:0
 }
 .sm\:mx-60{
     margin-left:60px;
     margin-right:60px
 }
 .sm\:my-0{
     margin-top:0
 }
 .sm\:mb-0,.sm\:my-0{
     margin-bottom:0
 }
 .sm\:mb-16{
     margin-bottom:16px
 }
 .sm\:mb-20{
     margin-bottom:20px
 }
 .sm\:mb-24{
     margin-bottom:24px
 }
 .sm\:mb-32{
     margin-bottom:32px
 }
 .sm\:mb-40{
     margin-bottom:40px
 }
 .sm\:ml-0{
     margin-left:0
 }
 .sm\:ml-24{
     margin-left:24px
 }
 .sm\:ml-4{
     margin-left:4px
 }
 .sm\:mr-0{
     margin-right:0
 }
 .sm\:mr-16{
     margin-right:16px
 }
 .sm\:mt-0{
     margin-top:0
 }
 .sm\:mt-12{
     margin-top:12px
 }
 .sm\:mt-32{
     margin-top:32px
 }
 .sm\:mt-4{
     margin-top:4px
 }
 .sm\:mt-40{
     margin-top:40px
 }
 .sm\:block{
     display:block
 }
 .sm\:inline-block{
     display:inline-block
 }
 .sm\:flex{
     display:flex
 }
 .sm\:grid{
     display:grid
 }
 .sm\:hidden{
     display:none
 }
 .sm\:h-\[142px\]{
     height:142px
 }
 .sm\:h-\[320px\]{
     height:320px
 }
 .sm\:h-\[65px\]{
     height:65px
 }
 .sm\:h-full{
     height:100%
 }
 .sm\:max-h-\[240px\]{
     max-height:240px
 }
 .sm\:max-h-\[85vh\]{
     max-height:85vh
 }
 .sm\:\!min-h-0{
     min-height:0!important
 }
 .sm\:min-h-\[300px\]{
     min-height:300px
 }
 .sm\:min-h-\[400px\]{
     min-height:400px
 }
 .sm\:min-h-\[93px\]{
     min-height:93px
 }
 .sm\:min-h-\[auto\]{
     min-height:auto
 }
 .sm\:w-0{
     width:0
 }
 .sm\:w-\[100\%\]{
     width:100%
 }
 .sm\:w-\[120px\]{
     width:120px
 }
 .sm\:w-\[160px\]{
     width:160px
 }
 .sm\:w-\[340px\]{
     width:340px
 }
 .sm\:w-\[480px\]{
     width:480px
 }
 .sm\:w-\[60\%\]{
     width:60%
 }
 .sm\:w-\[6rem\]{
     width:6rem
 }
 .sm\:w-\[90\%\]{
     width:90%
 }
 .sm\:w-fit{
     width:-moz-fit-content;
     width:fit-content
 }
 .sm\:w-full{
     width:100%
 }
 .sm\:w-max{
     width:-moz-max-content;
     width:max-content
 }
 .sm\:min-w-\[250px\]{
     min-width:250px
 }
 .sm\:min-w-\[280px\]{
     min-width:280px
 }
 .sm\:min-w-\[400px\]{
     min-width:400px
 }
 .sm\:min-w-\[80dvw\]{
     min-width:80dvw
 }
 .sm\:max-w-500{
     max-width:500px
 }
 .sm\:max-w-\[180px\]{
     max-width:180px
 }
 .sm\:max-w-\[200px\]{
     max-width:200px
 }
 .sm\:max-w-\[280px\]{
     max-width:280px
 }
 .sm\:max-w-\[30\%\]{
     max-width:30%
 }
 .sm\:max-w-\[300px\]{
     max-width:300px
 }
 .sm\:max-w-\[50\%\]{
     max-width:50%
 }
 .sm\:max-w-\[500px\]{
     max-width:500px
 }
 .sm\:max-w-\[680px\]{
     max-width:680px
 }
 .sm\:max-w-\[70\%\]{
     max-width:70%
 }
 .sm\:max-w-\[80\%\]{
     max-width:80%
 }
 .sm\:max-w-\[85\%\]{
     max-width:85%
 }
 .sm\:flex-\[11\]{
     flex:11
 }
 .sm\:flex-\[1\]{
     flex:1
 }
 .sm\:flex-shrink-0{
     flex-shrink:0
 }
 .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-6\/4{
     grid-template-columns:6fr 4fr
 }
 .sm\:flex-row{
     flex-direction:row
 }
 .sm\:flex-col{
     flex-direction:column
 }
 .sm\:items-start{
     align-items:flex-start
 }
 .sm\:items-center{
     align-items:center
 }
 .sm\:items-stretch{
     align-items:stretch
 }
 .sm\:justify-start{
     justify-content:flex-start
 }
 .sm\:justify-end{
     justify-content:flex-end
 }
 .sm\:justify-center{
     justify-content:center
 }
 .sm\:justify-between{
     justify-content:space-between
 }
 .sm\:gap-0{
     gap:0
 }
 .sm\:gap-12{
     gap:12px
 }
 .sm\:gap-16{
     gap:16px
 }
 .sm\:gap-32{
     gap:32px
 }
 .sm\:gap-x-0{
     -moz-column-gap:0;
     column-gap:0
 }
 .sm\:gap-x-12{
     -moz-column-gap:12px;
     column-gap:12px
 }
 .sm\:gap-x-16{
     -moz-column-gap:16px;
     column-gap:16px
 }
 .sm\:gap-x-24{
     -moz-column-gap:24px;
     column-gap:24px
 }
 .sm\:gap-x-32{
     -moz-column-gap:32px;
     column-gap:32px
 }
 .sm\:gap-x-4{
     -moz-column-gap:4px;
     column-gap:4px
 }
 .sm\:gap-y-0{
     row-gap:0
 }
 .sm\:gap-y-20{
     row-gap:20px
 }
 .sm\:gap-y-4{
     row-gap:4px
 }
 .sm\:space-y-16>:not([hidden])~:not([hidden]){
     --tw-space-y-reverse:0;
     margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom:calc(16px * var(--tw-space-y-reverse))
 }
 .sm\:overflow-y-auto{
     overflow-y:auto
 }
 .sm\:overflow-y-hidden{
     overflow-y:hidden
 }
 .sm\:whitespace-nowrap{
     white-space:nowrap
 }
 .sm\:rounded-sm{
     border-radius:4px
 }
 .sm\:rounded-none{
     border-radius:0
 }
 .sm\:rounded-b-6-deprecated{
     border-bottom-right-radius:6px;
     border-bottom-left-radius:6px
 }
 .sm\:rounded-b-md{
     border-bottom-right-radius:8px;
     border-bottom-left-radius:8px
 }
 .sm\:rounded-l-md{
     border-top-left-radius:8px;
     border-bottom-left-radius:8px
 }
 .sm\:rounded-r-none{
     border-bottom-right-radius:0
 }
 .sm\:rounded-r-none,.sm\:rounded-tr-none{
     border-top-right-radius:0
 }
 .sm\:border-b-0{
     border-bottom-width:0
 }
 .sm\:bg-\[length\:200\%\]{
     background-size:200%
 }
 .sm\:object-\[65\%\]{
     -o-object-position:65%;
     object-position:65%
 }
 .sm\:p-0{
     padding:0
 }
 .sm\:p-12{
     padding:12px
 }
 .sm\:p-16{
     padding:16px
 }
 .sm\:p-20{
     padding:20px
 }
 .sm\:p-24{
     padding:24px
 }
 .sm\:p-32{
     padding:32px
 }
 .sm\:p-40{
     padding:40px
 }
 .sm\:px-0{
     padding-left:0;
     padding-right:0
 }
 .sm\:px-12{
     padding-left:12px;
     padding-right:12px
 }
 .sm\:px-20{
     padding-left:20px;
     padding-right:20px
 }
 .sm\:px-24{
     padding-left:24px;
     padding-right:24px
 }
 .sm\:px-32{
     padding-left:32px;
     padding-right:32px
 }
 .sm\:px-40{
     padding-left:40px;
     padding-right:40px
 }
 .sm\:px-60{
     padding-left:60px;
     padding-right:60px
 }
 .sm\:py-12{
     padding-top:12px;
     padding-bottom:12px
 }
 .sm\:py-16{
     padding-top:16px;
     padding-bottom:16px
 }
 .sm\:py-20{
     padding-top:20px;
     padding-bottom:20px
 }
 .sm\:py-24{
     padding-top:24px;
     padding-bottom:24px
 }
 .sm\:py-60{
     padding-top:60px;
     padding-bottom:60px
 }
 .sm\:pb-0{
     padding-bottom:0
 }
 .sm\:pb-16{
     padding-bottom:16px
 }
 .sm\:pb-20{
     padding-bottom:20px
 }
 .sm\:pb-24{
     padding-bottom:24px
 }
 .sm\:pb-4{
     padding-bottom:4px
 }
 .sm\:pb-40{
     padding-bottom:40px
 }
 .sm\:pb-60{
     padding-bottom:60px
 }
 .sm\:pb-8{
     padding-bottom:8px
 }
 .sm\:pb-\[160px\]{
     padding-bottom:160px
 }
 .sm\:pl-0{
     padding-left:0
 }
 .sm\:pl-12{
     padding-left:12px
 }
 .sm\:pl-20{
     padding-left:20px
 }
 .sm\:pl-60{
     padding-left:60px
 }
 .sm\:pl-\[250px\]{
     padding-left:250px
 }
 .sm\:pr-0{
     padding-right:0
 }
 .sm\:pr-12{
     padding-right:12px
 }
 .sm\:pr-\[101px\]{
     padding-right:101px
 }
 .sm\:pr-\[29\.49\%\]{
     padding-right:29.49%
 }
 .sm\:pt-0{
     padding-top:0
 }
 .sm\:pt-12{
     padding-top:12px
 }
 .sm\:pt-16{
     padding-top:16px
 }
 .sm\:pt-24{
     padding-top:24px
 }
 .sm\:pt-8{
     padding-top:8px
 }
 .sm\:pt-\[48px\]{
     padding-top:48px
 }
 .sm\:text-left{
     text-align:left
 }
 .sm\:text-center{
     text-align:center
 }
}
@media (min-width:900px){
 .md\:visible{
     visibility:visible
 }
 .md\:invisible{
     visibility:hidden
 }
 .md\:absolute{
     position:absolute
 }
 .md\:sticky{
     position:sticky
 }
 .md\:bottom-0{
     bottom:0
 }
 .md\:left-32{
     left:32px
 }
 .md\:right-20{
     right:20px
 }
 .md\:right-8{
     right:8px
 }
 .md\:top-20{
     top:20px
 }
 .md\:order-1{
     order:1
 }
 .md\:order-2{
     order:2
 }
 .md\:m-8{
     margin:8px
 }
 .md\:my-40{
     margin-top:40px;
     margin-bottom:40px
 }
 .md\:mb-0{
     margin-bottom:0
 }
 .md\:mb-40{
     margin-bottom:40px
 }
 .md\:ml-0{
     margin-left:0
 }
 .md\:ml-24{
     margin-left:24px
 }
 .md\:ml-4{
     margin-left:4px
 }
 .md\:mr-60{
     margin-right:60px
 }
 .md\:mt-0{
     margin-top:0
 }
 .md\:mt-24{
     margin-top:24px
 }
 .md\:mt-60{
     margin-top:60px
 }
 .md\:mt-\[56px\]{
     margin-top:56px
 }
 .md\:block{
     display:block
 }
 .md\:flex{
     display:flex
 }
 .md\:grid{
     display:grid
 }
 .md\:hidden{
     display:none
 }
 .md\:h-\[90\%\]{
     height:90%
 }
 .md\:h-auto{
     height:auto
 }
 .md\:h-screen{
     height:100vh
 }
 .md\:min-h-\[120px\]{
     min-height:120px
 }
 .md\:w-\[273px\]{
     width:273px
 }
 .md\:w-\[33\%\]{
     width:33%
 }
 .md\:w-\[45\%\]{
     width:45%
 }
 .md\:w-\[65\%\]{
     width:65%
 }
 .md\:w-\[80\%\]{
     width:80%
 }
 .md\:w-\[9rem\]{
     width:9rem
 }
 .md\:w-fit{
     width:-moz-fit-content;
     width:fit-content
 }
 .md\:w-full{
     width:100%
 }
 .md\:min-w-\[300px\]{
     min-width:300px
 }
 .md\:min-w-\[50\%\]{
     min-width:50%
 }
 .md\:min-w-\[60dvw\]{
     min-width:60dvw
 }
 .md\:min-w-\[66\.666667\%\]{
     min-width:66.666667%
 }
 .md\:min-w-\[900px\]{
     min-width:900px
 }
 .md\:max-w-500{
     max-width:500px
 }
 .md\:max-w-\[220px\]{
     max-width:220px
 }
 .md\:max-w-\[30vw\]{
     max-width:30vw
 }
 .md\:max-w-\[350px\]{
     max-width:350px
 }
 .md\:max-w-\[50\%\]{
     max-width:50%
 }
 .md\:max-w-\[50vw\]{
     max-width:50vw
 }
 .md\:max-w-\[90\%\]{
     max-width:90%
 }
 .md\:flex-1{
     flex:1 1 0%
 }
 .md\:flex-none{
     flex:none
 }
 .md\:grow{
     flex-grow:1
 }
 .md\:basis-1\/2{
     flex-basis:50%
 }
 .md\:basis-1\/3{
     flex-basis:33.333333%
 }
 .md\:basis-2\/3{
     flex-basis:66.666667%
 }
 .md\:translate-x-12{
     --tw-translate-x:12px;
     transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 .md\:grid-cols-3{
     grid-template-columns:repeat(3,minmax(0,1fr))
 }
 .md\:grid-cols-6{
     grid-template-columns:repeat(6,minmax(0,1fr))
 }
 .md\:grid-cols-6\/4{
     grid-template-columns:6fr 4fr
 }
 .md\:flex-row{
     flex-direction:row
 }
 .md\:flex-col{
     flex-direction:column
 }
 .md\:flex-wrap{
     flex-wrap:wrap
 }
 .md\:items-start{
     align-items:flex-start
 }
 .md\:items-center{
     align-items:center
 }
 .md\:items-stretch{
     align-items:stretch
 }
 .md\:justify-end{
     justify-content:flex-end
 }
 .md\:justify-center{
     justify-content:center
 }
 .md\:justify-between{
     justify-content:space-between
 }
 .md\:gap-32{
     gap:32px
 }
 .md\:gap-y-0{
     row-gap:0
 }
 .md\:gap-y-32{
     row-gap:32px
 }
 .md\:gap-y-60{
     row-gap:60px
 }
 .md\:rounded-none{
     border-radius:0
 }
 .md\:rounded-b-md{
     border-bottom-right-radius:8px;
     border-bottom-left-radius:8px
 }
 .md\:rounded-r-md{
     border-top-right-radius:8px;
     border-bottom-right-radius:8px
 }
 .md\:rounded-r-none{
     border-top-right-radius:0;
     border-bottom-right-radius:0
 }
 .md\:bg-contain{
     background-size:contain
 }
 .md\:p-0{
     padding:0
 }
 .md\:p-60{
     padding:60px
 }
 .md\:px-0{
     padding-left:0;
     padding-right:0
 }
 .md\:px-12{
     padding-left:12px;
     padding-right:12px
 }
 .md\:px-28{
     padding-left:28px;
     padding-right:28px
 }
 .md\:px-40{
     padding-left:40px;
     padding-right:40px
 }
 .md\:px-60{
     padding-left:60px;
     padding-right:60px
 }
 .md\:py-0{
     padding-top:0;
     padding-bottom:0
 }
 .md\:py-16{
     padding-top:16px;
     padding-bottom:16px
 }
 .md\:py-20{
     padding-top:20px;
     padding-bottom:20px
 }
 .md\:py-40{
     padding-top:40px;
     padding-bottom:40px
 }
 .md\:py-8{
     padding-top:8px;
     padding-bottom:8px
 }
 .md\:\!pt-0{
     padding-top:0!important
 }
 .md\:pb-0{
     padding-bottom:0
 }
 .md\:pb-40{
     padding-bottom:40px
 }
 .md\:pl-24{
     padding-left:24px
 }
 .md\:pr-24{
     padding-right:24px
 }
 .md\:pr-60{
     padding-right:60px
 }
 .md\:pt-40{
     padding-top:40px
 }
 .md\:text-left{
     text-align:left
 }
 .md\:text-center{
     text-align:center
 }
 .md\:text-right{
     text-align:right
 }
 .md\:text-start{
     text-align:start
 }
 .md\:text-600{
     font-size:var(--font-size-600)
 }
}
@media (min-width:1200px){
 .lg\:visible{
     visibility:visible
 }
 .lg\:invisible{
     visibility:hidden
 }
 .lg\:absolute{
     position:absolute
 }
 .lg\:-left-40{
     left:-40px
 }
 .lg\:top-8{
     top:8px
 }
 .lg\:mx-0{
     margin-left:0;
     margin-right:0
 }
 .lg\:ml-24{
     margin-left:24px
 }
 .lg\:mt-40{
     margin-top:40px
 }
 .lg\:hidden{
     display:none
 }
 .lg\:w-\[50\%\]{
     width:50%
 }
 .lg\:min-w-\[318px\]{
     min-width:318px
 }
 .lg\:min-w-\[40dvw\]{
     min-width:40dvw
 }
 .lg\:min-w-\[430px\]{
     min-width:430px
 }
 .lg\:min-w-\[55\%\]{
     min-width:55%
 }
 .lg\:max-w-\[680px\]{
     max-width:680px
 }
 .lg\:max-w-none{
     max-width:none
 }
 .lg\:-translate-x-0{
     --tw-translate-x:-0px
 }
 .lg\:-translate-x-0,.lg\:-translate-y-0{
     transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 .lg\:-translate-y-0{
     --tw-translate-y:-0px
 }
 .lg\:translate-x-0{
     --tw-translate-x:0px
 }
 .lg\:translate-x-0,.lg\:translate-y-16{
     transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 .lg\:translate-y-16{
     --tw-translate-y:16px
 }
 .lg\:flex-row{
     flex-direction:row
 }
 .lg\:flex-col{
     flex-direction:column
 }
 .lg\:items-center{
     align-items:center
 }
 .lg\:justify-center{
     justify-content:center
 }
 .lg\:justify-around{
     justify-content:space-around
 }
 .lg\:gap-x-16{
     -moz-column-gap:16px;
     column-gap:16px
 }
 .lg\:gap-x-60{
     -moz-column-gap:60px;
     column-gap:60px
 }
 .lg\:px-60{
     padding-left:60px;
     padding-right:60px
 }
 .lg\:py-20{
     padding-top:20px;
     padding-bottom:20px
 }
 .lg\:py-40{
     padding-top:40px;
     padding-bottom:40px
 }
 .lg\:pb-0{
     padding-bottom:0
 }
 .lg\:pt-16{
     padding-top:16px
 }
 .lg\:pt-40{
     padding-top:40px
 }
 .lg\:text-600{
     font-size:var(--font-size-600)
 }
}
@media (min-width:1536px){
 .xl\:visible{
     visibility:visible
 }
 .xl\:invisible{
     visibility:hidden
 }
}
.\[\&\:\:placeholder\]\:text-subtle::-moz-placeholder{
 color:var(--fg-subtle)
}
.\[\&\:\:placeholder\]\:text-subtle::placeholder{
 color:var(--fg-subtle)
}
.\[\&\:last-child\>td\]\:border-b-0:last-child>td{
 border-bottom-width:0
}
.\[\&\:not\(\:first-child\)\]\:pl-20:not(:first-child){
 padding-left:20px
}
.\[\&\>\*\]\:mt-8>*{
 margin-top:8px
}
.\[\&\>\[data-slot\=control\]\:nth-child\(even\)\]\:border-l-1>[data-slot=control]:nth-child(2n){
 border-left-width:1px
}
.\[\&\>\[data-slot\=control\]\:nth-child\(even\)\]\:pr-8>[data-slot=control]:nth-child(2n){
 padding-right:8px
}
@media (min-width:900px){
 .md\:\[\&\>\[data-slot\=control\]\:nth-child\(even\)\]\:ml-0>[data-slot=control]:nth-child(2n){
     margin-left:0
 }
 .md\:\[\&\>\[data-slot\=control\]\:nth-child\(even\)\]\:pr-0>[data-slot=control]:nth-child(2n){
     padding-right:0
 }
}
.\[\&\>\[data-slot\=control\]\:nth-child\(odd\)\]\:ml-4>[data-slot=control]:nth-child(odd){
 margin-left:4px
}
.\[\&\>\[data-slot\=control\]\]\:col-span-1>[data-slot=control]{
 grid-column:span 1/span 1
}
.\[\&\>\[data-slot\=control\]\]\:border-solid>[data-slot=control]{
 border-style:solid
}
.\[\&\>\[data-slot\=control\]\]\:border-muted>[data-slot=control]{
 border-color:var(--border-muted)
}
@media (min-width:900px){
 .md\:\[\&\>\[data-slot\=control\]\]\:max-w-\[220px\]>[data-slot=control]{
     max-width:220px
 }
 .md\:\[\&\>\[data-slot\=control\]\]\:border-l-1>[data-slot=control]{
     border-left-width:1px
 }
}
.\[\&\>\[data-slot\=icon\]\]\:absolute>[data-slot=icon]{
 position:absolute
}
.\[\&\>\[data-slot\=icon\]\]\:right-16>[data-slot=icon]{
 right:16px
}
.\[\&\>\[data-slot\=icon\]\]\:top-24>[data-slot=icon]{
 top:24px
}
@media (min-width:900px){
 .md\:\[\&\>\[data-slot\=icon\]\]\:right-24>[data-slot=icon]{
     right:24px
 }
}
.\[\&\>\[data-slot\=search\]\]\:col-span-2>[data-slot=search]{
 grid-column:span 2/span 2
}
.\[\&\>\[data-slot\=search\]\]\:border-b-1>[data-slot=search]{
 border-bottom-width:1px
}
.\[\&\>\[data-slot\=search\]\]\:border-solid>[data-slot=search]{
 border-style:solid
}
.\[\&\>\[data-slot\=search\]\]\:border-muted>[data-slot=search]{
 border-color:var(--border-muted)
}
.\[\&\>\[data-slot\=search\]\]\:pl-16>[data-slot=search]{
 padding-left:16px
}
.\[\&\>\[data-slot\=search\]\]\:pr-40>[data-slot=search]{
 padding-right:40px
}
@media (min-width:900px){
 .md\:\[\&\>\[data-slot\=search\]\]\:border-b-0>[data-slot=search]{
     border-bottom-width:0
 }
 .md\:\[\&\>\[data-slot\=search\]\]\:pl-0>[data-slot=search]{
     padding-left:0
 }
 .md\:\[\&\>\[data-slot\=search\]\]\:pr-12>[data-slot=search]{
     padding-right:12px
 }
}
.\[\&\>div\>ol\>\]\:pl-\[30px\]>div>ol>{
 padding-left:30px
}
.\[\&_a\]\:text-accent a{
 color:var(--fg-accent)
}
.\[\&_a\]\:no-underline a{
 -webkit-text-decoration-line:none;
 text-decoration-line:none
}
.visited\:\[\&_a\]\:text-accent a:visited{
 color:var(--fg-accent)
}
.react-horizontal-scrolling-menu--scroll-container{
 display:flex;
 height:max-content;
 overflow-y:hidden;
 position:relative;
 width:100%
}
.react-horizontal-scrolling-menu--scroll-container.rtl{
 direction:rtl
}
.react-horizontal-scrolling-menu--inner-wrapper{
 display:flex;
 overflow-y:hidden
}
.react-horizontal-scrolling-menu--wrapper{
 display:flex;
 flex-direction:column
}
.react-horizontal-scrolling-menu--footer,.react-horizontal-scrolling-menu--header{
 width:100%
}
.react-horizontal-scrolling-menu--arrow-left,.react-horizontal-scrolling-menu--arrow-right{
 display:flex
}
.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar{
 display:none
}
.react-horizontal-scrolling-menu--scroll-container{
 -ms-overflow-style:none;
 scrollbar-width:none
}
.arrow-right{
 width:0;
 height:0;
 border-top:10.5px solid transparent;
 border-bottom:10.5px solid transparent;
 border-left:10.5px solid var(--bg-accent-subdued)
}
:root{
 --r:12px
}
.mask-bottom{
 --mask:radial-gradient(var(--r) at var(--r) 100%,#0000 98%,#000) calc(var(--r) * -1)
}
.mask-bottom,.mask-top{
 -webkit-mask:var(--mask);
 mask:var(--mask)
}
.mask-top{
 --mask:radial-gradient(var(--r) at var(--r) 0,#0000 98%,#000) calc(var(--r) * -1)
}
.mask-all{
 --mask:radial-gradient(var(--r) at var(--r) var(--r),#0000 98%,#000) calc(var(--r) * -1) calc(var(--r) * -1);
 -webkit-mask:var(--mask);
 mask:var(--mask)
}