/**
 * Global variables
 * Please use this file to define global sass variables
 * These variables will be added first to be used in all other sass files
 */
:root,
:host {
  --core-water-leaf: #97e8e2;
  --core-tropical-blue: #c2d9fe;
  --core-pale-lavendar: #e5cefd;
  --core-pale-lavender: #e5cefd;
  --accent-canary-yellow: #fff200;
  --accent-grenadier: #cd4400;
  --accent-pink-orange: #ff9966;
  --accent-apricot: #ffcbb1;
  --accent-denim: #165bcf;
  --accent-navy-blue: #266de2;
  --accent-jordy-blue: #7da7ed;
  --accent-hawkes-blue: #dce9ff;
  --accent-zircon: #f6f9ff;
  --tertiary-viking: #64d9d2;
  --tertiary-cornflower-blue: #639dfe;
  --tertiary-rich-lilac: #bb6bd9;
  --tertiary-orchid: #d382e0;
  --neutral-black: #282828;
  --neutral-steel: #666666;
  --neutral-dove-gray: #767676;
  --neutral-mountain-mist: #949494;
  --neutral-athens-gray: #dedede;
  --neutral-gallery: #efefef;
  --neutral-white: #ffffff;
  --error-background: #fdebec;
  --error-shadow: #ed3f3f;
  --error: #c61a1a;
  --warning-background: #ffefd2;
  --warning: #fbcf35;
  --success-background: #e6f6e1;
  --success-shadow: #0fab01;
  --success: #107400;
  --info: #165dd0;
  --info-background: #dce9ff;
  --a11y-focus-color: #0055aa;
  --background-body: var(--neutral-white);
  --border-general: var(--neutral-dove-gray);
  --border-light: var(--neutral-mountain-mist);
  --anchor-color: var(--accent-denim);
  --awlds-color-progress-green: #0eab00;
  --awlds-color-progress-green-contrast: #107400;
  --awlds-color-progress-blue: var(--accent-denim);
  --awlds-color-progress-blue-contrast: var(--accent-navy-blue);
  --branding-bg-color: var(--accent-denim);
  --branding-text-color: var(--neutral-black);
  --vertical-brand-bar-color: var(--branding-bg-color);
  --light-gray: #f9f9f9;
  --light-blue: var(--accent-zircon);
  --light-turquoise: #eefcfb;
  --ai-light-lavendar: #fbf7ff;
  --ai-indigo-purple: #4f009a;
  --base-font-color: var(--neutral-black);
  --base-font-family: "FS Thrive Elliot Web", Arial, sans-serif;
  --bold-font-family: "FS Thrive Elliot Web - Bold", Arial, sans-serif;
  --heavy-font-family: "FS Thrive Elliot Web - Heavy", Arial, sans-serif;
  --light-font-family: "FS Thrive Elliot Web - Light", Arial, sans-serif;
  --mono-font-family: "Courier New", Courier, monospace;
  --small-font-size: 0.875rem;
  --base-font-size: 1rem;
  --large-font-size: 1.125rem;
  --h1-font-size: 3rem;
  --h2-font-size: 2.25rem;
  --h3-font-size: 1.75rem;
  --h4-font-size: 1.375rem;
  --h5-font-size: 1.25rem;
  --h6-font-size: 1.125rem;
  --body-font-size: 1rem;
  --subtitle-font-size: 0.875rem;
  --helper-text-font-size: 0.75rem;
  --legal-font-size: 0.8125rem;
  --spacing-none: 0;
  --spacing-xs: 2px;
  --spacing-s: 4px;
  --spacing-m: 8px;
  --spacing-l: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 56px;
  --spacing-5xl: 80px;
  --container-max-width: 1600px;
  --width-xs: calc(var(--container-max-width) / 5);
  --width-s: calc(var(--container-max-width) / 4);
  --width-m: calc(var(--container-max-width) / 3);
  --width-l: calc(var(--container-max-width) / 2);
  --width-xl: var(--container-max-width);
  --full-width: 100%;
  --paragraph-margin-bottom: var(--spacing-m);
  --paragraph-max-width: 37.5rem;
  --breakpoint-s: 320px;
  --breakpoint-m: 768px;
  --breakpoint-l: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1440px;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.125rem; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul,
ol,
dd {
  margin: 0;
  padding: 0;
}
ul li,
ol li,
dd li {
  margin-left: var(--spacing-l);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  display: block;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

.screen-reader-text {
  position: absolute !important; /* Outside the DOM flow */
  height: 0.0625rem;
  width: 0.0625rem; /* Nearly collapsed */
  overflow: hidden;
  clip: rect(0.0625rem 0.0625rem 0.0625rem 0.0625rem); /* IE 7+ only support clip without commas */
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem); /* All other browsers */
}

.visually-hidden-text {
  visibility: hidden;
}

/**
 * Global variables
 * Please use this file to define global sass variables
 * These variables will be added first to be used in all other sass files
 */
@font-face {
  font-family: "FS Thrive Elliot Web";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff") format("woff");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "FS Thrive Elliot Web - Bold";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff") format("woff");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: "FS Thrive Elliot Web - Heavy";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff") format("woff");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "FS Thrive Elliot Web - Light";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff") format("woff");
  font-display: swap;
  font-weight: 400;
}
* {
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0;
}

