@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Teko:wght@300..700&display=swap');

:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
    135deg,
    rgba(6, 147, 227, 1) 0%,
    rgb(155, 81, 224) 100%
  );
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
    135deg,
    rgb(122, 220, 180) 0%,
    rgb(0, 208, 130) 100%
  );
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
    135deg,
    rgba(252, 185, 0, 1) 0%,
    rgba(255, 105, 0, 1) 100%
  );
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
    135deg,
    rgba(255, 105, 0, 1) 0%,
    rgb(207, 46, 46) 100%
  );
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
    135deg,
    rgb(238, 238, 238) 0%,
    rgb(169, 184, 195) 100%
  );
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
    135deg,
    rgb(74, 234, 220) 0%,
    rgb(151, 120, 209) 20%,
    rgb(207, 42, 186) 40%,
    rgb(238, 44, 130) 60%,
    rgb(251, 105, 98) 80%,
    rgb(254, 248, 76) 100%
  );
  --wp--preset--gradient--blush-light-purple: linear-gradient(
    135deg,
    rgb(255, 206, 236) 0%,
    rgb(152, 150, 240) 100%
  );
  --wp--preset--gradient--blush-bordeaux: linear-gradient(
    135deg,
    rgb(254, 205, 165) 0%,
    rgb(254, 45, 45) 50%,
    rgb(107, 0, 62) 100%
  );
  --wp--preset--gradient--luminous-dusk: linear-gradient(
    135deg,
    rgb(255, 203, 112) 0%,
    rgb(199, 81, 192) 50%,
    rgb(65, 88, 208) 100%
  );
  --wp--preset--gradient--pale-ocean: linear-gradient(
    135deg,
    rgb(255, 245, 203) 0%,
    rgb(182, 227, 212) 50%,
    rgb(51, 167, 181) 100%
  );
  --wp--preset--gradient--electric-grass: linear-gradient(
    135deg,
    rgb(202, 248, 128) 0%,
    rgb(113, 206, 126) 100%
  );
  --wp--preset--gradient--midnight: linear-gradient(
    135deg,
    rgb(2, 3, 129) 0%,
    rgb(40, 116, 252) 100%
  );
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1),
    6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

/* :where(.is-layout-flex) {
  gap: 0.5em;
}
:where(.is-layout-grid) {
  gap: 0.5em;
}
body .is-layout-flex {
  display: flex;
}
.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}
.is-layout-flex > :is(*, div) {
  margin: 0;
}
body .is-layout-grid {
  display: grid;
}
.is-layout-grid > :is(*, div) {
  margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
.has-black-color {
  color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
  color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
  ) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
  ) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
  ) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red
  ) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
  ) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}
:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}
:root :where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}

#inner-shadow-companion {
  font-size: 100%;
}
#inner-shadow-companion {
  font-family: circular, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  color: var(--lns-color-body);

  font-size: var(--lns-fontSize-medium);
  line-height: var(--lns-lineHeight-medium);
  font-feature-settings: 'ss08' on;
}

#inner-shadow-companion *,
#inner-shadow-companion *:before,
#inner-shadow-companion *:after {
  box-sizing: border-box;
} */

#inner-shadow-companion * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: calc(0.6px - 0.05em);
}

#inner-shadow-companion,
.theme-light,
[data-lens-theme='light'] {
  --lns-color-primary: var(--lns-themeLight-color-primary);
  --lns-color-primaryHover: var(--lns-themeLight-color-primaryHover);
  --lns-color-primaryActive: var(--lns-themeLight-color-primaryActive);
  --lns-color-body: var(--lns-themeLight-color-body);
  --lns-color-bodyDimmed: var(--lns-themeLight-color-bodyDimmed);
  --lns-color-background: var(--lns-themeLight-color-background);
  --lns-color-backgroundHover: var(--lns-themeLight-color-backgroundHover);
  --lns-color-backgroundActive: var(--lns-themeLight-color-backgroundActive);
  --lns-color-backgroundSecondary: var(
    --lns-themeLight-color-backgroundSecondary
  );
  --lns-color-backgroundSecondary2: var(
    --lns-themeLight-color-backgroundSecondary2
  );
  --lns-color-overlay: var(--lns-themeLight-color-overlay);
  --lns-color-border: var(--lns-themeLight-color-border);
  --lns-color-focusRing: var(--lns-themeLight-color-focusRing);
  --lns-color-record: var(--lns-themeLight-color-record);
  --lns-color-recordHover: var(--lns-themeLight-color-recordHover);
  --lns-color-recordActive: var(--lns-themeLight-color-recordActive);
  --lns-color-info: var(--lns-themeLight-color-info);
  --lns-color-success: var(--lns-themeLight-color-success);
  --lns-color-warning: var(--lns-themeLight-color-warning);
  --lns-color-danger: var(--lns-themeLight-color-danger);
  --lns-color-dangerHover: var(--lns-themeLight-color-dangerHover);
  --lns-color-dangerActive: var(--lns-themeLight-color-dangerActive);
  --lns-color-backdrop: var(--lns-themeLight-color-backdrop);
  --lns-color-backdropDark: var(--lns-themeLight-color-backdropDark);
  --lns-color-backdropTwilight: var(--lns-themeLight-color-backdropTwilight);
  --lns-color-disabledContent: var(--lns-themeLight-color-disabledContent);
  --lns-color-highlight: var(--lns-themeLight-color-highlight);
  --lns-color-disabledBackground: var(
    --lns-themeLight-color-disabledBackground
  );
  --lns-color-formFieldBorder: var(--lns-themeLight-color-formFieldBorder);
  --lns-color-formFieldBackground: var(
    --lns-themeLight-color-formFieldBackground
  );
  --lns-color-buttonBorder: var(--lns-themeLight-color-buttonBorder);
  --lns-color-upgrade: var(--lns-themeLight-color-upgrade);
  --lns-color-upgradeHover: var(--lns-themeLight-color-upgradeHover);
  --lns-color-upgradeActive: var(--lns-themeLight-color-upgradeActive);
  --lns-color-tabBackground: var(--lns-themeLight-color-tabBackground);
  --lns-color-discoveryBackground: var(
    --lns-themeLight-color-discoveryBackground
  );
  --lns-color-discoveryLightBackground: var(
    --lns-themeLight-color-discoveryLightBackground
  );
  --lns-color-discoveryTitle: var(--lns-themeLight-color-discoveryTitle);
  --lns-color-discoveryHighlight: var(
    --lns-themeLight-color-discoveryHighlight
  );
}

.theme-dark,
[data-lens-theme='dark'] {
  --lns-color-primary: var(--lns-themeDark-color-primary);
  --lns-color-primaryHover: var(--lns-themeDark-color-primaryHover);
  --lns-color-primaryActive: var(--lns-themeDark-color-primaryActive);
  --lns-color-body: var(--lns-themeDark-color-body);
  --lns-color-bodyDimmed: var(--lns-themeDark-color-bodyDimmed);
  --lns-color-background: var(--lns-themeDark-color-background);
  --lns-color-backgroundHover: var(--lns-themeDark-color-backgroundHover);
  --lns-color-backgroundActive: var(--lns-themeDark-color-backgroundActive);
  --lns-color-backgroundSecondary: var(
    --lns-themeDark-color-backgroundSecondary
  );
  --lns-color-backgroundSecondary2: var(
    --lns-themeDark-color-backgroundSecondary2
  );
  --lns-color-overlay: var(--lns-themeDark-color-overlay);
  --lns-color-border: var(--lns-themeDark-color-border);
  --lns-color-focusRing: var(--lns-themeDark-color-focusRing);
  --lns-color-record: var(--lns-themeDark-color-record);
  --lns-color-recordHover: var(--lns-themeDark-color-recordHover);
  --lns-color-recordActive: var(--lns-themeDark-color-recordActive);
  --lns-color-info: var(--lns-themeDark-color-info);
  --lns-color-success: var(--lns-themeDark-color-success);
  --lns-color-warning: var(--lns-themeDark-color-warning);
  --lns-color-danger: var(--lns-themeDark-color-danger);
  --lns-color-dangerHover: var(--lns-themeDark-color-dangerHover);
  --lns-color-dangerActive: var(--lns-themeDark-color-dangerActive);
  --lns-color-backdrop: var(--lns-themeDark-color-backdrop);
  --lns-color-backdropDark: var(--lns-themeDark-color-backdropDark);
  --lns-color-backdropTwilight: var(--lns-themeDark-color-backdropTwilight);
  --lns-color-disabledContent: var(--lns-themeDark-color-disabledContent);
  --lns-color-highlight: var(--lns-themeDark-color-highlight);
  --lns-color-disabledBackground: var(--lns-themeDark-color-disabledBackground);
  --lns-color-formFieldBorder: var(--lns-themeDark-color-formFieldBorder);
  --lns-color-formFieldBackground: var(
    --lns-themeDark-color-formFieldBackground
  );
  --lns-color-buttonBorder: var(--lns-themeDark-color-buttonBorder);
  --lns-color-upgrade: var(--lns-themeDark-color-upgrade);
  --lns-color-upgradeHover: var(--lns-themeDark-color-upgradeHover);
  --lns-color-upgradeActive: var(--lns-themeDark-color-upgradeActive);
  --lns-color-tabBackground: var(--lns-themeDark-color-tabBackground);
  --lns-color-discoveryBackground: var(
    --lns-themeDark-color-discoveryBackground
  );
  --lns-color-discoveryLightBackground: var(
    --lns-themeDark-color-discoveryLightBackground
  );
  --lns-color-discoveryTitle: var(--lns-themeDark-color-discoveryTitle);
  --lns-color-discoveryHighlight: var(--lns-themeDark-color-discoveryHighlight);
}

#inner-shadow-companion {
  --lns-fontWeight-book: 400;
  --lns-fontWeight-bold: 700;
  --lns-unit: 0.5rem;
  --lns-fontSize-small: calc(1.5 * var(--lns-unit, 8px));
  --lns-lineHeight-small: 1.5;
  --lns-fontSize-body-sm: calc(1.5 * var(--lns-unit, 8px));
  --lns-lineHeight-body-sm: 1.5;
  --lns-fontSize-medium: calc(1.75 * var(--lns-unit, 8px));
  --lns-lineHeight-medium: 1.6;
  --lns-fontSize-body-md: calc(1.75 * var(--lns-unit, 8px));
  --lns-lineHeight-body-md: 1.6;
  --lns-fontSize-large: calc(2.25 * var(--lns-unit, 8px));
  --lns-lineHeight-large: 1.45;
  --lns-fontSize-body-lg: calc(2.25 * var(--lns-unit, 8px));
  --lns-lineHeight-body-lg: 1.45;
  --lns-fontSize-xlarge: calc(3 * var(--lns-unit, 8px));
  --lns-lineHeight-xlarge: 1.35;
  --lns-fontSize-heading-sm: calc(3 * var(--lns-unit, 8px));
  --lns-lineHeight-heading-sm: 1.35;
  --lns-fontSize-xxlarge: calc(4 * var(--lns-unit, 8px));
  --lns-lineHeight-xxlarge: 1.2;
  --lns-fontSize-heading-md: calc(4 * var(--lns-unit, 8px));
  --lns-lineHeight-heading-md: 1.2;
  --lns-fontSize-xxxlarge: calc(6 * var(--lns-unit, 8px));
  --lns-lineHeight-xxxlarge: 1.15;
  --lns-fontSize-heading-lg: calc(6 * var(--lns-unit, 8px));
  --lns-lineHeight-heading-lg: 1.15;
  --lns-radius-medium: calc(1 * var(--lns-unit, 8px));
  --lns-radius-large: calc(2 * var(--lns-unit, 8px));
  --lns-radius-xlarge: calc(3 * var(--lns-unit, 8px));
  --lns-radius-full: calc(999 * var(--lns-unit, 8px));
  --lns-shadow-small: 0 calc(0.5 * var(--lns-unit, 8px))
    calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.05);
  --lns-shadow-medium: 0 calc(0.5 * var(--lns-unit, 8px))
    calc(1.25 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1);
  --lns-shadow-large: 0 calc(0.75 * var(--lns-unit, 8px))
    calc(3 * var(--lns-unit, 8px)) hsla(0, 0%, 0%, 0.1);
  --lns-space-xsmall: calc(0.5 * var(--lns-unit, 8px));
  --lns-space-small: calc(1 * var(--lns-unit, 8px));
  --lns-space-medium: calc(2 * var(--lns-unit, 8px));
  --lns-space-large: calc(3 * var(--lns-unit, 8px));
  --lns-space-xlarge: calc(5 * var(--lns-unit, 8px));
  --lns-space-xxlarge: calc(8 * var(--lns-unit, 8px));
  --lns-formFieldBorderWidth: 1px;
  --lns-formFieldBorderWidthFocus: 2px;
  --lns-formFieldHeight: calc(4.5 * var(--lns-unit, 8px));
  --lns-formFieldRadius: calc(2.25 * var(--lns-unit, 8px));
  --lns-formFieldHorizontalPadding: calc(2 * var(--lns-unit, 8px));
  --lns-formFieldBorderShadow: inset 0 0 0 var(--lns-formFieldBorderWidth)
    var(--lns-color-formFieldBorder);
  --lns-formFieldBorderShadowFocus: inset 0 0 0
      var(--lns-formFieldBorderWidthFocus) var(--lns-color-blurple),
    0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-focusRing);
  --lns-formFieldBorderShadowError: inset 0 0 0
      var(--lns-formFieldBorderWidthFocus) var(--lns-color-danger),
    0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-orangeLight);
  --lns-color-red: hsla(11, 80%, 45%, 1);
  --lns-color-blurpleLight: hsla(240, 83.3%, 95.3%, 1);
  --lns-color-blurpleMedium: hsla(242, 81%, 87.6%, 1);
  --lns-color-blurple: hsla(242, 88.4%, 66.3%, 1);
  --lns-color-blurpleDark: hsla(242, 87.6%, 62%, 1);
  --lns-color-blurpleStrong: hsla(252, 46%, 33%, 1);
  --lns-color-offWhite: hsla(45, 36.4%, 95.7%, 1);
  --lns-color-blueLight: hsla(206, 58.3%, 85.9%, 1);
  --lns-color-blue: hsla(206, 100%, 73.3%, 1);
  --lns-color-blueDark: hsla(206, 29.5%, 33.9%, 1);
  --lns-color-orangeLight: hsla(6, 100%, 89.6%, 1);
  --lns-color-orange: hsla(11, 100%, 62.2%, 1);
  --lns-color-orangeDark: hsla(11, 79.9%, 64.9%, 1);
  --lns-color-tealLight: hsla(180, 20%, 67.6%, 1);
  --lns-color-teal: hsla(180, 51.4%, 51.6%, 1);
  --lns-color-tealDark: hsla(180, 16.2%, 22.9%, 1);
  --lns-color-yellowLight: hsla(39, 100%, 87.8%, 1);
  --lns-color-yellow: hsla(50, 100%, 57.3%, 1);
  --lns-color-yellowDark: hsla(39, 100%, 68%, 1);
  --lns-color-grey8: hsla(0, 0%, 13%, 1);
  --lns-color-grey7: hsla(246, 16%, 26%, 1);
  --lns-color-grey6: hsla(252, 13%, 46%, 1);
  --lns-color-grey5: hsla(240, 7%, 62%, 1);
  --lns-color-grey4: hsla(259, 12%, 75%, 1);
  --lns-color-grey3: hsla(260, 11%, 85%, 1);
  --lns-color-grey2: hsla(260, 11%, 95%, 1);
  --lns-color-grey1: hsla(240, 7%, 97%, 1);
  --lns-color-white: hsla(0, 0%, 100%, 1);
  --lns-themeLight-color-primary: hsla(242, 88.4%, 66.3%, 1);
  --lns-themeLight-color-primaryHover: hsla(242, 88.4%, 56.3%, 1);
  --lns-themeLight-color-primaryActive: hsla(242, 88.4%, 45.3%, 1);
  --lns-themeLight-color-body: hsla(0, 0%, 13%, 1);
  --lns-themeLight-color-bodyDimmed: hsla(252, 13%, 46%, 1);
  --lns-themeLight-color-background: hsla(0, 0%, 100%, 1);
  --lns-themeLight-color-backgroundHover: hsla(246, 16%, 26%, 0.1);
  --lns-themeLight-color-backgroundActive: hsla(246, 16%, 26%, 0.3);
  --lns-themeLight-color-backgroundSecondary: hsla(246, 16%, 26%, 0.04);
  --lns-themeLight-color-backgroundSecondary2: hsla(45, 34%, 78%, 0.2);
  --lns-themeLight-color-overlay: hsla(0, 0%, 100%, 1);
  --lns-themeLight-color-border: hsla(252, 13%, 46%, 0.2);
  --lns-themeLight-color-focusRing: hsla(242, 88.4%, 66.3%, 0.5);
  --lns-themeLight-color-record: hsla(11, 100%, 62.2%, 1);
  --lns-themeLight-color-recordHover: hsla(11, 100%, 52.2%, 1);
  --lns-themeLight-color-recordActive: hsla(11, 100%, 42.2%, 1);
  --lns-themeLight-color-info: hsla(206, 100%, 73.3%, 1);
  --lns-themeLight-color-success: hsla(180, 51.4%, 51.6%, 1);
  --lns-themeLight-color-warning: hsla(39, 100%, 68%, 1);
  --lns-themeLight-color-danger: hsla(11, 80%, 45%, 1);
  --lns-themeLight-color-dangerHover: hsla(11, 80%, 38%, 1);
  --lns-themeLight-color-dangerActive: hsla(11, 80%, 31%, 1);
  --lns-themeLight-color-backdrop: hsla(0, 0%, 13%, 0.5);
  --lns-themeLight-color-backdropDark: hsla(0, 0%, 13%, 0.9);
  --lns-themeLight-color-backdropTwilight: hsla(245, 44.8%, 46.9%, 0.8);
  --lns-themeLight-color-disabledContent: hsla(240, 7%, 62%, 1);
  --lns-themeLight-color-highlight: hsla(240, 83.3%, 66.3%, 0.15);
  --lns-themeLight-color-disabledBackground: hsla(260, 11%, 95%, 1);
  --lns-themeLight-color-formFieldBorder: hsla(260, 11%, 85%, 1);
  --lns-themeLight-color-formFieldBackground: hsla(0, 0%, 100%, 1);
  --lns-themeLight-color-buttonBorder: hsla(252, 13%, 46%, 0.25);
  --lns-themeLight-color-upgrade: hsla(206, 100%, 93%, 1);
  --lns-themeLight-color-upgradeHover: hsla(206, 100%, 85%, 1);
  --lns-themeLight-color-upgradeActive: hsla(206, 100%, 77%, 1);
  --lns-themeLight-color-tabBackground: hsla(252, 13%, 46%, 0.15);
  --lns-themeLight-color-discoveryBackground: hsla(206, 100%, 93%, 1);
  --lns-themeLight-color-discoveryLightBackground: hsla(206, 100%, 97%, 1);
  --lns-themeLight-color-discoveryTitle: hsla(0, 0%, 13%, 1);
  --lns-themeLight-color-discoveryHighlight: hsla(206, 100%, 77%, 0.3);
  --lns-themeDark-color-primary: hsla(242, 87%, 73%, 1);
  --lns-themeDark-color-primaryHover: hsla(242, 88.4%, 56.3%, 1);
  --lns-themeDark-color-primaryActive: hsla(242, 88.4%, 45.3%, 1);
  --lns-themeDark-color-body: hsla(240, 7%, 97%, 1);
  --lns-themeDark-color-bodyDimmed: hsla(240, 7%, 62%, 1);
  --lns-themeDark-color-background: hsla(0, 0%, 13%, 1);
  --lns-themeDark-color-backgroundHover: hsla(0, 0%, 100%, 0.1);
  --lns-themeDark-color-backgroundActive: hsla(0, 0%, 100%, 0.2);
  --lns-themeDark-color-backgroundSecondary: hsla(0, 0%, 100%, 0.04);
  --lns-themeDark-color-backgroundSecondary2: hsla(45, 13%, 44%, 0.2);
  --lns-themeDark-color-overlay: hsla(0, 0%, 20%, 1);
  --lns-themeDark-color-border: hsla(259, 12%, 75%, 0.2);
  --lns-themeDark-color-focusRing: hsla(242, 88.4%, 66.3%, 0.5);
  --lns-themeDark-color-record: hsla(11, 100%, 62.2%, 1);
  --lns-themeDark-color-recordHover: hsla(11, 100%, 52.2%, 1);
  --lns-themeDark-color-recordActive: hsla(11, 100%, 42.2%, 1);
  --lns-themeDark-color-info: hsla(206, 100%, 73.3%, 1);
  --lns-themeDark-color-success: hsla(180, 51.4%, 51.6%, 1);
  --lns-themeDark-color-warning: hsla(39, 100%, 68%, 1);
  --lns-themeDark-color-danger: hsla(11, 80%, 45%, 1);
  --lns-themeDark-color-dangerHover: hsla(11, 80%, 38%, 1);
  --lns-themeDark-color-dangerActive: hsla(11, 80%, 31%, 1);
  --lns-themeDark-color-backdrop: hsla(0, 0%, 13%, 0.5);
  --lns-themeDark-color-backdropDark: hsla(0, 0%, 13%, 0.9);
  --lns-themeDark-color-backdropTwilight: hsla(245, 44.8%, 46.9%, 0.8);
  --lns-themeDark-color-disabledContent: hsla(240, 7%, 62%, 1);
  --lns-themeDark-color-highlight: hsla(240, 83.3%, 66.3%, 0.15);
  --lns-themeDark-color-disabledBackground: hsla(252, 13%, 23%, 1);
  --lns-themeDark-color-formFieldBorder: hsla(252, 13%, 46%, 1);
  --lns-themeDark-color-formFieldBackground: hsla(0, 0%, 13%, 1);
  --lns-themeDark-color-buttonBorder: hsla(0, 0%, 100%, 0.25);
  --lns-themeDark-color-upgrade: hsla(206, 92%, 81%, 1);
  --lns-themeDark-color-upgradeHover: hsla(206, 92%, 74%, 1);
  --lns-themeDark-color-upgradeActive: hsla(206, 92%, 67%, 1);
  --lns-themeDark-color-tabBackground: hsla(0, 0%, 100%, 0.15);
  --lns-themeDark-color-discoveryBackground: hsla(206, 92%, 81%, 1);
  --lns-themeDark-color-discoveryLightBackground: hsla(0, 0%, 13%, 1);
  --lns-themeDark-color-discoveryTitle: hsla(206, 100%, 73.3%, 1);
  --lns-themeDark-color-discoveryHighlight: hsla(206, 100%, 77%, 0.3);
  --lns-gradient-ai-primary: radial-gradient(
    134.96% 884.49% at 119.29% 112.58%,
    #dc43be 0%,
    #565add 70%
  );
  --lns-gradient-ai-secondary: radial-gradient(
    100% 138.41% at 100% 100%,
    #eff0ff 0%,
    #ffffff 100%
  );
}

