*,
: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-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(45, 66, 193, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(45, 66, 193, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #c4c5c7;
}
:after,
:before {
  --tw-content: "";
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #939598;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #939598;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:is(.t-h1, h1:not([class^="t-"])) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 2.375rem;
  line-height: 1.1;
}
:is(.t-h1, h1:not([class^="t-"])):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.28em - 1px);
}
:is(.t-h1, h1:not([class^="t-"])):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-h1-figure) {
  font-family: indivisible, sans-serif;
  font-weight: 300;
  letter-spacing: -0.025em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 3.125rem;
  line-height: 1.1;
}
:is(.t-h1-figure):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.28em - 1px);
}
:is(.t-h1-figure):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-h2, h2:not([class^="t-"])) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1.75rem;
  line-height: 1.2;
}
:is(.t-h2, h2:not([class^="t-"])):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.33em - 1px);
}
:is(.t-h2, h2:not([class^="t-"])):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.26em - 1px);
}
:is(.t-h3, h3:not([class^="t-"])) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1.5rem;
  line-height: 1.3;
}
:is(.t-h3, h3:not([class^="t-"])):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.38em - 1px);
}
:is(.t-h3, h3:not([class^="t-"])):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.31em - 1px);
}
:is(.t-h4, h4:not([class^="t-"])) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.004em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.4;
}
:is(.t-h4, h4:not([class^="t-"])):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.31em - 1px);
}
:is(.t-h4, h4:not([class^="t-"])):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.36em - 1px);
}
:is(.t-h5, h5:not([class^="t-"])) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.004em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1.25rem;
  line-height: 1.4;
}
:is(.t-h5, h5:not([class^="t-"])):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.43em - 1px);
}
:is(.t-h5, h5:not([class^="t-"])):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.36em - 1px);
}
:is(.t-h6, h6:not([class^="t-"])) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.4;
}
:is(.t-h6, h6:not([class^="t-"])):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.31em - 1px);
}
:is(.t-h6, h6:not([class^="t-"])):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.36em - 1px);
}
:is(.t-p, p:not([class^="t-"])) {
  font-family: indivisible, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
:is(.t-p, p:not([class^="t-"])):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.48em - 1px);
}
:is(.t-p, p:not([class^="t-"])):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.41em - 1px);
}
:is(.t-p-lg) {
  font-family: indivisible, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1.25rem;
  line-height: 1.5;
}
:is(.t-p-lg):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.48em - 1px);
}
:is(.t-p-lg):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.41em - 1px);
}
:is(.t-p-sm) {
  font-family: indivisible, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.875rem;
  line-height: 1.5;
}
:is(.t-p-sm):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.48em - 1px);
}
:is(.t-p-sm):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.41em - 1px);
}
:is(.t-p-xs) {
  font-family: indivisible, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.75rem;
  line-height: 1.5;
}
:is(.t-p-xs):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.48em - 1px);
}
:is(.t-p-xs):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.41em - 1px);
}
:is(.t-btn-lg) {
  font-family: indivisible, sans-serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.9375rem;
  line-height: 1.3;
}
:is(.t-btn-lg):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.26em - 1px);
}
:is(.t-btn-lg):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.31em - 1px);
}
:is(.t-btn) {
  font-family: indivisible, sans-serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.875rem;
  line-height: 1.3;
}
:is(.t-btn):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.26em - 1px);
}
:is(.t-btn):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.31em - 1px);
}
:is(.t-btn-sm) {
  font-family: indivisible, sans-serif;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.8125rem;
  line-height: 1.3;
}
:is(.t-btn-sm):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.26em - 1px);
}
:is(.t-btn-sm):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.31em - 1px);
}
:is(.t-nav-l1) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.625rem;
  line-height: 1.1;
}
:is(.t-nav-l1):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.16em - 1px);
}
:is(.t-nav-l1):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-nav-l2) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1.3125rem;
  line-height: 1.1;
}
:is(.t-nav-l2):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.28em - 1px);
}
:is(.t-nav-l2):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-nav-l3) {
  font-family: indivisible, sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.1;
}
:is(.t-nav-l3):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.16em - 1px);
}
:is(.t-nav-l3):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-nav-l4) {
  font-family: indivisible, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.9375rem;
  line-height: 1.1;
}
:is(.t-nav-l4):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.16em - 1px);
}
:is(.t-nav-l4):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-nav-label) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.875rem;
  line-height: 1.1;
}
:is(.t-nav-label):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.16em - 1px);
}
:is(.t-nav-label):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-footer-l1) {
  font-family: indivisible, sans-serif;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.875rem;
  line-height: 1.1;
}
:is(.t-footer-l1):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.16em - 1px);
}
:is(.t-footer-l1):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.21em - 1px);
}
:is(.t-footer-l2) {
  font-family: indivisible, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.875rem;
  line-height: 1.5;
}
:is(.t-footer-l2):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.36em - 1px);
}
:is(.t-footer-l2):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.41em - 1px);
}
@media (min-width: 768px) {
  :is(.t-h1, h1:not([class^="t-"])) {
    font-size: 3.375rem;
  }
  :is(.t-h2, h2:not([class^="t-"])) {
    font-size: 2.625rem;
  }
  :is(.t-h3, h3:not([class^="t-"])) {
    font-size: 1.75rem;
  }
  :is(.t-h4, h4:not([class^="t-"])) {
    font-size: 1.25rem;
  }
  :is(.t-h5, h5:not([class^="t-"])) {
    font-size: 1.375rem;
  }
  :is(.t-h6, h6:not([class^="t-"])) {
    font-size: 1rem;
  }
  :is(.t-p, p:not([class^="t-"])) {
    font-size: 1.125rem;
  }
  :is(.t-p-lg) {
    font-size: 1.375rem;
  }
  :is(.t-p-sm) {
    font-size: 0.875rem;
  }
  :is(.t-p-xs) {
    font-size: 0.8125rem;
  }
  :is(.t-btn-lg) {
    font-size: 1rem;
  }
  :is(.t-btn) {
    font-size: 0.9375rem;
  }
  :is(.t-btn-sm) {
    font-size: 0.875rem;
  }
  :is(.t-nav-l1) {
    font-size: 0.875rem;
  }
  :is(.t-nav-l2) {
    font-size: 1rem;
  }
  :is(.t-nav-l3) {
    font-size: 0.875rem;
  }
  :is(.t-nav-l4) {
    font-size: 0.875rem;
  }
  :is(.t-nav-label) {
    font-size: 0.875rem;
  }
  :is(.t-footer-l1) {
    font-size: 0.875rem;
  }
  :is(.t-footer-l2) {
    font-size: 0.875rem;
    line-height: 1.1;
  }
  :is(.t-footer-l2):before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    margin-top: calc(-0.16em - 1px);
  }
  :is(.t-footer-l2):after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    margin-bottom: calc(-0.21em - 1px);
  }
}
:root {
  --color-blue-50: #edeffd;
  --color-blue-100: #c1c9f9;
  --color-blue-200: #96a3f6;
  --color-blue-300: #6a7df2;
  --color-blue-400: #4c5fda;
  --color-blue-500: #2d42c1;
  --color-blue-600: #1024a8;
  --color-blue-700: #0b1976;
  --color-blue-800: #070e45;
  --color-blue-900: #020313;
  --color-sky-50: #ebf8fe;
  --color-sky-100: #d6f0fd;
  --color-sky-200: #ade1fa;
  --color-sky-300: #83cff2;
  --color-sky-400: #58beeb;
  --color-sky-500: #2eace3;
  --color-sky-600: #1b86b5;
  --color-sky-700: #085f87;
  --color-sky-800: #05374d;
  --color-sky-900: #020e13;
  --color-gray-50: #f4f5f5;
  --color-gray-100: #dcddde;
  --color-gray-200: #c4c5c7;
  --color-gray-300: #acadb0;
  --color-gray-400: #939598;
  --color-gray-500: #7b7d81;
  --color-gray-600: #63656a;
  --color-gray-700: #45474a;
  --color-gray-800: #28282a;
  --color-gray-900: #0a0a0a;
  --color-teal-50: #e8f8f7;
  --color-teal-100: #d1f0ef;
  --color-teal-200: #a3e0df;
  --color-teal-300: #75d1ce;
  --color-teal-400: #47c1be;
  --color-teal-500: #19b2ae;
  --color-teal-600: #148c89;
  --color-teal-700: #0e6765;
  --color-teal-800: #094240;
  --color-teal-900: #031c1b;
  --color-orange-50: #fcefea;
  --color-orange-100: #f9ded5;
  --color-orange-200: #f4bdaa;
  --color-orange-300: #fa875e;
  --color-orange-400: #f66d3c;
  --color-orange-500: #e35b2b;
  --color-orange-600: #b14721;
  --color-orange-700: #7f3317;
  --color-orange-800: #4d1e0d;
  --color-orange-900: #1b0a03;
  --color-yellow-50: #fef5e4;
  --color-yellow-100: #fcebc9;
  --color-yellow-200: #f9d892;
  --color-yellow-300: #f6c45c;
  --color-yellow-400: #f3b026;
  --color-yellow-600: #af7808;
  --color-yellow-700: #7b5406;
  --color-yellow-800: #473104;
  --color-yellow-900: #130d02;
  --color-pink-50: #fae9ef;
  --color-pink-100: #f5d3de;
  --color-pink-200: #eaa7bc;
  --color-pink-300: #e07b9b;
  --color-pink-400: #c75e7f;
  --color-pink-500: #af4063;
  --color-pink-600: #962347;
  --color-pink-700: #6c1933;
  --color-pink-800: #431020;
  --color-pink-900: #19060c;
  --color-brown-50: #fbf6f2;
  --color-brown-75: #f0eae5;
  --color-brown-100: #ebdacd;
  --color-brown-200: #dbbea7;
  --color-brown-300: #cca381;
  --color-brown-400: #bc875b;
  --color-brown-500: #ac6b35;
  --color-brown-600: #855329;
  --color-brown-700: #5e3b1d;
  --color-brown-800: #372211;
  --color-brown-900: #100a05;
}
.container {
  width: 100%;
}
@media (min-width: 375px) {
  .container {
    max-width: 375px;
  }
}
@media (min-width: 560px) {
  .container {
    max-width: 560px;
  }
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
}
#appcss .pointer-events-none {
  pointer-events: none;
}
#appcss .pointer-events-auto {
  pointer-events: auto;
}
#appcss .invisible {
  visibility: hidden;
}
#appcss .fixed {
  position: fixed;
}
#appcss .\!absolute {
  position: absolute !important;
}
#appcss .absolute {
  position: absolute;
}
#appcss .relative {
  position: relative;
}
#appcss .sticky {
  position: sticky;
}
#appcss .inset-0 {
  inset: 0;
}
#appcss .inset-\[-15px\] {
  inset: -15px;
}
#appcss .-left-\[120px\] {
  left: -120px;
}
#appcss .-left-\[132px\] {
  left: -132px;
}
#appcss .-left-\[231px\] {
  left: -231px;
}
#appcss .-left-\[34px\] {
  left: -34px;
}
#appcss .-left-\[480px\] {
  left: -480px;
}
#appcss .-right-\[3px\] {
  right: -3px;
}
#appcss .-top-\[112px\] {
  top: -112px;
}
#appcss .-top-\[116px\] {
  top: -116px;
}
#appcss .-top-\[124px\] {
  top: -124px;
}
#appcss .-top-\[45px\] {
  top: -45px;
}
#appcss .-top-\[92px\] {
  top: -92px;
}
#appcss .-top-s2 {
  top: -8px;
}
#appcss .-top-s3 {
  top: -12px;
}
#appcss .-top-s6 {
  top: -24px;
}
#appcss .-top-s8 {
  top: -40px;
}
#appcss .bottom-0 {
  bottom: 0;
}
#appcss .bottom-\[-140px\] {
  bottom: -140px;
}
#appcss .bottom-\[-280px\] {
  bottom: -280px;
}
#appcss .bottom-\[-390px\] {
  bottom: -390px;
}
#appcss .left-0 {
  left: 0;
}
#appcss .left-1\/2 {
  left: 50%;
}
#appcss .left-\[-120px\] {
  left: -120px;
}
#appcss .left-\[-130px\] {
  left: -130px;
}
#appcss .left-\[-263px\] {
  left: -263px;
}
#appcss .left-\[-270px\] {
  left: -270px;
}
#appcss .left-\[-30px\] {
  left: -30px;
}
#appcss .left-\[-50px\] {
  left: -50px;
}
#appcss .left-\[-65px\] {
  left: -65px;
}
#appcss .left-\[15px\] {
  left: 15px;
}
#appcss .left-\[53\%\] {
  left: 53%;
}
#appcss .left-s5 {
  left: 20px;
}
#appcss .right-0 {
  right: 0;
}
#appcss .right-\[-110px\] {
  right: -110px;
}
#appcss .right-\[-140px\] {
  right: -140px;
}
#appcss .right-\[-145px\] {
  right: -145px;
}
#appcss .right-\[1px\] {
  right: 1px;
}
#appcss .right-\[calc\(45px-\(611px-47vw\)\)\] {
  right: calc(-566px + 47vw);
}
#appcss .right-s3 {
  right: 12px;
}
#appcss .right-s5 {
  right: 20px;
}
#appcss .top-0 {
  top: 0;
}
#appcss .top-1\/2 {
  top: 50%;
}
#appcss .top-\[-16px\] {
  top: -16px;
}
#appcss .top-\[-176px\] {
  top: -176px;
}
#appcss .top-\[-215px\] {
  top: -215px;
}
#appcss .top-\[-244px\] {
  top: -244px;
}
#appcss .top-\[-285px\] {
  top: -285px;
}
#appcss .top-\[-294px\] {
  top: -294px;
}
#appcss .top-\[0px\] {
  top: 0;
}
#appcss .top-\[15px\] {
  top: 15px;
}
#appcss .top-\[218px\] {
  top: 218px;
}
#appcss .top-\[41\.5px\] {
  top: 41.5px;
}
#appcss .top-\[50\%\] {
  top: 50%;
}
#appcss .top-\[52px\] {
  top: 52px;
}
#appcss .top-\[63\%\] {
  top: 63%;
}
#appcss .top-\[98px\] {
  top: 98px;
}
#appcss .top-s3 {
  top: 12px;
}
#appcss .top-s5 {
  top: 20px;
}
#appcss .z-0 {
  z-index: 0;
}
#appcss .z-10 {
  z-index: 10;
}
#appcss .z-\[100\] {
  z-index: 100;
}
#appcss .z-\[101\] {
  z-index: 101;
}
#appcss .z-\[102\] {
  z-index: 102;
}
#appcss .z-\[10\] {
  z-index: 10;
}
#appcss .z-\[1\] {
  z-index: 1;
}
#appcss .z-\[200\] {
  z-index: 200;
}
#appcss .z-\[300\] {
  z-index: 300;
}
#appcss .col-span-2 {
  grid-column: span 2 / span 2;
}
#appcss .m-gutter {
  margin: var(--carbon-gutter);
}
#appcss .m-x {
  margin: var(--carbon-x);
}
#appcss .-my-s5 {
  margin-top: -20px;
  margin-bottom: -20px;
}
#appcss .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
#appcss .mx-gutter {
  margin-left: var(--carbon-gutter);
  margin-right: var(--carbon-gutter);
}
#appcss .my-\[11\.5\] {
  margin-top: 11.5;
  margin-bottom: 11.5;
}
#appcss .my-s4 {
  margin-top: 16px;
  margin-bottom: 16px;
}
#appcss .-mb-\[30px\] {
  margin-bottom: -30px;
}
#appcss .-mb-\[68px\] {
  margin-bottom: -68px;
}
#appcss .-ml-\[28px\] {
  margin-left: -28px;
}
#appcss .-ml-\[480px\] {
  margin-left: -480px;
}
#appcss .-mt-\[100vh\] {
  margin-top: -100vh;
}
#appcss .-mt-\[260px\] {
  margin-top: -260px;
}
#appcss .-mt-\[30px\] {
  margin-top: -30px;
}
#appcss .-mt-\[94px\] {
  margin-top: -94px;
}
#appcss .-mt-s8 {
  margin-top: -40px;
}
#appcss .mb-auto {
  margin-bottom: auto;
}
#appcss .mb-gutter {
  margin-bottom: var(--carbon-gutter);
}
#appcss .mb-s1 {
  margin-bottom: 4px;
}
#appcss .mb-s10 {
  margin-bottom: 64px;
}
#appcss .mb-s11 {
  margin-bottom: 80px;
}
#appcss .mb-s8 {
  margin-bottom: 40px;
}
#appcss .mb-y {
  margin-bottom: var(--carbon-y);
}
#appcss .ml-\[2px\] {
  margin-left: 2px;
}
#appcss .mr-\[-28px\] {
  margin-right: -28px;
}
#appcss .mr-s3 {
  margin-right: 12px;
}
#appcss .mt-0 {
  margin-top: 0;
}
#appcss .mt-\[22px\] {
  margin-top: 22px;
}
#appcss .mt-\[304px\] {
  margin-top: 304px;
}
#appcss .mt-\[31px\] {
  margin-top: 31px;
}
#appcss .mt-\[52px\] {
  margin-top: 52px;
}
#appcss .mt-\[58px\] {
  margin-top: 58px;
}
#appcss .mt-\[60px\] {
  margin-top: 60px;
}
#appcss .mt-gutter {
  margin-top: var(--carbon-gutter);
}
#appcss .mt-s10 {
  margin-top: 64px;
}
#appcss .mt-s11 {
  margin-top: 80px;
}
#appcss .mt-s12 {
  margin-top: 96px;
}
#appcss .mt-s13 {
  margin-top: 120px;
}
#appcss .mt-s3 {
  margin-top: 12px;
}
#appcss .mt-s4 {
  margin-top: 16px;
}
#appcss .mt-s5 {
  margin-top: 20px;
}
#appcss .mt-s6 {
  margin-top: 24px;
}
#appcss .mt-s7 {
  margin-top: 32px;
}
#appcss .mt-s8 {
  margin-top: 40px;
}
#appcss .mt-s9 {
  margin-top: 48px;
}
#appcss .mt-y {
  margin-top: var(--carbon-y);
}
#appcss .block {
  display: block;
}
#appcss .flex {
  display: flex;
}
#appcss .inline-flex {
  display: inline-flex;
}
#appcss .table {
  display: table;
}
#appcss .grid {
  display: grid;
}
#appcss .hidden {
  display: none;
}
#appcss .aspect-\[1\/1\.23\] {
  aspect-ratio: 1/1.23;
}
#appcss .aspect-square {
  aspect-ratio: 1/1;
}
#appcss .aspect-video {
  aspect-ratio: 16/9;
}
#appcss .size-\[128px\] {
  width: 128px;
  height: 128px;
}
#appcss .size-\[168px\] {
  width: 168px;
  height: 168px;
}
#appcss .size-\[36px\] {
  width: 36px;
  height: 36px;
}
#appcss .size-\[40px\] {
  width: 40px;
  height: 40px;
}
#appcss .size-\[56px\] {
  width: 56px;
  height: 56px;
}
#appcss .size-\[72px\] {
  width: 72px;
  height: 72px;
}
#appcss .size-s13 {
  width: 120px;
  height: 120px;
}
#appcss .size-s3 {
  width: 12px;
  height: 12px;
}
#appcss .size-s6 {
  width: 24px;
  height: 24px;
}
#appcss .size-s7 {
  width: 32px;
  height: 32px;
}
#appcss .size-s8 {
  width: 40px;
  height: 40px;
}
#appcss .size-s9 {
  width: 48px;
  height: 48px;
}
#appcss .h-\[100\%\] {
  height: 100%;
}
#appcss .h-\[100vh\] {
  height: 100vh;
}
#appcss .h-\[1038px\] {
  height: 1038px;
}
#appcss .h-\[108px\] {
  height: 108px;
}
#appcss .h-\[1px\] {
  height: 1px;
}
#appcss .h-\[249px\] {
  height: 249px;
}
#appcss .h-\[24px\] {
  height: 24px;
}
#appcss .h-\[2px\] {
  height: 2px;
}
#appcss .h-\[350px\] {
  height: 350px;
}
#appcss .h-\[406px\] {
  height: 406px;
}
#appcss .h-\[408px\] {
  height: 408px;
}
#appcss .h-\[450px\] {
  height: 450px;
}
#appcss .h-\[53px\] {
  height: 53px;
}
#appcss .h-\[565px\] {
  height: 565px;
}
#appcss .h-\[56px\] {
  height: 56px;
}
#appcss .h-\[60px\] {
  height: 60px;
}
#appcss .h-\[68px\] {
  height: 68px;
}
#appcss .h-\[71px\] {
  height: 71px;
}
#appcss .h-\[720px\] {
  height: 720px;
}
#appcss .h-\[734px\] {
  height: 734px;
}
#appcss .h-\[735px\] {
  height: 735px;
}
#appcss .h-\[831px\] {
  height: 831px;
}
#appcss .h-\[90px\] {
  height: 90px;
}
#appcss .h-\[96px\] {
  height: 96px;
}
#appcss .h-\[calc\(100\%\+222px\)\] {
  height: calc(100% + 222px);
}
#appcss .h-auto {
  height: auto;
}
#appcss .h-full {
  height: 100%;
}
#appcss .h-icon-0 {
  height: 0;
}
#appcss .h-s4 {
  height: 16px;
}
#appcss .h-screen {
  height: 100vh;
}
#appcss .max-h-\[calc\(100svh_-_40px\)\] {
  max-height: calc(100svh - 40px);
}
#appcss .min-h-\[116px\] {
  min-height: 116px;
}
#appcss .min-h-\[200px\] {
  min-height: 200px;
}
#appcss .min-h-\[300px\] {
  min-height: 300px;
}
#appcss .min-h-full {
  min-height: 100%;
}
#appcss .min-h-screen {
  min-height: 100vh;
}
#appcss .\!w-\[360px\] {
  width: 360px !important;
}
#appcss .w-0 {
  width: 0;
}
#appcss .w-\[1024px\] {
  width: 1024px;
}
#appcss .w-\[102px\] {
  width: 102px;
}
#appcss .w-\[1040px\] {
  width: 1040px;
}
#appcss .w-\[1048px\] {
  width: 1048px;
}
#appcss .w-\[1135px\] {
  width: 1135px;
}
#appcss .w-\[12px\] {
  width: 12px;
}
#appcss .w-\[140px\] {
  width: 140px;
}
#appcss .w-\[14px\] {
  width: 14px;
}
#appcss .w-\[150px\] {
  width: 150px;
}
#appcss .w-\[168px\] {
  width: 168px;
}
#appcss .w-\[170px\] {
  width: 170px;
}
#appcss .w-\[200px\] {
  width: 200px;
}
#appcss .w-\[2096px\] {
  width: 2096px;
}
#appcss .w-\[2266px\] {
  width: 2266px;
}
#appcss .w-\[240px\] {
  width: 240px;
}
#appcss .w-\[263px\] {
  width: 263px;
}
#appcss .w-\[275px\] {
  width: 275px;
}
#appcss .w-\[280px\] {
  width: 280px;
}
#appcss .w-\[294\.46px\] {
  width: 294.46px;
}
#appcss .w-\[2px\] {
  width: 2px;
}
#appcss .w-\[305px\] {
  width: 305px;
}
#appcss .w-\[32px\] {
  width: 32px;
}
#appcss .w-\[344px\] {
  width: 344px;
}
#appcss .w-\[350px\] {
  width: 350px;
}
#appcss .w-\[409px\] {
  width: 409px;
}
#appcss .w-\[40px\] {
  width: 40px;
}
#appcss .w-\[40vw\] {
  width: 40vw;
}
#appcss .w-\[438px\] {
  width: 438px;
}
#appcss .w-\[440px\] {
  width: 440px;
}
#appcss .w-\[466px\] {
  width: 466px;
}
#appcss .w-\[468px\] {
  width: 468px;
}
#appcss .w-\[478px\] {
  width: 478px;
}
#appcss .w-\[500px\] {
  width: 500px;
}
#appcss .w-\[520px\] {
  width: 520px;
}
#appcss .w-\[540px\] {
  width: 540px;
}
#appcss .w-\[563px\] {
  width: 563px;
}
#appcss .w-\[60px\] {
  width: 60px;
}
#appcss .w-\[658px\] {
  width: 658px;
}
#appcss .w-\[66px\] {
  width: 66px;
}
#appcss .w-\[69\%\] {
  width: 69%;
}
#appcss .w-\[76\.1\%\] {
  width: 76.1%;
}
#appcss .w-\[851px\] {
  width: 851px;
}
#appcss .w-\[calc\(100\%\+30px\)\] {
  width: calc(100% + 30px);
}
#appcss .w-\[calc\(100\%\+400px\)\] {
  width: calc(100% + 400px);
}
#appcss .w-\[max-content\] {
  width: -moz-max-content;
  width: max-content;
}
#appcss .w-full {
  width: 100%;
}
#appcss .w-icon-0 {
  width: 0;
}
#appcss .w-max {
  width: -moz-max-content;
  width: max-content;
}
#appcss .w-s3 {
  width: 12px;
}
#appcss .w-s4 {
  width: 16px;
}
#appcss .w-screen {
  width: 100vw;
}
#appcss .min-w-\[180px\] {
  min-width: 180px;
}
#appcss .min-w-\[343px\] {
  min-width: 343px;
}
#appcss .min-w-\[500px\] {
  min-width: 500px;
}
#appcss .max-w-\[1120px\] {
  max-width: 1120px;
}
#appcss .max-w-\[1240px\] {
  max-width: 1240px;
}
#appcss .max-w-\[1440px\] {
  max-width: 1440px;
}
#appcss .max-w-\[344px\] {
  max-width: 344px;
}
#appcss .max-w-\[360px\] {
  max-width: 360px;
}
#appcss .max-w-\[420px\] {
  max-width: 420px;
}
#appcss .max-w-\[461px\] {
  max-width: 461px;
}
#appcss .max-w-\[500px\] {
  max-width: 500px;
}
#appcss .max-w-\[520px\] {
  max-width: 520px;
}
#appcss .max-w-\[580px\] {
  max-width: 580px;
}
#appcss .max-w-\[605px\] {
  max-width: 605px;
}
#appcss .max-w-\[660px\] {
  max-width: 660px;
}
#appcss .max-w-\[848px\] {
  max-width: 848px;
}
#appcss .max-w-\[888px\] {
  max-width: 888px;
}
#appcss .max-w-\[944px\] {
  max-width: 944px;
}
#appcss .max-w-\[calc\(100\%\+30px\)\] {
  max-width: calc(100% + 30px);
}
#appcss .max-w-\[unset\] {
  max-width: unset;
}
#appcss .max-w-container {
  max-width: 1440px;
}
#appcss .flex-1 {
  flex: 1 1 0%;
}
#appcss .flex-shrink-0 {
  flex-shrink: 0;
}
#appcss .flex-shrink-\[3\] {
  flex-shrink: 3;
}
#appcss .flex-grow {
  flex-grow: 1;
}
#appcss .-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
#appcss .-translate-x-1\/2,
#appcss .-translate-x-s5 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .-translate-x-s5 {
  --tw-translate-x: -20px;
}
#appcss .-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
#appcss .-translate-y-1\/2,
#appcss .-translate-y-\[17\.4\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .-translate-y-\[17\.4\%\] {
  --tw-translate-y: -17.4%;
}
#appcss .-translate-y-\[18\.5\%\] {
  --tw-translate-y: -18.5%;
}
#appcss .-translate-y-\[18\.5\%\],
#appcss .-translate-y-\[47\.6\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .-translate-y-\[47\.6\%\] {
  --tw-translate-y: -47.6%;
}
#appcss .-translate-y-\[53\.7\%\] {
  --tw-translate-y: -53.7%;
}
#appcss .-translate-y-\[53\.7\%\],
#appcss .-translate-y-\[53\.8\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .-translate-y-\[53\.8\%\] {
  --tw-translate-y: -53.8%;
}
#appcss .-translate-y-\[58\%\] {
  --tw-translate-y: -58%;
}
#appcss .-translate-y-\[58\%\],
#appcss .-translate-y-\[58\.3\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .-translate-y-\[58\.3\%\] {
  --tw-translate-y: -58.3%;
}
#appcss .-translate-y-s2 {
  --tw-translate-y: -8px;
}
#appcss .-translate-y-s2,
#appcss .translate-x-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .translate-x-0 {
  --tw-translate-x: 0px;
}
#appcss .translate-x-\[19\.3\%\] {
  --tw-translate-x: 19.3%;
}
#appcss .translate-x-\[19\.3\%\],
#appcss .translate-x-\[40\.5\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .translate-x-\[40\.5\%\] {
  --tw-translate-x: 40.5%;
}
#appcss .translate-x-\[43\.9\%\] {
  --tw-translate-x: 43.9%;
}
#appcss .translate-x-\[43\.9\%\],
#appcss .translate-x-\[44\.2\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .translate-x-\[44\.2\%\] {
  --tw-translate-x: 44.2%;
}
#appcss .translate-x-\[44\.8\%\] {
  --tw-translate-x: 44.8%;
}
#appcss .translate-x-\[44\.8\%\],
#appcss .translate-x-\[46\.5\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .translate-x-\[46\.5\%\] {
  --tw-translate-x: 46.5%;
}
#appcss .translate-x-s5 {
  --tw-translate-x: 20px;
}
#appcss .translate-x-s5,
#appcss .translate-y-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .translate-y-0 {
  --tw-translate-y: 0px;
}
#appcss .translate-y-1\/4 {
  --tw-translate-y: 25%;
}
#appcss .translate-y-1\/4,
#appcss .translate-y-\[32\.4\%\] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .translate-y-\[32\.4\%\] {
  --tw-translate-y: 32.4%;
}
#appcss .translate-y-\[37\.5\%\] {
  --tw-translate-y: 37.5%;
}
#appcss .translate-y-\[37\.5\%\],
#appcss .translate-y-full {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .translate-y-full {
  --tw-translate-y: 100%;
}
#appcss .translate-y-s2 {
  --tw-translate-y: 8px;
}
#appcss .rotate-\[180deg\],
#appcss .translate-y-s2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .rotate-\[180deg\] {
  --tw-rotate: 180deg;
}
#appcss .scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
#appcss .scale-100,
#appcss .scale-75 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .scale-75 {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
}
#appcss .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .animate-from-left {
  animation: left 0.5s linear;
}
#appcss .animate-from-right {
  animation: right 0.5s linear;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