:host,
body {
  color: var(--base-font-color);
  background-color: var(--background-body);
  font-family: var(--base-font-family);
  font-size: var(--base-font-size);
  font-weight: 400;
  line-height: 1.3;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0;
}
:host.no-scroll,
body.no-scroll {
  overflow: hidden;
}
:host main,
body main {
  padding: var(--spacing-l);
}
:host a,
body a {
  color: var(--anchor-color);
  text-decoration: underline;
}
:host a:hover,
body a:hover {
  text-decoration: underline;
}
:host a:focus,
body a:focus {
  text-decoration: underline;
  outline: 0.125rem solid var(--a11y-focus-color);
  outline-offset: 0.125rem;
}
:host p,
:host ul,
:host ol,
:host pre,
:host blockquote,
body p,
body ul,
body ol,
body pre,
body blockquote {
  margin: 0;
  margin-bottom: var(--spacing-l);
}
:host ul ul,
:host ol ol,
:host ul ol,
:host ol ul,
body ul ul,
body ol ol,
body ul ol,
body ol ul {
  margin-bottom: var(--spacing-xs);
}
:host ul li,
:host ol li,
body ul li,
body ol li {
  margin: 0;
  padding: 0;
}
:host hr,
body hr {
  border: 0.0625rem solid var(--border-general);
  margin: -0.0625rem 0;
}
:host b,
:host i,
:host strong,
:host em,
:host small,
:host code,
body b,
body i,
body strong,
body em,
body small,
body code {
  line-height: 0;
}
:host sub,
:host sup,
body sub,
body sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:host sup,
body sup {
  top: -0.5em;
}
:host sub,
body sub {
  bottom: -0.25em;
}
:host legend,
body legend {
  font-family: var(--base-font-family);
  font-size: 1.375rem;
}
:host h1,
body h1 {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
:host h2,
body h2 {
  display: block;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
:host h3,
body h3 {
  display: block;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
:host h4,
body h4 {
  display: block;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
:host h5,
body h5 {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.125rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
:host h6,
body h6 {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.125rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
:host p,
body p {
  display: block;
  line-height: 1.5;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
:host p.large,
body p.large {
  font-size: var(--large-font-size);
}
:host code,
:host .code,
:host .mono,
body code,
body .code,
body .mono {
  font-family: var(--mono-font-family);
  font-size: var(--base-font-size);
}
:host code.large,
:host .code.large,
:host .mono.large,
body code.large,
body .code.large,
body .mono.large {
  font-size: var(--large-font-size);
}
:host h1,
:host h2,
:host h3,
:host h4,
:host h5,
:host h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--base-font-family);
}
:host strong,
body strong {
  font-family: var(--bold-font-family);
  font-weight: 700;
}

h1 {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}

h2 {
  display: block;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}

h3 {
  display: block;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}

h4 {
  display: block;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}

h5 {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.125rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}

h6 {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.125rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}

p {
  display: block;
  line-height: 1.5;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
p.large {
  font-size: var(--large-font-size);
}

code,
.code,
.mono {
  font-family: var(--mono-font-family);
  font-size: var(--base-font-size);
}
code.large,
.code.large,
.mono.large {
  font-size: var(--large-font-size);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--base-font-family);
}

/**
 * Global variables
 * Please use this file to define global sass variables
 * These variables will be added first to be used in all other sass files
 */
@font-face {
  font-family: "FS Thrive Elliot Web";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Regular.woff") format("woff");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "FS Thrive Elliot Web - Bold";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Bold.woff") format("woff");
  font-display: swap;
  font-weight: 700;
}
@font-face {
  font-family: "FS Thrive Elliot Web - Heavy";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Heavy.woff") format("woff");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "FS Thrive Elliot Web - Light";
  src: url("https://awlds.ap.alight.com/awlds/v1-latest/awlds-ui-lib/assets/fonts/FSThriveElliotWeb-Light.woff") format("woff");
  font-display: swap;
  font-weight: 400;
}
.awlds {
  color: var(--base-font-color);
  background-color: var(--background-body);
  font-family: var(--base-font-family);
  font-size: var(--base-font-size);
  font-weight: 400;
  line-height: 1.3;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0;
}
.awlds.no-scroll {
  overflow: hidden;
}
.awlds main {
  padding: var(--spacing-l);
}
.awlds a {
  color: var(--anchor-color);
  text-decoration: underline;
}
.awlds a:hover {
  text-decoration: underline;
}
.awlds a:focus {
  text-decoration: underline;
  outline: 0.125rem solid var(--a11y-focus-color);
  outline-offset: 0.125rem;
}
.awlds p,
.awlds ul,
.awlds ol,
.awlds pre,
.awlds blockquote {
  margin: 0;
  margin-bottom: var(--spacing-l);
}
.awlds ul ul,
.awlds ol ol,
.awlds ul ol,
.awlds ol ul {
  margin-bottom: var(--spacing-xs);
}
.awlds ul li,
.awlds ol li {
  margin: 0;
  padding: 0;
}
.awlds hr {
  border: 0.0625rem solid var(--border-general);
  margin: -0.0625rem 0;
}
.awlds b,
.awlds i,
.awlds strong,
.awlds em,
.awlds small,
.awlds code {
  line-height: 0;
}
.awlds sub,
.awlds sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.awlds sup {
  top: -0.5em;
}
.awlds sub {
  bottom: -0.25em;
}
.awlds h1 {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
.awlds h2 {
  display: block;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
.awlds h3 {
  display: block;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
.awlds h4 {
  display: block;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
.awlds h5 {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.125rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
.awlds h6 {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.125rem;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
.awlds p {
  display: block;
  line-height: 1.5;
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}
.awlds p.large {
  font-size: var(--large-font-size);
}
.awlds code,
.awlds .code,
.awlds .mono {
  font-family: var(--mono-font-family);
  font-size: var(--base-font-size);
}
.awlds code.large,
.awlds .code.large,
.awlds .mono.large {
  font-size: var(--large-font-size);
}
.awlds h1,
.awlds h2,
.awlds h3,
.awlds h4,
.awlds h5,
.awlds h6 {
  font-family: var(--base-font-family);
}

.blur {
  background: rgba(255, 255, 255, 0.5);
  filter: blur(8px);
  --webkit-filter: blur(8px);
}

:host .link,
:root .link,
.link,
:host .link-s,
:root .link-s,
.link-s,
:host .link-m,
:root .link-m,
.link-m,
:host .link-l,
:root .link-l,
.link-l {
  display: inline-block;
  color: var(--accent-navy-blue);
  line-height: 1.5;
  text-decoration: underline;
  cursor: pointer;
}
:host .link:focus,
:root .link:focus,
.link:focus,
:host .link-s:focus,
:root .link-s:focus,
.link-s:focus,
:host .link-m:focus,
:root .link-m:focus,
.link-m:focus,
:host .link-l:focus,
:root .link-l:focus,
.link-l:focus {
  outline: 0.125rem solid var(--a11y-focus-color);
  outline-offset: 0.125rem;
}

.link-s,
.link-m,
.link-l {
  font-family: var(--bold-font-family);
}

.link {
  font-size: 1rem;
}

.link-s {
  font-size: 0.875rem;
}

.link-m {
  font-size: 1.125rem;
}

.link-l {
  font-size: 1.25rem;
}

:host .link-disabled,
:root .link-disabled,
.link-disabled {
  color: var(--neutral-mountain-mist);
  text-decoration: none;
  cursor: default;
  pointer-events: none;
}

.button-progressive,
.button-destructive,
.button-action,
.button-ghost {
  position: relative;
  align-self: flex-start;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding: 0 1rem;
  border-width: 0.125rem;
  border-style: solid;
  border-radius: 1.25rem;
  outline: none;
  font-family: var(--bold-font-family);
  font-size: 0.875rem;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
.button-progressive[disabled],
.button-destructive[disabled],
.button-action[disabled],
.button-ghost[disabled] {
  background-color: var(--neutral-mountain-mist);
  color: var(--neutral-white);
  border-color: transparent;
  cursor: not-allowed;
}
.button-progressive[disabled]:hover, .button-progressive[disabled]:focus,
.button-destructive[disabled]:hover,
.button-destructive[disabled]:focus,
.button-action[disabled]:hover,
.button-action[disabled]:focus,
.button-ghost[disabled]:hover,
.button-ghost[disabled]:focus {
  background-color: var(--neutral-mountain-mist);
  color: var(--neutral-white);
  border-color: transparent;
  outline: none;
}

.button-progressive {
  background-color: var(--accent-navy-blue);
  color: var(--neutral-white);
  border-color: var(--accent-navy-blue);
}
.button-progressive:hover, .button-progressive:focus {
  background-color: var(--accent-denim);
  border-color: var(--accent-denim);
}
.button-progressive:focus {
  outline: 0.125rem solid var(--a11y-focus-color);
  outline-offset: 0.0625rem;
}

.button-destructive {
  background-color: var(--error-shadow);
  color: var(--neutral-white);
  border-color: var(--error-shadow);
}
.button-destructive:hover, .button-destructive:focus {
  background-color: var(--error);
  border-color: var(--error);
}
.button-destructive:focus {
  outline: 0.125rem solid var(--error);
  outline-offset: 0.0625rem;
}

.button-action {
  background-color: var(--neutral-white);
  color: var(--accent-navy-blue);
  border-color: var(--accent-navy-blue);
}
.button-action:hover, .button-action:focus {
  color: var(--accent-denim);
  border-color: var(--accent-denim);
}
.button-action:focus {
  outline: 0.125rem solid var(--a11y-focus-color);
  outline-offset: 0.0625rem;
}

.button-ghost {
  background-color: transparent;
  color: var(--accent-navy-blue);
  border-color: transparent;
}
.button-ghost:hover, .button-ghost:focus {
  background-color: var(--accent-hawkes-blue);
  color: var(--accent-denim);
}
.button-ghost:focus {
  outline: 0.125rem solid var(--a11y-focus-color);
  outline-offset: 0.0625rem;
}

.button-s {
  height: 2rem;
}

.button-full {
  width: 100%;
}

.circular-radius-s {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

.circular-radius-m {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
}

.circular-radius-l {
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 50%;
}

.circular-radius-xl {
  width: 11rem;
  height: 11rem;
  border-radius: 50%;
}

.circular-radius-2xl {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
}

.circular-radius-3xl {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
}

.text-underline {
  text-decoration: underline;
}

.text-line-through {
  text-decoration: line-through;
}

.text-no-underline {
  text-decoration: none;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.text-align-justify {
  text-align: justify;
}

.text-align-initial {
  text-align: initial;
}

.text-align-inherit {
  text-align: inherit;
}

.v-align-baseline {
  vertical-align: baseline;
}

.v-align-top {
  vertical-align: top;
}

.v-align-middle {
  vertical-align: middle;
}

.v-align-bottom {
  vertical-align: bottom;
}

.v-align-text-top {
  vertical-align: text-top;
}

.v-align-text-bottom {
  vertical-align: text-bottom;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
}

.none {
  display: none;
}

.pos-static {
  position: static;
}

.pos-relative {
  position: relative;
}

.pos-fixed {
  position: fixed;
}

.pos-absolute {
  position: absolute;
}

.pos-sticky {
  position: sticky;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-fill {
  object-fit: fill;
}

.object-none {
  object-fit: none;
}

.object-scale-down {
  object-fit: scale-down;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.items-stretch {
  align-items: stretch;
}

.items-flex-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-flex-end {
  align-items: flex-end;
}

.items-baseline {
  align-items: baseline;
}

.self-auto {
  align-self: auto;
}

.self-stretch {
  align-self: stretch;
}

.self-flex-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-flex-end {
  align-self: flex-end;
}

.self-baseline {
  align-self: baseline;
}

.content-stretch {
  align-content: stretch;
}

.content-flex-start {
  align-content: flex-start;
}

.content-center {
  align-content: center;
}

.content-flex-end {
  align-content: flex-end;
}

.content-space-between {
  align-content: space-between;
}

.content-space-around {
  align-content: space-around;
}

.content-space-evenly {
  align-content: space-evenly;
}

.content-baseline {
  align-content: baseline;
}

.justify-flex-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-flex-end {
  justify-content: flex-end;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-space-around {
  justify-content: space-around;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-0 {
  flex: 0;
}

.flex-1 {
  flex: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.text-wrap-normal {
  white-space: normal;
}

.text-wrap-nowrap {
  white-space: nowrap;
}

.text-wrap-pre {
  white-space: pre;
}

.text-wrap-pre-line {
  white-space: pre-line;
}

.text-wrap-pre-wrap {
  white-space: pre-wrap;
}

.word-wrap-normal {
  word-wrap: normal;
}

.word-wrap-break-word {
  word-wrap: break-word;
}

:host .m-none,
:root .m-none,
.m-none {
  margin: 0;
}
:host .m-auto,
:root .m-auto,
.m-auto {
  margin: auto;
}
:host .m-xs,
:root .m-xs,
.m-xs {
  margin: 0.125rem;
}
:host .m-s,
:root .m-s,
.m-s {
  margin: 0.25rem;
}
:host .m-m,
:root .m-m,
.m-m {
  margin: 0.5rem;
}
:host .m-l,
:root .m-l,
.m-l {
  margin: 1rem;
}
:host .m-xl,
:root .m-xl,
.m-xl {
  margin: 1.5rem;
}
:host .m-2xl,
:root .m-2xl,
.m-2xl {
  margin: 2rem;
}
:host .m-3xl,
:root .m-3xl,
.m-3xl {
  margin: 2.5rem;
}
:host .m-4xl,
:root .m-4xl,
.m-4xl {
  margin: 3.5rem;
}
:host .m-5xl,
:root .m-5xl,
.m-5xl {
  margin: 5rem;
}
:host .mt-none,
:root .mt-none,
.mt-none {
  margin-top: 0;
}
:host .mt-auto,
:root .mt-auto,
.mt-auto {
  margin-top: auto;
}
:host .mt-xs,
:root .mt-xs,
.mt-xs {
  margin-top: 0.125rem;
}
:host .mt-s,
:root .mt-s,
.mt-s {
  margin-top: 0.25rem;
}
:host .mt-m,
:root .mt-m,
.mt-m {
  margin-top: 0.5rem;
}
:host .mt-l,
:root .mt-l,
.mt-l {
  margin-top: 1rem;
}
:host .mt-xl,
:root .mt-xl,
.mt-xl {
  margin-top: 1.5rem;
}
:host .mt-2xl,
:root .mt-2xl,
.mt-2xl {
  margin-top: 2rem;
}
:host .mt-3xl,
:root .mt-3xl,
.mt-3xl {
  margin-top: 2.5rem;
}
:host .mt-4xl,
:root .mt-4xl,
.mt-4xl {
  margin-top: 3.5rem;
}
:host .mt-5xl,
:root .mt-5xl,
.mt-5xl {
  margin-top: 5rem;
}
:host .mr-none,
:root .mr-none,
.mr-none {
  margin-right: 0;
}
:host .mr-auto,
:root .mr-auto,
.mr-auto {
  margin-right: auto;
}
:host .mr-xs,
:root .mr-xs,
.mr-xs {
  margin-right: 0.125rem;
}
:host .mr-s,
:root .mr-s,
.mr-s {
  margin-right: 0.25rem;
}
:host .mr-m,
:root .mr-m,
.mr-m {
  margin-right: 0.5rem;
}
:host .mr-l,
:root .mr-l,
.mr-l {
  margin-right: 1rem;
}
:host .mr-xl,
:root .mr-xl,
.mr-xl {
  margin-right: 1.5rem;
}
:host .mr-2xl,
:root .mr-2xl,
.mr-2xl {
  margin-right: 2rem;
}
:host .mr-3xl,
:root .mr-3xl,
.mr-3xl {
  margin-right: 2.5rem;
}
:host .mr-4xl,
:root .mr-4xl,
.mr-4xl {
  margin-right: 3.5rem;
}
:host .mr-5xl,
:root .mr-5xl,
.mr-5xl {
  margin-right: 5rem;
}
:host .mb-none,
:root .mb-none,
.mb-none {
  margin-bottom: 0;
}
:host .mb-auto,
:root .mb-auto,
.mb-auto {
  margin-bottom: auto;
}
:host .mb-xs,
:root .mb-xs,
.mb-xs {
  margin-bottom: 0.125rem;
}
:host .mb-s,
:root .mb-s,
.mb-s {
  margin-bottom: 0.25rem;
}
:host .mb-m,
:root .mb-m,
.mb-m {
  margin-bottom: 0.5rem;
}
:host .mb-l,
:root .mb-l,
.mb-l {
  margin-bottom: 1rem;
}
:host .mb-xl,
:root .mb-xl,
.mb-xl {
  margin-bottom: 1.5rem;
}
:host .mb-2xl,
:root .mb-2xl,
.mb-2xl {
  margin-bottom: 2rem;
}
:host .mb-3xl,
:root .mb-3xl,
.mb-3xl {
  margin-bottom: 2.5rem;
}
:host .mb-4xl,
:root .mb-4xl,
.mb-4xl {
  margin-bottom: 3.5rem;
}
:host .mb-5xl,
:root .mb-5xl,
.mb-5xl {
  margin-bottom: 5rem;
}
:host .ml-none,
:root .ml-none,
.ml-none {
  margin-left: 0;
}
:host .ml-auto,
:root .ml-auto,
.ml-auto {
  margin-left: auto;
}
:host .ml-xs,
:root .ml-xs,
.ml-xs {
  margin-left: 0.125rem;
}
:host .ml-s,
:root .ml-s,
.ml-s {
  margin-left: 0.25rem;
}
:host .ml-m,
:root .ml-m,
.ml-m {
  margin-left: 0.5rem;
}
:host .ml-l,
:root .ml-l,
.ml-l {
  margin-left: 1rem;
}
:host .ml-xl,
:root .ml-xl,
.ml-xl {
  margin-left: 1.5rem;
}
:host .ml-2xl,
:root .ml-2xl,
.ml-2xl {
  margin-left: 2rem;
}
:host .ml-3xl,
:root .ml-3xl,
.ml-3xl {
  margin-left: 2.5rem;
}
:host .ml-4xl,
:root .ml-4xl,
.ml-4xl {
  margin-left: 3.5rem;
}
:host .ml-5xl,
:root .ml-5xl,
.ml-5xl {
  margin-left: 5rem;
}
:host .mx-none,
:root .mx-none,
.mx-none {
  margin-left: 0;
  margin-right: 0;
}
:host .mx-auto,
:root .mx-auto,
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:host .mx-xs,
:root .mx-xs,
.mx-xs {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
:host .mx-s,
:root .mx-s,
.mx-s {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:host .mx-m,
:root .mx-m,
.mx-m {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
:host .mx-l,
:root .mx-l,
.mx-l {
  margin-left: 1rem;
  margin-right: 1rem;
}
:host .mx-xl,
:root .mx-xl,
.mx-xl {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
:host .mx-2xl,
:root .mx-2xl,
.mx-2xl {
  margin-left: 2rem;
  margin-right: 2rem;
}
:host .mx-3xl,
:root .mx-3xl,
.mx-3xl {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
:host .mx-4xl,
:root .mx-4xl,
.mx-4xl {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
:host .mx-5xl,
:root .mx-5xl,
.mx-5xl {
  margin-left: 5rem;
  margin-right: 5rem;
}
:host .my-none,
:root .my-none,
.my-none {
  margin-top: 0;
  margin-bottom: 0;
}
:host .my-auto,
:root .my-auto,
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
:host .my-xs,
:root .my-xs,
.my-xs {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
:host .my-s,
:root .my-s,
.my-s {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
:host .my-m,
:root .my-m,
.my-m {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
:host .my-l,
:root .my-l,
.my-l {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
:host .my-xl,
:root .my-xl,
.my-xl {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
:host .my-2xl,
:root .my-2xl,
.my-2xl {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
:host .my-3xl,
:root .my-3xl,
.my-3xl {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
:host .my-4xl,
:root .my-4xl,
.my-4xl {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
:host .my-5xl,
:root .my-5xl,
.my-5xl {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

:host .p-none,
:root .p-none,
.p-none {
  padding: 0;
}
:host .p-auto,
:root .p-auto,
.p-auto {
  padding: auto;
}
:host .p-xs,
:root .p-xs,
.p-xs {
  padding: 0.125rem;
}
:host .p-s,
:root .p-s,
.p-s {
  padding: 0.25rem;
}
:host .p-m,
:root .p-m,
.p-m {
  padding: 0.5rem;
}
:host .p-l,
:root .p-l,
.p-l {
  padding: 1rem;
}
:host .p-xl,
:root .p-xl,
.p-xl {
  padding: 1.5rem;
}
:host .p-2xl,
:root .p-2xl,
.p-2xl {
  padding: 2rem;
}
:host .p-3xl,
:root .p-3xl,
.p-3xl {
  padding: 2.5rem;
}
:host .p-4xl,
:root .p-4xl,
.p-4xl {
  padding: 3.5rem;
}
:host .p-5xl,
:root .p-5xl,
.p-5xl {
  padding: 5rem;
}
:host .pt-none,
:root .pt-none,
.pt-none {
  padding-top: 0;
}
:host .pt-auto,
:root .pt-auto,
.pt-auto {
  padding-top: auto;
}
:host .pt-xs,
:root .pt-xs,
.pt-xs {
  padding-top: 0.125rem;
}
:host .pt-s,
:root .pt-s,
.pt-s {
  padding-top: 0.25rem;
}
:host .pt-m,
:root .pt-m,
.pt-m {
  padding-top: 0.5rem;
}
:host .pt-l,
:root .pt-l,
.pt-l {
  padding-top: 1rem;
}
:host .pt-xl,
:root .pt-xl,
.pt-xl {
  padding-top: 1.5rem;
}
:host .pt-2xl,
:root .pt-2xl,
.pt-2xl {
  padding-top: 2rem;
}
:host .pt-3xl,
:root .pt-3xl,
.pt-3xl {
  padding-top: 2.5rem;
}
:host .pt-4xl,
:root .pt-4xl,
.pt-4xl {
  padding-top: 3.5rem;
}
:host .pt-5xl,
:root .pt-5xl,
.pt-5xl {
  padding-top: 5rem;
}
:host .pr-none,
:root .pr-none,
.pr-none {
  padding-right: 0;
}
:host .pr-auto,
:root .pr-auto,
.pr-auto {
  padding-right: auto;
}
:host .pr-xs,
:root .pr-xs,
.pr-xs {
  padding-right: 0.125rem;
}
:host .pr-s,
:root .pr-s,
.pr-s {
  padding-right: 0.25rem;
}
:host .pr-m,
:root .pr-m,
.pr-m {
  padding-right: 0.5rem;
}
:host .pr-l,
:root .pr-l,
.pr-l {
  padding-right: 1rem;
}
:host .pr-xl,
:root .pr-xl,
.pr-xl {
  padding-right: 1.5rem;
}
:host .pr-2xl,
:root .pr-2xl,
.pr-2xl {
  padding-right: 2rem;
}
:host .pr-3xl,
:root .pr-3xl,
.pr-3xl {
  padding-right: 2.5rem;
}
:host .pr-4xl,
:root .pr-4xl,
.pr-4xl {
  padding-right: 3.5rem;
}
:host .pr-5xl,
:root .pr-5xl,
.pr-5xl {
  padding-right: 5rem;
}
:host .pb-none,
:root .pb-none,
.pb-none {
  padding-bottom: 0;
}
:host .pb-auto,
:root .pb-auto,
.pb-auto {
  padding-bottom: auto;
}
:host .pb-xs,
:root .pb-xs,
.pb-xs {
  padding-bottom: 0.125rem;
}
:host .pb-s,
:root .pb-s,
.pb-s {
  padding-bottom: 0.25rem;
}
:host .pb-m,
:root .pb-m,
.pb-m {
  padding-bottom: 0.5rem;
}
:host .pb-l,
:root .pb-l,
.pb-l {
  padding-bottom: 1rem;
}
:host .pb-xl,
:root .pb-xl,
.pb-xl {
  padding-bottom: 1.5rem;
}
:host .pb-2xl,
:root .pb-2xl,
.pb-2xl {
  padding-bottom: 2rem;
}
:host .pb-3xl,
:root .pb-3xl,
.pb-3xl {
  padding-bottom: 2.5rem;
}
:host .pb-4xl,
:root .pb-4xl,
.pb-4xl {
  padding-bottom: 3.5rem;
}
:host .pb-5xl,
:root .pb-5xl,
.pb-5xl {
  padding-bottom: 5rem;
}
:host .pl-none,
:root .pl-none,
.pl-none {
  padding-left: 0;
}
:host .pl-auto,
:root .pl-auto,
.pl-auto {
  padding-left: auto;
}
:host .pl-xs,
:root .pl-xs,
.pl-xs {
  padding-left: 0.125rem;
}
:host .pl-s,
:root .pl-s,
.pl-s {
  padding-left: 0.25rem;
}
:host .pl-m,
:root .pl-m,
.pl-m {
  padding-left: 0.5rem;
}
:host .pl-l,
:root .pl-l,
.pl-l {
  padding-left: 1rem;
}
:host .pl-xl,
:root .pl-xl,
.pl-xl {
  padding-left: 1.5rem;
}
:host .pl-2xl,
:root .pl-2xl,
.pl-2xl {
  padding-left: 2rem;
}
:host .pl-3xl,
:root .pl-3xl,
.pl-3xl {
  padding-left: 2.5rem;
}
:host .pl-4xl,
:root .pl-4xl,
.pl-4xl {
  padding-left: 3.5rem;
}
:host .pl-5xl,
:root .pl-5xl,
.pl-5xl {
  padding-left: 5rem;
}
:host .px-none,
:root .px-none,
.px-none {
  padding-left: 0;
  padding-right: 0;
}
:host .px-auto,
:root .px-auto,
.px-auto {
  padding-left: auto;
  padding-right: auto;
}
:host .px-xs,
:root .px-xs,
.px-xs {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
:host .px-s,
:root .px-s,
.px-s {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:host .px-m,
:root .px-m,
.px-m {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
:host .px-l,
:root .px-l,
.px-l {
  padding-left: 1rem;
  padding-right: 1rem;
}
:host .px-xl,
:root .px-xl,
.px-xl {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
:host .px-2xl,
:root .px-2xl,
.px-2xl {
  padding-left: 2rem;
  padding-right: 2rem;
}
:host .px-3xl,
:root .px-3xl,
.px-3xl {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
:host .px-4xl,
:root .px-4xl,
.px-4xl {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
:host .px-5xl,
:root .px-5xl,
.px-5xl {
  padding-left: 5rem;
  padding-right: 5rem;
}
:host .py-none,
:root .py-none,
.py-none {
  padding-top: 0;
  padding-bottom: 0;
}
:host .py-auto,
:root .py-auto,
.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}
:host .py-xs,
:root .py-xs,
.py-xs {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
:host .py-s,
:root .py-s,
.py-s {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
:host .py-m,
:root .py-m,
.py-m {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
:host .py-l,
:root .py-l,
.py-l {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:host .py-xl,
:root .py-xl,
.py-xl {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
:host .py-2xl,
:root .py-2xl,
.py-2xl {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
:host .py-3xl,
:root .py-3xl,
.py-3xl {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
:host .py-4xl,
:root .py-4xl,
.py-4xl {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
:host .py-5xl,
:root .py-5xl,
.py-5xl {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.b-all {
  border: 0.0625rem solid var(--border-light);
}

.b-none {
  border: none;
}

.b-top {
  border-top: 0.0625rem solid var(--border-light);
}

.b-right {
  border-right: 0.0625rem solid var(--border-light);
}

.b-bottom {
  border-bottom: 0.0625rem solid var(--border-light);
}

.b-left {
  border-left: 0.0625rem solid var(--border-light);
}

.rounded {
  border-radius: 0.625rem;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.fs-italic {
  font-style: italic;
}

.fs-normal {
  font-style: normal;
}

.fs-oblique {
  font-style: oblique;
}

.fs-inherit {
  font-style: inherit;
}

.fs-initial {
  font-style: initial;
}

.core-water-leaf-text {
  color: var(--core-water-leaf);
}

.hover-core-water-leaf-text:hover {
  color: var(--core-water-leaf);
}

.focus-core-water-leaf-text:focus {
  color: var(--core-water-leaf);
}

.core-water-leaf-bg {
  background-color: var(--core-water-leaf);
}

.hover-core-water-leaf-bg:hover {
  background-color: var(--core-water-leaf);
}

.focus-core-water-leaf-bg:focus {
  background-color: var(--core-water-leaf);
}

.core-water-leaf-border {
  border-color: var(--core-water-leaf);
}

.hover-core-water-leaf-border:hover {
  border-color: var(--core-water-leaf);
}

.focus-core-water-leaf-border:focus {
  border-color: var(--core-water-leaf);
}

.core-water-leaf-circle {
  background-color: var(--core-water-leaf);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.core-tropical-blue-text {
  color: var(--core-tropical-blue);
}

.hover-core-tropical-blue-text:hover {
  color: var(--core-tropical-blue);
}

.focus-core-tropical-blue-text:focus {
  color: var(--core-tropical-blue);
}

.core-tropical-blue-bg {
  background-color: var(--core-tropical-blue);
}

.hover-core-tropical-blue-bg:hover {
  background-color: var(--core-tropical-blue);
}

.focus-core-tropical-blue-bg:focus {
  background-color: var(--core-tropical-blue);
}

.core-tropical-blue-border {
  border-color: var(--core-tropical-blue);
}

.hover-core-tropical-blue-border:hover {
  border-color: var(--core-tropical-blue);
}

.focus-core-tropical-blue-border:focus {
  border-color: var(--core-tropical-blue);
}

.core-tropical-blue-circle {
  background-color: var(--core-tropical-blue);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.core-pale-lavendar-text {
  color: var(--core-pale-lavender);
}

.hover-core-pale-lavendar-text:hover {
  color: var(--core-pale-lavender);
}

.focus-core-pale-lavendar-text:focus {
  color: var(--core-pale-lavender);
}

.core-pale-lavendar-bg {
  background-color: var(--core-pale-lavender);
}

.hover-core-pale-lavendar-bg:hover {
  background-color: var(--core-pale-lavender);
}

.focus-core-pale-lavendar-bg:focus {
  background-color: var(--core-pale-lavender);
}

.core-pale-lavendar-border {
  border-color: var(--core-pale-lavender);
}

.hover-core-pale-lavendar-border:hover {
  border-color: var(--core-pale-lavender);
}

.focus-core-pale-lavendar-border:focus {
  border-color: var(--core-pale-lavender);
}

.core-pale-lavendar-circle {
  background-color: var(--core-pale-lavender);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.core-pale-lavender-text {
  color: var(--core-pale-lavender);
}

.hover-core-pale-lavender-text:hover {
  color: var(--core-pale-lavender);
}

.focus-core-pale-lavender-text:focus {
  color: var(--core-pale-lavender);
}

.core-pale-lavender-bg {
  background-color: var(--core-pale-lavender);
}

.hover-core-pale-lavender-bg:hover {
  background-color: var(--core-pale-lavender);
}

.focus-core-pale-lavender-bg:focus {
  background-color: var(--core-pale-lavender);
}

.core-pale-lavender-border {
  border-color: var(--core-pale-lavender);
}

.hover-core-pale-lavender-border:hover {
  border-color: var(--core-pale-lavender);
}

.focus-core-pale-lavender-border:focus {
  border-color: var(--core-pale-lavender);
}

.core-pale-lavender-circle {
  background-color: var(--core-pale-lavender);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-canary-yellow-text {
  color: var(--accent-canary-yellow);
}

.hover-accent-canary-yellow-text:hover {
  color: var(--accent-canary-yellow);
}

.focus-accent-canary-yellow-text:focus {
  color: var(--accent-canary-yellow);
}

.accent-canary-yellow-bg {
  background-color: var(--accent-canary-yellow);
}

.hover-accent-canary-yellow-bg:hover {
  background-color: var(--accent-canary-yellow);
}

.focus-accent-canary-yellow-bg:focus {
  background-color: var(--accent-canary-yellow);
}

.accent-canary-yellow-border {
  border-color: var(--accent-canary-yellow);
}

.hover-accent-canary-yellow-border:hover {
  border-color: var(--accent-canary-yellow);
}

.focus-accent-canary-yellow-border:focus {
  border-color: var(--accent-canary-yellow);
}

.accent-canary-yellow-circle {
  background-color: var(--accent-canary-yellow);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-grenadier-text {
  color: var(--accent-grenadier);
}

.hover-accent-grenadier-text:hover {
  color: var(--accent-grenadier);
}

.focus-accent-grenadier-text:focus {
  color: var(--accent-grenadier);
}

.accent-grenadier-bg {
  background-color: var(--accent-grenadier);
}

.hover-accent-grenadier-bg:hover {
  background-color: var(--accent-grenadier);
}

.focus-accent-grenadier-bg:focus {
  background-color: var(--accent-grenadier);
}

.accent-grenadier-border {
  border-color: var(--accent-grenadier);
}

.hover-accent-grenadier-border:hover {
  border-color: var(--accent-grenadier);
}

.focus-accent-grenadier-border:focus {
  border-color: var(--accent-grenadier);
}

.accent-grenadier-circle {
  background-color: var(--accent-grenadier);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-pink-orange-text {
  color: var(--accent-pink-orange);
}

.hover-accent-pink-orange-text:hover {
  color: var(--accent-pink-orange);
}

.focus-accent-pink-orange-text:focus {
  color: var(--accent-pink-orange);
}

.accent-pink-orange-bg {
  background-color: var(--accent-pink-orange);
}

.hover-accent-pink-orange-bg:hover {
  background-color: var(--accent-pink-orange);
}

.focus-accent-pink-orange-bg:focus {
  background-color: var(--accent-pink-orange);
}

.accent-pink-orange-border {
  border-color: var(--accent-pink-orange);
}

.hover-accent-pink-orange-border:hover {
  border-color: var(--accent-pink-orange);
}

.focus-accent-pink-orange-border:focus {
  border-color: var(--accent-pink-orange);
}

.accent-pink-orange-circle {
  background-color: var(--accent-pink-orange);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-denim-text {
  color: var(--accent-denim);
}

.hover-accent-denim-text:hover {
  color: var(--accent-denim);
}

.focus-accent-denim-text:focus {
  color: var(--accent-denim);
}

.accent-denim-bg {
  background-color: var(--accent-denim);
}

.hover-accent-denim-bg:hover {
  background-color: var(--accent-denim);
}

.focus-accent-denim-bg:focus {
  background-color: var(--accent-denim);
}

.accent-denim-border {
  border-color: var(--accent-denim);
}

.hover-accent-denim-border:hover {
  border-color: var(--accent-denim);
}

.focus-accent-denim-border:focus {
  border-color: var(--accent-denim);
}

.accent-denim-circle {
  background-color: var(--accent-denim);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-navy-blue-text {
  color: var(--accent-navy-blue);
}

.hover-accent-navy-blue-text:hover {
  color: var(--accent-navy-blue);
}

.focus-accent-navy-blue-text:focus {
  color: var(--accent-navy-blue);
}

.accent-navy-blue-bg {
  background-color: var(--accent-navy-blue);
}

.hover-accent-navy-blue-bg:hover {
  background-color: var(--accent-navy-blue);
}

.focus-accent-navy-blue-bg:focus {
  background-color: var(--accent-navy-blue);
}

.accent-navy-blue-border {
  border-color: var(--accent-navy-blue);
}

.hover-accent-navy-blue-border:hover {
  border-color: var(--accent-navy-blue);
}

.focus-accent-navy-blue-border:focus {
  border-color: var(--accent-navy-blue);
}

.accent-navy-blue-circle {
  background-color: var(--accent-navy-blue);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-jordy-blue-text {
  color: var(--accent-jordy-blue);
}

.hover-accent-jordy-blue-text:hover {
  color: var(--accent-jordy-blue);
}

.focus-accent-jordy-blue-text:focus {
  color: var(--accent-jordy-blue);
}

.accent-jordy-blue-bg {
  background-color: var(--accent-jordy-blue);
}

.hover-accent-jordy-blue-bg:hover {
  background-color: var(--accent-jordy-blue);
}

.focus-accent-jordy-blue-bg:focus {
  background-color: var(--accent-jordy-blue);
}

.accent-jordy-blue-border {
  border-color: var(--accent-jordy-blue);
}

.hover-accent-jordy-blue-border:hover {
  border-color: var(--accent-jordy-blue);
}

.focus-accent-jordy-blue-border:focus {
  border-color: var(--accent-jordy-blue);
}

.accent-jordy-blue-circle {
  background-color: var(--accent-jordy-blue);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-hawkes-blue-text {
  color: var(--accent-hawkes-blue);
}

.hover-accent-hawkes-blue-text:hover {
  color: var(--accent-hawkes-blue);
}

.focus-accent-hawkes-blue-text:focus {
  color: var(--accent-hawkes-blue);
}

.accent-hawkes-blue-bg {
  background-color: var(--accent-hawkes-blue);
}

.hover-accent-hawkes-blue-bg:hover {
  background-color: var(--accent-hawkes-blue);
}

.focus-accent-hawkes-blue-bg:focus {
  background-color: var(--accent-hawkes-blue);
}

.accent-hawkes-blue-border {
  border-color: var(--accent-hawkes-blue);
}

.hover-accent-hawkes-blue-border:hover {
  border-color: var(--accent-hawkes-blue);
}

.focus-accent-hawkes-blue-border:focus {
  border-color: var(--accent-hawkes-blue);
}

.accent-hawkes-blue-circle {
  background-color: var(--accent-hawkes-blue);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-zircon-text {
  color: var(--accent-zircon);
}

.hover-accent-zircon-text:hover {
  color: var(--accent-zircon);
}

.focus-accent-zircon-text:focus {
  color: var(--accent-zircon);
}

.accent-zircon-bg {
  background-color: var(--accent-zircon);
}

.hover-accent-zircon-bg:hover {
  background-color: var(--accent-zircon);
}

.focus-accent-zircon-bg:focus {
  background-color: var(--accent-zircon);
}

.accent-zircon-border {
  border-color: var(--accent-zircon);
}

.hover-accent-zircon-border:hover {
  border-color: var(--accent-zircon);
}

.focus-accent-zircon-border:focus {
  border-color: var(--accent-zircon);
}

.accent-zircon-circle {
  background-color: var(--accent-zircon);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.accent-apricot-text {
  color: var(--accent-apricot);
}

.hover-accent-apricot-text:hover {
  color: var(--accent-apricot);
}

.focus-accent-apricot-text:focus {
  color: var(--accent-apricot);
}

.accent-apricot-bg {
  background-color: var(--accent-apricot);
}

.hover-accent-apricot-bg:hover {
  background-color: var(--accent-apricot);
}

.focus-accent-apricot-bg:focus {
  background-color: var(--accent-apricot);
}

.accent-apricot-border {
  border-color: var(--accent-apricot);
}

.hover-accent-apricot-border:hover {
  border-color: var(--accent-apricot);
}

.focus-accent-apricot-border:focus {
  border-color: var(--accent-apricot);
}

.accent-apricot-circle {
  background-color: var(--accent-apricot);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.tertiary-viking-text {
  color: var(--tertiary-viking);
}

.hover-tertiary-viking-text:hover {
  color: var(--tertiary-viking);
}

.focus-tertiary-viking-text:focus {
  color: var(--tertiary-viking);
}

.tertiary-viking-bg {
  background-color: var(--tertiary-viking);
}

.hover-tertiary-viking-bg:hover {
  background-color: var(--tertiary-viking);
}

.focus-tertiary-viking-bg:focus {
  background-color: var(--tertiary-viking);
}

.tertiary-viking-border {
  border-color: var(--tertiary-viking);
}

.hover-tertiary-viking-border:hover {
  border-color: var(--tertiary-viking);
}

.focus-tertiary-viking-border:focus {
  border-color: var(--tertiary-viking);
}

.tertiary-viking-circle {
  background-color: var(--tertiary-viking);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.tertiary-cornflower-blue-text {
  color: var(--tertiary-cornflower-blue);
}

.hover-tertiary-cornflower-blue-text:hover {
  color: var(--tertiary-cornflower-blue);
}

.focus-tertiary-cornflower-blue-text:focus {
  color: var(--tertiary-cornflower-blue);
}

.tertiary-cornflower-blue-bg {
  background-color: var(--tertiary-cornflower-blue);
}

.hover-tertiary-cornflower-blue-bg:hover {
  background-color: var(--tertiary-cornflower-blue);
}

.focus-tertiary-cornflower-blue-bg:focus {
  background-color: var(--tertiary-cornflower-blue);
}

.tertiary-cornflower-blue-border {
  border-color: var(--tertiary-cornflower-blue);
}

.hover-tertiary-cornflower-blue-border:hover {
  border-color: var(--tertiary-cornflower-blue);
}

.focus-tertiary-cornflower-blue-border:focus {
  border-color: var(--tertiary-cornflower-blue);
}

.tertiary-cornflower-blue-circle {
  background-color: var(--tertiary-cornflower-blue);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.tertiary-rich-lilac-text {
  color: var(--tertiary-rich-lilac);
}

.hover-tertiary-rich-lilac-text:hover {
  color: var(--tertiary-rich-lilac);
}

.focus-tertiary-rich-lilac-text:focus {
  color: var(--tertiary-rich-lilac);
}

.tertiary-rich-lilac-bg {
  background-color: var(--tertiary-rich-lilac);
}

.hover-tertiary-rich-lilac-bg:hover {
  background-color: var(--tertiary-rich-lilac);
}

.focus-tertiary-rich-lilac-bg:focus {
  background-color: var(--tertiary-rich-lilac);
}

.tertiary-rich-lilac-border {
  border-color: var(--tertiary-rich-lilac);
}

.hover-tertiary-rich-lilac-border:hover {
  border-color: var(--tertiary-rich-lilac);
}

.focus-tertiary-rich-lilac-border:focus {
  border-color: var(--tertiary-rich-lilac);
}

.tertiary-rich-lilac-circle {
  background-color: var(--tertiary-rich-lilac);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.tertiary-orchid-text {
  color: var(--tertiary-orchid);
}

.hover-tertiary-orchid-text:hover {
  color: var(--tertiary-orchid);
}

.focus-tertiary-orchid-text:focus {
  color: var(--tertiary-orchid);
}

.tertiary-orchid-bg {
  background-color: var(--tertiary-orchid);
}

.hover-tertiary-orchid-bg:hover {
  background-color: var(--tertiary-orchid);
}

.focus-tertiary-orchid-bg:focus {
  background-color: var(--tertiary-orchid);
}

.tertiary-orchid-border {
  border-color: var(--tertiary-orchid);
}

.hover-tertiary-orchid-border:hover {
  border-color: var(--tertiary-orchid);
}

.focus-tertiary-orchid-border:focus {
  border-color: var(--tertiary-orchid);
}

.tertiary-orchid-circle {
  background-color: var(--tertiary-orchid);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.neutral-black-text {
  color: var(--neutral-black);
}

.hover-neutral-black-text:hover {
  color: var(--neutral-black);
}

.focus-neutral-black-text:focus {
  color: var(--neutral-black);
}

.neutral-black-bg {
  background-color: var(--neutral-black);
}

.hover-neutral-black-bg:hover {
  background-color: var(--neutral-black);
}

.focus-neutral-black-bg:focus {
  background-color: var(--neutral-black);
}

.neutral-black-border {
  border-color: var(--neutral-black);
}

.hover-neutral-black-border:hover {
  border-color: var(--neutral-black);
}

.focus-neutral-black-border:focus {
  border-color: var(--neutral-black);
}

.neutral-black-circle {
  background-color: var(--neutral-black);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.neutral-steel-text {
  color: var(--neutral-steel);
}

.hover-neutral-steel-text:hover {
  color: var(--neutral-steel);
}

.focus-neutral-steel-text:focus {
  color: var(--neutral-steel);
}

.neutral-steel-bg {
  background-color: var(--neutral-steel);
}

.hover-neutral-steel-bg:hover {
  background-color: var(--neutral-steel);
}

.focus-neutral-steel-bg:focus {
  background-color: var(--neutral-steel);
}

.neutral-steel-border {
  border-color: var(--neutral-steel);
}

.hover-neutral-steel-border:hover {
  border-color: var(--neutral-steel);
}

.focus-neutral-steel-border:focus {
  border-color: var(--neutral-steel);
}

.neutral-steel-circle {
  background-color: var(--neutral-steel);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.neutral-dove-gray-text {
  color: var(--neutral-dove-gray);
}

.hover-neutral-dove-gray-text:hover {
  color: var(--neutral-dove-gray);
}

.focus-neutral-dove-gray-text:focus {
  color: var(--neutral-dove-gray);
}

.neutral-dove-gray-bg {
  background-color: var(--neutral-dove-gray);
}

.hover-neutral-dove-gray-bg:hover {
  background-color: var(--neutral-dove-gray);
}

.focus-neutral-dove-gray-bg:focus {
  background-color: var(--neutral-dove-gray);
}

.neutral-dove-gray-border {
  border-color: var(--neutral-dove-gray);
}

.hover-neutral-dove-gray-border:hover {
  border-color: var(--neutral-dove-gray);
}

.focus-neutral-dove-gray-border:focus {
  border-color: var(--neutral-dove-gray);
}

.neutral-dove-gray-circle {
  background-color: var(--neutral-dove-gray);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.neutral-mountain-mist-text {
  color: var(--neutral-mountain-mist);
}

.hover-neutral-mountain-mist-text:hover {
  color: var(--neutral-mountain-mist);
}

.focus-neutral-mountain-mist-text:focus {
  color: var(--neutral-mountain-mist);
}

.neutral-mountain-mist-bg {
  background-color: var(--neutral-mountain-mist);
}

.hover-neutral-mountain-mist-bg:hover {
  background-color: var(--neutral-mountain-mist);
}

.focus-neutral-mountain-mist-bg:focus {
  background-color: var(--neutral-mountain-mist);
}

.neutral-mountain-mist-border {
  border-color: var(--neutral-mountain-mist);
}

.hover-neutral-mountain-mist-border:hover {
  border-color: var(--neutral-mountain-mist);
}

.focus-neutral-mountain-mist-border:focus {
  border-color: var(--neutral-mountain-mist);
}

.neutral-mountain-mist-circle {
  background-color: var(--neutral-mountain-mist);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.neutral-athens-gray-text {
  color: var(--neutral-athens-gray);
}

.hover-neutral-athens-gray-text:hover {
  color: var(--neutral-athens-gray);
}

.focus-neutral-athens-gray-text:focus {
  color: var(--neutral-athens-gray);
}

.neutral-athens-gray-bg {
  background-color: var(--neutral-athens-gray);
}

.hover-neutral-athens-gray-bg:hover {
  background-color: var(--neutral-athens-gray);
}

.focus-neutral-athens-gray-bg:focus {
  background-color: var(--neutral-athens-gray);
}

.neutral-athens-gray-border {
  border-color: var(--neutral-athens-gray);
}

.hover-neutral-athens-gray-border:hover {
  border-color: var(--neutral-athens-gray);
}

.focus-neutral-athens-gray-border:focus {
  border-color: var(--neutral-athens-gray);
}

.neutral-athens-gray-circle {
  background-color: var(--neutral-athens-gray);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.neutral-gallery-text {
  color: var(--neutral-gallery);
}

.hover-neutral-gallery-text:hover {
  color: var(--neutral-gallery);
}

.focus-neutral-gallery-text:focus {
  color: var(--neutral-gallery);
}

.neutral-gallery-bg {
  background-color: var(--neutral-gallery);
}

.hover-neutral-gallery-bg:hover {
  background-color: var(--neutral-gallery);
}

.focus-neutral-gallery-bg:focus {
  background-color: var(--neutral-gallery);
}

.neutral-gallery-border {
  border-color: var(--neutral-gallery);
}

.hover-neutral-gallery-border:hover {
  border-color: var(--neutral-gallery);
}

.focus-neutral-gallery-border:focus {
  border-color: var(--neutral-gallery);
}

.neutral-gallery-circle {
  background-color: var(--neutral-gallery);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.neutral-white-text {
  color: var(--neutral-white);
}

.hover-neutral-white-text:hover {
  color: var(--neutral-white);
}

.focus-neutral-white-text:focus {
  color: var(--neutral-white);
}

.neutral-white-bg {
  background-color: var(--neutral-white);
}

.hover-neutral-white-bg:hover {
  background-color: var(--neutral-white);
}

.focus-neutral-white-bg:focus {
  background-color: var(--neutral-white);
}

.neutral-white-border {
  border-color: var(--neutral-white);
}

.hover-neutral-white-border:hover {
  border-color: var(--neutral-white);
}

.focus-neutral-white-border:focus {
  border-color: var(--neutral-white);
}

.neutral-white-circle {
  background-color: var(--neutral-white);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.light-gray-text {
  color: var(--light-gray);
}

.hover-light-gray-text:hover {
  color: var(--light-gray);
}

.focus-light-gray-text:focus {
  color: var(--light-gray);
}

.light-gray-bg {
  background-color: var(--light-gray);
}

.hover-light-gray-bg:hover {
  background-color: var(--light-gray);
}

.focus-light-gray-bg:focus {
  background-color: var(--light-gray);
}

.light-gray-border {
  border-color: var(--light-gray);
}

.hover-light-gray-border:hover {
  border-color: var(--light-gray);
}

.focus-light-gray-border:focus {
  border-color: var(--light-gray);
}

.light-gray-circle {
  background-color: var(--light-gray);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.light-blue-text {
  color: var(--light-blue);
}

.hover-light-blue-text:hover {
  color: var(--light-blue);
}

.focus-light-blue-text:focus {
  color: var(--light-blue);
}

.light-blue-bg {
  background-color: var(--light-blue);
}

.hover-light-blue-bg:hover {
  background-color: var(--light-blue);
}

.focus-light-blue-bg:focus {
  background-color: var(--light-blue);
}

.light-blue-border {
  border-color: var(--light-blue);
}

.hover-light-blue-border:hover {
  border-color: var(--light-blue);
}

.focus-light-blue-border:focus {
  border-color: var(--light-blue);
}

.light-blue-circle {
  background-color: var(--light-blue);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.light-lavendar-text {
  color: var(--light-lavendar);
}

.hover-light-lavendar-text:hover {
  color: var(--light-lavendar);
}

.focus-light-lavendar-text:focus {
  color: var(--light-lavendar);
}

.light-lavendar-bg {
  background-color: var(--light-lavendar);
}

.hover-light-lavendar-bg:hover {
  background-color: var(--light-lavendar);
}

.focus-light-lavendar-bg:focus {
  background-color: var(--light-lavendar);
}

.light-lavendar-border {
  border-color: var(--light-lavendar);
}

.hover-light-lavendar-border:hover {
  border-color: var(--light-lavendar);
}

.focus-light-lavendar-border:focus {
  border-color: var(--light-lavendar);
}

.light-lavendar-circle {
  background-color: var(--light-lavendar);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.light-turquoise-text {
  color: var(--light-turquoise);
}

.hover-light-turquoise-text:hover {
  color: var(--light-turquoise);
}

.focus-light-turquoise-text:focus {
  color: var(--light-turquoise);
}

.light-turquoise-bg {
  background-color: var(--light-turquoise);
}

.hover-light-turquoise-bg:hover {
  background-color: var(--light-turquoise);
}

.focus-light-turquoise-bg:focus {
  background-color: var(--light-turquoise);
}

.light-turquoise-border {
  border-color: var(--light-turquoise);
}

.hover-light-turquoise-border:hover {
  border-color: var(--light-turquoise);
}

.focus-light-turquoise-border:focus {
  border-color: var(--light-turquoise);
}

.light-turquoise-circle {
  background-color: var(--light-turquoise);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.error-text {
  color: var(--error);
}

.hover-error-text:hover {
  color: var(--error);
}

.focus-error-text:focus {
  color: var(--error);
}

.error-bg {
  background-color: var(--error);
}

.hover-error-bg:hover {
  background-color: var(--error);
}

.focus-error-bg:focus {
  background-color: var(--error);
}

.error-border {
  border-color: var(--error);
}

.hover-error-border:hover {
  border-color: var(--error);
}

.focus-error-border:focus {
  border-color: var(--error);
}

.error-circle {
  background-color: var(--error);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.warning-text {
  color: var(--warning);
}

.hover-warning-text:hover {
  color: var(--warning);
}

.focus-warning-text:focus {
  color: var(--warning);
}

.warning-bg {
  background-color: var(--warning);
}

.hover-warning-bg:hover {
  background-color: var(--warning);
}

.focus-warning-bg:focus {
  background-color: var(--warning);
}

.warning-border {
  border-color: var(--warning);
}

.hover-warning-border:hover {
  border-color: var(--warning);
}

.focus-warning-border:focus {
  border-color: var(--warning);
}

.warning-circle {
  background-color: var(--warning);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.warning-background-text {
  color: var(--warning-background);
}

.hover-warning-background-text:hover {
  color: var(--warning-background);
}

.focus-warning-background-text:focus {
  color: var(--warning-background);
}

.warning-background-bg {
  background-color: var(--warning-background);
}

.hover-warning-background-bg:hover {
  background-color: var(--warning-background);
}

.focus-warning-background-bg:focus {
  background-color: var(--warning-background);
}

.warning-background-border {
  border-color: var(--warning-background);
}

.hover-warning-background-border:hover {
  border-color: var(--warning-background);
}

.focus-warning-background-border:focus {
  border-color: var(--warning-background);
}

.warning-background-circle {
  background-color: var(--warning-background);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.success-text {
  color: var(--success);
}

.hover-success-text:hover {
  color: var(--success);
}

.focus-success-text:focus {
  color: var(--success);
}

.success-bg {
  background-color: var(--success);
}

.hover-success-bg:hover {
  background-color: var(--success);
}

.focus-success-bg:focus {
  background-color: var(--success);
}

.success-border {
  border-color: var(--success);
}

.hover-success-border:hover {
  border-color: var(--success);
}

.focus-success-border:focus {
  border-color: var(--success);
}

.success-circle {
  background-color: var(--success);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.info-text {
  color: var(--info);
}

.hover-info-text:hover {
  color: var(--info);
}

.focus-info-text:focus {
  color: var(--info);
}

.info-bg {
  background-color: var(--info);
}

.hover-info-bg:hover {
  background-color: var(--info);
}

.focus-info-bg:focus {
  background-color: var(--info);
}

.info-border {
  border-color: var(--info);
}

.hover-info-border:hover {
  border-color: var(--info);
}

.focus-info-border:focus {
  border-color: var(--info);
}

.info-circle {
  background-color: var(--info);
  border-radius: 50%;
  width: var(--spacing-m);
  height: var(--spacing-m);
  display: inline-block;
  margin-right: var(--spacing-m);
}

.list-group {
  border: 0.0625rem solid var(--neutral-athens-gray);
  border-radius: 0.5rem;
  margin: -0.125rem;
  overflow: hidden;
  background-color: var(--neutral-white);
  filter: drop-shadow(0 0.0625rem 0.125rem RGB(0 0 0/0.1)) drop-shadow(0 0.0625rem 0.0625rem RGB(0 0 0/0.06));
  list-style: none;
}

.list-group-item {
  position: relative;
  background-color: #fff;
  padding: 0.75rem;
  background-color: var(--neutral-white);
  font-family: var(--base-font-family);
  color: var(--base-font-color);
}

.list-group-item:not(:last-child) {
  border-bottom: 0.0625rem solid var(--neutral-athens-gray);
}

.list-group-item:last-child {
  padding-bottom: 0.0625rem;
}

.list-none {
  list-style-type: none;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.box-shadow {
  box-shadow: 0 0 0.125rem rgba(40, 40, 40, 0.07), 0 0 0.25rem rgba(40, 40, 40, 0.07), 0 0 0.5rem rgba(40, 40, 40, 0.07), 0 0 1rem rgba(40, 40, 40, 0.07), 0 0 2rem rgba(40, 40, 40, 0.07), 0 0 4rem rgba(40, 40, 40, 0.07);
}

.gap-xs {
  gap: var(--spacing-xs);
}

.gap-s {
  gap: var(--spacing-s);
}

.gap-m {
  gap: var(--spacing-m);
}

.gap-l {
  gap: var(--spacing-l);
}

.gap-xl {
  gap: var(--spacing-xl);
}

.gap-2xl {
  gap: var(--spacing-2xl);
}

.gap-3xl {
  gap: var(--spacing-3xl);
}

.gap-4xl {
  gap: var(--spacing-4xl);
}

.gap-5xl {
  gap: var(--spacing-5xl);
}

.bold-text {
  font-family: var(--bold-font-family);
}

h1.bold-text,
h2.bold-text,
h3.bold-text,
h4.bold-text,
h5.bold-text,
h6.bold-text,
p.bold-text {
  font-family: var(--bold-font-family);
}

h1.hover-bold-text:hover,
h2.hover-bold-text:hover,
h3.hover-bold-text:hover,
h4.hover-bold-text:hover,
h5.hover-bold-text:hover,
h6.hover-bold-text:hover,
p.hover-bold-text:hover,
div.hover-bold-text:hover,
button.hover-bold-text:hover,
a.hover-bold-text:hover,
.hover-bold-text:hover {
  font-family: var(--bold-font-family);
}

h1.focus-bold-text:focus,
h2.focus-bold-text:focus,
h3.focus-bold-text:focus,
h4.focus-bold-text:focus,
h5.focus-bold-text:focus,
h6.focus-bold-text:focus,
p.focus-bold-text:focus,
div.focus-bold-text:focus,
button.focus-bold-text:focus,
a.focus-bold-text:focus,
.focus-bold-text:focus {
  font-family: var(--bold-font-family);
}

.normal-text {
  font-family: var(--base-font-family);
}

.card {
  border-radius: 0.625rem;
  box-shadow: 0 0 0.0625rem rgba(40, 40, 40, 0.25), 0 0 0.125rem rgba(40, 40, 40, 0.2), 0 0 0.25rem rgba(40, 40, 40, 0.15), 0 0 0.5rem rgba(40, 40, 40, 0.1), 0 0 1rem rgba(40, 40, 40, 0.05), 0 0 1.5rem rgba(40, 40, 40, 0.05);
}

.f-h1 {
  display: block !important;
  font-size: 3rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin-bottom: 1.5rem !important;
  font-family: var(--base-font-family) !important;
  color: var(--base-font-color) !important;
}

.f-h2 {
  display: block !important;
  font-size: 2.25rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin-bottom: 1rem !important;
  font-family: var(--base-font-family) !important;
  color: var(--base-font-color) !important;
}

.f-h3 {
  display: block !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.5rem !important;
  font-family: var(--base-font-family) !important;
  color: var(--base-font-color) !important;
}

.f-h4 {
  display: block !important;
  font-size: 1.375rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.25rem !important;
  font-family: var(--base-font-family) !important;
  color: var(--base-font-color) !important;
}

.f-h5 {
  display: block !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.125rem !important;
  font-family: var(--base-font-family) !important;
  color: var(--base-font-color) !important;
}

.f-h6 {
  display: block !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin-bottom: 0.125rem !important;
  font-family: var(--base-font-family) !important;
  color: var(--base-font-color) !important;
}

.f-p {
  display: block !important;
  line-height: 1.5 !important;
  font-family: var(--base-font-family) !important;
  color: var(--base-font-color) !important;
}
.f-p.large {
  font-size: var(--large-font-size) !important;
}

.f-div {
  display: block !important;
  color: var(--base-font-color) !important;
  background-color: var(--background-body) !important;
  font-family: var(--base-font-family) !important;
  font-size: var(--base-font-size) !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

.f-main {
  padding: var(--spacing-l) !important;
}

.f-a {
  color: var(--anchor-color) !important;
  text-decoration: underline !important;
}
.f-a:hover {
  text-decoration: underline !important;
}
.f-a:focus {
  text-decoration: underline !important;
  outline: 0.125rem solid var(--a11y-focus-color) !important;
  outline-offset: 0.125rem !important;
}

.pos-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 320px) {
  ._s-circular-radius-s {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
  ._s-circular-radius-m {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
  }
  ._s-circular-radius-l {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
  }
  ._s-circular-radius-xl {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
  }
  ._s-circular-radius-2xl {
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
  }
  ._s-circular-radius-3xl {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
  }
  ._s-text-align-left {
    text-align: left;
  }
  ._s-text-align-right {
    text-align: right;
  }
  ._s-text-align-center {
    text-align: center;
  }
  ._s-text-align-justify {
    text-align: justify;
  }
  ._s-text-align-initial {
    text-align: initial;
  }
  ._s-text-align-inherit {
    text-align: inherit;
  }
  ._s-display-block {
    display: block;
  }
  ._s-display-inline-block {
    display: inline-block;
  }
  ._s-display-inline {
    display: inline;
  }
  ._s-display-flex {
    display: flex;
  }
  ._s-display-inline-flex {
    display: inline-flex;
  }
  ._s-display-table {
    display: table;
  }
  ._s-display-table-row {
    display: table-row;
  }
  ._s-display-table-cell {
    display: table-cell;
  }
  ._s-display-none {
    display: none;
  }
  ._s-flex-column {
    flex-direction: column;
  }
  ._s-flex-row {
    flex-direction: row;
  }
  ._s-items-stretch {
    align-items: stretch;
  }
  ._s-items-flex-start {
    align-items: flex-start;
  }
  ._s-items-center {
    align-items: center;
  }
  ._s-items-flex-end {
    align-items: flex-end;
  }
  ._s-items-baseline {
    align-items: baseline;
  }
  ._s-justify-flex-start {
    justify-content: flex-start;
  }
  ._s-justify-center {
    justify-content: center;
  }
  ._s-justify-flex-end {
    justify-content: flex-end;
  }
  ._s-justify-space-between {
    justify-content: space-between;
  }
  ._s-justify-space-around {
    justify-content: space-around;
  }
  ._s-flex-wrap {
    flex-wrap: wrap;
  }
  ._s-flex-nowrap {
    flex-wrap: nowrap;
  }
  ._s-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  ._s-flex-0 {
    flex: 0;
  }
  ._s-flex-1 {
    flex: 1;
  }
  ._s-flex-grow-0 {
    flex-grow: 0;
  }
  ._s-flex-grow-1 {
    flex-grow: 1;
  }
  ._s-flex-shrink-0 {
    flex-shrink: 0;
  }
  ._s-flex-shrink-1 {
    flex-shrink: 1;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  ._s-text-wrap-normal {
    white-space: normal;
  }
  ._s-text-wrap-nowrap {
    white-space: nowrap;
  }
  ._s-text-wrap-pre {
    white-space: pre;
  }
  ._s-text-wrap-pre-line {
    white-space: pre-line;
  }
  ._s-text-wrap-pre-wrap {
    white-space: pre-wrap;
  }
  ._s-word-wrap-normal {
    word-wrap: normal;
  }
  ._s-word-wrap-break-word {
    word-wrap: break-word;
  }
  ._s-gap-xs {
    gap: var(--spacing-xs);
  }
  ._s-gap-s {
    gap: var(--spacing-s);
  }
  ._s-gap-m {
    gap: var(--spacing-m);
  }
  ._s-gap-l {
    gap: var(--spacing-l);
  }
  ._s-gap-xl {
    gap: var(--spacing-xl);
  }
  ._s-gap-2xl {
    gap: var(--spacing-2xl);
  }
  ._s-gap-3xl {
    gap: var(--spacing-3xl);
  }
  ._s-gap-4xl {
    gap: var(--spacing-4xl);
  }
  ._s-gap-5xl {
    gap: var(--spacing-5xl);
  }
  ._s-b-all {
    border: 0.0625rem solid var(--border-light);
  }
  ._s-b-none {
    border: none;
  }
  ._s-b-top {
    border-top: 0.0625rem solid var(--border-light);
  }
  ._s-b-right {
    border-right: 0.0625rem solid var(--border-light);
  }
  ._s-b-bottom {
    border-bottom: 0.0625rem solid var(--border-light);
  }
  ._s-b-left {
    border-left: 0.0625rem solid var(--border-light);
  }
  ._s-m-none {
    margin: 0;
  }
  ._s-m-auto {
    margin: auto;
  }
  ._s-m-xs {
    margin: 0.125rem;
  }
  ._s-m-s {
    margin: 0.25rem;
  }
  ._s-m-m {
    margin: 0.5rem;
  }
  ._s-m-l {
    margin: 1rem;
  }
  ._s-m-xl {
    margin: 1.5rem;
  }
  ._s-m-2xl {
    margin: 2rem;
  }
  ._s-m-3xl {
    margin: 2.5rem;
  }
  ._s-m-4xl {
    margin: 3.5rem;
  }
  ._s-m-5xl {
    margin: 5rem;
  }
  ._s-mt-none {
    margin-top: 0;
  }
  ._s-mt-auto {
    margin-top: auto;
  }
  ._s-mt-xs {
    margin-top: 0.125rem;
  }
  ._s-mt-s {
    margin-top: 0.25rem;
  }
  ._s-mt-m {
    margin-top: 0.5rem;
  }
  ._s-mt-l {
    margin-top: 1rem;
  }
  ._s-mt-xl {
    margin-top: 1.5rem;
  }
  ._s-mt-2xl {
    margin-top: 2rem;
  }
  ._s-mt-3xl {
    margin-top: 2.5rem;
  }
  ._s-mt-4xl {
    margin-top: 3.5rem;
  }
  ._s-mt-5xl {
    margin-top: 5rem;
  }
  ._s-mr-none {
    margin-right: 0;
  }
  ._s-mr-auto {
    margin-right: auto;
  }
  ._s-mr-xs {
    margin-right: 0.125rem;
  }
  ._s-mr-s {
    margin-right: 0.25rem;
  }
  ._s-mr-m {
    margin-right: 0.5rem;
  }
  ._s-mr-l {
    margin-right: 1rem;
  }
  ._s-mr-xl {
    margin-right: 1.5rem;
  }
  ._s-mr-2xl {
    margin-right: 2rem;
  }
  ._s-mr-3xl {
    margin-right: 2.5rem;
  }
  ._s-mr-4xl {
    margin-right: 3.5rem;
  }
  ._s-mr-5xl {
    margin-right: 5rem;
  }
  ._s-mb-none {
    margin-bottom: 0;
  }
  ._s-mb-auto {
    margin-bottom: auto;
  }
  ._s-mb-xs {
    margin-bottom: 0.125rem;
  }
  ._s-mb-s {
    margin-bottom: 0.25rem;
  }
  ._s-mb-m {
    margin-bottom: 0.5rem;
  }
  ._s-mb-l {
    margin-bottom: 1rem;
  }
  ._s-mb-xl {
    margin-bottom: 1.5rem;
  }
  ._s-mb-2xl {
    margin-bottom: 2rem;
  }
  ._s-mb-3xl {
    margin-bottom: 2.5rem;
  }
  ._s-mb-4xl {
    margin-bottom: 3.5rem;
  }
  ._s-mb-5xl {
    margin-bottom: 5rem;
  }
  ._s-ml-none {
    margin-left: 0;
  }
  ._s-ml-auto {
    margin-left: auto;
  }
  ._s-ml-xs {
    margin-left: 0.125rem;
  }
  ._s-ml-s {
    margin-left: 0.25rem;
  }
  ._s-ml-m {
    margin-left: 0.5rem;
  }
  ._s-ml-l {
    margin-left: 1rem;
  }
  ._s-ml-xl {
    margin-left: 1.5rem;
  }
  ._s-ml-2xl {
    margin-left: 2rem;
  }
  ._s-ml-3xl {
    margin-left: 2.5rem;
  }
  ._s-ml-4xl {
    margin-left: 3.5rem;
  }
  ._s-ml-5xl {
    margin-left: 5rem;
  }
  ._s-mx-none {
    margin-left: 0;
    margin-right: 0;
  }
  ._s-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  ._s-mx-xs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  ._s-mx-s {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  ._s-mx-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  ._s-mx-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  ._s-mx-xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  ._s-mx-2xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  ._s-mx-3xl {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  ._s-mx-4xl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  ._s-mx-5xl {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  ._s-my-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._s-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  ._s-my-xs {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  ._s-my-s {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  ._s-my-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  ._s-my-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  ._s-my-xl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  ._s-my-2xl {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  ._s-my-3xl {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  ._s-my-4xl {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  ._s-my-5xl {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  ._s-p-none {
    padding: 0;
  }
  ._s-p-auto {
    padding: auto;
  }
  ._s-p-xs {
    padding: 0.125rem;
  }
  ._s-p-s {
    padding: 0.25rem;
  }
  ._s-p-m {
    padding: 0.5rem;
  }
  ._s-p-l {
    padding: 1rem;
  }
  ._s-p-xl {
    padding: 1.5rem;
  }
  ._s-p-2xl {
    padding: 2rem;
  }
  ._s-p-3xl {
    padding: 2.5rem;
  }
  ._s-p-4xl {
    padding: 3.5rem;
  }
  ._s-p-5xl {
    padding: 5rem;
  }
  ._s-pt-none {
    padding-top: 0;
  }
  ._s-pt-auto {
    padding-top: auto;
  }
  ._s-pt-xs {
    padding-top: 0.125rem;
  }
  ._s-pt-s {
    padding-top: 0.25rem;
  }
  ._s-pt-m {
    padding-top: 0.5rem;
  }
  ._s-pt-l {
    padding-top: 1rem;
  }
  ._s-pt-xl {
    padding-top: 1.5rem;
  }
  ._s-pt-2xl {
    padding-top: 2rem;
  }
  ._s-pt-3xl {
    padding-top: 2.5rem;
  }
  ._s-pt-4xl {
    padding-top: 3.5rem;
  }
  ._s-pt-5xl {
    padding-top: 5rem;
  }
  ._s-pr-none {
    padding-right: 0;
  }
  ._s-pr-auto {
    padding-right: auto;
  }
  ._s-pr-xs {
    padding-right: 0.125rem;
  }
  ._s-pr-s {
    padding-right: 0.25rem;
  }
  ._s-pr-m {
    padding-right: 0.5rem;
  }
  ._s-pr-l {
    padding-right: 1rem;
  }
  ._s-pr-xl {
    padding-right: 1.5rem;
  }
  ._s-pr-2xl {
    padding-right: 2rem;
  }
  ._s-pr-3xl {
    padding-right: 2.5rem;
  }
  ._s-pr-4xl {
    padding-right: 3.5rem;
  }
  ._s-pr-5xl {
    padding-right: 5rem;
  }
  ._s-pb-none {
    padding-bottom: 0;
  }
  ._s-pb-auto {
    padding-bottom: auto;
  }
  ._s-pb-xs {
    padding-bottom: 0.125rem;
  }
  ._s-pb-s {
    padding-bottom: 0.25rem;
  }
  ._s-pb-m {
    padding-bottom: 0.5rem;
  }
  ._s-pb-l {
    padding-bottom: 1rem;
  }
  ._s-pb-xl {
    padding-bottom: 1.5rem;
  }
  ._s-pb-2xl {
    padding-bottom: 2rem;
  }
  ._s-pb-3xl {
    padding-bottom: 2.5rem;
  }
  ._s-pb-4xl {
    padding-bottom: 3.5rem;
  }
  ._s-pb-5xl {
    padding-bottom: 5rem;
  }
  ._s-pl-none {
    padding-left: 0;
  }
  ._s-pl-auto {
    padding-left: auto;
  }
  ._s-pl-xs {
    padding-left: 0.125rem;
  }
  ._s-pl-s {
    padding-left: 0.25rem;
  }
  ._s-pl-m {
    padding-left: 0.5rem;
  }
  ._s-pl-l {
    padding-left: 1rem;
  }
  ._s-pl-xl {
    padding-left: 1.5rem;
  }
  ._s-pl-2xl {
    padding-left: 2rem;
  }
  ._s-pl-3xl {
    padding-left: 2.5rem;
  }
  ._s-pl-4xl {
    padding-left: 3.5rem;
  }
  ._s-pl-5xl {
    padding-left: 5rem;
  }
  ._s-px-none {
    padding-left: 0;
    padding-right: 0;
  }
  ._s-px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  ._s-px-xs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  ._s-px-s {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  ._s-px-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  ._s-px-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  ._s-px-xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  ._s-px-2xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  ._s-px-3xl {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  ._s-px-4xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  ._s-px-5xl {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  ._s-py-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  ._s-py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  ._s-py-xs {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  ._s-py-s {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  ._s-py-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  ._s-py-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  ._s-py-xl {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  ._s-py-2xl {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  ._s-py-3xl {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  ._s-py-4xl {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  ._s-py-5xl {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  ._s-box-shadow {
    box-shadow: 0 0 0.125rem rgba(40, 40, 40, 0.07), 0 0 0.25rem rgba(40, 40, 40, 0.07), 0 0 0.5rem rgba(40, 40, 40, 0.07), 0 0 1rem rgba(40, 40, 40, 0.07), 0 0 2rem rgba(40, 40, 40, 0.07), 0 0 4rem rgba(40, 40, 40, 0.07);
  }
  :host ._s-text-xs,
  :root ._s-text-xs,
  ._s-text-xs {
    font-size: 0.75rem;
  }
  :host ._s-text-s,
  :root ._s-text-s,
  ._s-text-s {
    font-size: 0.8125rem;
  }
  :host ._s-text-m,
  :root ._s-text-m,
  ._s-text-m {
    font-size: 0.875rem;
  }
  :host ._s-text-l,
  :root ._s-text-l,
  ._s-text-l {
    font-size: 1rem;
  }
  :host ._s-text-xl,
  :root ._s-text-xl,
  ._s-text-xl {
    font-size: 1.125rem;
  }
  :host ._s-text-2xl,
  :root ._s-text-2xl,
  ._s-text-2xl {
    font-size: 1.25rem;
  }
  :host ._s-text-3xl,
  :root ._s-text-3xl,
  ._s-text-3xl {
    font-size: 1.375rem;
  }
  :host ._s-text-4xl,
  :root ._s-text-4xl,
  ._s-text-4xl {
    font-size: 1.5rem;
  }
  :host ._s-text-5xl,
  :root ._s-text-5xl,
  ._s-text-5xl {
    font-size: 1.75rem;
  }
  :host ._s-text-6xl,
  :root ._s-text-6xl,
  ._s-text-6xl {
    font-size: 2rem;
  }
  :host ._s-text-7xl,
  :root ._s-text-7xl,
  ._s-text-7xl {
    font-size: 2.25rem;
  }
  :host ._s-text-8xl,
  :root ._s-text-8xl,
  ._s-text-8xl {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  ._m-circular-radius-s {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
  ._m-circular-radius-m {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
  }
  ._m-circular-radius-l {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
  }
  ._m-circular-radius-xl {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
  }
  ._m-circular-radius-2xl {
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
  }
  ._m-circular-radius-3xl {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
  }
  ._m-text-align-left {
    text-align: left;
  }
  ._m-text-align-right {
    text-align: right;
  }
  ._m-text-align-center {
    text-align: center;
  }
  ._m-text-align-justify {
    text-align: justify;
  }
  ._m-text-align-initial {
    text-align: initial;
  }
  ._m-text-align-inherit {
    text-align: inherit;
  }
  ._m-display-block {
    display: block;
  }
  ._m-display-inline-block {
    display: inline-block;
  }
  ._m-display-inline {
    display: inline;
  }
  ._m-display-flex {
    display: flex;
  }
  ._m-display-inline-flex {
    display: inline-flex;
  }
  ._m-display-table {
    display: table;
  }
  ._m-display-table-row {
    display: table-row;
  }
  ._m-display-table-cell {
    display: table-cell;
  }
  ._m-display-none {
    display: none;
  }
  ._m-flex-column {
    flex-direction: column;
  }
  ._m-flex-row {
    flex-direction: row;
  }
  ._m-items-stretch {
    align-items: stretch;
  }
  ._m-items-flex-start {
    align-items: flex-start;
  }
  ._m-items-center {
    align-items: center;
  }
  ._m-items-flex-end {
    align-items: flex-end;
  }
  ._m-items-baseline {
    align-items: baseline;
  }
  ._m-justify-flex-start {
    justify-content: flex-start;
  }
  ._m-justify-center {
    justify-content: center;
  }
  ._m-justify-flex-end {
    justify-content: flex-end;
  }
  ._m-justify-space-between {
    justify-content: space-between;
  }
  ._m-justify-space-around {
    justify-content: space-around;
  }
  ._m-flex-wrap {
    flex-wrap: wrap;
  }
  ._m-flex-nowrap {
    flex-wrap: nowrap;
  }
  ._m-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  ._m-flex-0 {
    flex: 0;
  }
  ._m-flex-1 {
    flex: 1;
  }
  ._m-flex-grow-0 {
    flex-grow: 0;
  }
  ._m-flex-grow-1 {
    flex-grow: 1;
  }
  ._m-flex-shrink-0 {
    flex-shrink: 0;
  }
  ._m-flex-shrink-1 {
    flex-shrink: 1;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  ._m-text-wrap-normal {
    white-space: normal;
  }
  ._m-text-wrap-nowrap {
    white-space: nowrap;
  }
  ._m-text-wrap-pre {
    white-space: pre;
  }
  ._m-text-wrap-pre-line {
    white-space: pre-line;
  }
  ._m-text-wrap-pre-wrap {
    white-space: pre-wrap;
  }
  ._m-word-wrap-normal {
    word-wrap: normal;
  }
  ._m-word-wrap-break-word {
    word-wrap: break-word;
  }
  ._m-gap-xs {
    gap: var(--spacing-xs);
  }
  ._m-gap-s {
    gap: var(--spacing-s);
  }
  ._m-gap-m {
    gap: var(--spacing-m);
  }
  ._m-gap-l {
    gap: var(--spacing-l);
  }
  ._m-gap-xl {
    gap: var(--spacing-xl);
  }
  ._m-gap-2xl {
    gap: var(--spacing-2xl);
  }
  ._m-gap-3xl {
    gap: var(--spacing-3xl);
  }
  ._m-gap-4xl {
    gap: var(--spacing-4xl);
  }
  ._m-gap-5xl {
    gap: var(--spacing-5xl);
  }
  ._m-b-all {
    border: 0.0625rem solid var(--border-light);
  }
  ._m-b-none {
    border: none;
  }
  ._m-b-top {
    border-top: 0.0625rem solid var(--border-light);
  }
  ._m-b-right {
    border-right: 0.0625rem solid var(--border-light);
  }
  ._m-b-bottom {
    border-bottom: 0.0625rem solid var(--border-light);
  }
  ._m-b-left {
    border-left: 0.0625rem solid var(--border-light);
  }
  ._m-m-none {
    margin: 0;
  }
  ._m-m-auto {
    margin: auto;
  }
  ._m-m-xs {
    margin: 0.125rem;
  }
  ._m-m-s {
    margin: 0.25rem;
  }
  ._m-m-m {
    margin: 0.5rem;
  }
  ._m-m-l {
    margin: 1rem;
  }
  ._m-m-xl {
    margin: 1.5rem;
  }
  ._m-m-2xl {
    margin: 2rem;
  }
  ._m-m-3xl {
    margin: 2.5rem;
  }
  ._m-m-4xl {
    margin: 3.5rem;
  }
  ._m-m-5xl {
    margin: 5rem;
  }
  ._m-mt-none {
    margin-top: 0;
  }
  ._m-mt-auto {
    margin-top: auto;
  }
  ._m-mt-xs {
    margin-top: 0.125rem;
  }
  ._m-mt-s {
    margin-top: 0.25rem;
  }
  ._m-mt-m {
    margin-top: 0.5rem;
  }
  ._m-mt-l {
    margin-top: 1rem;
  }
  ._m-mt-xl {
    margin-top: 1.5rem;
  }
  ._m-mt-2xl {
    margin-top: 2rem;
  }
  ._m-mt-3xl {
    margin-top: 2.5rem;
  }
  ._m-mt-4xl {
    margin-top: 3.5rem;
  }
  ._m-mt-5xl {
    margin-top: 5rem;
  }
  ._m-mr-none {
    margin-right: 0;
  }
  ._m-mr-auto {
    margin-right: auto;
  }
  ._m-mr-xs {
    margin-right: 0.125rem;
  }
  ._m-mr-s {
    margin-right: 0.25rem;
  }
  ._m-mr-m {
    margin-right: 0.5rem;
  }
  ._m-mr-l {
    margin-right: 1rem;
  }
  ._m-mr-xl {
    margin-right: 1.5rem;
  }
  ._m-mr-2xl {
    margin-right: 2rem;
  }
  ._m-mr-3xl {
    margin-right: 2.5rem;
  }
  ._m-mr-4xl {
    margin-right: 3.5rem;
  }
  ._m-mr-5xl {
    margin-right: 5rem;
  }
  ._m-mb-none {
    margin-bottom: 0;
  }
  ._m-mb-auto {
    margin-bottom: auto;
  }
  ._m-mb-xs {
    margin-bottom: 0.125rem;
  }
  ._m-mb-s {
    margin-bottom: 0.25rem;
  }
  ._m-mb-m {
    margin-bottom: 0.5rem;
  }
  ._m-mb-l {
    margin-bottom: 1rem;
  }
  ._m-mb-xl {
    margin-bottom: 1.5rem;
  }
  ._m-mb-2xl {
    margin-bottom: 2rem;
  }
  ._m-mb-3xl {
    margin-bottom: 2.5rem;
  }
  ._m-mb-4xl {
    margin-bottom: 3.5rem;
  }
  ._m-mb-5xl {
    margin-bottom: 5rem;
  }
  ._m-ml-none {
    margin-left: 0;
  }
  ._m-ml-auto {
    margin-left: auto;
  }
  ._m-ml-xs {
    margin-left: 0.125rem;
  }
  ._m-ml-s {
    margin-left: 0.25rem;
  }
  ._m-ml-m {
    margin-left: 0.5rem;
  }
  ._m-ml-l {
    margin-left: 1rem;
  }
  ._m-ml-xl {
    margin-left: 1.5rem;
  }
  ._m-ml-2xl {
    margin-left: 2rem;
  }
  ._m-ml-3xl {
    margin-left: 2.5rem;
  }
  ._m-ml-4xl {
    margin-left: 3.5rem;
  }
  ._m-ml-5xl {
    margin-left: 5rem;
  }
  ._m-mx-none {
    margin-left: 0;
    margin-right: 0;
  }
  ._m-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  ._m-mx-xs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  ._m-mx-s {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  ._m-mx-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  ._m-mx-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  ._m-mx-xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  ._m-mx-2xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  ._m-mx-3xl {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  ._m-mx-4xl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  ._m-mx-5xl {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  ._m-my-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._m-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  ._m-my-xs {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  ._m-my-s {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  ._m-my-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  ._m-my-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  ._m-my-xl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  ._m-my-2xl {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  ._m-my-3xl {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  ._m-my-4xl {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  ._m-my-5xl {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  ._m-p-none {
    padding: 0;
  }
  ._m-p-auto {
    padding: auto;
  }
  ._m-p-xs {
    padding: 0.125rem;
  }
  ._m-p-s {
    padding: 0.25rem;
  }
  ._m-p-m {
    padding: 0.5rem;
  }
  ._m-p-l {
    padding: 1rem;
  }
  ._m-p-xl {
    padding: 1.5rem;
  }
  ._m-p-2xl {
    padding: 2rem;
  }
  ._m-p-3xl {
    padding: 2.5rem;
  }
  ._m-p-4xl {
    padding: 3.5rem;
  }
  ._m-p-5xl {
    padding: 5rem;
  }
  ._m-pt-none {
    padding-top: 0;
  }
  ._m-pt-auto {
    padding-top: auto;
  }
  ._m-pt-xs {
    padding-top: 0.125rem;
  }
  ._m-pt-s {
    padding-top: 0.25rem;
  }
  ._m-pt-m {
    padding-top: 0.5rem;
  }
  ._m-pt-l {
    padding-top: 1rem;
  }
  ._m-pt-xl {
    padding-top: 1.5rem;
  }
  ._m-pt-2xl {
    padding-top: 2rem;
  }
  ._m-pt-3xl {
    padding-top: 2.5rem;
  }
  ._m-pt-4xl {
    padding-top: 3.5rem;
  }
  ._m-pt-5xl {
    padding-top: 5rem;
  }
  ._m-pr-none {
    padding-right: 0;
  }
  ._m-pr-auto {
    padding-right: auto;
  }
  ._m-pr-xs {
    padding-right: 0.125rem;
  }
  ._m-pr-s {
    padding-right: 0.25rem;
  }
  ._m-pr-m {
    padding-right: 0.5rem;
  }
  ._m-pr-l {
    padding-right: 1rem;
  }
  ._m-pr-xl {
    padding-right: 1.5rem;
  }
  ._m-pr-2xl {
    padding-right: 2rem;
  }
  ._m-pr-3xl {
    padding-right: 2.5rem;
  }
  ._m-pr-4xl {
    padding-right: 3.5rem;
  }
  ._m-pr-5xl {
    padding-right: 5rem;
  }
  ._m-pb-none {
    padding-bottom: 0;
  }
  ._m-pb-auto {
    padding-bottom: auto;
  }
  ._m-pb-xs {
    padding-bottom: 0.125rem;
  }
  ._m-pb-s {
    padding-bottom: 0.25rem;
  }
  ._m-pb-m {
    padding-bottom: 0.5rem;
  }
  ._m-pb-l {
    padding-bottom: 1rem;
  }
  ._m-pb-xl {
    padding-bottom: 1.5rem;
  }
  ._m-pb-2xl {
    padding-bottom: 2rem;
  }
  ._m-pb-3xl {
    padding-bottom: 2.5rem;
  }
  ._m-pb-4xl {
    padding-bottom: 3.5rem;
  }
  ._m-pb-5xl {
    padding-bottom: 5rem;
  }
  ._m-pl-none {
    padding-left: 0;
  }
  ._m-pl-auto {
    padding-left: auto;
  }
  ._m-pl-xs {
    padding-left: 0.125rem;
  }
  ._m-pl-s {
    padding-left: 0.25rem;
  }
  ._m-pl-m {
    padding-left: 0.5rem;
  }
  ._m-pl-l {
    padding-left: 1rem;
  }
  ._m-pl-xl {
    padding-left: 1.5rem;
  }
  ._m-pl-2xl {
    padding-left: 2rem;
  }
  ._m-pl-3xl {
    padding-left: 2.5rem;
  }
  ._m-pl-4xl {
    padding-left: 3.5rem;
  }
  ._m-pl-5xl {
    padding-left: 5rem;
  }
  ._m-px-none {
    padding-left: 0;
    padding-right: 0;
  }
  ._m-px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  ._m-px-xs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  ._m-px-s {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  ._m-px-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  ._m-px-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  ._m-px-xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  ._m-px-2xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  ._m-px-3xl {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  ._m-px-4xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  ._m-px-5xl {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  ._m-py-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  ._m-py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  ._m-py-xs {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  ._m-py-s {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  ._m-py-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  ._m-py-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  ._m-py-xl {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  ._m-py-2xl {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  ._m-py-3xl {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  ._m-py-4xl {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  ._m-py-5xl {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  ._m-box-shadow {
    box-shadow: 0 0 0.125rem rgba(40, 40, 40, 0.07), 0 0 0.25rem rgba(40, 40, 40, 0.07), 0 0 0.5rem rgba(40, 40, 40, 0.07), 0 0 1rem rgba(40, 40, 40, 0.07), 0 0 2rem rgba(40, 40, 40, 0.07), 0 0 4rem rgba(40, 40, 40, 0.07);
  }
  :host ._m-text-xs,
  :root ._m-text-xs,
  ._m-text-xs {
    font-size: 0.75rem;
  }
  :host ._m-text-s,
  :root ._m-text-s,
  ._m-text-s {
    font-size: 0.8125rem;
  }
  :host ._m-text-m,
  :root ._m-text-m,
  ._m-text-m {
    font-size: 0.875rem;
  }
  :host ._m-text-l,
  :root ._m-text-l,
  ._m-text-l {
    font-size: 1rem;
  }
  :host ._m-text-xl,
  :root ._m-text-xl,
  ._m-text-xl {
    font-size: 1.125rem;
  }
  :host ._m-text-2xl,
  :root ._m-text-2xl,
  ._m-text-2xl {
    font-size: 1.25rem;
  }
  :host ._m-text-3xl,
  :root ._m-text-3xl,
  ._m-text-3xl {
    font-size: 1.375rem;
  }
  :host ._m-text-4xl,
  :root ._m-text-4xl,
  ._m-text-4xl {
    font-size: 1.5rem;
  }
  :host ._m-text-5xl,
  :root ._m-text-5xl,
  ._m-text-5xl {
    font-size: 1.75rem;
  }
  :host ._m-text-6xl,
  :root ._m-text-6xl,
  ._m-text-6xl {
    font-size: 2rem;
  }
  :host ._m-text-7xl,
  :root ._m-text-7xl,
  ._m-text-7xl {
    font-size: 2.25rem;
  }
  :host ._m-text-8xl,
  :root ._m-text-8xl,
  ._m-text-8xl {
    font-size: 3rem;
  }
}
@media (min-width: 1024px) {
  ._l-circular-radius-s {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
  ._l-circular-radius-m {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
  }
  ._l-circular-radius-l {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
  }
  ._l-circular-radius-xl {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
  }
  ._l-circular-radius-2xl {
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
  }
  ._l-circular-radius-3xl {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
  }
  ._l-text-align-left {
    text-align: left;
  }
  ._l-text-align-right {
    text-align: right;
  }
  ._l-text-align-center {
    text-align: center;
  }
  ._l-text-align-justify {
    text-align: justify;
  }
  ._l-text-align-initial {
    text-align: initial;
  }
  ._l-text-align-inherit {
    text-align: inherit;
  }
  ._l-display-block {
    display: block;
  }
  ._l-display-inline-block {
    display: inline-block;
  }
  ._l-display-inline {
    display: inline;
  }
  ._l-display-flex {
    display: flex;
  }
  ._l-display-inline-flex {
    display: inline-flex;
  }
  ._l-display-table {
    display: table;
  }
  ._l-display-table-row {
    display: table-row;
  }
  ._l-display-table-cell {
    display: table-cell;
  }
  ._l-display-none {
    display: none;
  }
  ._l-flex-column {
    flex-direction: column;
  }
  ._l-flex-row {
    flex-direction: row;
  }
  ._l-items-stretch {
    align-items: stretch;
  }
  ._l-items-flex-start {
    align-items: flex-start;
  }
  ._l-items-center {
    align-items: center;
  }
  ._l-items-flex-end {
    align-items: flex-end;
  }
  ._l-items-baseline {
    align-items: baseline;
  }
  ._l-justify-flex-start {
    justify-content: flex-start;
  }
  ._l-justify-center {
    justify-content: center;
  }
  ._l-justify-flex-end {
    justify-content: flex-end;
  }
  ._l-justify-space-between {
    justify-content: space-between;
  }
  ._l-justify-space-around {
    justify-content: space-around;
  }
  ._l-flex-wrap {
    flex-wrap: wrap;
  }
  ._l-flex-nowrap {
    flex-wrap: nowrap;
  }
  ._l-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  ._l-flex-0 {
    flex: 0;
  }
  ._l-flex-1 {
    flex: 1;
  }
  ._l-flex-grow-0 {
    flex-grow: 0;
  }
  ._l-flex-grow-1 {
    flex-grow: 1;
  }
  ._l-flex-shrink-0 {
    flex-shrink: 0;
  }
  ._l-flex-shrink-1 {
    flex-shrink: 1;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  ._l-text-wrap-normal {
    white-space: normal;
  }
  ._l-text-wrap-nowrap {
    white-space: nowrap;
  }
  ._l-text-wrap-pre {
    white-space: pre;
  }
  ._l-text-wrap-pre-line {
    white-space: pre-line;
  }
  ._l-text-wrap-pre-wrap {
    white-space: pre-wrap;
  }
  ._l-word-wrap-normal {
    word-wrap: normal;
  }
  ._l-word-wrap-break-word {
    word-wrap: break-word;
  }
  ._l-gap-xs {
    gap: var(--spacing-xs);
  }
  ._l-gap-s {
    gap: var(--spacing-s);
  }
  ._l-gap-m {
    gap: var(--spacing-m);
  }
  ._l-gap-l {
    gap: var(--spacing-l);
  }
  ._l-gap-xl {
    gap: var(--spacing-xl);
  }
  ._l-gap-2xl {
    gap: var(--spacing-2xl);
  }
  ._l-gap-3xl {
    gap: var(--spacing-3xl);
  }
  ._l-gap-4xl {
    gap: var(--spacing-4xl);
  }
  ._l-gap-5xl {
    gap: var(--spacing-5xl);
  }
  ._l-b-all {
    border: 0.0625rem solid var(--border-light);
  }
  ._l-b-none {
    border: none;
  }
  ._l-b-top {
    border-top: 0.0625rem solid var(--border-light);
  }
  ._l-b-right {
    border-right: 0.0625rem solid var(--border-light);
  }
  ._l-b-bottom {
    border-bottom: 0.0625rem solid var(--border-light);
  }
  ._l-b-left {
    border-left: 0.0625rem solid var(--border-light);
  }
  ._l-m-none {
    margin: 0;
  }
  ._l-m-auto {
    margin: auto;
  }
  ._l-m-xs {
    margin: 0.125rem;
  }
  ._l-m-s {
    margin: 0.25rem;
  }
  ._l-m-m {
    margin: 0.5rem;
  }
  ._l-m-l {
    margin: 1rem;
  }
  ._l-m-xl {
    margin: 1.5rem;
  }
  ._l-m-2xl {
    margin: 2rem;
  }
  ._l-m-3xl {
    margin: 2.5rem;
  }
  ._l-m-4xl {
    margin: 3.5rem;
  }
  ._l-m-5xl {
    margin: 5rem;
  }
  ._l-mt-none {
    margin-top: 0;
  }
  ._l-mt-auto {
    margin-top: auto;
  }
  ._l-mt-xs {
    margin-top: 0.125rem;
  }
  ._l-mt-s {
    margin-top: 0.25rem;
  }
  ._l-mt-m {
    margin-top: 0.5rem;
  }
  ._l-mt-l {
    margin-top: 1rem;
  }
  ._l-mt-xl {
    margin-top: 1.5rem;
  }
  ._l-mt-2xl {
    margin-top: 2rem;
  }
  ._l-mt-3xl {
    margin-top: 2.5rem;
  }
  ._l-mt-4xl {
    margin-top: 3.5rem;
  }
  ._l-mt-5xl {
    margin-top: 5rem;
  }
  ._l-mr-none {
    margin-right: 0;
  }
  ._l-mr-auto {
    margin-right: auto;
  }
  ._l-mr-xs {
    margin-right: 0.125rem;
  }
  ._l-mr-s {
    margin-right: 0.25rem;
  }
  ._l-mr-m {
    margin-right: 0.5rem;
  }
  ._l-mr-l {
    margin-right: 1rem;
  }
  ._l-mr-xl {
    margin-right: 1.5rem;
  }
  ._l-mr-2xl {
    margin-right: 2rem;
  }
  ._l-mr-3xl {
    margin-right: 2.5rem;
  }
  ._l-mr-4xl {
    margin-right: 3.5rem;
  }
  ._l-mr-5xl {
    margin-right: 5rem;
  }
  ._l-mb-none {
    margin-bottom: 0;
  }
  ._l-mb-auto {
    margin-bottom: auto;
  }
  ._l-mb-xs {
    margin-bottom: 0.125rem;
  }
  ._l-mb-s {
    margin-bottom: 0.25rem;
  }
  ._l-mb-m {
    margin-bottom: 0.5rem;
  }
  ._l-mb-l {
    margin-bottom: 1rem;
  }
  ._l-mb-xl {
    margin-bottom: 1.5rem;
  }
  ._l-mb-2xl {
    margin-bottom: 2rem;
  }
  ._l-mb-3xl {
    margin-bottom: 2.5rem;
  }
  ._l-mb-4xl {
    margin-bottom: 3.5rem;
  }
  ._l-mb-5xl {
    margin-bottom: 5rem;
  }
  ._l-ml-none {
    margin-left: 0;
  }
  ._l-ml-auto {
    margin-left: auto;
  }
  ._l-ml-xs {
    margin-left: 0.125rem;
  }
  ._l-ml-s {
    margin-left: 0.25rem;
  }
  ._l-ml-m {
    margin-left: 0.5rem;
  }
  ._l-ml-l {
    margin-left: 1rem;
  }
  ._l-ml-xl {
    margin-left: 1.5rem;
  }
  ._l-ml-2xl {
    margin-left: 2rem;
  }
  ._l-ml-3xl {
    margin-left: 2.5rem;
  }
  ._l-ml-4xl {
    margin-left: 3.5rem;
  }
  ._l-ml-5xl {
    margin-left: 5rem;
  }
  ._l-mx-none {
    margin-left: 0;
    margin-right: 0;
  }
  ._l-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  ._l-mx-xs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  ._l-mx-s {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  ._l-mx-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  ._l-mx-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  ._l-mx-xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  ._l-mx-2xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  ._l-mx-3xl {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  ._l-mx-4xl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  ._l-mx-5xl {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  ._l-my-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._l-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  ._l-my-xs {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  ._l-my-s {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  ._l-my-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  ._l-my-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  ._l-my-xl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  ._l-my-2xl {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  ._l-my-3xl {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  ._l-my-4xl {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  ._l-my-5xl {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  ._l-p-none {
    padding: 0;
  }
  ._l-p-auto {
    padding: auto;
  }
  ._l-p-xs {
    padding: 0.125rem;
  }
  ._l-p-s {
    padding: 0.25rem;
  }
  ._l-p-m {
    padding: 0.5rem;
  }
  ._l-p-l {
    padding: 1rem;
  }
  ._l-p-xl {
    padding: 1.5rem;
  }
  ._l-p-2xl {
    padding: 2rem;
  }
  ._l-p-3xl {
    padding: 2.5rem;
  }
  ._l-p-4xl {
    padding: 3.5rem;
  }
  ._l-p-5xl {
    padding: 5rem;
  }
  ._l-pt-none {
    padding-top: 0;
  }
  ._l-pt-auto {
    padding-top: auto;
  }
  ._l-pt-xs {
    padding-top: 0.125rem;
  }
  ._l-pt-s {
    padding-top: 0.25rem;
  }
  ._l-pt-m {
    padding-top: 0.5rem;
  }
  ._l-pt-l {
    padding-top: 1rem;
  }
  ._l-pt-xl {
    padding-top: 1.5rem;
  }
  ._l-pt-2xl {
    padding-top: 2rem;
  }
  ._l-pt-3xl {
    padding-top: 2.5rem;
  }
  ._l-pt-4xl {
    padding-top: 3.5rem;
  }
  ._l-pt-5xl {
    padding-top: 5rem;
  }
  ._l-pr-none {
    padding-right: 0;
  }
  ._l-pr-auto {
    padding-right: auto;
  }
  ._l-pr-xs {
    padding-right: 0.125rem;
  }
  ._l-pr-s {
    padding-right: 0.25rem;
  }
  ._l-pr-m {
    padding-right: 0.5rem;
  }
  ._l-pr-l {
    padding-right: 1rem;
  }
  ._l-pr-xl {
    padding-right: 1.5rem;
  }
  ._l-pr-2xl {
    padding-right: 2rem;
  }
  ._l-pr-3xl {
    padding-right: 2.5rem;
  }
  ._l-pr-4xl {
    padding-right: 3.5rem;
  }
  ._l-pr-5xl {
    padding-right: 5rem;
  }
  ._l-pb-none {
    padding-bottom: 0;
  }
  ._l-pb-auto {
    padding-bottom: auto;
  }
  ._l-pb-xs {
    padding-bottom: 0.125rem;
  }
  ._l-pb-s {
    padding-bottom: 0.25rem;
  }
  ._l-pb-m {
    padding-bottom: 0.5rem;
  }
  ._l-pb-l {
    padding-bottom: 1rem;
  }
  ._l-pb-xl {
    padding-bottom: 1.5rem;
  }
  ._l-pb-2xl {
    padding-bottom: 2rem;
  }
  ._l-pb-3xl {
    padding-bottom: 2.5rem;
  }
  ._l-pb-4xl {
    padding-bottom: 3.5rem;
  }
  ._l-pb-5xl {
    padding-bottom: 5rem;
  }
  ._l-pl-none {
    padding-left: 0;
  }
  ._l-pl-auto {
    padding-left: auto;
  }
  ._l-pl-xs {
    padding-left: 0.125rem;
  }
  ._l-pl-s {
    padding-left: 0.25rem;
  }
  ._l-pl-m {
    padding-left: 0.5rem;
  }
  ._l-pl-l {
    padding-left: 1rem;
  }
  ._l-pl-xl {
    padding-left: 1.5rem;
  }
  ._l-pl-2xl {
    padding-left: 2rem;
  }
  ._l-pl-3xl {
    padding-left: 2.5rem;
  }
  ._l-pl-4xl {
    padding-left: 3.5rem;
  }
  ._l-pl-5xl {
    padding-left: 5rem;
  }
  ._l-px-none {
    padding-left: 0;
    padding-right: 0;
  }
  ._l-px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  ._l-px-xs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  ._l-px-s {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  ._l-px-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  ._l-px-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  ._l-px-xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  ._l-px-2xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  ._l-px-3xl {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  ._l-px-4xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  ._l-px-5xl {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  ._l-py-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  ._l-py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  ._l-py-xs {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  ._l-py-s {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  ._l-py-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  ._l-py-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  ._l-py-xl {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  ._l-py-2xl {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  ._l-py-3xl {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  ._l-py-4xl {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  ._l-py-5xl {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  ._l-box-shadow {
    box-shadow: 0 0 0.125rem rgba(40, 40, 40, 0.07), 0 0 0.25rem rgba(40, 40, 40, 0.07), 0 0 0.5rem rgba(40, 40, 40, 0.07), 0 0 1rem rgba(40, 40, 40, 0.07), 0 0 2rem rgba(40, 40, 40, 0.07), 0 0 4rem rgba(40, 40, 40, 0.07);
  }
  :host ._l-text-xs,
  :root ._l-text-xs,
  ._l-text-xs {
    font-size: 0.75rem;
  }
  :host ._l-text-s,
  :root ._l-text-s,
  ._l-text-s {
    font-size: 0.8125rem;
  }
  :host ._l-text-m,
  :root ._l-text-m,
  ._l-text-m {
    font-size: 0.875rem;
  }
  :host ._l-text-l,
  :root ._l-text-l,
  ._l-text-l {
    font-size: 1rem;
  }
  :host ._l-text-xl,
  :root ._l-text-xl,
  ._l-text-xl {
    font-size: 1.125rem;
  }
  :host ._l-text-2xl,
  :root ._l-text-2xl,
  ._l-text-2xl {
    font-size: 1.25rem;
  }
  :host ._l-text-3xl,
  :root ._l-text-3xl,
  ._l-text-3xl {
    font-size: 1.375rem;
  }
  :host ._l-text-4xl,
  :root ._l-text-4xl,
  ._l-text-4xl {
    font-size: 1.5rem;
  }
  :host ._l-text-5xl,
  :root ._l-text-5xl,
  ._l-text-5xl {
    font-size: 1.75rem;
  }
  :host ._l-text-6xl,
  :root ._l-text-6xl,
  ._l-text-6xl {
    font-size: 2rem;
  }
  :host ._l-text-7xl,
  :root ._l-text-7xl,
  ._l-text-7xl {
    font-size: 2.25rem;
  }
  :host ._l-text-8xl,
  :root ._l-text-8xl,
  ._l-text-8xl {
    font-size: 3rem;
  }
}
@media (min-width: 1280px) {
  ._xl-circular-radius-s {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
  ._xl-circular-radius-m {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
  }
  ._xl-circular-radius-l {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
  }
  ._xl-circular-radius-xl {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
  }
  ._xl-circular-radius-2xl {
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
  }
  ._xl-circular-radius-3xl {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
  }
  ._xl-text-align-left {
    text-align: left;
  }
  ._xl-text-align-right {
    text-align: right;
  }
  ._xl-text-align-center {
    text-align: center;
  }
  ._xl-text-align-justify {
    text-align: justify;
  }
  ._xl-text-align-initial {
    text-align: initial;
  }
  ._xl-text-align-inherit {
    text-align: inherit;
  }
  ._xl-display-block {
    display: block;
  }
  ._xl-display-inline-block {
    display: inline-block;
  }
  ._xl-display-inline {
    display: inline;
  }
  ._xl-display-flex {
    display: flex;
  }
  ._xl-display-inline-flex {
    display: inline-flex;
  }
  ._xl-display-table {
    display: table;
  }
  ._xl-display-table-row {
    display: table-row;
  }
  ._xl-display-table-cell {
    display: table-cell;
  }
  ._xl-display-none {
    display: none;
  }
  ._xl-flex-column {
    flex-direction: column;
  }
  ._xl-flex-row {
    flex-direction: row;
  }
  ._xl-items-stretch {
    align-items: stretch;
  }
  ._xl-items-flex-start {
    align-items: flex-start;
  }
  ._xl-items-center {
    align-items: center;
  }
  ._xl-items-flex-end {
    align-items: flex-end;
  }
  ._xl-items-baseline {
    align-items: baseline;
  }
  ._xl-justify-flex-start {
    justify-content: flex-start;
  }
  ._xl-justify-center {
    justify-content: center;
  }
  ._xl-justify-flex-end {
    justify-content: flex-end;
  }
  ._xl-justify-space-between {
    justify-content: space-between;
  }
  ._xl-justify-space-around {
    justify-content: space-around;
  }
  ._xl-flex-wrap {
    flex-wrap: wrap;
  }
  ._xl-flex-nowrap {
    flex-wrap: nowrap;
  }
  ._xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  ._xl-flex-0 {
    flex: 0;
  }
  ._xl-flex-1 {
    flex: 1;
  }
  ._xl-flex-grow-0 {
    flex-grow: 0;
  }
  ._xl-flex-grow-1 {
    flex-grow: 1;
  }
  ._xl-flex-shrink-0 {
    flex-shrink: 0;
  }
  ._xl-flex-shrink-1 {
    flex-shrink: 1;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  ._xl-text-wrap-normal {
    white-space: normal;
  }
  ._xl-text-wrap-nowrap {
    white-space: nowrap;
  }
  ._xl-text-wrap-pre {
    white-space: pre;
  }
  ._xl-text-wrap-pre-line {
    white-space: pre-line;
  }
  ._xl-text-wrap-pre-wrap {
    white-space: pre-wrap;
  }
  ._xl-word-wrap-normal {
    word-wrap: normal;
  }
  ._xl-word-wrap-break-word {
    word-wrap: break-word;
  }
  ._xl-gap-xs {
    gap: var(--spacing-xs);
  }
  ._xl-gap-s {
    gap: var(--spacing-s);
  }
  ._xl-gap-m {
    gap: var(--spacing-m);
  }
  ._xl-gap-l {
    gap: var(--spacing-l);
  }
  ._xl-gap-xl {
    gap: var(--spacing-xl);
  }
  ._xl-gap-2xl {
    gap: var(--spacing-2xl);
  }
  ._xl-gap-3xl {
    gap: var(--spacing-3xl);
  }
  ._xl-gap-4xl {
    gap: var(--spacing-4xl);
  }
  ._xl-gap-5xl {
    gap: var(--spacing-5xl);
  }
  ._xl-b-all {
    border: 0.0625rem solid var(--border-light);
  }
  ._xl-b-none {
    border: none;
  }
  ._xl-b-top {
    border-top: 0.0625rem solid var(--border-light);
  }
  ._xl-b-right {
    border-right: 0.0625rem solid var(--border-light);
  }
  ._xl-b-bottom {
    border-bottom: 0.0625rem solid var(--border-light);
  }
  ._xl-b-left {
    border-left: 0.0625rem solid var(--border-light);
  }
  ._xl-m-none {
    margin: 0;
  }
  ._xl-m-auto {
    margin: auto;
  }
  ._xl-m-xs {
    margin: 0.125rem;
  }
  ._xl-m-s {
    margin: 0.25rem;
  }
  ._xl-m-m {
    margin: 0.5rem;
  }
  ._xl-m-l {
    margin: 1rem;
  }
  ._xl-m-xl {
    margin: 1.5rem;
  }
  ._xl-m-2xl {
    margin: 2rem;
  }
  ._xl-m-3xl {
    margin: 2.5rem;
  }
  ._xl-m-4xl {
    margin: 3.5rem;
  }
  ._xl-m-5xl {
    margin: 5rem;
  }
  ._xl-mt-none {
    margin-top: 0;
  }
  ._xl-mt-auto {
    margin-top: auto;
  }
  ._xl-mt-xs {
    margin-top: 0.125rem;
  }
  ._xl-mt-s {
    margin-top: 0.25rem;
  }
  ._xl-mt-m {
    margin-top: 0.5rem;
  }
  ._xl-mt-l {
    margin-top: 1rem;
  }
  ._xl-mt-xl {
    margin-top: 1.5rem;
  }
  ._xl-mt-2xl {
    margin-top: 2rem;
  }
  ._xl-mt-3xl {
    margin-top: 2.5rem;
  }
  ._xl-mt-4xl {
    margin-top: 3.5rem;
  }
  ._xl-mt-5xl {
    margin-top: 5rem;
  }
  ._xl-mr-none {
    margin-right: 0;
  }
  ._xl-mr-auto {
    margin-right: auto;
  }
  ._xl-mr-xs {
    margin-right: 0.125rem;
  }
  ._xl-mr-s {
    margin-right: 0.25rem;
  }
  ._xl-mr-m {
    margin-right: 0.5rem;
  }
  ._xl-mr-l {
    margin-right: 1rem;
  }
  ._xl-mr-xl {
    margin-right: 1.5rem;
  }
  ._xl-mr-2xl {
    margin-right: 2rem;
  }
  ._xl-mr-3xl {
    margin-right: 2.5rem;
  }
  ._xl-mr-4xl {
    margin-right: 3.5rem;
  }
  ._xl-mr-5xl {
    margin-right: 5rem;
  }
  ._xl-mb-none {
    margin-bottom: 0;
  }
  ._xl-mb-auto {
    margin-bottom: auto;
  }
  ._xl-mb-xs {
    margin-bottom: 0.125rem;
  }
  ._xl-mb-s {
    margin-bottom: 0.25rem;
  }
  ._xl-mb-m {
    margin-bottom: 0.5rem;
  }
  ._xl-mb-l {
    margin-bottom: 1rem;
  }
  ._xl-mb-xl {
    margin-bottom: 1.5rem;
  }
  ._xl-mb-2xl {
    margin-bottom: 2rem;
  }
  ._xl-mb-3xl {
    margin-bottom: 2.5rem;
  }
  ._xl-mb-4xl {
    margin-bottom: 3.5rem;
  }
  ._xl-mb-5xl {
    margin-bottom: 5rem;
  }
  ._xl-ml-none {
    margin-left: 0;
  }
  ._xl-ml-auto {
    margin-left: auto;
  }
  ._xl-ml-xs {
    margin-left: 0.125rem;
  }
  ._xl-ml-s {
    margin-left: 0.25rem;
  }
  ._xl-ml-m {
    margin-left: 0.5rem;
  }
  ._xl-ml-l {
    margin-left: 1rem;
  }
  ._xl-ml-xl {
    margin-left: 1.5rem;
  }
  ._xl-ml-2xl {
    margin-left: 2rem;
  }
  ._xl-ml-3xl {
    margin-left: 2.5rem;
  }
  ._xl-ml-4xl {
    margin-left: 3.5rem;
  }
  ._xl-ml-5xl {
    margin-left: 5rem;
  }
  ._xl-mx-none {
    margin-left: 0;
    margin-right: 0;
  }
  ._xl-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  ._xl-mx-xs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  ._xl-mx-s {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  ._xl-mx-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  ._xl-mx-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  ._xl-mx-xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  ._xl-mx-2xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  ._xl-mx-3xl {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  ._xl-mx-4xl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  ._xl-mx-5xl {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  ._xl-my-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._xl-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  ._xl-my-xs {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  ._xl-my-s {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  ._xl-my-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  ._xl-my-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  ._xl-my-xl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  ._xl-my-2xl {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  ._xl-my-3xl {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  ._xl-my-4xl {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  ._xl-my-5xl {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  ._xl-p-none {
    padding: 0;
  }
  ._xl-p-auto {
    padding: auto;
  }
  ._xl-p-xs {
    padding: 0.125rem;
  }
  ._xl-p-s {
    padding: 0.25rem;
  }
  ._xl-p-m {
    padding: 0.5rem;
  }
  ._xl-p-l {
    padding: 1rem;
  }
  ._xl-p-xl {
    padding: 1.5rem;
  }
  ._xl-p-2xl {
    padding: 2rem;
  }
  ._xl-p-3xl {
    padding: 2.5rem;
  }
  ._xl-p-4xl {
    padding: 3.5rem;
  }
  ._xl-p-5xl {
    padding: 5rem;
  }
  ._xl-pt-none {
    padding-top: 0;
  }
  ._xl-pt-auto {
    padding-top: auto;
  }
  ._xl-pt-xs {
    padding-top: 0.125rem;
  }
  ._xl-pt-s {
    padding-top: 0.25rem;
  }
  ._xl-pt-m {
    padding-top: 0.5rem;
  }
  ._xl-pt-l {
    padding-top: 1rem;
  }
  ._xl-pt-xl {
    padding-top: 1.5rem;
  }
  ._xl-pt-2xl {
    padding-top: 2rem;
  }
  ._xl-pt-3xl {
    padding-top: 2.5rem;
  }
  ._xl-pt-4xl {
    padding-top: 3.5rem;
  }
  ._xl-pt-5xl {
    padding-top: 5rem;
  }
  ._xl-pr-none {
    padding-right: 0;
  }
  ._xl-pr-auto {
    padding-right: auto;
  }
  ._xl-pr-xs {
    padding-right: 0.125rem;
  }
  ._xl-pr-s {
    padding-right: 0.25rem;
  }
  ._xl-pr-m {
    padding-right: 0.5rem;
  }
  ._xl-pr-l {
    padding-right: 1rem;
  }
  ._xl-pr-xl {
    padding-right: 1.5rem;
  }
  ._xl-pr-2xl {
    padding-right: 2rem;
  }
  ._xl-pr-3xl {
    padding-right: 2.5rem;
  }
  ._xl-pr-4xl {
    padding-right: 3.5rem;
  }
  ._xl-pr-5xl {
    padding-right: 5rem;
  }
  ._xl-pb-none {
    padding-bottom: 0;
  }
  ._xl-pb-auto {
    padding-bottom: auto;
  }
  ._xl-pb-xs {
    padding-bottom: 0.125rem;
  }
  ._xl-pb-s {
    padding-bottom: 0.25rem;
  }
  ._xl-pb-m {
    padding-bottom: 0.5rem;
  }
  ._xl-pb-l {
    padding-bottom: 1rem;
  }
  ._xl-pb-xl {
    padding-bottom: 1.5rem;
  }
  ._xl-pb-2xl {
    padding-bottom: 2rem;
  }
  ._xl-pb-3xl {
    padding-bottom: 2.5rem;
  }
  ._xl-pb-4xl {
    padding-bottom: 3.5rem;
  }
  ._xl-pb-5xl {
    padding-bottom: 5rem;
  }
  ._xl-pl-none {
    padding-left: 0;
  }
  ._xl-pl-auto {
    padding-left: auto;
  }
  ._xl-pl-xs {
    padding-left: 0.125rem;
  }
  ._xl-pl-s {
    padding-left: 0.25rem;
  }
  ._xl-pl-m {
    padding-left: 0.5rem;
  }
  ._xl-pl-l {
    padding-left: 1rem;
  }
  ._xl-pl-xl {
    padding-left: 1.5rem;
  }
  ._xl-pl-2xl {
    padding-left: 2rem;
  }
  ._xl-pl-3xl {
    padding-left: 2.5rem;
  }
  ._xl-pl-4xl {
    padding-left: 3.5rem;
  }
  ._xl-pl-5xl {
    padding-left: 5rem;
  }
  ._xl-px-none {
    padding-left: 0;
    padding-right: 0;
  }
  ._xl-px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  ._xl-px-xs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  ._xl-px-s {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  ._xl-px-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  ._xl-px-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  ._xl-px-xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  ._xl-px-2xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  ._xl-px-3xl {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  ._xl-px-4xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  ._xl-px-5xl {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  ._xl-py-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  ._xl-py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  ._xl-py-xs {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  ._xl-py-s {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  ._xl-py-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  ._xl-py-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  ._xl-py-xl {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  ._xl-py-2xl {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  ._xl-py-3xl {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  ._xl-py-4xl {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  ._xl-py-5xl {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  ._xl-box-shadow {
    box-shadow: 0 0 0.125rem rgba(40, 40, 40, 0.07), 0 0 0.25rem rgba(40, 40, 40, 0.07), 0 0 0.5rem rgba(40, 40, 40, 0.07), 0 0 1rem rgba(40, 40, 40, 0.07), 0 0 2rem rgba(40, 40, 40, 0.07), 0 0 4rem rgba(40, 40, 40, 0.07);
  }
  :host ._xl-text-xs,
  :root ._xl-text-xs,
  ._xl-text-xs {
    font-size: 0.75rem;
  }
  :host ._xl-text-s,
  :root ._xl-text-s,
  ._xl-text-s {
    font-size: 0.8125rem;
  }
  :host ._xl-text-m,
  :root ._xl-text-m,
  ._xl-text-m {
    font-size: 0.875rem;
  }
  :host ._xl-text-l,
  :root ._xl-text-l,
  ._xl-text-l {
    font-size: 1rem;
  }
  :host ._xl-text-xl,
  :root ._xl-text-xl,
  ._xl-text-xl {
    font-size: 1.125rem;
  }
  :host ._xl-text-2xl,
  :root ._xl-text-2xl,
  ._xl-text-2xl {
    font-size: 1.25rem;
  }
  :host ._xl-text-3xl,
  :root ._xl-text-3xl,
  ._xl-text-3xl {
    font-size: 1.375rem;
  }
  :host ._xl-text-4xl,
  :root ._xl-text-4xl,
  ._xl-text-4xl {
    font-size: 1.5rem;
  }
  :host ._xl-text-5xl,
  :root ._xl-text-5xl,
  ._xl-text-5xl {
    font-size: 1.75rem;
  }
  :host ._xl-text-6xl,
  :root ._xl-text-6xl,
  ._xl-text-6xl {
    font-size: 2rem;
  }
  :host ._xl-text-7xl,
  :root ._xl-text-7xl,
  ._xl-text-7xl {
    font-size: 2.25rem;
  }
  :host ._xl-text-8xl,
  :root ._xl-text-8xl,
  ._xl-text-8xl {
    font-size: 3rem;
  }
}
@media (min-width: 1440px) {
  ._2xl-circular-radius-s {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
  ._2xl-circular-radius-m {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
  }
  ._2xl-circular-radius-l {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
  }
  ._2xl-circular-radius-xl {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
  }
  ._2xl-circular-radius-2xl {
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
  }
  ._2xl-circular-radius-3xl {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
  }
  ._2xl-text-align-left {
    text-align: left;
  }
  ._2xl-text-align-right {
    text-align: right;
  }
  ._2xl-text-align-center {
    text-align: center;
  }
  ._2xl-text-align-justify {
    text-align: justify;
  }
  ._2xl-text-align-initial {
    text-align: initial;
  }
  ._2xl-text-align-inherit {
    text-align: inherit;
  }
  ._2xl-display-block {
    display: block;
  }
  ._2xl-display-inline-block {
    display: inline-block;
  }
  ._2xl-display-inline {
    display: inline;
  }
  ._2xl-display-flex {
    display: flex;
  }
  ._2xl-display-inline-flex {
    display: inline-flex;
  }
  ._2xl-display-table {
    display: table;
  }
  ._2xl-display-table-row {
    display: table-row;
  }
  ._2xl-display-table-cell {
    display: table-cell;
  }
  ._2xl-display-none {
    display: none;
  }
  ._2xl-flex-column {
    flex-direction: column;
  }
  ._2xl-flex-row {
    flex-direction: row;
  }
  ._2xl-items-stretch {
    align-items: stretch;
  }
  ._2xl-items-flex-start {
    align-items: flex-start;
  }
  ._2xl-items-center {
    align-items: center;
  }
  ._2xl-items-flex-end {
    align-items: flex-end;
  }
  ._2xl-items-baseline {
    align-items: baseline;
  }
  ._2xl-justify-flex-start {
    justify-content: flex-start;
  }
  ._2xl-justify-center {
    justify-content: center;
  }
  ._2xl-justify-flex-end {
    justify-content: flex-end;
  }
  ._2xl-justify-space-between {
    justify-content: space-between;
  }
  ._2xl-justify-space-around {
    justify-content: space-around;
  }
  ._2xl-flex-wrap {
    flex-wrap: wrap;
  }
  ._2xl-flex-nowrap {
    flex-wrap: nowrap;
  }
  ._2xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  ._2xl-flex-0 {
    flex: 0;
  }
  ._2xl-flex-1 {
    flex: 1;
  }
  ._2xl-flex-grow-0 {
    flex-grow: 0;
  }
  ._2xl-flex-grow-1 {
    flex-grow: 1;
  }
  ._2xl-flex-shrink-0 {
    flex-shrink: 0;
  }
  ._2xl-flex-shrink-1 {
    flex-shrink: 1;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  ._2xl-text-wrap-normal {
    white-space: normal;
  }
  ._2xl-text-wrap-nowrap {
    white-space: nowrap;
  }
  ._2xl-text-wrap-pre {
    white-space: pre;
  }
  ._2xl-text-wrap-pre-line {
    white-space: pre-line;
  }
  ._2xl-text-wrap-pre-wrap {
    white-space: pre-wrap;
  }
  ._2xl-word-wrap-normal {
    word-wrap: normal;
  }
  ._2xl-word-wrap-break-word {
    word-wrap: break-word;
  }
  ._2xl-gap-xs {
    gap: var(--spacing-xs);
  }
  ._2xl-gap-s {
    gap: var(--spacing-s);
  }
  ._2xl-gap-m {
    gap: var(--spacing-m);
  }
  ._2xl-gap-l {
    gap: var(--spacing-l);
  }
  ._2xl-gap-xl {
    gap: var(--spacing-xl);
  }
  ._2xl-gap-2xl {
    gap: var(--spacing-2xl);
  }
  ._2xl-gap-3xl {
    gap: var(--spacing-3xl);
  }
  ._2xl-gap-4xl {
    gap: var(--spacing-4xl);
  }
  ._2xl-gap-5xl {
    gap: var(--spacing-5xl);
  }
  ._2xl-b-all {
    border: 0.0625rem solid var(--border-light);
  }
  ._2xl-b-none {
    border: none;
  }
  ._2xl-b-top {
    border-top: 0.0625rem solid var(--border-light);
  }
  ._2xl-b-right {
    border-right: 0.0625rem solid var(--border-light);
  }
  ._2xl-b-bottom {
    border-bottom: 0.0625rem solid var(--border-light);
  }
  ._2xl-b-left {
    border-left: 0.0625rem solid var(--border-light);
  }
  ._2xl-m-none {
    margin: 0;
  }
  ._2xl-m-auto {
    margin: auto;
  }
  ._2xl-m-xs {
    margin: 0.125rem;
  }
  ._2xl-m-s {
    margin: 0.25rem;
  }
  ._2xl-m-m {
    margin: 0.5rem;
  }
  ._2xl-m-l {
    margin: 1rem;
  }
  ._2xl-m-xl {
    margin: 1.5rem;
  }
  ._2xl-m-2xl {
    margin: 2rem;
  }
  ._2xl-m-3xl {
    margin: 2.5rem;
  }
  ._2xl-m-4xl {
    margin: 3.5rem;
  }
  ._2xl-m-5xl {
    margin: 5rem;
  }
  ._2xl-mt-none {
    margin-top: 0;
  }
  ._2xl-mt-auto {
    margin-top: auto;
  }
  ._2xl-mt-xs {
    margin-top: 0.125rem;
  }
  ._2xl-mt-s {
    margin-top: 0.25rem;
  }
  ._2xl-mt-m {
    margin-top: 0.5rem;
  }
  ._2xl-mt-l {
    margin-top: 1rem;
  }
  ._2xl-mt-xl {
    margin-top: 1.5rem;
  }
  ._2xl-mt-2xl {
    margin-top: 2rem;
  }
  ._2xl-mt-3xl {
    margin-top: 2.5rem;
  }
  ._2xl-mt-4xl {
    margin-top: 3.5rem;
  }
  ._2xl-mt-5xl {
    margin-top: 5rem;
  }
  ._2xl-mr-none {
    margin-right: 0;
  }
  ._2xl-mr-auto {
    margin-right: auto;
  }
  ._2xl-mr-xs {
    margin-right: 0.125rem;
  }
  ._2xl-mr-s {
    margin-right: 0.25rem;
  }
  ._2xl-mr-m {
    margin-right: 0.5rem;
  }
  ._2xl-mr-l {
    margin-right: 1rem;
  }
  ._2xl-mr-xl {
    margin-right: 1.5rem;
  }
  ._2xl-mr-2xl {
    margin-right: 2rem;
  }
  ._2xl-mr-3xl {
    margin-right: 2.5rem;
  }
  ._2xl-mr-4xl {
    margin-right: 3.5rem;
  }
  ._2xl-mr-5xl {
    margin-right: 5rem;
  }
  ._2xl-mb-none {
    margin-bottom: 0;
  }
  ._2xl-mb-auto {
    margin-bottom: auto;
  }
  ._2xl-mb-xs {
    margin-bottom: 0.125rem;
  }
  ._2xl-mb-s {
    margin-bottom: 0.25rem;
  }
  ._2xl-mb-m {
    margin-bottom: 0.5rem;
  }
  ._2xl-mb-l {
    margin-bottom: 1rem;
  }
  ._2xl-mb-xl {
    margin-bottom: 1.5rem;
  }
  ._2xl-mb-2xl {
    margin-bottom: 2rem;
  }
  ._2xl-mb-3xl {
    margin-bottom: 2.5rem;
  }
  ._2xl-mb-4xl {
    margin-bottom: 3.5rem;
  }
  ._2xl-mb-5xl {
    margin-bottom: 5rem;
  }
  ._2xl-ml-none {
    margin-left: 0;
  }
  ._2xl-ml-auto {
    margin-left: auto;
  }
  ._2xl-ml-xs {
    margin-left: 0.125rem;
  }
  ._2xl-ml-s {
    margin-left: 0.25rem;
  }
  ._2xl-ml-m {
    margin-left: 0.5rem;
  }
  ._2xl-ml-l {
    margin-left: 1rem;
  }
  ._2xl-ml-xl {
    margin-left: 1.5rem;
  }
  ._2xl-ml-2xl {
    margin-left: 2rem;
  }
  ._2xl-ml-3xl {
    margin-left: 2.5rem;
  }
  ._2xl-ml-4xl {
    margin-left: 3.5rem;
  }
  ._2xl-ml-5xl {
    margin-left: 5rem;
  }
  ._2xl-mx-none {
    margin-left: 0;
    margin-right: 0;
  }
  ._2xl-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  ._2xl-mx-xs {
    margin-left: 0.125rem;
    margin-right: 0.125rem;
  }
  ._2xl-mx-s {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  ._2xl-mx-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  ._2xl-mx-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  ._2xl-mx-xl {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  ._2xl-mx-2xl {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  ._2xl-mx-3xl {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  ._2xl-mx-4xl {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  ._2xl-mx-5xl {
    margin-left: 5rem;
    margin-right: 5rem;
  }
  ._2xl-my-none {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._2xl-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  ._2xl-my-xs {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  ._2xl-my-s {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  ._2xl-my-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  ._2xl-my-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  ._2xl-my-xl {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  ._2xl-my-2xl {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  ._2xl-my-3xl {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  ._2xl-my-4xl {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  ._2xl-my-5xl {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  ._2xl-p-none {
    padding: 0;
  }
  ._2xl-p-auto {
    padding: auto;
  }
  ._2xl-p-xs {
    padding: 0.125rem;
  }
  ._2xl-p-s {
    padding: 0.25rem;
  }
  ._2xl-p-m {
    padding: 0.5rem;
  }
  ._2xl-p-l {
    padding: 1rem;
  }
  ._2xl-p-xl {
    padding: 1.5rem;
  }
  ._2xl-p-2xl {
    padding: 2rem;
  }
  ._2xl-p-3xl {
    padding: 2.5rem;
  }
  ._2xl-p-4xl {
    padding: 3.5rem;
  }
  ._2xl-p-5xl {
    padding: 5rem;
  }
  ._2xl-pt-none {
    padding-top: 0;
  }
  ._2xl-pt-auto {
    padding-top: auto;
  }
  ._2xl-pt-xs {
    padding-top: 0.125rem;
  }
  ._2xl-pt-s {
    padding-top: 0.25rem;
  }
  ._2xl-pt-m {
    padding-top: 0.5rem;
  }
  ._2xl-pt-l {
    padding-top: 1rem;
  }
  ._2xl-pt-xl {
    padding-top: 1.5rem;
  }
  ._2xl-pt-2xl {
    padding-top: 2rem;
  }
  ._2xl-pt-3xl {
    padding-top: 2.5rem;
  }
  ._2xl-pt-4xl {
    padding-top: 3.5rem;
  }
  ._2xl-pt-5xl {
    padding-top: 5rem;
  }
  ._2xl-pr-none {
    padding-right: 0;
  }
  ._2xl-pr-auto {
    padding-right: auto;
  }
  ._2xl-pr-xs {
    padding-right: 0.125rem;
  }
  ._2xl-pr-s {
    padding-right: 0.25rem;
  }
  ._2xl-pr-m {
    padding-right: 0.5rem;
  }
  ._2xl-pr-l {
    padding-right: 1rem;
  }
  ._2xl-pr-xl {
    padding-right: 1.5rem;
  }
  ._2xl-pr-2xl {
    padding-right: 2rem;
  }
  ._2xl-pr-3xl {
    padding-right: 2.5rem;
  }
  ._2xl-pr-4xl {
    padding-right: 3.5rem;
  }
  ._2xl-pr-5xl {
    padding-right: 5rem;
  }
  ._2xl-pb-none {
    padding-bottom: 0;
  }
  ._2xl-pb-auto {
    padding-bottom: auto;
  }
  ._2xl-pb-xs {
    padding-bottom: 0.125rem;
  }
  ._2xl-pb-s {
    padding-bottom: 0.25rem;
  }
  ._2xl-pb-m {
    padding-bottom: 0.5rem;
  }
  ._2xl-pb-l {
    padding-bottom: 1rem;
  }
  ._2xl-pb-xl {
    padding-bottom: 1.5rem;
  }
  ._2xl-pb-2xl {
    padding-bottom: 2rem;
  }
  ._2xl-pb-3xl {
    padding-bottom: 2.5rem;
  }
  ._2xl-pb-4xl {
    padding-bottom: 3.5rem;
  }
  ._2xl-pb-5xl {
    padding-bottom: 5rem;
  }
  ._2xl-pl-none {
    padding-left: 0;
  }
  ._2xl-pl-auto {
    padding-left: auto;
  }
  ._2xl-pl-xs {
    padding-left: 0.125rem;
  }
  ._2xl-pl-s {
    padding-left: 0.25rem;
  }
  ._2xl-pl-m {
    padding-left: 0.5rem;
  }
  ._2xl-pl-l {
    padding-left: 1rem;
  }
  ._2xl-pl-xl {
    padding-left: 1.5rem;
  }
  ._2xl-pl-2xl {
    padding-left: 2rem;
  }
  ._2xl-pl-3xl {
    padding-left: 2.5rem;
  }
  ._2xl-pl-4xl {
    padding-left: 3.5rem;
  }
  ._2xl-pl-5xl {
    padding-left: 5rem;
  }
  ._2xl-px-none {
    padding-left: 0;
    padding-right: 0;
  }
  ._2xl-px-auto {
    padding-left: auto;
    padding-right: auto;
  }
  ._2xl-px-xs {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  ._2xl-px-s {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  ._2xl-px-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  ._2xl-px-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  ._2xl-px-xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  ._2xl-px-2xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  ._2xl-px-3xl {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  ._2xl-px-4xl {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  ._2xl-px-5xl {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  ._2xl-py-none {
    padding-top: 0;
    padding-bottom: 0;
  }
  ._2xl-py-auto {
    padding-top: auto;
    padding-bottom: auto;
  }
  ._2xl-py-xs {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  ._2xl-py-s {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  ._2xl-py-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  ._2xl-py-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  ._2xl-py-xl {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  ._2xl-py-2xl {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  ._2xl-py-3xl {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  ._2xl-py-4xl {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  ._2xl-py-5xl {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  ._2xl-box-shadow {
    box-shadow: 0 0 0.125rem rgba(40, 40, 40, 0.07), 0 0 0.25rem rgba(40, 40, 40, 0.07), 0 0 0.5rem rgba(40, 40, 40, 0.07), 0 0 1rem rgba(40, 40, 40, 0.07), 0 0 2rem rgba(40, 40, 40, 0.07), 0 0 4rem rgba(40, 40, 40, 0.07);
  }
  :host ._2xl-text-xs,
  :root ._2xl-text-xs,
  ._2xl-text-xs {
    font-size: 0.75rem;
  }
  :host ._2xl-text-s,
  :root ._2xl-text-s,
  ._2xl-text-s {
    font-size: 0.8125rem;
  }
  :host ._2xl-text-m,
  :root ._2xl-text-m,
  ._2xl-text-m {
    font-size: 0.875rem;
  }
  :host ._2xl-text-l,
  :root ._2xl-text-l,
  ._2xl-text-l {
    font-size: 1rem;
  }
  :host ._2xl-text-xl,
  :root ._2xl-text-xl,
  ._2xl-text-xl {
    font-size: 1.125rem;
  }
  :host ._2xl-text-2xl,
  :root ._2xl-text-2xl,
  ._2xl-text-2xl {
    font-size: 1.25rem;
  }
  :host ._2xl-text-3xl,
  :root ._2xl-text-3xl,
  ._2xl-text-3xl {
    font-size: 1.375rem;
  }
  :host ._2xl-text-4xl,
  :root ._2xl-text-4xl,
  ._2xl-text-4xl {
    font-size: 1.5rem;
  }
  :host ._2xl-text-5xl,
  :root ._2xl-text-5xl,
  ._2xl-text-5xl {
    font-size: 1.75rem;
  }
  :host ._2xl-text-6xl,
  :root ._2xl-text-6xl,
  ._2xl-text-6xl {
    font-size: 2rem;
  }
  :host ._2xl-text-7xl,
  :root ._2xl-text-7xl,
  ._2xl-text-7xl {
    font-size: 2.25rem;
  }
  :host ._2xl-text-8xl,
  :root ._2xl-text-8xl,
  ._2xl-text-8xl {
    font-size: 3rem;
  }
}
@media (min-width: 320px) {
  ._s-w-5 {
    width: calc(5% - 24px);
  }
  ._s-w-10 {
    width: calc(10% - 24px);
  }
  ._s-w-15 {
    width: calc(15% - 24px);
  }
  ._s-w-20 {
    width: calc(20% - 24px);
  }
  ._s-w-25 {
    width: calc(25% - 24px);
  }
  ._s-w-30 {
    width: calc(30% - 24px);
  }
  ._s-w-35 {
    width: calc(35% - 24px);
  }
  ._s-w-40 {
    width: calc(40% - 24px);
  }
  ._s-w-45 {
    width: calc(45% - 24px);
  }
  ._s-w-50 {
    width: calc(50% - 24px);
  }
  ._s-w-55 {
    width: calc(55% - 24px);
  }
  ._s-w-60 {
    width: calc(60% - 24px);
  }
  ._s-w-65 {
    width: calc(65% - 24px);
  }
  ._s-w-70 {
    width: calc(70% - 24px);
  }
  ._s-w-75 {
    width: calc(75% - 24px);
  }
  ._s-w-80 {
    width: calc(80% - 24px);
  }
  ._s-w-85 {
    width: calc(85% - 24px);
  }
  ._s-w-90 {
    width: calc(90% - 24px);
  }
  ._s-w-95 {
    width: calc(95% - 24px);
  }
  ._s-w-100 {
    width: calc(100% - 24px);
  }
}
@media (min-width: 768px) {
  ._m-w-5 {
    width: calc(5% - 24px);
  }
  ._m-w-10 {
    width: calc(10% - 24px);
  }
  ._m-w-15 {
    width: calc(15% - 24px);
  }
  ._m-w-20 {
    width: calc(20% - 24px);
  }
  ._m-w-25 {
    width: calc(25% - 24px);
  }
  ._m-w-30 {
    width: calc(30% - 24px);
  }
  ._m-w-35 {
    width: calc(35% - 24px);
  }
  ._m-w-40 {
    width: calc(40% - 24px);
  }
  ._m-w-45 {
    width: calc(45% - 24px);
  }
  ._m-w-50 {
    width: calc(50% - 24px);
  }
  ._m-w-55 {
    width: calc(55% - 24px);
  }
  ._m-w-60 {
    width: calc(60% - 24px);
  }
  ._m-w-65 {
    width: calc(65% - 24px);
  }
  ._m-w-70 {
    width: calc(70% - 24px);
  }
  ._m-w-75 {
    width: calc(75% - 24px);
  }
  ._m-w-80 {
    width: calc(80% - 24px);
  }
  ._m-w-85 {
    width: calc(85% - 24px);
  }
  ._m-w-90 {
    width: calc(90% - 24px);
  }
  ._m-w-95 {
    width: calc(95% - 24px);
  }
  ._m-w-100 {
    width: calc(100% - 24px);
  }
}
@media (min-width: 1024px) {
  ._l-w-5 {
    width: calc(5% - 20px);
  }
  ._l-w-10 {
    width: calc(10% - 20px);
  }
  ._l-w-15 {
    width: calc(15% - 20px);
  }
  ._l-w-20 {
    width: calc(20% - 20px);
  }
  ._l-w-25 {
    width: calc(25% - 20px);
  }
  ._l-w-30 {
    width: calc(30% - 20px);
  }
  ._l-w-35 {
    width: calc(35% - 20px);
  }
  ._l-w-40 {
    width: calc(40% - 20px);
  }
  ._l-w-45 {
    width: calc(45% - 20px);
  }
  ._l-w-50 {
    width: calc(50% - 20px);
  }
  ._l-w-55 {
    width: calc(55% - 20px);
  }
  ._l-w-60 {
    width: calc(60% - 20px);
  }
  ._l-w-65 {
    width: calc(65% - 20px);
  }
  ._l-w-70 {
    width: calc(70% - 20px);
  }
  ._l-w-75 {
    width: calc(75% - 20px);
  }
  ._l-w-80 {
    width: calc(80% - 20px);
  }
  ._l-w-85 {
    width: calc(85% - 20px);
  }
  ._l-w-90 {
    width: calc(90% - 20px);
  }
  ._l-w-95 {
    width: calc(95% - 20px);
  }
  ._l-w-100 {
    width: calc(100% - 20px);
  }
}
@media (min-width: 1280px) {
  ._xl-w-5 {
    width: calc(5% - 20px);
  }
  ._xl-w-10 {
    width: calc(10% - 20px);
  }
  ._xl-w-15 {
    width: calc(15% - 20px);
  }
  ._xl-w-20 {
    width: calc(20% - 20px);
  }
  ._xl-w-25 {
    width: calc(25% - 20px);
  }
  ._xl-w-30 {
    width: calc(30% - 20px);
  }
  ._xl-w-35 {
    width: calc(35% - 20px);
  }
  ._xl-w-40 {
    width: calc(40% - 20px);
  }
  ._xl-w-45 {
    width: calc(45% - 20px);
  }
  ._xl-w-50 {
    width: calc(50% - 20px);
  }
  ._xl-w-55 {
    width: calc(55% - 20px);
  }
  ._xl-w-60 {
    width: calc(60% - 20px);
  }
  ._xl-w-65 {
    width: calc(65% - 20px);
  }
  ._xl-w-70 {
    width: calc(70% - 20px);
  }
  ._xl-w-75 {
    width: calc(75% - 20px);
  }
  ._xl-w-80 {
    width: calc(80% - 20px);
  }
  ._xl-w-85 {
    width: calc(85% - 20px);
  }
  ._xl-w-90 {
    width: calc(90% - 20px);
  }
  ._xl-w-95 {
    width: calc(95% - 20px);
  }
  ._xl-w-100 {
    width: calc(100% - 20px);
  }
}
@media (min-width: 1440px) {
  ._2xl-w-5 {
    width: calc(5% - 24px);
  }
  ._2xl-w-10 {
    width: calc(10% - 24px);
  }
  ._2xl-w-15 {
    width: calc(15% - 24px);
  }
  ._2xl-w-20 {
    width: calc(20% - 24px);
  }
  ._2xl-w-25 {
    width: calc(25% - 24px);
  }
  ._2xl-w-30 {
    width: calc(30% - 24px);
  }
  ._2xl-w-35 {
    width: calc(35% - 24px);
  }
  ._2xl-w-40 {
    width: calc(40% - 24px);
  }
  ._2xl-w-45 {
    width: calc(45% - 24px);
  }
  ._2xl-w-50 {
    width: calc(50% - 24px);
  }
  ._2xl-w-55 {
    width: calc(55% - 24px);
  }
  ._2xl-w-60 {
    width: calc(60% - 24px);
  }
  ._2xl-w-65 {
    width: calc(65% - 24px);
  }
  ._2xl-w-70 {
    width: calc(70% - 24px);
  }
  ._2xl-w-75 {
    width: calc(75% - 24px);
  }
  ._2xl-w-80 {
    width: calc(80% - 24px);
  }
  ._2xl-w-85 {
    width: calc(85% - 24px);
  }
  ._2xl-w-90 {
    width: calc(90% - 24px);
  }
  ._2xl-w-95 {
    width: calc(95% - 24px);
  }
  ._2xl-w-100 {
    width: calc(100% - 24px);
  }
}
@media (min-width: 320px) {
  ._s-min-w-5 {
    min-width: calc(5% - 24px);
  }
  ._s-min-w-10 {
    min-width: calc(10% - 24px);
  }
  ._s-min-w-15 {
    min-width: calc(15% - 24px);
  }
  ._s-min-w-20 {
    min-width: calc(20% - 24px);
  }
  ._s-min-w-25 {
    min-width: calc(25% - 24px);
  }
  ._s-min-w-30 {
    min-width: calc(30% - 24px);
  }
  ._s-min-w-35 {
    min-width: calc(35% - 24px);
  }
  ._s-min-w-40 {
    min-width: calc(40% - 24px);
  }
  ._s-min-w-45 {
    min-width: calc(45% - 24px);
  }
  ._s-min-w-50 {
    min-width: calc(50% - 24px);
  }
  ._s-min-w-55 {
    min-width: calc(55% - 24px);
  }
  ._s-min-w-60 {
    min-width: calc(60% - 24px);
  }
  ._s-min-w-65 {
    min-width: calc(65% - 24px);
  }
  ._s-min-w-70 {
    min-width: calc(70% - 24px);
  }
  ._s-min-w-75 {
    min-width: calc(75% - 24px);
  }
  ._s-min-w-80 {
    min-width: calc(80% - 24px);
  }
  ._s-min-w-85 {
    min-width: calc(85% - 24px);
  }
  ._s-min-w-90 {
    min-width: calc(90% - 24px);
  }
  ._s-min-w-95 {
    min-width: calc(95% - 24px);
  }
  ._s-min-w-100 {
    min-width: calc(100% - 24px);
  }
}
@media (min-width: 768px) {
  ._m-min-w-5 {
    min-width: calc(5% - 24px);
  }
  ._m-min-w-10 {
    min-width: calc(10% - 24px);
  }
  ._m-min-w-15 {
    min-width: calc(15% - 24px);
  }
  ._m-min-w-20 {
    min-width: calc(20% - 24px);
  }
  ._m-min-w-25 {
    min-width: calc(25% - 24px);
  }
  ._m-min-w-30 {
    min-width: calc(30% - 24px);
  }
  ._m-min-w-35 {
    min-width: calc(35% - 24px);
  }
  ._m-min-w-40 {
    min-width: calc(40% - 24px);
  }
  ._m-min-w-45 {
    min-width: calc(45% - 24px);
  }
  ._m-min-w-50 {
    min-width: calc(50% - 24px);
  }
  ._m-min-w-55 {
    min-width: calc(55% - 24px);
  }
  ._m-min-w-60 {
    min-width: calc(60% - 24px);
  }
  ._m-min-w-65 {
    min-width: calc(65% - 24px);
  }
  ._m-min-w-70 {
    min-width: calc(70% - 24px);
  }
  ._m-min-w-75 {
    min-width: calc(75% - 24px);
  }
  ._m-min-w-80 {
    min-width: calc(80% - 24px);
  }
  ._m-min-w-85 {
    min-width: calc(85% - 24px);
  }
  ._m-min-w-90 {
    min-width: calc(90% - 24px);
  }
  ._m-min-w-95 {
    min-width: calc(95% - 24px);
  }
  ._m-min-w-100 {
    min-width: calc(100% - 24px);
  }
}
@media (min-width: 1024px) {
  ._l-min-w-5 {
    min-width: calc(5% - 20px);
  }
  ._l-min-w-10 {
    min-width: calc(10% - 20px);
  }
  ._l-min-w-15 {
    min-width: calc(15% - 20px);
  }
  ._l-min-w-20 {
    min-width: calc(20% - 20px);
  }
  ._l-min-w-25 {
    min-width: calc(25% - 20px);
  }
  ._l-min-w-30 {
    min-width: calc(30% - 20px);
  }
  ._l-min-w-35 {
    min-width: calc(35% - 20px);
  }
  ._l-min-w-40 {
    min-width: calc(40% - 20px);
  }
  ._l-min-w-45 {
    min-width: calc(45% - 20px);
  }
  ._l-min-w-50 {
    min-width: calc(50% - 20px);
  }
  ._l-min-w-55 {
    min-width: calc(55% - 20px);
  }
  ._l-min-w-60 {
    min-width: calc(60% - 20px);
  }
  ._l-min-w-65 {
    min-width: calc(65% - 20px);
  }
  ._l-min-w-70 {
    min-width: calc(70% - 20px);
  }
  ._l-min-w-75 {
    min-width: calc(75% - 20px);
  }
  ._l-min-w-80 {
    min-width: calc(80% - 20px);
  }
  ._l-min-w-85 {
    min-width: calc(85% - 20px);
  }
  ._l-min-w-90 {
    min-width: calc(90% - 20px);
  }
  ._l-min-w-95 {
    min-width: calc(95% - 20px);
  }
  ._l-min-w-100 {
    min-width: calc(100% - 20px);
  }
}
@media (min-width: 1280px) {
  ._xl-min-w-5 {
    min-width: calc(5% - 20px);
  }
  ._xl-min-w-10 {
    min-width: calc(10% - 20px);
  }
  ._xl-min-w-15 {
    min-width: calc(15% - 20px);
  }
  ._xl-min-w-20 {
    min-width: calc(20% - 20px);
  }
  ._xl-min-w-25 {
    min-width: calc(25% - 20px);
  }
  ._xl-min-w-30 {
    min-width: calc(30% - 20px);
  }
  ._xl-min-w-35 {
    min-width: calc(35% - 20px);
  }
  ._xl-min-w-40 {
    min-width: calc(40% - 20px);
  }
  ._xl-min-w-45 {
    min-width: calc(45% - 20px);
  }
  ._xl-min-w-50 {
    min-width: calc(50% - 20px);
  }
  ._xl-min-w-55 {
    min-width: calc(55% - 20px);
  }
  ._xl-min-w-60 {
    min-width: calc(60% - 20px);
  }
  ._xl-min-w-65 {
    min-width: calc(65% - 20px);
  }
  ._xl-min-w-70 {
    min-width: calc(70% - 20px);
  }
  ._xl-min-w-75 {
    min-width: calc(75% - 20px);
  }
  ._xl-min-w-80 {
    min-width: calc(80% - 20px);
  }
  ._xl-min-w-85 {
    min-width: calc(85% - 20px);
  }
  ._xl-min-w-90 {
    min-width: calc(90% - 20px);
  }
  ._xl-min-w-95 {
    min-width: calc(95% - 20px);
  }
  ._xl-min-w-100 {
    min-width: calc(100% - 20px);
  }
}
@media (min-width: 1440px) {
  ._2xl-min-w-5 {
    min-width: calc(5% - 24px);
  }
  ._2xl-min-w-10 {
    min-width: calc(10% - 24px);
  }
  ._2xl-min-w-15 {
    min-width: calc(15% - 24px);
  }
  ._2xl-min-w-20 {
    min-width: calc(20% - 24px);
  }
  ._2xl-min-w-25 {
    min-width: calc(25% - 24px);
  }
  ._2xl-min-w-30 {
    min-width: calc(30% - 24px);
  }
  ._2xl-min-w-35 {
    min-width: calc(35% - 24px);
  }
  ._2xl-min-w-40 {
    min-width: calc(40% - 24px);
  }
  ._2xl-min-w-45 {
    min-width: calc(45% - 24px);
  }
  ._2xl-min-w-50 {
    min-width: calc(50% - 24px);
  }
  ._2xl-min-w-55 {
    min-width: calc(55% - 24px);
  }
  ._2xl-min-w-60 {
    min-width: calc(60% - 24px);
  }
  ._2xl-min-w-65 {
    min-width: calc(65% - 24px);
  }
  ._2xl-min-w-70 {
    min-width: calc(70% - 24px);
  }
  ._2xl-min-w-75 {
    min-width: calc(75% - 24px);
  }
  ._2xl-min-w-80 {
    min-width: calc(80% - 24px);
  }
  ._2xl-min-w-85 {
    min-width: calc(85% - 24px);
  }
  ._2xl-min-w-90 {
    min-width: calc(90% - 24px);
  }
  ._2xl-min-w-95 {
    min-width: calc(95% - 24px);
  }
  ._2xl-min-w-100 {
    min-width: calc(100% - 24px);
  }
}
.w-5 {
  width: 5%;
}

.h-5 {
  height: 5%;
}

.max-w-5 {
  max-width: 5%;
}

.max-h-5 {
  max-height: 5%;
}

.w-10 {
  width: 10%;
}

.h-10 {
  height: 10%;
}

.max-w-10 {
  max-width: 10%;
}

.max-h-10 {
  max-height: 10%;
}

.w-15 {
  width: 15%;
}

.h-15 {
  height: 15%;
}

.max-w-15 {
  max-width: 15%;
}

.max-h-15 {
  max-height: 15%;
}

.w-20 {
  width: 20%;
}

.h-20 {
  height: 20%;
}

.max-w-20 {
  max-width: 20%;
}

.max-h-20 {
  max-height: 20%;
}

.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.max-w-25 {
  max-width: 25%;
}

.max-h-25 {
  max-height: 25%;
}

.w-30 {
  width: 30%;
}

.h-30 {
  height: 30%;
}

.max-w-30 {
  max-width: 30%;
}

.max-h-30 {
  max-height: 30%;
}

.w-35 {
  width: 35%;
}

.h-35 {
  height: 35%;
}

.max-w-35 {
  max-width: 35%;
}

.max-h-35 {
  max-height: 35%;
}

.w-40 {
  width: 40%;
}

.h-40 {
  height: 40%;
}

.max-w-40 {
  max-width: 40%;
}

.max-h-40 {
  max-height: 40%;
}

.w-45 {
  width: 45%;
}

.h-45 {
  height: 45%;
}

.max-w-45 {
  max-width: 45%;
}

.max-h-45 {
  max-height: 45%;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.max-w-50 {
  max-width: 50%;
}

.max-h-50 {
  max-height: 50%;
}

.w-55 {
  width: 55%;
}

.h-55 {
  height: 55%;
}

.max-w-55 {
  max-width: 55%;
}

.max-h-55 {
  max-height: 55%;
}

.w-60 {
  width: 60%;
}

.h-60 {
  height: 60%;
}

.max-w-60 {
  max-width: 60%;
}

.max-h-60 {
  max-height: 60%;
}

.w-65 {
  width: 65%;
}

.h-65 {
  height: 65%;
}

.max-w-65 {
  max-width: 65%;
}

.max-h-65 {
  max-height: 65%;
}

.w-70 {
  width: 70%;
}

.h-70 {
  height: 70%;
}

.max-w-70 {
  max-width: 70%;
}

.max-h-70 {
  max-height: 70%;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.max-w-75 {
  max-width: 75%;
}

.max-h-75 {
  max-height: 75%;
}

.w-80 {
  width: 80%;
}

.h-80 {
  height: 80%;
}

.max-w-80 {
  max-width: 80%;
}

.max-h-80 {
  max-height: 80%;
}

.w-85 {
  width: 85%;
}

.h-85 {
  height: 85%;
}

.max-w-85 {
  max-width: 85%;
}

.max-h-85 {
  max-height: 85%;
}

.w-90 {
  width: 90%;
}

.h-90 {
  height: 90%;
}

.max-w-90 {
  max-width: 90%;
}

.max-h-90 {
  max-height: 90%;
}

.w-95 {
  width: 95%;
}

.h-95 {
  height: 95%;
}

.max-w-95 {
  max-width: 95%;
}

.max-h-95 {
  max-height: 95%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.max-w-100 {
  max-width: 100%;
}

.max-h-100 {
  max-height: 100%;
}

@media (min-width: 320px) {
  ._s-h-5 {
    height: 5%;
  }
  ._s-h-10 {
    height: 10%;
  }
  ._s-h-15 {
    height: 15%;
  }
  ._s-h-20 {
    height: 20%;
  }
  ._s-h-25 {
    height: 25%;
  }
  ._s-h-30 {
    height: 30%;
  }
  ._s-h-35 {
    height: 35%;
  }
  ._s-h-40 {
    height: 40%;
  }
  ._s-h-45 {
    height: 45%;
  }
  ._s-h-50 {
    height: 50%;
  }
  ._s-h-55 {
    height: 55%;
  }
  ._s-h-60 {
    height: 60%;
  }
  ._s-h-65 {
    height: 65%;
  }
  ._s-h-70 {
    height: 70%;
  }
  ._s-h-75 {
    height: 75%;
  }
  ._s-h-80 {
    height: 80%;
  }
  ._s-h-85 {
    height: 85%;
  }
  ._s-h-90 {
    height: 90%;
  }
  ._s-h-95 {
    height: 95%;
  }
  ._s-h-100 {
    height: 100%;
  }
}
@media (min-width: 768px) {
  ._m-h-5 {
    height: 5%;
  }
  ._m-h-10 {
    height: 10%;
  }
  ._m-h-15 {
    height: 15%;
  }
  ._m-h-20 {
    height: 20%;
  }
  ._m-h-25 {
    height: 25%;
  }
  ._m-h-30 {
    height: 30%;
  }
  ._m-h-35 {
    height: 35%;
  }
  ._m-h-40 {
    height: 40%;
  }
  ._m-h-45 {
    height: 45%;
  }
  ._m-h-50 {
    height: 50%;
  }
  ._m-h-55 {
    height: 55%;
  }
  ._m-h-60 {
    height: 60%;
  }
  ._m-h-65 {
    height: 65%;
  }
  ._m-h-70 {
    height: 70%;
  }
  ._m-h-75 {
    height: 75%;
  }
  ._m-h-80 {
    height: 80%;
  }
  ._m-h-85 {
    height: 85%;
  }
  ._m-h-90 {
    height: 90%;
  }
  ._m-h-95 {
    height: 95%;
  }
  ._m-h-100 {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  ._l-h-5 {
    height: 5%;
  }
  ._l-h-10 {
    height: 10%;
  }
  ._l-h-15 {
    height: 15%;
  }
  ._l-h-20 {
    height: 20%;
  }
  ._l-h-25 {
    height: 25%;
  }
  ._l-h-30 {
    height: 30%;
  }
  ._l-h-35 {
    height: 35%;
  }
  ._l-h-40 {
    height: 40%;
  }
  ._l-h-45 {
    height: 45%;
  }
  ._l-h-50 {
    height: 50%;
  }
  ._l-h-55 {
    height: 55%;
  }
  ._l-h-60 {
    height: 60%;
  }
  ._l-h-65 {
    height: 65%;
  }
  ._l-h-70 {
    height: 70%;
  }
  ._l-h-75 {
    height: 75%;
  }
  ._l-h-80 {
    height: 80%;
  }
  ._l-h-85 {
    height: 85%;
  }
  ._l-h-90 {
    height: 90%;
  }
  ._l-h-95 {
    height: 95%;
  }
  ._l-h-100 {
    height: 100%;
  }
}
@media (min-width: 1280px) {
  ._xl-h-5 {
    height: 5%;
  }
  ._xl-h-10 {
    height: 10%;
  }
  ._xl-h-15 {
    height: 15%;
  }
  ._xl-h-20 {
    height: 20%;
  }
  ._xl-h-25 {
    height: 25%;
  }
  ._xl-h-30 {
    height: 30%;
  }
  ._xl-h-35 {
    height: 35%;
  }
  ._xl-h-40 {
    height: 40%;
  }
  ._xl-h-45 {
    height: 45%;
  }
  ._xl-h-50 {
    height: 50%;
  }
  ._xl-h-55 {
    height: 55%;
  }
  ._xl-h-60 {
    height: 60%;
  }
  ._xl-h-65 {
    height: 65%;
  }
  ._xl-h-70 {
    height: 70%;
  }
  ._xl-h-75 {
    height: 75%;
  }
  ._xl-h-80 {
    height: 80%;
  }
  ._xl-h-85 {
    height: 85%;
  }
  ._xl-h-90 {
    height: 90%;
  }
  ._xl-h-95 {
    height: 95%;
  }
  ._xl-h-100 {
    height: 100%;
  }
}
@media (min-width: 1440px) {
  ._2xl-h-5 {
    height: 5%;
  }
  ._2xl-h-10 {
    height: 10%;
  }
  ._2xl-h-15 {
    height: 15%;
  }
  ._2xl-h-20 {
    height: 20%;
  }
  ._2xl-h-25 {
    height: 25%;
  }
  ._2xl-h-30 {
    height: 30%;
  }
  ._2xl-h-35 {
    height: 35%;
  }
  ._2xl-h-40 {
    height: 40%;
  }
  ._2xl-h-45 {
    height: 45%;
  }
  ._2xl-h-50 {
    height: 50%;
  }
  ._2xl-h-55 {
    height: 55%;
  }
  ._2xl-h-60 {
    height: 60%;
  }
  ._2xl-h-65 {
    height: 65%;
  }
  ._2xl-h-70 {
    height: 70%;
  }
  ._2xl-h-75 {
    height: 75%;
  }
  ._2xl-h-80 {
    height: 80%;
  }
  ._2xl-h-85 {
    height: 85%;
  }
  ._2xl-h-90 {
    height: 90%;
  }
  ._2xl-h-95 {
    height: 95%;
  }
  ._2xl-h-100 {
    height: 100%;
  }
}
@media (min-width: 320px) {
  ._s-max-w-5 {
    max-width: 5%;
  }
  ._s-max-w-10 {
    max-width: 10%;
  }
  ._s-max-w-15 {
    max-width: 15%;
  }
  ._s-max-w-20 {
    max-width: 20%;
  }
  ._s-max-w-25 {
    max-width: 25%;
  }
  ._s-max-w-30 {
    max-width: 30%;
  }
  ._s-max-w-35 {
    max-width: 35%;
  }
  ._s-max-w-40 {
    max-width: 40%;
  }
  ._s-max-w-45 {
    max-width: 45%;
  }
  ._s-max-w-50 {
    max-width: 50%;
  }
  ._s-max-w-55 {
    max-width: 55%;
  }
  ._s-max-w-60 {
    max-width: 60%;
  }
  ._s-max-w-65 {
    max-width: 65%;
  }
  ._s-max-w-70 {
    max-width: 70%;
  }
  ._s-max-w-75 {
    max-width: 75%;
  }
  ._s-max-w-80 {
    max-width: 80%;
  }
  ._s-max-w-85 {
    max-width: 85%;
  }
  ._s-max-w-90 {
    max-width: 90%;
  }
  ._s-max-w-95 {
    max-width: 95%;
  }
  ._s-max-w-100 {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  ._m-max-w-5 {
    max-width: 5%;
  }
  ._m-max-w-10 {
    max-width: 10%;
  }
  ._m-max-w-15 {
    max-width: 15%;
  }
  ._m-max-w-20 {
    max-width: 20%;
  }
  ._m-max-w-25 {
    max-width: 25%;
  }
  ._m-max-w-30 {
    max-width: 30%;
  }
  ._m-max-w-35 {
    max-width: 35%;
  }
  ._m-max-w-40 {
    max-width: 40%;
  }
  ._m-max-w-45 {
    max-width: 45%;
  }
  ._m-max-w-50 {
    max-width: 50%;
  }
  ._m-max-w-55 {
    max-width: 55%;
  }
  ._m-max-w-60 {
    max-width: 60%;
  }
  ._m-max-w-65 {
    max-width: 65%;
  }
  ._m-max-w-70 {
    max-width: 70%;
  }
  ._m-max-w-75 {
    max-width: 75%;
  }
  ._m-max-w-80 {
    max-width: 80%;
  }
  ._m-max-w-85 {
    max-width: 85%;
  }
  ._m-max-w-90 {
    max-width: 90%;
  }
  ._m-max-w-95 {
    max-width: 95%;
  }
  ._m-max-w-100 {
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  ._l-max-w-5 {
    max-width: 5%;
  }
  ._l-max-w-10 {
    max-width: 10%;
  }
  ._l-max-w-15 {
    max-width: 15%;
  }
  ._l-max-w-20 {
    max-width: 20%;
  }
  ._l-max-w-25 {
    max-width: 25%;
  }
  ._l-max-w-30 {
    max-width: 30%;
  }
  ._l-max-w-35 {
    max-width: 35%;
  }
  ._l-max-w-40 {
    max-width: 40%;
  }
  ._l-max-w-45 {
    max-width: 45%;
  }
  ._l-max-w-50 {
    max-width: 50%;
  }
  ._l-max-w-55 {
    max-width: 55%;
  }
  ._l-max-w-60 {
    max-width: 60%;
  }
  ._l-max-w-65 {
    max-width: 65%;
  }
  ._l-max-w-70 {
    max-width: 70%;
  }
  ._l-max-w-75 {
    max-width: 75%;
  }
  ._l-max-w-80 {
    max-width: 80%;
  }
  ._l-max-w-85 {
    max-width: 85%;
  }
  ._l-max-w-90 {
    max-width: 90%;
  }
  ._l-max-w-95 {
    max-width: 95%;
  }
  ._l-max-w-100 {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  ._xl-max-w-5 {
    max-width: 5%;
  }
  ._xl-max-w-10 {
    max-width: 10%;
  }
  ._xl-max-w-15 {
    max-width: 15%;
  }
  ._xl-max-w-20 {
    max-width: 20%;
  }
  ._xl-max-w-25 {
    max-width: 25%;
  }
  ._xl-max-w-30 {
    max-width: 30%;
  }
  ._xl-max-w-35 {
    max-width: 35%;
  }
  ._xl-max-w-40 {
    max-width: 40%;
  }
  ._xl-max-w-45 {
    max-width: 45%;
  }
  ._xl-max-w-50 {
    max-width: 50%;
  }
  ._xl-max-w-55 {
    max-width: 55%;
  }
  ._xl-max-w-60 {
    max-width: 60%;
  }
  ._xl-max-w-65 {
    max-width: 65%;
  }
  ._xl-max-w-70 {
    max-width: 70%;
  }
  ._xl-max-w-75 {
    max-width: 75%;
  }
  ._xl-max-w-80 {
    max-width: 80%;
  }
  ._xl-max-w-85 {
    max-width: 85%;
  }
  ._xl-max-w-90 {
    max-width: 90%;
  }
  ._xl-max-w-95 {
    max-width: 95%;
  }
  ._xl-max-w-100 {
    max-width: 100%;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-w-5 {
    max-width: 5%;
  }
  ._2xl-max-w-10 {
    max-width: 10%;
  }
  ._2xl-max-w-15 {
    max-width: 15%;
  }
  ._2xl-max-w-20 {
    max-width: 20%;
  }
  ._2xl-max-w-25 {
    max-width: 25%;
  }
  ._2xl-max-w-30 {
    max-width: 30%;
  }
  ._2xl-max-w-35 {
    max-width: 35%;
  }
  ._2xl-max-w-40 {
    max-width: 40%;
  }
  ._2xl-max-w-45 {
    max-width: 45%;
  }
  ._2xl-max-w-50 {
    max-width: 50%;
  }
  ._2xl-max-w-55 {
    max-width: 55%;
  }
  ._2xl-max-w-60 {
    max-width: 60%;
  }
  ._2xl-max-w-65 {
    max-width: 65%;
  }
  ._2xl-max-w-70 {
    max-width: 70%;
  }
  ._2xl-max-w-75 {
    max-width: 75%;
  }
  ._2xl-max-w-80 {
    max-width: 80%;
  }
  ._2xl-max-w-85 {
    max-width: 85%;
  }
  ._2xl-max-w-90 {
    max-width: 90%;
  }
  ._2xl-max-w-95 {
    max-width: 95%;
  }
  ._2xl-max-w-100 {
    max-width: 100%;
  }
}
@media (min-width: 320px) {
  ._s-max-h-5 {
    max-height: 5%;
  }
  ._s-max-h-10 {
    max-height: 10%;
  }
  ._s-max-h-15 {
    max-height: 15%;
  }
  ._s-max-h-20 {
    max-height: 20%;
  }
  ._s-max-h-25 {
    max-height: 25%;
  }
  ._s-max-h-30 {
    max-height: 30%;
  }
  ._s-max-h-35 {
    max-height: 35%;
  }
  ._s-max-h-40 {
    max-height: 40%;
  }
  ._s-max-h-45 {
    max-height: 45%;
  }
  ._s-max-h-50 {
    max-height: 50%;
  }
  ._s-max-h-55 {
    max-height: 55%;
  }
  ._s-max-h-60 {
    max-height: 60%;
  }
  ._s-max-h-65 {
    max-height: 65%;
  }
  ._s-max-h-70 {
    max-height: 70%;
  }
  ._s-max-h-75 {
    max-height: 75%;
  }
  ._s-max-h-80 {
    max-height: 80%;
  }
  ._s-max-h-85 {
    max-height: 85%;
  }
  ._s-max-h-90 {
    max-height: 90%;
  }
  ._s-max-h-95 {
    max-height: 95%;
  }
  ._s-max-h-100 {
    max-height: 100%;
  }
}
@media (min-width: 768px) {
  ._m-max-h-5 {
    max-height: 5%;
  }
  ._m-max-h-10 {
    max-height: 10%;
  }
  ._m-max-h-15 {
    max-height: 15%;
  }
  ._m-max-h-20 {
    max-height: 20%;
  }
  ._m-max-h-25 {
    max-height: 25%;
  }
  ._m-max-h-30 {
    max-height: 30%;
  }
  ._m-max-h-35 {
    max-height: 35%;
  }
  ._m-max-h-40 {
    max-height: 40%;
  }
  ._m-max-h-45 {
    max-height: 45%;
  }
  ._m-max-h-50 {
    max-height: 50%;
  }
  ._m-max-h-55 {
    max-height: 55%;
  }
  ._m-max-h-60 {
    max-height: 60%;
  }
  ._m-max-h-65 {
    max-height: 65%;
  }
  ._m-max-h-70 {
    max-height: 70%;
  }
  ._m-max-h-75 {
    max-height: 75%;
  }
  ._m-max-h-80 {
    max-height: 80%;
  }
  ._m-max-h-85 {
    max-height: 85%;
  }
  ._m-max-h-90 {
    max-height: 90%;
  }
  ._m-max-h-95 {
    max-height: 95%;
  }
  ._m-max-h-100 {
    max-height: 100%;
  }
}
@media (min-width: 1024px) {
  ._l-max-h-5 {
    max-height: 5%;
  }
  ._l-max-h-10 {
    max-height: 10%;
  }
  ._l-max-h-15 {
    max-height: 15%;
  }
  ._l-max-h-20 {
    max-height: 20%;
  }
  ._l-max-h-25 {
    max-height: 25%;
  }
  ._l-max-h-30 {
    max-height: 30%;
  }
  ._l-max-h-35 {
    max-height: 35%;
  }
  ._l-max-h-40 {
    max-height: 40%;
  }
  ._l-max-h-45 {
    max-height: 45%;
  }
  ._l-max-h-50 {
    max-height: 50%;
  }
  ._l-max-h-55 {
    max-height: 55%;
  }
  ._l-max-h-60 {
    max-height: 60%;
  }
  ._l-max-h-65 {
    max-height: 65%;
  }
  ._l-max-h-70 {
    max-height: 70%;
  }
  ._l-max-h-75 {
    max-height: 75%;
  }
  ._l-max-h-80 {
    max-height: 80%;
  }
  ._l-max-h-85 {
    max-height: 85%;
  }
  ._l-max-h-90 {
    max-height: 90%;
  }
  ._l-max-h-95 {
    max-height: 95%;
  }
  ._l-max-h-100 {
    max-height: 100%;
  }
}
@media (min-width: 1280px) {
  ._xl-max-h-5 {
    max-height: 5%;
  }
  ._xl-max-h-10 {
    max-height: 10%;
  }
  ._xl-max-h-15 {
    max-height: 15%;
  }
  ._xl-max-h-20 {
    max-height: 20%;
  }
  ._xl-max-h-25 {
    max-height: 25%;
  }
  ._xl-max-h-30 {
    max-height: 30%;
  }
  ._xl-max-h-35 {
    max-height: 35%;
  }
  ._xl-max-h-40 {
    max-height: 40%;
  }
  ._xl-max-h-45 {
    max-height: 45%;
  }
  ._xl-max-h-50 {
    max-height: 50%;
  }
  ._xl-max-h-55 {
    max-height: 55%;
  }
  ._xl-max-h-60 {
    max-height: 60%;
  }
  ._xl-max-h-65 {
    max-height: 65%;
  }
  ._xl-max-h-70 {
    max-height: 70%;
  }
  ._xl-max-h-75 {
    max-height: 75%;
  }
  ._xl-max-h-80 {
    max-height: 80%;
  }
  ._xl-max-h-85 {
    max-height: 85%;
  }
  ._xl-max-h-90 {
    max-height: 90%;
  }
  ._xl-max-h-95 {
    max-height: 95%;
  }
  ._xl-max-h-100 {
    max-height: 100%;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-h-5 {
    max-height: 5%;
  }
  ._2xl-max-h-10 {
    max-height: 10%;
  }
  ._2xl-max-h-15 {
    max-height: 15%;
  }
  ._2xl-max-h-20 {
    max-height: 20%;
  }
  ._2xl-max-h-25 {
    max-height: 25%;
  }
  ._2xl-max-h-30 {
    max-height: 30%;
  }
  ._2xl-max-h-35 {
    max-height: 35%;
  }
  ._2xl-max-h-40 {
    max-height: 40%;
  }
  ._2xl-max-h-45 {
    max-height: 45%;
  }
  ._2xl-max-h-50 {
    max-height: 50%;
  }
  ._2xl-max-h-55 {
    max-height: 55%;
  }
  ._2xl-max-h-60 {
    max-height: 60%;
  }
  ._2xl-max-h-65 {
    max-height: 65%;
  }
  ._2xl-max-h-70 {
    max-height: 70%;
  }
  ._2xl-max-h-75 {
    max-height: 75%;
  }
  ._2xl-max-h-80 {
    max-height: 80%;
  }
  ._2xl-max-h-85 {
    max-height: 85%;
  }
  ._2xl-max-h-90 {
    max-height: 90%;
  }
  ._2xl-max-h-95 {
    max-height: 95%;
  }
  ._2xl-max-h-100 {
    max-height: 100%;
  }
}
.w-xs {
  width: 20%;
}

.w-s {
  width: 25%;
}

.w-m {
  width: 50%;
}

.w-l {
  width: 100%;
}

.full-width {
  width: 100%;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-min {
  width: min-content;
}

.w-max {
  width: max-content;
}

.w-fit {
  width: fit-content;
}

.w-stretch {
  width: stretch;
}

@media (min-width: 320px) {
  ._s-w-auto {
    width: auto;
  }
  ._s-w-full {
    width: 100%;
  }
  ._s-w-min {
    width: min-content;
  }
  ._s-w-max {
    width: max-content;
  }
  ._s-w-fit {
    width: fit-content;
  }
  ._s-w-stretch {
    width: stretch;
  }
}
@media (min-width: 768px) {
  ._m-w-auto {
    width: auto;
  }
  ._m-w-full {
    width: 100%;
  }
  ._m-w-min {
    width: min-content;
  }
  ._m-w-max {
    width: max-content;
  }
  ._m-w-fit {
    width: fit-content;
  }
  ._m-w-stretch {
    width: stretch;
  }
}
@media (min-width: 1024px) {
  ._l-w-auto {
    width: auto;
  }
  ._l-w-full {
    width: 100%;
  }
  ._l-w-min {
    width: min-content;
  }
  ._l-w-max {
    width: max-content;
  }
  ._l-w-fit {
    width: fit-content;
  }
  ._l-w-stretch {
    width: stretch;
  }
}
@media (min-width: 1280px) {
  ._xl-w-auto {
    width: auto;
  }
  ._xl-w-full {
    width: 100%;
  }
  ._xl-w-min {
    width: min-content;
  }
  ._xl-w-max {
    width: max-content;
  }
  ._xl-w-fit {
    width: fit-content;
  }
  ._xl-w-stretch {
    width: stretch;
  }
}
@media (min-width: 1440px) {
  ._2xl-w-auto {
    width: auto;
  }
  ._2xl-w-full {
    width: 100%;
  }
  ._2xl-w-min {
    width: min-content;
  }
  ._2xl-w-max {
    width: max-content;
  }
  ._2xl-w-fit {
    width: fit-content;
  }
  ._2xl-w-stretch {
    width: stretch;
  }
}
.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-min {
  height: min-content;
}

.h-max {
  height: max-content;
}

.h-fit {
  height: fit-content;
}

.h-stretch {
  height: stretch;
}

@media (min-width: 320px) {
  ._s-h-auto {
    height: auto;
  }
  ._s-h-full {
    height: 100%;
  }
  ._s-h-min {
    height: min-content;
  }
  ._s-h-max {
    height: max-content;
  }
  ._s-h-fit {
    height: fit-content;
  }
  ._s-h-stretch {
    height: stretch;
  }
}
@media (min-width: 768px) {
  ._m-h-auto {
    height: auto;
  }
  ._m-h-full {
    height: 100%;
  }
  ._m-h-min {
    height: min-content;
  }
  ._m-h-max {
    height: max-content;
  }
  ._m-h-fit {
    height: fit-content;
  }
  ._m-h-stretch {
    height: stretch;
  }
}
@media (min-width: 1024px) {
  ._l-h-auto {
    height: auto;
  }
  ._l-h-full {
    height: 100%;
  }
  ._l-h-min {
    height: min-content;
  }
  ._l-h-max {
    height: max-content;
  }
  ._l-h-fit {
    height: fit-content;
  }
  ._l-h-stretch {
    height: stretch;
  }
}
@media (min-width: 1280px) {
  ._xl-h-auto {
    height: auto;
  }
  ._xl-h-full {
    height: 100%;
  }
  ._xl-h-min {
    height: min-content;
  }
  ._xl-h-max {
    height: max-content;
  }
  ._xl-h-fit {
    height: fit-content;
  }
  ._xl-h-stretch {
    height: stretch;
  }
}
@media (min-width: 1440px) {
  ._2xl-h-auto {
    height: auto;
  }
  ._2xl-h-full {
    height: 100%;
  }
  ._2xl-h-min {
    height: min-content;
  }
  ._2xl-h-max {
    height: max-content;
  }
  ._2xl-h-fit {
    height: fit-content;
  }
  ._2xl-h-stretch {
    height: stretch;
  }
}
.max-w-auto {
  max-width: auto;
}

.max-w-full {
  max-width: 100%;
}

.max-w-min {
  max-width: min-content;
}

.max-w-max {
  max-width: max-content;
}

.max-w-fit {
  max-width: fit-content;
}

.max-w-stretch {
  max-width: stretch;
}

@media (min-width: 320px) {
  ._s-max-w-auto {
    max-width: auto;
  }
  ._s-max-w-full {
    max-width: 100%;
  }
  ._s-max-w-min {
    max-width: min-content;
  }
  ._s-max-w-max {
    max-width: max-content;
  }
  ._s-max-w-fit {
    max-width: fit-content;
  }
  ._s-max-w-stretch {
    max-width: stretch;
  }
}
@media (min-width: 768px) {
  ._m-max-w-auto {
    max-width: auto;
  }
  ._m-max-w-full {
    max-width: 100%;
  }
  ._m-max-w-min {
    max-width: min-content;
  }
  ._m-max-w-max {
    max-width: max-content;
  }
  ._m-max-w-fit {
    max-width: fit-content;
  }
  ._m-max-w-stretch {
    max-width: stretch;
  }
}
@media (min-width: 1024px) {
  ._l-max-w-auto {
    max-width: auto;
  }
  ._l-max-w-full {
    max-width: 100%;
  }
  ._l-max-w-min {
    max-width: min-content;
  }
  ._l-max-w-max {
    max-width: max-content;
  }
  ._l-max-w-fit {
    max-width: fit-content;
  }
  ._l-max-w-stretch {
    max-width: stretch;
  }
}
@media (min-width: 1280px) {
  ._xl-max-w-auto {
    max-width: auto;
  }
  ._xl-max-w-full {
    max-width: 100%;
  }
  ._xl-max-w-min {
    max-width: min-content;
  }
  ._xl-max-w-max {
    max-width: max-content;
  }
  ._xl-max-w-fit {
    max-width: fit-content;
  }
  ._xl-max-w-stretch {
    max-width: stretch;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-w-auto {
    max-width: auto;
  }
  ._2xl-max-w-full {
    max-width: 100%;
  }
  ._2xl-max-w-min {
    max-width: min-content;
  }
  ._2xl-max-w-max {
    max-width: max-content;
  }
  ._2xl-max-w-fit {
    max-width: fit-content;
  }
  ._2xl-max-w-stretch {
    max-width: stretch;
  }
}
.max-h-auto {
  max-height: auto;
}

.max-h-full {
  max-height: 100%;
}

.max-h-min {
  max-height: min-content;
}

.max-h-max {
  max-height: max-content;
}

.max-h-fit {
  max-height: fit-content;
}

.max-h-stretch {
  max-height: stretch;
}

@media (min-width: 320px) {
  ._s-max-h-auto {
    max-height: auto;
  }
  ._s-max-h-full {
    max-height: 100%;
  }
  ._s-max-h-min {
    max-height: min-content;
  }
  ._s-max-h-max {
    max-height: max-content;
  }
  ._s-max-h-fit {
    max-height: fit-content;
  }
  ._s-max-h-stretch {
    max-height: stretch;
  }
}
@media (min-width: 768px) {
  ._m-max-h-auto {
    max-height: auto;
  }
  ._m-max-h-full {
    max-height: 100%;
  }
  ._m-max-h-min {
    max-height: min-content;
  }
  ._m-max-h-max {
    max-height: max-content;
  }
  ._m-max-h-fit {
    max-height: fit-content;
  }
  ._m-max-h-stretch {
    max-height: stretch;
  }
}
@media (min-width: 1024px) {
  ._l-max-h-auto {
    max-height: auto;
  }
  ._l-max-h-full {
    max-height: 100%;
  }
  ._l-max-h-min {
    max-height: min-content;
  }
  ._l-max-h-max {
    max-height: max-content;
  }
  ._l-max-h-fit {
    max-height: fit-content;
  }
  ._l-max-h-stretch {
    max-height: stretch;
  }
}
@media (min-width: 1280px) {
  ._xl-max-h-auto {
    max-height: auto;
  }
  ._xl-max-h-full {
    max-height: 100%;
  }
  ._xl-max-h-min {
    max-height: min-content;
  }
  ._xl-max-h-max {
    max-height: max-content;
  }
  ._xl-max-h-fit {
    max-height: fit-content;
  }
  ._xl-max-h-stretch {
    max-height: stretch;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-h-auto {
    max-height: auto;
  }
  ._2xl-max-h-full {
    max-height: 100%;
  }
  ._2xl-max-h-min {
    max-height: min-content;
  }
  ._2xl-max-h-max {
    max-height: max-content;
  }
  ._2xl-max-h-fit {
    max-height: fit-content;
  }
  ._2xl-max-h-stretch {
    max-height: stretch;
  }
}
.w-screen {
  width: 100vw;
}

@media (min-width: 320px) {
  ._s-w-screen {
    width: 100vw;
  }
}
@media (min-width: 768px) {
  ._m-w-screen {
    width: 100vw;
  }
}
@media (min-width: 1024px) {
  ._l-w-screen {
    width: 100vw;
  }
}
@media (min-width: 1280px) {
  ._xl-w-screen {
    width: 100vw;
  }
}
@media (min-width: 1440px) {
  ._2xl-w-screen {
    width: 100vw;
  }
}
.max-w-screen {
  max-width: 100vw;
}

@media (min-width: 320px) {
  ._s-max-w-screen {
    max-width: 100vw;
  }
}
@media (min-width: 768px) {
  ._m-max-w-screen {
    max-width: 100vw;
  }
}
@media (min-width: 1024px) {
  ._l-max-w-screen {
    max-width: 100vw;
  }
}
@media (min-width: 1280px) {
  ._xl-max-w-screen {
    max-width: 100vw;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-w-screen {
    max-width: 100vw;
  }
}
.h-screen {
  height: 100vh;
}

@media (min-width: 320px) {
  ._s-h-screen {
    height: 100vh;
  }
}
@media (min-width: 768px) {
  ._m-h-screen {
    height: 100vh;
  }
}
@media (min-width: 1024px) {
  ._l-h-screen {
    height: 100vh;
  }
}
@media (min-width: 1280px) {
  ._xl-h-screen {
    height: 100vh;
  }
}
@media (min-width: 1440px) {
  ._2xl-h-screen {
    height: 100vh;
  }
}
.max-h-screen {
  max-height: 100vh;
}

@media (min-width: 320px) {
  ._s-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 768px) {
  ._m-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 1024px) {
  ._l-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 1280px) {
  ._xl-max-h-screen {
    max-height: 100vh;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-h-screen {
    max-height: 100vh;
  }
}
.w-0 {
  width: 0;
}

.w-1px {
  width: 0.0625rem;
}

.w-2px {
  width: 0.125rem;
}

.w-4px {
  width: 0.25rem;
}

.w-6px {
  width: 0.375rem;
}

.w-8px {
  width: 0.5rem;
}

.w-16px {
  width: 1rem;
}

.w-24px {
  width: 1.5rem;
}

.w-32px {
  width: 2rem;
}

.w-40px {
  width: 2.5rem;
}

.w-48px {
  width: 3rem;
}

.w-56px {
  width: 3.5rem;
}

.w-64px {
  width: 4rem;
}

.w-72px {
  width: 4.5rem;
}

.w-80px {
  width: 5rem;
}

.w-88px {
  width: 5.5rem;
}

.w-96px {
  width: 6rem;
}

.w-104px {
  width: 6.5rem;
}

.w-112px {
  width: 7rem;
}

.w-120px {
  width: 7.5rem;
}

.w-128px {
  width: 8rem;
}

.w-136px {
  width: 8.5rem;
}

.w-144px {
  width: 9rem;
}

.w-152px {
  width: 9.5rem;
}

.w-160px {
  width: 10rem;
}

.w-168px {
  width: 10.5rem;
}

.w-176px {
  width: 11rem;
}

.w-184px {
  width: 11.5rem;
}

.w-192px {
  width: 12rem;
}

.w-200px {
  width: 12.5rem;
}

.w-208px {
  width: 13rem;
}

.w-216px {
  width: 13.5rem;
}

.w-224px {
  width: 14rem;
}

.w-232px {
  width: 14.5rem;
}

.w-240px {
  width: 15rem;
}

.w-248px {
  width: 15.5rem;
}

.w-256px {
  width: 16rem;
}

.w-264px {
  width: 16.5rem;
}

.w-272px {
  width: 17rem;
}

.w-280px {
  width: 17.5rem;
}

.w-288px {
  width: 18rem;
}

.w-296px {
  width: 18.5rem;
}

.w-304px {
  width: 19rem;
}

.w-312px {
  width: 19.5rem;
}

.w-320px {
  width: 20rem;
}

.w-328px {
  width: 20.5rem;
}

.w-336px {
  width: 21rem;
}

.w-344px {
  width: 21.5rem;
}

.w-352px {
  width: 22rem;
}

.w-360px {
  width: 22.5rem;
}

.w-368px {
  width: 23rem;
}

.w-376px {
  width: 23.5rem;
}

.w-384px {
  width: 24rem;
}

@media (min-width: 320px) {
  ._s-w-0 {
    width: 0;
  }
  ._s-w-1px {
    width: 0.0625rem;
  }
  ._s-w-2px {
    width: 0.125rem;
  }
  ._s-w-4px {
    width: 0.25rem;
  }
  ._s-w-6px {
    width: 0.375rem;
  }
  ._s-w-8px {
    width: 0.5rem;
  }
  ._s-w-16px {
    width: 1rem;
  }
  ._s-w-24px {
    width: 1.5rem;
  }
  ._s-w-32px {
    width: 2rem;
  }
  ._s-w-40px {
    width: 2.5rem;
  }
  ._s-w-48px {
    width: 3rem;
  }
  ._s-w-56px {
    width: 3.5rem;
  }
  ._s-w-64px {
    width: 4rem;
  }
  ._s-w-72px {
    width: 4.5rem;
  }
  ._s-w-80px {
    width: 5rem;
  }
  ._s-w-88px {
    width: 5.5rem;
  }
  ._s-w-96px {
    width: 6rem;
  }
  ._s-w-104px {
    width: 6.5rem;
  }
  ._s-w-112px {
    width: 7rem;
  }
  ._s-w-120px {
    width: 7.5rem;
  }
  ._s-w-128px {
    width: 8rem;
  }
  ._s-w-136px {
    width: 8.5rem;
  }
  ._s-w-144px {
    width: 9rem;
  }
  ._s-w-152px {
    width: 9.5rem;
  }
  ._s-w-160px {
    width: 10rem;
  }
  ._s-w-168px {
    width: 10.5rem;
  }
  ._s-w-176px {
    width: 11rem;
  }
  ._s-w-184px {
    width: 11.5rem;
  }
  ._s-w-192px {
    width: 12rem;
  }
  ._s-w-200px {
    width: 12.5rem;
  }
  ._s-w-208px {
    width: 13rem;
  }
  ._s-w-216px {
    width: 13.5rem;
  }
  ._s-w-224px {
    width: 14rem;
  }
  ._s-w-232px {
    width: 14.5rem;
  }
  ._s-w-240px {
    width: 15rem;
  }
  ._s-w-248px {
    width: 15.5rem;
  }
  ._s-w-256px {
    width: 16rem;
  }
  ._s-w-264px {
    width: 16.5rem;
  }
  ._s-w-272px {
    width: 17rem;
  }
  ._s-w-280px {
    width: 17.5rem;
  }
  ._s-w-288px {
    width: 18rem;
  }
  ._s-w-296px {
    width: 18.5rem;
  }
  ._s-w-304px {
    width: 19rem;
  }
  ._s-w-312px {
    width: 19.5rem;
  }
  ._s-w-320px {
    width: 20rem;
  }
  ._s-w-328px {
    width: 20.5rem;
  }
  ._s-w-336px {
    width: 21rem;
  }
  ._s-w-344px {
    width: 21.5rem;
  }
  ._s-w-352px {
    width: 22rem;
  }
  ._s-w-360px {
    width: 22.5rem;
  }
  ._s-w-368px {
    width: 23rem;
  }
  ._s-w-376px {
    width: 23.5rem;
  }
  ._s-w-384px {
    width: 24rem;
  }
}
@media (min-width: 768px) {
  ._m-w-0 {
    width: 0;
  }
  ._m-w-1px {
    width: 0.0625rem;
  }
  ._m-w-2px {
    width: 0.125rem;
  }
  ._m-w-4px {
    width: 0.25rem;
  }
  ._m-w-6px {
    width: 0.375rem;
  }
  ._m-w-8px {
    width: 0.5rem;
  }
  ._m-w-16px {
    width: 1rem;
  }
  ._m-w-24px {
    width: 1.5rem;
  }
  ._m-w-32px {
    width: 2rem;
  }
  ._m-w-40px {
    width: 2.5rem;
  }
  ._m-w-48px {
    width: 3rem;
  }
  ._m-w-56px {
    width: 3.5rem;
  }
  ._m-w-64px {
    width: 4rem;
  }
  ._m-w-72px {
    width: 4.5rem;
  }
  ._m-w-80px {
    width: 5rem;
  }
  ._m-w-88px {
    width: 5.5rem;
  }
  ._m-w-96px {
    width: 6rem;
  }
  ._m-w-104px {
    width: 6.5rem;
  }
  ._m-w-112px {
    width: 7rem;
  }
  ._m-w-120px {
    width: 7.5rem;
  }
  ._m-w-128px {
    width: 8rem;
  }
  ._m-w-136px {
    width: 8.5rem;
  }
  ._m-w-144px {
    width: 9rem;
  }
  ._m-w-152px {
    width: 9.5rem;
  }
  ._m-w-160px {
    width: 10rem;
  }
  ._m-w-168px {
    width: 10.5rem;
  }
  ._m-w-176px {
    width: 11rem;
  }
  ._m-w-184px {
    width: 11.5rem;
  }
  ._m-w-192px {
    width: 12rem;
  }
  ._m-w-200px {
    width: 12.5rem;
  }
  ._m-w-208px {
    width: 13rem;
  }
  ._m-w-216px {
    width: 13.5rem;
  }
  ._m-w-224px {
    width: 14rem;
  }
  ._m-w-232px {
    width: 14.5rem;
  }
  ._m-w-240px {
    width: 15rem;
  }
  ._m-w-248px {
    width: 15.5rem;
  }
  ._m-w-256px {
    width: 16rem;
  }
  ._m-w-264px {
    width: 16.5rem;
  }
  ._m-w-272px {
    width: 17rem;
  }
  ._m-w-280px {
    width: 17.5rem;
  }
  ._m-w-288px {
    width: 18rem;
  }
  ._m-w-296px {
    width: 18.5rem;
  }
  ._m-w-304px {
    width: 19rem;
  }
  ._m-w-312px {
    width: 19.5rem;
  }
  ._m-w-320px {
    width: 20rem;
  }
  ._m-w-328px {
    width: 20.5rem;
  }
  ._m-w-336px {
    width: 21rem;
  }
  ._m-w-344px {
    width: 21.5rem;
  }
  ._m-w-352px {
    width: 22rem;
  }
  ._m-w-360px {
    width: 22.5rem;
  }
  ._m-w-368px {
    width: 23rem;
  }
  ._m-w-376px {
    width: 23.5rem;
  }
  ._m-w-384px {
    width: 24rem;
  }
}
@media (min-width: 1024px) {
  ._l-w-0 {
    width: 0;
  }
  ._l-w-1px {
    width: 0.0625rem;
  }
  ._l-w-2px {
    width: 0.125rem;
  }
  ._l-w-4px {
    width: 0.25rem;
  }
  ._l-w-6px {
    width: 0.375rem;
  }
  ._l-w-8px {
    width: 0.5rem;
  }
  ._l-w-16px {
    width: 1rem;
  }
  ._l-w-24px {
    width: 1.5rem;
  }
  ._l-w-32px {
    width: 2rem;
  }
  ._l-w-40px {
    width: 2.5rem;
  }
  ._l-w-48px {
    width: 3rem;
  }
  ._l-w-56px {
    width: 3.5rem;
  }
  ._l-w-64px {
    width: 4rem;
  }
  ._l-w-72px {
    width: 4.5rem;
  }
  ._l-w-80px {
    width: 5rem;
  }
  ._l-w-88px {
    width: 5.5rem;
  }
  ._l-w-96px {
    width: 6rem;
  }
  ._l-w-104px {
    width: 6.5rem;
  }
  ._l-w-112px {
    width: 7rem;
  }
  ._l-w-120px {
    width: 7.5rem;
  }
  ._l-w-128px {
    width: 8rem;
  }
  ._l-w-136px {
    width: 8.5rem;
  }
  ._l-w-144px {
    width: 9rem;
  }
  ._l-w-152px {
    width: 9.5rem;
  }
  ._l-w-160px {
    width: 10rem;
  }
  ._l-w-168px {
    width: 10.5rem;
  }
  ._l-w-176px {
    width: 11rem;
  }
  ._l-w-184px {
    width: 11.5rem;
  }
  ._l-w-192px {
    width: 12rem;
  }
  ._l-w-200px {
    width: 12.5rem;
  }
  ._l-w-208px {
    width: 13rem;
  }
  ._l-w-216px {
    width: 13.5rem;
  }
  ._l-w-224px {
    width: 14rem;
  }
  ._l-w-232px {
    width: 14.5rem;
  }
  ._l-w-240px {
    width: 15rem;
  }
  ._l-w-248px {
    width: 15.5rem;
  }
  ._l-w-256px {
    width: 16rem;
  }
  ._l-w-264px {
    width: 16.5rem;
  }
  ._l-w-272px {
    width: 17rem;
  }
  ._l-w-280px {
    width: 17.5rem;
  }
  ._l-w-288px {
    width: 18rem;
  }
  ._l-w-296px {
    width: 18.5rem;
  }
  ._l-w-304px {
    width: 19rem;
  }
  ._l-w-312px {
    width: 19.5rem;
  }
  ._l-w-320px {
    width: 20rem;
  }
  ._l-w-328px {
    width: 20.5rem;
  }
  ._l-w-336px {
    width: 21rem;
  }
  ._l-w-344px {
    width: 21.5rem;
  }
  ._l-w-352px {
    width: 22rem;
  }
  ._l-w-360px {
    width: 22.5rem;
  }
  ._l-w-368px {
    width: 23rem;
  }
  ._l-w-376px {
    width: 23.5rem;
  }
  ._l-w-384px {
    width: 24rem;
  }
}
@media (min-width: 1280px) {
  ._xl-w-0 {
    width: 0;
  }
  ._xl-w-1px {
    width: 0.0625rem;
  }
  ._xl-w-2px {
    width: 0.125rem;
  }
  ._xl-w-4px {
    width: 0.25rem;
  }
  ._xl-w-6px {
    width: 0.375rem;
  }
  ._xl-w-8px {
    width: 0.5rem;
  }
  ._xl-w-16px {
    width: 1rem;
  }
  ._xl-w-24px {
    width: 1.5rem;
  }
  ._xl-w-32px {
    width: 2rem;
  }
  ._xl-w-40px {
    width: 2.5rem;
  }
  ._xl-w-48px {
    width: 3rem;
  }
  ._xl-w-56px {
    width: 3.5rem;
  }
  ._xl-w-64px {
    width: 4rem;
  }
  ._xl-w-72px {
    width: 4.5rem;
  }
  ._xl-w-80px {
    width: 5rem;
  }
  ._xl-w-88px {
    width: 5.5rem;
  }
  ._xl-w-96px {
    width: 6rem;
  }
  ._xl-w-104px {
    width: 6.5rem;
  }
  ._xl-w-112px {
    width: 7rem;
  }
  ._xl-w-120px {
    width: 7.5rem;
  }
  ._xl-w-128px {
    width: 8rem;
  }
  ._xl-w-136px {
    width: 8.5rem;
  }
  ._xl-w-144px {
    width: 9rem;
  }
  ._xl-w-152px {
    width: 9.5rem;
  }
  ._xl-w-160px {
    width: 10rem;
  }
  ._xl-w-168px {
    width: 10.5rem;
  }
  ._xl-w-176px {
    width: 11rem;
  }
  ._xl-w-184px {
    width: 11.5rem;
  }
  ._xl-w-192px {
    width: 12rem;
  }
  ._xl-w-200px {
    width: 12.5rem;
  }
  ._xl-w-208px {
    width: 13rem;
  }
  ._xl-w-216px {
    width: 13.5rem;
  }
  ._xl-w-224px {
    width: 14rem;
  }
  ._xl-w-232px {
    width: 14.5rem;
  }
  ._xl-w-240px {
    width: 15rem;
  }
  ._xl-w-248px {
    width: 15.5rem;
  }
  ._xl-w-256px {
    width: 16rem;
  }
  ._xl-w-264px {
    width: 16.5rem;
  }
  ._xl-w-272px {
    width: 17rem;
  }
  ._xl-w-280px {
    width: 17.5rem;
  }
  ._xl-w-288px {
    width: 18rem;
  }
  ._xl-w-296px {
    width: 18.5rem;
  }
  ._xl-w-304px {
    width: 19rem;
  }
  ._xl-w-312px {
    width: 19.5rem;
  }
  ._xl-w-320px {
    width: 20rem;
  }
  ._xl-w-328px {
    width: 20.5rem;
  }
  ._xl-w-336px {
    width: 21rem;
  }
  ._xl-w-344px {
    width: 21.5rem;
  }
  ._xl-w-352px {
    width: 22rem;
  }
  ._xl-w-360px {
    width: 22.5rem;
  }
  ._xl-w-368px {
    width: 23rem;
  }
  ._xl-w-376px {
    width: 23.5rem;
  }
  ._xl-w-384px {
    width: 24rem;
  }
}
@media (min-width: 1440px) {
  ._2xl-w-0 {
    width: 0;
  }
  ._2xl-w-1px {
    width: 0.0625rem;
  }
  ._2xl-w-2px {
    width: 0.125rem;
  }
  ._2xl-w-4px {
    width: 0.25rem;
  }
  ._2xl-w-6px {
    width: 0.375rem;
  }
  ._2xl-w-8px {
    width: 0.5rem;
  }
  ._2xl-w-16px {
    width: 1rem;
  }
  ._2xl-w-24px {
    width: 1.5rem;
  }
  ._2xl-w-32px {
    width: 2rem;
  }
  ._2xl-w-40px {
    width: 2.5rem;
  }
  ._2xl-w-48px {
    width: 3rem;
  }
  ._2xl-w-56px {
    width: 3.5rem;
  }
  ._2xl-w-64px {
    width: 4rem;
  }
  ._2xl-w-72px {
    width: 4.5rem;
  }
  ._2xl-w-80px {
    width: 5rem;
  }
  ._2xl-w-88px {
    width: 5.5rem;
  }
  ._2xl-w-96px {
    width: 6rem;
  }
  ._2xl-w-104px {
    width: 6.5rem;
  }
  ._2xl-w-112px {
    width: 7rem;
  }
  ._2xl-w-120px {
    width: 7.5rem;
  }
  ._2xl-w-128px {
    width: 8rem;
  }
  ._2xl-w-136px {
    width: 8.5rem;
  }
  ._2xl-w-144px {
    width: 9rem;
  }
  ._2xl-w-152px {
    width: 9.5rem;
  }
  ._2xl-w-160px {
    width: 10rem;
  }
  ._2xl-w-168px {
    width: 10.5rem;
  }
  ._2xl-w-176px {
    width: 11rem;
  }
  ._2xl-w-184px {
    width: 11.5rem;
  }
  ._2xl-w-192px {
    width: 12rem;
  }
  ._2xl-w-200px {
    width: 12.5rem;
  }
  ._2xl-w-208px {
    width: 13rem;
  }
  ._2xl-w-216px {
    width: 13.5rem;
  }
  ._2xl-w-224px {
    width: 14rem;
  }
  ._2xl-w-232px {
    width: 14.5rem;
  }
  ._2xl-w-240px {
    width: 15rem;
  }
  ._2xl-w-248px {
    width: 15.5rem;
  }
  ._2xl-w-256px {
    width: 16rem;
  }
  ._2xl-w-264px {
    width: 16.5rem;
  }
  ._2xl-w-272px {
    width: 17rem;
  }
  ._2xl-w-280px {
    width: 17.5rem;
  }
  ._2xl-w-288px {
    width: 18rem;
  }
  ._2xl-w-296px {
    width: 18.5rem;
  }
  ._2xl-w-304px {
    width: 19rem;
  }
  ._2xl-w-312px {
    width: 19.5rem;
  }
  ._2xl-w-320px {
    width: 20rem;
  }
  ._2xl-w-328px {
    width: 20.5rem;
  }
  ._2xl-w-336px {
    width: 21rem;
  }
  ._2xl-w-344px {
    width: 21.5rem;
  }
  ._2xl-w-352px {
    width: 22rem;
  }
  ._2xl-w-360px {
    width: 22.5rem;
  }
  ._2xl-w-368px {
    width: 23rem;
  }
  ._2xl-w-376px {
    width: 23.5rem;
  }
  ._2xl-w-384px {
    width: 24rem;
  }
}
.h-0 {
  height: 0;
}

.h-1px {
  height: 0.0625rem;
}

.h-2px {
  height: 0.125rem;
}

.h-4px {
  height: 0.25rem;
}

.h-6px {
  height: 0.375rem;
}

.h-8px {
  height: 0.5rem;
}

.h-16px {
  height: 1rem;
}

.h-24px {
  height: 1.5rem;
}

.h-32px {
  height: 2rem;
}

.h-40px {
  height: 2.5rem;
}

.h-48px {
  height: 3rem;
}

.h-56px {
  height: 3.5rem;
}

.h-64px {
  height: 4rem;
}

.h-72px {
  height: 4.5rem;
}

.h-80px {
  height: 5rem;
}

.h-88px {
  height: 5.5rem;
}

.h-96px {
  height: 6rem;
}

.h-104px {
  height: 6.5rem;
}

.h-112px {
  height: 7rem;
}

.h-120px {
  height: 7.5rem;
}

.h-128px {
  height: 8rem;
}

.h-136px {
  height: 8.5rem;
}

.h-144px {
  height: 9rem;
}

.h-152px {
  height: 9.5rem;
}

.h-160px {
  height: 10rem;
}

.h-168px {
  height: 10.5rem;
}

.h-176px {
  height: 11rem;
}

.h-184px {
  height: 11.5rem;
}

.h-192px {
  height: 12rem;
}

.h-200px {
  height: 12.5rem;
}

.h-208px {
  height: 13rem;
}

.h-216px {
  height: 13.5rem;
}

.h-224px {
  height: 14rem;
}

.h-232px {
  height: 14.5rem;
}

.h-240px {
  height: 15rem;
}

.h-248px {
  height: 15.5rem;
}

.h-256px {
  height: 16rem;
}

.h-264px {
  height: 16.5rem;
}

.h-272px {
  height: 17rem;
}

.h-280px {
  height: 17.5rem;
}

.h-288px {
  height: 18rem;
}

.h-296px {
  height: 18.5rem;
}

.h-304px {
  height: 19rem;
}

.h-312px {
  height: 19.5rem;
}

.h-320px {
  height: 20rem;
}

.h-328px {
  height: 20.5rem;
}

.h-336px {
  height: 21rem;
}

.h-344px {
  height: 21.5rem;
}

.h-352px {
  height: 22rem;
}

.h-360px {
  height: 22.5rem;
}

.h-368px {
  height: 23rem;
}

.h-376px {
  height: 23.5rem;
}

.h-384px {
  height: 24rem;
}

@media (min-width: 320px) {
  ._s-h-0 {
    height: 0;
  }
  ._s-h-1px {
    height: 0.0625rem;
  }
  ._s-h-2px {
    height: 0.125rem;
  }
  ._s-h-4px {
    height: 0.25rem;
  }
  ._s-h-6px {
    height: 0.375rem;
  }
  ._s-h-8px {
    height: 0.5rem;
  }
  ._s-h-16px {
    height: 1rem;
  }
  ._s-h-24px {
    height: 1.5rem;
  }
  ._s-h-32px {
    height: 2rem;
  }
  ._s-h-40px {
    height: 2.5rem;
  }
  ._s-h-48px {
    height: 3rem;
  }
  ._s-h-56px {
    height: 3.5rem;
  }
  ._s-h-64px {
    height: 4rem;
  }
  ._s-h-72px {
    height: 4.5rem;
  }
  ._s-h-80px {
    height: 5rem;
  }
  ._s-h-88px {
    height: 5.5rem;
  }
  ._s-h-96px {
    height: 6rem;
  }
  ._s-h-104px {
    height: 6.5rem;
  }
  ._s-h-112px {
    height: 7rem;
  }
  ._s-h-120px {
    height: 7.5rem;
  }
  ._s-h-128px {
    height: 8rem;
  }
  ._s-h-136px {
    height: 8.5rem;
  }
  ._s-h-144px {
    height: 9rem;
  }
  ._s-h-152px {
    height: 9.5rem;
  }
  ._s-h-160px {
    height: 10rem;
  }
  ._s-h-168px {
    height: 10.5rem;
  }
  ._s-h-176px {
    height: 11rem;
  }
  ._s-h-184px {
    height: 11.5rem;
  }
  ._s-h-192px {
    height: 12rem;
  }
  ._s-h-200px {
    height: 12.5rem;
  }
  ._s-h-208px {
    height: 13rem;
  }
  ._s-h-216px {
    height: 13.5rem;
  }
  ._s-h-224px {
    height: 14rem;
  }
  ._s-h-232px {
    height: 14.5rem;
  }
  ._s-h-240px {
    height: 15rem;
  }
  ._s-h-248px {
    height: 15.5rem;
  }
  ._s-h-256px {
    height: 16rem;
  }
  ._s-h-264px {
    height: 16.5rem;
  }
  ._s-h-272px {
    height: 17rem;
  }
  ._s-h-280px {
    height: 17.5rem;
  }
  ._s-h-288px {
    height: 18rem;
  }
  ._s-h-296px {
    height: 18.5rem;
  }
  ._s-h-304px {
    height: 19rem;
  }
  ._s-h-312px {
    height: 19.5rem;
  }
  ._s-h-320px {
    height: 20rem;
  }
  ._s-h-328px {
    height: 20.5rem;
  }
  ._s-h-336px {
    height: 21rem;
  }
  ._s-h-344px {
    height: 21.5rem;
  }
  ._s-h-352px {
    height: 22rem;
  }
  ._s-h-360px {
    height: 22.5rem;
  }
  ._s-h-368px {
    height: 23rem;
  }
  ._s-h-376px {
    height: 23.5rem;
  }
  ._s-h-384px {
    height: 24rem;
  }
}
@media (min-width: 768px) {
  ._m-h-0 {
    height: 0;
  }
  ._m-h-1px {
    height: 0.0625rem;
  }
  ._m-h-2px {
    height: 0.125rem;
  }
  ._m-h-4px {
    height: 0.25rem;
  }
  ._m-h-6px {
    height: 0.375rem;
  }
  ._m-h-8px {
    height: 0.5rem;
  }
  ._m-h-16px {
    height: 1rem;
  }
  ._m-h-24px {
    height: 1.5rem;
  }
  ._m-h-32px {
    height: 2rem;
  }
  ._m-h-40px {
    height: 2.5rem;
  }
  ._m-h-48px {
    height: 3rem;
  }
  ._m-h-56px {
    height: 3.5rem;
  }
  ._m-h-64px {
    height: 4rem;
  }
  ._m-h-72px {
    height: 4.5rem;
  }
  ._m-h-80px {
    height: 5rem;
  }
  ._m-h-88px {
    height: 5.5rem;
  }
  ._m-h-96px {
    height: 6rem;
  }
  ._m-h-104px {
    height: 6.5rem;
  }
  ._m-h-112px {
    height: 7rem;
  }
  ._m-h-120px {
    height: 7.5rem;
  }
  ._m-h-128px {
    height: 8rem;
  }
  ._m-h-136px {
    height: 8.5rem;
  }
  ._m-h-144px {
    height: 9rem;
  }
  ._m-h-152px {
    height: 9.5rem;
  }
  ._m-h-160px {
    height: 10rem;
  }
  ._m-h-168px {
    height: 10.5rem;
  }
  ._m-h-176px {
    height: 11rem;
  }
  ._m-h-184px {
    height: 11.5rem;
  }
  ._m-h-192px {
    height: 12rem;
  }
  ._m-h-200px {
    height: 12.5rem;
  }
  ._m-h-208px {
    height: 13rem;
  }
  ._m-h-216px {
    height: 13.5rem;
  }
  ._m-h-224px {
    height: 14rem;
  }
  ._m-h-232px {
    height: 14.5rem;
  }
  ._m-h-240px {
    height: 15rem;
  }
  ._m-h-248px {
    height: 15.5rem;
  }
  ._m-h-256px {
    height: 16rem;
  }
  ._m-h-264px {
    height: 16.5rem;
  }
  ._m-h-272px {
    height: 17rem;
  }
  ._m-h-280px {
    height: 17.5rem;
  }
  ._m-h-288px {
    height: 18rem;
  }
  ._m-h-296px {
    height: 18.5rem;
  }
  ._m-h-304px {
    height: 19rem;
  }
  ._m-h-312px {
    height: 19.5rem;
  }
  ._m-h-320px {
    height: 20rem;
  }
  ._m-h-328px {
    height: 20.5rem;
  }
  ._m-h-336px {
    height: 21rem;
  }
  ._m-h-344px {
    height: 21.5rem;
  }
  ._m-h-352px {
    height: 22rem;
  }
  ._m-h-360px {
    height: 22.5rem;
  }
  ._m-h-368px {
    height: 23rem;
  }
  ._m-h-376px {
    height: 23.5rem;
  }
  ._m-h-384px {
    height: 24rem;
  }
}
@media (min-width: 1024px) {
  ._l-h-0 {
    height: 0;
  }
  ._l-h-1px {
    height: 0.0625rem;
  }
  ._l-h-2px {
    height: 0.125rem;
  }
  ._l-h-4px {
    height: 0.25rem;
  }
  ._l-h-6px {
    height: 0.375rem;
  }
  ._l-h-8px {
    height: 0.5rem;
  }
  ._l-h-16px {
    height: 1rem;
  }
  ._l-h-24px {
    height: 1.5rem;
  }
  ._l-h-32px {
    height: 2rem;
  }
  ._l-h-40px {
    height: 2.5rem;
  }
  ._l-h-48px {
    height: 3rem;
  }
  ._l-h-56px {
    height: 3.5rem;
  }
  ._l-h-64px {
    height: 4rem;
  }
  ._l-h-72px {
    height: 4.5rem;
  }
  ._l-h-80px {
    height: 5rem;
  }
  ._l-h-88px {
    height: 5.5rem;
  }
  ._l-h-96px {
    height: 6rem;
  }
  ._l-h-104px {
    height: 6.5rem;
  }
  ._l-h-112px {
    height: 7rem;
  }
  ._l-h-120px {
    height: 7.5rem;
  }
  ._l-h-128px {
    height: 8rem;
  }
  ._l-h-136px {
    height: 8.5rem;
  }
  ._l-h-144px {
    height: 9rem;
  }
  ._l-h-152px {
    height: 9.5rem;
  }
  ._l-h-160px {
    height: 10rem;
  }
  ._l-h-168px {
    height: 10.5rem;
  }
  ._l-h-176px {
    height: 11rem;
  }
  ._l-h-184px {
    height: 11.5rem;
  }
  ._l-h-192px {
    height: 12rem;
  }
  ._l-h-200px {
    height: 12.5rem;
  }
  ._l-h-208px {
    height: 13rem;
  }
  ._l-h-216px {
    height: 13.5rem;
  }
  ._l-h-224px {
    height: 14rem;
  }
  ._l-h-232px {
    height: 14.5rem;
  }
  ._l-h-240px {
    height: 15rem;
  }
  ._l-h-248px {
    height: 15.5rem;
  }
  ._l-h-256px {
    height: 16rem;
  }
  ._l-h-264px {
    height: 16.5rem;
  }
  ._l-h-272px {
    height: 17rem;
  }
  ._l-h-280px {
    height: 17.5rem;
  }
  ._l-h-288px {
    height: 18rem;
  }
  ._l-h-296px {
    height: 18.5rem;
  }
  ._l-h-304px {
    height: 19rem;
  }
  ._l-h-312px {
    height: 19.5rem;
  }
  ._l-h-320px {
    height: 20rem;
  }
  ._l-h-328px {
    height: 20.5rem;
  }
  ._l-h-336px {
    height: 21rem;
  }
  ._l-h-344px {
    height: 21.5rem;
  }
  ._l-h-352px {
    height: 22rem;
  }
  ._l-h-360px {
    height: 22.5rem;
  }
  ._l-h-368px {
    height: 23rem;
  }
  ._l-h-376px {
    height: 23.5rem;
  }
  ._l-h-384px {
    height: 24rem;
  }
}
@media (min-width: 1280px) {
  ._xl-h-0 {
    height: 0;
  }
  ._xl-h-1px {
    height: 0.0625rem;
  }
  ._xl-h-2px {
    height: 0.125rem;
  }
  ._xl-h-4px {
    height: 0.25rem;
  }
  ._xl-h-6px {
    height: 0.375rem;
  }
  ._xl-h-8px {
    height: 0.5rem;
  }
  ._xl-h-16px {
    height: 1rem;
  }
  ._xl-h-24px {
    height: 1.5rem;
  }
  ._xl-h-32px {
    height: 2rem;
  }
  ._xl-h-40px {
    height: 2.5rem;
  }
  ._xl-h-48px {
    height: 3rem;
  }
  ._xl-h-56px {
    height: 3.5rem;
  }
  ._xl-h-64px {
    height: 4rem;
  }
  ._xl-h-72px {
    height: 4.5rem;
  }
  ._xl-h-80px {
    height: 5rem;
  }
  ._xl-h-88px {
    height: 5.5rem;
  }
  ._xl-h-96px {
    height: 6rem;
  }
  ._xl-h-104px {
    height: 6.5rem;
  }
  ._xl-h-112px {
    height: 7rem;
  }
  ._xl-h-120px {
    height: 7.5rem;
  }
  ._xl-h-128px {
    height: 8rem;
  }
  ._xl-h-136px {
    height: 8.5rem;
  }
  ._xl-h-144px {
    height: 9rem;
  }
  ._xl-h-152px {
    height: 9.5rem;
  }
  ._xl-h-160px {
    height: 10rem;
  }
  ._xl-h-168px {
    height: 10.5rem;
  }
  ._xl-h-176px {
    height: 11rem;
  }
  ._xl-h-184px {
    height: 11.5rem;
  }
  ._xl-h-192px {
    height: 12rem;
  }
  ._xl-h-200px {
    height: 12.5rem;
  }
  ._xl-h-208px {
    height: 13rem;
  }
  ._xl-h-216px {
    height: 13.5rem;
  }
  ._xl-h-224px {
    height: 14rem;
  }
  ._xl-h-232px {
    height: 14.5rem;
  }
  ._xl-h-240px {
    height: 15rem;
  }
  ._xl-h-248px {
    height: 15.5rem;
  }
  ._xl-h-256px {
    height: 16rem;
  }
  ._xl-h-264px {
    height: 16.5rem;
  }
  ._xl-h-272px {
    height: 17rem;
  }
  ._xl-h-280px {
    height: 17.5rem;
  }
  ._xl-h-288px {
    height: 18rem;
  }
  ._xl-h-296px {
    height: 18.5rem;
  }
  ._xl-h-304px {
    height: 19rem;
  }
  ._xl-h-312px {
    height: 19.5rem;
  }
  ._xl-h-320px {
    height: 20rem;
  }
  ._xl-h-328px {
    height: 20.5rem;
  }
  ._xl-h-336px {
    height: 21rem;
  }
  ._xl-h-344px {
    height: 21.5rem;
  }
  ._xl-h-352px {
    height: 22rem;
  }
  ._xl-h-360px {
    height: 22.5rem;
  }
  ._xl-h-368px {
    height: 23rem;
  }
  ._xl-h-376px {
    height: 23.5rem;
  }
  ._xl-h-384px {
    height: 24rem;
  }
}
@media (min-width: 1440px) {
  ._2xl-h-0 {
    height: 0;
  }
  ._2xl-h-1px {
    height: 0.0625rem;
  }
  ._2xl-h-2px {
    height: 0.125rem;
  }
  ._2xl-h-4px {
    height: 0.25rem;
  }
  ._2xl-h-6px {
    height: 0.375rem;
  }
  ._2xl-h-8px {
    height: 0.5rem;
  }
  ._2xl-h-16px {
    height: 1rem;
  }
  ._2xl-h-24px {
    height: 1.5rem;
  }
  ._2xl-h-32px {
    height: 2rem;
  }
  ._2xl-h-40px {
    height: 2.5rem;
  }
  ._2xl-h-48px {
    height: 3rem;
  }
  ._2xl-h-56px {
    height: 3.5rem;
  }
  ._2xl-h-64px {
    height: 4rem;
  }
  ._2xl-h-72px {
    height: 4.5rem;
  }
  ._2xl-h-80px {
    height: 5rem;
  }
  ._2xl-h-88px {
    height: 5.5rem;
  }
  ._2xl-h-96px {
    height: 6rem;
  }
  ._2xl-h-104px {
    height: 6.5rem;
  }
  ._2xl-h-112px {
    height: 7rem;
  }
  ._2xl-h-120px {
    height: 7.5rem;
  }
  ._2xl-h-128px {
    height: 8rem;
  }
  ._2xl-h-136px {
    height: 8.5rem;
  }
  ._2xl-h-144px {
    height: 9rem;
  }
  ._2xl-h-152px {
    height: 9.5rem;
  }
  ._2xl-h-160px {
    height: 10rem;
  }
  ._2xl-h-168px {
    height: 10.5rem;
  }
  ._2xl-h-176px {
    height: 11rem;
  }
  ._2xl-h-184px {
    height: 11.5rem;
  }
  ._2xl-h-192px {
    height: 12rem;
  }
  ._2xl-h-200px {
    height: 12.5rem;
  }
  ._2xl-h-208px {
    height: 13rem;
  }
  ._2xl-h-216px {
    height: 13.5rem;
  }
  ._2xl-h-224px {
    height: 14rem;
  }
  ._2xl-h-232px {
    height: 14.5rem;
  }
  ._2xl-h-240px {
    height: 15rem;
  }
  ._2xl-h-248px {
    height: 15.5rem;
  }
  ._2xl-h-256px {
    height: 16rem;
  }
  ._2xl-h-264px {
    height: 16.5rem;
  }
  ._2xl-h-272px {
    height: 17rem;
  }
  ._2xl-h-280px {
    height: 17.5rem;
  }
  ._2xl-h-288px {
    height: 18rem;
  }
  ._2xl-h-296px {
    height: 18.5rem;
  }
  ._2xl-h-304px {
    height: 19rem;
  }
  ._2xl-h-312px {
    height: 19.5rem;
  }
  ._2xl-h-320px {
    height: 20rem;
  }
  ._2xl-h-328px {
    height: 20.5rem;
  }
  ._2xl-h-336px {
    height: 21rem;
  }
  ._2xl-h-344px {
    height: 21.5rem;
  }
  ._2xl-h-352px {
    height: 22rem;
  }
  ._2xl-h-360px {
    height: 22.5rem;
  }
  ._2xl-h-368px {
    height: 23rem;
  }
  ._2xl-h-376px {
    height: 23.5rem;
  }
  ._2xl-h-384px {
    height: 24rem;
  }
}
.max-w-0 {
  max-width: 0;
}

.max-w-1px {
  max-width: 0.0625rem;
}

.max-w-2px {
  max-width: 0.125rem;
}

.max-w-4px {
  max-width: 0.25rem;
}

.max-w-6px {
  max-width: 0.375rem;
}

.max-w-8px {
  max-width: 0.5rem;
}

.max-w-16px {
  max-width: 1rem;
}

.max-w-24px {
  max-width: 1.5rem;
}

.max-w-32px {
  max-width: 2rem;
}

.max-w-40px {
  max-width: 2.5rem;
}

.max-w-48px {
  max-width: 3rem;
}

.max-w-56px {
  max-width: 3.5rem;
}

.max-w-64px {
  max-width: 4rem;
}

.max-w-72px {
  max-width: 4.5rem;
}

.max-w-80px {
  max-width: 5rem;
}

.max-w-88px {
  max-width: 5.5rem;
}

.max-w-96px {
  max-width: 6rem;
}

.max-w-104px {
  max-width: 6.5rem;
}

.max-w-112px {
  max-width: 7rem;
}

.max-w-120px {
  max-width: 7.5rem;
}

.max-w-128px {
  max-width: 8rem;
}

.max-w-136px {
  max-width: 8.5rem;
}

.max-w-144px {
  max-width: 9rem;
}

.max-w-152px {
  max-width: 9.5rem;
}

.max-w-160px {
  max-width: 10rem;
}

.max-w-168px {
  max-width: 10.5rem;
}

.max-w-176px {
  max-width: 11rem;
}

.max-w-184px {
  max-width: 11.5rem;
}

.max-w-192px {
  max-width: 12rem;
}

.max-w-200px {
  max-width: 12.5rem;
}

.max-w-208px {
  max-width: 13rem;
}

.max-w-216px {
  max-width: 13.5rem;
}

.max-w-224px {
  max-width: 14rem;
}

.max-w-232px {
  max-width: 14.5rem;
}

.max-w-240px {
  max-width: 15rem;
}

.max-w-248px {
  max-width: 15.5rem;
}

.max-w-256px {
  max-width: 16rem;
}

.max-w-264px {
  max-width: 16.5rem;
}

.max-w-272px {
  max-width: 17rem;
}

.max-w-280px {
  max-width: 17.5rem;
}

.max-w-288px {
  max-width: 18rem;
}

.max-w-296px {
  max-width: 18.5rem;
}

.max-w-304px {
  max-width: 19rem;
}

.max-w-312px {
  max-width: 19.5rem;
}

.max-w-320px {
  max-width: 20rem;
}

.max-w-328px {
  max-width: 20.5rem;
}

.max-w-336px {
  max-width: 21rem;
}

.max-w-344px {
  max-width: 21.5rem;
}

.max-w-352px {
  max-width: 22rem;
}

.max-w-360px {
  max-width: 22.5rem;
}

.max-w-368px {
  max-width: 23rem;
}

.max-w-376px {
  max-width: 23.5rem;
}

.max-w-384px {
  max-width: 24rem;
}

@media (min-width: 320px) {
  ._s-max-w-0 {
    max-width: 0;
  }
  ._s-max-w-1px {
    max-width: 0.0625rem;
  }
  ._s-max-w-2px {
    max-width: 0.125rem;
  }
  ._s-max-w-4px {
    max-width: 0.25rem;
  }
  ._s-max-w-6px {
    max-width: 0.375rem;
  }
  ._s-max-w-8px {
    max-width: 0.5rem;
  }
  ._s-max-w-16px {
    max-width: 1rem;
  }
  ._s-max-w-24px {
    max-width: 1.5rem;
  }
  ._s-max-w-32px {
    max-width: 2rem;
  }
  ._s-max-w-40px {
    max-width: 2.5rem;
  }
  ._s-max-w-48px {
    max-width: 3rem;
  }
  ._s-max-w-56px {
    max-width: 3.5rem;
  }
  ._s-max-w-64px {
    max-width: 4rem;
  }
  ._s-max-w-72px {
    max-width: 4.5rem;
  }
  ._s-max-w-80px {
    max-width: 5rem;
  }
  ._s-max-w-88px {
    max-width: 5.5rem;
  }
  ._s-max-w-96px {
    max-width: 6rem;
  }
  ._s-max-w-104px {
    max-width: 6.5rem;
  }
  ._s-max-w-112px {
    max-width: 7rem;
  }
  ._s-max-w-120px {
    max-width: 7.5rem;
  }
  ._s-max-w-128px {
    max-width: 8rem;
  }
  ._s-max-w-136px {
    max-width: 8.5rem;
  }
  ._s-max-w-144px {
    max-width: 9rem;
  }
  ._s-max-w-152px {
    max-width: 9.5rem;
  }
  ._s-max-w-160px {
    max-width: 10rem;
  }
  ._s-max-w-168px {
    max-width: 10.5rem;
  }
  ._s-max-w-176px {
    max-width: 11rem;
  }
  ._s-max-w-184px {
    max-width: 11.5rem;
  }
  ._s-max-w-192px {
    max-width: 12rem;
  }
  ._s-max-w-200px {
    max-width: 12.5rem;
  }
  ._s-max-w-208px {
    max-width: 13rem;
  }
  ._s-max-w-216px {
    max-width: 13.5rem;
  }
  ._s-max-w-224px {
    max-width: 14rem;
  }
  ._s-max-w-232px {
    max-width: 14.5rem;
  }
  ._s-max-w-240px {
    max-width: 15rem;
  }
  ._s-max-w-248px {
    max-width: 15.5rem;
  }
  ._s-max-w-256px {
    max-width: 16rem;
  }
  ._s-max-w-264px {
    max-width: 16.5rem;
  }
  ._s-max-w-272px {
    max-width: 17rem;
  }
  ._s-max-w-280px {
    max-width: 17.5rem;
  }
  ._s-max-w-288px {
    max-width: 18rem;
  }
  ._s-max-w-296px {
    max-width: 18.5rem;
  }
  ._s-max-w-304px {
    max-width: 19rem;
  }
  ._s-max-w-312px {
    max-width: 19.5rem;
  }
  ._s-max-w-320px {
    max-width: 20rem;
  }
  ._s-max-w-328px {
    max-width: 20.5rem;
  }
  ._s-max-w-336px {
    max-width: 21rem;
  }
  ._s-max-w-344px {
    max-width: 21.5rem;
  }
  ._s-max-w-352px {
    max-width: 22rem;
  }
  ._s-max-w-360px {
    max-width: 22.5rem;
  }
  ._s-max-w-368px {
    max-width: 23rem;
  }
  ._s-max-w-376px {
    max-width: 23.5rem;
  }
  ._s-max-w-384px {
    max-width: 24rem;
  }
}
@media (min-width: 768px) {
  ._m-max-w-0 {
    max-width: 0;
  }
  ._m-max-w-1px {
    max-width: 0.0625rem;
  }
  ._m-max-w-2px {
    max-width: 0.125rem;
  }
  ._m-max-w-4px {
    max-width: 0.25rem;
  }
  ._m-max-w-6px {
    max-width: 0.375rem;
  }
  ._m-max-w-8px {
    max-width: 0.5rem;
  }
  ._m-max-w-16px {
    max-width: 1rem;
  }
  ._m-max-w-24px {
    max-width: 1.5rem;
  }
  ._m-max-w-32px {
    max-width: 2rem;
  }
  ._m-max-w-40px {
    max-width: 2.5rem;
  }
  ._m-max-w-48px {
    max-width: 3rem;
  }
  ._m-max-w-56px {
    max-width: 3.5rem;
  }
  ._m-max-w-64px {
    max-width: 4rem;
  }
  ._m-max-w-72px {
    max-width: 4.5rem;
  }
  ._m-max-w-80px {
    max-width: 5rem;
  }
  ._m-max-w-88px {
    max-width: 5.5rem;
  }
  ._m-max-w-96px {
    max-width: 6rem;
  }
  ._m-max-w-104px {
    max-width: 6.5rem;
  }
  ._m-max-w-112px {
    max-width: 7rem;
  }
  ._m-max-w-120px {
    max-width: 7.5rem;
  }
  ._m-max-w-128px {
    max-width: 8rem;
  }
  ._m-max-w-136px {
    max-width: 8.5rem;
  }
  ._m-max-w-144px {
    max-width: 9rem;
  }
  ._m-max-w-152px {
    max-width: 9.5rem;
  }
  ._m-max-w-160px {
    max-width: 10rem;
  }
  ._m-max-w-168px {
    max-width: 10.5rem;
  }
  ._m-max-w-176px {
    max-width: 11rem;
  }
  ._m-max-w-184px {
    max-width: 11.5rem;
  }
  ._m-max-w-192px {
    max-width: 12rem;
  }
  ._m-max-w-200px {
    max-width: 12.5rem;
  }
  ._m-max-w-208px {
    max-width: 13rem;
  }
  ._m-max-w-216px {
    max-width: 13.5rem;
  }
  ._m-max-w-224px {
    max-width: 14rem;
  }
  ._m-max-w-232px {
    max-width: 14.5rem;
  }
  ._m-max-w-240px {
    max-width: 15rem;
  }
  ._m-max-w-248px {
    max-width: 15.5rem;
  }
  ._m-max-w-256px {
    max-width: 16rem;
  }
  ._m-max-w-264px {
    max-width: 16.5rem;
  }
  ._m-max-w-272px {
    max-width: 17rem;
  }
  ._m-max-w-280px {
    max-width: 17.5rem;
  }
  ._m-max-w-288px {
    max-width: 18rem;
  }
  ._m-max-w-296px {
    max-width: 18.5rem;
  }
  ._m-max-w-304px {
    max-width: 19rem;
  }
  ._m-max-w-312px {
    max-width: 19.5rem;
  }
  ._m-max-w-320px {
    max-width: 20rem;
  }
  ._m-max-w-328px {
    max-width: 20.5rem;
  }
  ._m-max-w-336px {
    max-width: 21rem;
  }
  ._m-max-w-344px {
    max-width: 21.5rem;
  }
  ._m-max-w-352px {
    max-width: 22rem;
  }
  ._m-max-w-360px {
    max-width: 22.5rem;
  }
  ._m-max-w-368px {
    max-width: 23rem;
  }
  ._m-max-w-376px {
    max-width: 23.5rem;
  }
  ._m-max-w-384px {
    max-width: 24rem;
  }
}
@media (min-width: 1024px) {
  ._l-max-w-0 {
    max-width: 0;
  }
  ._l-max-w-1px {
    max-width: 0.0625rem;
  }
  ._l-max-w-2px {
    max-width: 0.125rem;
  }
  ._l-max-w-4px {
    max-width: 0.25rem;
  }
  ._l-max-w-6px {
    max-width: 0.375rem;
  }
  ._l-max-w-8px {
    max-width: 0.5rem;
  }
  ._l-max-w-16px {
    max-width: 1rem;
  }
  ._l-max-w-24px {
    max-width: 1.5rem;
  }
  ._l-max-w-32px {
    max-width: 2rem;
  }
  ._l-max-w-40px {
    max-width: 2.5rem;
  }
  ._l-max-w-48px {
    max-width: 3rem;
  }
  ._l-max-w-56px {
    max-width: 3.5rem;
  }
  ._l-max-w-64px {
    max-width: 4rem;
  }
  ._l-max-w-72px {
    max-width: 4.5rem;
  }
  ._l-max-w-80px {
    max-width: 5rem;
  }
  ._l-max-w-88px {
    max-width: 5.5rem;
  }
  ._l-max-w-96px {
    max-width: 6rem;
  }
  ._l-max-w-104px {
    max-width: 6.5rem;
  }
  ._l-max-w-112px {
    max-width: 7rem;
  }
  ._l-max-w-120px {
    max-width: 7.5rem;
  }
  ._l-max-w-128px {
    max-width: 8rem;
  }
  ._l-max-w-136px {
    max-width: 8.5rem;
  }
  ._l-max-w-144px {
    max-width: 9rem;
  }
  ._l-max-w-152px {
    max-width: 9.5rem;
  }
  ._l-max-w-160px {
    max-width: 10rem;
  }
  ._l-max-w-168px {
    max-width: 10.5rem;
  }
  ._l-max-w-176px {
    max-width: 11rem;
  }
  ._l-max-w-184px {
    max-width: 11.5rem;
  }
  ._l-max-w-192px {
    max-width: 12rem;
  }
  ._l-max-w-200px {
    max-width: 12.5rem;
  }
  ._l-max-w-208px {
    max-width: 13rem;
  }
  ._l-max-w-216px {
    max-width: 13.5rem;
  }
  ._l-max-w-224px {
    max-width: 14rem;
  }
  ._l-max-w-232px {
    max-width: 14.5rem;
  }
  ._l-max-w-240px {
    max-width: 15rem;
  }
  ._l-max-w-248px {
    max-width: 15.5rem;
  }
  ._l-max-w-256px {
    max-width: 16rem;
  }
  ._l-max-w-264px {
    max-width: 16.5rem;
  }
  ._l-max-w-272px {
    max-width: 17rem;
  }
  ._l-max-w-280px {
    max-width: 17.5rem;
  }
  ._l-max-w-288px {
    max-width: 18rem;
  }
  ._l-max-w-296px {
    max-width: 18.5rem;
  }
  ._l-max-w-304px {
    max-width: 19rem;
  }
  ._l-max-w-312px {
    max-width: 19.5rem;
  }
  ._l-max-w-320px {
    max-width: 20rem;
  }
  ._l-max-w-328px {
    max-width: 20.5rem;
  }
  ._l-max-w-336px {
    max-width: 21rem;
  }
  ._l-max-w-344px {
    max-width: 21.5rem;
  }
  ._l-max-w-352px {
    max-width: 22rem;
  }
  ._l-max-w-360px {
    max-width: 22.5rem;
  }
  ._l-max-w-368px {
    max-width: 23rem;
  }
  ._l-max-w-376px {
    max-width: 23.5rem;
  }
  ._l-max-w-384px {
    max-width: 24rem;
  }
}
@media (min-width: 1280px) {
  ._xl-max-w-0 {
    max-width: 0;
  }
  ._xl-max-w-1px {
    max-width: 0.0625rem;
  }
  ._xl-max-w-2px {
    max-width: 0.125rem;
  }
  ._xl-max-w-4px {
    max-width: 0.25rem;
  }
  ._xl-max-w-6px {
    max-width: 0.375rem;
  }
  ._xl-max-w-8px {
    max-width: 0.5rem;
  }
  ._xl-max-w-16px {
    max-width: 1rem;
  }
  ._xl-max-w-24px {
    max-width: 1.5rem;
  }
  ._xl-max-w-32px {
    max-width: 2rem;
  }
  ._xl-max-w-40px {
    max-width: 2.5rem;
  }
  ._xl-max-w-48px {
    max-width: 3rem;
  }
  ._xl-max-w-56px {
    max-width: 3.5rem;
  }
  ._xl-max-w-64px {
    max-width: 4rem;
  }
  ._xl-max-w-72px {
    max-width: 4.5rem;
  }
  ._xl-max-w-80px {
    max-width: 5rem;
  }
  ._xl-max-w-88px {
    max-width: 5.5rem;
  }
  ._xl-max-w-96px {
    max-width: 6rem;
  }
  ._xl-max-w-104px {
    max-width: 6.5rem;
  }
  ._xl-max-w-112px {
    max-width: 7rem;
  }
  ._xl-max-w-120px {
    max-width: 7.5rem;
  }
  ._xl-max-w-128px {
    max-width: 8rem;
  }
  ._xl-max-w-136px {
    max-width: 8.5rem;
  }
  ._xl-max-w-144px {
    max-width: 9rem;
  }
  ._xl-max-w-152px {
    max-width: 9.5rem;
  }
  ._xl-max-w-160px {
    max-width: 10rem;
  }
  ._xl-max-w-168px {
    max-width: 10.5rem;
  }
  ._xl-max-w-176px {
    max-width: 11rem;
  }
  ._xl-max-w-184px {
    max-width: 11.5rem;
  }
  ._xl-max-w-192px {
    max-width: 12rem;
  }
  ._xl-max-w-200px {
    max-width: 12.5rem;
  }
  ._xl-max-w-208px {
    max-width: 13rem;
  }
  ._xl-max-w-216px {
    max-width: 13.5rem;
  }
  ._xl-max-w-224px {
    max-width: 14rem;
  }
  ._xl-max-w-232px {
    max-width: 14.5rem;
  }
  ._xl-max-w-240px {
    max-width: 15rem;
  }
  ._xl-max-w-248px {
    max-width: 15.5rem;
  }
  ._xl-max-w-256px {
    max-width: 16rem;
  }
  ._xl-max-w-264px {
    max-width: 16.5rem;
  }
  ._xl-max-w-272px {
    max-width: 17rem;
  }
  ._xl-max-w-280px {
    max-width: 17.5rem;
  }
  ._xl-max-w-288px {
    max-width: 18rem;
  }
  ._xl-max-w-296px {
    max-width: 18.5rem;
  }
  ._xl-max-w-304px {
    max-width: 19rem;
  }
  ._xl-max-w-312px {
    max-width: 19.5rem;
  }
  ._xl-max-w-320px {
    max-width: 20rem;
  }
  ._xl-max-w-328px {
    max-width: 20.5rem;
  }
  ._xl-max-w-336px {
    max-width: 21rem;
  }
  ._xl-max-w-344px {
    max-width: 21.5rem;
  }
  ._xl-max-w-352px {
    max-width: 22rem;
  }
  ._xl-max-w-360px {
    max-width: 22.5rem;
  }
  ._xl-max-w-368px {
    max-width: 23rem;
  }
  ._xl-max-w-376px {
    max-width: 23.5rem;
  }
  ._xl-max-w-384px {
    max-width: 24rem;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-w-0 {
    max-width: 0;
  }
  ._2xl-max-w-1px {
    max-width: 0.0625rem;
  }
  ._2xl-max-w-2px {
    max-width: 0.125rem;
  }
  ._2xl-max-w-4px {
    max-width: 0.25rem;
  }
  ._2xl-max-w-6px {
    max-width: 0.375rem;
  }
  ._2xl-max-w-8px {
    max-width: 0.5rem;
  }
  ._2xl-max-w-16px {
    max-width: 1rem;
  }
  ._2xl-max-w-24px {
    max-width: 1.5rem;
  }
  ._2xl-max-w-32px {
    max-width: 2rem;
  }
  ._2xl-max-w-40px {
    max-width: 2.5rem;
  }
  ._2xl-max-w-48px {
    max-width: 3rem;
  }
  ._2xl-max-w-56px {
    max-width: 3.5rem;
  }
  ._2xl-max-w-64px {
    max-width: 4rem;
  }
  ._2xl-max-w-72px {
    max-width: 4.5rem;
  }
  ._2xl-max-w-80px {
    max-width: 5rem;
  }
  ._2xl-max-w-88px {
    max-width: 5.5rem;
  }
  ._2xl-max-w-96px {
    max-width: 6rem;
  }
  ._2xl-max-w-104px {
    max-width: 6.5rem;
  }
  ._2xl-max-w-112px {
    max-width: 7rem;
  }
  ._2xl-max-w-120px {
    max-width: 7.5rem;
  }
  ._2xl-max-w-128px {
    max-width: 8rem;
  }
  ._2xl-max-w-136px {
    max-width: 8.5rem;
  }
  ._2xl-max-w-144px {
    max-width: 9rem;
  }
  ._2xl-max-w-152px {
    max-width: 9.5rem;
  }
  ._2xl-max-w-160px {
    max-width: 10rem;
  }
  ._2xl-max-w-168px {
    max-width: 10.5rem;
  }
  ._2xl-max-w-176px {
    max-width: 11rem;
  }
  ._2xl-max-w-184px {
    max-width: 11.5rem;
  }
  ._2xl-max-w-192px {
    max-width: 12rem;
  }
  ._2xl-max-w-200px {
    max-width: 12.5rem;
  }
  ._2xl-max-w-208px {
    max-width: 13rem;
  }
  ._2xl-max-w-216px {
    max-width: 13.5rem;
  }
  ._2xl-max-w-224px {
    max-width: 14rem;
  }
  ._2xl-max-w-232px {
    max-width: 14.5rem;
  }
  ._2xl-max-w-240px {
    max-width: 15rem;
  }
  ._2xl-max-w-248px {
    max-width: 15.5rem;
  }
  ._2xl-max-w-256px {
    max-width: 16rem;
  }
  ._2xl-max-w-264px {
    max-width: 16.5rem;
  }
  ._2xl-max-w-272px {
    max-width: 17rem;
  }
  ._2xl-max-w-280px {
    max-width: 17.5rem;
  }
  ._2xl-max-w-288px {
    max-width: 18rem;
  }
  ._2xl-max-w-296px {
    max-width: 18.5rem;
  }
  ._2xl-max-w-304px {
    max-width: 19rem;
  }
  ._2xl-max-w-312px {
    max-width: 19.5rem;
  }
  ._2xl-max-w-320px {
    max-width: 20rem;
  }
  ._2xl-max-w-328px {
    max-width: 20.5rem;
  }
  ._2xl-max-w-336px {
    max-width: 21rem;
  }
  ._2xl-max-w-344px {
    max-width: 21.5rem;
  }
  ._2xl-max-w-352px {
    max-width: 22rem;
  }
  ._2xl-max-w-360px {
    max-width: 22.5rem;
  }
  ._2xl-max-w-368px {
    max-width: 23rem;
  }
  ._2xl-max-w-376px {
    max-width: 23.5rem;
  }
  ._2xl-max-w-384px {
    max-width: 24rem;
  }
}
.max-h-0 {
  max-height: 0;
}

.max-h-1px {
  max-height: 0.0625rem;
}

.max-h-2px {
  max-height: 0.125rem;
}

.max-h-4px {
  max-height: 0.25rem;
}

.max-h-6px {
  max-height: 0.375rem;
}

.max-h-8px {
  max-height: 0.5rem;
}

.max-h-16px {
  max-height: 1rem;
}

.max-h-24px {
  max-height: 1.5rem;
}

.max-h-32px {
  max-height: 2rem;
}

.max-h-40px {
  max-height: 2.5rem;
}

.max-h-48px {
  max-height: 3rem;
}

.max-h-56px {
  max-height: 3.5rem;
}

.max-h-64px {
  max-height: 4rem;
}

.max-h-72px {
  max-height: 4.5rem;
}

.max-h-80px {
  max-height: 5rem;
}

.max-h-88px {
  max-height: 5.5rem;
}

.max-h-96px {
  max-height: 6rem;
}

.max-h-104px {
  max-height: 6.5rem;
}

.max-h-112px {
  max-height: 7rem;
}

.max-h-120px {
  max-height: 7.5rem;
}

.max-h-128px {
  max-height: 8rem;
}

.max-h-136px {
  max-height: 8.5rem;
}

.max-h-144px {
  max-height: 9rem;
}

.max-h-152px {
  max-height: 9.5rem;
}

.max-h-160px {
  max-height: 10rem;
}

.max-h-168px {
  max-height: 10.5rem;
}

.max-h-176px {
  max-height: 11rem;
}

.max-h-184px {
  max-height: 11.5rem;
}

.max-h-192px {
  max-height: 12rem;
}

.max-h-200px {
  max-height: 12.5rem;
}

.max-h-208px {
  max-height: 13rem;
}

.max-h-216px {
  max-height: 13.5rem;
}

.max-h-224px {
  max-height: 14rem;
}

.max-h-232px {
  max-height: 14.5rem;
}

.max-h-240px {
  max-height: 15rem;
}

.max-h-248px {
  max-height: 15.5rem;
}

.max-h-256px {
  max-height: 16rem;
}

.max-h-264px {
  max-height: 16.5rem;
}

.max-h-272px {
  max-height: 17rem;
}

.max-h-280px {
  max-height: 17.5rem;
}

.max-h-288px {
  max-height: 18rem;
}

.max-h-296px {
  max-height: 18.5rem;
}

.max-h-304px {
  max-height: 19rem;
}

.max-h-312px {
  max-height: 19.5rem;
}

.max-h-320px {
  max-height: 20rem;
}

.max-h-328px {
  max-height: 20.5rem;
}

.max-h-336px {
  max-height: 21rem;
}

.max-h-344px {
  max-height: 21.5rem;
}

.max-h-352px {
  max-height: 22rem;
}

.max-h-360px {
  max-height: 22.5rem;
}

.max-h-368px {
  max-height: 23rem;
}

.max-h-376px {
  max-height: 23.5rem;
}

.max-h-384px {
  max-height: 24rem;
}

@media (min-width: 320px) {
  ._s-max-h-0 {
    max-height: 0;
  }
  ._s-max-h-1px {
    max-height: 0.0625rem;
  }
  ._s-max-h-2px {
    max-height: 0.125rem;
  }
  ._s-max-h-4px {
    max-height: 0.25rem;
  }
  ._s-max-h-6px {
    max-height: 0.375rem;
  }
  ._s-max-h-8px {
    max-height: 0.5rem;
  }
  ._s-max-h-16px {
    max-height: 1rem;
  }
  ._s-max-h-24px {
    max-height: 1.5rem;
  }
  ._s-max-h-32px {
    max-height: 2rem;
  }
  ._s-max-h-40px {
    max-height: 2.5rem;
  }
  ._s-max-h-48px {
    max-height: 3rem;
  }
  ._s-max-h-56px {
    max-height: 3.5rem;
  }
  ._s-max-h-64px {
    max-height: 4rem;
  }
  ._s-max-h-72px {
    max-height: 4.5rem;
  }
  ._s-max-h-80px {
    max-height: 5rem;
  }
  ._s-max-h-88px {
    max-height: 5.5rem;
  }
  ._s-max-h-96px {
    max-height: 6rem;
  }
  ._s-max-h-104px {
    max-height: 6.5rem;
  }
  ._s-max-h-112px {
    max-height: 7rem;
  }
  ._s-max-h-120px {
    max-height: 7.5rem;
  }
  ._s-max-h-128px {
    max-height: 8rem;
  }
  ._s-max-h-136px {
    max-height: 8.5rem;
  }
  ._s-max-h-144px {
    max-height: 9rem;
  }
  ._s-max-h-152px {
    max-height: 9.5rem;
  }
  ._s-max-h-160px {
    max-height: 10rem;
  }
  ._s-max-h-168px {
    max-height: 10.5rem;
  }
  ._s-max-h-176px {
    max-height: 11rem;
  }
  ._s-max-h-184px {
    max-height: 11.5rem;
  }
  ._s-max-h-192px {
    max-height: 12rem;
  }
  ._s-max-h-200px {
    max-height: 12.5rem;
  }
  ._s-max-h-208px {
    max-height: 13rem;
  }
  ._s-max-h-216px {
    max-height: 13.5rem;
  }
  ._s-max-h-224px {
    max-height: 14rem;
  }
  ._s-max-h-232px {
    max-height: 14.5rem;
  }
  ._s-max-h-240px {
    max-height: 15rem;
  }
  ._s-max-h-248px {
    max-height: 15.5rem;
  }
  ._s-max-h-256px {
    max-height: 16rem;
  }
  ._s-max-h-264px {
    max-height: 16.5rem;
  }
  ._s-max-h-272px {
    max-height: 17rem;
  }
  ._s-max-h-280px {
    max-height: 17.5rem;
  }
  ._s-max-h-288px {
    max-height: 18rem;
  }
  ._s-max-h-296px {
    max-height: 18.5rem;
  }
  ._s-max-h-304px {
    max-height: 19rem;
  }
  ._s-max-h-312px {
    max-height: 19.5rem;
  }
  ._s-max-h-320px {
    max-height: 20rem;
  }
  ._s-max-h-328px {
    max-height: 20.5rem;
  }
  ._s-max-h-336px {
    max-height: 21rem;
  }
  ._s-max-h-344px {
    max-height: 21.5rem;
  }
  ._s-max-h-352px {
    max-height: 22rem;
  }
  ._s-max-h-360px {
    max-height: 22.5rem;
  }
  ._s-max-h-368px {
    max-height: 23rem;
  }
  ._s-max-h-376px {
    max-height: 23.5rem;
  }
  ._s-max-h-384px {
    max-height: 24rem;
  }
}
@media (min-width: 768px) {
  ._m-max-h-0 {
    max-height: 0;
  }
  ._m-max-h-1px {
    max-height: 0.0625rem;
  }
  ._m-max-h-2px {
    max-height: 0.125rem;
  }
  ._m-max-h-4px {
    max-height: 0.25rem;
  }
  ._m-max-h-6px {
    max-height: 0.375rem;
  }
  ._m-max-h-8px {
    max-height: 0.5rem;
  }
  ._m-max-h-16px {
    max-height: 1rem;
  }
  ._m-max-h-24px {
    max-height: 1.5rem;
  }
  ._m-max-h-32px {
    max-height: 2rem;
  }
  ._m-max-h-40px {
    max-height: 2.5rem;
  }
  ._m-max-h-48px {
    max-height: 3rem;
  }
  ._m-max-h-56px {
    max-height: 3.5rem;
  }
  ._m-max-h-64px {
    max-height: 4rem;
  }
  ._m-max-h-72px {
    max-height: 4.5rem;
  }
  ._m-max-h-80px {
    max-height: 5rem;
  }
  ._m-max-h-88px {
    max-height: 5.5rem;
  }
  ._m-max-h-96px {
    max-height: 6rem;
  }
  ._m-max-h-104px {
    max-height: 6.5rem;
  }
  ._m-max-h-112px {
    max-height: 7rem;
  }
  ._m-max-h-120px {
    max-height: 7.5rem;
  }
  ._m-max-h-128px {
    max-height: 8rem;
  }
  ._m-max-h-136px {
    max-height: 8.5rem;
  }
  ._m-max-h-144px {
    max-height: 9rem;
  }
  ._m-max-h-152px {
    max-height: 9.5rem;
  }
  ._m-max-h-160px {
    max-height: 10rem;
  }
  ._m-max-h-168px {
    max-height: 10.5rem;
  }
  ._m-max-h-176px {
    max-height: 11rem;
  }
  ._m-max-h-184px {
    max-height: 11.5rem;
  }
  ._m-max-h-192px {
    max-height: 12rem;
  }
  ._m-max-h-200px {
    max-height: 12.5rem;
  }
  ._m-max-h-208px {
    max-height: 13rem;
  }
  ._m-max-h-216px {
    max-height: 13.5rem;
  }
  ._m-max-h-224px {
    max-height: 14rem;
  }
  ._m-max-h-232px {
    max-height: 14.5rem;
  }
  ._m-max-h-240px {
    max-height: 15rem;
  }
  ._m-max-h-248px {
    max-height: 15.5rem;
  }
  ._m-max-h-256px {
    max-height: 16rem;
  }
  ._m-max-h-264px {
    max-height: 16.5rem;
  }
  ._m-max-h-272px {
    max-height: 17rem;
  }
  ._m-max-h-280px {
    max-height: 17.5rem;
  }
  ._m-max-h-288px {
    max-height: 18rem;
  }
  ._m-max-h-296px {
    max-height: 18.5rem;
  }
  ._m-max-h-304px {
    max-height: 19rem;
  }
  ._m-max-h-312px {
    max-height: 19.5rem;
  }
  ._m-max-h-320px {
    max-height: 20rem;
  }
  ._m-max-h-328px {
    max-height: 20.5rem;
  }
  ._m-max-h-336px {
    max-height: 21rem;
  }
  ._m-max-h-344px {
    max-height: 21.5rem;
  }
  ._m-max-h-352px {
    max-height: 22rem;
  }
  ._m-max-h-360px {
    max-height: 22.5rem;
  }
  ._m-max-h-368px {
    max-height: 23rem;
  }
  ._m-max-h-376px {
    max-height: 23.5rem;
  }
  ._m-max-h-384px {
    max-height: 24rem;
  }
}
@media (min-width: 1024px) {
  ._l-max-h-0 {
    max-height: 0;
  }
  ._l-max-h-1px {
    max-height: 0.0625rem;
  }
  ._l-max-h-2px {
    max-height: 0.125rem;
  }
  ._l-max-h-4px {
    max-height: 0.25rem;
  }
  ._l-max-h-6px {
    max-height: 0.375rem;
  }
  ._l-max-h-8px {
    max-height: 0.5rem;
  }
  ._l-max-h-16px {
    max-height: 1rem;
  }
  ._l-max-h-24px {
    max-height: 1.5rem;
  }
  ._l-max-h-32px {
    max-height: 2rem;
  }
  ._l-max-h-40px {
    max-height: 2.5rem;
  }
  ._l-max-h-48px {
    max-height: 3rem;
  }
  ._l-max-h-56px {
    max-height: 3.5rem;
  }
  ._l-max-h-64px {
    max-height: 4rem;
  }
  ._l-max-h-72px {
    max-height: 4.5rem;
  }
  ._l-max-h-80px {
    max-height: 5rem;
  }
  ._l-max-h-88px {
    max-height: 5.5rem;
  }
  ._l-max-h-96px {
    max-height: 6rem;
  }
  ._l-max-h-104px {
    max-height: 6.5rem;
  }
  ._l-max-h-112px {
    max-height: 7rem;
  }
  ._l-max-h-120px {
    max-height: 7.5rem;
  }
  ._l-max-h-128px {
    max-height: 8rem;
  }
  ._l-max-h-136px {
    max-height: 8.5rem;
  }
  ._l-max-h-144px {
    max-height: 9rem;
  }
  ._l-max-h-152px {
    max-height: 9.5rem;
  }
  ._l-max-h-160px {
    max-height: 10rem;
  }
  ._l-max-h-168px {
    max-height: 10.5rem;
  }
  ._l-max-h-176px {
    max-height: 11rem;
  }
  ._l-max-h-184px {
    max-height: 11.5rem;
  }
  ._l-max-h-192px {
    max-height: 12rem;
  }
  ._l-max-h-200px {
    max-height: 12.5rem;
  }
  ._l-max-h-208px {
    max-height: 13rem;
  }
  ._l-max-h-216px {
    max-height: 13.5rem;
  }
  ._l-max-h-224px {
    max-height: 14rem;
  }
  ._l-max-h-232px {
    max-height: 14.5rem;
  }
  ._l-max-h-240px {
    max-height: 15rem;
  }
  ._l-max-h-248px {
    max-height: 15.5rem;
  }
  ._l-max-h-256px {
    max-height: 16rem;
  }
  ._l-max-h-264px {
    max-height: 16.5rem;
  }
  ._l-max-h-272px {
    max-height: 17rem;
  }
  ._l-max-h-280px {
    max-height: 17.5rem;
  }
  ._l-max-h-288px {
    max-height: 18rem;
  }
  ._l-max-h-296px {
    max-height: 18.5rem;
  }
  ._l-max-h-304px {
    max-height: 19rem;
  }
  ._l-max-h-312px {
    max-height: 19.5rem;
  }
  ._l-max-h-320px {
    max-height: 20rem;
  }
  ._l-max-h-328px {
    max-height: 20.5rem;
  }
  ._l-max-h-336px {
    max-height: 21rem;
  }
  ._l-max-h-344px {
    max-height: 21.5rem;
  }
  ._l-max-h-352px {
    max-height: 22rem;
  }
  ._l-max-h-360px {
    max-height: 22.5rem;
  }
  ._l-max-h-368px {
    max-height: 23rem;
  }
  ._l-max-h-376px {
    max-height: 23.5rem;
  }
  ._l-max-h-384px {
    max-height: 24rem;
  }
}
@media (min-width: 1280px) {
  ._xl-max-h-0 {
    max-height: 0;
  }
  ._xl-max-h-1px {
    max-height: 0.0625rem;
  }
  ._xl-max-h-2px {
    max-height: 0.125rem;
  }
  ._xl-max-h-4px {
    max-height: 0.25rem;
  }
  ._xl-max-h-6px {
    max-height: 0.375rem;
  }
  ._xl-max-h-8px {
    max-height: 0.5rem;
  }
  ._xl-max-h-16px {
    max-height: 1rem;
  }
  ._xl-max-h-24px {
    max-height: 1.5rem;
  }
  ._xl-max-h-32px {
    max-height: 2rem;
  }
  ._xl-max-h-40px {
    max-height: 2.5rem;
  }
  ._xl-max-h-48px {
    max-height: 3rem;
  }
  ._xl-max-h-56px {
    max-height: 3.5rem;
  }
  ._xl-max-h-64px {
    max-height: 4rem;
  }
  ._xl-max-h-72px {
    max-height: 4.5rem;
  }
  ._xl-max-h-80px {
    max-height: 5rem;
  }
  ._xl-max-h-88px {
    max-height: 5.5rem;
  }
  ._xl-max-h-96px {
    max-height: 6rem;
  }
  ._xl-max-h-104px {
    max-height: 6.5rem;
  }
  ._xl-max-h-112px {
    max-height: 7rem;
  }
  ._xl-max-h-120px {
    max-height: 7.5rem;
  }
  ._xl-max-h-128px {
    max-height: 8rem;
  }
  ._xl-max-h-136px {
    max-height: 8.5rem;
  }
  ._xl-max-h-144px {
    max-height: 9rem;
  }
  ._xl-max-h-152px {
    max-height: 9.5rem;
  }
  ._xl-max-h-160px {
    max-height: 10rem;
  }
  ._xl-max-h-168px {
    max-height: 10.5rem;
  }
  ._xl-max-h-176px {
    max-height: 11rem;
  }
  ._xl-max-h-184px {
    max-height: 11.5rem;
  }
  ._xl-max-h-192px {
    max-height: 12rem;
  }
  ._xl-max-h-200px {
    max-height: 12.5rem;
  }
  ._xl-max-h-208px {
    max-height: 13rem;
  }
  ._xl-max-h-216px {
    max-height: 13.5rem;
  }
  ._xl-max-h-224px {
    max-height: 14rem;
  }
  ._xl-max-h-232px {
    max-height: 14.5rem;
  }
  ._xl-max-h-240px {
    max-height: 15rem;
  }
  ._xl-max-h-248px {
    max-height: 15.5rem;
  }
  ._xl-max-h-256px {
    max-height: 16rem;
  }
  ._xl-max-h-264px {
    max-height: 16.5rem;
  }
  ._xl-max-h-272px {
    max-height: 17rem;
  }
  ._xl-max-h-280px {
    max-height: 17.5rem;
  }
  ._xl-max-h-288px {
    max-height: 18rem;
  }
  ._xl-max-h-296px {
    max-height: 18.5rem;
  }
  ._xl-max-h-304px {
    max-height: 19rem;
  }
  ._xl-max-h-312px {
    max-height: 19.5rem;
  }
  ._xl-max-h-320px {
    max-height: 20rem;
  }
  ._xl-max-h-328px {
    max-height: 20.5rem;
  }
  ._xl-max-h-336px {
    max-height: 21rem;
  }
  ._xl-max-h-344px {
    max-height: 21.5rem;
  }
  ._xl-max-h-352px {
    max-height: 22rem;
  }
  ._xl-max-h-360px {
    max-height: 22.5rem;
  }
  ._xl-max-h-368px {
    max-height: 23rem;
  }
  ._xl-max-h-376px {
    max-height: 23.5rem;
  }
  ._xl-max-h-384px {
    max-height: 24rem;
  }
}
@media (min-width: 1440px) {
  ._2xl-max-h-0 {
    max-height: 0;
  }
  ._2xl-max-h-1px {
    max-height: 0.0625rem;
  }
  ._2xl-max-h-2px {
    max-height: 0.125rem;
  }
  ._2xl-max-h-4px {
    max-height: 0.25rem;
  }
  ._2xl-max-h-6px {
    max-height: 0.375rem;
  }
  ._2xl-max-h-8px {
    max-height: 0.5rem;
  }
  ._2xl-max-h-16px {
    max-height: 1rem;
  }
  ._2xl-max-h-24px {
    max-height: 1.5rem;
  }
  ._2xl-max-h-32px {
    max-height: 2rem;
  }
  ._2xl-max-h-40px {
    max-height: 2.5rem;
  }
  ._2xl-max-h-48px {
    max-height: 3rem;
  }
  ._2xl-max-h-56px {
    max-height: 3.5rem;
  }
  ._2xl-max-h-64px {
    max-height: 4rem;
  }
  ._2xl-max-h-72px {
    max-height: 4.5rem;
  }
  ._2xl-max-h-80px {
    max-height: 5rem;
  }
  ._2xl-max-h-88px {
    max-height: 5.5rem;
  }
  ._2xl-max-h-96px {
    max-height: 6rem;
  }
  ._2xl-max-h-104px {
    max-height: 6.5rem;
  }
  ._2xl-max-h-112px {
    max-height: 7rem;
  }
  ._2xl-max-h-120px {
    max-height: 7.5rem;
  }
  ._2xl-max-h-128px {
    max-height: 8rem;
  }
  ._2xl-max-h-136px {
    max-height: 8.5rem;
  }
  ._2xl-max-h-144px {
    max-height: 9rem;
  }
  ._2xl-max-h-152px {
    max-height: 9.5rem;
  }
  ._2xl-max-h-160px {
    max-height: 10rem;
  }
  ._2xl-max-h-168px {
    max-height: 10.5rem;
  }
  ._2xl-max-h-176px {
    max-height: 11rem;
  }
  ._2xl-max-h-184px {
    max-height: 11.5rem;
  }
  ._2xl-max-h-192px {
    max-height: 12rem;
  }
  ._2xl-max-h-200px {
    max-height: 12.5rem;
  }
  ._2xl-max-h-208px {
    max-height: 13rem;
  }
  ._2xl-max-h-216px {
    max-height: 13.5rem;
  }
  ._2xl-max-h-224px {
    max-height: 14rem;
  }
  ._2xl-max-h-232px {
    max-height: 14.5rem;
  }
  ._2xl-max-h-240px {
    max-height: 15rem;
  }
  ._2xl-max-h-248px {
    max-height: 15.5rem;
  }
  ._2xl-max-h-256px {
    max-height: 16rem;
  }
  ._2xl-max-h-264px {
    max-height: 16.5rem;
  }
  ._2xl-max-h-272px {
    max-height: 17rem;
  }
  ._2xl-max-h-280px {
    max-height: 17.5rem;
  }
  ._2xl-max-h-288px {
    max-height: 18rem;
  }
  ._2xl-max-h-296px {
    max-height: 18.5rem;
  }
  ._2xl-max-h-304px {
    max-height: 19rem;
  }
  ._2xl-max-h-312px {
    max-height: 19.5rem;
  }
  ._2xl-max-h-320px {
    max-height: 20rem;
  }
  ._2xl-max-h-328px {
    max-height: 20.5rem;
  }
  ._2xl-max-h-336px {
    max-height: 21rem;
  }
  ._2xl-max-h-344px {
    max-height: 21.5rem;
  }
  ._2xl-max-h-352px {
    max-height: 22rem;
  }
  ._2xl-max-h-360px {
    max-height: 22.5rem;
  }
  ._2xl-max-h-368px {
    max-height: 23rem;
  }
  ._2xl-max-h-376px {
    max-height: 23.5rem;
  }
  ._2xl-max-h-384px {
    max-height: 24rem;
  }
}
.max-w-custom {
  max-width: var(--max-w-custom, none);
}

.max-h-custom {
  max-height: var(--max-h-custom, none);
}

/* Border */
.border-none {
  border-style: none;
}

.border-hidden {
  border-style: hidden;
}

.border-dotted {
  border-style: dotted;
}

.border-dashed {
  border-style: dashed;
}

.border-double {
  border-style: double;
}

.border-solid {
  border-style: solid;
}

.border-s {
  border-width: 0.0625rem;
}

.border-m {
  border-width: 0.125rem;
}

.border-l {
  border-width: 0.25rem;
}

.border-xl {
  border-width: 0.375rem;
}

.border-2xl {
  border-width: 0.5rem;
}

.border-3xl {
  border-width: 0.625rem;
}

.rounded-none {
  border-radius: 0;
}

.rounded-xs {
  border-radius: 0.125rem;
}

.rounded-s {
  border-radius: 0.25rem;
}

.rounded-m {
  border-radius: 0.5rem;
}

.rounded-l {
  border-radius: 0.625rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-half {
  border-radius: 50%;
}

.rounded-full {
  border-radius: 625rem;
}

:host .text-xs,
:root .text-xs,
.text-xs {
  font-size: 0.75rem;
}

:host .text-s,
:root .text-s,
.text-s {
  font-size: 0.8125rem;
}

:host .text-m,
:root .text-m,
.text-m {
  font-size: 0.875rem;
}

:host .text-l,
:root .text-l,
.text-l {
  font-size: 1rem;
}

:host .text-xl,
:root .text-xl,
.text-xl {
  font-size: 1.125rem;
}

:host .text-2xl,
:root .text-2xl,
.text-2xl {
  font-size: 1.25rem;
}

:host .text-3xl,
:root .text-3xl,
.text-3xl {
  font-size: 1.375rem;
}

:host .text-4xl,
:root .text-4xl,
.text-4xl {
  font-size: 1.5rem;
}

:host .text-5xl,
:root .text-5xl,
.text-5xl {
  font-size: 1.75rem;
}

:host .text-6xl,
:root .text-6xl,
.text-6xl {
  font-size: 2rem;
}

:host .text-7xl,
:root .text-7xl,
.text-7xl {
  font-size: 2.25rem;
}

:host .text-8xl,
:root .text-8xl,
.text-8xl {
  font-size: 3rem;
}

:host .lh-single,
:root .lh-single {
  line-height: 1;
}

.lh-single {
  line-height: 1;
}

:host .lh-tight,
:root .lh-tight {
  line-height: 1.2;
}

.lh-tight {
  line-height: 1.2;
}

:host .lh-normal,
:root .lh-normal {
  line-height: 1.5;
}

.lh-normal {
  line-height: 1.5;
}

:host .lh-double,
:root .lh-double {
  line-height: 2;
}

.lh-double {
  line-height: 2;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-clip {
  overflow-x: clip;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-clip {
  overflow-y: clip;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.top-none {
  top: var(--spacing-none);
}

.top-xs {
  top: var(--spacing-xs);
}

.top-s {
  top: var(--spacing-s);
}

.top-m {
  top: var(--spacing-m);
}

.top-l {
  top: var(--spacing-l);
}

.top-xl {
  top: var(--spacing-xl);
}

.top-2xl {
  top: var(--spacing-2xl);
}

.top-3xl {
  top: var(--spacing-3xl);
}

.top-4xl {
  top: var(--spacing-4xl);
}

.top-5xl {
  top: var(--spacing-5xl);
}

.right-none {
  right: var(--spacing-none);
}

.right-xs {
  right: var(--spacing-xs);
}

.right-s {
  right: var(--spacing-s);
}

.right-m {
  right: var(--spacing-m);
}

.right-l {
  right: var(--spacing-l);
}

.right-xl {
  right: var(--spacing-xl);
}

.right-2xl {
  right: var(--spacing-2xl);
}

.right-3xl {
  right: var(--spacing-3xl);
}

.right-4xl {
  right: var(--spacing-4xl);
}

.right-5xl {
  right: var(--spacing-5xl);
}

.bottom-none {
  bottom: var(--spacing-none);
}

.bottom-xs {
  bottom: var(--spacing-xs);
}

.bottom-s {
  bottom: var(--spacing-s);
}

.bottom-m {
  bottom: var(--spacing-m);
}

.bottom-l {
  bottom: var(--spacing-l);
}

.bottom-xl {
  bottom: var(--spacing-xl);
}

.bottom-2xl {
  bottom: var(--spacing-2xl);
}

.bottom-3xl {
  bottom: var(--spacing-3xl);
}

.bottom-4xl {
  bottom: var(--spacing-4xl);
}

.bottom-5xl {
  bottom: var(--spacing-5xl);
}

.left-none {
  left: var(--spacing-none);
}

.left-xs {
  left: var(--spacing-xs);
}

.left-s {
  left: var(--spacing-s);
}

.left-m {
  left: var(--spacing-m);
}

.left-l {
  left: var(--spacing-l);
}

.left-xl {
  left: var(--spacing-xl);
}

.left-2xl {
  left: var(--spacing-2xl);
}

.left-3xl {
  left: var(--spacing-3xl);
}

.left-4xl {
  left: var(--spacing-4xl);
}

.left-5xl {
  left: var(--spacing-5xl);
}

.word-break-normal {
  word-break: normal;
}

.word-break-all {
  word-break: break-all;
}

.word-break-keep {
  word-break: keep-all;
}

.word-break-word {
  word-break: break-word;
}

.shadow-s {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

.hover-shadow-s:hover {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}

.shadow-m {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32);
}

.hover-shadow-m:hover {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32);
}

.shadow-l {
  box-shadow: 0px 20px 50px 0px rgba(40, 40, 40, 0.3);
}

.hover-shadow-l:hover {
  box-shadow: 0px 20px 50px 0px rgba(40, 40, 40, 0.3);
}

.outline-none {
  outline: none;
  outline-width: 0;
  outline-color: transparent;
  outline-style: none;
}

.focus-outline-xs:focus {
  outline: 0.125rem solid var(--a11y-focus-color);
}

.focus-outline-s:focus {
  outline: 0.25rem solid var(--a11y-focus-color);
}

.outline-offset {
  outline-offset: 0.0625rem;
}

.outline-offset-xs {
  outline-offset: 0.125rem;
}

.outline-offset-n-xs {
  outline-offset: -0.125rem;
}

.outline-offset-s {
  outline-offset: 0.25rem;
}

.outline-offset-n-s {
  outline-offset: -0.25rem;
}

.section-bg-color {
  background-color: var(--branding-bg-color);
}

.section-text-color {
  color: var(--branding-text-color);
}

.grid,
.container {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.grid-row {
  display: flex;
  flex-flow: row wrap;
}

@media (min-width: 320px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .grid {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  ._s-col-1 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 25%;
  }
  ._s-col-offset-1 {
    margin-left: 25%;
  }
  ._s-col-2 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
  }
  ._s-col-offset-2 {
    margin-left: 50%;
  }
  ._s-col-3 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 75%;
  }
  ._s-col-offset-3 {
    margin-left: 75%;
  }
  ._s-col-4 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
  }
  ._s-col-offset-4 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .grid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  ._m-col-1 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 12.5%;
  }
  ._m-col-offset-1 {
    margin-left: 12.5%;
  }
  ._m-col-2 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 25%;
  }
  ._m-col-offset-2 {
    margin-left: 25%;
  }
  ._m-col-3 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 37.5%;
  }
  ._m-col-offset-3 {
    margin-left: 37.5%;
  }
  ._m-col-4 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
  }
  ._m-col-offset-4 {
    margin-left: 50%;
  }
  ._m-col-5 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 62.5%;
  }
  ._m-col-offset-5 {
    margin-left: 62.5%;
  }
  ._m-col-6 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 75%;
  }
  ._m-col-offset-6 {
    margin-left: 75%;
  }
  ._m-col-7 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 87.5%;
  }
  ._m-col-offset-7 {
    margin-left: 87.5%;
  }
  ._m-col-8 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
  }
  ._m-col-offset-8 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .grid {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  ._l-col-1 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 8.3333333333%;
  }
  ._l-col-offset-1 {
    margin-left: 8.3333333333%;
  }
  ._l-col-2 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 16.6666666667%;
  }
  ._l-col-offset-2 {
    margin-left: 16.6666666667%;
  }
  ._l-col-3 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
  }
  ._l-col-offset-3 {
    margin-left: 25%;
  }
  ._l-col-4 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.3333333333%;
  }
  ._l-col-offset-4 {
    margin-left: 33.3333333333%;
  }
  ._l-col-5 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.6666666667%;
  }
  ._l-col-offset-5 {
    margin-left: 41.6666666667%;
  }
  ._l-col-6 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
  }
  ._l-col-offset-6 {
    margin-left: 50%;
  }
  ._l-col-7 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 58.3333333333%;
  }
  ._l-col-offset-7 {
    margin-left: 58.3333333333%;
  }
  ._l-col-8 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.6666666667%;
  }
  ._l-col-offset-8 {
    margin-left: 66.6666666667%;
  }
  ._l-col-9 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
  }
  ._l-col-offset-9 {
    margin-left: 75%;
  }
  ._l-col-10 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 83.3333333333%;
  }
  ._l-col-offset-10 {
    margin-left: 83.3333333333%;
  }
  ._l-col-11 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 91.6666666667%;
  }
  ._l-col-offset-11 {
    margin-left: 91.6666666667%;
  }
  ._l-col-12 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
  }
  ._l-col-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1280px) {
  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .grid {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  ._xl-col-1 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 8.3333333333%;
  }
  ._xl-col-offset-1 {
    margin-left: 8.3333333333%;
  }
  ._xl-col-2 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 16.6666666667%;
  }
  ._xl-col-offset-2 {
    margin-left: 16.6666666667%;
  }
  ._xl-col-3 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 25%;
  }
  ._xl-col-offset-3 {
    margin-left: 25%;
  }
  ._xl-col-4 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 33.3333333333%;
  }
  ._xl-col-offset-4 {
    margin-left: 33.3333333333%;
  }
  ._xl-col-5 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 41.6666666667%;
  }
  ._xl-col-offset-5 {
    margin-left: 41.6666666667%;
  }
  ._xl-col-6 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 50%;
  }
  ._xl-col-offset-6 {
    margin-left: 50%;
  }
  ._xl-col-7 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 58.3333333333%;
  }
  ._xl-col-offset-7 {
    margin-left: 58.3333333333%;
  }
  ._xl-col-8 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 66.6666666667%;
  }
  ._xl-col-offset-8 {
    margin-left: 66.6666666667%;
  }
  ._xl-col-9 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 75%;
  }
  ._xl-col-offset-9 {
    margin-left: 75%;
  }
  ._xl-col-10 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 83.3333333333%;
  }
  ._xl-col-offset-10 {
    margin-left: 83.3333333333%;
  }
  ._xl-col-11 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 91.6666666667%;
  }
  ._xl-col-offset-11 {
    margin-left: 91.6666666667%;
  }
  ._xl-col-12 {
    flex-grow: 0;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
  }
  ._xl-col-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1440px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .grid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  ._2xl-col-1 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 8.3333333333%;
  }
  ._2xl-col-offset-1 {
    margin-left: 8.3333333333%;
  }
  ._2xl-col-2 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 16.6666666667%;
  }
  ._2xl-col-offset-2 {
    margin-left: 16.6666666667%;
  }
  ._2xl-col-3 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 25%;
  }
  ._2xl-col-offset-3 {
    margin-left: 25%;
  }
  ._2xl-col-4 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 33.3333333333%;
  }
  ._2xl-col-offset-4 {
    margin-left: 33.3333333333%;
  }
  ._2xl-col-5 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 41.6666666667%;
  }
  ._2xl-col-offset-5 {
    margin-left: 41.6666666667%;
  }
  ._2xl-col-6 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 50%;
  }
  ._2xl-col-offset-6 {
    margin-left: 50%;
  }
  ._2xl-col-7 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 58.3333333333%;
  }
  ._2xl-col-offset-7 {
    margin-left: 58.3333333333%;
  }
  ._2xl-col-8 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 66.6666666667%;
  }
  ._2xl-col-offset-8 {
    margin-left: 66.6666666667%;
  }
  ._2xl-col-9 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 75%;
  }
  ._2xl-col-offset-9 {
    margin-left: 75%;
  }
  ._2xl-col-10 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 83.3333333333%;
  }
  ._2xl-col-offset-10 {
    margin-left: 83.3333333333%;
  }
  ._2xl-col-11 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 91.6666666667%;
  }
  ._2xl-col-offset-11 {
    margin-left: 91.6666666667%;
  }
  ._2xl-col-12 {
    flex-grow: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: 100%;
  }
  ._2xl-col-offset-12 {
    margin-left: 100%;
  }
}