.c\:red {
  color: var(--lns-color-red);
}
.c\:blurpleLight {
  color: var(--lns-color-blurpleLight);
}
.c\:blurpleMedium {
  color: var(--lns-color-blurpleMedium);
}
.c\:blurple {
  color: var(--lns-color-blurple);
}
.c\:blurpleDark {
  color: var(--lns-color-blurpleDark);
}
.c\:blurpleStrong {
  color: var(--lns-color-blurpleStrong);
}
.c\:offWhite {
  color: var(--lns-color-offWhite);
}
.c\:blueLight {
  color: var(--lns-color-blueLight);
}
.c\:blue {
  color: var(--lns-color-blue);
}
.c\:blueDark {
  color: var(--lns-color-blueDark);
}
.c\:orangeLight {
  color: var(--lns-color-orangeLight);
}
.c\:orange {
  color: var(--lns-color-orange);
}
.c\:orangeDark {
  color: var(--lns-color-orangeDark);
}
.c\:tealLight {
  color: var(--lns-color-tealLight);
}
.c\:teal {
  color: var(--lns-color-teal);
}
.c\:tealDark {
  color: var(--lns-color-tealDark);
}
.c\:yellowLight {
  color: var(--lns-color-yellowLight);
}
.c\:yellow {
  color: var(--lns-color-yellow);
}
.c\:yellowDark {
  color: var(--lns-color-yellowDark);
}
.c\:grey8 {
  color: var(--lns-color-grey8);
}
.c\:grey7 {
  color: var(--lns-color-grey7);
}
.c\:grey6 {
  color: var(--lns-color-grey6);
}
.c\:grey5 {
  color: var(--lns-color-grey5);
}
.c\:grey4 {
  color: var(--lns-color-grey4);
}
.c\:grey3 {
  color: var(--lns-color-grey3);
}
.c\:grey2 {
  color: var(--lns-color-grey2);
}
.c\:grey1 {
  color: var(--lns-color-grey1);
}
.c\:white {
  color: var(--lns-color-white);
}
.c\:primary {
  color: var(--lns-color-primary);
}
.c\:primaryHover {
  color: var(--lns-color-primaryHover);
}
.c\:primaryActive {
  color: var(--lns-color-primaryActive);
}
.c\:body {
  color: var(--lns-color-body);
}
.c\:bodyDimmed {
  color: var(--lns-color-bodyDimmed);
}
.c\:background {
  color: var(--lns-color-background);
}
.c\:backgroundHover {
  color: var(--lns-color-backgroundHover);
}
.c\:backgroundActive {
  color: var(--lns-color-backgroundActive);
}
.c\:backgroundSecondary {
  color: var(--lns-color-backgroundSecondary);
}
.c\:backgroundSecondary2 {
  color: var(--lns-color-backgroundSecondary2);
}
.c\:overlay {
  color: var(--lns-color-overlay);
}
.c\:border {
  color: var(--lns-color-border);
}
.c\:focusRing {
  color: var(--lns-color-focusRing);
}
.c\:record {
  color: var(--lns-color-record);
}
.c\:recordHover {
  color: var(--lns-color-recordHover);
}
.c\:recordActive {
  color: var(--lns-color-recordActive);
}
.c\:info {
  color: var(--lns-color-info);
}
.c\:success {
  color: var(--lns-color-success);
}
.c\:warning {
  color: var(--lns-color-warning);
}
.c\:danger {
  color: var(--lns-color-danger);
}
.c\:dangerHover {
  color: var(--lns-color-dangerHover);
}
.c\:dangerActive {
  color: var(--lns-color-dangerActive);
}
.c\:backdrop {
  color: var(--lns-color-backdrop);
}
.c\:backdropDark {
  color: var(--lns-color-backdropDark);
}
.c\:backdropTwilight {
  color: var(--lns-color-backdropTwilight);
}
.c\:disabledContent {
  color: var(--lns-color-disabledContent);
}
.c\:highlight {
  color: var(--lns-color-highlight);
}
.c\:disabledBackground {
  color: var(--lns-color-disabledBackground);
}
.c\:formFieldBorder {
  color: var(--lns-color-formFieldBorder);
}
.c\:formFieldBackground {
  color: var(--lns-color-formFieldBackground);
}
.c\:buttonBorder {
  color: var(--lns-color-buttonBorder);
}
.c\:upgrade {
  color: var(--lns-color-upgrade);
}
.c\:upgradeHover {
  color: var(--lns-color-upgradeHover);
}
.c\:upgradeActive {
  color: var(--lns-color-upgradeActive);
}
.c\:tabBackground {
  color: var(--lns-color-tabBackground);
}
.c\:discoveryBackground {
  color: var(--lns-color-discoveryBackground);
}
.c\:discoveryLightBackground {
  color: var(--lns-color-discoveryLightBackground);
}
.c\:discoveryTitle {
  color: var(--lns-color-discoveryTitle);
}
.c\:discoveryHighlight {
  color: var(--lns-color-discoveryHighlight);
}
.shadow\:small {
  box-shadow: var(--lns-shadow-small);
}
.shadow\:medium {
  box-shadow: var(--lns-shadow-medium);
}
.shadow\:large {
  box-shadow: var(--lns-shadow-large);
}
.radius\:medium {
  border-radius: var(--lns-radius-medium);
}
.radius\:large {
  border-radius: var(--lns-radius-large);
}
.radius\:xlarge {
  border-radius: var(--lns-radius-xlarge);
}
.radius\:full {
  border-radius: var(--lns-radius-full);
}
.bgc\:red {
  background-color: var(--lns-color-red);
}
.bgc\:blurpleLight {
  background-color: var(--lns-color-blurpleLight);
}
.bgc\:blurpleMedium {
  background-color: var(--lns-color-blurpleMedium);
}
.bgc\:blurple {
  background-color: var(--lns-color-blurple);
}
.bgc\:blurpleDark {
  background-color: var(--lns-color-blurpleDark);
}
.bgc\:blurpleStrong {
  background-color: var(--lns-color-blurpleStrong);
}
.bgc\:offWhite {
  background-color: var(--lns-color-offWhite);
}
.bgc\:blueLight {
  background-color: var(--lns-color-blueLight);
}
.bgc\:blue {
  background-color: var(--lns-color-blue);
}
.bgc\:blueDark {
  background-color: var(--lns-color-blueDark);
}
.bgc\:orangeLight {
  background-color: var(--lns-color-orangeLight);
}
.bgc\:orange {
  background-color: var(--lns-color-orange);
}
.bgc\:orangeDark {
  background-color: var(--lns-color-orangeDark);
}
.bgc\:tealLight {
  background-color: var(--lns-color-tealLight);
}
.bgc\:teal {
  background-color: var(--lns-color-teal);
}
.bgc\:tealDark {
  background-color: var(--lns-color-tealDark);
}
.bgc\:yellowLight {
  background-color: var(--lns-color-yellowLight);
}
.bgc\:yellow {
  background-color: var(--lns-color-yellow);
}
.bgc\:yellowDark {
  background-color: var(--lns-color-yellowDark);
}
.bgc\:grey8 {
  background-color: var(--lns-color-grey8);
}
.bgc\:grey7 {
  background-color: var(--lns-color-grey7);
}
.bgc\:grey6 {
  background-color: var(--lns-color-grey6);
}
.bgc\:grey5 {
  background-color: var(--lns-color-grey5);
}
.bgc\:grey4 {
  background-color: var(--lns-color-grey4);
}
.bgc\:grey3 {
  background-color: var(--lns-color-grey3);
}
.bgc\:grey2 {
  background-color: var(--lns-color-grey2);
}
.bgc\:grey1 {
  background-color: var(--lns-color-grey1);
}
.bgc\:white {
  background-color: var(--lns-color-white);
}
.bgc\:primary {
  background-color: var(--lns-color-primary);
}
.bgc\:primaryHover {
  background-color: var(--lns-color-primaryHover);
}
.bgc\:primaryActive {
  background-color: var(--lns-color-primaryActive);
}
.bgc\:body {
  background-color: var(--lns-color-body);
}
.bgc\:bodyDimmed {
  background-color: var(--lns-color-bodyDimmed);
}
.bgc\:background {
  background-color: var(--lns-color-background);
}
.bgc\:backgroundHover {
  background-color: var(--lns-color-backgroundHover);
}
.bgc\:backgroundActive {
  background-color: var(--lns-color-backgroundActive);
}
.bgc\:backgroundSecondary {
  background-color: var(--lns-color-backgroundSecondary);
}
.bgc\:backgroundSecondary2 {
  background-color: var(--lns-color-backgroundSecondary2);
}
.bgc\:overlay {
  background-color: var(--lns-color-overlay);
}
.bgc\:border {
  background-color: var(--lns-color-border);
}
.bgc\:focusRing {
  background-color: var(--lns-color-focusRing);
}
.bgc\:record {
  background-color: var(--lns-color-record);
}
.bgc\:recordHover {
  background-color: var(--lns-color-recordHover);
}
.bgc\:recordActive {
  background-color: var(--lns-color-recordActive);
}
.bgc\:info {
  background-color: var(--lns-color-info);
}
.bgc\:success {
  background-color: var(--lns-color-success);
}
.bgc\:warning {
  background-color: var(--lns-color-warning);
}
.bgc\:danger {
  background-color: var(--lns-color-danger);
}
.bgc\:dangerHover {
  background-color: var(--lns-color-dangerHover);
}
.bgc\:dangerActive {
  background-color: var(--lns-color-dangerActive);
}
.bgc\:backdrop {
  background-color: var(--lns-color-backdrop);
}
.bgc\:backdropDark {
  background-color: var(--lns-color-backdropDark);
}
.bgc\:backdropTwilight {
  background-color: var(--lns-color-backdropTwilight);
}
.bgc\:disabledContent {
  background-color: var(--lns-color-disabledContent);
}
.bgc\:highlight {
  background-color: var(--lns-color-highlight);
}
.bgc\:disabledBackground {
  background-color: var(--lns-color-disabledBackground);
}
.bgc\:formFieldBorder {
  background-color: var(--lns-color-formFieldBorder);
}
.bgc\:formFieldBackground {
  background-color: var(--lns-color-formFieldBackground);
}
.bgc\:buttonBorder {
  background-color: var(--lns-color-buttonBorder);
}
.bgc\:upgrade {
  background-color: var(--lns-color-upgrade);
}
.bgc\:upgradeHover {
  background-color: var(--lns-color-upgradeHover);
}
.bgc\:upgradeActive {
  background-color: var(--lns-color-upgradeActive);
}
.bgc\:tabBackground {
  background-color: var(--lns-color-tabBackground);
}
.bgc\:discoveryBackground {
  background-color: var(--lns-color-discoveryBackground);
}
.bgc\:discoveryLightBackground {
  background-color: var(--lns-color-discoveryLightBackground);
}
.bgc\:discoveryTitle {
  background-color: var(--lns-color-discoveryTitle);
}
.bgc\:discoveryHighlight {
  background-color: var(--lns-color-discoveryHighlight);
}
.m\:0 {
  margin: 0;
}
.m\:auto {
  margin: auto;
}
.m\:xsmall {
  margin: var(--lns-space-xsmall);
}
.m\:small {
  margin: var(--lns-space-small);
}
.m\:medium {
  margin: var(--lns-space-medium);
}
.m\:large {
  margin: var(--lns-space-large);
}
.m\:xlarge {
  margin: var(--lns-space-xlarge);
}
.m\:xxlarge {
  margin: var(--lns-space-xxlarge);
}
.mt\:0 {
  margin-top: 0;
}
.mt\:auto {
  margin-top: auto;
}
.mt\:xsmall {
  margin-top: var(--lns-space-xsmall);
}
.mt\:small {
  margin-top: var(--lns-space-small);
}
.mt\:medium {
  margin-top: var(--lns-space-medium);
}
.mt\:large {
  margin-top: var(--lns-space-large);
}
.mt\:xlarge {
  margin-top: var(--lns-space-xlarge);
}
.mt\:xxlarge {
  margin-top: var(--lns-space-xxlarge);
}
.mb\:0 {
  margin-bottom: 0;
}
.mb\:auto {
  margin-bottom: auto;
}
.mb\:xsmall {
  margin-bottom: var(--lns-space-xsmall);
}
.mb\:small {
  margin-bottom: var(--lns-space-small);
}
.mb\:medium {
  margin-bottom: var(--lns-space-medium);
}
.mb\:large {
  margin-bottom: var(--lns-space-large);
}
.mb\:xlarge {
  margin-bottom: var(--lns-space-xlarge);
}
.mb\:xxlarge {
  margin-bottom: var(--lns-space-xxlarge);
}
.ml\:0 {
  margin-left: 0;
}
.ml\:auto {
  margin-left: auto;
}
.ml\:xsmall {
  margin-left: var(--lns-space-xsmall);
}
.ml\:small {
  margin-left: var(--lns-space-small);
}
.ml\:medium {
  margin-left: var(--lns-space-medium);
}
.ml\:large {
  margin-left: var(--lns-space-large);
}
.ml\:xlarge {
  margin-left: var(--lns-space-xlarge);
}
.ml\:xxlarge {
  margin-left: var(--lns-space-xxlarge);
}
.mr\:0 {
  margin-right: 0;
}
.mr\:auto {
  margin-right: auto;
}
.mr\:xsmall {
  margin-right: var(--lns-space-xsmall);
}
.mr\:small {
  margin-right: var(--lns-space-small);
}
.mr\:medium {
  margin-right: var(--lns-space-medium);
}
.mr\:large {
  margin-right: var(--lns-space-large);
}
.mr\:xlarge {
  margin-right: var(--lns-space-xlarge);
}
.mr\:xxlarge {
  margin-right: var(--lns-space-xxlarge);
}
.mx\:0 {
  margin-left: 0;
  margin-right: 0;
}
.mx\:auto {
  margin-left: auto;
  margin-right: auto;
}
.mx\:xsmall {
  margin-left: var(--lns-space-xsmall);
  margin-right: var(--lns-space-xsmall);
}
.mx\:small {
  margin-left: var(--lns-space-small);
  margin-right: var(--lns-space-small);
}
.mx\:medium {
  margin-left: var(--lns-space-medium);
  margin-right: var(--lns-space-medium);
}
.mx\:large {
  margin-left: var(--lns-space-large);
  margin-right: var(--lns-space-large);
}
.mx\:xlarge {
  margin-left: var(--lns-space-xlarge);
  margin-right: var(--lns-space-xlarge);
}
.mx\:xxlarge {
  margin-left: var(--lns-space-xxlarge);
  margin-right: var(--lns-space-xxlarge);
}
.my\:0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my\:auto {
  margin-top: auto;
  margin-bottom: auto;
}
.my\:xsmall {
  margin-top: var(--lns-space-xsmall);
  margin-bottom: var(--lns-space-xsmall);
}
.my\:small {
  margin-top: var(--lns-space-small);
  margin-bottom: var(--lns-space-small);
}
.my\:medium {
  margin-top: var(--lns-space-medium);
  margin-bottom: var(--lns-space-medium);
}
.my\:large {
  margin-top: var(--lns-space-large);
  margin-bottom: var(--lns-space-large);
}
.my\:xlarge {
  margin-top: var(--lns-space-xlarge);
  margin-bottom: var(--lns-space-xlarge);
}
.my\:xxlarge {
  margin-top: var(--lns-space-xxlarge);
  margin-bottom: var(--lns-space-xxlarge);
}
.p\:0 {
  padding: 0;
}
.p\:xsmall {
  padding: var(--lns-space-xsmall);
}
.p\:small {
  padding: var(--lns-space-small);
}
.p\:medium {
  padding: var(--lns-space-medium);
}
.p\:large {
  padding: var(--lns-space-large);
}
.p\:xlarge {
  padding: var(--lns-space-xlarge);
}
.p\:xxlarge {
  padding: var(--lns-space-xxlarge);
}
.pt\:0 {
  padding-top: 0;
}
.pt\:xsmall {
  padding-top: var(--lns-space-xsmall);
}
.pt\:small {
  padding-top: var(--lns-space-small);
}
.pt\:medium {
  padding-top: var(--lns-space-medium);
}
.pt\:large {
  padding-top: var(--lns-space-large);
}
.pt\:xlarge {
  padding-top: var(--lns-space-xlarge);
}
.pt\:xxlarge {
  padding-top: var(--lns-space-xxlarge);
}
.pb\:0 {
  padding-bottom: 0;
}
.pb\:xsmall {
  padding-bottom: var(--lns-space-xsmall);
}
.pb\:small {
  padding-bottom: var(--lns-space-small);
}
.pb\:medium {
  padding-bottom: var(--lns-space-medium);
}
.pb\:large {
  padding-bottom: var(--lns-space-large);
}
.pb\:xlarge {
  padding-bottom: var(--lns-space-xlarge);
}
.pb\:xxlarge {
  padding-bottom: var(--lns-space-xxlarge);
}
.pl\:0 {
  padding-left: 0;
}
.pl\:xsmall {
  padding-left: var(--lns-space-xsmall);
}
.pl\:small {
  padding-left: var(--lns-space-small);
}
.pl\:medium {
  padding-left: var(--lns-space-medium);
}
.pl\:large {
  padding-left: var(--lns-space-large);
}
.pl\:xlarge {
  padding-left: var(--lns-space-xlarge);
}
.pl\:xxlarge {
  padding-left: var(--lns-space-xxlarge);
}
.pr\:0 {
  padding-right: 0;
}
.pr\:xsmall {
  padding-right: var(--lns-space-xsmall);
}
.pr\:small {
  padding-right: var(--lns-space-small);
}
.pr\:medium {
  padding-right: var(--lns-space-medium);
}
.pr\:large {
  padding-right: var(--lns-space-large);
}
.pr\:xlarge {
  padding-right: var(--lns-space-xlarge);
}
.pr\:xxlarge {
  padding-right: var(--lns-space-xxlarge);
}
.px\:0 {
  padding-left: 0;
  padding-right: 0;
}
.px\:xsmall {
  padding-left: var(--lns-space-xsmall);
  padding-right: var(--lns-space-xsmall);
}
.px\:small {
  padding-left: var(--lns-space-small);
  padding-right: var(--lns-space-small);
}
.px\:medium {
  padding-left: var(--lns-space-medium);
  padding-right: var(--lns-space-medium);
}
.px\:large {
  padding-left: var(--lns-space-large);
  padding-right: var(--lns-space-large);
}
.px\:xlarge {
  padding-left: var(--lns-space-xlarge);
  padding-right: var(--lns-space-xlarge);
}
.px\:xxlarge {
  padding-left: var(--lns-space-xxlarge);
  padding-right: var(--lns-space-xxlarge);
}
.py\:0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py\:xsmall {
  padding-top: var(--lns-space-xsmall);
  padding-bottom: var(--lns-space-xsmall);
}
.py\:small {
  padding-top: var(--lns-space-small);
  padding-bottom: var(--lns-space-small);
}
.py\:medium {
  padding-top: var(--lns-space-medium);
  padding-bottom: var(--lns-space-medium);
}
.py\:large {
  padding-top: var(--lns-space-large);
  padding-bottom: var(--lns-space-large);
}
.py\:xlarge {
  padding-top: var(--lns-space-xlarge);
  padding-bottom: var(--lns-space-xlarge);
}
.py\:xxlarge {
  padding-top: var(--lns-space-xxlarge);
  padding-bottom: var(--lns-space-xxlarge);
}
.text\:small {
  font-size: var(--lns-fontSize-small);
  line-height: var(--lns-lineHeight-small);
}
.text\:body-sm {
  font-size: var(--lns-fontSize-body-sm);
  line-height: var(--lns-lineHeight-body-sm);
}
.text\:medium {
  font-size: var(--lns-fontSize-medium);
  line-height: var(--lns-lineHeight-medium);
}
.text\:body-md {
  font-size: var(--lns-fontSize-body-md);
  line-height: var(--lns-lineHeight-body-md);
}
.text\:large {
  font-size: var(--lns-fontSize-large);
  line-height: var(--lns-lineHeight-large);
}
.text\:body-lg {
  font-size: var(--lns-fontSize-body-lg);
  line-height: var(--lns-lineHeight-body-lg);
}
.text\:xlarge {
  font-size: var(--lns-fontSize-xlarge);
  line-height: var(--lns-lineHeight-xlarge);
}
.text\:heading-sm {
  font-size: var(--lns-fontSize-heading-sm);
  line-height: var(--lns-lineHeight-heading-sm);
}
.text\:xxlarge {
  font-size: var(--lns-fontSize-xxlarge);
  line-height: var(--lns-lineHeight-xxlarge);
}
.text\:heading-md {
  font-size: var(--lns-fontSize-heading-md);
  line-height: var(--lns-lineHeight-heading-md);
}
.text\:xxxlarge {
  font-size: var(--lns-fontSize-xxxlarge);
  line-height: var(--lns-lineHeight-xxxlarge);
}
.text\:heading-lg {
  font-size: var(--lns-fontSize-heading-lg);
  line-height: var(--lns-lineHeight-heading-lg);
}
.weight\:book {
  font-weight: var(--lns-fontWeight-book);
}
.weight\:bold {
  font-weight: var(--lns-fontWeight-bold);
}
.text\:body {
  font-size: var(--lns-fontSize-body-md);
  line-height: var(--lns-lineHeight-body-md);
  font-weight: var(--lns-fontWeight-book);
}
.text\:title {
  font-size: var(--lns-fontSize-body-lg);
  line-height: var(--lns-lineHeight-body-lg);
  font-weight: var(--lns-fontWeight-bold);
}
.text\:mainTitle {
  font-size: var(--lns-fontSize-heading-md);
  line-height: var(--lns-lineHeight-heading-md);
  font-weight: var(--lns-fontWeight-bold);
}
.text\:left {
  text-align: left;
}
.text\:right {
  text-align: right;
}
.text\:center {
  text-align: center;
}
.border {
  border: 1px solid var(--lns-color-border);
}
.borderTop {
  border-top: 1px solid var(--lns-color-border);
}
.borderBottom {
  border-bottom: 1px solid var(--lns-color-border);
}
.borderLeft {
  border-left: 1px solid var(--lns-color-border);
}
.borderRight {
  border-right: 1px solid var(--lns-color-border);
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.inlineBlock {
  display: inline-block;
}
.inlineFlex {
  display: inline-flex;
}
.none {
  display: none;
}
.flexWrap {
  flex-wrap: wrap;
}
.flexDirection\:column {
  flex-direction: column;
}
.flexDirection\:row {
  flex-direction: row;
}
.items\:stretch {
  align-items: stretch;
}
.items\:center {
  align-items: center;
}
.items\:baseline {
  align-items: baseline;
}
.items\:flexStart {
  align-items: flex-start;
}
.items\:flexEnd {
  align-items: flex-end;
}
.items\:selfStart {
  align-items: self-start;
}
.items\:selfEnd {
  align-items: self-end;
}
.justify\:flexStart {
  justify-content: flex-start;
}
.justify\:flexEnd {
  justify-content: flex-end;
}
.justify\:center {
  justify-content: center;
}
.justify\:spaceBetween {
  justify-content: space-between;
}
.justify\:spaceAround {
  justify-content: space-around;
}
.justify\:spaceEvenly {
  justify-content: space-evenly;
}
.grow\:0 {
  flex-grow: 0;
}
.grow\:1 {
  flex-grow: 1;
}
.shrink\:0 {
  flex-shrink: 0;
}
.shrink\:1 {
  flex-shrink: 1;
}
.self\:auto {
  align-self: auto;
}
.self\:flexStart {
  align-self: flex-start;
}
.self\:flexEnd {
  align-self: flex-end;
}
.self\:center {
  align-self: center;
}
.self\:baseline {
  align-self: baseline;
}
.self\:stretch {
  align-self: stretch;
}
.overflow\:hidden {
  overflow: hidden;
}
.overflow\:auto {
  overflow: auto;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.sticky {
  position: sticky;
}
.fixed {
  position: fixed;
}
.top\:0 {
  top: 0;
}
.top\:auto {
  top: auto;
}
.top\:xsmall {
  top: var(--lns-space-xsmall);
}
.top\:small {
  top: var(--lns-space-small);
}
.top\:medium {
  top: var(--lns-space-medium);
}
.top\:large {
  top: var(--lns-space-large);
}
.top\:xlarge {
  top: var(--lns-space-xlarge);
}
.top\:xxlarge {
  top: var(--lns-space-xxlarge);
}
.bottom\:0 {
  bottom: 0;
}
.bottom\:auto {
  bottom: auto;
}
.bottom\:xsmall {
  bottom: var(--lns-space-xsmall);
}
.bottom\:small {
  bottom: var(--lns-space-small);
}
.bottom\:medium {
  bottom: var(--lns-space-medium);
}
.bottom\:large {
  bottom: var(--lns-space-large);
}
.bottom\:xlarge {
  bottom: var(--lns-space-xlarge);
}
.bottom\:xxlarge {
  bottom: var(--lns-space-xxlarge);
}
.left\:0 {
  left: 0;
}
.left\:auto {
  left: auto;
}
.left\:xsmall {
  left: var(--lns-space-xsmall);
}
.left\:small {
  left: var(--lns-space-small);
}
.left\:medium {
  left: var(--lns-space-medium);
}
.left\:large {
  left: var(--lns-space-large);
}
.left\:xlarge {
  left: var(--lns-space-xlarge);
}
.left\:xxlarge {
  left: var(--lns-space-xxlarge);
}
.right\:0 {
  right: 0;
}
.right\:auto {
  right: auto;
}
.right\:xsmall {
  right: var(--lns-space-xsmall);
}
.right\:small {
  right: var(--lns-space-small);
}
.right\:medium {
  right: var(--lns-space-medium);
}
.right\:large {
  right: var(--lns-space-large);
}
.right\:xlarge {
  right: var(--lns-space-xlarge);
}
.right\:xxlarge {
  right: var(--lns-space-xxlarge);
}
.width\:auto {
  width: auto;
}
.width\:full {
  width: 100%;
}
.width\:0 {
  width: 0;
}
.minWidth\:0 {
  min-width: 0;
}
.height\:auto {
  height: auto;
}
.height\:full {
  height: 100%;
}
.height\:0 {
  height: 0;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
@media (min-width: 31em) {
  .xs-c\:red {
    color: var(--lns-color-red);
  }
  .xs-c\:blurpleLight {
    color: var(--lns-color-blurpleLight);
  }
  .xs-c\:blurpleMedium {
    color: var(--lns-color-blurpleMedium);
  }
  .xs-c\:blurple {
    color: var(--lns-color-blurple);
  }
  .xs-c\:blurpleDark {
    color: var(--lns-color-blurpleDark);
  }
  .xs-c\:blurpleStrong {
    color: var(--lns-color-blurpleStrong);
  }
  .xs-c\:offWhite {
    color: var(--lns-color-offWhite);
  }
  .xs-c\:blueLight {
    color: var(--lns-color-blueLight);
  }
  .xs-c\:blue {
    color: var(--lns-color-blue);
  }
  .xs-c\:blueDark {
    color: var(--lns-color-blueDark);
  }
  .xs-c\:orangeLight {
    color: var(--lns-color-orangeLight);
  }
  .xs-c\:orange {
    color: var(--lns-color-orange);
  }
  .xs-c\:orangeDark {
    color: var(--lns-color-orangeDark);
  }
  .xs-c\:tealLight {
    color: var(--lns-color-tealLight);
  }
  .xs-c\:teal {
    color: var(--lns-color-teal);
  }
  .xs-c\:tealDark {
    color: var(--lns-color-tealDark);
  }
  .xs-c\:yellowLight {
    color: var(--lns-color-yellowLight);
  }
  .xs-c\:yellow {
    color: var(--lns-color-yellow);
  }
  .xs-c\:yellowDark {
    color: var(--lns-color-yellowDark);
  }
  .xs-c\:grey8 {
    color: var(--lns-color-grey8);
  }
  .xs-c\:grey7 {
    color: var(--lns-color-grey7);
  }
  .xs-c\:grey6 {
    color: var(--lns-color-grey6);
  }
  .xs-c\:grey5 {
    color: var(--lns-color-grey5);
  }
  .xs-c\:grey4 {
    color: var(--lns-color-grey4);
  }
  .xs-c\:grey3 {
    color: var(--lns-color-grey3);
  }
  .xs-c\:grey2 {
    color: var(--lns-color-grey2);
  }
  .xs-c\:grey1 {
    color: var(--lns-color-grey1);
  }
  .xs-c\:white {
    color: var(--lns-color-white);
  }
  .xs-c\:primary {
    color: var(--lns-color-primary);
  }
  .xs-c\:primaryHover {
    color: var(--lns-color-primaryHover);
  }
  .xs-c\:primaryActive {
    color: var(--lns-color-primaryActive);
  }
  .xs-c\:body {
    color: var(--lns-color-body);
  }
  .xs-c\:bodyDimmed {
    color: var(--lns-color-bodyDimmed);
  }
  .xs-c\:background {
    color: var(--lns-color-background);
  }
  .xs-c\:backgroundHover {
    color: var(--lns-color-backgroundHover);
  }
  .xs-c\:backgroundActive {
    color: var(--lns-color-backgroundActive);
  }
  .xs-c\:backgroundSecondary {
    color: var(--lns-color-backgroundSecondary);
  }
  .xs-c\:backgroundSecondary2 {
    color: var(--lns-color-backgroundSecondary2);
  }
  .xs-c\:overlay {
    color: var(--lns-color-overlay);
  }
  .xs-c\:border {
    color: var(--lns-color-border);
  }
  .xs-c\:focusRing {
    color: var(--lns-color-focusRing);
  }
  .xs-c\:record {
    color: var(--lns-color-record);
  }
  .xs-c\:recordHover {
    color: var(--lns-color-recordHover);
  }
  .xs-c\:recordActive {
    color: var(--lns-color-recordActive);
  }
  .xs-c\:info {
    color: var(--lns-color-info);
  }
  .xs-c\:success {
    color: var(--lns-color-success);
  }
  .xs-c\:warning {
    color: var(--lns-color-warning);
  }
  .xs-c\:danger {
    color: var(--lns-color-danger);
  }
  .xs-c\:dangerHover {
    color: var(--lns-color-dangerHover);
  }
  .xs-c\:dangerActive {
    color: var(--lns-color-dangerActive);
  }
  .xs-c\:backdrop {
    color: var(--lns-color-backdrop);
  }
  .xs-c\:backdropDark {
    color: var(--lns-color-backdropDark);
  }
  .xs-c\:backdropTwilight {
    color: var(--lns-color-backdropTwilight);
  }
  .xs-c\:disabledContent {
    color: var(--lns-color-disabledContent);
  }
  .xs-c\:highlight {
    color: var(--lns-color-highlight);
  }
  .xs-c\:disabledBackground {
    color: var(--lns-color-disabledBackground);
  }
  .xs-c\:formFieldBorder {
    color: var(--lns-color-formFieldBorder);
  }
  .xs-c\:formFieldBackground {
    color: var(--lns-color-formFieldBackground);
  }
  .xs-c\:buttonBorder {
    color: var(--lns-color-buttonBorder);
  }
  .xs-c\:upgrade {
    color: var(--lns-color-upgrade);
  }
  .xs-c\:upgradeHover {
    color: var(--lns-color-upgradeHover);
  }
  .xs-c\:upgradeActive {
    color: var(--lns-color-upgradeActive);
  }
  .xs-c\:tabBackground {
    color: var(--lns-color-tabBackground);
  }
  .xs-c\:discoveryBackground {
    color: var(--lns-color-discoveryBackground);
  }
  .xs-c\:discoveryLightBackground {
    color: var(--lns-color-discoveryLightBackground);
  }
  .xs-c\:discoveryTitle {
    color: var(--lns-color-discoveryTitle);
  }
  .xs-c\:discoveryHighlight {
    color: var(--lns-color-discoveryHighlight);
  }
  .xs-shadow\:small {
    box-shadow: var(--lns-shadow-small);
  }
  .xs-shadow\:medium {
    box-shadow: var(--lns-shadow-medium);
  }
  .xs-shadow\:large {
    box-shadow: var(--lns-shadow-large);
  }
  .xs-radius\:medium {
    border-radius: var(--lns-radius-medium);
  }
  .xs-radius\:large {
    border-radius: var(--lns-radius-large);
  }
  .xs-radius\:xlarge {
    border-radius: var(--lns-radius-xlarge);
  }
  .xs-radius\:full {
    border-radius: var(--lns-radius-full);
  }
  .xs-bgc\:red {
    background-color: var(--lns-color-red);
  }
  .xs-bgc\:blurpleLight {
    background-color: var(--lns-color-blurpleLight);
  }
  .xs-bgc\:blurpleMedium {
    background-color: var(--lns-color-blurpleMedium);
  }
  .xs-bgc\:blurple {
    background-color: var(--lns-color-blurple);
  }
  .xs-bgc\:blurpleDark {
    background-color: var(--lns-color-blurpleDark);
  }
  .xs-bgc\:blurpleStrong {
    background-color: var(--lns-color-blurpleStrong);
  }
  .xs-bgc\:offWhite {
    background-color: var(--lns-color-offWhite);
  }
  .xs-bgc\:blueLight {
    background-color: var(--lns-color-blueLight);
  }
  .xs-bgc\:blue {
    background-color: var(--lns-color-blue);
  }
  .xs-bgc\:blueDark {
    background-color: var(--lns-color-blueDark);
  }
  .xs-bgc\:orangeLight {
    background-color: var(--lns-color-orangeLight);
  }
  .xs-bgc\:orange {
    background-color: var(--lns-color-orange);
  }
  .xs-bgc\:orangeDark {
    background-color: var(--lns-color-orangeDark);
  }
  .xs-bgc\:tealLight {
    background-color: var(--lns-color-tealLight);
  }
  .xs-bgc\:teal {
    background-color: var(--lns-color-teal);
  }
  .xs-bgc\:tealDark {
    background-color: var(--lns-color-tealDark);
  }
  .xs-bgc\:yellowLight {
    background-color: var(--lns-color-yellowLight);
  }
  .xs-bgc\:yellow {
    background-color: var(--lns-color-yellow);
  }
  .xs-bgc\:yellowDark {
    background-color: var(--lns-color-yellowDark);
  }
  .xs-bgc\:grey8 {
    background-color: var(--lns-color-grey8);
  }
  .xs-bgc\:grey7 {
    background-color: var(--lns-color-grey7);
  }
  .xs-bgc\:grey6 {
    background-color: var(--lns-color-grey6);
  }
  .xs-bgc\:grey5 {
    background-color: var(--lns-color-grey5);
  }
  .xs-bgc\:grey4 {
    background-color: var(--lns-color-grey4);
  }
  .xs-bgc\:grey3 {
    background-color: var(--lns-color-grey3);
  }
  .xs-bgc\:grey2 {
    background-color: var(--lns-color-grey2);
  }
  .xs-bgc\:grey1 {
    background-color: var(--lns-color-grey1);
  }
  .xs-bgc\:white {
    background-color: var(--lns-color-white);
  }
  .xs-bgc\:primary {
    background-color: var(--lns-color-primary);
  }
  .xs-bgc\:primaryHover {
    background-color: var(--lns-color-primaryHover);
  }
  .xs-bgc\:primaryActive {
    background-color: var(--lns-color-primaryActive);
  }
  .xs-bgc\:body {
    background-color: var(--lns-color-body);
  }
  .xs-bgc\:bodyDimmed {
    background-color: var(--lns-color-bodyDimmed);
  }
  .xs-bgc\:background {
    background-color: var(--lns-color-background);
  }
  .xs-bgc\:backgroundHover {
    background-color: var(--lns-color-backgroundHover);
  }
  .xs-bgc\:backgroundActive {
    background-color: var(--lns-color-backgroundActive);
  }
  .xs-bgc\:backgroundSecondary {
    background-color: var(--lns-color-backgroundSecondary);
  }
  .xs-bgc\:backgroundSecondary2 {
    background-color: var(--lns-color-backgroundSecondary2);
  }
  .xs-bgc\:overlay {
    background-color: var(--lns-color-overlay);
  }
  .xs-bgc\:border {
    background-color: var(--lns-color-border);
  }
  .xs-bgc\:focusRing {
    background-color: var(--lns-color-focusRing);
  }
  .xs-bgc\:record {
    background-color: var(--lns-color-record);
  }
  .xs-bgc\:recordHover {
    background-color: var(--lns-color-recordHover);
  }
  .xs-bgc\:recordActive {
    background-color: var(--lns-color-recordActive);
  }
  .xs-bgc\:info {
    background-color: var(--lns-color-info);
  }
  .xs-bgc\:success {
    background-color: var(--lns-color-success);
  }
  .xs-bgc\:warning {
    background-color: var(--lns-color-warning);
  }
  .xs-bgc\:danger {
    background-color: var(--lns-color-danger);
  }
  .xs-bgc\:dangerHover {
    background-color: var(--lns-color-dangerHover);
  }
  .xs-bgc\:dangerActive {
    background-color: var(--lns-color-dangerActive);
  }
  .xs-bgc\:backdrop {
    background-color: var(--lns-color-backdrop);
  }
  .xs-bgc\:backdropDark {
    background-color: var(--lns-color-backdropDark);
  }
  .xs-bgc\:backdropTwilight {
    background-color: var(--lns-color-backdropTwilight);
  }
  .xs-bgc\:disabledContent {
    background-color: var(--lns-color-disabledContent);
  }
  .xs-bgc\:highlight {
    background-color: var(--lns-color-highlight);
  }
  .xs-bgc\:disabledBackground {
    background-color: var(--lns-color-disabledBackground);
  }
  .xs-bgc\:formFieldBorder {
    background-color: var(--lns-color-formFieldBorder);
  }
  .xs-bgc\:formFieldBackground {
    background-color: var(--lns-color-formFieldBackground);
  }
  .xs-bgc\:buttonBorder {
    background-color: var(--lns-color-buttonBorder);
  }
  .xs-bgc\:upgrade {
    background-color: var(--lns-color-upgrade);
  }
  .xs-bgc\:upgradeHover {
    background-color: var(--lns-color-upgradeHover);
  }
  .xs-bgc\:upgradeActive {
    background-color: var(--lns-color-upgradeActive);
  }
  .xs-bgc\:tabBackground {
    background-color: var(--lns-color-tabBackground);
  }
  .xs-bgc\:discoveryBackground {
    background-color: var(--lns-color-discoveryBackground);
  }
  .xs-bgc\:discoveryLightBackground {
    background-color: var(--lns-color-discoveryLightBackground);
  }
  .xs-bgc\:discoveryTitle {
    background-color: var(--lns-color-discoveryTitle);
  }
  .xs-bgc\:discoveryHighlight {
    background-color: var(--lns-color-discoveryHighlight);
  }
  .xs-m\:0 {
    margin: 0;
  }
  .xs-m\:auto {
    margin: auto;
  }
  .xs-m\:xsmall {
    margin: var(--lns-space-xsmall);
  }
  .xs-m\:small {
    margin: var(--lns-space-small);
  }
  .xs-m\:medium {
    margin: var(--lns-space-medium);
  }
  .xs-m\:large {
    margin: var(--lns-space-large);
  }
  .xs-m\:xlarge {
    margin: var(--lns-space-xlarge);
  }
  .xs-m\:xxlarge {
    margin: var(--lns-space-xxlarge);
  }
  .xs-mt\:0 {
    margin-top: 0;
  }
  .xs-mt\:auto {
    margin-top: auto;
  }
  .xs-mt\:xsmall {
    margin-top: var(--lns-space-xsmall);
  }
  .xs-mt\:small {
    margin-top: var(--lns-space-small);
  }
  .xs-mt\:medium {
    margin-top: var(--lns-space-medium);
  }
  .xs-mt\:large {
    margin-top: var(--lns-space-large);
  }
  .xs-mt\:xlarge {
    margin-top: var(--lns-space-xlarge);
  }
  .xs-mt\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
  }
  .xs-mb\:0 {
    margin-bottom: 0;
  }
  .xs-mb\:auto {
    margin-bottom: auto;
  }
  .xs-mb\:xsmall {
    margin-bottom: var(--lns-space-xsmall);
  }
  .xs-mb\:small {
    margin-bottom: var(--lns-space-small);
  }
  .xs-mb\:medium {
    margin-bottom: var(--lns-space-medium);
  }
  .xs-mb\:large {
    margin-bottom: var(--lns-space-large);
  }
  .xs-mb\:xlarge {
    margin-bottom: var(--lns-space-xlarge);
  }
  .xs-mb\:xxlarge {
    margin-bottom: var(--lns-space-xxlarge);
  }
  .xs-ml\:0 {
    margin-left: 0;
  }
  .xs-ml\:auto {
    margin-left: auto;
  }
  .xs-ml\:xsmall {
    margin-left: var(--lns-space-xsmall);
  }
  .xs-ml\:small {
    margin-left: var(--lns-space-small);
  }
  .xs-ml\:medium {
    margin-left: var(--lns-space-medium);
  }
  .xs-ml\:large {
    margin-left: var(--lns-space-large);
  }
  .xs-ml\:xlarge {
    margin-left: var(--lns-space-xlarge);
  }
  .xs-ml\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
  }
  .xs-mr\:0 {
    margin-right: 0;
  }
  .xs-mr\:auto {
    margin-right: auto;
  }
  .xs-mr\:xsmall {
    margin-right: var(--lns-space-xsmall);
  }
  .xs-mr\:small {
    margin-right: var(--lns-space-small);
  }
  .xs-mr\:medium {
    margin-right: var(--lns-space-medium);
  }
  .xs-mr\:large {
    margin-right: var(--lns-space-large);
  }
  .xs-mr\:xlarge {
    margin-right: var(--lns-space-xlarge);
  }
  .xs-mr\:xxlarge {
    margin-right: var(--lns-space-xxlarge);
  }
  .xs-mx\:0 {
    margin-left: 0;
    margin-right: 0;
  }
  .xs-mx\:auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xs-mx\:xsmall {
    margin-left: var(--lns-space-xsmall);
    margin-right: var(--lns-space-xsmall);
  }
  .xs-mx\:small {
    margin-left: var(--lns-space-small);
    margin-right: var(--lns-space-small);
  }
  .xs-mx\:medium {
    margin-left: var(--lns-space-medium);
    margin-right: var(--lns-space-medium);
  }
  .xs-mx\:large {
    margin-left: var(--lns-space-large);
    margin-right: var(--lns-space-large);
  }
  .xs-mx\:xlarge {
    margin-left: var(--lns-space-xlarge);
    margin-right: var(--lns-space-xlarge);
  }
  .xs-mx\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
    margin-right: var(--lns-space-xxlarge);
  }
  .xs-my\:0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .xs-my\:auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .xs-my\:xsmall {
    margin-top: var(--lns-space-xsmall);
    margin-bottom: var(--lns-space-xsmall);
  }
  .xs-my\:small {
    margin-top: var(--lns-space-small);
    margin-bottom: var(--lns-space-small);
  }
  .xs-my\:medium {
    margin-top: var(--lns-space-medium);
    margin-bottom: var(--lns-space-medium);
  }
  .xs-my\:large {
    margin-top: var(--lns-space-large);
    margin-bottom: var(--lns-space-large);
  }
  .xs-my\:xlarge {
    margin-top: var(--lns-space-xlarge);
    margin-bottom: var(--lns-space-xlarge);
  }
  .xs-my\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
    margin-bottom: var(--lns-space-xxlarge);
  }
  .xs-p\:0 {
    padding: 0;
  }
  .xs-p\:xsmall {
    padding: var(--lns-space-xsmall);
  }
  .xs-p\:small {
    padding: var(--lns-space-small);
  }
  .xs-p\:medium {
    padding: var(--lns-space-medium);
  }
  .xs-p\:large {
    padding: var(--lns-space-large);
  }
  .xs-p\:xlarge {
    padding: var(--lns-space-xlarge);
  }
  .xs-p\:xxlarge {
    padding: var(--lns-space-xxlarge);
  }
  .xs-pt\:0 {
    padding-top: 0;
  }
  .xs-pt\:xsmall {
    padding-top: var(--lns-space-xsmall);
  }
  .xs-pt\:small {
    padding-top: var(--lns-space-small);
  }
  .xs-pt\:medium {
    padding-top: var(--lns-space-medium);
  }
  .xs-pt\:large {
    padding-top: var(--lns-space-large);
  }
  .xs-pt\:xlarge {
    padding-top: var(--lns-space-xlarge);
  }
  .xs-pt\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
  }
  .xs-pb\:0 {
    padding-bottom: 0;
  }
  .xs-pb\:xsmall {
    padding-bottom: var(--lns-space-xsmall);
  }
  .xs-pb\:small {
    padding-bottom: var(--lns-space-small);
  }
  .xs-pb\:medium {
    padding-bottom: var(--lns-space-medium);
  }
  .xs-pb\:large {
    padding-bottom: var(--lns-space-large);
  }
  .xs-pb\:xlarge {
    padding-bottom: var(--lns-space-xlarge);
  }
  .xs-pb\:xxlarge {
    padding-bottom: var(--lns-space-xxlarge);
  }
  .xs-pl\:0 {
    padding-left: 0;
  }
  .xs-pl\:xsmall {
    padding-left: var(--lns-space-xsmall);
  }
  .xs-pl\:small {
    padding-left: var(--lns-space-small);
  }
  .xs-pl\:medium {
    padding-left: var(--lns-space-medium);
  }
  .xs-pl\:large {
    padding-left: var(--lns-space-large);
  }
  .xs-pl\:xlarge {
    padding-left: var(--lns-space-xlarge);
  }
  .xs-pl\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
  }
  .xs-pr\:0 {
    padding-right: 0;
  }
  .xs-pr\:xsmall {
    padding-right: var(--lns-space-xsmall);
  }
  .xs-pr\:small {
    padding-right: var(--lns-space-small);
  }
  .xs-pr\:medium {
    padding-right: var(--lns-space-medium);
  }
  .xs-pr\:large {
    padding-right: var(--lns-space-large);
  }
  .xs-pr\:xlarge {
    padding-right: var(--lns-space-xlarge);
  }
  .xs-pr\:xxlarge {
    padding-right: var(--lns-space-xxlarge);
  }
  .xs-px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .xs-px\:xsmall {
    padding-left: var(--lns-space-xsmall);
    padding-right: var(--lns-space-xsmall);
  }
  .xs-px\:small {
    padding-left: var(--lns-space-small);
    padding-right: var(--lns-space-small);
  }
  .xs-px\:medium {
    padding-left: var(--lns-space-medium);
    padding-right: var(--lns-space-medium);
  }
  .xs-px\:large {
    padding-left: var(--lns-space-large);
    padding-right: var(--lns-space-large);
  }
  .xs-px\:xlarge {
    padding-left: var(--lns-space-xlarge);
    padding-right: var(--lns-space-xlarge);
  }
  .xs-px\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
    padding-right: var(--lns-space-xxlarge);
  }
  .xs-py\:0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .xs-py\:xsmall {
    padding-top: var(--lns-space-xsmall);
    padding-bottom: var(--lns-space-xsmall);
  }
  .xs-py\:small {
    padding-top: var(--lns-space-small);
    padding-bottom: var(--lns-space-small);
  }
  .xs-py\:medium {
    padding-top: var(--lns-space-medium);
    padding-bottom: var(--lns-space-medium);
  }
  .xs-py\:large {
    padding-top: var(--lns-space-large);
    padding-bottom: var(--lns-space-large);
  }
  .xs-py\:xlarge {
    padding-top: var(--lns-space-xlarge);
    padding-bottom: var(--lns-space-xlarge);
  }
  .xs-py\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
    padding-bottom: var(--lns-space-xxlarge);
  }
  .xs-text\:small {
    font-size: var(--lns-fontSize-small);
    line-height: var(--lns-lineHeight-small);
  }
  .xs-text\:body-sm {
    font-size: var(--lns-fontSize-body-sm);
    line-height: var(--lns-lineHeight-body-sm);
  }
  .xs-text\:medium {
    font-size: var(--lns-fontSize-medium);
    line-height: var(--lns-lineHeight-medium);
  }
  .xs-text\:body-md {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
  }
  .xs-text\:large {
    font-size: var(--lns-fontSize-large);
    line-height: var(--lns-lineHeight-large);
  }
  .xs-text\:body-lg {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
  }
  .xs-text\:xlarge {
    font-size: var(--lns-fontSize-xlarge);
    line-height: var(--lns-lineHeight-xlarge);
  }
  .xs-text\:heading-sm {
    font-size: var(--lns-fontSize-heading-sm);
    line-height: var(--lns-lineHeight-heading-sm);
  }
  .xs-text\:xxlarge {
    font-size: var(--lns-fontSize-xxlarge);
    line-height: var(--lns-lineHeight-xxlarge);
  }
  .xs-text\:heading-md {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
  }
  .xs-text\:xxxlarge {
    font-size: var(--lns-fontSize-xxxlarge);
    line-height: var(--lns-lineHeight-xxxlarge);
  }
  .xs-text\:heading-lg {
    font-size: var(--lns-fontSize-heading-lg);
    line-height: var(--lns-lineHeight-heading-lg);
  }
  .xs-weight\:book {
    font-weight: var(--lns-fontWeight-book);
  }
  .xs-weight\:bold {
    font-weight: var(--lns-fontWeight-bold);
  }
  .xs-text\:body {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
    font-weight: var(--lns-fontWeight-book);
  }
  .xs-text\:title {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
    font-weight: var(--lns-fontWeight-bold);
  }
  .xs-text\:mainTitle {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
    font-weight: var(--lns-fontWeight-bold);
  }
  .xs-text\:left {
    text-align: left;
  }
  .xs-text\:right {
    text-align: right;
  }
  .xs-text\:center {
    text-align: center;
  }
  .xs-border {
    border: 1px solid var(--lns-color-border);
  }
  .xs-borderTop {
    border-top: 1px solid var(--lns-color-border);
  }
  .xs-borderBottom {
    border-bottom: 1px solid var(--lns-color-border);
  }
  .xs-borderLeft {
    border-left: 1px solid var(--lns-color-border);
  }
  .xs-borderRight {
    border-right: 1px solid var(--lns-color-border);
  }
  .xs-inline {
    display: inline;
  }
  .xs-block {
    display: block;
  }
  .xs-flex {
    display: flex;
  }
  .xs-inlineBlock {
    display: inline-block;
  }
  .xs-inlineFlex {
    display: inline-flex;
  }
  .xs-none {
    display: none;
  }
  .xs-flexWrap {
    flex-wrap: wrap;
  }
  .xs-flexDirection\:column {
    flex-direction: column;
  }
  .xs-flexDirection\:row {
    flex-direction: row;
  }
  .xs-items\:stretch {
    align-items: stretch;
  }
  .xs-items\:center {
    align-items: center;
  }
  .xs-items\:baseline {
    align-items: baseline;
  }
  .xs-items\:flexStart {
    align-items: flex-start;
  }
  .xs-items\:flexEnd {
    align-items: flex-end;
  }
  .xs-items\:selfStart {
    align-items: self-start;
  }
  .xs-items\:selfEnd {
    align-items: self-end;
  }
  .xs-justify\:flexStart {
    justify-content: flex-start;
  }
  .xs-justify\:flexEnd {
    justify-content: flex-end;
  }
  .xs-justify\:center {
    justify-content: center;
  }
  .xs-justify\:spaceBetween {
    justify-content: space-between;
  }
  .xs-justify\:spaceAround {
    justify-content: space-around;
  }
  .xs-justify\:spaceEvenly {
    justify-content: space-evenly;
  }
  .xs-grow\:0 {
    flex-grow: 0;
  }
  .xs-grow\:1 {
    flex-grow: 1;
  }
  .xs-shrink\:0 {
    flex-shrink: 0;
  }
  .xs-shrink\:1 {
    flex-shrink: 1;
  }
  .xs-self\:auto {
    align-self: auto;
  }
  .xs-self\:flexStart {
    align-self: flex-start;
  }
  .xs-self\:flexEnd {
    align-self: flex-end;
  }
  .xs-self\:center {
    align-self: center;
  }
  .xs-self\:baseline {
    align-self: baseline;
  }
  .xs-self\:stretch {
    align-self: stretch;
  }
  .xs-overflow\:hidden {
    overflow: hidden;
  }
  .xs-overflow\:auto {
    overflow: auto;
  }
  .xs-relative {
    position: relative;
  }
  .xs-absolute {
    position: absolute;
  }
  .xs-sticky {
    position: sticky;
  }
  .xs-fixed {
    position: fixed;
  }
  .xs-top\:0 {
    top: 0;
  }
  .xs-top\:auto {
    top: auto;
  }
  .xs-top\:xsmall {
    top: var(--lns-space-xsmall);
  }
  .xs-top\:small {
    top: var(--lns-space-small);
  }
  .xs-top\:medium {
    top: var(--lns-space-medium);
  }
  .xs-top\:large {
    top: var(--lns-space-large);
  }
  .xs-top\:xlarge {
    top: var(--lns-space-xlarge);
  }
  .xs-top\:xxlarge {
    top: var(--lns-space-xxlarge);
  }
  .xs-bottom\:0 {
    bottom: 0;
  }
  .xs-bottom\:auto {
    bottom: auto;
  }
  .xs-bottom\:xsmall {
    bottom: var(--lns-space-xsmall);
  }
  .xs-bottom\:small {
    bottom: var(--lns-space-small);
  }
  .xs-bottom\:medium {
    bottom: var(--lns-space-medium);
  }
  .xs-bottom\:large {
    bottom: var(--lns-space-large);
  }
  .xs-bottom\:xlarge {
    bottom: var(--lns-space-xlarge);
  }
  .xs-bottom\:xxlarge {
    bottom: var(--lns-space-xxlarge);
  }
  .xs-left\:0 {
    left: 0;
  }
  .xs-left\:auto {
    left: auto;
  }
  .xs-left\:xsmall {
    left: var(--lns-space-xsmall);
  }
  .xs-left\:small {
    left: var(--lns-space-small);
  }
  .xs-left\:medium {
    left: var(--lns-space-medium);
  }
  .xs-left\:large {
    left: var(--lns-space-large);
  }
  .xs-left\:xlarge {
    left: var(--lns-space-xlarge);
  }
  .xs-left\:xxlarge {
    left: var(--lns-space-xxlarge);
  }
  .xs-right\:0 {
    right: 0;
  }
  .xs-right\:auto {
    right: auto;
  }
  .xs-right\:xsmall {
    right: var(--lns-space-xsmall);
  }
  .xs-right\:small {
    right: var(--lns-space-small);
  }
  .xs-right\:medium {
    right: var(--lns-space-medium);
  }
  .xs-right\:large {
    right: var(--lns-space-large);
  }
  .xs-right\:xlarge {
    right: var(--lns-space-xlarge);
  }
  .xs-right\:xxlarge {
    right: var(--lns-space-xxlarge);
  }
  .xs-width\:auto {
    width: auto;
  }
  .xs-width\:full {
    width: 100%;
  }
  .xs-width\:0 {
    width: 0;
  }
  .xs-minWidth\:0 {
    min-width: 0;
  }
  .xs-height\:auto {
    height: auto;
  }
  .xs-height\:full {
    height: 100%;
  }
  .xs-height\:0 {
    height: 0;
  }
  .xs-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .xs-srOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}