#appcss .animate-spin {
  animation: spin 1s linear infinite;
}
#appcss .list-none {
  list-style-type: none;
}
#appcss .columns-2 {
  -moz-columns: 2;
  column-count: 2;
}
#appcss .break-inside-avoid-column {
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
}
#appcss .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
#appcss .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#appcss .grid-cols-\[72px_auto\] {
  grid-template-columns: 72px auto;
}
#appcss .flex-col {
  flex-direction: column;
}
#appcss .items-start {
  align-items: flex-start;
}
#appcss .items-end {
  align-items: flex-end;
}
#appcss .items-center {
  align-items: center;
}
#appcss .items-stretch {
  align-items: stretch;
}
#appcss .justify-end {
  justify-content: flex-end;
}
#appcss .justify-center {
  justify-content: center;
}
#appcss .justify-between {
  justify-content: space-between;
}
#appcss .gap-\[10px\] {
  gap: 10px;
}
#appcss .gap-\[21px\] {
  gap: 21px;
}
#appcss .gap-\[70px\] {
  gap: 70px;
}
#appcss .gap-s1 {
  gap: 4px;
}
#appcss .gap-s10 {
  gap: 64px;
}
#appcss .gap-s11 {
  gap: 80px;
}
#appcss .gap-s2 {
  gap: 8px;
}
#appcss .gap-s3 {
  gap: 12px;
}
#appcss .gap-s4 {
  gap: 16px;
}
#appcss .gap-s5 {
  gap: 20px;
}
#appcss .gap-s6 {
  gap: 24px;
}
#appcss .gap-s7 {
  gap: 32px;
}
#appcss .gap-s8 {
  gap: 40px;
}
#appcss .gap-s9 {
  gap: 48px;
}
#appcss .gap-x-s10 {
  -moz-column-gap: 64px;
  column-gap: 64px;
}
#appcss .gap-x-s11 {
  -moz-column-gap: 80px;
  column-gap: 80px;
}
#appcss .gap-x-s6 {
  -moz-column-gap: 24px;
  column-gap: 24px;
}
#appcss .gap-y-\[18px\] {
  row-gap: 18px;
}
#appcss .gap-y-\[52px\] {
  row-gap: 52px;
}
#appcss .gap-y-s10 {
  row-gap: 64px;
}
#appcss .gap-y-s6 {
  row-gap: 24px;
}
#appcss .gap-y-s8 {
  row-gap: 40px;
}
#appcss .overflow-hidden {
  overflow: hidden;
}
#appcss .overflow-clip {
  overflow: clip;
}
#appcss .overflow-y-auto {
  overflow-y: auto;
}
#appcss .overflow-x-hidden {
  overflow-x: hidden;
}
#appcss .overflow-x-clip {
  overflow-x: clip;
}
#appcss .overflow-y-visible {
  overflow-y: visible;
}
#appcss .overflow-y-scroll {
  overflow-y: scroll;
}
#appcss .whitespace-nowrap {
  white-space: nowrap;
}
#appcss .text-balance {
  text-wrap: balance;
}
#appcss .text-pretty {
  text-wrap: pretty;
}
#appcss .\!rounded-none {
  border-radius: 0 !important;
}
#appcss .rounded {
  border-radius: 30px;
}
#appcss .rounded-\[12px\] {
  border-radius: 12px;
}
#appcss .rounded-full {
  border-radius: 50%;
}
#appcss .rounded-pill {
  border-radius: 9999px;
}
#appcss .rounded-sm {
  border-radius: 20px;
}
#appcss .rounded-b {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
#appcss .rounded-r-\[15px\] {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
#appcss .rounded-t {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#appcss .border-\[\.5px\] {
  border-width: 0.5px;
}
#appcss .border-\[1px\] {
  border-width: 1px;
}
#appcss .border-b-\[1px\] {
  border-bottom-width: 1px;
}
#appcss .border-b-\[4px\] {
  border-bottom-width: 4px;
}
#appcss .border-b-\[6px\] {
  border-bottom-width: 6px;
}
#appcss .border-l-\[1px\] {
  border-left-width: 1px;
}
#appcss .border-r-\[4px\] {
  border-right-width: 4px;
}
#appcss .border-t-2 {
  border-top-width: 2px;
}
#appcss .border-t-\[1px\] {
  border-top-width: 1px;
}
#appcss .border-\[currentColor\] {
  border-color: currentColor;
}
#appcss .border-blue-600 {
  border-color: #1024a8;
}
#appcss .border-brown-100 {
  border-color: #ebdacd;
}
#appcss .border-brown-300 {
  border-color: #cca381;
}
#appcss .border-gray-200 {
  border-color: #c4c5c7;
}
#appcss .border-sky-100 {
  border-color: #d6f0fd;
}
#appcss .border-sky-500 {
  border-color: #2eace3;
}
#appcss .border-teal-50 {
  border-color: #e8f8f7;
}
#appcss .border-teal-500 {
  border-color: #19b2ae;
}
#appcss .border-transparent {
  border-color: transparent;
}
#appcss .\!bg-pink-500 {
  background-color: #af4063 !important;
}
#appcss .bg-\[\#0A0A0A\]\/\[\.07\],
#appcss .bg-\[\#0a0a0a\]\/\[\.07\] {
  background-color: #0a0a0a12;
}
#appcss .bg-\[\#FBF6F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 246 242 / var(--tw-bg-opacity, 1));
}
#appcss .bg-\[currentColor\] {
  background-color: currentColor;
}
#appcss .bg-blue-600 {
  background-color: #1024a8;
}
#appcss .bg-brown-50 {
  background-color: #fbf6f2;
}
#appcss .bg-gray-900 {
  background-color: #0a0a0a;
}
#appcss .bg-orange-400 {
  background-color: #f66d3c;
}
#appcss .bg-pink-400 {
  background-color: #c75e7f;
}
#appcss .bg-sky-200 {
  background-color: #ade1fa;
}
#appcss .bg-sky-50 {
  background-color: #ebf8fe;
}
#appcss .bg-teal-100 {
  background-color: #d1f0ef;
}
#appcss .bg-teal-200 {
  background-color: #a3e0df;
}
#appcss .bg-teal-300 {
  background-color: #75d1ce;
}
#appcss .bg-teal-400 {
  background-color: #47c1be;
}
#appcss .bg-teal-50 {
  background-color: #e8f8f7;
}
#appcss .bg-teal-500 {
  background-color: #19b2ae;
}
#appcss .bg-teal-600 {
  background-color: #148c89;
}
#appcss .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#appcss .bg-white\/25 {
  background-color: #ffffff40;
}
#appcss .bg-white\/70 {
  background-color: #ffffffb3;
}
#appcss .bg-white\/75 {
  background-color: #ffffffbf;
}
#appcss .bg-yellow-400 {
  background-color: #f3b026;
}
#appcss .bg-blue-sky-gradient {
  background-image: linear-gradient(90deg, #1024a8, #008ac6);
}
#appcss .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
#appcss .bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
#appcss .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
#appcss .bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
#appcss .bg-light-tan-fade {
  background-image: linear-gradient(180deg, #fcf3eb, #fbf6f200);
}
#appcss .\!from-\[\#FEF5E4\] {
  --tw-gradient-from: #fef5e4 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(254, 245, 228, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops:
    var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
