:root {
    --fg-figure-gain: var(--green-700);
    --fg-figure-loss: var(--red-600) 
}
.dark {
    --fg-figure-gain: var(--green-400);
    --fg-figure-loss: var(--red-400) 
}
.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;
    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-size: var(--font-size-700);
    font-variant-ligatures: no-common-ligatures;
    font-variant-numeric: lining-nums 
}
.heading-l-numbers,.heading-xl-numbers {
    font-family: Calendas,Helvetica,sans-serif;
    line-height: 1.3;
    letter-spacing: 0 
}
.heading-xl-numbers {
    font-size: var(--font-size-800);
    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 
}
.sticky {
    position: sticky 
}
.inset-0 {
    inset: 0 
}
.-bottom-4 {
    bottom: -4px 
}
.-bottom-\[14px\] {
    bottom: -14px 
}
.-left-12 {
    left: -12px 
}
.-left-20 {
    left: -20px 
}
.-right-8 {
    right: -8px 
}
.-right-\[28px\] {
    right: -28px 
}
.-top-4 {
    top: -4px 
}
.-top-\[14px\] {
    top: -14px 
}
.bottom-0 {
    bottom: 0 
}
.bottom-12 {
    bottom: 12px 
}
.bottom-16 {
    bottom: 16px 
}
.bottom-2 {
    bottom: 2px 
}
.bottom-20 {
    bottom: 20px 
}
.bottom-24 {
    bottom: 24px 
}
.bottom-\[-4px\] {
    bottom: -4px 
}
.bottom-\[78px\] {
    bottom: 78px 
}
.bottom-\[8px\] {
    bottom: 8px 
}
.left-0 {
    left: 0 
}
.left-1\/2 {
    left: 50% 
}
.left-16 {
    left: 16px 
}
.left-20 {
    left: 20px 
}
.left-4 {
    left: 4px 
}
.left-\[65px\] {
    left: 65px 
}
.right-0 {
    right: 0 
}
.right-1\/2 {
    right: 50% 
}
.right-16 {
    right: 16px 
}
.right-2 {
    right: 2px 
}
.right-24 {
    right: 24px 
}
.right-28 {
    right: 28px 
}
.right-4 {
    right: 4px 
}
.right-60 {
    right: 60px 
}
.right-8 {
    right: 8px 
}
.right-\[-6px\] {
    right: -6px 
}
.right-\[4px\] {
    right: 4px 
}
.top-0 {
    top: 0 
}
.top-1\/2 {
    top: 50% 
}
.top-12 {
    top: 12px 
}
.top-2 {
    top: 2px 
}
.top-20 {
    top: 20px 
}
.top-24 {
    top: 24px 
}
.top-28 {
    top: 28px 
}
.top-32 {
    top: 32px 
}
.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) 
}
.isolate {
    isolation: isolate 
}
.z-0 {
    z-index: 0 
}
.z-10 {
    z-index: 10 
}
.z-20 {
    z-index: 20 
}
.z-30 {
    z-index: 30 
}
.z-40 {
    z-index: 40 
}
.z-50 {
    z-index: 50 
}
.z-\[10\] {
    z-index: 10 
}
.z-\[1201\] {
    z-index: 1201 
}
.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 
}
.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 
}
.row-start-1 {
    grid-row-start: 1 
}
.m-0 {
    margin: 0 
}
.m-12 {
    margin: 12px 
}
.m-20 {
    margin: 20px 
}
.m-24 {
    margin: 24px 
}
.m-4 {
    margin: 4px 
}
.m-40 {
    margin: 40px 
}
.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-24 {
    margin-left: 24px;
    margin-right: 24px 
}
.mx-32 {
    margin-left: 32px;
    margin-right: 32px 
}
.mx-4 {
    margin-left: 4px;
    margin-right: 4px 
}
.mx-8 {
    margin-left: 8px;
    margin-right: 8px 
}
.mx-\[-3\.2rem\] {
    margin-left: -3.2rem;
    margin-right: -3.2rem 
}
.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-4 {
    margin-top: 4px;
    margin-bottom: 4px 
}
.my-40 {
    margin-top: 40px;
    margin-bottom: 40px 
}
.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-12 {
    margin-bottom: -12px 
}
.-mb-16 {
    margin-bottom: -16px 
}
.-mb-\[20px\] {
    margin-bottom: -20px 
}
.-mb-\[28px\] {
    margin-bottom: -28px 
}
.-ml-2 {
    margin-left: -2px 
}
.-ml-24 {
    margin-left: -24px 
}
.-ml-4 {
    margin-left: -4px 
}
.-ml-8 {
    margin-left: -8px 
}
.-ml-\[2px\] {
    margin-left: -2px 
}
.-mr-4 {
    margin-right: -4px 
}
.-mt-16 {
    margin-top: -16px 
}
.-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-\[-16px\] {
    margin-bottom: -16px 
}
.mb-\[-3\.2rem\] {
    margin-bottom: -3.2rem 
}
.mb-\[113px\] {
    margin-bottom: 113px 
}
.mb-\[16px\] {
    margin-bottom: 16px 
}
.mb-\[20px\] {
    margin-bottom: 20px 
}
.mb-\[4px\] {
    margin-bottom: 4px 
}
.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-32 {
    margin-left: 32px 
}
.ml-4 {
    margin-left: 4px 
}
.ml-8 {
    margin-left: 8px 
}
.ml-\[15\.2\%\] {
    margin-left: 15.2% 
}
.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-60r {
    margin-right: 6rem 
}
.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-\[1300px\] {
    margin-top: 1300px 
}
.mt-\[16px\] {
    margin-top: 16px 
}
.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 
}
.flex {
    display: flex 
}
.inline-flex {
    display: inline-flex 
}
.table {
    display: table 
}
.grid {
    display: grid 
}
.contents {
    display: contents 
}
.\!hidden {
    display: none!important 
}
.hidden {
    display: none 
}
.aspect-square {
    aspect-ratio: 1/1 
}
.aspect-video {
    aspect-ratio: 16/9 
}
.\!h-0 {
    height: 0!important 
}
.\!h-\[42px\] {
    height: 42px!important 
}
.h-0 {
    height: 0 
}
.h-\[1000px\] {
    height: 1000px 
}
.h-\[10px\] {
    height: 10px 
}
.h-\[115px\] {
    height: 115px 
}
.h-\[12\.5px\] {
    height: 12.5px 
}
.h-\[120px\] {
    height: 120px 
}
.h-\[128px\] {
    height: 128px 
}
.h-\[12px\] {
    height: 12px 
}
.h-\[14px\] {
    height: 14px 
}
.h-\[150px\] {
    height: 150px 
}
.h-\[156px\] {
    height: 156px 
}
.h-\[165px\] {
    height: 165px 
}
.h-\[16px\] {
    height: 16px 
}
.h-\[175px\] {
    height: 175px 
}
.h-\[18px\] {
    height: 18px 
}
.h-\[1px\] {
    height: 1px 
}
.h-\[2\.3rem\] {
    height: 2.3rem 
}
.h-\[200px\] {
    height: 200px 
}
.h-\[20px\] {
    height: 20px 
}
.h-\[21px\] {
    height: 21px 
}
.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-\[32px\] {
    height: 32px 
}
.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-\[55px\] {
    height: 55px 
}
.h-\[56px\] {
    height: 56px 
}
.h-\[57px\] {
    height: 57px 
}
.h-\[60px\] {
    height: 60px 
}
.h-\[64px\] {
    height: 64px 
}
.h-\[68px\] {
    height: 68px 
}
.h-\[70\%\] {
    height: 70% 
}
.h-\[70px\] {
    height: 70px 
}
.h-\[75px\] {
    height: 75px 
}
.h-\[800px\] {
    height: 800px 
}
.h-\[8px\] {
    height: 8px 
}
.h-\[90px\] {
    height: 90px 
}
.h-\[calc\(100vh-96px\)\] {
    height: calc(100vh - 96px) 
}
.h-\[calc\(100vh_-_69px_-_88px\)\] {
    height: calc(100vh - 69px - 88px) 
}
.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-\[100vh\] {
    max-height: 100vh 
}
.max-h-\[128px\] {
    max-height: 128px 
}
.max-h-\[140px\] {
    max-height: 140px 
}
.max-h-\[200px\] {
    max-height: 200px 
}
.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-\[7px\] {
    max-height: 7px 
}
.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-0 {
    min-height: 0 
}
.min-h-60 {
    min-height: 60px 
}
.min-h-\[100px\] {
    min-height: 100px 
}
.min-h-\[100vh\] {
    min-height: 100vh 
}
.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-\[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-\[24px\] {
    min-height: 24px 
}
.min-h-\[265px\] {
    min-height: 265px 
}
.min-h-\[300px\] {
    min-height: 300px 
}
.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-\[56px\] {
    min-height: 56px 
}
.min-h-\[60px\] {
    min-height: 60px 
}
.min-h-\[65px\] {
    min-height: 65px 
}
.min-h-\[68px\] {
    min-height: 68px 
}
.min-h-\[7px\] {
    min-height: 7px 
}
.min-h-\[80vh\] {
    min-height: 80vh 
}
.min-h-\[calc\(100vh-70px\)\] {
    min-height: calc(100vh - 70px) 
}
.\!w-0 {
    width: 0!important 
}
.\!w-\[250px\] {
    width: 250px!important 
}
.\!w-full {
    width: 100%!important 
}
.w-0 {
    width: 0 
}
.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-\[15px\] {
    width: 15px 
}
.w-\[16px\] {
    width: 16px 
}
.w-\[176px\] {
    width: 176px 
}
.w-\[18px\] {
    width: 18px 
}
.w-\[1px\] {
    width: 1px 
}
.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-\[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-\[332px\] {
    width: 332px 
}
.w-\[380px\] {
    width: 380px 
}
.w-\[40px\] {
    width: 40px 
}
.w-\[42px\] {
    width: 42px 
}
.w-\[48px\] {
    width: 48px 
}
.w-\[50\%\] {
    width: 50% 
}
.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-\[85\%\] {
    width: 85% 
}
.w-\[8px\] {
    width: 8px 
}
.w-\[90\%\] {
    width: 90% 
}
.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-\[12px\] {
    min-width: 12px 
}
.min-w-\[139px\] {
    min-width: 139px 
}
.min-w-\[150px\] {
    min-width: 150px 
}
.min-w-\[166px\] {
    min-width: 166px 
}
.min-w-\[20px\] {
    min-width: 20px 
}
.min-w-\[24px\] {
    min-width: 24px 
}
.min-w-\[270px\] {
    min-width: 270px 
}
.min-w-\[300px\] {
    min-width: 300px 
}
.min-w-\[30px\] {
    min-width: 30px 
}
.min-w-\[320px\] {
    min-width: 320px 
}
.min-w-\[36px\] {
    min-width: 36px 
}
.min-w-\[441px\] {
    min-width: 441px 
}
.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-\[88px\] {
    min-width: 88px 
}
.min-w-\[90\%\] {
    min-width: 90% 
}
.min-w-\[90px\] {
    min-width: 90px 
}
.min-w-\[92px\] {
    min-width: 92px 
}
.min-w-\[96px\] {
    min-width: 96px 
}
.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-min {
    min-width: -moz-min-content;
    min-width: min-content 
}
.max-w-500 {
    max-width: 500px 
}
.max-w-700 {
    max-width: 700px 
}
.max-w-\[1000px\] {
    max-width: 1000px 
}
.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-\[12px\] {
    max-width: 12px 
}
.max-w-\[180px\] {
    max-width: 180px 
}
.max-w-\[200px\] {
    max-width: 200px 
}
.max-w-\[250px\] {
    max-width: 250px 
}
.max-w-\[267px\] {
    max-width: 267px 
}
.max-w-\[290px\] {
    max-width: 290px 
}
.max-w-\[300px\] {
    max-width: 300px 
}
.max-w-\[327\] {
    max-width: 327 
}
.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-\[384px\] {
    max-width: 384px 
}
.max-w-\[400px\] {
    max-width: 400px 
}
.max-w-\[406px\] {
    max-width: 406px 
}
.max-w-\[40ch\] {
    max-width: 40ch 
}
.max-w-\[429px\] {
    max-width: 429px 
}
.max-w-\[450px\] {
    max-width: 450px 
}
.max-w-\[480px\] {
    max-width: 480px 
}
.max-w-\[500px\] {
    max-width: 500px 
}
.max-w-\[560px\] {
    max-width: 560px 
}
.max-w-\[600px\] {
    max-width: 600px 
}
.max-w-\[65px\] {
    max-width: 65px 
}
.max-w-\[700px\] {
    max-width: 700px 
}
.max-w-\[80\%\] {
    max-width: 80% 
}
.max-w-\[90dvw\] {
    max-width: 90dvw 
}
.max-w-\[95vw\] {
    max-width: 95vw 
}
.max-w-\[96\] {
    max-width: 96 
}
.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-auto {
    flex: 1 1 auto 
}
.flex-initial {
    flex: 0 1 auto 
}
.flex-none {
    flex: none 
}
.flex-shrink-0 {
    flex-shrink: 0 
}
.shrink {
    flex-shrink: 1 
}
.shrink-0 {
    flex-shrink: 0 
}
.flex-grow,.grow {
    flex-grow: 1 
}
.basis-2\/5 {
    flex-basis: 40% 
}
.basis-3\/5 {
    flex-basis: 60% 
}
.basis-full {
    flex-basis: 100% 
}
.table-auto {
    table-layout: auto 
}
.table-fixed {
    table-layout: fixed 
}
.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-12 {
    --tw-translate-x: 12px 
}
.translate-x-12,.translate-x-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)) 
}
.translate-x-16 {
    --tw-translate-x: 16px 
}
.translate-x-4 {
    --tw-translate-x: 4px 
}
.translate-x-4,.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-y-8 {
    --tw-translate-y: 8px 
}
.translate-y-8,.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.translate-y-\[-50\%\] {
    --tw-translate-y: -50% 
}
.translate-y-\[18px\] {
    --tw-translate-y: 18px 
}
.-rotate-90,.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)) 
}
.-rotate-90 {
    --tw-rotate: -90deg 
}
.rotate-180 {
    --tw-rotate: 180deg 
}
.rotate-180,.rotate-45 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.rotate-45 {
    --tw-rotate: 45deg 
}
.rotate-90 {
    --tw-rotate: 90deg 
}
.rotate-90,.scale-75 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 
}
.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .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)) 
}
.\!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-\[lower-alpha\] {
    list-style-type: lower-alpha 
}
.list-none {
    list-style-type: none 
}
.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr)) 
}
.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) 
}
.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr)) 
}
.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr)) 
}
.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr)) 
}
.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr)) 
}
.grid-cols-none {
    grid-template-columns: none 
}
.grid-rows-1 {
    grid-template-rows: repeat(1,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 
}
.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-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-x-0 {
    -moz-column-gap: 0;
    column-gap: 0 
}
.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-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-28 {
    row-gap: 28px 
}
.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-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4px * var(--tw-space-x-reverse));
    margin-left: calc(4px * 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-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-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 
}
.self-baseline {
    align-self: baseline 
}
.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 
}
.\!rounded-6-deprecated {
    border-radius: 6px!important 
}
.rounded-lg {
    border-radius: 16px 
}
.rounded-sm {
    border-radius: 4px 
}
.rounded-6-deprecated {
    border-radius: 6px 
}
.rounded-md {
    border-radius: 8px 
}
.rounded-\[20px\] {
    border-radius: 20px 
}
.rounded-\[32px\] {
    border-radius: 32px 
}
.rounded-\[50\%\] {
    border-radius: 50% 
}
.rounded-full {
    border-radius: 9999px 
}
.rounded-none {
    border-radius: 0 
}
.rounded-b-6-deprecated {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px 
}
.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-md {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px 
}
.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px 
}
.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0 
}
.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-md {
    border-bottom-right-radius: 8px 
}
.rounded-tl-md {
    border-top-left-radius: 8px 
}
.rounded-tr-md {
    border-top-right-radius: 8px 
}
.\!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-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-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-y-muted {
    border-top-color: var(--border-muted);
    border-bottom-color: var(--border-muted) 
}
.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-subdued {
    background-color: var(--bg-subdued)!important 
}
.\!bg-transparent {
    background-color: transparent!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-\[--fg-subtle\] {
    background-color: var(--fg-subtle) 
}
.bg-\[--navy-650\] {
    background-color: var(--navy-650) 
}
.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-emphasisHover {
    background-color: var(--bg-emphasisHover) 
}
.bg-emphasisPlus {
    background-color: var(--bg-emphasisPlus) 
}
.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-overlayLight {
    background-color: var(--bg-light-emphasis-overlay) 
}
.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\(--iconUrl\)\] {
    background-image: var(--iconUrl) 
}
.bg-\[image\:var\(--lightThumb\)\] {
    background-image: var(--lightThumb) 
}
.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-\[\#101621\] {
    --tw-gradient-from: #101621 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(16,22,33,0) 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-\[\#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-\[white\] {
    --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-subdued {
    --tw-gradient-from: #e9f3ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(233,243,255,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-10\% {
    --tw-gradient-from-position: 10% 
}
.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) 
}
.via-\[\#F9FAFC\] {
    --tw-gradient-to: rgba(249,250,252,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),#f9fafc var(--tw-gradient-via-position),var(--tw-gradient-to) 
}
.via-55\% {
    --tw-gradient-via-position: 55% 
}
.to-\[\#0059CC\] {
    --tw-gradient-to: #0059cc var(--tw-gradient-to-position) 
}
.to-\[\#0472FF\] {
    --tw-gradient-to: #0472ff var(--tw-gradient-to-position) 
}
.to-\[\#0472FF\]\/10 {
    --tw-gradient-to: rgba(4,114,255,.1) 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-\[\#ED6C69\] {
    --tw-gradient-to: #ed6c69 var(--tw-gradient-to-position) 
}
.to-\[\#EDF5FF\] {
    --tw-gradient-to: #edf5ff var(--tw-gradient-to-position) 
}
.to-\[\#EFF5FF\] {
    --tw-gradient-to: #eff5ff 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-\[--blue-50\] {
    --tw-gradient-to: var(--blue-50) 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-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\:80px_94px\] {
    background-size: 80px 94px 
}
.bg-contain {
    background-size: contain 
}
.bg-cover {
    background-size: cover 
}
.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 {
    -o-object-position: center;
    object-position: center 
}
.\!p-0 {
    padding: 0!important 
}
.\!p-20 {
    padding: 20px!important 
}
.\!p-4 {
    padding: 4px!important 
}
.p-0 {
    padding: 0 
}
.p-12 {
    padding: 12px 
}
.p-16 {
    padding: 16px 
}
.p-16r {
    padding: 1.6rem 
}
.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-\[26px\] {
    padding: 26px 
}
.\!px-0 {
    padding-left: 0!important;
    padding-right: 0!important 
}
.\!px-24 {
    padding-left: 24px!important;
    padding-right: 24px!important 
}
.\!py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important 
}
.\!py-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!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 
}
.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px 
}
.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 
}
.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px 
}
.\!pb-24 {
    padding-bottom: 24px!important 
}
.\!pl-\[5px\] {
    padding-left: 5px!important 
}
.\!pr-0 {
    padding-right: 0!important 
}
.\!pr-16 {
    padding-right: 16px!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-60 {
    padding-bottom: 60px 
}
.pb-8 {
    padding-bottom: 8px 
}
.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-40 {
    padding-left: 40px 
}
.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-2r {
    padding-right: .2rem 
}
.pr-32 {
    padding-right: 32px 
}
.pr-4 {
    padding-right: 4px 
}
.pr-60 {
    padding-right: 60px 
}
.pr-8 {
    padding-right: 8px 
}
.pr-\[12px\] {
    padding-right: 12px 
}
.pt-0 {
    padding-top: 0 
}
.pt-12 {
    padding-top: 12px 
}
.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-\[175px\] {
    padding-top: 175px 
}
.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-text-bottom {
    vertical-align: text-bottom 
}
.align-sub {
    vertical-align: sub 
}
.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-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-\[1px\] {
    letter-spacing: 1px!important 
}
.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-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-\[--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-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,.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 
}
.\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield 
}
: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-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 
   }
}
.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\:hidden:last-child{
   display:none
}
.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-\[\#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\: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-emphasis:focus{
   background-color:var(--bg-emphasis)
}
.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\: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-\[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-\[--navy-650\]){
   --tw-gradient-from:var(--navy-650) 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\:to-\[--blue-825\]){
   --tw-gradient-to:var(--blue-825) var(--tw-gradient-to-position)
}
: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 (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-\[50px\]{
       top:50px
   }
   .sm\:z-20{
       z-index:20
   }
   .sm\:col-span-1{
       grid-column:span 1/span 1
   }
   .sm\:col-span-2{
       grid-column:span 2/span 2
   }
   .sm\:mx-0{
       margin-left:0;
       margin-right:0
   }
   .sm\:my-0{
       margin-top:0
   }
   .sm\:mb-0,.sm\:my-0{
       margin-bottom:0
   }
   .sm\:mb-16{
       margin-bottom:16px
   }
   .sm\:mb-24{
       margin-bottom:24px
   }
   .sm\:mb-40{
       margin-bottom:40px
   }
   .sm\:ml-4{
       margin-left:4px
   }
   .sm\:ml-auto{
       margin-left:auto
   }
   .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-16{
       margin-top:16px
   }
   .sm\:mt-32{
       margin-top:32px
   }
   .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-\[30px\]{
       height:30px
   }
   .sm\:h-\[320px\]{
       height:320px
   }
   .sm\:h-\[65px\]{
       height:65px
   }
   .sm\:max-h-\[85vh\]{
       max-height:85vh
   }
   .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-\[160px\]{
       width:160px
   }
   .sm\:w-\[200px\]{
       width:200px
   }
   .sm\:w-\[340px\]{
       width:340px
   }
   .sm\:w-\[40\%\]{
       width:40%
   }
   .sm\:w-\[480px\]{
       width:480px
   }
   .sm\:w-\[5rem\]{
       width:5rem
   }
   .sm\:w-\[60\%\]{
       width:60%
   }
   .sm\:w-\[640px\]{
       width:640px
   }
   .sm\:w-\[6rem\]{
       width:6rem
   }
   .sm\:w-\[75\%\]{
       width:75%
   }
   .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-\[120px\]{
       min-width:120px
   }
   .sm\:min-w-\[250px\]{
       min-width:250px
   }
   .sm\:min-w-\[280px\]{
       min-width:280px
   }
   .sm\:min-w-\[400px\]{
       min-width:400px
   }
   .sm\:min-w-\[441px\]{
       min-width:441px
   }
   .sm\:min-w-\[468px\]{
       min-width:468px
   }
   .sm\:max-w-500{
       max-width:500px
   }
   .sm\:max-w-\[200px\]{
       max-width:200px
   }
   .sm\:max-w-\[250px\]{
       max-width:250px
   }
   .sm\:max-w-\[280px\]{
       max-width:280px
   }
   .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-1{
       flex:1 1 0%
   }
   .sm\:flex-\[11\]{
       flex:11
   }
   .sm\:flex-\[1\]{
       flex:1
   }
   .sm\:grow-0{
       flex-grow:0
   }
   .sm\:basis-1\/6{
       flex-basis:16.666667%
   }
   .sm\:basis-5\/6{
       flex-basis:83.333333%
   }
   .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-none{
       grid-template-columns:none
   }
   .sm\:flex-row{
       flex-direction:row
   }
   .sm\:flex-col{
       flex-direction:column
   }
   .sm\:items-start{
       align-items:flex-start
   }
   .sm\:items-end{
       align-items:flex-end
   }
   .sm\:items-center{
       align-items:center
   }
   .sm\:items-stretch{
       align-items:stretch
   }
   .sm\:justify-end{
       justify-content:flex-end
   }
   .sm\:justify-center{
       justify-content:center
   }
   .sm\:justify-between{
       justify-content:space-between
   }
   .sm\:gap-12{
       gap:12px
   }
   .sm\:gap-16{
       gap:16px
   }
   .sm\:gap-40{
       gap:40px
   }
   .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-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-top-right-radius:0;
       border-bottom-right-radius:0
   }
   .sm\:border-b-0{
       border-bottom-width:0
   }
   .sm\:border-b-1{
       border-bottom-width:1px
   }
   .sm\:border-t-0{
       border-top-width:0
   }
   .sm\:p-0{
       padding:0
   }
   .sm\:p-16{
       padding:16px
   }
   .sm\:p-20{
       padding:20px
   }
   .sm\:p-24{
       padding:24px
   }
   .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\: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-32{
       padding-top:32px;
       padding-bottom:32px
   }
   .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-8{
       padding-bottom:8px
   }
   .sm\:pl-0{
       padding-left:0
   }
   .sm\:pl-20{
       padding-left:20px
   }
   .sm\:pl-\[250px\]{
       padding-left:250px
   }
   .sm\:pr-0{
       padding-right:0
   }
   .sm\:pr-12{
       padding-right:12px
   }
   .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-right{
       text-align:right
   }
}
@media (min-width:900px){
   .md\:visible{
       visibility:visible
   }
   .md\:invisible{
       visibility:hidden
   }
   .md\:static{
       position:static
   }
   .md\:absolute{
       position:absolute
   }
   .md\:relative{
       position:relative
   }
   .md\:sticky{
       position:sticky
   }
   .md\:bottom-0{
       bottom:0
   }
   .md\:right-20{
       right:20px
   }
   .md\:right-8{
       right:8px
   }
   .md\:right-auto{
       right:auto
   }
   .md\:top-0{
       top:0
   }
   .md\:top-20{
       top:20px
   }
   .md\:z-50{
       z-index:50
   }
   .md\:mx-0{
       margin-left:0;
       margin-right:0
   }
   .md\:mx-auto{
       margin-left:auto;
       margin-right:auto
   }
   .md\:-mt-8{
       margin-top:-8px
   }
   .md\:mb-32{
       margin-bottom:32px
   }
   .md\:mb-4{
       margin-bottom:4px
   }
   .md\:ml-0{
       margin-left:0
   }
   .md\:ml-24{
       margin-left:24px
   }
   .md\:ml-4{
       margin-left:4px
   }
   .md\:ml-auto{
       margin-left:auto
   }
   .md\:mt-0{
       margin-top:0
   }
   .md\:mt-24{
       margin-top:24px
   }
   .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-\[85\%\]{
       width:85%
   }
   .md\:w-\[9rem\]{
       width:9rem
   }
   .md\:w-fit{
       width:-moz-fit-content;
       width:fit-content
   }
   .md\:w-max{
       width:-moz-max-content;
       width:max-content
   }
   .md\:min-w-\[300px\]{
       min-width:300px
   }
   .md\:min-w-\[50\%\]{
       min-width:50%
   }
   .md\:min-w-\[66\.666667\%\]{
       min-width:66.666667%
   }
   .md\:min-w-\[900px\]{
       min-width:900px
   }
   .md\:max-w-\[200px\]{
       max-width:200px
   }
   .md\:max-w-\[220px\]{
       max-width:220px
   }
   .md\:max-w-\[30\%\]{
       max-width:30%
   }
   .md\:max-w-\[30vw\]{
       max-width:30vw
   }
   .md\:max-w-\[345px\]{
       max-width:345px
   }
   .md\:max-w-\[40\%\]{
       max-width:40%
   }
   .md\:max-w-\[50vw\]{
       max-width:50vw
   }
   .md\:max-w-\[90\%\]{
       max-width:90%
   }
   .md\:flex-1{
       flex:1 1 0%
   }
   .md\:basis-1\/2{
       flex-basis:50%
   }
   .md\:basis-1\/3{
       flex-basis:33.333333%
   }
   .md\:basis-1\/4{
       flex-basis:25%
   }
   .md\:basis-2\/3{
       flex-basis:66.666667%
   }
   .md\:basis-3\/4{
       flex-basis:75%
   }
   .md\:basis-\[42\%\]{
       flex-basis:42%
   }
   .md\:grid-cols-2{
       grid-template-columns:repeat(2,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\: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-x-8{
       -moz-column-gap:8px;
       column-gap:8px
   }
   .md\:gap-y-0{
       row-gap:0
   }
   .md\:gap-y-60{
       row-gap:60px
   }
   .md\:rounded-sm{
       border-radius:4px
   }
   .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\:p-32{
       padding:32px
   }
   .md\:p-40{
       padding:40px
   }
   .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\:px-8{
       padding-left:8px;
       padding-right:8px
   }
   .md\:py-16{
       padding-top:16px;
       padding-bottom:16px
   }
   .md\:py-20{
       padding-top:20px;
       padding-bottom:20px
   }
   .md\:py-4{
       padding-top:4px;
       padding-bottom:4px
   }
   .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-40{
       padding-bottom:40px
   }
   .md\:pl-24{
       padding-left:24px
   }
   .md\:pl-\[250px\]{
       padding-left:250px
   }
   .md\:pr-24{
       padding-right:24px
   }
   .md\:pr-60{
       padding-right:60px
   }
   .md\:pt-0{
       padding-top:0
   }
   .md\:pt-40{
       padding-top:40px
   }
   .md\:text-left{
       text-align:left
   }
   .md\:text-center{
       text-align:center
   }
   .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\:hidden{
       display:none
   }
   .lg\:h-full{
       height:100%
   }
   .lg\:w-\[50\%\]{
       width:50%
   }
   .lg\:min-w-\[55\%\]{
       min-width:55%
   }
   .lg\:max-w-\[680px\]{
       max-width:680px
   }
   .lg\:grid-cols-2{
       grid-template-columns:repeat(2,minmax(0,1fr))
   }
   .lg\:items-center{
       align-items:center
   }
   .lg\:px-60{
       padding-left:60px;
       padding-right:60px
   }
   .lg\:py-0{
       padding-top:0;
       padding-bottom:0
   }
   .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-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
   }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{
   -webkit-appearance:none;
   appearance:none
}
.\[\&\:\:placeholder\]\:text-subtle::-moz-placeholder{
   color:var(--fg-subtle)
}
.\[\&\:\:placeholder\]\:text-subtle::placeholder{
   color:var(--fg-subtle)
}
.\[\&\>\*\]\: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
}
.\[\&\>ol\>li\>ul\>li\>ul\]\:pl-32>ol>li>ul>li>ul{
   padding-left:32px
}
.\[\&\>ol\>li\>ul\]\:pl-28>ol>li>ul{
   padding-left:28px
}
.\[\&\>ol\]\:m-0>ol{
   margin:0
}
.\[\&\>ol\]\:pl-16>ol{
   padding-left:16px
}
.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)
}