@media (min-width: 48em) {
  .sm-c\:red {
    color: var(--lns-color-red);
  }
  .sm-c\:blurpleLight {
    color: var(--lns-color-blurpleLight);
  }
  .sm-c\:blurpleMedium {
    color: var(--lns-color-blurpleMedium);
  }
  .sm-c\:blurple {
    color: var(--lns-color-blurple);
  }
  .sm-c\:blurpleDark {
    color: var(--lns-color-blurpleDark);
  }
  .sm-c\:blurpleStrong {
    color: var(--lns-color-blurpleStrong);
  }
  .sm-c\:offWhite {
    color: var(--lns-color-offWhite);
  }
  .sm-c\:blueLight {
    color: var(--lns-color-blueLight);
  }
  .sm-c\:blue {
    color: var(--lns-color-blue);
  }
  .sm-c\:blueDark {
    color: var(--lns-color-blueDark);
  }
  .sm-c\:orangeLight {
    color: var(--lns-color-orangeLight);
  }
  .sm-c\:orange {
    color: var(--lns-color-orange);
  }
  .sm-c\:orangeDark {
    color: var(--lns-color-orangeDark);
  }
  .sm-c\:tealLight {
    color: var(--lns-color-tealLight);
  }
  .sm-c\:teal {
    color: var(--lns-color-teal);
  }
  .sm-c\:tealDark {
    color: var(--lns-color-tealDark);
  }
  .sm-c\:yellowLight {
    color: var(--lns-color-yellowLight);
  }
  .sm-c\:yellow {
    color: var(--lns-color-yellow);
  }
  .sm-c\:yellowDark {
    color: var(--lns-color-yellowDark);
  }
  .sm-c\:grey8 {
    color: var(--lns-color-grey8);
  }
  .sm-c\:grey7 {
    color: var(--lns-color-grey7);
  }
  .sm-c\:grey6 {
    color: var(--lns-color-grey6);
  }
  .sm-c\:grey5 {
    color: var(--lns-color-grey5);
  }
  .sm-c\:grey4 {
    color: var(--lns-color-grey4);
  }
  .sm-c\:grey3 {
    color: var(--lns-color-grey3);
  }
  .sm-c\:grey2 {
    color: var(--lns-color-grey2);
  }
  .sm-c\:grey1 {
    color: var(--lns-color-grey1);
  }
  .sm-c\:white {
    color: var(--lns-color-white);
  }
  .sm-c\:primary {
    color: var(--lns-color-primary);
  }
  .sm-c\:primaryHover {
    color: var(--lns-color-primaryHover);
  }
  .sm-c\:primaryActive {
    color: var(--lns-color-primaryActive);
  }
  .sm-c\:body {
    color: var(--lns-color-body);
  }
  .sm-c\:bodyDimmed {
    color: var(--lns-color-bodyDimmed);
  }
  .sm-c\:background {
    color: var(--lns-color-background);
  }
  .sm-c\:backgroundHover {
    color: var(--lns-color-backgroundHover);
  }
  .sm-c\:backgroundActive {
    color: var(--lns-color-backgroundActive);
  }
  .sm-c\:backgroundSecondary {
    color: var(--lns-color-backgroundSecondary);
  }
  .sm-c\:backgroundSecondary2 {
    color: var(--lns-color-backgroundSecondary2);
  }
  .sm-c\:overlay {
    color: var(--lns-color-overlay);
  }
  .sm-c\:border {
    color: var(--lns-color-border);
  }
  .sm-c\:focusRing {
    color: var(--lns-color-focusRing);
  }
  .sm-c\:record {
    color: var(--lns-color-record);
  }
  .sm-c\:recordHover {
    color: var(--lns-color-recordHover);
  }
  .sm-c\:recordActive {
    color: var(--lns-color-recordActive);
  }
  .sm-c\:info {
    color: var(--lns-color-info);
  }
  .sm-c\:success {
    color: var(--lns-color-success);
  }
  .sm-c\:warning {
    color: var(--lns-color-warning);
  }
  .sm-c\:danger {
    color: var(--lns-color-danger);
  }
  .sm-c\:dangerHover {
    color: var(--lns-color-dangerHover);
  }
  .sm-c\:dangerActive {
    color: var(--lns-color-dangerActive);
  }
  .sm-c\:backdrop {
    color: var(--lns-color-backdrop);
  }
  .sm-c\:backdropDark {
    color: var(--lns-color-backdropDark);
  }
  .sm-c\:backdropTwilight {
    color: var(--lns-color-backdropTwilight);
  }
  .sm-c\:disabledContent {
    color: var(--lns-color-disabledContent);
  }
  .sm-c\:highlight {
    color: var(--lns-color-highlight);
  }
  .sm-c\:disabledBackground {
    color: var(--lns-color-disabledBackground);
  }
  .sm-c\:formFieldBorder {
    color: var(--lns-color-formFieldBorder);
  }
  .sm-c\:formFieldBackground {
    color: var(--lns-color-formFieldBackground);
  }
  .sm-c\:buttonBorder {
    color: var(--lns-color-buttonBorder);
  }
  .sm-c\:upgrade {
    color: var(--lns-color-upgrade);
  }
  .sm-c\:upgradeHover {
    color: var(--lns-color-upgradeHover);
  }
  .sm-c\:upgradeActive {
    color: var(--lns-color-upgradeActive);
  }
  .sm-c\:tabBackground {
    color: var(--lns-color-tabBackground);
  }
  .sm-c\:discoveryBackground {
    color: var(--lns-color-discoveryBackground);
  }
  .sm-c\:discoveryLightBackground {
    color: var(--lns-color-discoveryLightBackground);
  }
  .sm-c\:discoveryTitle {
    color: var(--lns-color-discoveryTitle);
  }
  .sm-c\:discoveryHighlight {
    color: var(--lns-color-discoveryHighlight);
  }
  .sm-shadow\:small {
    box-shadow: var(--lns-shadow-small);
  }
  .sm-shadow\:medium {
    box-shadow: var(--lns-shadow-medium);
  }
  .sm-shadow\:large {
    box-shadow: var(--lns-shadow-large);
  }
  .sm-radius\:medium {
    border-radius: var(--lns-radius-medium);
  }
  .sm-radius\:large {
    border-radius: var(--lns-radius-large);
  }
  .sm-radius\:xlarge {
    border-radius: var(--lns-radius-xlarge);
  }
  .sm-radius\:full {
    border-radius: var(--lns-radius-full);
  }
  .sm-bgc\:red {
    background-color: var(--lns-color-red);
  }
  .sm-bgc\:blurpleLight {
    background-color: var(--lns-color-blurpleLight);
  }
  .sm-bgc\:blurpleMedium {
    background-color: var(--lns-color-blurpleMedium);
  }
  .sm-bgc\:blurple {
    background-color: var(--lns-color-blurple);
  }
  .sm-bgc\:blurpleDark {
    background-color: var(--lns-color-blurpleDark);
  }
  .sm-bgc\:blurpleStrong {
    background-color: var(--lns-color-blurpleStrong);
  }
  .sm-bgc\:offWhite {
    background-color: var(--lns-color-offWhite);
  }
  .sm-bgc\:blueLight {
    background-color: var(--lns-color-blueLight);
  }
  .sm-bgc\:blue {
    background-color: var(--lns-color-blue);
  }
  .sm-bgc\:blueDark {
    background-color: var(--lns-color-blueDark);
  }
  .sm-bgc\:orangeLight {
    background-color: var(--lns-color-orangeLight);
  }
  .sm-bgc\:orange {
    background-color: var(--lns-color-orange);
  }
  .sm-bgc\:orangeDark {
    background-color: var(--lns-color-orangeDark);
  }
  .sm-bgc\:tealLight {
    background-color: var(--lns-color-tealLight);
  }
  .sm-bgc\:teal {
    background-color: var(--lns-color-teal);
  }
  .sm-bgc\:tealDark {
    background-color: var(--lns-color-tealDark);
  }
  .sm-bgc\:yellowLight {
    background-color: var(--lns-color-yellowLight);
  }
  .sm-bgc\:yellow {
    background-color: var(--lns-color-yellow);
  }
  .sm-bgc\:yellowDark {
    background-color: var(--lns-color-yellowDark);
  }
  .sm-bgc\:grey8 {
    background-color: var(--lns-color-grey8);
  }
  .sm-bgc\:grey7 {
    background-color: var(--lns-color-grey7);
  }
  .sm-bgc\:grey6 {
    background-color: var(--lns-color-grey6);
  }
  .sm-bgc\:grey5 {
    background-color: var(--lns-color-grey5);
  }
  .sm-bgc\:grey4 {
    background-color: var(--lns-color-grey4);
  }
  .sm-bgc\:grey3 {
    background-color: var(--lns-color-grey3);
  }
  .sm-bgc\:grey2 {
    background-color: var(--lns-color-grey2);
  }
  .sm-bgc\:grey1 {
    background-color: var(--lns-color-grey1);
  }
  .sm-bgc\:white {
    background-color: var(--lns-color-white);
  }
  .sm-bgc\:primary {
    background-color: var(--lns-color-primary);
  }
  .sm-bgc\:primaryHover {
    background-color: var(--lns-color-primaryHover);
  }
  .sm-bgc\:primaryActive {
    background-color: var(--lns-color-primaryActive);
  }
  .sm-bgc\:body {
    background-color: var(--lns-color-body);
  }
  .sm-bgc\:bodyDimmed {
    background-color: var(--lns-color-bodyDimmed);
  }
  .sm-bgc\:background {
    background-color: var(--lns-color-background);
  }
  .sm-bgc\:backgroundHover {
    background-color: var(--lns-color-backgroundHover);
  }
  .sm-bgc\:backgroundActive {
    background-color: var(--lns-color-backgroundActive);
  }
  .sm-bgc\:backgroundSecondary {
    background-color: var(--lns-color-backgroundSecondary);
  }
  .sm-bgc\:backgroundSecondary2 {
    background-color: var(--lns-color-backgroundSecondary2);
  }
  .sm-bgc\:overlay {
    background-color: var(--lns-color-overlay);
  }
  .sm-bgc\:border {
    background-color: var(--lns-color-border);
  }
  .sm-bgc\:focusRing {
    background-color: var(--lns-color-focusRing);
  }
  .sm-bgc\:record {
    background-color: var(--lns-color-record);
  }
  .sm-bgc\:recordHover {
    background-color: var(--lns-color-recordHover);
  }
  .sm-bgc\:recordActive {
    background-color: var(--lns-color-recordActive);
  }
  .sm-bgc\:info {
    background-color: var(--lns-color-info);
  }
  .sm-bgc\:success {
    background-color: var(--lns-color-success);
  }
  .sm-bgc\:warning {
    background-color: var(--lns-color-warning);
  }
  .sm-bgc\:danger {
    background-color: var(--lns-color-danger);
  }
  .sm-bgc\:dangerHover {
    background-color: var(--lns-color-dangerHover);
  }
  .sm-bgc\:dangerActive {
    background-color: var(--lns-color-dangerActive);
  }
  .sm-bgc\:backdrop {
    background-color: var(--lns-color-backdrop);
  }
  .sm-bgc\:backdropDark {
    background-color: var(--lns-color-backdropDark);
  }
  .sm-bgc\:backdropTwilight {
    background-color: var(--lns-color-backdropTwilight);
  }
  .sm-bgc\:disabledContent {
    background-color: var(--lns-color-disabledContent);
  }
  .sm-bgc\:highlight {
    background-color: var(--lns-color-highlight);
  }
  .sm-bgc\:disabledBackground {
    background-color: var(--lns-color-disabledBackground);
  }
  .sm-bgc\:formFieldBorder {
    background-color: var(--lns-color-formFieldBorder);
  }
  .sm-bgc\:formFieldBackground {
    background-color: var(--lns-color-formFieldBackground);
  }
  .sm-bgc\:buttonBorder {
    background-color: var(--lns-color-buttonBorder);
  }
  .sm-bgc\:upgrade {
    background-color: var(--lns-color-upgrade);
  }
  .sm-bgc\:upgradeHover {
    background-color: var(--lns-color-upgradeHover);
  }
  .sm-bgc\:upgradeActive {
    background-color: var(--lns-color-upgradeActive);
  }
  .sm-bgc\:tabBackground {
    background-color: var(--lns-color-tabBackground);
  }
  .sm-bgc\:discoveryBackground {
    background-color: var(--lns-color-discoveryBackground);
  }
  .sm-bgc\:discoveryLightBackground {
    background-color: var(--lns-color-discoveryLightBackground);
  }
  .sm-bgc\:discoveryTitle {
    background-color: var(--lns-color-discoveryTitle);
  }
  .sm-bgc\:discoveryHighlight {
    background-color: var(--lns-color-discoveryHighlight);
  }
  .sm-m\:0 {
    margin: 0;
  }
  .sm-m\:auto {
    margin: auto;
  }
  .sm-m\:xsmall {
    margin: var(--lns-space-xsmall);
  }
  .sm-m\:small {
    margin: var(--lns-space-small);
  }
  .sm-m\:medium {
    margin: var(--lns-space-medium);
  }
  .sm-m\:large {
    margin: var(--lns-space-large);
  }
  .sm-m\:xlarge {
    margin: var(--lns-space-xlarge);
  }
  .sm-m\:xxlarge {
    margin: var(--lns-space-xxlarge);
  }
  .sm-mt\:0 {
    margin-top: 0;
  }
  .sm-mt\:auto {
    margin-top: auto;
  }
  .sm-mt\:xsmall {
    margin-top: var(--lns-space-xsmall);
  }
  .sm-mt\:small {
    margin-top: var(--lns-space-small);
  }
  .sm-mt\:medium {
    margin-top: var(--lns-space-medium);
  }
  .sm-mt\:large {
    margin-top: var(--lns-space-large);
  }
  .sm-mt\:xlarge {
    margin-top: var(--lns-space-xlarge);
  }
  .sm-mt\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
  }
  .sm-mb\:0 {
    margin-bottom: 0;
  }
  .sm-mb\:auto {
    margin-bottom: auto;
  }
  .sm-mb\:xsmall {
    margin-bottom: var(--lns-space-xsmall);
  }
  .sm-mb\:small {
    margin-bottom: var(--lns-space-small);
  }
  .sm-mb\:medium {
    margin-bottom: var(--lns-space-medium);
  }
  .sm-mb\:large {
    margin-bottom: var(--lns-space-large);
  }
  .sm-mb\:xlarge {
    margin-bottom: var(--lns-space-xlarge);
  }
  .sm-mb\:xxlarge {
    margin-bottom: var(--lns-space-xxlarge);
  }
  .sm-ml\:0 {
    margin-left: 0;
  }
  .sm-ml\:auto {
    margin-left: auto;
  }
  .sm-ml\:xsmall {
    margin-left: var(--lns-space-xsmall);
  }
  .sm-ml\:small {
    margin-left: var(--lns-space-small);
  }
  .sm-ml\:medium {
    margin-left: var(--lns-space-medium);
  }
  .sm-ml\:large {
    margin-left: var(--lns-space-large);
  }
  .sm-ml\:xlarge {
    margin-left: var(--lns-space-xlarge);
  }
  .sm-ml\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
  }
  .sm-mr\:0 {
    margin-right: 0;
  }
  .sm-mr\:auto {
    margin-right: auto;
  }
  .sm-mr\:xsmall {
    margin-right: var(--lns-space-xsmall);
  }
  .sm-mr\:small {
    margin-right: var(--lns-space-small);
  }
  .sm-mr\:medium {
    margin-right: var(--lns-space-medium);
  }
  .sm-mr\:large {
    margin-right: var(--lns-space-large);
  }
  .sm-mr\:xlarge {
    margin-right: var(--lns-space-xlarge);
  }
  .sm-mr\:xxlarge {
    margin-right: var(--lns-space-xxlarge);
  }
  .sm-mx\:0 {
    margin-left: 0;
    margin-right: 0;
  }
  .sm-mx\:auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm-mx\:xsmall {
    margin-left: var(--lns-space-xsmall);
    margin-right: var(--lns-space-xsmall);
  }
  .sm-mx\:small {
    margin-left: var(--lns-space-small);
    margin-right: var(--lns-space-small);
  }
  .sm-mx\:medium {
    margin-left: var(--lns-space-medium);
    margin-right: var(--lns-space-medium);
  }
  .sm-mx\:large {
    margin-left: var(--lns-space-large);
    margin-right: var(--lns-space-large);
  }
  .sm-mx\:xlarge {
    margin-left: var(--lns-space-xlarge);
    margin-right: var(--lns-space-xlarge);
  }
  .sm-mx\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
    margin-right: var(--lns-space-xxlarge);
  }
  .sm-my\:0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .sm-my\:auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .sm-my\:xsmall {
    margin-top: var(--lns-space-xsmall);
    margin-bottom: var(--lns-space-xsmall);
  }
  .sm-my\:small {
    margin-top: var(--lns-space-small);
    margin-bottom: var(--lns-space-small);
  }
  .sm-my\:medium {
    margin-top: var(--lns-space-medium);
    margin-bottom: var(--lns-space-medium);
  }
  .sm-my\:large {
    margin-top: var(--lns-space-large);
    margin-bottom: var(--lns-space-large);
  }
  .sm-my\:xlarge {
    margin-top: var(--lns-space-xlarge);
    margin-bottom: var(--lns-space-xlarge);
  }
  .sm-my\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
    margin-bottom: var(--lns-space-xxlarge);
  }
  .sm-p\:0 {
    padding: 0;
  }
  .sm-p\:xsmall {
    padding: var(--lns-space-xsmall);
  }
  .sm-p\:small {
    padding: var(--lns-space-small);
  }
  .sm-p\:medium {
    padding: var(--lns-space-medium);
  }
  .sm-p\:large {
    padding: var(--lns-space-large);
  }
  .sm-p\:xlarge {
    padding: var(--lns-space-xlarge);
  }
  .sm-p\:xxlarge {
    padding: var(--lns-space-xxlarge);
  }
  .sm-pt\:0 {
    padding-top: 0;
  }
  .sm-pt\:xsmall {
    padding-top: var(--lns-space-xsmall);
  }
  .sm-pt\:small {
    padding-top: var(--lns-space-small);
  }
  .sm-pt\:medium {
    padding-top: var(--lns-space-medium);
  }
  .sm-pt\:large {
    padding-top: var(--lns-space-large);
  }
  .sm-pt\:xlarge {
    padding-top: var(--lns-space-xlarge);
  }
  .sm-pt\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
  }
  .sm-pb\:0 {
    padding-bottom: 0;
  }
  .sm-pb\:xsmall {
    padding-bottom: var(--lns-space-xsmall);
  }
  .sm-pb\:small {
    padding-bottom: var(--lns-space-small);
  }
  .sm-pb\:medium {
    padding-bottom: var(--lns-space-medium);
  }
  .sm-pb\:large {
    padding-bottom: var(--lns-space-large);
  }
  .sm-pb\:xlarge {
    padding-bottom: var(--lns-space-xlarge);
  }
  .sm-pb\:xxlarge {
    padding-bottom: var(--lns-space-xxlarge);
  }
  .sm-pl\:0 {
    padding-left: 0;
  }
  .sm-pl\:xsmall {
    padding-left: var(--lns-space-xsmall);
  }
  .sm-pl\:small {
    padding-left: var(--lns-space-small);
  }
  .sm-pl\:medium {
    padding-left: var(--lns-space-medium);
  }
  .sm-pl\:large {
    padding-left: var(--lns-space-large);
  }
  .sm-pl\:xlarge {
    padding-left: var(--lns-space-xlarge);
  }
  .sm-pl\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
  }
  .sm-pr\:0 {
    padding-right: 0;
  }
  .sm-pr\:xsmall {
    padding-right: var(--lns-space-xsmall);
  }
  .sm-pr\:small {
    padding-right: var(--lns-space-small);
  }
  .sm-pr\:medium {
    padding-right: var(--lns-space-medium);
  }
  .sm-pr\:large {
    padding-right: var(--lns-space-large);
  }
  .sm-pr\:xlarge {
    padding-right: var(--lns-space-xlarge);
  }
  .sm-pr\:xxlarge {
    padding-right: var(--lns-space-xxlarge);
  }
  .sm-px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm-px\:xsmall {
    padding-left: var(--lns-space-xsmall);
    padding-right: var(--lns-space-xsmall);
  }
  .sm-px\:small {
    padding-left: var(--lns-space-small);
    padding-right: var(--lns-space-small);
  }
  .sm-px\:medium {
    padding-left: var(--lns-space-medium);
    padding-right: var(--lns-space-medium);
  }
  .sm-px\:large {
    padding-left: var(--lns-space-large);
    padding-right: var(--lns-space-large);
  }
  .sm-px\:xlarge {
    padding-left: var(--lns-space-xlarge);
    padding-right: var(--lns-space-xlarge);
  }
  .sm-px\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
    padding-right: var(--lns-space-xxlarge);
  }
  .sm-py\:0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm-py\:xsmall {
    padding-top: var(--lns-space-xsmall);
    padding-bottom: var(--lns-space-xsmall);
  }
  .sm-py\:small {
    padding-top: var(--lns-space-small);
    padding-bottom: var(--lns-space-small);
  }
  .sm-py\:medium {
    padding-top: var(--lns-space-medium);
    padding-bottom: var(--lns-space-medium);
  }
  .sm-py\:large {
    padding-top: var(--lns-space-large);
    padding-bottom: var(--lns-space-large);
  }
  .sm-py\:xlarge {
    padding-top: var(--lns-space-xlarge);
    padding-bottom: var(--lns-space-xlarge);
  }
  .sm-py\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
    padding-bottom: var(--lns-space-xxlarge);
  }
  .sm-text\:small {
    font-size: var(--lns-fontSize-small);
    line-height: var(--lns-lineHeight-small);
  }
  .sm-text\:body-sm {
    font-size: var(--lns-fontSize-body-sm);
    line-height: var(--lns-lineHeight-body-sm);
  }
  .sm-text\:medium {
    font-size: var(--lns-fontSize-medium);
    line-height: var(--lns-lineHeight-medium);
  }
  .sm-text\:body-md {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
  }
  .sm-text\:large {
    font-size: var(--lns-fontSize-large);
    line-height: var(--lns-lineHeight-large);
  }
  .sm-text\:body-lg {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
  }
  .sm-text\:xlarge {
    font-size: var(--lns-fontSize-xlarge);
    line-height: var(--lns-lineHeight-xlarge);
  }
  .sm-text\:heading-sm {
    font-size: var(--lns-fontSize-heading-sm);
    line-height: var(--lns-lineHeight-heading-sm);
  }
  .sm-text\:xxlarge {
    font-size: var(--lns-fontSize-xxlarge);
    line-height: var(--lns-lineHeight-xxlarge);
  }
  .sm-text\:heading-md {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
  }
  .sm-text\:xxxlarge {
    font-size: var(--lns-fontSize-xxxlarge);
    line-height: var(--lns-lineHeight-xxxlarge);
  }
  .sm-text\:heading-lg {
    font-size: var(--lns-fontSize-heading-lg);
    line-height: var(--lns-lineHeight-heading-lg);
  }
  .sm-weight\:book {
    font-weight: var(--lns-fontWeight-book);
  }
  .sm-weight\:bold {
    font-weight: var(--lns-fontWeight-bold);
  }
  .sm-text\:body {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
    font-weight: var(--lns-fontWeight-book);
  }
  .sm-text\:title {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
    font-weight: var(--lns-fontWeight-bold);
  }
  .sm-text\:mainTitle {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
    font-weight: var(--lns-fontWeight-bold);
  }
  .sm-text\:left {
    text-align: left;
  }
  .sm-text\:right {
    text-align: right;
  }
  .sm-text\:center {
    text-align: center;
  }
  .sm-border {
    border: 1px solid var(--lns-color-border);
  }
  .sm-borderTop {
    border-top: 1px solid var(--lns-color-border);
  }
  .sm-borderBottom {
    border-bottom: 1px solid var(--lns-color-border);
  }
  .sm-borderLeft {
    border-left: 1px solid var(--lns-color-border);
  }
  .sm-borderRight {
    border-right: 1px solid var(--lns-color-border);
  }
  .sm-inline {
    display: inline;
  }
  .sm-block {
    display: block;
  }
  .sm-flex {
    display: flex;
  }
  .sm-inlineBlock {
    display: inline-block;
  }
  .sm-inlineFlex {
    display: inline-flex;
  }
  .sm-none {
    display: none;
  }
  .sm-flexWrap {
    flex-wrap: wrap;
  }
  .sm-flexDirection\:column {
    flex-direction: column;
  }
  .sm-flexDirection\:row {
    flex-direction: row;
  }
  .sm-items\:stretch {
    align-items: stretch;
  }
  .sm-items\:center {
    align-items: center;
  }
  .sm-items\:baseline {
    align-items: baseline;
  }
  .sm-items\:flexStart {
    align-items: flex-start;
  }
  .sm-items\:flexEnd {
    align-items: flex-end;
  }
  .sm-items\:selfStart {
    align-items: self-start;
  }
  .sm-items\:selfEnd {
    align-items: self-end;
  }
  .sm-justify\:flexStart {
    justify-content: flex-start;
  }
  .sm-justify\:flexEnd {
    justify-content: flex-end;
  }
  .sm-justify\:center {
    justify-content: center;
  }
  .sm-justify\:spaceBetween {
    justify-content: space-between;
  }
  .sm-justify\:spaceAround {
    justify-content: space-around;
  }
  .sm-justify\:spaceEvenly {
    justify-content: space-evenly;
  }
  .sm-grow\:0 {
    flex-grow: 0;
  }
  .sm-grow\:1 {
    flex-grow: 1;
  }
  .sm-shrink\:0 {
    flex-shrink: 0;
  }
  .sm-shrink\:1 {
    flex-shrink: 1;
  }
  .sm-self\:auto {
    align-self: auto;
  }
  .sm-self\:flexStart {
    align-self: flex-start;
  }
  .sm-self\:flexEnd {
    align-self: flex-end;
  }
  .sm-self\:center {
    align-self: center;
  }
  .sm-self\:baseline {
    align-self: baseline;
  }
  .sm-self\:stretch {
    align-self: stretch;
  }
  .sm-overflow\:hidden {
    overflow: hidden;
  }
  .sm-overflow\:auto {
    overflow: auto;
  }
  .sm-relative {
    position: relative;
  }
  .sm-absolute {
    position: absolute;
  }
  .sm-sticky {
    position: sticky;
  }
  .sm-fixed {
    position: fixed;
  }
  .sm-top\:0 {
    top: 0;
  }
  .sm-top\:auto {
    top: auto;
  }
  .sm-top\:xsmall {
    top: var(--lns-space-xsmall);
  }
  .sm-top\:small {
    top: var(--lns-space-small);
  }
  .sm-top\:medium {
    top: var(--lns-space-medium);
  }
  .sm-top\:large {
    top: var(--lns-space-large);
  }
  .sm-top\:xlarge {
    top: var(--lns-space-xlarge);
  }
  .sm-top\:xxlarge {
    top: var(--lns-space-xxlarge);
  }
  .sm-bottom\:0 {
    bottom: 0;
  }
  .sm-bottom\:auto {
    bottom: auto;
  }
  .sm-bottom\:xsmall {
    bottom: var(--lns-space-xsmall);
  }
  .sm-bottom\:small {
    bottom: var(--lns-space-small);
  }
  .sm-bottom\:medium {
    bottom: var(--lns-space-medium);
  }
  .sm-bottom\:large {
    bottom: var(--lns-space-large);
  }
  .sm-bottom\:xlarge {
    bottom: var(--lns-space-xlarge);
  }
  .sm-bottom\:xxlarge {
    bottom: var(--lns-space-xxlarge);
  }
  .sm-left\:0 {
    left: 0;
  }
  .sm-left\:auto {
    left: auto;
  }
  .sm-left\:xsmall {
    left: var(--lns-space-xsmall);
  }
  .sm-left\:small {
    left: var(--lns-space-small);
  }
  .sm-left\:medium {
    left: var(--lns-space-medium);
  }
  .sm-left\:large {
    left: var(--lns-space-large);
  }
  .sm-left\:xlarge {
    left: var(--lns-space-xlarge);
  }
  .sm-left\:xxlarge {
    left: var(--lns-space-xxlarge);
  }
  .sm-right\:0 {
    right: 0;
  }
  .sm-right\:auto {
    right: auto;
  }
  .sm-right\:xsmall {
    right: var(--lns-space-xsmall);
  }
  .sm-right\:small {
    right: var(--lns-space-small);
  }
  .sm-right\:medium {
    right: var(--lns-space-medium);
  }
  .sm-right\:large {
    right: var(--lns-space-large);
  }
  .sm-right\:xlarge {
    right: var(--lns-space-xlarge);
  }
  .sm-right\:xxlarge {
    right: var(--lns-space-xxlarge);
  }
  .sm-width\:auto {
    width: auto;
  }
  .sm-width\:full {
    width: 100%;
  }
  .sm-width\:0 {
    width: 0;
  }
  .sm-minWidth\:0 {
    min-width: 0;
  }
  .sm-height\:auto {
    height: auto;
  }
  .sm-height\:full {
    height: 100%;
  }
  .sm-height\:0 {
    height: 0;
  }
  .sm-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sm-srOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}