#appcss .from-\[\#1024A8\] {
  --tw-gradient-from: #1024a8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(16, 36, 168, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
#appcss .from-\[\#EBF8FE\] {
  --tw-gradient-from: #ebf8fe var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(235, 248, 254, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
#appcss .from-\[\#FCF3EB\] {
  --tw-gradient-from: #fcf3eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(252, 243, 235, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
#appcss .from-\[\#FEF5E4\]\/0 {
  --tw-gradient-from: rgba(254, 245, 228, 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(254, 245, 228, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
#appcss .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);
}
#appcss .via-white {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from), #fff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
#appcss .via-white\/20 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    hsla(0, 0%, 100%, 0.2) var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
#appcss .via-80\% {
  --tw-gradient-via-position: 80%;
}
#appcss .via-\[10\%\] {
  --tw-gradient-via-position: 10%;
}
#appcss .via-\[70\%\] {
  --tw-gradient-via-position: 70%;
}
#appcss .\!to-\[\#FEF5E4\]\/0 {
  --tw-gradient-to: rgba(254, 245, 228, 0) var(--tw-gradient-to-position) !important;
}
#appcss .to-\[\#008AC6\] {
  --tw-gradient-to: #008ac6 var(--tw-gradient-to-position);
}
#appcss .to-\[\#EBF8FE\] {
  --tw-gradient-to: #ebf8fe var(--tw-gradient-to-position);
}
#appcss .to-\[\#FEF5E4\]\/0 {
  --tw-gradient-to: rgba(254, 245, 228, 0) var(--tw-gradient-to-position);
}
#appcss .to-\[\#FFFFFF\],
#appcss .to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
#appcss .to-white\/0 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
}
#appcss .to-white\/\[\.67\] {
  --tw-gradient-to: hsla(0, 0%, 100%, 0.67) var(--tw-gradient-to-position);
}
#appcss .to-\[65\%\] {
  --tw-gradient-to-position: 65%;
}
#appcss .bg-\[length\:6px_6px\] {
  background-size: 6px 6px;
}
#appcss .bg-repeat-y {
  background-repeat: repeat-y;
}
#appcss .object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
#appcss .object-center {
  -o-object-position: center;
  object-position: center;
}
#appcss .p-0 {
  padding: 0;
}
#appcss .p-\[14px\] {
  padding: 14px;
}
#appcss .p-s4 {
  padding: 16px;
}
#appcss .p-s5 {
  padding: 20px;
}
#appcss .p-s6 {
  padding: 24px;
}
#appcss .p-s7 {
  padding: 32px;
}
#appcss .\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#appcss .\!px-s5 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#appcss .\!py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#appcss .px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
#appcss .px-\[140px\] {
  padding-left: 140px;
  padding-right: 140px;
}
#appcss .px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
#appcss .px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
#appcss .px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
#appcss .px-\[28px\] {
  padding-left: 28px;
  padding-right: 28px;
}
#appcss .px-\[50px\] {
  padding-left: 50px;
  padding-right: 50px;
}
#appcss .px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
#appcss .px-\[61\.5px\] {
  padding-left: 61.5px;
  padding-right: 61.5px;
}
#appcss .px-\[86\.5px\] {
  padding-left: 86.5px;
  padding-right: 86.5px;
}
#appcss .px-s11 {
  padding-left: 80px;
  padding-right: 80px;
}
#appcss .px-s2 {
  padding-left: 8px;
  padding-right: 8px;
}
#appcss .px-s4 {
  padding-left: 16px;
  padding-right: 16px;
}
#appcss .px-s5 {
  padding-left: 20px;
  padding-right: 20px;
}
#appcss .px-s6 {
  padding-left: 24px;
  padding-right: 24px;
}
#appcss .px-s7 {
  padding-left: 32px;
  padding-right: 32px;
}
#appcss .px-s8 {
  padding-left: 40px;
  padding-right: 40px;
}
#appcss .px-s9 {
  padding-left: 48px;
  padding-right: 48px;
}
#appcss .py-\[18px\] {
  padding-top: 18px;
  padding-bottom: 18px;
}
#appcss .py-\[26px\] {
  padding-top: 26px;
  padding-bottom: 26px;
}
#appcss .py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
#appcss .py-\[61px\] {
  padding-top: 61px;
  padding-bottom: 61px;
}
#appcss .py-\[84px\] {
  padding-top: 84px;
  padding-bottom: 84px;
}
#appcss .py-s10 {
  padding-top: 64px;
  padding-bottom: 64px;
}
#appcss .py-s11 {
  padding-top: 80px;
  padding-bottom: 80px;
}
#appcss .py-s2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
#appcss .py-s3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
#appcss .py-s4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
#appcss .py-s5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
#appcss .py-s6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
#appcss .py-s7 {
  padding-top: 32px;
  padding-bottom: 32px;
}
#appcss .py-s8 {
  padding-top: 40px;
  padding-bottom: 40px;
}
#appcss .\!pt-0 {
  padding-top: 0 !important;
}
#appcss .\!pt-s7 {
  padding-top: 32px !important;
}
#appcss .pb-\[135px\] {
  padding-bottom: 135px;
}
#appcss .pb-\[142px\] {
  padding-bottom: 142px;
}
#appcss .pb-\[14px\] {
  padding-bottom: 14px;
}
#appcss .pb-\[190px\] {
  padding-bottom: 190px;
}
#appcss .pb-\[200px\] {
  padding-bottom: 200px;
}
#appcss .pb-\[26px\] {
  padding-bottom: 26px;
}
#appcss .pb-\[50px\] {
  padding-bottom: 50px;
}
#appcss .pb-s1 {
  padding-bottom: 4px;
}
#appcss .pb-s10 {
  padding-bottom: 64px;
}
#appcss .pb-s11 {
  padding-bottom: 80px;
}
#appcss .pb-s13 {
  padding-bottom: 120px;
}
#appcss .pb-s14 {
  padding-bottom: 160px;
}
#appcss .pb-s5 {
  padding-bottom: 20px;
}
#appcss .pb-s7 {
  padding-bottom: 32px;
}
#appcss .pb-s8 {
  padding-bottom: 40px;
}
#appcss .pb-s9 {
  padding-bottom: 48px;
}
#appcss .pb-y {
  padding-bottom: var(--carbon-y);
}
#appcss .pl-\[480px\] {
  padding-left: 480px;
}
#appcss .pl-\[5px\] {
  padding-left: 5px;
}
#appcss .pl-s5 {
  padding-left: 20px;
}
#appcss .pr-\[28px\] {
  padding-right: 28px;
}
#appcss .pr-s11 {
  padding-right: 80px;
}
#appcss .pr-s3 {
  padding-right: 12px;
}
#appcss .pr-s7 {
  padding-right: 32px;
}
#appcss .pr-s9 {
  padding-right: 48px;
}
#appcss .pt-\[132px\] {
  padding-top: 132px;
}
#appcss .pt-\[139px\] {
  padding-top: 139px;
}
#appcss .pt-\[15px\] {
  padding-top: 15px;
}
#appcss .pt-\[18px\] {
  padding-top: 18px;
}
#appcss .pt-\[34px\] {
  padding-top: 34px;
}
#appcss .pt-\[39px\] {
  padding-top: 39px;
}
#appcss .pt-\[3px\] {
  padding-top: 3px;
}
#appcss .pt-\[59px\] {
  padding-top: 59px;
}
#appcss .pt-\[62px\] {
  padding-top: 62px;
}
#appcss .pt-\[9px\] {
  padding-top: 9px;
}
#appcss .pt-s1 {
  padding-top: 4px;
}
#appcss .pt-s10 {
  padding-top: 64px;
}
#appcss .pt-s11 {
  padding-top: 80px;
}
#appcss .pt-s3 {
  padding-top: 12px;
}
#appcss .pt-s4 {
  padding-top: 16px;
}
#appcss .pt-s5 {
  padding-top: 20px;
}
#appcss .pt-s7 {
  padding-top: 32px;
}
#appcss .pt-s8 {
  padding-top: 40px;
}
#appcss .pt-s9 {
  padding-top: 48px;
}
#appcss .text-left {
  text-align: left;
}
#appcss .text-center {
  text-align: center;
}
#appcss .text-start {
  text-align: start;
}
#appcss .indent-0 {
  text-indent: 0;
}
#appcss .text-\[12px\] {
  font-size: 12px;
}
#appcss .text-\[24px\] {
  font-size: 24px;
}
#appcss .text-\[50px\] {
  font-size: 50px;
}
#appcss .text-\[80px\] {
  font-size: 80px;
}
#appcss .font-bold {
  font-weight: 700;
}
#appcss .font-light {
  font-weight: 300;
}
#appcss .font-normal {
  font-weight: 400;
}
#appcss .font-semibold {
  font-weight: 600;
}
#appcss .uppercase {
  text-transform: uppercase;
}
#appcss .capitalize {
  text-transform: capitalize;
}
#appcss .italic {
  font-style: italic;
}
#appcss .text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#appcss .text-blue-600 {
  color: #1024a8;
}
#appcss .text-gray-600 {
  color: #63656a;
}
#appcss .text-gray-700 {
  color: #45474a;
}
#appcss .text-gray-900 {
  color: #0a0a0a;
}
#appcss .text-orange-500 {
  color: #e35b2b;
}
#appcss .text-pink-500 {
  color: #af4063;
}
#appcss .text-pink-600 {
  color: #962347;
}
#appcss .text-sky-200 {
  color: #ade1fa;
}
#appcss .text-sky-500 {
  color: #2eace3;
}
#appcss .text-sky-600 {
  color: #1b86b5;
}
#appcss .text-teal-100 {
  color: #d1f0ef;
}
#appcss .text-teal-500 {
  color: #19b2ae;
}
#appcss .text-teal-600 {
  color: #148c89;
}
#appcss .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
#appcss .opacity-0 {
  opacity: 0;
}
#appcss .opacity-100 {
  opacity: 1;
}
#appcss .opacity-\[\.07\] {
  opacity: 0.07;
}
#appcss .mix-blend-multiply {
  mix-blend-mode: multiply;
}
#appcss .shadow-card {
  --tw-shadow: 0px 4px 24px 2px rgba(17, 72, 102, 0.08);
  --tw-shadow-colored: 0px 4px 24px 2px var(--tw-shadow-color);
}
#appcss .shadow-card,
#appcss .shadow-chart-card {
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
#appcss .shadow-chart-card {
  --tw-shadow: 0px 2.646px 26.462px 0px rgba(16, 10, 5, 0.06);
  --tw-shadow-colored: 0px 2.646px 26.462px 0px var(--tw-shadow-color);
}
#appcss .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#appcss .blur {
  --tw-blur: blur(8px);
}
#appcss .blur,
#appcss .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);
}
#appcss .transition {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke,
    opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
#appcss .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
#appcss .transition-colors {
  transition-property:
    color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
#appcss .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
#appcss .delay-0 {
  transition-delay: 0s;
}
#appcss .delay-100 {
  transition-delay: 0.1s;
}
#appcss .delay-1000 {
  transition-delay: 1s;
}
#appcss .delay-1050 {
  transition-delay: 1.05s;
}
#appcss .delay-1100 {
  transition-delay: 1.1s;
}
#appcss .delay-1150 {
  transition-delay: 1.15s;
}
#appcss .delay-1200 {
  transition-delay: 1.2s;
}
#appcss .delay-1250 {
  transition-delay: 1.25s;
}
#appcss .delay-1300 {
  transition-delay: 1.3s;
}
#appcss .delay-1350 {
  transition-delay: 1.35s;
}
#appcss .delay-1400 {
  transition-delay: 1.4s;
}
#appcss .delay-1450 {
  transition-delay: 1.45s;
}
#appcss .delay-150 {
  transition-delay: 0.15s;
}
#appcss .delay-1500 {
  transition-delay: 1.5s;
}
#appcss .delay-1550 {
  transition-delay: 1.55s;
}
#appcss .delay-1600 {
  transition-delay: 1.6s;
}
#appcss .delay-1650 {
  transition-delay: 1.65s;
}
#appcss .delay-1700 {
  transition-delay: 1.7s;
}
#appcss .delay-1750 {
  transition-delay: 1.75s;
}
#appcss .delay-1800 {
  transition-delay: 1.8s;
}
#appcss .delay-1850 {
  transition-delay: 1.85s;
}
#appcss .delay-1900 {
  transition-delay: 1.9s;
}
#appcss .delay-1950 {
  transition-delay: 1.95s;
}
#appcss .delay-200 {
  transition-delay: 0.2s;
}
#appcss .delay-2000 {
  transition-delay: 2s;
}
#appcss .delay-250 {
  transition-delay: 0.25s;
}
#appcss .delay-300 {
  transition-delay: 0.3s;
}
#appcss .delay-350 {
  transition-delay: 0.35s;
}
#appcss .delay-400 {
  transition-delay: 0.4s;
}
#appcss .delay-450 {
  transition-delay: 0.45s;
}
#appcss .delay-50 {
  transition-delay: 50ms;
}
#appcss .delay-500 {
  transition-delay: 0.5s;
}
#appcss .delay-550 {
  transition-delay: 0.55s;
}
#appcss .delay-600 {
  transition-delay: 0.6s;
}
#appcss .delay-650 {
  transition-delay: 0.65s;
}
#appcss .delay-700 {
  transition-delay: 0.7s;
}
#appcss .delay-750 {
  transition-delay: 0.75s;
}
#appcss .delay-800 {
  transition-delay: 0.8s;
}
#appcss .delay-850 {
  transition-delay: 0.85s;
}
#appcss .delay-900 {
  transition-delay: 0.9s;
}
#appcss .delay-950 {
  transition-delay: 0.95s;
}
#appcss .duration-1000 {
  transition-duration: 1s;
}
#appcss .duration-200 {
  transition-duration: 0.2s;
}
#appcss .duration-300 {
  transition-duration: 0.3s;
}
#appcss .duration-500 {
  transition-duration: 0.5s;
}
#appcss .duration-\[1500ms\] {
  transition-duration: 1.5s;
}
#appcss .duration-\[200ms\] {
  transition-duration: 0.2s;
}
#appcss .ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
#appcss .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
#appcss .\@container {
  container-type: inline-size;
}
#appcss .container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--carbon-x);
  padding-right: var(--carbon-x);
}
#appcss .push-left {
  max-width: 100vw;
  width: calc(100% + var(--push-size));
}
#appcss .push-both,
#appcss .push-left {
  margin-left: var(--neg-push-size);
  padding-left: var(--push-size);
}
#appcss .push-both {
  width: 100vw;
  margin-right: var(--neg-push-size);
  padding-right: var(--push-size);
}
* {
  color: #0a0a0a;
}
* * {
  color: inherit;
}
html {
  scroll-behavior: smooth;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
}
:root {
  --carbon-x: 18px;
  --carbon-y: 80px;
  --carbon-gutter: 10px;
}
@media (min-width: 768px) {
  :root {
    --carbon-gutter: 20px;
    --carbon-x: 64px;
  }
}
@media (min-width: 1024px) {
  :root {
    --carbon-x: 100px;
    --carbon-y: 120px;
  }
}
@media (min-width: 1300px) {
  :root {
    --carbon-x: 140px;
  }
}
:root {
  --push-size: calc(50vw - 50%);
  --neg-push-size: calc(var(--push-size) * -1);
}
.footer-gradient {
  background: linear-gradient(187deg, #fff 59.32%, #ebf8fe 72.47%);
}
.floating {
  box-shadow: 0 4px 30px #0000000a;
}
.gel-text {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin: 20px auto;
  font-size: 120px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-align: center;
  background-image: linear-gradient(
    0,
    #ffffff73 -22.09%,
    #ffffff0a -11.3%,
    #fff0 17.03%,
    #ffffffa8 31.19%,
    #fff0 46.03% 79.08%,
    #fff9 85.15%,
    #fff0 96.61%
  );
  -webkit-text-stroke: 2px transparent;
  filter: drop-shadow(0 0.843px 5.903px rgba(0, 56, 131, 0.75))
    drop-shadow(0 0.843px 10.119px rgba(255, 255, 255, 0.25))
    drop-shadow(0 0 5px #89d0ff);
}
.gel-text,
.gel-text:before {
  -webkit-background-clip: text;
  color: transparent;
}
.gel-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(97deg, #7bdeff -1.21%, #fff 110.04%);
  -webkit-text-stroke: transparent;
}
.dotted-line-bg {
  width: 128px;
  height: 3px;
  margin-top: 50px;
  background-image: radial-gradient(
    circle at center,
    var(--color-sky-500) 1.5px,
    transparent 1.5px
  );
  background-size: 8px 3px;
  background-repeat: repeat-x;
}
.hero-gradient {
  background: linear-gradient(90deg, #1d2c95, #1e96c9);
}
.simple-hero-gradient {
  background-image: linear-gradient(90deg, #1024a8, #008ac6);
}
@media screen and (min-width: 1401px) {
  .hero-gradient {
    background: linear-gradient(
      90deg,
      #1d2c95,
      #1d2c95 20%,
      #1e96c9 80%,
      #1e96c9
    );
  }
  .simple-hero-gradient {
    background-image: linear-gradient(
      90deg,
      #1024a8,
      #1024a8 20%,
      #008ac6 80%,
      #008ac6
    );
  }
}
@media screen and (max-width: 1023px) {
  .dotted-line-bg {
    margin-top: 40px;
  }
}
sup {
  font-size: max(12px, 0.6em);
  font-weight: 400;
}
:is(h2, .t-h2) sup {
  display: inline-block;
  margin-left: 2px;
  transform: translateY(-8px);
  font-size: 0.45em;
  font-weight: 300;
}
.link-decoration {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: #2eace3;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all 0.2s ease-in-out;
}
.link-decoration:hover {
  text-decoration-color: currentColor;
}
.heading-divider {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.heading-divider:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #0a0a0a12;
}
.heading-divider.inverse:after {
  background-color: #ffffff26;
}
@media screen and (max-width: 1024px) {
  .heading-divider.mobile-center.inverse:before {
    background-color: #ffffff26;
  }
  .heading-divider.mobile-center:before {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #0a0a0a12;
  }
}
:not(li) > ul:not(.list-none) li:before {
  position: absolute;
  left: 6px;
  top: 0.22em;
  width: 8px;
  height: 8px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 50%;
  content: var(--tw-content);
  background-color: #2eace3;
}
:not(li) > ol:not(.list-none) {
  counter-reset: l1-counter;
}
:is(:not(li) > ol:not(.list-none) li, p:not([class^="t-"])):before {
  content: var(--tw-content);
  font-family: indivisible, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
:is(:not(li) > ol:not(.list-none) li, p:not([class^="t-"])):before:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.48em - 1px);
}
:is(:not(li) > ol:not(.list-none) li, p:not([class^="t-"])):before:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.41em - 1px);
}
@media (min-width: 768px) {
  :is(:not(li) > ol:not(.list-none) li, p:not([class^="t-"])):before {
    content: var(--tw-content);
    font-size: 1.125rem;
  }
}
:not(li) > ol:not(.list-none) li:before {
  top: -0.53em;
  left: 0;
  font-weight: 700;
  line-height: 1.6;
  content: var(--tw-content);
  color: #1024a8;
}
:not(li) > ol:not(.list-none) > li {
  counter-increment: l1-counter;
}
:not(li) > ol:not(.list-none) > li:before {
  content: counter(l1-counter) "." !important;
}
:not(li) > ol:not(.list-none) > li > ol {
  counter-reset: l2-counter;
}
:not(li) > ol:not(.list-none) > li > ol li {
  counter-increment: l2-counter;
}
:not(li) > ol:not(.list-none) > li > ol li:before {
  content: counter(l2-counter, lower-alpha) "." !important;
}
:not(li) > ol:not(.list-none) > li > ol li > ol {
  counter-reset: l3-counter;
}
:not(li) > ol:not(.list-none) > li > ol li > ol li {
  counter-increment: l3-counter;
}
:not(li) > ol:not(.list-none) > li > ol li > ol li:before {
  content: counter(l3-counter, lower-roman) "." !important;
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li {
  position: relative;
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li:before {
  content: var(--tw-content);
  position: absolute;
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li:not(:first-child) {
  margin-top: 24px;
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li:not(:last-child) {
  margin-bottom: 24px;
}
:is(
  :not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li > span,
  p:not([class^="t-"])
) {
  font-family: indivisible, sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.5;
}
:is(
  :not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li > span,
  p:not([class^="t-"])
):before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-top: calc(-0.48em - 1px);
}
:is(
  :not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li > span,
  p:not([class^="t-"])
):after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  margin-bottom: calc(-0.41em - 1px);
}
@media (min-width: 768px) {
  :is(
    :not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li > span,
    p:not([class^="t-"])
  ) {
    font-size: 1.125rem;
  }
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) li > span {
  display: block;
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) :is(ul, ol) {
  margin-top: 48px;
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) > li {
  padding-left: 32px;
}
:not(li) > :is(ul:not(.list-none), ol:not(.list-none)) > li > :is(ul, ol) li {
  padding-left: 32px;
}
:not(li)
  > :is(ul:not(.list-none), ol:not(.list-none))
  > li
  > :is(ul, ol)
  li
  > ul
  > li {
  padding-left: 32px;
}
@media screen and (max-width: 767px) {
  :not(li) > ul:not(.list-none) li:before {
    left: 2px;
    content: var(--tw-content);
    width: 6px;
    height: 6px;
  }
  :not(li) > :is(ul:not(.list-none), ol:not(.list-none)) > li {
    padding-left: 20px;
  }
}
ul.icon-bullets > li {
  padding-left: 36px !important;
}
ul.icon-bullets > li:not(:first-child) {
  margin-top: 40px !important;
}
ul.icon-bullets > li:not(:last-child) {
  margin-bottom: 40px !important;
}
ul.icon-bullets > li:before {
  left: 0 !important;
  top: 0.25em !important;
  width: 24px !important;
  height: 24px !important;
  background-color: #ade1fa !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
}
ul.icon-bullets > li > ul {
  margin-top: 1em;
}
ul.icon-bullets > li > ul > li {
  padding-left: 27px !important;
}
ul.icon-bullets > li > ul > li:not(:first-child) {
  margin-top: 1em !important;
}
ul.icon-bullets > li > ul > li:not(:last-child) {
  margin-bottom: 1em !important;
}
ul.icon-bullets > li > ul > li:before {
  left: 11.5px;
  width: 4px;
  height: 4px;
  background-color: currentColor;
}
ul.icon-bullets > li.icon-check:before {
  background-image: url(../icons/icon-check-12.svg);
}
ul.icon-bullets > li.icon-plus:before {
  background-image: url(../icons/12-plus.svg);
}
@property --start-color {
  syntax: "<color>";
  initial-value: #fff;
  inherits: false;
}
@property --end-color {
  syntax: "<color>";
  initial-value: #fff;
  inherits: false;
}
.filled,
.filled-inverse,
.gel,
.gel-inverse {
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.filled-inverse.size-default,
.filled.size-default,
.gel-inverse.size-default,
.gel.size-default {
  padding: 18px 20px;
}
@media (min-width: 768px) {
  .filled-inverse.size-default,
  .filled.size-default,
  .gel-inverse.size-default,
  .gel.size-default {
    padding-top: 22px;
    padding-bottom: 22px;
  }
}
.filled-inverse.size-default,
.filled.size-default,
.gel-inverse.size-default,
.gel.size-default {
  border-radius: 16px;
}
.filled-inverse.size-lg,
.filled.size-lg,
.gel-inverse.size-lg,
.gel.size-lg {
  height: 56px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 18px;
}
@media (min-width: 768px) {
  .filled-inverse.size-lg,
  .filled.size-lg,
  .gel-inverse.size-lg,
  .gel.size-lg {
    padding-left: 24px;
    padding-right: 24px;
    height: 64px;
  }
}
.filled-inverse.size-sm,
.filled.size-sm,
.gel-inverse.size-sm,
.gel.size-sm {
  padding: 18px 16px;
  border-radius: 12px;
}
.filled {
  background-color: #1024a8;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.filled:hover {
  background-color: #0b1976;
}
.filled:disabled {
  background-color: #d6f0fd !important;
  color: #58beeb;
}
.filled-inverse {
  color: #0a0a0a;
}
.filled-inverse:disabled {
  color: #96a3f6 !important;
}
.filled-inverse {
  transition:
    --start-color 0.5s,
    --end-color 0.5s !important;
  background: radial-gradient(
    50% 50% at center,
    var(--start-color) 0,
    var(--end-color) 100%
  );
  --start-color: #d2ebf7;
  --end-color: #f3fafe;
}
.filled-inverse:hover:not(:disabled) {
  --start-color: #ade1fa;
  --end-color: #ade1fa;
}
.gel {
  color: #020313;
}
.gel:disabled {
  color: #58beeb;
}
.gel {
  box-shadow:
    0 0 2px #0003,
    0 1px 12px #00000014,
    0 1px 12px #84ceff40;
  border: 1px solid hsla(0, 0%, 100%, 0.25);
  transition:
    --start-color 0.5s,
    --end-color 0.5s !important;
  background: radial-gradient(
    508.56% 94.28% at 33.33% 50%,
    var(--start-color) 0,
    var(--end-color) 100%
  );
  --start-color: #c1eaff;
  --end-color: #ddf4ff;
}
.gel:hover:not(:disabled) {
  --start-color: #ebf8fe;
  --end-color: #ebf8fe;
}
.gel:disabled {
  box-shadow: unset;
}
.gel-inverse {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  border: 1px solid #fff;
}
.gel-inverse:hover:not(:disabled) {
  background-color: #ebf8fe;
  color: #070e45;
  border: 1px solid transparent;
}
.gel-inverse:disabled {
  border-width: 1px;
  border-color: #070e45;
  color: #070e45;
}
.underlined {
  border-bottom-width: 2px;
  border-color: #1024a8;
  color: #1024a8;
}
.underlined:hover:not(:disabled) {
  border-color: #070e45;
  color: #070e45;
}
.underlined:disabled {
  border-color: #83cff2;
  color: #83cff2;
}
.underlined-inverse {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underlined-inverse:hover:not(:disabled) {
  border-color: #ade1fa;
  color: #ade1fa;
}
.underlined-inverse:disabled {
  border-color: #070e45;
  color: #070e45;
}
.underlined-inverse.size-default,
.underlined.size-default {
  padding: 14px 0 12px;
}
@media (min-width: 768px) {
  .underlined-inverse.size-default,
  .underlined.size-default {
    padding-top: 18px;
    padding-bottom: 16px;
  }
}
.underlined-inverse.size-lg,
.underlined.size-lg {
  padding: 18px 0 16px;
}
@media (min-width: 768px) {
  .underlined-inverse.size-lg,
  .underlined.size-lg {
    padding-top: 22px;
    padding-bottom: 20px;
  }
}
.underlined-inverse.size-sm,
.underlined.size-sm {
  padding: 12px 0 10px;
}
@media (min-width: 768px) {
  .underlined-inverse.size-sm,
  .underlined.size-sm {
    padding-top: 14px;
    padding-bottom: 12px;
  }
}
.borderless {
  color: #1024a8;
}
.borderless:hover:not(:disabled) {
  color: #070e45;
}
.borderless:disabled {
  color: #83cff2;
}
.borderless-inverse {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.borderless-inverse:hover:not(:disabled) {
  color: #ade1fa;
}
.borderless-inverse:disabled {
  color: #070e45;
}
.borderless.size-default,
.borderless.size-lg,
.borderless.size-sm {
  padding: 6px 0;
}
.stroke-card {
  box-shadow: 0 4px 30px #0000000d;
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  background-color: #fff;
  border-bottom: 6px solid;
  border-radius: 30px;
  background-color: #ffffffb3;
}
@media screen and (max-width: 1024px) {
  .stroke-card {
    border-bottom: 4px solid;
  }
}
#appcss .before\:top-\[calc\(0\.22em_\+_3px\)\]:before {
  content: var(--tw-content);
  top: calc(0.22em + 3px);
}
#appcss .before\:mt-0:before {
  content: var(--tw-content);
  margin-top: 0;
}
#appcss .before\:w-\[100vw\]:before {
  content: var(--tw-content);
  width: 100vw;
}
#appcss .before\:text-center:before {
  content: var(--tw-content);
  text-align: center;
}
#appcss .before\:leading-100:before {
  content: var(--tw-content);
  line-height: 1;
}
#appcss .before\:content-\[\'100\%\'\]:before {
  --tw-content: "100%";
  content: var(--tw-content);
}
#appcss .before\:content-\[\'75\%\'\]:before {
  --tw-content: "75%";
  content: var(--tw-content);
}
#appcss .before\:content-\[\'Comfort\'\]:before {
  --tw-content: "Comfort";
  content: var(--tw-content);
}
#appcss .after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
#appcss .after\:bottom-0:after {
  content: var(--tw-content);
  bottom: 0;
}
#appcss .after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
#appcss .after\:mb-0:after {
  content: var(--tw-content);
  margin-bottom: 0;
}
#appcss .after\:h-\[6px\]:after {
  content: var(--tw-content);
  height: 6px;
}
#appcss .after\:w-0:after {
  content: var(--tw-content);
  width: 0;
}
#appcss .after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss .after\:bg-sky-500:after {
  content: var(--tw-content);
  background-color: #2eace3;
}
#appcss .after\:bg-white\/\[\.15\]:after {
  content: var(--tw-content);
  background-color: #ffffff26;
}
#appcss .after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
#appcss .hover\:border-brown-300:hover {
  border-color: #cca381;
}
#appcss .hover\:\!from-\[\#FEF5E4\]:hover {
  --tw-gradient-from: #fef5e4 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(254, 245, 228, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops:
    var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