@media (min-width: 64em) {
  .md-c\:red {
    color: var(--lns-color-red);
  }
  .md-c\:blurpleLight {
    color: var(--lns-color-blurpleLight);
  }
  .md-c\:blurpleMedium {
    color: var(--lns-color-blurpleMedium);
  }
  .md-c\:blurple {
    color: var(--lns-color-blurple);
  }
  .md-c\:blurpleDark {
    color: var(--lns-color-blurpleDark);
  }
  .md-c\:blurpleStrong {
    color: var(--lns-color-blurpleStrong);
  }
  .md-c\:offWhite {
    color: var(--lns-color-offWhite);
  }
  .md-c\:blueLight {
    color: var(--lns-color-blueLight);
  }
  .md-c\:blue {
    color: var(--lns-color-blue);
  }
  .md-c\:blueDark {
    color: var(--lns-color-blueDark);
  }
  .md-c\:orangeLight {
    color: var(--lns-color-orangeLight);
  }
  .md-c\:orange {
    color: var(--lns-color-orange);
  }
  .md-c\:orangeDark {
    color: var(--lns-color-orangeDark);
  }
  .md-c\:tealLight {
    color: var(--lns-color-tealLight);
  }
  .md-c\:teal {
    color: var(--lns-color-teal);
  }
  .md-c\:tealDark {
    color: var(--lns-color-tealDark);
  }
  .md-c\:yellowLight {
    color: var(--lns-color-yellowLight);
  }
  .md-c\:yellow {
    color: var(--lns-color-yellow);
  }
  .md-c\:yellowDark {
    color: var(--lns-color-yellowDark);
  }
  .md-c\:grey8 {
    color: var(--lns-color-grey8);
  }
  .md-c\:grey7 {
    color: var(--lns-color-grey7);
  }
  .md-c\:grey6 {
    color: var(--lns-color-grey6);
  }
  .md-c\:grey5 {
    color: var(--lns-color-grey5);
  }
  .md-c\:grey4 {
    color: var(--lns-color-grey4);
  }
  .md-c\:grey3 {
    color: var(--lns-color-grey3);
  }
  .md-c\:grey2 {
    color: var(--lns-color-grey2);
  }
  .md-c\:grey1 {
    color: var(--lns-color-grey1);
  }
  .md-c\:white {
    color: var(--lns-color-white);
  }
  .md-c\:primary {
    color: var(--lns-color-primary);
  }
  .md-c\:primaryHover {
    color: var(--lns-color-primaryHover);
  }
  .md-c\:primaryActive {
    color: var(--lns-color-primaryActive);
  }
  .md-c\:body {
    color: var(--lns-color-body);
  }
  .md-c\:bodyDimmed {
    color: var(--lns-color-bodyDimmed);
  }
  .md-c\:background {
    color: var(--lns-color-background);
  }
  .md-c\:backgroundHover {
    color: var(--lns-color-backgroundHover);
  }
  .md-c\:backgroundActive {
    color: var(--lns-color-backgroundActive);
  }
  .md-c\:backgroundSecondary {
    color: var(--lns-color-backgroundSecondary);
  }
  .md-c\:backgroundSecondary2 {
    color: var(--lns-color-backgroundSecondary2);
  }
  .md-c\:overlay {
    color: var(--lns-color-overlay);
  }
  .md-c\:border {
    color: var(--lns-color-border);
  }
  .md-c\:focusRing {
    color: var(--lns-color-focusRing);
  }
  .md-c\:record {
    color: var(--lns-color-record);
  }
  .md-c\:recordHover {
    color: var(--lns-color-recordHover);
  }
  .md-c\:recordActive {
    color: var(--lns-color-recordActive);
  }
  .md-c\:info {
    color: var(--lns-color-info);
  }
  .md-c\:success {
    color: var(--lns-color-success);
  }
  .md-c\:warning {
    color: var(--lns-color-warning);
  }
  .md-c\:danger {
    color: var(--lns-color-danger);
  }
  .md-c\:dangerHover {
    color: var(--lns-color-dangerHover);
  }
  .md-c\:dangerActive {
    color: var(--lns-color-dangerActive);
  }
  .md-c\:backdrop {
    color: var(--lns-color-backdrop);
  }
  .md-c\:backdropDark {
    color: var(--lns-color-backdropDark);
  }
  .md-c\:backdropTwilight {
    color: var(--lns-color-backdropTwilight);
  }
  .md-c\:disabledContent {
    color: var(--lns-color-disabledContent);
  }
  .md-c\:highlight {
    color: var(--lns-color-highlight);
  }
  .md-c\:disabledBackground {
    color: var(--lns-color-disabledBackground);
  }
  .md-c\:formFieldBorder {
    color: var(--lns-color-formFieldBorder);
  }
  .md-c\:formFieldBackground {
    color: var(--lns-color-formFieldBackground);
  }
  .md-c\:buttonBorder {
    color: var(--lns-color-buttonBorder);
  }
  .md-c\:upgrade {
    color: var(--lns-color-upgrade);
  }
  .md-c\:upgradeHover {
    color: var(--lns-color-upgradeHover);
  }
  .md-c\:upgradeActive {
    color: var(--lns-color-upgradeActive);
  }
  .md-c\:tabBackground {
    color: var(--lns-color-tabBackground);
  }
  .md-c\:discoveryBackground {
    color: var(--lns-color-discoveryBackground);
  }
  .md-c\:discoveryLightBackground {
    color: var(--lns-color-discoveryLightBackground);
  }
  .md-c\:discoveryTitle {
    color: var(--lns-color-discoveryTitle);
  }
  .md-c\:discoveryHighlight {
    color: var(--lns-color-discoveryHighlight);
  }
  .md-shadow\:small {
    box-shadow: var(--lns-shadow-small);
  }
  .md-shadow\:medium {
    box-shadow: var(--lns-shadow-medium);
  }
  .md-shadow\:large {
    box-shadow: var(--lns-shadow-large);
  }
  .md-radius\:medium {
    border-radius: var(--lns-radius-medium);
  }
  .md-radius\:large {
    border-radius: var(--lns-radius-large);
  }
  .md-radius\:xlarge {
    border-radius: var(--lns-radius-xlarge);
  }
  .md-radius\:full {
    border-radius: var(--lns-radius-full);
  }
  .md-bgc\:red {
    background-color: var(--lns-color-red);
  }
  .md-bgc\:blurpleLight {
    background-color: var(--lns-color-blurpleLight);
  }
  .md-bgc\:blurpleMedium {
    background-color: var(--lns-color-blurpleMedium);
  }
  .md-bgc\:blurple {
    background-color: var(--lns-color-blurple);
  }
  .md-bgc\:blurpleDark {
    background-color: var(--lns-color-blurpleDark);
  }
  .md-bgc\:blurpleStrong {
    background-color: var(--lns-color-blurpleStrong);
  }
  .md-bgc\:offWhite {
    background-color: var(--lns-color-offWhite);
  }
  .md-bgc\:blueLight {
    background-color: var(--lns-color-blueLight);
  }
  .md-bgc\:blue {
    background-color: var(--lns-color-blue);
  }
  .md-bgc\:blueDark {
    background-color: var(--lns-color-blueDark);
  }
  .md-bgc\:orangeLight {
    background-color: var(--lns-color-orangeLight);
  }
  .md-bgc\:orange {
    background-color: var(--lns-color-orange);
  }
  .md-bgc\:orangeDark {
    background-color: var(--lns-color-orangeDark);
  }
  .md-bgc\:tealLight {
    background-color: var(--lns-color-tealLight);
  }
  .md-bgc\:teal {
    background-color: var(--lns-color-teal);
  }
  .md-bgc\:tealDark {
    background-color: var(--lns-color-tealDark);
  }
  .md-bgc\:yellowLight {
    background-color: var(--lns-color-yellowLight);
  }
  .md-bgc\:yellow {
    background-color: var(--lns-color-yellow);
  }
  .md-bgc\:yellowDark {
    background-color: var(--lns-color-yellowDark);
  }
  .md-bgc\:grey8 {
    background-color: var(--lns-color-grey8);
  }
  .md-bgc\:grey7 {
    background-color: var(--lns-color-grey7);
  }
  .md-bgc\:grey6 {
    background-color: var(--lns-color-grey6);
  }
  .md-bgc\:grey5 {
    background-color: var(--lns-color-grey5);
  }
  .md-bgc\:grey4 {
    background-color: var(--lns-color-grey4);
  }
  .md-bgc\:grey3 {
    background-color: var(--lns-color-grey3);
  }
  .md-bgc\:grey2 {
    background-color: var(--lns-color-grey2);
  }
  .md-bgc\:grey1 {
    background-color: var(--lns-color-grey1);
  }
  .md-bgc\:white {
    background-color: var(--lns-color-white);
  }
  .md-bgc\:primary {
    background-color: var(--lns-color-primary);
  }
  .md-bgc\:primaryHover {
    background-color: var(--lns-color-primaryHover);
  }
  .md-bgc\:primaryActive {
    background-color: var(--lns-color-primaryActive);
  }
  .md-bgc\:body {
    background-color: var(--lns-color-body);
  }
  .md-bgc\:bodyDimmed {
    background-color: var(--lns-color-bodyDimmed);
  }
  .md-bgc\:background {
    background-color: var(--lns-color-background);
  }
  .md-bgc\:backgroundHover {
    background-color: var(--lns-color-backgroundHover);
  }
  .md-bgc\:backgroundActive {
    background-color: var(--lns-color-backgroundActive);
  }
  .md-bgc\:backgroundSecondary {
    background-color: var(--lns-color-backgroundSecondary);
  }
  .md-bgc\:backgroundSecondary2 {
    background-color: var(--lns-color-backgroundSecondary2);
  }
  .md-bgc\:overlay {
    background-color: var(--lns-color-overlay);
  }
  .md-bgc\:border {
    background-color: var(--lns-color-border);
  }
  .md-bgc\:focusRing {
    background-color: var(--lns-color-focusRing);
  }
  .md-bgc\:record {
    background-color: var(--lns-color-record);
  }
  .md-bgc\:recordHover {
    background-color: var(--lns-color-recordHover);
  }
  .md-bgc\:recordActive {
    background-color: var(--lns-color-recordActive);
  }
  .md-bgc\:info {
    background-color: var(--lns-color-info);
  }
  .md-bgc\:success {
    background-color: var(--lns-color-success);
  }
  .md-bgc\:warning {
    background-color: var(--lns-color-warning);
  }
  .md-bgc\:danger {
    background-color: var(--lns-color-danger);
  }
  .md-bgc\:dangerHover {
    background-color: var(--lns-color-dangerHover);
  }
  .md-bgc\:dangerActive {
    background-color: var(--lns-color-dangerActive);
  }
  .md-bgc\:backdrop {
    background-color: var(--lns-color-backdrop);
  }
  .md-bgc\:backdropDark {
    background-color: var(--lns-color-backdropDark);
  }
  .md-bgc\:backdropTwilight {
    background-color: var(--lns-color-backdropTwilight);
  }
  .md-bgc\:disabledContent {
    background-color: var(--lns-color-disabledContent);
  }
  .md-bgc\:highlight {
    background-color: var(--lns-color-highlight);
  }
  .md-bgc\:disabledBackground {
    background-color: var(--lns-color-disabledBackground);
  }
  .md-bgc\:formFieldBorder {
    background-color: var(--lns-color-formFieldBorder);
  }
  .md-bgc\:formFieldBackground {
    background-color: var(--lns-color-formFieldBackground);
  }
  .md-bgc\:buttonBorder {
    background-color: var(--lns-color-buttonBorder);
  }
  .md-bgc\:upgrade {
    background-color: var(--lns-color-upgrade);
  }
  .md-bgc\:upgradeHover {
    background-color: var(--lns-color-upgradeHover);
  }
  .md-bgc\:upgradeActive {
    background-color: var(--lns-color-upgradeActive);
  }
  .md-bgc\:tabBackground {
    background-color: var(--lns-color-tabBackground);
  }
  .md-bgc\:discoveryBackground {
    background-color: var(--lns-color-discoveryBackground);
  }
  .md-bgc\:discoveryLightBackground {
    background-color: var(--lns-color-discoveryLightBackground);
  }
  .md-bgc\:discoveryTitle {
    background-color: var(--lns-color-discoveryTitle);
  }
  .md-bgc\:discoveryHighlight {
    background-color: var(--lns-color-discoveryHighlight);
  }
  .md-m\:0 {
    margin: 0;
  }
  .md-m\:auto {
    margin: auto;
  }
  .md-m\:xsmall {
    margin: var(--lns-space-xsmall);
  }
  .md-m\:small {
    margin: var(--lns-space-small);
  }
  .md-m\:medium {
    margin: var(--lns-space-medium);
  }
  .md-m\:large {
    margin: var(--lns-space-large);
  }
  .md-m\:xlarge {
    margin: var(--lns-space-xlarge);
  }
  .md-m\:xxlarge {
    margin: var(--lns-space-xxlarge);
  }
  .md-mt\:0 {
    margin-top: 0;
  }
  .md-mt\:auto {
    margin-top: auto;
  }
  .md-mt\:xsmall {
    margin-top: var(--lns-space-xsmall);
  }
  .md-mt\:small {
    margin-top: var(--lns-space-small);
  }
  .md-mt\:medium {
    margin-top: var(--lns-space-medium);
  }
  .md-mt\:large {
    margin-top: var(--lns-space-large);
  }
  .md-mt\:xlarge {
    margin-top: var(--lns-space-xlarge);
  }
  .md-mt\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
  }
  .md-mb\:0 {
    margin-bottom: 0;
  }
  .md-mb\:auto {
    margin-bottom: auto;
  }
  .md-mb\:xsmall {
    margin-bottom: var(--lns-space-xsmall);
  }
  .md-mb\:small {
    margin-bottom: var(--lns-space-small);
  }
  .md-mb\:medium {
    margin-bottom: var(--lns-space-medium);
  }
  .md-mb\:large {
    margin-bottom: var(--lns-space-large);
  }
  .md-mb\:xlarge {
    margin-bottom: var(--lns-space-xlarge);
  }
  .md-mb\:xxlarge {
    margin-bottom: var(--lns-space-xxlarge);
  }
  .md-ml\:0 {
    margin-left: 0;
  }
  .md-ml\:auto {
    margin-left: auto;
  }
  .md-ml\:xsmall {
    margin-left: var(--lns-space-xsmall);
  }
  .md-ml\:small {
    margin-left: var(--lns-space-small);
  }
  .md-ml\:medium {
    margin-left: var(--lns-space-medium);
  }
  .md-ml\:large {
    margin-left: var(--lns-space-large);
  }
  .md-ml\:xlarge {
    margin-left: var(--lns-space-xlarge);
  }
  .md-ml\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
  }
  .md-mr\:0 {
    margin-right: 0;
  }
  .md-mr\:auto {
    margin-right: auto;
  }
  .md-mr\:xsmall {
    margin-right: var(--lns-space-xsmall);
  }
  .md-mr\:small {
    margin-right: var(--lns-space-small);
  }
  .md-mr\:medium {
    margin-right: var(--lns-space-medium);
  }
  .md-mr\:large {
    margin-right: var(--lns-space-large);
  }
  .md-mr\:xlarge {
    margin-right: var(--lns-space-xlarge);
  }
  .md-mr\:xxlarge {
    margin-right: var(--lns-space-xxlarge);
  }
  .md-mx\:0 {
    margin-left: 0;
    margin-right: 0;
  }
  .md-mx\:auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md-mx\:xsmall {
    margin-left: var(--lns-space-xsmall);
    margin-right: var(--lns-space-xsmall);
  }
  .md-mx\:small {
    margin-left: var(--lns-space-small);
    margin-right: var(--lns-space-small);
  }
  .md-mx\:medium {
    margin-left: var(--lns-space-medium);
    margin-right: var(--lns-space-medium);
  }
  .md-mx\:large {
    margin-left: var(--lns-space-large);
    margin-right: var(--lns-space-large);
  }
  .md-mx\:xlarge {
    margin-left: var(--lns-space-xlarge);
    margin-right: var(--lns-space-xlarge);
  }
  .md-mx\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
    margin-right: var(--lns-space-xxlarge);
  }
  .md-my\:0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .md-my\:auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .md-my\:xsmall {
    margin-top: var(--lns-space-xsmall);
    margin-bottom: var(--lns-space-xsmall);
  }
  .md-my\:small {
    margin-top: var(--lns-space-small);
    margin-bottom: var(--lns-space-small);
  }
  .md-my\:medium {
    margin-top: var(--lns-space-medium);
    margin-bottom: var(--lns-space-medium);
  }
  .md-my\:large {
    margin-top: var(--lns-space-large);
    margin-bottom: var(--lns-space-large);
  }
  .md-my\:xlarge {
    margin-top: var(--lns-space-xlarge);
    margin-bottom: var(--lns-space-xlarge);
  }
  .md-my\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
    margin-bottom: var(--lns-space-xxlarge);
  }
  .md-p\:0 {
    padding: 0;
  }
  .md-p\:xsmall {
    padding: var(--lns-space-xsmall);
  }
  .md-p\:small {
    padding: var(--lns-space-small);
  }
  .md-p\:medium {
    padding: var(--lns-space-medium);
  }
  .md-p\:large {
    padding: var(--lns-space-large);
  }
  .md-p\:xlarge {
    padding: var(--lns-space-xlarge);
  }
  .md-p\:xxlarge {
    padding: var(--lns-space-xxlarge);
  }
  .md-pt\:0 {
    padding-top: 0;
  }
  .md-pt\:xsmall {
    padding-top: var(--lns-space-xsmall);
  }
  .md-pt\:small {
    padding-top: var(--lns-space-small);
  }
  .md-pt\:medium {
    padding-top: var(--lns-space-medium);
  }
  .md-pt\:large {
    padding-top: var(--lns-space-large);
  }
  .md-pt\:xlarge {
    padding-top: var(--lns-space-xlarge);
  }
  .md-pt\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
  }
  .md-pb\:0 {
    padding-bottom: 0;
  }
  .md-pb\:xsmall {
    padding-bottom: var(--lns-space-xsmall);
  }
  .md-pb\:small {
    padding-bottom: var(--lns-space-small);
  }
  .md-pb\:medium {
    padding-bottom: var(--lns-space-medium);
  }
  .md-pb\:large {
    padding-bottom: var(--lns-space-large);
  }
  .md-pb\:xlarge {
    padding-bottom: var(--lns-space-xlarge);
  }
  .md-pb\:xxlarge {
    padding-bottom: var(--lns-space-xxlarge);
  }
  .md-pl\:0 {
    padding-left: 0;
  }
  .md-pl\:xsmall {
    padding-left: var(--lns-space-xsmall);
  }
  .md-pl\:small {
    padding-left: var(--lns-space-small);
  }
  .md-pl\:medium {
    padding-left: var(--lns-space-medium);
  }
  .md-pl\:large {
    padding-left: var(--lns-space-large);
  }
  .md-pl\:xlarge {
    padding-left: var(--lns-space-xlarge);
  }
  .md-pl\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
  }
  .md-pr\:0 {
    padding-right: 0;
  }
  .md-pr\:xsmall {
    padding-right: var(--lns-space-xsmall);
  }
  .md-pr\:small {
    padding-right: var(--lns-space-small);
  }
  .md-pr\:medium {
    padding-right: var(--lns-space-medium);
  }
  .md-pr\:large {
    padding-right: var(--lns-space-large);
  }
  .md-pr\:xlarge {
    padding-right: var(--lns-space-xlarge);
  }
  .md-pr\:xxlarge {
    padding-right: var(--lns-space-xxlarge);
  }
  .md-px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md-px\:xsmall {
    padding-left: var(--lns-space-xsmall);
    padding-right: var(--lns-space-xsmall);
  }
  .md-px\:small {
    padding-left: var(--lns-space-small);
    padding-right: var(--lns-space-small);
  }
  .md-px\:medium {
    padding-left: var(--lns-space-medium);
    padding-right: var(--lns-space-medium);
  }
  .md-px\:large {
    padding-left: var(--lns-space-large);
    padding-right: var(--lns-space-large);
  }
  .md-px\:xlarge {
    padding-left: var(--lns-space-xlarge);
    padding-right: var(--lns-space-xlarge);
  }
  .md-px\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
    padding-right: var(--lns-space-xxlarge);
  }
  .md-py\:0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md-py\:xsmall {
    padding-top: var(--lns-space-xsmall);
    padding-bottom: var(--lns-space-xsmall);
  }
  .md-py\:small {
    padding-top: var(--lns-space-small);
    padding-bottom: var(--lns-space-small);
  }
  .md-py\:medium {
    padding-top: var(--lns-space-medium);
    padding-bottom: var(--lns-space-medium);
  }
  .md-py\:large {
    padding-top: var(--lns-space-large);
    padding-bottom: var(--lns-space-large);
  }
  .md-py\:xlarge {
    padding-top: var(--lns-space-xlarge);
    padding-bottom: var(--lns-space-xlarge);
  }
  .md-py\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
    padding-bottom: var(--lns-space-xxlarge);
  }
  .md-text\:small {
    font-size: var(--lns-fontSize-small);
    line-height: var(--lns-lineHeight-small);
  }
  .md-text\:body-sm {
    font-size: var(--lns-fontSize-body-sm);
    line-height: var(--lns-lineHeight-body-sm);
  }
  .md-text\:medium {
    font-size: var(--lns-fontSize-medium);
    line-height: var(--lns-lineHeight-medium);
  }
  .md-text\:body-md {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
  }
  .md-text\:large {
    font-size: var(--lns-fontSize-large);
    line-height: var(--lns-lineHeight-large);
  }
  .md-text\:body-lg {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
  }
  .md-text\:xlarge {
    font-size: var(--lns-fontSize-xlarge);
    line-height: var(--lns-lineHeight-xlarge);
  }
  .md-text\:heading-sm {
    font-size: var(--lns-fontSize-heading-sm);
    line-height: var(--lns-lineHeight-heading-sm);
  }
  .md-text\:xxlarge {
    font-size: var(--lns-fontSize-xxlarge);
    line-height: var(--lns-lineHeight-xxlarge);
  }
  .md-text\:heading-md {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
  }
  .md-text\:xxxlarge {
    font-size: var(--lns-fontSize-xxxlarge);
    line-height: var(--lns-lineHeight-xxxlarge);
  }
  .md-text\:heading-lg {
    font-size: var(--lns-fontSize-heading-lg);
    line-height: var(--lns-lineHeight-heading-lg);
  }
  .md-weight\:book {
    font-weight: var(--lns-fontWeight-book);
  }
  .md-weight\:bold {
    font-weight: var(--lns-fontWeight-bold);
  }
  .md-text\:body {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
    font-weight: var(--lns-fontWeight-book);
  }
  .md-text\:title {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
    font-weight: var(--lns-fontWeight-bold);
  }
  .md-text\:mainTitle {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
    font-weight: var(--lns-fontWeight-bold);
  }
  .md-text\:left {
    text-align: left;
  }
  .md-text\:right {
    text-align: right;
  }
  .md-text\:center {
    text-align: center;
  }
  .md-border {
    border: 1px solid var(--lns-color-border);
  }
  .md-borderTop {
    border-top: 1px solid var(--lns-color-border);
  }
  .md-borderBottom {
    border-bottom: 1px solid var(--lns-color-border);
  }
  .md-borderLeft {
    border-left: 1px solid var(--lns-color-border);
  }
  .md-borderRight {
    border-right: 1px solid var(--lns-color-border);
  }
  .md-inline {
    display: inline;
  }
  .md-block {
    display: block;
  }
  .md-flex {
    display: flex;
  }
  .md-inlineBlock {
    display: inline-block;
  }
  .md-inlineFlex {
    display: inline-flex;
  }
  .md-none {
    display: none;
  }
  .md-flexWrap {
    flex-wrap: wrap;
  }
  .md-flexDirection\:column {
    flex-direction: column;
  }
  .md-flexDirection\:row {
    flex-direction: row;
  }
  .md-items\:stretch {
    align-items: stretch;
  }
  .md-items\:center {
    align-items: center;
  }
  .md-items\:baseline {
    align-items: baseline;
  }
  .md-items\:flexStart {
    align-items: flex-start;
  }
  .md-items\:flexEnd {
    align-items: flex-end;
  }
  .md-items\:selfStart {
    align-items: self-start;
  }
  .md-items\:selfEnd {
    align-items: self-end;
  }
  .md-justify\:flexStart {
    justify-content: flex-start;
  }
  .md-justify\:flexEnd {
    justify-content: flex-end;
  }
  .md-justify\:center {
    justify-content: center;
  }
  .md-justify\:spaceBetween {
    justify-content: space-between;
  }
  .md-justify\:spaceAround {
    justify-content: space-around;
  }
  .md-justify\:spaceEvenly {
    justify-content: space-evenly;
  }
  .md-grow\:0 {
    flex-grow: 0;
  }
  .md-grow\:1 {
    flex-grow: 1;
  }
  .md-shrink\:0 {
    flex-shrink: 0;
  }
  .md-shrink\:1 {
    flex-shrink: 1;
  }
  .md-self\:auto {
    align-self: auto;
  }
  .md-self\:flexStart {
    align-self: flex-start;
  }
  .md-self\:flexEnd {
    align-self: flex-end;
  }
  .md-self\:center {
    align-self: center;
  }
  .md-self\:baseline {
    align-self: baseline;
  }
  .md-self\:stretch {
    align-self: stretch;
  }
  .md-overflow\:hidden {
    overflow: hidden;
  }
  .md-overflow\:auto {
    overflow: auto;
  }
  .md-relative {
    position: relative;
  }
  .md-absolute {
    position: absolute;
  }
  .md-sticky {
    position: sticky;
  }
  .md-fixed {
    position: fixed;
  }
  .md-top\:0 {
    top: 0;
  }
  .md-top\:auto {
    top: auto;
  }
  .md-top\:xsmall {
    top: var(--lns-space-xsmall);
  }
  .md-top\:small {
    top: var(--lns-space-small);
  }
  .md-top\:medium {
    top: var(--lns-space-medium);
  }
  .md-top\:large {
    top: var(--lns-space-large);
  }
  .md-top\:xlarge {
    top: var(--lns-space-xlarge);
  }
  .md-top\:xxlarge {
    top: var(--lns-space-xxlarge);
  }
  .md-bottom\:0 {
    bottom: 0;
  }
  .md-bottom\:auto {
    bottom: auto;
  }
  .md-bottom\:xsmall {
    bottom: var(--lns-space-xsmall);
  }
  .md-bottom\:small {
    bottom: var(--lns-space-small);
  }
  .md-bottom\:medium {
    bottom: var(--lns-space-medium);
  }
  .md-bottom\:large {
    bottom: var(--lns-space-large);
  }
  .md-bottom\:xlarge {
    bottom: var(--lns-space-xlarge);
  }
  .md-bottom\:xxlarge {
    bottom: var(--lns-space-xxlarge);
  }
  .md-left\:0 {
    left: 0;
  }
  .md-left\:auto {
    left: auto;
  }
  .md-left\:xsmall {
    left: var(--lns-space-xsmall);
  }
  .md-left\:small {
    left: var(--lns-space-small);
  }
  .md-left\:medium {
    left: var(--lns-space-medium);
  }
  .md-left\:large {
    left: var(--lns-space-large);
  }
  .md-left\:xlarge {
    left: var(--lns-space-xlarge);
  }
  .md-left\:xxlarge {
    left: var(--lns-space-xxlarge);
  }
  .md-right\:0 {
    right: 0;
  }
  .md-right\:auto {
    right: auto;
  }
  .md-right\:xsmall {
    right: var(--lns-space-xsmall);
  }
  .md-right\:small {
    right: var(--lns-space-small);
  }
  .md-right\:medium {
    right: var(--lns-space-medium);
  }
  .md-right\:large {
    right: var(--lns-space-large);
  }
  .md-right\:xlarge {
    right: var(--lns-space-xlarge);
  }
  .md-right\:xxlarge {
    right: var(--lns-space-xxlarge);
  }
  .md-width\:auto {
    width: auto;
  }
  .md-width\:full {
    width: 100%;
  }
  .md-width\:0 {
    width: 0;
  }
  .md-minWidth\:0 {
    min-width: 0;
  }
  .md-height\:auto {
    height: auto;
  }
  .md-height\:full {
    height: 100%;
  }
  .md-height\:0 {
    height: 0;
  }
  .md-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .md-srOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}
@media (min-width: 75em) {
  .lg-c\:red {
    color: var(--lns-color-red);
  }
  .lg-c\:blurpleLight {
    color: var(--lns-color-blurpleLight);
  }
  .lg-c\:blurpleMedium {
    color: var(--lns-color-blurpleMedium);
  }
  .lg-c\:blurple {
    color: var(--lns-color-blurple);
  }
  .lg-c\:blurpleDark {
    color: var(--lns-color-blurpleDark);
  }
  .lg-c\:blurpleStrong {
    color: var(--lns-color-blurpleStrong);
  }
  .lg-c\:offWhite {
    color: var(--lns-color-offWhite);
  }
  .lg-c\:blueLight {
    color: var(--lns-color-blueLight);
  }
  .lg-c\:blue {
    color: var(--lns-color-blue);
  }
  .lg-c\:blueDark {
    color: var(--lns-color-blueDark);
  }
  .lg-c\:orangeLight {
    color: var(--lns-color-orangeLight);
  }
  .lg-c\:orange {
    color: var(--lns-color-orange);
  }
  .lg-c\:orangeDark {
    color: var(--lns-color-orangeDark);
  }
  .lg-c\:tealLight {
    color: var(--lns-color-tealLight);
  }
  .lg-c\:teal {
    color: var(--lns-color-teal);
  }
  .lg-c\:tealDark {
    color: var(--lns-color-tealDark);
  }
  .lg-c\:yellowLight {
    color: var(--lns-color-yellowLight);
  }
  .lg-c\:yellow {
    color: var(--lns-color-yellow);
  }
  .lg-c\:yellowDark {
    color: var(--lns-color-yellowDark);
  }
  .lg-c\:grey8 {
    color: var(--lns-color-grey8);
  }
  .lg-c\:grey7 {
    color: var(--lns-color-grey7);
  }
  .lg-c\:grey6 {
    color: var(--lns-color-grey6);
  }
  .lg-c\:grey5 {
    color: var(--lns-color-grey5);
  }
  .lg-c\:grey4 {
    color: var(--lns-color-grey4);
  }
  .lg-c\:grey3 {
    color: var(--lns-color-grey3);
  }
  .lg-c\:grey2 {
    color: var(--lns-color-grey2);
  }
  .lg-c\:grey1 {
    color: var(--lns-color-grey1);
  }
  .lg-c\:white {
    color: var(--lns-color-white);
  }
  .lg-c\:primary {
    color: var(--lns-color-primary);
  }
  .lg-c\:primaryHover {
    color: var(--lns-color-primaryHover);
  }
  .lg-c\:primaryActive {
    color: var(--lns-color-primaryActive);
  }
  .lg-c\:body {
    color: var(--lns-color-body);
  }
  .lg-c\:bodyDimmed {
    color: var(--lns-color-bodyDimmed);
  }
  .lg-c\:background {
    color: var(--lns-color-background);
  }
  .lg-c\:backgroundHover {
    color: var(--lns-color-backgroundHover);
  }
  .lg-c\:backgroundActive {
    color: var(--lns-color-backgroundActive);
  }
  .lg-c\:backgroundSecondary {
    color: var(--lns-color-backgroundSecondary);
  }
  .lg-c\:backgroundSecondary2 {
    color: var(--lns-color-backgroundSecondary2);
  }
  .lg-c\:overlay {
    color: var(--lns-color-overlay);
  }
  .lg-c\:border {
    color: var(--lns-color-border);
  }
  .lg-c\:focusRing {
    color: var(--lns-color-focusRing);
  }
  .lg-c\:record {
    color: var(--lns-color-record);
  }
  .lg-c\:recordHover {
    color: var(--lns-color-recordHover);
  }
  .lg-c\:recordActive {
    color: var(--lns-color-recordActive);
  }
  .lg-c\:info {
    color: var(--lns-color-info);
  }
  .lg-c\:success {
    color: var(--lns-color-success);
  }
  .lg-c\:warning {
    color: var(--lns-color-warning);
  }
  .lg-c\:danger {
    color: var(--lns-color-danger);
  }
  .lg-c\:dangerHover {
    color: var(--lns-color-dangerHover);
  }
  .lg-c\:dangerActive {
    color: var(--lns-color-dangerActive);
  }
  .lg-c\:backdrop {
    color: var(--lns-color-backdrop);
  }
  .lg-c\:backdropDark {
    color: var(--lns-color-backdropDark);
  }
  .lg-c\:backdropTwilight {
    color: var(--lns-color-backdropTwilight);
  }
  .lg-c\:disabledContent {
    color: var(--lns-color-disabledContent);
  }
  .lg-c\:highlight {
    color: var(--lns-color-highlight);
  }
  .lg-c\:disabledBackground {
    color: var(--lns-color-disabledBackground);
  }
  .lg-c\:formFieldBorder {
    color: var(--lns-color-formFieldBorder);
  }
  .lg-c\:formFieldBackground {
    color: var(--lns-color-formFieldBackground);
  }
  .lg-c\:buttonBorder {
    color: var(--lns-color-buttonBorder);
  }
  .lg-c\:upgrade {
    color: var(--lns-color-upgrade);
  }
  .lg-c\:upgradeHover {
    color: var(--lns-color-upgradeHover);
  }
  .lg-c\:upgradeActive {
    color: var(--lns-color-upgradeActive);
  }
  .lg-c\:tabBackground {
    color: var(--lns-color-tabBackground);
  }
  .lg-c\:discoveryBackground {
    color: var(--lns-color-discoveryBackground);
  }
  .lg-c\:discoveryLightBackground {
    color: var(--lns-color-discoveryLightBackground);
  }
  .lg-c\:discoveryTitle {
    color: var(--lns-color-discoveryTitle);
  }
  .lg-c\:discoveryHighlight {
    color: var(--lns-color-discoveryHighlight);
  }
  .lg-shadow\:small {
    box-shadow: var(--lns-shadow-small);
  }
  .lg-shadow\:medium {
    box-shadow: var(--lns-shadow-medium);
  }
  .lg-shadow\:large {
    box-shadow: var(--lns-shadow-large);
  }
  .lg-radius\:medium {
    border-radius: var(--lns-radius-medium);
  }
  .lg-radius\:large {
    border-radius: var(--lns-radius-large);
  }
  .lg-radius\:xlarge {
    border-radius: var(--lns-radius-xlarge);
  }
  .lg-radius\:full {
    border-radius: var(--lns-radius-full);
  }
  .lg-bgc\:red {
    background-color: var(--lns-color-red);
  }
  .lg-bgc\:blurpleLight {
    background-color: var(--lns-color-blurpleLight);
  }
  .lg-bgc\:blurpleMedium {
    background-color: var(--lns-color-blurpleMedium);
  }
  .lg-bgc\:blurple {
    background-color: var(--lns-color-blurple);
  }
  .lg-bgc\:blurpleDark {
    background-color: var(--lns-color-blurpleDark);
  }
  .lg-bgc\:blurpleStrong {
    background-color: var(--lns-color-blurpleStrong);
  }
  .lg-bgc\:offWhite {
    background-color: var(--lns-color-offWhite);
  }
  .lg-bgc\:blueLight {
    background-color: var(--lns-color-blueLight);
  }
  .lg-bgc\:blue {
    background-color: var(--lns-color-blue);
  }
  .lg-bgc\:blueDark {
    background-color: var(--lns-color-blueDark);
  }
  .lg-bgc\:orangeLight {
    background-color: var(--lns-color-orangeLight);
  }
  .lg-bgc\:orange {
    background-color: var(--lns-color-orange);
  }
  .lg-bgc\:orangeDark {
    background-color: var(--lns-color-orangeDark);
  }
  .lg-bgc\:tealLight {
    background-color: var(--lns-color-tealLight);
  }
  .lg-bgc\:teal {
    background-color: var(--lns-color-teal);
  }
  .lg-bgc\:tealDark {
    background-color: var(--lns-color-tealDark);
  }
  .lg-bgc\:yellowLight {
    background-color: var(--lns-color-yellowLight);
  }
  .lg-bgc\:yellow {
    background-color: var(--lns-color-yellow);
  }
  .lg-bgc\:yellowDark {
    background-color: var(--lns-color-yellowDark);
  }
  .lg-bgc\:grey8 {
    background-color: var(--lns-color-grey8);
  }
  .lg-bgc\:grey7 {
    background-color: var(--lns-color-grey7);
  }
  .lg-bgc\:grey6 {
    background-color: var(--lns-color-grey6);
  }
  .lg-bgc\:grey5 {
    background-color: var(--lns-color-grey5);
  }
  .lg-bgc\:grey4 {
    background-color: var(--lns-color-grey4);
  }
  .lg-bgc\:grey3 {
    background-color: var(--lns-color-grey3);
  }
  .lg-bgc\:grey2 {
    background-color: var(--lns-color-grey2);
  }
  .lg-bgc\:grey1 {
    background-color: var(--lns-color-grey1);
  }
  .lg-bgc\:white {
    background-color: var(--lns-color-white);
  }
  .lg-bgc\:primary {
    background-color: var(--lns-color-primary);
  }
  .lg-bgc\:primaryHover {
    background-color: var(--lns-color-primaryHover);
  }
  .lg-bgc\:primaryActive {
    background-color: var(--lns-color-primaryActive);
  }
  .lg-bgc\:body {
    background-color: var(--lns-color-body);
  }
  .lg-bgc\:bodyDimmed {
    background-color: var(--lns-color-bodyDimmed);
  }
  .lg-bgc\:background {
    background-color: var(--lns-color-background);
  }
  .lg-bgc\:backgroundHover {
    background-color: var(--lns-color-backgroundHover);
  }
  .lg-bgc\:backgroundActive {
    background-color: var(--lns-color-backgroundActive);
  }
  .lg-bgc\:backgroundSecondary {
    background-color: var(--lns-color-backgroundSecondary);
  }
  .lg-bgc\:backgroundSecondary2 {
    background-color: var(--lns-color-backgroundSecondary2);
  }
  .lg-bgc\:overlay {
    background-color: var(--lns-color-overlay);
  }
  .lg-bgc\:border {
    background-color: var(--lns-color-border);
  }
  .lg-bgc\:focusRing {
    background-color: var(--lns-color-focusRing);
  }
  .lg-bgc\:record {
    background-color: var(--lns-color-record);
  }
  .lg-bgc\:recordHover {
    background-color: var(--lns-color-recordHover);
  }
  .lg-bgc\:recordActive {
    background-color: var(--lns-color-recordActive);
  }
  .lg-bgc\:info {
    background-color: var(--lns-color-info);
  }
  .lg-bgc\:success {
    background-color: var(--lns-color-success);
  }
  .lg-bgc\:warning {
    background-color: var(--lns-color-warning);
  }
  .lg-bgc\:danger {
    background-color: var(--lns-color-danger);
  }
  .lg-bgc\:dangerHover {
    background-color: var(--lns-color-dangerHover);
  }
  .lg-bgc\:dangerActive {
    background-color: var(--lns-color-dangerActive);
  }
  .lg-bgc\:backdrop {
    background-color: var(--lns-color-backdrop);
  }
  .lg-bgc\:backdropDark {
    background-color: var(--lns-color-backdropDark);
  }
  .lg-bgc\:backdropTwilight {
    background-color: var(--lns-color-backdropTwilight);
  }
  .lg-bgc\:disabledContent {
    background-color: var(--lns-color-disabledContent);
  }
  .lg-bgc\:highlight {
    background-color: var(--lns-color-highlight);
  }
  .lg-bgc\:disabledBackground {
    background-color: var(--lns-color-disabledBackground);
  }
  .lg-bgc\:formFieldBorder {
    background-color: var(--lns-color-formFieldBorder);
  }
  .lg-bgc\:formFieldBackground {
    background-color: var(--lns-color-formFieldBackground);
  }
  .lg-bgc\:buttonBorder {
    background-color: var(--lns-color-buttonBorder);
  }
  .lg-bgc\:upgrade {
    background-color: var(--lns-color-upgrade);
  }
  .lg-bgc\:upgradeHover {
    background-color: var(--lns-color-upgradeHover);
  }
  .lg-bgc\:upgradeActive {
    background-color: var(--lns-color-upgradeActive);
  }
  .lg-bgc\:tabBackground {
    background-color: var(--lns-color-tabBackground);
  }
  .lg-bgc\:discoveryBackground {
    background-color: var(--lns-color-discoveryBackground);
  }
  .lg-bgc\:discoveryLightBackground {
    background-color: var(--lns-color-discoveryLightBackground);
  }
  .lg-bgc\:discoveryTitle {
    background-color: var(--lns-color-discoveryTitle);
  }
  .lg-bgc\:discoveryHighlight {
    background-color: var(--lns-color-discoveryHighlight);
  }
  .lg-m\:0 {
    margin: 0;
  }
  .lg-m\:auto {
    margin: auto;
  }
  .lg-m\:xsmall {
    margin: var(--lns-space-xsmall);
  }
  .lg-m\:small {
    margin: var(--lns-space-small);
  }
  .lg-m\:medium {
    margin: var(--lns-space-medium);
  }
  .lg-m\:large {
    margin: var(--lns-space-large);
  }
  .lg-m\:xlarge {
    margin: var(--lns-space-xlarge);
  }
  .lg-m\:xxlarge {
    margin: var(--lns-space-xxlarge);
  }
  .lg-mt\:0 {
    margin-top: 0;
  }
  .lg-mt\:auto {
    margin-top: auto;
  }
  .lg-mt\:xsmall {
    margin-top: var(--lns-space-xsmall);
  }
  .lg-mt\:small {
    margin-top: var(--lns-space-small);
  }
  .lg-mt\:medium {
    margin-top: var(--lns-space-medium);
  }
  .lg-mt\:large {
    margin-top: var(--lns-space-large);
  }
  .lg-mt\:xlarge {
    margin-top: var(--lns-space-xlarge);
  }
  .lg-mt\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
  }
  .lg-mb\:0 {
    margin-bottom: 0;
  }
  .lg-mb\:auto {
    margin-bottom: auto;
  }
  .lg-mb\:xsmall {
    margin-bottom: var(--lns-space-xsmall);
  }
  .lg-mb\:small {
    margin-bottom: var(--lns-space-small);
  }
  .lg-mb\:medium {
    margin-bottom: var(--lns-space-medium);
  }
  .lg-mb\:large {
    margin-bottom: var(--lns-space-large);
  }
  .lg-mb\:xlarge {
    margin-bottom: var(--lns-space-xlarge);
  }
  .lg-mb\:xxlarge {
    margin-bottom: var(--lns-space-xxlarge);
  }
  .lg-ml\:0 {
    margin-left: 0;
  }
  .lg-ml\:auto {
    margin-left: auto;
  }
  .lg-ml\:xsmall {
    margin-left: var(--lns-space-xsmall);
  }
  .lg-ml\:small {
    margin-left: var(--lns-space-small);
  }
  .lg-ml\:medium {
    margin-left: var(--lns-space-medium);
  }
  .lg-ml\:large {
    margin-left: var(--lns-space-large);
  }
  .lg-ml\:xlarge {
    margin-left: var(--lns-space-xlarge);
  }
  .lg-ml\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
  }
  .lg-mr\:0 {
    margin-right: 0;
  }
  .lg-mr\:auto {
    margin-right: auto;
  }
  .lg-mr\:xsmall {
    margin-right: var(--lns-space-xsmall);
  }
  .lg-mr\:small {
    margin-right: var(--lns-space-small);
  }
  .lg-mr\:medium {
    margin-right: var(--lns-space-medium);
  }
  .lg-mr\:large {
    margin-right: var(--lns-space-large);
  }
  .lg-mr\:xlarge {
    margin-right: var(--lns-space-xlarge);
  }
  .lg-mr\:xxlarge {
    margin-right: var(--lns-space-xxlarge);
  }
  .lg-mx\:0 {
    margin-left: 0;
    margin-right: 0;
  }
  .lg-mx\:auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg-mx\:xsmall {
    margin-left: var(--lns-space-xsmall);
    margin-right: var(--lns-space-xsmall);
  }
  .lg-mx\:small {
    margin-left: var(--lns-space-small);
    margin-right: var(--lns-space-small);
  }
  .lg-mx\:medium {
    margin-left: var(--lns-space-medium);
    margin-right: var(--lns-space-medium);
  }
  .lg-mx\:large {
    margin-left: var(--lns-space-large);
    margin-right: var(--lns-space-large);
  }
  .lg-mx\:xlarge {
    margin-left: var(--lns-space-xlarge);
    margin-right: var(--lns-space-xlarge);
  }
  .lg-mx\:xxlarge {
    margin-left: var(--lns-space-xxlarge);
    margin-right: var(--lns-space-xxlarge);
  }
  .lg-my\:0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .lg-my\:auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .lg-my\:xsmall {
    margin-top: var(--lns-space-xsmall);
    margin-bottom: var(--lns-space-xsmall);
  }
  .lg-my\:small {
    margin-top: var(--lns-space-small);
    margin-bottom: var(--lns-space-small);
  }
  .lg-my\:medium {
    margin-top: var(--lns-space-medium);
    margin-bottom: var(--lns-space-medium);
  }
  .lg-my\:large {
    margin-top: var(--lns-space-large);
    margin-bottom: var(--lns-space-large);
  }
  .lg-my\:xlarge {
    margin-top: var(--lns-space-xlarge);
    margin-bottom: var(--lns-space-xlarge);
  }
  .lg-my\:xxlarge {
    margin-top: var(--lns-space-xxlarge);
    margin-bottom: var(--lns-space-xxlarge);
  }
  .lg-p\:0 {
    padding: 0;
  }
  .lg-p\:xsmall {
    padding: var(--lns-space-xsmall);
  }
  .lg-p\:small {
    padding: var(--lns-space-small);
  }
  .lg-p\:medium {
    padding: var(--lns-space-medium);
  }
  .lg-p\:large {
    padding: var(--lns-space-large);
  }
  .lg-p\:xlarge {
    padding: var(--lns-space-xlarge);
  }
  .lg-p\:xxlarge {
    padding: var(--lns-space-xxlarge);
  }
  .lg-pt\:0 {
    padding-top: 0;
  }
  .lg-pt\:xsmall {
    padding-top: var(--lns-space-xsmall);
  }
  .lg-pt\:small {
    padding-top: var(--lns-space-small);
  }
  .lg-pt\:medium {
    padding-top: var(--lns-space-medium);
  }
  .lg-pt\:large {
    padding-top: var(--lns-space-large);
  }
  .lg-pt\:xlarge {
    padding-top: var(--lns-space-xlarge);
  }
  .lg-pt\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
  }
  .lg-pb\:0 {
    padding-bottom: 0;
  }
  .lg-pb\:xsmall {
    padding-bottom: var(--lns-space-xsmall);
  }
  .lg-pb\:small {
    padding-bottom: var(--lns-space-small);
  }
  .lg-pb\:medium {
    padding-bottom: var(--lns-space-medium);
  }
  .lg-pb\:large {
    padding-bottom: var(--lns-space-large);
  }
  .lg-pb\:xlarge {
    padding-bottom: var(--lns-space-xlarge);
  }
  .lg-pb\:xxlarge {
    padding-bottom: var(--lns-space-xxlarge);
  }
  .lg-pl\:0 {
    padding-left: 0;
  }
  .lg-pl\:xsmall {
    padding-left: var(--lns-space-xsmall);
  }
  .lg-pl\:small {
    padding-left: var(--lns-space-small);
  }
  .lg-pl\:medium {
    padding-left: var(--lns-space-medium);
  }
  .lg-pl\:large {
    padding-left: var(--lns-space-large);
  }
  .lg-pl\:xlarge {
    padding-left: var(--lns-space-xlarge);
  }
  .lg-pl\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
  }
  .lg-pr\:0 {
    padding-right: 0;
  }
  .lg-pr\:xsmall {
    padding-right: var(--lns-space-xsmall);
  }
  .lg-pr\:small {
    padding-right: var(--lns-space-small);
  }
  .lg-pr\:medium {
    padding-right: var(--lns-space-medium);
  }
  .lg-pr\:large {
    padding-right: var(--lns-space-large);
  }
  .lg-pr\:xlarge {
    padding-right: var(--lns-space-xlarge);
  }
  .lg-pr\:xxlarge {
    padding-right: var(--lns-space-xxlarge);
  }
  .lg-px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg-px\:xsmall {
    padding-left: var(--lns-space-xsmall);
    padding-right: var(--lns-space-xsmall);
  }
  .lg-px\:small {
    padding-left: var(--lns-space-small);
    padding-right: var(--lns-space-small);
  }
  .lg-px\:medium {
    padding-left: var(--lns-space-medium);
    padding-right: var(--lns-space-medium);
  }
  .lg-px\:large {
    padding-left: var(--lns-space-large);
    padding-right: var(--lns-space-large);
  }
  .lg-px\:xlarge {
    padding-left: var(--lns-space-xlarge);
    padding-right: var(--lns-space-xlarge);
  }
  .lg-px\:xxlarge {
    padding-left: var(--lns-space-xxlarge);
    padding-right: var(--lns-space-xxlarge);
  }
  .lg-py\:0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg-py\:xsmall {
    padding-top: var(--lns-space-xsmall);
    padding-bottom: var(--lns-space-xsmall);
  }
  .lg-py\:small {
    padding-top: var(--lns-space-small);
    padding-bottom: var(--lns-space-small);
  }
  .lg-py\:medium {
    padding-top: var(--lns-space-medium);
    padding-bottom: var(--lns-space-medium);
  }
  .lg-py\:large {
    padding-top: var(--lns-space-large);
    padding-bottom: var(--lns-space-large);
  }
  .lg-py\:xlarge {
    padding-top: var(--lns-space-xlarge);
    padding-bottom: var(--lns-space-xlarge);
  }
  .lg-py\:xxlarge {
    padding-top: var(--lns-space-xxlarge);
    padding-bottom: var(--lns-space-xxlarge);
  }
  .lg-text\:small {
    font-size: var(--lns-fontSize-small);
    line-height: var(--lns-lineHeight-small);
  }
  .lg-text\:body-sm {
    font-size: var(--lns-fontSize-body-sm);
    line-height: var(--lns-lineHeight-body-sm);
  }
  .lg-text\:medium {
    font-size: var(--lns-fontSize-medium);
    line-height: var(--lns-lineHeight-medium);
  }
  .lg-text\:body-md {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
  }
  .lg-text\:large {
    font-size: var(--lns-fontSize-large);
    line-height: var(--lns-lineHeight-large);
  }
  .lg-text\:body-lg {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
  }
  .lg-text\:xlarge {
    font-size: var(--lns-fontSize-xlarge);
    line-height: var(--lns-lineHeight-xlarge);
  }
  .lg-text\:heading-sm {
    font-size: var(--lns-fontSize-heading-sm);
    line-height: var(--lns-lineHeight-heading-sm);
  }
  .lg-text\:xxlarge {
    font-size: var(--lns-fontSize-xxlarge);
    line-height: var(--lns-lineHeight-xxlarge);
  }
  .lg-text\:heading-md {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
  }
  .lg-text\:xxxlarge {
    font-size: var(--lns-fontSize-xxxlarge);
    line-height: var(--lns-lineHeight-xxxlarge);
  }
  .lg-text\:heading-lg {
    font-size: var(--lns-fontSize-heading-lg);
    line-height: var(--lns-lineHeight-heading-lg);
  }
  .lg-weight\:book {
    font-weight: var(--lns-fontWeight-book);
  }
  .lg-weight\:bold {
    font-weight: var(--lns-fontWeight-bold);
  }
  .lg-text\:body {
    font-size: var(--lns-fontSize-body-md);
    line-height: var(--lns-lineHeight-body-md);
    font-weight: var(--lns-fontWeight-book);
  }
  .lg-text\:title {
    font-size: var(--lns-fontSize-body-lg);
    line-height: var(--lns-lineHeight-body-lg);
    font-weight: var(--lns-fontWeight-bold);
  }
  .lg-text\:mainTitle {
    font-size: var(--lns-fontSize-heading-md);
    line-height: var(--lns-lineHeight-heading-md);
    font-weight: var(--lns-fontWeight-bold);
  }
  .lg-text\:left {
    text-align: left;
  }
  .lg-text\:right {
    text-align: right;
  }
  .lg-text\:center {
    text-align: center;
  }
  .lg-border {
    border: 1px solid var(--lns-color-border);
  }
  .lg-borderTop {
    border-top: 1px solid var(--lns-color-border);
  }
  .lg-borderBottom {
    border-bottom: 1px solid var(--lns-color-border);
  }
  .lg-borderLeft {
    border-left: 1px solid var(--lns-color-border);
  }
  .lg-borderRight {
    border-right: 1px solid var(--lns-color-border);
  }
  .lg-inline {
    display: inline;
  }
  .lg-block {
    display: block;
  }
  .lg-flex {
    display: flex;
  }
  .lg-inlineBlock {
    display: inline-block;
  }
  .lg-inlineFlex {
    display: inline-flex;
  }
  .lg-none {
    display: none;
  }
  .lg-flexWrap {
    flex-wrap: wrap;
  }
  .lg-flexDirection\:column {
    flex-direction: column;
  }
  .lg-flexDirection\:row {
    flex-direction: row;
  }
  .lg-items\:stretch {
    align-items: stretch;
  }
  .lg-items\:center {
    align-items: center;
  }
  .lg-items\:baseline {
    align-items: baseline;
  }
  .lg-items\:flexStart {
    align-items: flex-start;
  }
  .lg-items\:flexEnd {
    align-items: flex-end;
  }
  .lg-items\:selfStart {
    align-items: self-start;
  }
  .lg-items\:selfEnd {
    align-items: self-end;
  }
  .lg-justify\:flexStart {
    justify-content: flex-start;
  }
  .lg-justify\:flexEnd {
    justify-content: flex-end;
  }
  .lg-justify\:center {
    justify-content: center;
  }
  .lg-justify\:spaceBetween {
    justify-content: space-between;
  }
  .lg-justify\:spaceAround {
    justify-content: space-around;
  }
  .lg-justify\:spaceEvenly {
    justify-content: space-evenly;
  }
  .lg-grow\:0 {
    flex-grow: 0;
  }
  .lg-grow\:1 {
    flex-grow: 1;
  }
  .lg-shrink\:0 {
    flex-shrink: 0;
  }
  .lg-shrink\:1 {
    flex-shrink: 1;
  }
  .lg-self\:auto {
    align-self: auto;
  }
  .lg-self\:flexStart {
    align-self: flex-start;
  }
  .lg-self\:flexEnd {
    align-self: flex-end;
  }
  .lg-self\:center {
    align-self: center;
  }
  .lg-self\:baseline {
    align-self: baseline;
  }
  .lg-self\:stretch {
    align-self: stretch;
  }
  .lg-overflow\:hidden {
    overflow: hidden;
  }
  .lg-overflow\:auto {
    overflow: auto;
  }
  .lg-relative {
    position: relative;
  }
  .lg-absolute {
    position: absolute;
  }
  .lg-sticky {
    position: sticky;
  }
  .lg-fixed {
    position: fixed;
  }
  .lg-top\:0 {
    top: 0;
  }
  .lg-top\:auto {
    top: auto;
  }
  .lg-top\:xsmall {
    top: var(--lns-space-xsmall);
  }
  .lg-top\:small {
    top: var(--lns-space-small);
  }
  .lg-top\:medium {
    top: var(--lns-space-medium);
  }
  .lg-top\:large {
    top: var(--lns-space-large);
  }
  .lg-top\:xlarge {
    top: var(--lns-space-xlarge);
  }
  .lg-top\:xxlarge {
    top: var(--lns-space-xxlarge);
  }
  .lg-bottom\:0 {
    bottom: 0;
  }
  .lg-bottom\:auto {
    bottom: auto;
  }
  .lg-bottom\:xsmall {
    bottom: var(--lns-space-xsmall);
  }
  .lg-bottom\:small {
    bottom: var(--lns-space-small);
  }
  .lg-bottom\:medium {
    bottom: var(--lns-space-medium);
  }
  .lg-bottom\:large {
    bottom: var(--lns-space-large);
  }
  .lg-bottom\:xlarge {
    bottom: var(--lns-space-xlarge);
  }
  .lg-bottom\:xxlarge {
    bottom: var(--lns-space-xxlarge);
  }
  .lg-left\:0 {
    left: 0;
  }
  .lg-left\:auto {
    left: auto;
  }
  .lg-left\:xsmall {
    left: var(--lns-space-xsmall);
  }
  .lg-left\:small {
    left: var(--lns-space-small);
  }
  .lg-left\:medium {
    left: var(--lns-space-medium);
  }
  .lg-left\:large {
    left: var(--lns-space-large);
  }
  .lg-left\:xlarge {
    left: var(--lns-space-xlarge);
  }
  .lg-left\:xxlarge {
    left: var(--lns-space-xxlarge);
  }
  .lg-right\:0 {
    right: 0;
  }
  .lg-right\:auto {
    right: auto;
  }
  .lg-right\:xsmall {
    right: var(--lns-space-xsmall);
  }
  .lg-right\:small {
    right: var(--lns-space-small);
  }
  .lg-right\:medium {
    right: var(--lns-space-medium);
  }
  .lg-right\:large {
    right: var(--lns-space-large);
  }
  .lg-right\:xlarge {
    right: var(--lns-space-xlarge);
  }
  .lg-right\:xxlarge {
    right: var(--lns-space-xxlarge);
  }
  .lg-width\:auto {
    width: auto;
  }
  .lg-width\:full {
    width: 100%;
  }
  .lg-width\:0 {
    width: 0;
  }
  .lg-minWidth\:0 {
    min-width: 0;
  }
  .lg-height\:auto {
    height: auto;
  }
  .lg-height\:full {
    height: 100%;
  }
  .lg-height\:0 {
    height: 0;
  }
  .lg-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .lg-srOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