#appcss .hover\:\!to-\[\#FEF5E4\]\/0:hover {
  --tw-gradient-to: rgba(254, 245, 228, 0) var(--tw-gradient-to-position) !important;
}
#appcss .hover\:text-gray-700:hover {
  color: #45474a;
}
#appcss .hover\:after\:w-full:hover:after {
  content: var(--tw-content);
  width: 100%;
}
#appcss :is(.group:hover .group-hover\:\!h-\[70px\]) {
  height: 70px !important;
}
#appcss :is(.group:hover .group-hover\:\!w-full) {
  width: 100% !important;
}
#appcss :is(.group:hover .group-hover\:rotate-90) {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss :is(.group:hover .group-hover\:\!justify-start) {
  justify-content: flex-start !important;
}
#appcss :is(.group:hover .group-hover\:\!rounded-pill) {
  border-radius: 9999px !important;
}
#appcss :is(.group:hover .group-hover\:\!py-\[19px\]) {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}
#appcss :is(.group:hover .group-hover\:py-0) {
  padding-top: 0;
  padding-bottom: 0;
}
#appcss :is(.group:hover .group-hover\:\!pl-\[19px\]) {
  padding-left: 19px !important;
}
#appcss :is(.group:hover .group-hover\:pl-0) {
  padding-left: 0;
}
#appcss :is(.peer:focus ~ .peer-focus\:top-\[-16px\]) {
  top: -16px;
}
#appcss :is(.peer:focus ~ .peer-focus\:top-\[38px\]) {
  top: 38px;
}
#appcss :is(.peer:focus ~ .peer-focus\:translate-y-0) {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss :is(.peer:focus ~ .peer-focus\:text-\[12px\]) {
  font-size: 12px;
}
#appcss :is(.peer:focus ~ .peer-focus\:text-gray-700) {
  color: #45474a;
}
#appcss
  :is(
    .peer:not(:-moz-placeholder)
      ~ .peer-\[\:not\(\:-moz-placeholder\)\]\:top-\[-16px\]
  ) {
  top: -16px;
}
#appcss
  :is(
    .peer:not(:placeholder-shown)
      ~ .peer-\[\:not\(\:placeholder-shown\)\]\:top-\[-16px\]
  ) {
  top: -16px;
}
#appcss
  :is(
    .peer:not(:-moz-placeholder)
      ~ .peer-\[\:not\(\:-moz-placeholder\)\]\:top-\[38px\]
  ) {
  top: 38px;
}
#appcss
  :is(
    .peer:not(:placeholder-shown)
      ~ .peer-\[\:not\(\:placeholder-shown\)\]\:top-\[38px\]
  ) {
  top: 38px;
}
#appcss
  :is(
    .peer:not(:-moz-placeholder)
      ~ .peer-\[\:not\(\:-moz-placeholder\)\]\:translate-y-0
  ) {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss
  :is(
    .peer:not(:placeholder-shown)
      ~ .peer-\[\:not\(\:placeholder-shown\)\]\:translate-y-0
  ) {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss
  :is(
    .peer:not(:-moz-placeholder)
      ~ .peer-\[\:not\(\:-moz-placeholder\)\]\:text-\[12px\]
  ) {
  font-size: 12px;
}
#appcss
  :is(
    .peer:not(:placeholder-shown)
      ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-\[12px\]
  ) {
  font-size: 12px;
}
#appcss
  :is(
    .peer:checked:not([value=""])
      ~ .peer-\[\:checked\:not\(\[value\=\'\'\]\)\]\:text-gray-700
  ) {
  color: #45474a;
}
#appcss
  :is(
    .peer:not(:-moz-placeholder)
      ~ .peer-\[\:not\(\:-moz-placeholder\)\]\:text-gray-700
  ) {
  color: #45474a;
}
#appcss
  :is(
    .peer:not(:placeholder-shown)
      ~ .peer-\[\:not\(\:placeholder-shown\)\]\:text-gray-700
  ) {
  color: #45474a;
}
#appcss
  .has-\[\:checked\:not\(\[value\=\'\'\]\)\]\:border-brown-300:has(
    :checked:not([value=""])
  ) {
  border-color: #cca381;
}
#appcss
  .has-\[input\:not\(\:-moz-placeholder\)\]\:border-brown-300:has(
    input:not(:-moz-placeholder)
  ) {
  border-color: #cca381;
}
#appcss
  .has-\[input\:not\(\:placeholder-shown\)\]\:border-brown-300:has(
    input:not(:placeholder-shown)
  ) {
  border-color: #cca381;
}
#appcss
  :is(
    .peer:has(:checked:not([value=""]))
      ~ .peer-has-\[\:checked\:not\(\[value\=\'\'\]\)\]\:top-\[-16px\]
  ) {
  top: -16px;
}
#appcss
  :is(
    .peer:has(:checked:not([value=""]))
      ~ .peer-has-\[\:checked\:not\(\[value\=\'\'\]\)\]\:translate-y-0
  ) {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#appcss
  :is(
    .peer:has(:checked:not([value=""]))
      ~ .peer-has-\[\:checked\:not\(\[value\=\'\'\]\)\]\:text-\[12px\]
  ) {
  font-size: 12px;
}
@container (min-width: 32rem) {
  #appcss .\@lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
}
@media not all and (min-width: 1300px) {
  #appcss .max-xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  #appcss .max-xl\:w-\[80\%\] {
    width: 80%;
  }
  #appcss .max-xl\:flex-col {
    flex-direction: column;
  }
  #appcss .max-xl\:gap-s6 {
    gap: 24px;
  }
  #appcss .max-xl\:text-center {
    text-align: center;
  }
}
@media not all and (min-width: 1024px) {
  #appcss .max-lg\:left-1\/2 {
    left: 50%;
  }
  #appcss .max-lg\:order-first {
    order: -9999;
  }
  #appcss .max-lg\:order-last {
    order: 9999;
  }
  #appcss .max-lg\:-mx-\[20px\] {
    margin-left: -20px;
    margin-right: -20px;
  }
  #appcss .max-lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  #appcss .max-lg\:mt-s11 {
    margin-top: 80px;
  }
  #appcss .max-lg\:mt-s3 {
    margin-top: 12px;
  }
  #appcss .max-lg\:block {
    display: block;
  }
  #appcss .max-lg\:flex {
    display: flex;
  }
  #appcss .max-lg\:hidden {
    display: none;
  }
  #appcss .max-lg\:h-\[130px\] {
    height: 130px;
  }
  #appcss .max-lg\:h-\[350px\] {
    height: 350px;
  }
  #appcss .max-lg\:w-\[210px\] {
    width: 210px;
  }
  #appcss .max-lg\:w-\[80px\] {
    width: 80px;
  }
  #appcss .max-lg\:w-full {
    width: 100%;
  }
  #appcss .max-lg\:max-w-\[540px\] {
    max-width: 540px;
  }
  #appcss .max-lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
  }
  #appcss .max-lg\:-translate-x-1\/2,
  #appcss .max-lg\:-translate-x-\[80px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #appcss .max-lg\:-translate-x-\[80px\] {
    --tw-translate-x: -80px;
  }
  #appcss .max-lg\:flex-col {
    flex-direction: column;
  }
  #appcss .max-lg\:items-center {
    align-items: center;
  }
  #appcss .max-lg\:gap-s10 {
    gap: 64px;
  }
  #appcss .max-lg\:text-balance {
    text-wrap: balance;
  }
  #appcss .max-lg\:text-center {
    text-align: center;
  }
  #appcss .max-lg\:text-\[80px\] {
    font-size: 80px;
  }
}
@media not all and (min-width: 768px) {
  #appcss .max-md\:order-1 {
    order: 1;
  }
  #appcss .max-md\:order-2 {
    order: 2;
  }
  #appcss .max-md\:order-3 {
    order: 3;
  }
  #appcss .max-md\:order-4 {
    order: 4;
  }
  #appcss .max-md\:order-5 {
    order: 5;
  }
  #appcss .max-md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  #appcss .max-md\:mt-s7 {
    margin-top: 32px;
  }
  #appcss .max-md\:block {
    display: block;
  }
  #appcss .max-md\:hidden {
    display: none;
  }
  #appcss .max-md\:h-\[249px\] {
    height: 249px;
  }
  #appcss .max-md\:\!w-\[calc\(100\%-4px\)\] {
    width: calc(100% - 4px) !important;
  }
  #appcss .max-md\:w-\[calc\(100\%_\+_18px\)\] {
    width: calc(100% + 18px);
  }
  #appcss .max-md\:w-\[max-content\] {
    width: -moz-max-content;
    width: max-content;
  }
  #appcss .max-md\:w-min {
    width: -moz-min-content;
    width: min-content;
  }
  #appcss .max-md\:max-w-\[100\%\] {
    max-width: 100%;
  }
  #appcss .max-md\:max-w-\[540px\] {
    max-width: 540px;
  }
  #appcss .max-md\:max-w-\[unset\] {
    max-width: unset;
  }
  #appcss .max-md\:flex-col {
    flex-direction: column;
  }
  #appcss .max-md\:items-center {
    align-items: center;
  }
  #appcss .max-md\:overflow-x-scroll {
    overflow-x: scroll;
  }
  #appcss .max-md\:px-s3 {
    padding-left: 12px;
    padding-right: 12px;
  }
  #appcss .max-md\:text-center {
    text-align: center;
  }
}
@media not all and (min-width: 640px) {
  #appcss .max-sm\:max-w-\[243px\] {
    max-width: 243px;
  }
  #appcss .max-sm\:flex-col {
    flex-direction: column;
  }
}
@media not all and (min-width: 560px) {
  #appcss .max-xs\:top-\[6px\] {
    top: 6px;
  }
  #appcss .max-xs\:order-last {
    order: 9999;
  }
  #appcss .max-xs\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  #appcss .max-xs\:hidden {
    display: none;
  }
  #appcss .max-xs\:w-\[140px\] {
    width: 140px;
  }
  #appcss .max-xs\:max-w-\[360px\] {
    max-width: 360px;
  }
  #appcss .max-xs\:flex-1 {
    flex: 1 1 0%;
  }
  #appcss .max-xs\:flex-col {
    flex-direction: column;
  }
  #appcss .max-xs\:items-start {
    align-items: flex-start;
  }
  #appcss .max-xs\:gap-y-s7 {
    row-gap: 32px;
  }
}
@media (min-width: 560px) {
  #appcss .xs\:-top-s2 {
    top: -8px;
  }
  #appcss .xs\:left-\[45\%\] {
    left: 45%;
  }
  #appcss .xs\:mb-\[160px\] {
    margin-bottom: 160px;
  }
  #appcss .xs\:hidden {
    display: none;
  }
  #appcss .xs\:size-s7 {
    width: 32px;
    height: 32px;
  }
  #appcss .xs\:w-\[120px\] {
    width: 120px;
  }
  #appcss .xs\:w-\[138\%\] {
    width: 138%;
  }
  #appcss .xs\:w-\[56\.7\%\] {
    width: 56.7%;
  }
  #appcss .xs\:w-\[92px\] {
    width: 92px;
  }
  #appcss .xs\:flex-1 {
    flex: 1 1 0%;
  }
  #appcss .xs\:flex-shrink-0 {
    flex-shrink: 0;
  }
  #appcss .xs\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #appcss .xs\:gap-s8 {
    gap: 40px;
  }
  #appcss .xs\:gap-x-s6 {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  #appcss .xs\:pt-\[28px\] {
    padding-top: 28px;
  }
}
@media (min-width: 640px) {
  #appcss .sm\:-top-s2 {
    top: -8px;
  }
  #appcss .sm\:mt-s8 {
    margin-top: 40px;
  }
  #appcss .sm\:w-\[152px\] {
    width: 152px;
  }
  #appcss .sm\:w-\[180px\] {
    width: 180px;
  }
  #appcss .sm\:w-\[420px\] {
    width: 420px;
  }
  #appcss .sm\:w-\[540px\] {
    width: 540px;
  }
  #appcss .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #appcss .sm\:gap-s10 {
    gap: 64px;
  }
  #appcss .sm\:gap-s8 {
    gap: 40px;
  }
  #appcss .sm\:gap-s9 {
    gap: 48px;
  }
  #appcss .sm\:px-s6 {
    padding-left: 24px;
    padding-right: 24px;
  }
  #appcss .sm\:px-s8 {
    padding-left: 40px;
    padding-right: 40px;
  }
  #appcss .sm\:py-\[27px\] {
    padding-top: 27px;
    padding-bottom: 27px;
  }
  #appcss .sm\:py-s6 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  #appcss .sm\:pb-\[62px\] {
    padding-bottom: 62px;
  }
  #appcss .sm\:pt-s6 {
    padding-top: 24px;
  }
}
@media (min-width: 768px) {
  #appcss .md\:right-\[30px\] {
    right: 30px;
  }
  #appcss .md\:top-0 {
    top: 0;
  }
  #appcss .md\:mb-\[140px\] {
    margin-bottom: 140px;
  }
  #appcss .md\:mb-s12 {
    margin-bottom: 96px;
  }
  #appcss .md\:ml-s9 {
    margin-left: 48px;
  }
  #appcss .md\:mt-\[36px\] {
    margin-top: 36px;
  }
  #appcss .md\:mt-\[64px\],
  #appcss .md\:mt-s10 {
    margin-top: 64px;
  }
  #appcss .md\:mt-s12 {
    margin-top: 96px;
  }
  #appcss .md\:mt-s5 {
    margin-top: 20px;
  }
  #appcss .md\:mt-s7 {
    margin-top: 32px;
  }
  #appcss .md\:mt-s8 {
    margin-top: 40px;
  }
  #appcss .md\:mt-s9 {
    margin-top: 48px;
  }
  #appcss .md\:block {
    display: block;
  }
  #appcss .md\:hidden {
    display: none;
  }
  #appcss .md\:h-\[484px\] {
    height: 484px;
  }
  #appcss .md\:w-\[100px\] {
    width: 100px;
  }
  #appcss .md\:w-\[494px\] {
    width: 494px;
  }
  #appcss .md\:w-\[520px\] {
    width: 520px;
  }
  #appcss .md\:w-full {
    width: 100%;
  }
  #appcss .md\:max-w-\[660px\] {
    max-width: 660px;
  }
  #appcss .md\:-translate-y-\[45\%\] {
    --tw-translate-y: -45%;
  }
  #appcss .md\:-translate-y-\[45\%\],
  #appcss .md\:translate-x-\[30\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #appcss .md\:translate-x-\[30\%\] {
    --tw-translate-x: 30%;
  }
  #appcss .md\:columns-2 {
    -moz-columns: 2;
    column-count: 2;
  }
  #appcss .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #appcss .md\:items-center {
    align-items: center;
  }
  #appcss .md\:gap-s10 {
    gap: 64px;
  }
  #appcss .md\:gap-s11 {
    gap: 80px;
  }
  #appcss .md\:gap-s3 {
    gap: 12px;
  }
  #appcss .md\:gap-s6 {
    gap: 24px;
  }
  #appcss .md\:gap-s7 {
    gap: 32px;
  }
  #appcss .md\:gap-s8 {
    gap: 40px;
  }
  #appcss .md\:gap-s9 {
    gap: 48px;
  }
  #appcss .md\:border-b-\[6px\] {
    border-bottom-width: 6px;
  }
  #appcss .md\:p-s7 {
    padding: 32px;
  }
  #appcss .md\:p-s8 {
    padding: 40px;
  }
  #appcss .md\:\!px-\[30px\] {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  #appcss .md\:px-\[54px\] {
    padding-left: 54px;
    padding-right: 54px;
  }
  #appcss .md\:px-s10 {
    padding-left: 64px;
    padding-right: 64px;
  }
  #appcss .md\:px-s7 {
    padding-left: 32px;
    padding-right: 32px;
  }
  #appcss .md\:px-s8 {
    padding-left: 40px;
    padding-right: 40px;
  }
  #appcss .md\:py-s10 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  #appcss .md\:py-s12 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  #appcss .md\:py-s3 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  #appcss .md\:py-s9 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  #appcss .md\:pb-0 {
    padding-bottom: 0;
  }
  #appcss .md\:pb-\[140px\] {
    padding-bottom: 140px;
  }
  #appcss .md\:pb-s10 {
    padding-bottom: 64px;
  }
  #appcss .md\:pb-s12 {
    padding-bottom: 96px;
  }
  #appcss .md\:pb-s8 {
    padding-bottom: 40px;
  }
  #appcss .md\:pb-s9 {
    padding-bottom: 48px;
  }
  #appcss .md\:pt-\[100px\] {
    padding-top: 100px;
  }
  #appcss .md\:pt-\[3px\] {
    padding-top: 3px;
  }
  #appcss .md\:pt-s12 {
    padding-top: 96px;
  }
  #appcss .md\:pt-s8 {
    padding-top: 40px;
  }
  #appcss .md\:pt-s9 {
    padding-top: 48px;
  }
  #appcss .md\:text-center {
    text-align: center;
  }
  #appcss .md\:text-\[80px\] {
    font-size: 80px;
  }
  #appcss .md\:before\:top-\[calc\(0\.22em_\+_3px\)\]:before {
    content: var(--tw-content);
    top: calc(0.22em + 3px);
  }
  @media not all and (min-width: 1024px) {
    #appcss .md\:max-lg\:mx-s4 {
      margin-left: 16px;
      margin-right: 16px;
    }
    #appcss .md\:max-lg\:px-s5 {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
}
@media (min-width: 1024px) {
  #appcss .lg\:-left-\[95px\] {
    left: -95px;
  }
  #appcss .lg\:-top-\[25px\] {
    top: -25px;
  }
  #appcss .lg\:-top-\[358px\] {
    top: -358px;
  }
  #appcss .lg\:-top-\[402px\] {
    top: -402px;
  }
  #appcss .lg\:right-\[-232px\] {
    right: -232px;
  }
  #appcss .lg\:right-\[-282px\] {
    right: -282px;
  }
  #appcss .lg\:right-\[60px\] {
    right: 60px;
  }
  #appcss .lg\:right-s9 {
    right: 48px;
  }
  #appcss .lg\:top-\[51\.5px\] {
    top: 51.5px;
  }
  #appcss .lg\:top-s7 {
    top: 32px;
  }
  #appcss .lg\:mb-0 {
    margin-bottom: 0;
  }
  #appcss .lg\:mb-s13 {
    margin-bottom: 120px;
  }
  #appcss .lg\:mt-s10 {
    margin-top: 64px;
  }
  #appcss .lg\:mt-s12 {
    margin-top: 96px;
  }
  #appcss .lg\:mt-s14 {
    margin-top: 160px;
  }
  #appcss .lg\:mt-s7 {
    margin-top: 32px;
  }
  #appcss .lg\:mt-s9 {
    margin-top: 48px;
  }
  #appcss .lg\:hidden {
    display: none;
  }
  #appcss .lg\:aspect-\[1\/1\.15\] {
    aspect-ratio: 1/1.15;
  }
  #appcss .lg\:size-\[56px\] {
    width: 56px;
    height: 56px;
  }
  #appcss .lg\:size-s7 {
    width: 32px;
    height: 32px;
  }
  #appcss .lg\:h-\[122px\] {
    height: 122px;
  }
  #appcss .lg\:h-\[170px\] {
    height: 170px;
  }
  #appcss .lg\:h-\[365px\] {
    height: 365px;
  }
  #appcss .lg\:h-\[720px\] {
    height: 720px;
  }
  #appcss .lg\:min-h-\[14px\] {
    min-height: 14px;
  }
  #appcss .lg\:min-h-\[90px\] {
    min-height: 90px;
  }
  #appcss .lg\:w-1\/3 {
    width: 33.333333%;
  }
  #appcss .lg\:w-\[138\%\] {
    width: 138%;
  }
  #appcss .lg\:w-\[150px\] {
    width: 150px;
  }
  #appcss .lg\:w-\[200px\] {
    width: 200px;
  }
  #appcss .lg\:w-\[211px\] {
    width: 211px;
  }
  #appcss .lg\:w-\[360px\] {
    width: 360px;
  }
  #appcss .lg\:w-\[43\%\] {
    width: 43%;
  }
  #appcss .lg\:w-\[598px\] {
    width: 598px;
  }
  #appcss .lg\:w-\[685px\] {
    width: 685px;
  }
  #appcss .lg\:w-\[calc\(\(100\%-80px\)\*\.753\+40px\)\] {
    width: calc(75.3% - 20.24px);
  }
  #appcss .lg\:min-w-\[330px\] {
    min-width: 330px;
  }
  #appcss .lg\:flex-1 {
    flex: 1 1 0%;
  }
  #appcss .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #appcss .lg\:flex-row {
    flex-direction: row;
  }
  #appcss .lg\:items-start {
    align-items: flex-start;
  }
  #appcss .lg\:items-center {
    align-items: center;
  }
  #appcss .lg\:items-stretch {
    align-items: stretch;
  }
  #appcss .lg\:gap-\[100px\] {
    gap: 100px;
  }
  #appcss .lg\:gap-s11 {
    gap: 80px;
  }
  #appcss .lg\:gap-s2 {
    gap: 8px;
  }
  #appcss .lg\:gap-s5 {
    gap: 20px;
  }
  #appcss .lg\:gap-s6 {
    gap: 24px;
  }
  #appcss .lg\:gap-s8 {
    gap: 40px;
  }
  #appcss .lg\:gap-s9 {
    gap: 48px;
  }
  #appcss .lg\:from-\[\#1024A8\]\/50 {
    --tw-gradient-from: rgba(16, 36, 168, 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(16, 36, 168, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  #appcss .lg\:to-\[\#008AC6\]\/50 {
    --tw-gradient-to: rgba(0, 138, 198, 0.5) var(--tw-gradient-to-position);
  }
  #appcss .lg\:p-s5 {
    padding: 20px;
  }
  #appcss .lg\:p-s8 {
    padding: 40px;
  }
  #appcss .lg\:\!px-\[60px\] {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
  #appcss .lg\:px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px;
  }
  #appcss .lg\:px-s11 {
    padding-left: 80px;
    padding-right: 80px;
  }
  #appcss .lg\:px-s8 {
    padding-left: 40px;
    padding-right: 40px;
  }
  #appcss .lg\:py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  #appcss .lg\:py-\[28px\] {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  #appcss .lg\:py-s10 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  #appcss .lg\:py-s11 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #appcss .lg\:py-s13 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  #appcss .lg\:py-y {
    padding-top: var(--carbon-y);
    padding-bottom: var(--carbon-y);
  }
  #appcss .lg\:pb-\[60px\] {
    padding-bottom: 60px;
  }
  #appcss .lg\:pb-s10 {
    padding-bottom: 64px;
  }
  #appcss .lg\:pb-s13 {
    padding-bottom: 120px;
  }
  #appcss .lg\:pb-s14 {
    padding-bottom: 160px;
  }
  #appcss .lg\:pb-s9 {
    padding-bottom: 48px;
  }
  #appcss .lg\:pl-s7 {
    padding-left: 32px;
  }
  #appcss .lg\:pr-\[18px\] {
    padding-right: 18px;
  }
  #appcss .lg\:pt-s10 {
    padding-top: 64px;
  }
  #appcss .lg\:pt-s13 {
    padding-top: 120px;
  }
  #appcss .lg\:pt-s7 {
    padding-top: 32px;
  }
  #appcss .lg\:text-center {
    text-align: center;
  }
  #appcss .lg\:backdrop-blur-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
      var(--tw-backdrop-sepia);
  }
  #appcss .lg\:before\:mt-0:before {
    content: var(--tw-content);
    margin-top: 0;
  }
}
@media (min-width: 1300px) {
  #appcss .xl\:-left-\[128px\] {
    left: -128px;
  }
  #appcss .xl\:-top-\[46px\] {
    top: -46px;
  }
  #appcss .xl\:left-1\/2 {
    left: 50%;
  }
  #appcss .xl\:right-\[calc\(106px-\(720px-50vw\)\)\] {
    right: calc(-614px + 50vw);
  }
  #appcss .xl\:mx-\[-80px\] {
    margin-left: -80px;
    margin-right: -80px;
  }
  #appcss .xl\:mt-s10 {
    margin-top: 64px;
  }
  #appcss .xl\:mt-s9 {
    margin-top: 48px;
  }
  #appcss .xl\:size-\[72px\] {
    width: 72px;
    height: 72px;
  }
  #appcss .xl\:h-\[780px\] {
    height: 780px;
  }
  #appcss .xl\:w-\[319px\] {
    width: 319px;
  }
  #appcss .xl\:w-\[420px\] {
    width: 420px;
  }
  #appcss .xl\:min-w-\[200px\] {
    min-width: 200px;
  }
  #appcss .xl\:translate-y-\[37\.5\%\] {
    --tw-translate-y: 37.5%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #appcss .xl\:grid-cols-\[243px_243px_243px_243px\] {
    grid-template-columns: 243px 243px 243px 243px;
  }
  #appcss .xl\:gap-\[60px\] {
    gap: 60px;
  }
  #appcss .xl\:gap-s7 {
    gap: 32px;
  }
  #appcss .xl\:gap-s8 {
    gap: 40px;
  }
  #appcss .xl\:gap-x-s7 {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  #appcss .xl\:p-s7 {
    padding: 32px;
  }
  #appcss .xl\:px-\[140px\] {
    padding-left: 140px;
    padding-right: 140px;
  }
  #appcss .xl\:px-s11 {
    padding-left: 80px;
    padding-right: 80px;
  }
  #appcss .xl\:pl-\[75px\] {
    padding-left: 75px;
  }
  #appcss .xl\:pr-\[57px\] {
    padding-right: 57px;
  }
}
@media (min-width: 1024px) {
  #appcss .\[\&\:last-child\]\:lg\:mb-\[68px\]:last-child {
    margin-bottom: 68px;
  }
  #appcss .\[\&\:not\(\:first-child\)\]\:lg\:mt-s5:not(:first-child) {
    margin-top: 20px;
  }
}
#appcss
  .\[\&\:not\(\:-moz-placeholder\)\]\:border-brown-300:not(:-moz-placeholder) {
  border-color: #cca381;
}
#appcss
  .\[\&\:not\(\:placeholder-shown\)\]\:border-brown-300:not(
    :placeholder-shown
  ) {
  border-color: #cca381;
}
#appcss :is(.\[\&\>li\:not\(\:first-child\)\]\:mt-s8 > li:not(:first-child)) {
  margin-top: 40px;
}
#appcss :is(.\[\&_li\:before\]\:bg-teal-500 li):before {
  background-color: #19b2ae;
}
#appcss :is(.\[\&_span\]\:w-full span) {
  width: 100%;
}