#inner-shadow-companion {
  --lns-unit: 8px;
  all: initial;
  font-family: circular, Helvetica, sans-serif;
  color: var(--lns-color-body);
}
#tooltip-mount-layer-companion {
  z-index: 2147483646;
  position: relative;

  color: var(--lns-color-body);
  pointer-events: auto;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPGQ.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
    format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.blob {
  height: 1000px;
  position: absolute;
  filter: blur(200px);
  -webkit-backdrop-filter: blur(200px);
  max-width: 100%;
}
.blob-1 {
  top: -40%;
  left: -10%;
  opacity: 0.7;
}
.blob-2 {
  right: 0;
  opacity: 0.5;
  top: 100px;
}
.blob-3 {
  left: 200px;
  opacity: 0.5;
  top: 400px;
  max-width: calc(100% - 200px);
}

:root {
  --font-main: 'Teko', serif;
  --font-secondary: 'Montserrat', sans-serif;

  --color-main: #ffd1ac;
  --color-secondary: #fff0e4;
  --color-cta: #f78509;

  --container-width: 1800px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  color: var(--color-main);
  background-color: #000000;
}
body {
  font-family: var(--font-main);
  color: var(--color-secondary);
  line-height: 1.3;
  transition: 0.2s;
}
section,
nav,
footer {
  display: flex;
  justify-content: center;
  position: relative;
}

.sections .wrapper {
  max-width: 450px;

  /* padding: 0 10px; */
}
section.full .wrapper {
  max-width: 100%;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-main);
  font-weight: 200;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* Black shadow */
}

h1 {
  font-size: 43px;
  font-weight: 400;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 34px;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 22px;
}
h6 {
  font-size: 18px;
}

button {
  margin-top: 14px;
  height: 60px;
  /* width: 220px; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  font-size: 28px;
  font-weight: 200;
  font-family: var(--font-main);
  text-transform: capitalize;
  cursor: pointer;
  transition: 0.2s;
  margin-right: 20px;
  border-radius: 12px;
  border: unset;
  margin-bottom: 20px;
  background-color: transparent;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* Black shadow */
}
/* button:not(['disabled']):hover {
        color: var(--color-main);
        border-color: var(--color-main);
      } */
button:disabled {
  cursor: not-allowed;
  filter: brightness(0.6);
}

.hidden {
  display: none !important;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
  background-color: var(--color-cta);
  border-radius: 16px;
  border: 4px solid transparent;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  display: none;
}

nav {
  z-index: 3;
  position: relative;
}
nav .toggler {
  display: none;
}
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
nav .menu {
  display: flex;
  justify-content: flex-end;
  gap: 70px;
  margin-block: 30px;
}
nav .menu-item {
  position: relative;
}
nav .menu-item:not(.menu-item-has-children)::after {
  content: '';
  background-color: var(--color-main);
  display: block;
  height: 3px;
  width: 0%;
  transition: 0.2s;
  border-radius: 100px;
}
nav .menu-item:hover::after {
  width: 100%;
}
nav .menu-item a {
  color: var(--color-secondary);
  text-decoration: none;
  font-size: 20px;
  font-weight: 200;
}
nav .current-menu-item::after {
  width: 100% !important;
}
nav .current-menu-item a {
  color: var(--color-main);
  font-weight: 400;
}
nav .menu-item-has-children {
  position: relative;
}
nav .sub-menu {
  position: absolute;
  border-radius: 12px;
  padding: 10px 15px;
  background: linear-gradient(150deg, hsl(31.25deg 78.56% 25.7%), #000000);
  transition: 0.2s;
  transform: scale(0);
  z-index: 1;
  min-width: 100%;
}
nav .menu-item-has-children:hover .sub-menu {
  transform: scale(1);
}
nav .sub-menu .menu-item {
  margin-bottom: 10px;
}

footer {
  margin-top: 50px;
}
footer .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(
    150deg,
    hsl(38.37deg 18.2% 16.75% / 95%),
    #000000
  );
}
footer .menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 80px;
  margin-bottom: 30px;
}
footer .menu li {
  text-align: center;
}
footer .menu a {
  color: var(--color-main);
  text-decoration: none;
  font-size: 18px;
}