a.size-sm,
button.size-sm,
a.size-default,
button.size-default,
a.size-lg,
button.size-lg {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  align-items: center;
}

@keyframes fade-out-in-2844e4a6 {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  85% {
    opacity: 0.02;
  }
  to {
    opacity: 1;
  }
}
.animating {
  transition: opacity 0.9s;
  animation-name: fade-out-in-2844e4a6;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}
.card {
  background: linear-gradient(180deg, var(--v29dce8b1), var(--v5021ebd8));
}

#mobileNav li {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#mobileNav .active li {
  opacity: 1;
}
#mobileNav .active li:first-child {
  transition-delay: 0.1s;
}
#mobileNav .active li:nth-child(2) {
  transition-delay: 0.2s;
}
#mobileNav .active li:nth-child(3) {
  transition-delay: 0.3s;
}
#mobileNav .active li:nth-child(4) {
  transition-delay: 0.4s;
}
#mobileNav .active li:nth-child(5) {
  transition-delay: 0.5s;
}
#mobileNav .active li:nth-child(6) {
  transition-delay: 0.6s;
}
#mobileNav .active li:nth-child(7) {
  transition-delay: 0.7s;
}
#mobileNav .active li:nth-child(8) {
  transition-delay: 0.8s;
}
#mobileNav .active li:nth-child(9) {
  transition-delay: 0.9s;
}
#mobileNav .active li:nth-child(10) {
  transition-delay: 1s;
}
.active-node a:after {
  width: 100% !important;
}
.fade-enter-active,
.fade-leave-active {
  transition: all 0.5s ease 0.75s;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
  transform: translateY(10px);
}

html.no-scroll {
  overflow: hidden;
}

#iheezoVideoModal {
  align-items: center;
  background: rgba(0, 0, 0, 0.78);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 400;
}

#iheezoVideoModal.is-open {
  display: flex;
}

.iheezo-video-dialog {
  background: #000;
  max-width: 960px;
  position: relative;
  width: 100%;
}

.iheezo-video-dialog video {
  display: block;
  width: 100%;
}

.iheezo-video-close {
  align-items: center;
  background: #fff;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  font-size: 28px;
  height: 42px;
  justify-content: center;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 42px;
  z-index: 1;
}

#cookieConsentBanner[hidden],
#contactFormStatus[hidden] {
  display: none;
}
#contactFormStatus[data-state="success"] {
  color: #006b5e;
}
#contactFormStatus[data-state="error"] {
  color: #a81010;
}