.content {
  margin-top: 50px;
  word-break: break-word;
}
.content.less-margin {
  margin-top: 20px;
}
.content .content-limit {
  max-width: 800px;
  margin-inline: auto;
}
.content h2,
.content h3 {
  margin-top: 70px;
}
.content p {
  font-size: 18px;
  line-height: 2;
}
.content li {
  font-size: 18px;
  margin-bottom: 15px;
}
.content strong {
  color: var(--color-cta);
}
.content a {
  color: var(--color-cta);
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: var(--color-cta);
}
.content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) a {
  color: var(--color-secondary);
}
.content .no-link-break a {
  word-break: initial;
}

@media screen and (max-width: 992px) {
  nav .menu {
    position: fixed;
    gap: 30px;
    background: linear-gradient(
      150deg,
      hsl(38.37deg 18.2% 16.75% / 95%),
      #000000
    );
    height: 100%;
    top: 0;
    flex-direction: column;
    z-index: 9999;
    justify-content: flex-start;
    padding-top: 100px;
    padding-inline: 40px;
    right: -100%;
    margin-top: 0;
    transition: 0.2s;
  }
  nav .toggler {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    background: transparent;
    z-index: 10000;
    position: fixed;
    top: 20px;
    right: 20px;
    background: linear-gradient(
      150deg,
      hsl(38.37deg 18.2% 16.75% / 95%),
      #000000
    );
  }
  nav .toggler.active {
    background: transparent;
  }
  nav .toggler.active ~ .menu {
    right: 0%;
  }
  nav .toggler span,
  nav .toggler span::before,
  nav .toggler span::after {
    position: relative;
    display: block;
    background: var(--color-main);
    width: 32px;
    height: 3px;
    border-radius: 100px;
    transition: 0.2s;
  }
  nav .toggler.active span {
    background: transparent;
  }
  nav .toggler.active span::before,
  nav .toggler.active span::after {
    top: 0;
    bottom: 0;
    transform: rotate(45deg);
  }
  nav .toggler.active span::after {
    transform: rotate(-45deg);
  }
  nav .toggler span::before,
  nav .toggler span::after {
    content: '';
    position: absolute;
  }
  nav .toggler span::before {
    top: -11px;
  }
  nav .toggler span::after {
    bottom: -11px;
  }
  nav .sub-menu {
    transform: scale(1);
    background: transparent;
    border-left: 1px solid var(--color-cta);
    border-radius: 0 0 0 12px;
  }

  footer .menu {
    flex-direction: column;
    gap: 30px;
  }
}

@media screen and (max-width: 650px) {
  .content p {
    font-size: 16px;
  }
}

.first-section {
  margin-bottom: 60px;
}
.first-section .wrapper {
  z-index: 1;
}
.first-section .game-logo {
  position: absolute;
  z-index: -1;
  opacity: 0.05;
  transform: rotate(-90deg);
  width: 100vh;
  bottom: -20%;
  right: -90vh;
  transform-origin: bottom left;
  transition: 0.2s;
}
.first-section .title {
  /* max-width: 900px; */
  margin-inline: auto;
  text-align: center;
  line-height: 1.2;
  font-size: 60px;
  margin: 0 auto;
}
.first-section .subtitle {
  max-width: 720px;
  text-align: center;
  margin-inline: auto;
}
.first-section h2.steps-title {
  position: relative;
  margin-top: 60px;
}
.first-section h2::after {
  content: '';
  background-color: var(--color-cta);
  position: absolute;
  height: 5px;
  width: 10%;
  z-index: -1;
  border-radius: 100px;
  bottom: -5px;
  left: 0;
}
.first-section .steps-title .button {
  border: 1px solid var(--color-cta);
  border-radius: 12px;
  display: none;
  font-size: 20px;
  font-family: var(--font-secondary);
  font-weight: 200;
  padding: 5px 15px;
  cursor: pointer;
  color: var(--color-main);
  position: relative;
  z-index: 1;
  transition: 0.2s;
}
.first-section .steps-title .button:not(.active):hover {
  transform: scale(1.05);
}
.first-section .steps-title .button.active {
  background-color: var(--color-cta);
}
.first-section .steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 25px;
}
.first-section .step {
  flex: 0 200px;
  height: 150px;
  background: linear-gradient(
    150deg,
    hsl(var(--angle) 18.2% 16.75% / 60%),
    #00000060
  );
  border-radius: 12px;
  padding: 10px 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  transition: 0.2s;
}
.first-section .step.transparent {
  height: 0;
  margin: 0;
  padding: 0;
  flex: 0 200px;
}
.first-section span {
  position: absolute;
  font-family: var(--font-main);
  font-size: 170px;
  color: hsl(var(--angle) 18.2% 16.75% / 60%);
  z-index: -1;
  left: 10px;
}

.controls {
  display: flex;
  justify-content: center;
  gap: 20px;
  text-align: center;
  margin: 0 auto;
  background: url(./assets/btn.png);
  height: 100px;
  background-repeat: no-repeat;
  width: 350px;
  align-items: center;
  transform: translateY(-50px);
}

.notification {
  z-index: 1;
  position: relative;
}
.notification .background {
  background: linear-gradient(
    150deg,
    rgba(67, 60, 57, 0.6),
    rgba(0, 0, 0, 0.6)
  );

  border-radius: 12px;
  padding: 10px 20px;
  transform: translateY(-20px);
}
.notification h1,
.notification h2,
.notification h3,
.notification h4,
.notification h5,
.notification h6 {
  margin-top: 0;
}

.receive-list h2 {
  margin-bottom: 20px;
  font-size: 33px;
  color: #ffe44d;
  text-align: center;
}
.receive-list h5 {
  font-size: 18px;
  margin-bottom: 0;
  display: inline-block;
}
.receive-list .list {
  display: inline-block;
}
.receive-list .name {
  margin: 0;
  display: inline;
  font-size: 21px;
}
.receive-list .promocode {
  font-family: var(--font-main);
  padding-inline: 10px;
}
.receive-list ul {
  margin: 0;
  margin-bottom: 30px;
}
.receive-list li {
  margin: 0;
}
.receive-list .buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
}

@media screen and (max-width: 1920px) {
  .first-section .title {
    font-size: 48px;
  }
}

@media screen and (max-width: 768px) {
  .first-section .steps-title .button {
    display: inline-flex;
  }
  .first-section .steps {
    height: 0;
  }
  .first-section .steps.active {
    height: auto;
  }
  .first-section .step {
    height: 0;
    transform: scale(0);
  }
  .first-section .steps.active .step {
    height: auto;
    min-height: 150px;
    transform: scale(1);
  }
  .first-section .steps.active .step.transparent {
    height: 0;
    min-height: 0;
  }
}

@media screen and (max-width: 650px) {
  .blob {
    filter: blur(160px);
    -webkit-backdrop-filter: blur(160px);
  }
  .first-section .title {
    font-size: 32px;
    margin-top: 20px;
  }
  .first-section h2.steps-title {
    font-size: 24px;
  }
}

@media screen and (max-width: 510px) {
  .blob {
    filter: blur(130px);
    -webkit-backdrop-filter: blur(130px);
  }
}

@media screen and (max-width: 470px) {
  .first-section .step {
    flex: 0 160px;
    padding: 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 390px) {
  .first-section .step {
    flex: 0 100%;
    font-size: 16px;
  }
}

.hero-cards-title {
  font-size: 28px;
  margin-top: 18px;
  /* margin-bottom: 50px; */
  position: relative;
  z-index: 1;
}

/* .hero-cards-title::after {
  content: '';
  background-color: var(--color-cta);
  position: absolute;
  height: 5px;
  width: 10%;
  z-index: -1;
  border-radius: 100px;
  bottom: -5px;
  left: 0;
} */
.hero-cards {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next line */
  /* Adjusts space between cards */
  padding-block: 10px 40px;
  z-index: 1;
  max-width: 300px;
}

.hero-cards .hero-card {
  /* flex: 0 0 180px; */
  cursor: pointer;
  transition: 1s;
  border-radius: 12px;
  position: relative;
  /* margin-right: 80px; */
  z-index: 1;
  /* flex: 1 1 calc(50%); */
  /* scaling down the size */
  transform: scale(0.7);
}
.hero-cards .hero-card:hover {
  transform: scale(1);
  transition: 0.2s;
  z-index: 4;
}
.hero-cards .hero-card.selected {
  position: relative;
  transform: scale(1.05);
}
.hero-cards .hero-card.selected .hero-image {
  filter: brightness(2);
}
.hero-cards .hero-card.selected::before {
  content: url('./assets/check.svg');
  position: absolute;
  height: 50px;
  aspect-ratio: 1;
  background-color: #25b425;
  color: white;
  z-index: 1;
  border-radius: 100%;
  padding: 7px;
  right: -15px;
  top: -15px;
  /* box-shadow: 0 0 10px rgba(0 0 0 / 40%); */
}
.hero-cards .hero-card.recomended {
  order: -1;
}
.hero-cards .hero-card.recomended::after {
  content: url('/wp-content/themes/moduletd/assets/img/icons/crown.svg');
  position: absolute;
  height: 60px;
  aspect-ratio: 1;
  color: white;
  z-index: 1;
  left: -28px;
  top: -41px;
  transform: rotate(-25deg);
}
.hero-cards .hero-card.disabled {
  box-shadow: unset;
  background-color: unset;
  transform: unset;
  opacity: 0.4;
  filter: sepia(1);

  display: none;
}
.hero-cards.has-selected {
  gap: 0;
}
.hero-cards.has-selected .hero-card.selected {
  order: -2;
}
.hero-cards.has-selected .hero-card:not(.selected) {
  transform: scale(0);
  flex-basis: 0;
  transition: 0.2s;
  height: 0;
}
.hero-cards .hero-image-container {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  /* border: 5px solid; */
  /* border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1; */

  border: double 5px transparent;
  border-radius: 12px;
  background-image: linear-gradient(black, black),
    conic-gradient(
      from var(--angle),
      #b8860b,
      /* Dark Goldenrod */ #d4af37,
      /* Gold */ #ffd700,
      /* Bright Gold */ #fff5b2,
      /* Light Gold */ #ffd700,
      /* Bright Gold */ #d4af37,
      /* Gold */ #b8860b /* Dark Goldenrod */
    );

  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.hero-cards .silver {
  position: relative;
  border: double 5px transparent;
  border-radius: 12px;
  background-image: linear-gradient(black, black),
    conic-gradient(
      from var(--angle),
      #7d7d7d,
      /* Dark Silver */ #b0b0b0,
      /* Medium Silver */ #dcdcdc,
      /* Light Silver */ #ffffff,
      /* White for shine */ #dcdcdc,
      /* Light Silver */ #b0b0b0,
      /* Medium Silver */ #7d7d7d /* Dark Silver */
    );

  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.hero-cards .recomended .hero-image-container {
  background-image: linear-gradient(black, black),
    conic-gradient(from 0deg, #ffb400, #ffb400);
}
.hero-cards .recomended .hero-image-container::before {
  content: 'Recommended';
  position: absolute;
  background: #ffb400;
  top: 0;
  border-radius: 0 0 9px 0;
  padding-inline: 10px;
}
.hero-cards .selected .hero-image-container {
  background-image: linear-gradient(black, black),
    conic-gradient(from 0deg, #25b425, #25b425);
}
.hero-cards .hero-image {
  display: block;
  width: 100%;
  aspect-ratio: 83/108;
  object-fit: cover;
  transition: 0.2s;
}
.hero-cards h3 {
  position: absolute;
  color: white;
  bottom: 0;

  background: #0000008c;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  font-family: var(--font-secondary);

  padding-block: 10px;
  font-size: 20px;
}
.hero-cards .resources {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 12px;
  position: absolute;
  left: 100%;
  top: 12%;
  margin: 0;
  /* height: 74%; */
  border-radius: 0 20px 20px 0;
  padding: 20px;
  background: linear-gradient(150deg, hsl(var(--angle) 18.2% 16.75%), #000000);
  /* background: linear-gradient(150deg, hsl(var(--angle) 18.2% 16.75% / 20%), hsl(0deg 0% 0% / 20%)); */
  width: 162px;
}
.hero-cards .selected .resources {
  background: linear-gradient(150deg, hsl(var(--angle) 18.2% 40%), #000000);
}
.hero-cards .resource-image {
  aspect-ratio: 1/1;
  height: 55px;
  background: hsl(var(--angle) 18.2% 16.75%);
  display: block;
  overflow: hidden;
  border-radius: 12px;
  object-fit: cover;
  /* border: double 3px transparent;
  border-radius: 8px;
  background-image: linear-gradient(hsl(var(--angle) 18.2% 16.75%), hsl(var(--angle) 18.2% 16.75%)), conic-gradient(from var(--angle), hsl(var(--angle) 18.2% 16.75%), hsl(var(--angle) 18.2% 16.75%));
  background-origin: border-box;
  background-clip: padding-box, border-box; */
}
.hero-cards .resource-image-wrapper {
  position: relative;
}
.hero-cards .resource-image-wrapper .amount {
  position: absolute;
  background: red;
  font-size: 12px;
  line-height: 1;
  padding: 2px 5px;
  border-radius: 100px;
  top: 4px;
  right: 4px;
}
.hero-cards::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1840px) {
  .hero-cards::-webkit-scrollbar {
    display: inherit !important;
  }
}

@media screen and (max-width: 768px) {
  .hero-cards {
    gap: 60px 20px;
  }
  .hero-cards .hero-card {
    transform: scale(1);
  }
}

@media screen and (max-width: 650px) {
  /* .hero-cards-title {
    font-size: 24px;
  } */
}

/* new */

.hero-image-p {
  width: 100%;

  /* margin-bottom: 2rem; */
}

.btn-link {
  height: 60px;
  /* width: 220px; */
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  font-size: 25px;
  font-weight: 400;
  font-family: var(--font-main);
  text-transform: capitalize;
  cursor: pointer;
  transition: 0.2s;
  background-image: linear-gradient(90deg, #f78509, #fa9634);

  border-radius: 12px;
  border: unset;
  text-decoration: none;
  padding: 15px 30px;
  color: transparent;
}

.btn-link:hover {
  background-color: #efad77;
}

.btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.resources {
  display: none !important;
}

.footer-wrapper a {
  font-size: 16px;
  color: white;
  text-decoration: none;
}

.sections {
  display: flex;
  justify-content: center;

  max-width: 100%; /* Ensures it scales down on small screens */

  margin: 0 auto;
  overflow: hidden; /* Hides scrolling */
}

.hero-image-container {
  width: 130px;
}

.title-div {
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-left: 500px; */
  text-align: center;
  width: 980px;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (max-width: 1100px) {
  .sections {
    flex-wrap: wrap;
    max-width: 900px; /* Prevents excessive stretching */
  }

  h1 {
    font-size: 32px; /* Adjusts heading size */
    text-align: center; /* Centers text for balance */
  }

  .title-div {
    width: 80%; /* Prevents full-width stretching */
    max-width: 700px; /* Keeps structure consistent */
    text-align: center;
  }

  .toggler {
    display: block !important; /* Keep visible if needed */
  }
}

@media (max-width: 760px) {
  .sections {
    width: 100%; /* Makes it fully responsive on phones */
    flex-direction: column; /* Stacks content vertically */
  }

  h1 {
    font-size: 30px;
  }

  .title-div {
    width: 100%;
  }

  .toggler {
    display: none !important;
  }
}

body {
  background: url(./assets/layer_1.jpg);
  background-repeat: no-repeat;
  background-color: #b07354;
  background-size: cover;
}
html {
  background: url(./assets/layer_1.jpg);
  /* background-repeat: no-repeat; */
  background-color: #000000;
  background-size: cover;
}

.title-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(./assets/btn.png);
  background-repeat: no-repeat;
  height: 100px;
  width: 330px;
}

.g-btn {
  cursor: pointer;
}

/* new */

.btn-wrapper {
  display: flex;
  flex-direction: column;
}

.promo-text {
  font-size: 19px;
  margin-bottom: 10px;
  text-align: center;
}
.img-icon {
  margin-bottom: -10px;
  width: 30px;
  height: 30px;
}