@charset "UTF-8";
/**
 * These are the default, global theme properties. These should not be specific
 * to any particular component or element, which can define their own theme
 * properties wherever their styles are defined.
 */
/**
 * Light theme (default)
 */
:root,
.t-light {
  --theme-color-background-base: #ffffff;
  --theme-color-background-kbd: transparent;
  --theme-color-background-secondary: #f2f5f7;
  --theme-color-border-base: #c0cfd8;
  --theme-color-border-kbd: var(--theme-color-border-base);
  --theme-color-border-text-group: var(--theme-color-border-base);
  --theme-color-text-action: #215cca;
  --theme-color-text-base: rgba(0, 0, 0, 0.85);
  --theme-color-text-code: rgba(202, 2, 129, 0.94);
  --theme-color-text-emphasis: var(--theme-color-text-base);
  --theme-color-text-label: inherit;
  --theme-color-text-muted: rgba(0, 0, 0, 0.6);
  --theme-opacity-del: 0.65;
}

/**
 * Dark theme
 */
.t-dark {
  --theme-color-background-base: #215cca;
  --theme-color-background-kbd: #183889;
  --theme-color-background-secondary: #183889;
  --theme-color-border-base: #0e1c43;
  --theme-color-border-kbd: var(--theme-color-border-base);
  --theme-color-border-text-group: var(--theme-color-border-base);
  --theme-color-text-action: var(--theme-color-text-emphasis);
  --theme-color-text-base: rgba(255, 255, 255, 0.85);
  --theme-color-text-code: var(--theme-color-text-emphasis);
  --theme-color-text-emphasis: #ffffff;
  --theme-color-text-label: var(--theme-color-text-emphasis);
  --theme-color-text-muted: rgba(255, 255, 255, 0.85);
  --theme-opacity-del: 1;
}

/**
 * Alternate theme
 *
 * An alternate, or secondary, theme that can offset a section of content visually
 * from its surroundings. This may be helpful for distinguishing rows of content
 * from one another in a subtle way.
 */
.t-alternate {
  --theme-color-background-base: var(--theme-color-background-secondary);
}

/**
 * Container styles
 */
.t-light,
.t-dark,
.t-alternate {
  background-color: var(--theme-color-background-base);
  color: var(--theme-color-text-base);
}

@keyframes rotate-clockwise {
  to {
    transform: rotate(360deg);
  }
}
/**
 * Create an em dash.
 */ /**
 * Accepts a numeric value with units and returns the value without any units.
 * For example, `16px` would become `16`.
 *
 * @see https://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/
 */
/**
 * Strips the unit from value and returns the same value with a different unit.
 * Useful for swapping rem with em or vice-versa.
 */
/**
 * Accepts a pixel value, divides it by a base font size and returns the result
 * in rems. For example, `24px` would become `1.5rem`.
 */
/**
 * Accepts a pixel value, divides it by a base font size and returns the result
 * in ems. For example, `24px` would become `1.5em`.
 */
/**
 * Sensible box model
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * Remove default spacing from elements. We'll be managing these directly at a
 * layout or component level.
 *
 * Element list derived from browser default stylesheets.
 *
 * @see https://stackoverflow.com/a/3980775/5175805
 */
blockquote,
body,
button,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
ol,
p,
pre,
select,
textarea,
ul {
  margin: 0;
}

/**
 * 1. Forces the viewport to be filled. Necessary for the footer to
 *    "stick" to the bottom of short pages.
 *    @see https://css-tricks.com/couple-takes-sticky-footer/#there-is-grid
 */
html {
  block-size: 100%;
}

/**
 * 1. Keep full-bleed items from triggering a horizontal scrollbar.
 *    @see https://cloudfour.com/thinks/breaking-out-with-viewport-units-and-calc/
 */
html,
body {
  overflow-x: hidden;
}

/**
 * We apply theme rules here rather than `:root` because custom background
 * colors, iframe embeds, etc. will defer to or attempt to change the `body`
 * background so it's important to establish defaults.
 */
body {
  background-color: var(--theme-color-background-base);
  color: var(--theme-color-text-base);
}

/**
 * Default link color
 */
a {
  color: var(--theme-color-text-action);
}

/**
 * 1. Block display is usually what we want
 * 2. Remove strange space-below when inline
 * 3. Responsive by default
 *
 * @see https://github.com/mozdevs/cssremedy
 */
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block; /* 1 */
  max-inline-size: 100%; /* 3 */
  vertical-align: middle; /* 2 */
}

/**
 * Embedded elements with consistent aspect ratios require this to maintain
 * that ratio when resized.
 */
canvas,
img,
svg,
video {
  block-size: auto;
}

/**
 * It's pretty arbitrary that audio elements are 300px wide by default.
 */
audio {
  inline-size: 100%;
}

/**
 * Code blocks
 *
 * 1. Don't allow code blocks to overflow willy-nilly.
 * 2. Set a shallower tab size to encourage accessible code samples without
 *    compromising horizontal real estate.
 */
pre {
  border-radius: clamp(
    0px,
    ((100vw - 0.25em) - 100%) * 9999,
    0.5em
  );
  background: #0e1c43;
  color: rgba(255, 255, 255, 0.85);
  overflow: auto; /* 1 */
  padding: 1.25em;
  tab-size: 2; /* 2 */
}

/**
 * When certain monospace inline elements are not within a preformatted block or
 * a link, we offset their color from surrounding content.
 *
 * We're disabling a selector rule here because the alternative is pretty
 * ridiculously verbose. We should consider revising our selector rules.
 */
/* stylelint-disable-next-line selector-not-notation */
:not(pre, pre *, a) > :is(code, kbd) {
  color: var(--theme-color-text-code);
}

/**
 * Some additional styles are added to `kbd` elements because it's fun to
 * embrace just a little skeuomorphism and make them look like keys. ⌨️
 *
 * 1. We use a shadow instead of `border-bottom-width` to apply a bit of depth
 *    because it won't visually impact the element's rounded corners.
 * 2. Without a `min-width`, single character keys (which is most of them)
 *    appear rather skinny and strange.
 */
*:not(pre):not(a) > kbd {
  background: var(--theme-color-background-kbd);
  border: 0.0625rem solid var(--theme-color-border-kbd);
  border-radius: 0.125em;
  box-shadow: 0 0.0625rem 0 0 var(--theme-color-border-kbd); /* 1 */
  display: inline-block;
  min-inline-size: 1.5625em; /* 2 */
  padding: 0 0.262144em;
  text-align: center;
}

/**
 * Diff elements
 */
del {
  opacity: var(--theme-opacity-del);
}

/**
 * IE10 and earlier still show borders around linked images, and all browsers
 * still show borders around iframe elements by default.
 *
 * We set the `border-style` and `border-width` so that utility classes can
 * easily set themed default colors.
 */
iframe,
img {
  border-style: solid;
  border-width: 0;
}

/**
 * IE10 and earlier do not respect the `hidden` attribute.
 *
 * @see https://cloudfour.com/thinks/see-no-evil-hidden-content-and-accessibility/
 */
[hidden] {
  display: none !important;
}

/**
 * IE11 and earlier display some HTML5 elements as `inline` by default.
 */
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

/**
 * Shared indentation for typographic blocks
 */
ul,
ol,
blockquote {
  padding-inline-start: 1.25em;
}

blockquote {
  border-inline-start: 0.125rem solid var(--theme-color-border-text-group);
  color: var(--theme-color-text-muted);
}
blockquote > * + * {
  margin-block-start: 1.25em;
  margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
  blockquote > * + h1,
  blockquote > * + h2,
  blockquote > * + h3,
  blockquote > * + h4,
  blockquote > * + h5,
  blockquote > * + h6,
  blockquote > * + [class*=heading] {
    margin-block-start: var(--rhythm-headings, var(--rhythm));
  }
}

blockquote > cite,
blockquote > footer > cite {
  display: block;
  font-style: inherit;
  padding-inline-start: 1.25em;
  position: relative;
}
blockquote > cite::before,
blockquote > footer > cite::before {
  content: "—";
  inset-inline-start: 0;
  position: absolute;
}

/**
 * Apply some sensible defaults to tables
 */
/**
 * `text-align: start` does not work reliably on tables, but `inherit` does when
 * applied to both the `table` element and cells
 */
table,
th,
td {
  text-align: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  inline-size: 100%;
  overflow-x: auto;
}

/*
 * 1. Removes default margin
 * 2. Center content
 * 3. Space between elements inside <figure>
 */
figure {
  margin: 0; /* 1 */
}
figure > * {
  margin-inline: auto; /* 2 */
}
figure > * + * {
  margin-block-start: 0.8em; /* 3 */
}

figcaption {
  font-size: 0.8em;
  font-style: italic;
  text-align: center;
}

address {
  font-style: normal;
}

/**
 * Labels
 */
label {
  color: var(--theme-color-text-label);
}

/**
 * Horizontal rules
 *
 * We use border styles and `currentColor` for greater compatibility with
 * the WordPress Gutenberg "Separator" block.
 *
 * 1. Our goal is for the borders to add together to form the total desired
 *    width. We do this because that's what WordPress's Gutenberg block does
 *    in order to support weird border+background style combinations.
 */
hr {
  border-color: currentColor;
  border-style: solid;
  border-width: 0.0625rem 0; /* 1 */
  color: var(--theme-color-border-text-group);
}

@font-face {
  font-display: swap;
  font-family: "Source Sans Pro Variable";
  font-style: normal;
  font-weight: 100 900;
  src: url("../src/assets/fonts/source-sans-pro-latin-extended/variable-regular.woff2") format("woff2-variations"), url("../src/assets/fonts/source-sans-pro-latin-extended/variable-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans Pro Variable";
  font-style: italic;
  font-weight: 100 900;
  src: url("../src/assets/fonts/source-sans-pro-latin-extended/variable-italic.woff2") format("woff2-variations"), url("../src/assets/fonts/source-sans-pro-latin-extended/variable-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Source Sans Pro";
  src: url("../src/assets/fonts/source-sans-pro-latin-extended/400.woff2") format("woff2"), url("../src/assets/fonts/source-sans-pro-latin-extended/400.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-family: "Source Sans Pro";
  src: url("../src/assets/fonts/source-sans-pro-latin-extended/600.woff2") format("woff2"), url("../src/assets/fonts/source-sans-pro-latin-extended/600.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-family: "Source Sans Pro";
  src: url("../src/assets/fonts/source-sans-pro-latin-extended/700.woff2") format("woff2"), url("../src/assets/fonts/source-sans-pro-latin-extended/700.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-display: swap;
  font-family: "Source Sans Pro";
  src: url("../src/assets/fonts/source-sans-pro-latin-extended/italic.woff2") format("woff2"), url("../src/assets/fonts/source-sans-pro-latin-extended/italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-display: swap;
  font-family: "Source Code Pro";
  src: url("../src/assets/fonts/source-code-pro-latin/400.woff2") format("woff2"), url("../src/assets/fonts/source-code-pro-latin/400.woff") format("woff");
  font-weight: 400;
}
/**
 * 1. Adjust base font size between a min and max value based on viewport width.
 * 2. Promote consistent line spacing.
 *
 * @todo Revise font size min and max viewport based on standard breakpoints.
 * @see https://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/
 * @see https://drafts.csswg.org/css-inline-3/#line-sizing-property
 */
html {
  font-size: clamp(1rem, calc(
    1rem + 0.25 * ((100vw - 20rem) / 52)
  ), 1.25rem); /* 1 */
  line-sizing: normal; /* 2 */
}

/**
 * 1. Allow long words (like URLs) to break at arbitrary points.
 *    Note we are using `anywhere` rather than `break-word`. They behave
 *    identically, but break points introduced by `break-word` are not
 *    considered when calculating `min-content` intrinsic sizes, which means
 *    layout remains broken in any CSS Grid layout.
 *    @see https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#values
 * 2. Prevent size adjustments on orientation change.
 */
body {
  font-family: "Source Sans Pro", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5625;
  overflow-wrap: anywhere; /* 1 */
  text-size-adjust: none; /* 2 */
}
@supports (font-variation-settings: normal) {
  body {
    font-family: "Source Sans Pro Variable", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/**
 * Headings
 */
h1 {
  font-size: clamp(1.5625em, calc(
    1.5625em + 0.390625 * ((100vw - 20rem) / 40)
  ), 1.953125em);
  line-height: 1.25;
  font-weight: 700;
  color: var(--theme-color-text-emphasis);
}

h2 {
  font-size: clamp(1.25em, calc(
    1.25em + 0.3125 * ((100vw - 20rem) / 40)
  ), 1.5625em);
  line-height: 1.25;
  font-weight: 700;
  color: var(--theme-color-text-emphasis);
}

h3 {
  font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
  line-height: 1.25;
  font-weight: 700;
  color: var(--theme-color-text-emphasis);
}

h4 {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  color: var(--theme-color-text-emphasis);
}

h5 {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  color: var(--theme-color-text-emphasis);
}

h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  color: var(--theme-color-text-emphasis);
}

/**
 * Monospace
 */
pre,
code,
kbd,
samp,
var {
  font-family: "Source Code Pro", Monaco, Consolas, "Lucida Console", "Andale Mono", monospace;
}

.o-article-header {
  display: grid;
  gap: 0.8em;
}

.o-article-header__eyebrow {
  order: -1;
}

.o-bio {
  display: grid;
  gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
  grid-template-areas: "avatar" "content" "meta";
  grid-template-rows: auto 1fr;
}
@media (max-width: 59.999em) {
  .o-bio {
    margin: 0 auto;
    max-inline-size: 40em;
  }
}
@media (min-width: 60em) {
  .o-bio {
    grid-template-areas: "avatar content content" "meta content content";
    grid-template-columns: repeat(3, 1fr);
    row-gap: 1em;
  }
}

.o-bio__avatar {
  grid-area: avatar;
  inline-size: 100%;
  margin: 0 auto;
  max-inline-size: 11.6415321827em;
}
@media (min-width: 60em) {
  .o-bio__avatar {
    font-size: 1.25em;
  }
}

.o-bio__content {
  grid-area: content;
  max-inline-size: 40em;
}

.o-bio__meta {
  grid-area: meta;
}
@media (min-width: 60em) {
  .o-bio__meta {
    text-align: center;
  }
}

/**
 * Container
 *
 * 1. Child elements of varying sizes look a bit off if they aren't centered.
 * 2. Ideally this component won't be over-stuffed, but just in case, let's
 *    wrap children if there are too many of them or they're too big.
 * 3. Keeps z-index values of child elements relative to this to avoid
 *    disrupting outside stacking order. We shouldn't have to set a base
 *    `z-index` as well, but some browsers don't establish a new stacking order
 *    without this, which can cause children to display beneath outside
 *    elements.
 */
.o-bunch {
  align-items: center; /* 1 */
  display: flex;
  flex-wrap: wrap; /* 2 */
  position: relative; /* 3 */
  z-index: 0; /* 3 */
}

/**
 * Child elements
 *
 * 1. Prevent unintended squashing of items in flex container.
 * 2. Overlap with adjacent items to for a unified visual appearance.
 * 3. It feels odd to have the first element underneath the last. In lieu of a
 *    a built-in CSS method of reversing the natural `z-index` order, we use
 *    a custom property that we'll set with `nth-child` a little further down.
 *
 * @see https://github.com/w3c/csswg-drafts/issues/1026#issuecomment-385285148
 */
.o-bunch > * {
  flex: none; /* 1 */
  margin-inline-end: -0.262144em; /* 2 */
  z-index: calc(var(--bunch-index, 0) * -1);
}

/**
 * Set the `--bunch-index` property for the first ten elements. You can manually
 * set `--bunch-index` for items past that point, but you should really question
 * if this is the right CSS object to use if you need more than that!
 */
.o-bunch > :nth-child(1) {
  --bunch-index: 1;
}

.o-bunch > :nth-child(2) {
  --bunch-index: 2;
}

.o-bunch > :nth-child(3) {
  --bunch-index: 3;
}

.o-bunch > :nth-child(4) {
  --bunch-index: 4;
}

.o-bunch > :nth-child(5) {
  --bunch-index: 5;
}

.o-bunch > :nth-child(6) {
  --bunch-index: 6;
}

.o-bunch > :nth-child(7) {
  --bunch-index: 7;
}

.o-bunch > :nth-child(8) {
  --bunch-index: 8;
}

.o-bunch > :nth-child(9) {
  --bunch-index: 9;
}

.o-bunch > :nth-child(10) {
  --bunch-index: 10;
}

.o-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.64em;
}

.o-button-group__item {
  display: flex;
  position: relative;
}

.o-button-group--grow > *,
.o-button-group--grow .o-button-group__item > * {
  flex: 1 1 0;
}

/**
 * There are no default styles for `o-container`. It acts as a wrapper so that
 * we can add space utilities to the container without interfering with the
 * margins for `o-container__content`.
 */
/**
 * Modifiers for `o-container` that add some standard, responsive padding.
 */
.o-container--pad,
.o-container--pad-block {
  padding-block: clamp(1.953125rem, calc(
    1.953125rem + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656rem);
}

.o-container--pad,
.o-container--pad-inline {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}

/**
 * Content container, where the width is actually applied.
 */
.o-container__content {
  margin: 0 auto;
  max-inline-size: 72em;
}

/**
 * Prose modifier adjusts content `max-width`
 */
.o-container--prose .o-container__content {
  max-inline-size: 40em;
}

/**
 * Child elements that need a bit of inline padding to avoid the viewport edge.
 */
.o-container--pad .o-container__pad, .o-container--pad-inline .o-container__pad {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}

/**
 * Child elements intended to "fill" the container width. This negates any
 * inline padding and border radii.
 */
.o-container--pad .o-container__fill, .o-container--pad-inline .o-container__fill,
.o-container--pad .o-container__fill-pad,
.o-container--pad-inline .o-container__fill-pad {
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
}

/**
 * The `__fill-pad` element differs from the `__fill` element in that it
 * restores the parent element's padding (if any). This may be useful for cards
 * and theme containers with inner content that wouldn't align with what was
 * adjacent otherwise.
 */
.o-container--pad .o-container__fill-pad, .o-container--pad-inline .o-container__fill-pad {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}

/**
 * 1. If horizontal items are shown at the wrong column count, they will appear
 *    to break the grid. This rule keeps items densely packed so it will always
 *    appear visually correct.
 */
.o-deck {
  display: grid;
  grid-auto-flow: dense; /* 1 */
  grid-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
  /**
   * We define a media query for our initial grid so child elements will flex
   * for viewports smaller than our minimum column size.
   *
   * `auto-fill` creates extra columns as space allows, and will not stretch
   * columns to fill empty space (which makes sure adjacent objects with
   * differing item counts will stay aligned).
   */
}
@media (min-width: 20em) {
  .o-deck {
    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
  }
}

/**
 * Responsive column count modifiers
 *
 * These modifier classes specify a hard-set column count at a particular
 * breakpoint. This may be used to limit the column count to a particular
 * maximum or to coordinate with adjacent elements.
 */
.o-deck--1-column {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 30em) {
  .o-deck--1-column\@s {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 40em) {
  .o-deck--1-column\@m {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 60em) {
  .o-deck--1-column\@l {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 72em) {
  .o-deck--1-column\@xl {
    grid-template-columns: repeat(1, 1fr);
  }
}

.o-deck--2-column {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 30em) {
  .o-deck--2-column\@s {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 40em) {
  .o-deck--2-column\@m {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 60em) {
  .o-deck--2-column\@l {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 72em) {
  .o-deck--2-column\@xl {
    grid-template-columns: repeat(2, 1fr);
  }
}

.o-deck--3-column {
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 30em) {
  .o-deck--3-column\@s {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 40em) {
  .o-deck--3-column\@m {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 60em) {
  .o-deck--3-column\@l {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 72em) {
  .o-deck--3-column\@xl {
    grid-template-columns: repeat(3, 1fr);
  }
}

.o-deck--4-column {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 30em) {
  .o-deck--4-column\@s {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 40em) {
  .o-deck--4-column\@m {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 60em) {
  .o-deck--4-column\@l {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 72em) {
  .o-deck--4-column\@xl {
    grid-template-columns: repeat(4, 1fr);
  }
}

.o-deck--5-column {
  grid-template-columns: repeat(5, 1fr);
}
@media (min-width: 30em) {
  .o-deck--5-column\@s {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 40em) {
  .o-deck--5-column\@m {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 60em) {
  .o-deck--5-column\@l {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 72em) {
  .o-deck--5-column\@xl {
    grid-template-columns: repeat(5, 1fr);
  }
}

.o-deck--6-column {
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 30em) {
  .o-deck--6-column\@s {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 40em) {
  .o-deck--6-column\@m {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 60em) {
  .o-deck--6-column\@l {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 72em) {
  .o-deck--6-column\@xl {
    grid-template-columns: repeat(6, 1fr);
  }
}

/**
 * Content alignment modifier
 */
.o-deck--align-start {
  align-items: start;
}

.o-embed > *,
.o-embed > picture > img {
  display: block;
  inline-size: 100%;
}
@supports (--custom: property) {
  .o-embed {
    --aspect-ratio: 1;
    overflow: hidden;
    position: relative;
  }
  .o-embed::before {
    content: "";
    display: block;
    padding-block-end: calc(100% / (var(--aspect-ratio)));
  }
  .o-embed > *,
  .o-embed > picture > img {
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
  }
  .o-embed > img,
  .o-embed > picture > img {
    object-fit: cover;
    object-position: center;
  }
  @media (min-width: 20em) {
    .o-embed--square\@xs {
      --aspect-ratio: 1;
    }
  }
  @media (min-width: 30em) {
    .o-embed--square\@s {
      --aspect-ratio: 1;
    }
  }
  @media (min-width: 40em) {
    .o-embed--square\@m {
      --aspect-ratio: 1;
    }
  }
  @media (min-width: 60em) {
    .o-embed--square\@l {
      --aspect-ratio: 1;
    }
  }
  @media (min-width: 72em) {
    .o-embed--square\@xl {
      --aspect-ratio: 1;
    }
  }
  @media (min-width: 84em) {
    .o-embed--square\@xxl {
      --aspect-ratio: 1;
    }
  }
  @media (min-width: 96em) {
    .o-embed--square\@xxxl {
      --aspect-ratio: 1;
    }
  }
  .o-embed--full {
    --aspect-ratio: 1.3333333333;
  }
  @media (min-width: 20em) {
    .o-embed--full\@xs {
      --aspect-ratio: 1.3333333333;
    }
  }
  @media (min-width: 30em) {
    .o-embed--full\@s {
      --aspect-ratio: 1.3333333333;
    }
  }
  @media (min-width: 40em) {
    .o-embed--full\@m {
      --aspect-ratio: 1.3333333333;
    }
  }
  @media (min-width: 60em) {
    .o-embed--full\@l {
      --aspect-ratio: 1.3333333333;
    }
  }
  @media (min-width: 72em) {
    .o-embed--full\@xl {
      --aspect-ratio: 1.3333333333;
    }
  }
  @media (min-width: 84em) {
    .o-embed--full\@xxl {
      --aspect-ratio: 1.3333333333;
    }
  }
  @media (min-width: 96em) {
    .o-embed--full\@xxxl {
      --aspect-ratio: 1.3333333333;
    }
  }
  .o-embed--wide {
    --aspect-ratio: 1.7777777778;
  }
  @media (min-width: 20em) {
    .o-embed--wide\@xs {
      --aspect-ratio: 1.7777777778;
    }
  }
  @media (min-width: 30em) {
    .o-embed--wide\@s {
      --aspect-ratio: 1.7777777778;
    }
  }
  @media (min-width: 40em) {
    .o-embed--wide\@m {
      --aspect-ratio: 1.7777777778;
    }
  }
  @media (min-width: 60em) {
    .o-embed--wide\@l {
      --aspect-ratio: 1.7777777778;
    }
  }
  @media (min-width: 72em) {
    .o-embed--wide\@xl {
      --aspect-ratio: 1.7777777778;
    }
  }
  @media (min-width: 84em) {
    .o-embed--wide\@xxl {
      --aspect-ratio: 1.7777777778;
    }
  }
  @media (min-width: 96em) {
    .o-embed--wide\@xxxl {
      --aspect-ratio: 1.7777777778;
    }
  }
  .o-embed--cinema {
    --aspect-ratio: 2;
  }
  @media (min-width: 20em) {
    .o-embed--cinema\@xs {
      --aspect-ratio: 2;
    }
  }
  @media (min-width: 30em) {
    .o-embed--cinema\@s {
      --aspect-ratio: 2;
    }
  }
  @media (min-width: 40em) {
    .o-embed--cinema\@m {
      --aspect-ratio: 2;
    }
  }
  @media (min-width: 60em) {
    .o-embed--cinema\@l {
      --aspect-ratio: 2;
    }
  }
  @media (min-width: 72em) {
    .o-embed--cinema\@xl {
      --aspect-ratio: 2;
    }
  }
  @media (min-width: 84em) {
    .o-embed--cinema\@xxl {
      --aspect-ratio: 2;
    }
  }
  @media (min-width: 96em) {
    .o-embed--cinema\@xxxl {
      --aspect-ratio: 2;
    }
  }
}

.o-feature-group {
  display: grid;
  grid-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
  grid-template-areas: "intro" "content" "action";
  grid-template-rows: repeat(3, minmax(0, auto));
}
@media (min-width: 60em) {
  .o-feature-group {
    grid-row-gap: 1em;
    grid-template-areas: "intro content content" "intro content content" "action content content";
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(0, auto) 1fr minmax(0, auto);
  }
}

.o-feature-group__intro {
  grid-area: intro;
}

.o-feature-group__content {
  grid-area: content;
}

.o-feature-group__action {
  grid-area: action;
}

.o-form-group {
  display: grid;
  gap: 0.32768em;
}

.o-form-group__label {
  align-items: center;
  column-gap: 1ch;
  display: flex;
  flex-wrap: wrap;
}

:root,
.t-light {
  --theme-color-border-hype-group-object: rgba(14, 28, 67, 0.1);
}

.t-dark {
  --theme-color-border-hype-group-object: rgba(255, 255, 255, 0.1);
}

.o-hype-group {
  contain: layout;
}
@media (min-width: 45em) {
  .o-hype-group {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    display: grid;
    grid-template-areas: ". object" "intro object" "content object" ". object";
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: minmax(0, 1fr) repeat(2, minmax(0, auto)) minmax(0, 1fr);
  }
}
@media (min-width: 60em) {
  .o-hype-group {
    grid-template-areas: ". . object" "intro intro object" "content content object" ". . object";
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 45em) {
  .o-hype-group--reverse {
    grid-template-areas: "object ." "object intro" "object content" "object .";
  }
}
@media (min-width: 60em) {
  .o-hype-group--reverse {
    grid-template-areas: "object . ." "object intro intro" "object content content" "object . .";
  }
}

.o-hype-group__intro {
  grid-area: intro;
}

.o-hype-group__object {
  container-type: size;
  grid-area: object;
  position: relative;
}
@media (max-width: 44.999em) {
  .o-hype-group__object {
    aspect-ratio: 2/3;
    float: right;
    inline-size: calc(50% - 1em);
    margin: 1em;
    margin-inline-end: 0;
  }
  .o-hype-group--circle-object .o-hype-group__object {
    shape-outside: circle(58% at 66% 50%);
  }
}
@media (max-width: 44.999em) and (min-width: 30em) {
  .o-hype-group__object {
    aspect-ratio: 4/5;
    inline-size: calc(100% / 3 - 1em);
  }
  .o-hype-group--circle-object .o-hype-group__object {
    shape-outside: circle(65% at 80% 50%);
  }
}
@media (min-width: 60em) {
  .o-hype-group__object {
    margin-block: clamp(-1.9073486328rem, calc(
    -0.9765625rem + -0.9307861328 * ((100vw - 30rem) / 42)
  ), -0.9765625rem);
  }
}
@media (min-width: 72em) {
  .o-hype-group__object {
    margin-block: clamp(-4.768371582rem, calc(
    -2.44140625rem + -2.326965332 * ((100vw - 30rem) / 42)
  ), -2.44140625rem);
  }
}

.o-hype-group__object-inner {
  aspect-ratio: 1;
  block-size: 100%;
  border-radius: 0.5em;
  display: flex;
  inline-size: auto;
  overflow: hidden;
  position: relative;
}
.o-hype-group--circle-object .o-hype-group__object-inner {
  border-radius: 9999px;
}
@media (min-width: 45em) {
  .o-hype-group__object-inner {
    block-size: 100cqmax;
    inset-block-start: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
  .o-hype-group--reverse .o-hype-group__object-inner {
    inset-inline-end: 0;
  }
}
.o-hype-group--outline-object .o-hype-group__object-inner::after {
  border: 0.125rem solid var(--theme-color-border-hype-group-object);
  border-radius: inherit;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.o-hype-group__object-inner > *,
.o-hype-group__object-inner > picture > img {
  block-size: 100%;
  inline-size: 100%;
}
.o-hype-group__object-inner > img,
.o-hype-group__object-inner > picture > img {
  object-fit: cover;
}

.o-hype-group__content {
  grid-area: content;
  margin-block-start: var(--rhythm, 1.25em);
  max-inline-size: 40em;
}

.o-input-group {
  display: flex;
}
.o-input-group > :focus {
  z-index: 1;
}
.o-input-group > :not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.o-input-group > :not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.o-input-group > * + * {
  margin-inline-start: -0.125rem;
}

.o-list {
  list-style: none;
  padding-inline-start: 0;
}

.o-list--inline {
  column-gap: 1.25em;
  display: flex;
  flex-wrap: wrap;
}

.o-list--2-column {
  column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
  columns: 2;
  position: relative;
}
.o-list--2-column > * {
  break-inside: avoid;
  position: relative;
}
@media (min-width: 30em) {
  .o-list--2-column\@s {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 2;
    position: relative;
  }
  .o-list--2-column\@s > * {
    break-inside: avoid;
    position: relative;
  }
}
@media (min-width: 40em) {
  .o-list--2-column\@m {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 2;
    position: relative;
  }
  .o-list--2-column\@m > * {
    break-inside: avoid;
    position: relative;
  }
}
@media (min-width: 60em) {
  .o-list--2-column\@l {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 2;
    position: relative;
  }
  .o-list--2-column\@l > * {
    break-inside: avoid;
    position: relative;
  }
}
@media (min-width: 72em) {
  .o-list--2-column\@xl {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 2;
    position: relative;
  }
  .o-list--2-column\@xl > * {
    break-inside: avoid;
    position: relative;
  }
}

.o-list--3-column {
  column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
  columns: 3;
  position: relative;
}
.o-list--3-column > * {
  break-inside: avoid;
  position: relative;
}
@media (min-width: 30em) {
  .o-list--3-column\@s {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 3;
    position: relative;
  }
  .o-list--3-column\@s > * {
    break-inside: avoid;
    position: relative;
  }
}
@media (min-width: 40em) {
  .o-list--3-column\@m {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 3;
    position: relative;
  }
  .o-list--3-column\@m > * {
    break-inside: avoid;
    position: relative;
  }
}
@media (min-width: 60em) {
  .o-list--3-column\@l {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 3;
    position: relative;
  }
  .o-list--3-column\@l > * {
    break-inside: avoid;
    position: relative;
  }
}
@media (min-width: 72em) {
  .o-list--3-column\@xl {
    column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
    columns: 3;
    position: relative;
  }
  .o-list--3-column\@xl > * {
    break-inside: avoid;
    position: relative;
  }
}

.o-logo-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1.953125em;
}

.o-logo-group--pad {
  padding: 1.953125em;
}

.o-logo-group--justify-center {
  justify-content: center;
}

.o-logo-group--justify-end {
  justify-content: end;
}

.o-logo-group > * {
  inline-size: 9em;
}

/**
 * 1. Middle-align child elements. This will take effect when the content is
 *    shorter than the object.
 * 2. It's important to include `minmax` even for the content column, because
 *    if not, a flex or grid container within could break outside the bounds
 *    of the content.
 */
.o-media {
  align-items: center; /* 1 */
  display: grid;
  grid-gap: 1em;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr); /* 2 */
}

/**
 * Reverse column layout for the `reverse` modifier.
 */
.o-media--reverse {
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}

/**
 * 1. This will take effect when the object is shorter than the content, making
 *    the whole element appear top-aligned in that case.
 * 2. To encourage a semantic document outline, we decouple this element's
 *    visual order from its markup order.
 */
.o-media__object {
  align-self: start; /* 1 */
  order: -1; /* 2 */
}

/**
 * Modifier: Align Start
 *
 * Uses `align-items: start` instead of `align-items: center`
 */
.o-media--align-start {
  align-items: start;
}

/**
 * Modifier: Generous Gap
 *
 * Increases the size of the gap between the media object and content.
 */
.o-media--generous {
  column-gap: 1.953125em;
}

/**
 * Modifier: Reverse
 *
 * Swap gap position and visual order.
 */
.o-media--reverse .o-media__object {
  order: 1;
}

/**
 * Modifier: Jaunty
 *
 * Applies a fun rotation to the media object, and a bit of margin to
 * compensate for the rotation.
 *
 * 1. Limits the width of the element so that the transform-origin is correct,
 * even in browsers which don't support CSS grid.
 */
.o-media--jaunty .o-media__object {
  display: inline-block; /* 1 */
  margin-inline: 0.4096em;
  transform: rotate(-5deg);
}

.o-media--reverse.o-media--jaunty .o-media__object {
  transform: rotate(5deg);
}

/**
 *  Modifier: Content Sizing
 *
 * This modifier lets us use fractional units to size media content in relation
 * to the object. This should make it easier to align the content of multiple
 * media elements, even when the objects differ in size.
 */
.o-media--1-by-1 {
  grid-template-columns: 1fr 1fr;
}
.o-media--1-by-1 .o-media__object {
  justify-self: center;
}
@media (min-width: 30em) {
  .o-media--1-by-1\@s {
    grid-template-columns: 1fr 1fr;
  }
  .o-media--1-by-1\@s .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 40em) {
  .o-media--1-by-1\@m {
    grid-template-columns: 1fr 1fr;
  }
  .o-media--1-by-1\@m .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 60em) {
  .o-media--1-by-1\@l {
    grid-template-columns: 1fr 1fr;
  }
  .o-media--1-by-1\@l .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 72em) {
  .o-media--1-by-1\@xl {
    grid-template-columns: 1fr 1fr;
  }
  .o-media--1-by-1\@xl .o-media__object {
    justify-self: center;
  }
}

.o-media--1-by-2 {
  grid-template-columns: 1fr 2fr;
}
.o-media--1-by-2 .o-media__object {
  justify-self: center;
}
@media (min-width: 30em) {
  .o-media--1-by-2\@s {
    grid-template-columns: 1fr 2fr;
  }
  .o-media--1-by-2\@s .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 40em) {
  .o-media--1-by-2\@m {
    grid-template-columns: 1fr 2fr;
  }
  .o-media--1-by-2\@m .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 60em) {
  .o-media--1-by-2\@l {
    grid-template-columns: 1fr 2fr;
  }
  .o-media--1-by-2\@l .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 72em) {
  .o-media--1-by-2\@xl {
    grid-template-columns: 1fr 2fr;
  }
  .o-media--1-by-2\@xl .o-media__object {
    justify-self: center;
  }
}

.o-media--1-by-3 {
  grid-template-columns: 1fr 3fr;
}
.o-media--1-by-3 .o-media__object {
  justify-self: center;
}
@media (min-width: 30em) {
  .o-media--1-by-3\@s {
    grid-template-columns: 1fr 3fr;
  }
  .o-media--1-by-3\@s .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 40em) {
  .o-media--1-by-3\@m {
    grid-template-columns: 1fr 3fr;
  }
  .o-media--1-by-3\@m .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 60em) {
  .o-media--1-by-3\@l {
    grid-template-columns: 1fr 3fr;
  }
  .o-media--1-by-3\@l .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 72em) {
  .o-media--1-by-3\@xl {
    grid-template-columns: 1fr 3fr;
  }
  .o-media--1-by-3\@xl .o-media__object {
    justify-self: center;
  }
}

.o-media--1-by-4 {
  grid-template-columns: 1fr 4fr;
}
.o-media--1-by-4 .o-media__object {
  justify-self: center;
}
@media (min-width: 30em) {
  .o-media--1-by-4\@s {
    grid-template-columns: 1fr 4fr;
  }
  .o-media--1-by-4\@s .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 40em) {
  .o-media--1-by-4\@m {
    grid-template-columns: 1fr 4fr;
  }
  .o-media--1-by-4\@m .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 60em) {
  .o-media--1-by-4\@l {
    grid-template-columns: 1fr 4fr;
  }
  .o-media--1-by-4\@l .o-media__object {
    justify-self: center;
  }
}
@media (min-width: 72em) {
  .o-media--1-by-4\@xl {
    grid-template-columns: 1fr 4fr;
  }
  .o-media--1-by-4\@xl .o-media__object {
    justify-self: center;
  }
}

/**
 * The Overview stacks content vertically on small screens.
 * On large screens the header and actions are stacked horizontally above the content.
 * The specific spacing values were inferred from the Article Listing prototype.
 */
.o-overview__header {
  margin-block-end: 1.25em;
}

.o-overview__actions {
  margin-block-end: 1.953125em;
}

@supports (display: grid) {
  @media (min-width: 60em) {
    .o-overview {
      align-items: center;
      column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
      display: grid;
      grid-template-areas: "header header actions" "content content content";
      grid-template-columns: repeat(3, 1fr);
      row-gap: 1.953125em;
    }
    .o-overview__header,
    .o-overview__actions {
      margin: 0;
    }
    .o-overview__header {
      grid-area: header;
    }
    .o-overview__actions {
      grid-area: actions;
    }
    .o-overview__content {
      grid-area: content;
    }
  }
}
/**
 * Page container
 *
 * 1. Avoid grid blowouts by specifying the `min-width` of the column.
 *    @see https://css-tricks.com/you-want-minmax10px-1fr-not-1fr/
 * 2. Attempts to fill the available area (assuming `height: 100%` is applied
 *    to all parent elements) & keep the footer at the bottom of that area.
 *    @see https://css-tricks.com/couple-takes-sticky-footer/#there-is-grid
 */
.o-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, auto) 0 minmax(0, 1fr) minmax(0, auto);
  min-block-size: 100%;
}

/**
 * These classes aren't strictly required, but they keep the HTML source a
 * little easier to read while also supporting swapping of source order if
 * that's ever something that content calls for.
 */
.o-page__header {
  grid-row: 1;
}

/**
 * An optional `alert` block can be used to pass an Alert component
 *
 * 1. Use a $factor of 0.5 to allow the alert to bleed more into the
 *    content margins instead of aligning with the content itself.
 * 2. Match the padding-inline for visual balance.
 */
.o-page__alert {
  padding-inline: clamp(0.625rem, calc(
    0.625rem + 0.9008789063 * ((100vw - 30rem) / 42)
  ), 1.5258789063rem);
  padding-block: clamp(0.9765625rem, calc(
    0.9765625rem + 0.9307861328 * ((100vw - 30rem) / 42)
  ), 1.9073486328rem);
  display: grid;
  grid-row: 2;
  inline-size: 100%;
  inset-block-end: 0;
  justify-content: center;
  position: fixed;
  z-index: 999;
}

.o-page__content {
  grid-row: 3;
}

.o-page__footer {
  grid-row: 4;
}

:root {
  --rhythm: 1.25em;
}

.o-rhythm > * + * {
  margin-block-start: 1.25em;
  margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
  .o-rhythm > * + h1,
  .o-rhythm > * + h2,
  .o-rhythm > * + h3,
  .o-rhythm > * + h4,
  .o-rhythm > * + h5,
  .o-rhythm > * + h6,
  .o-rhythm > * + [class*=heading] {
    margin-block-start: var(--rhythm-headings, var(--rhythm));
  }
}

.o-rhythm--compact > * {
  --rhythm: 0.262144em;
}

.o-rhythm--condensed > * {
  --rhythm: 0.8em;
}

.o-rhythm--generous > * {
  --rhythm: 1.953125em;
}

.o-rhythm--lavish > * {
  --rhythm: clamp(1.953125rem, calc(
    1.953125rem + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656rem);
}

.o-rhythm--default > * {
  --rhythm: 1.25em;
}

.o-rhythm--generous-headings > * {
  --rhythm-headings: 1.953125em;
}

.o-rhythm--lavish-headings > * {
  --rhythm-headings: clamp(1.953125rem, calc(
    1.953125rem + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656rem);
}

:root,
.t-light {
  --theme-color-background-icon: #fcdcd0;
  --theme-color-icon: #f27041;
  --theme-color-icon-error: #bc1919;
  --theme-color-background-icon-error: #ffcaca;
}

.t-dark {
  --theme-color-background-icon: #f27041;
  --theme-color-icon: #fcdcd0;
  --theme-color-icon-error: #ffcaca;
  --theme-color-background-icon-error: #bc1919;
}

.c-alert {
  border-radius: clamp(
    0px,
    ((100vw - 0.125em) - 100%) * 9999,
    0.25em
  );
  background: var(--theme-color-background-secondary);
  color: var(--theme-color-text-emphasis);
}

.c-alert__inner {
  display: grid;
  grid-column-gap: 1.25em;
  grid-template-areas: "icon .       dismiss" "icon content dismiss" "icon .       dismiss";
  grid-template-columns: minmax(0, auto) 1fr minmax(0, auto);
  grid-template-rows: 0.8em minmax(0, auto) 0.8em;
  margin: 0 auto;
  max-inline-size: 72em;
}

.c-alert--floating {
  box-shadow: 0 0 0 0.125rem var(--theme-color-shadow-inner), 0.25rem 0.25rem 0 0.125rem var(--theme-color-shadow-outer);
}
.c-alert--floating, .t-light .c-alert--floating {
  --theme-color-shadow-inner: rgba(14, 28, 67, 0.4);
  --theme-color-shadow-outer: rgba(14, 28, 67, 0.2);
}
.t-dark .c-alert--floating {
  --theme-color-shadow-inner: rgba(14, 28, 67, 0.6);
  --theme-color-shadow-outer: rgba(14, 28, 67, 0.4);
}

/**
 * 1. This number was chosen because in combination with the usual
 * single-line height of the element, it makes a perfect square.
 */
.c-alert__extra {
  --icon-size: 1.25em;
  align-items: center;
  background-color: var(--theme-color-background-icon);
  border-bottom-left-radius: 0.25em;
  border-top-left-radius: 0.25em;
  color: var(--theme-color-icon);
  display: flex;
  grid-area: icon;
  inline-size: 3.0517578125em; /* 1 */
  justify-content: center;
}
@media (min-width: 84em) {
  .c-alert__extra {
    border: 0.4096em solid var(--theme-color-background-secondary);
    border-radius: 9999px;
  }
}
.c-alert--error .c-alert__extra {
  background-color: var(--theme-color-background-icon-error);
  color: var(--theme-color-icon-error);
}

.c-alert__content {
  grid-area: content;
}

.c-alert__dismiss {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0.25em;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  grid-area: dismiss;
  justify-content: center;
  margin: 0;
  min-inline-size: 3.0517578125em;
  padding: 0;
}
.c-alert__dismiss::-moz-focus-inner {
  border: 0;
}
.c-alert__dismiss:focus {
  outline: 0;
}
.c-alert__dismiss:focus-visible {
  box-shadow: 0 0 0 0.25rem #8abfff;
}

.c-alert__dismiss-icon {
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-alert__dismiss:hover .c-alert__dismiss-icon {
  transform: scale(1.05);
}
.c-alert__dismiss:active .c-alert__dismiss-icon {
  transform: scale(0.95);
}

/**
 * Container
 */
.c-author {
  color: var(--theme-color-text-muted);
}

/**
 * 1. Prevent breaking inside author names
 */
.c-author__author {
  display: inline-block; /* 1 */
}

/**
 * Themed properties
 */
:root,
.t-light {
  --theme-color-background-avatar: #c0cfd8;
}

.t-dark {
  --theme-color-background-avatar: #183889;
}

/**
 * Containing element
 *
 * 1. Because avatars are a good thing to lazy-load, we want to show a
 *    background color that will make that transition less jarring. This also
 *    lets this function as a placeholder if desired.
 * 2. Prevent this element from squashing or stretching within a flex container.
 * 3. The most common use cases for avatars use a consistent width, so we set
 *    that here.
 * 4. Ensures the image fills the full dimensions of the avatar container.
 */
.c-avatar {
  aspect-ratio: 1;
  background: var(--theme-color-background-avatar); /* 1 */
  border-radius: 9999px;
  flex: none; /* 2 */
  inline-size: 3.0517578125em; /* 3 */
  overflow: hidden;
}
.c-avatar > img,
.c-avatar > picture > img {
  block-size: 100%; /* 4 */
  inline-size: 100%; /* 4 */
}

/**
 * Size modifiers
 */
.c-avatar--small {
  inline-size: 1.953125em;
}

.c-avatar--full {
  inline-size: 100%;
}

/**
 * Shape modifiers
 */
.c-avatar--square,
.c-avatar--squircle {
  border-radius: 0.25em;
}

@supports (-webkit-mask: url("example.svg")) or (mask: url("example.svg")) {
  .c-avatar--squircle {
    border-radius: 0;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E %3Cpath d=' M 0,500 C 0,50 50,0 500,0 S 50,0 500,0 1000,50 1000,500 1000,50 1000,500 950,1000 500,1000 950,1000 500,1000 0,950 0,500 0,1050 0,500 '/%3E %3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E %3Cpath d=' M 0,500 C 0,50 50,0 500,0 S 50,0 500,0 1000,50 1000,500 1000,50 1000,500 950,1000 500,1000 950,1000 500,1000 0,950 0,500 0,1050 0,500 '/%3E %3C/svg%3E");
  }
}

.c-badge {
  align-items: center;
  background: var(--theme-color-background-secondary);
  block-size: 1.5625em;
  border-radius: 0.25em;
  color: var(--theme-color-text-muted);
  display: inline-flex;
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1;
  padding: 0 0.256em;
  text-decoration: none;
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: middle;
  white-space: nowrap;
}

a.c-badge {
  background-color: rgba(138, 191, 255, 0.2);
  color: var(--theme-color-text-action);
}
a.c-badge:hover {
  filter: brightness(110%);
}
a.c-badge:active {
  filter: brightness(80%);
}

.c-badge__content:first-child {
  padding-inline-start: 0.256em;
}
.c-badge__content:last-child {
  padding-inline-end: 0.256em;
}

.c-badge__extra {
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center;
  min-inline-size: 1.5625em;
}

/**
 * Themed properties
 */
:root,
.t-light {
  --theme-color-background-button-default: #215cca;
  --theme-color-background-button-primary: #950cde;
  --theme-color-background-button-secondary: var(--theme-color-background-base);
  --theme-color-border-button-default: #183889;
  --theme-color-border-button-primary: #560a9b;
  --theme-color-border-button-secondary: #3d84f5;
  --theme-color-text-button-default: #ffffff;
  --theme-color-text-button-primary: #ffffff;
  --theme-color-text-button-secondary: var(--theme-color-text-action);
  --theme-color-text-button-tertiary: var(--theme-color-text-action);
}

.t-dark {
  --theme-color-background-button-default: #183889;
  --theme-color-background-button-primary: #ffffff;
  --theme-color-background-button-secondary: var(--theme-color-background-base);
  --theme-color-border-button-default: #0e1c43;
  --theme-color-border-button-primary: #0e1c43;
  --theme-color-border-button-secondary: #0e1c43;
  --theme-color-text-button-default: #ffffff;
  --theme-color-text-button-primary: #215cca;
  --theme-color-text-button-secondary: var(--theme-color-text-action);
  --theme-color-text-button-tertiary: var(--theme-color-text-action);
}

/**
 * Button object
 *
 * 1. We set a height to coordinate consistently with `c-input`. Unfortunately
 *    browsers don't consistently size inputs without setting `height`.
 * 2. More overtly actionable cursor appearance. Recently this tweak has come
 *    with some contention, but our experience has been that the average user
 *    doesn't differentiate cursor styles between different styles of action.
 * 3. Although we will be overtly setting some typographic properties, the
 *    shorthand is helpful for completely overriding all system font styles as
 *    a starting point.
 */
/**
 * Modifier: Primary
 */
/**
 * Modifier: Secondary
 */
/**
 * Modifier: Tertiary
 */
.c-button {
  --icon-size: 1.25em;
  align-items: center;
  background: #215cca;
  background: var(--theme-color-background-button-default);
  block-size: 2.44140625em; /* 1 */
  border-color: #183889;
  border-color: var(--theme-color-border-button-default);
  border-radius: 0.25em;
  border-style: solid;
  border-width: 0.125rem;
  color: #ffffff;
  color: var(--theme-color-text-button-default);
  cursor: pointer; /* 2 */
  display: inline-flex;
  font: inherit; /* 3 */
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: normal;
  padding: 0.4096em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  /**
   * Transform, opacity and filter changes are performant and will work across
   * many more stylistic modifiers than specific color shifts.
   */
  /**
   * Loading state
   */
}
.c-button::-moz-focus-inner {
  border: 0;
}
.c-button:focus {
  outline: 0;
}
.c-button:focus-visible {
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.c-button:hover {
  filter: brightness(110%);
  transform: scale(1.05);
}
.c-button:active {
  filter: brightness(80%);
  transform: scale(0.95);
}
.c-button:disabled, .c-button[aria-disabled=true] {
  cursor: not-allowed;
  filter: grayscale(60%);
  opacity: 0.85;
  transform: none;
}
.c-button.is-loading {
  /**
   * Display a spinner. Static if the user prefers reduced motion, animated
   * otherwise.
   */
  /**
   * Hide child elements (content, extra). We use this technique because it is
   * performant and will not negate any keyboard events.
   *
   * @link https: //stackoverflow.com/a/34529598
   */
}
.c-button.is-loading::after {
  animation: 0.6s rotate-clockwise linear infinite;
  block-size: 1.25em;
  border: 0.125rem solid currentColor;
  border-block-start-color: transparent;
  border-radius: 9999px;
  content: "";
  inline-size: 1.25em;
  inset: 0;
  margin: auto;
  position: absolute;
}
@media (prefers-reduced-motion: reduce) {
  .c-button.is-loading::after {
    animation: none;
    border-block-start-color: currentColor;
    border-style: dashed;
  }
}
.c-button.is-loading > * {
  opacity: 0;
}

/**
 * Modifier: Primary
 */
.c-button--primary {
  background-color: var(--theme-color-background-button-primary);
  border-color: var(--theme-color-border-button-primary);
  color: var(--theme-color-text-button-primary);
}

/**
 * Modifier: Secondary
 */
.c-button--secondary {
  background-color: var(--theme-color-background-button-secondary);
  border-color: var(--theme-color-border-button-secondary);
  color: var(--theme-color-text-button-secondary);
}

/**
 * Modifier: Tertiary
 */
.c-button--tertiary {
  background-color: transparent;
  border-color: transparent;
  color: var(--theme-color-text-button-tertiary);
}

/**
 * Element: Extra
 */
.c-button__extra {
  display: flex;
  margin: 0 0.4096em;
  position: relative;
  /**
   * Show visual slash through element when button is in slashed state
   */
}
.c-button__extra:first-child {
  margin-inline-start: -0.4096em;
}
.c-button__extra:last-child {
  margin-inline-end: -0.4096em;
}
.c-button.is-slashed .c-button__extra::after {
  background: currentColor;
  block-size: 0.125rem;
  border-radius: 9999px;
  content: "";
  inline-size: 100%;
  inset-block-start: 50%;
  inset-inline-start: 0;
  position: absolute;
  transform: rotate(-30deg);
}
.c-button.is-slashed .c-button__extra > * {
  clip-path: polygon(-5% -5%, 105% -5%, 105% 23%, -5% 87%, -5% 101.4711%, 105% 37.9626%, 105% 105%, -5% 105%);
  transform: translate(0, 0);
}
@supports (clip-path: view-box) {
  .c-button.is-slashed .c-button__extra > * {
    clip-path: view-box polygon(-5% -5%, 105% -5%, 105% 23%, -5% 87%, -5% 101.4711%, 105% 37.9626%, 105% 105%, -5% 105%);
  }
}

/**
 * Themed properties
 */
:root,
.t-light {
  --theme-color-border-calendar-date: #c0cfd8;
}

.t-dark {
  --theme-color-border-calendar-date: #183889;
}

.c-calendar-date {
  block-size: 5.9604644775em;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  inline-size: 5.9604644775em;
  line-height: 1.25;
  text-align: center;
  user-select: none;
}

/**
 * 1. These defaults colors are a little drab, but they won't require any
 *    complex specificity to override across themes, and they will rarely be
 *    seen unless seasonal modifier classes are omitted.
 */
.c-calendar-date__header {
  align-items: center;
  background-color: #485968; /* 1 */
  block-size: 1.953125em;
  border: 0.125rem solid #252b32; /* 1 */
  border-block-end-width: 0;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  color: #ffffff;
  display: flex;
  flex: none;
  font-weight: 600;
  justify-content: center;
  text-transform: uppercase;
  /**
   * Seasonal colors
   */
}
.c-calendar-date--march .c-calendar-date__header, .c-calendar-date--april .c-calendar-date__header, .c-calendar-date--may .c-calendar-date__header {
  background-color: #105c52;
  border-color: #0c3538;
}
.c-calendar-date--june .c-calendar-date__header, .c-calendar-date--july .c-calendar-date__header, .c-calendar-date--august .c-calendar-date__header {
  background-color: #950f7d;
  border-color: #5c0a5c;
}
.c-calendar-date--september .c-calendar-date__header, .c-calendar-date--october .c-calendar-date__header, .c-calendar-date--november .c-calendar-date__header {
  background-color: #aa3f24;
  border-color: #622018;
}
.c-calendar-date--december .c-calendar-date__header, .c-calendar-date--january .c-calendar-date__header, .c-calendar-date--february .c-calendar-date__header {
  background-color: #560a9b;
  border-color: #2a085e;
}

.c-calendar-date__main {
  align-items: center;
  background-color: #ffffff;
  border: 0.125rem solid var(--theme-color-border-calendar-date);
  border-block-start-width: 0;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.c-calendar-date__day {
  font-size: 1.953125em;
}

/**
 * 1. Truncation
 */
.c-calendar-date__note {
  font-size: 0.8em;
  inline-size: 100%; /* 1 */
  overflow: hidden; /* 1 */
  padding: 0 0.8em;
  text-overflow: ellipsis; /* 1 */
  white-space: nowrap; /* 1 */
}

/**
 * The main card container
 *
 * 1. We define our column gap here instead of in the `c-card--horizontal`
 *    modifiers so we don't have to define it within multiple media queries.
 * 2. We use `minmax(0, auto)` to prevent these rows from displaying in some
 *    browsers even if their elements are nonexistent.
 * 3. This allows our `c-card__link` pseudo element to position itself relative
 *    to this container.
 */
.c-card {
  display: grid;
  grid-column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em); /* 1 */
  grid-template-areas: "cover" "header" "content" "footer";
  grid-template-rows: minmax(0, auto) minmax(0, auto) 1fr minmax(0, auto); /* 2 */
  position: relative; /* 3 */
}

.c-card--contained {
  border-radius: clamp(
    0px,
    ((100vw - 0.25em) - 100%) * 9999,
    0.5em
  );
  padding: 1.25em;
}
.c-card--contained:not([class^=t-]):not([class*=" t-"]) {
  background-color: var(--theme-color-background-secondary);
}

/**
 * Center-align text content to better match a circular cover image
 */
.c-card--circle-cover {
  text-align: center;
}

/**
 * Responsive horizontal modifiers
 *
 * 1. If this is in a multi-column grid layout, this insures it will fill the
 *    available width.
 * 2. We define the layout as three columns instead of `2fr 1fr` so that the
 *    gaps will line up with three-column elements below.
 * 3. The `fr` rows on the ends keep the content rows vertically centered.
 */
@media (min-width: 40em) {
  .c-card--horizontal\@m {
    grid-column: 1/-1; /* 1 */
    grid-template-areas: "cover cover ." "cover cover header" "cover cover content" "cover cover footer" "cover cover .";
    grid-template-columns: repeat(3, 1fr); /* 2 */
    grid-template-rows: 1fr repeat(3, minmax(0, auto)) 1fr; /* 3 */
    /**
     * When the cover image is circular (and thus taller), give it a smaller
     * amount of space and keep the text left-aligned.
     */
  }
  .c-card--horizontal\@m.c-card--circle-cover {
    grid-template-areas: "cover . ." "cover header header" "cover content content" "cover footer footer" "cover . .";
    text-align: start;
  }
}
@media (min-width: 60em) {
  .c-card--horizontal\@l {
    grid-column: 1/-1; /* 1 */
    grid-template-areas: "cover cover ." "cover cover header" "cover cover content" "cover cover footer" "cover cover .";
    grid-template-columns: repeat(3, 1fr); /* 2 */
    grid-template-rows: 1fr repeat(3, minmax(0, auto)) 1fr; /* 3 */
    /**
     * When the cover image is circular (and thus taller), give it a smaller
     * amount of space and keep the text left-aligned.
     */
  }
  .c-card--horizontal\@l.c-card--circle-cover {
    grid-template-areas: "cover . ." "cover header header" "cover content content" "cover footer footer" "cover . .";
    text-align: start;
  }
}
@media (min-width: 72em) {
  .c-card--horizontal\@xl {
    grid-column: 1/-1; /* 1 */
    grid-template-areas: "cover cover ." "cover cover header" "cover cover content" "cover cover footer" "cover cover .";
    grid-template-columns: repeat(3, 1fr); /* 2 */
    grid-template-rows: 1fr repeat(3, minmax(0, auto)) 1fr; /* 3 */
    /**
     * When the cover image is circular (and thus taller), give it a smaller
     * amount of space and keep the text left-aligned.
     */
  }
  .c-card--horizontal\@xl.c-card--circle-cover {
    grid-template-areas: "cover . ." "cover header header" "cover content content" "cover footer footer" "cover . .";
    text-align: start;
  }
}

/**
 * Cloudy modifier
 *
 * Chrome and Safari often introduce little subpixel artifacts between the edge
 * of a bottom-right image or positioned element that is sized responsively. To
 * minimize this, we assume that this modifier will be shown on a default/light
 * background, and we use a pseudo element for the cloud of the same color so
 * we can offset it slightly (which overlays any artifacting).
 *
 * 1. On the element itself we can include the "background" clouds. These are
 *    lower contrast so the artifacting is less noticeable, and they do not
 *    match light backgrounds so we can't offset them.
 * 2. We include more generous spacing to account for the clouds. It is still
 *    theoretically possible for content to overlap the clouds, so this modifier
 *    should be used carefully.
 */
.c-card--cloudy {
  padding-block: clamp(1.953125rem, calc(
    1.953125rem + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656rem);
  /* 2 */
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
  /* 2 */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='300' viewBox='0 0 580 300'%3E %3Cpath d='m261.74,215.01c-8.91-3.24-18.27-5.04-27.74-5.36-.4-2.4-1.07-4.75-2-7-12.44-30.64-53.17-48.64-94.19-39.35-26.55,6.01-46.12,21.84-53.64,40.71-14.51.16-28.72,4.16-41.17,11.61-34.91,21.44-51,64.32-36.88,93.52,7.89,16.35,23.71,25.26,42.15,26v.05h3.73l195.69-.91c32,4.77,67.52-9.18,72.35-35.44,6.03-32.59-18.7-69.64-58.3-83.83Z' fill='%233d84f5'/%3E %3Cpath d='m481.1,159.3c-6.43-.01-12.83.82-19.05,2.47-7.63-37.67-37.05-65.71-72.13-65.71-10.55.01-20.95,2.55-30.32,7.41-17.41-14.47-39.33-22.42-61.97-22.47-50.89,0-93,40-100.91,92.3h-1.32c-59.94-1.9-93.94,43.7-93.94,97.54s43.03,78.16,93.94,78.16h285.7c46.09,0,83.44-42.45,83.44-94.82s-37.35-94.88-83.44-94.88Z' fill='%238abfff'/%3E %3C/svg%3E"); /* 1 */
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto clamp(2.59765625rem, calc(
    2.59765625rem + 2.4758911133 * ((100vw - 30rem) / 10)
  ), 5.0735473633rem);
}

/**
 * Pseudo element used to position the cloud matching the container background,
 * offset to obscure rounding artifacts.
 *
 * 1. Fluid sizing based on asset's natural dimensions, since we don't have an
 *    `auto` width in this context.
 * 2. Offsetting to obscure artifacts.
 * 3. Prevent pointer events so that cloud can never block interactions (clicks,
 *    text selection, etc.)
 */
.c-card--cloudy::before {
  aspect-ratio: 580/220; /* 1 */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='300' viewBox='0 0 580 300'%3E %3Cpath d='m825.11,111.48c-10.75-21.84-26.29-41.49-46.68-56-39.15-27.88-92.52-34-139.09-24.51-37.34-37.92-102.09-37.43-154.55-12.1-47.79,23.07-81.01,64.41-84.79,111.33-18.17,3.19-35.76,9.11-52.15,17.57-72.4,38.23-105.61,114.74-76.43,166.81,16,28.61,47.92,44.46,85.21,46.24l-.14.18h452c79.88,0,144.64-56,144.64-125.17.02-64.26-55.94-117.21-128.02-124.35Z' fill='%23fff'/%3E %3C/svg%3E");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: clamp(2.59765625rem, calc(
    2.59765625rem + 2.4758911133 * ((100vw - 30rem) / 10)
  ), 5.0735473633rem); /* 1 */
  content: "";
  inset-block-end: -1px; /* 2 */
  inset-inline-end: -1px; /* 2 */
  pointer-events: none; /* 3 */
  position: absolute;
}

/**
 * Header area
 *
 * This exists separately from the heading to encourage the use of the `header`
 * element within an `article`.
 *
 * 1. This display type and gap exist in case an `eyebrow` block is included.
 */
.c-card__header {
  display: grid; /* 1 */
  gap: 0.8rem; /* 1 */
  grid-area: header;
  /**
   * If there's content after this, add margin below. This gets a little weird
   * if only a cover and header are shown, but I think that will be uncommon
   * enough to make this a fair solution.
   */
}
.c-card__header:not(:last-child) {
  margin-block-end: 0.8rem;
}

/**
 * We style the heading regardless of level to encourage using the most
 * appropriate semantic heading level for the document outline.
 */
.c-card__heading {
  font-size: clamp(1.25em, calc(
    1.25em + 0.3125 * ((100vw - 20rem) / 40)
  ), 1.5625em);
  line-height: 1.25;
  font-weight: 700;
}

/**
 * The eyebrow should precede the heading visually.
 */
.c-card__eyebrow {
  order: -1;
}

/**
 * This is the primary link, presumed but not required to be within the heading.
 */
.c-card__link {
  /**
   * Keyboard focus styles take inspiration from buttons and similar elements
   */
  /**
   * Only show the underline on hover.
   */
  /**
   * Cover the entire card with an absolute positioned pseudo element. This
   * is easier to use for assistive devices than a block-level link or multiple
   * redundant links and requires no JavaScript. It does sacrifice ease of text
   * selection, but that shouldn't be a huge issue if a `Card` is linking to
   * more information.
   */
}
.c-card__link::-moz-focus-inner {
  border: 0;
}
.c-card__link:focus {
  outline: 0;
}
.c-card__link:focus-visible::after {
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.c-card__link:not(:hover) {
  text-decoration: none;
}
.c-card__link::after {
  border-radius: 0.25em;
  content: "";
  inset: -0.25rem;
  position: absolute;
  z-index: 1;
  /**
   * Do not overflow when the card's edges are distinct
   */
}
.c-card--contained .c-card__link::after {
  inset: 0;
}

/**
 * Cover area
 *
 * 1. In case the image is missing or slow to load.
 * 2. Fix for Safari bug where transitions cause overflow to no longer be
 *    respected. Although other fixes seem to use 3D transforms, this does not
 *    appear to be necessary when the child effect is not 3D.
 *    @see https://bugs.webkit.org/show_bug.cgi?id=68196
 *    @see https://stackoverflow.com/questions/14383632/
 */
.c-card__cover {
  aspect-ratio: 1.7777777778;
  background-color: var(--theme-color-background-secondary); /* 1 */
  border-radius: 0.25em;
  grid-area: cover;
  overflow: hidden;
  transform: translate(0, 0); /* 2 */
  /**
   * Allows cover image to break out of 16/9 aspect-ratio and fill the space
   * vertically at smallish viewports (only applies in the horizontal layout)
   */
  /**
   * Subtly brighten covers within our alternate theme containers to help offset
   * imagery with light backgrounds from the surrounding container. We could
   * also do this for contained cards, but since those are a less common
   * occurrence we'll keep this simple for now.
   */
  /**
   * Square aspect ratio + fully rounded corners = circular cover image
   *
   * 1. Fixes bug where the circle cover wasn't a circle at smallest viewports
   */
  /**
   * Since this element is always visually on top, we can assume it needs a
   * bottom margin _unless_ it's an only child. Unfortunately we need to
   * override this for the horizontal modifier.
   */
}
@media (min-width: 40em) {
  .c-card--horizontal\@m .c-card__cover {
    block-size: 100%;
    inline-size: 100%;
  }
}
@media (min-width: 60em) {
  .c-card--horizontal\@l .c-card__cover {
    block-size: 100%;
    inline-size: 100%;
  }
}
@media (min-width: 72em) {
  .c-card--horizontal\@xl .c-card__cover {
    block-size: 100%;
    inline-size: 100%;
  }
}
.t-alternate .c-card__cover {
  filter: brightness(102.5%);
}
.c-card--circle-cover .c-card__cover {
  aspect-ratio: 1;
  block-size: auto; /* 1 */
  border-radius: 9999px;
}
.c-card__cover:not(:only-child) {
  margin-block-end: 1.25rem;
}
@media (min-width: 40em) {
  .c-card--horizontal\@m .c-card__cover:not(:only-child) {
    margin-block-end: 0;
  }
}
@media (min-width: 60em) {
  .c-card--horizontal\@l .c-card__cover:not(:only-child) {
    margin-block-end: 0;
  }
}
@media (min-width: 72em) {
  .c-card--horizontal\@xl .c-card__cover:not(:only-child) {
    margin-block-end: 0;
  }
}

/**
 * Hover effect for when the card contains a link. The image appears to zoom in
 * a very slight amount. We negate that zoom for the `:active` state for some
 * subtle consistency with other scale interactions, such as buttons and event
 * summary calendars, but we don't go quite as dramatic since these are larger
 * elements that would feel a bit more jarring.
 */
.c-card__cover > *,
.c-card__cover > picture > img {
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-card--with-link:hover:not(:active) .c-card__cover > *,
.c-card--with-link:hover:not(:active) .c-card__cover > picture > img {
  transform: scale(1.025);
}

/**
 * Content area. Not especially exciting.
 */
.c-card__content {
  grid-area: content;
}
.c-card__content:not(:last-child) {
  margin-block-end: 0.8rem;
}

/**
 * Footer area. Wooooooo.
 */
.c-card__footer {
  grid-area: footer;
}

:root,
.t-light {
  --theme-color-text-checkbox-checked-hover: var(
    --theme-color-text-checkbox-hover
  );
  --theme-color-text-checkbox-disabled: #485968;
  --theme-color-text-checkbox-hover: #215cca;
}

.t-dark {
  --theme-color-text-checkbox-checked-hover: #0e1c43;
  --theme-color-text-checkbox-disabled: rgba(255, 255, 255, 0.85);
  --theme-color-text-checkbox-hover: rgba(0, 0, 0, 0.85);
}

@supports (-moz-appearance: none) or (-webkit-appearance: none) or (appearance: none) {
  .c-checkbox {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(255, 255, 255, 0.85);
    block-size: 1.5625em;
    border: 0.125rem solid currentColor;
    border-radius: 0.25em;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    flex: none;
    font: inherit;
    inline-size: 1.5625em;
    padding: 0;
    position: relative;
    transition-duration: 0.2s;
    transition-property: background-color, border-color, color;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    vertical-align: middle;
  }
  .c-checkbox::-moz-focus-inner {
    border: 0;
  }
  .c-checkbox:focus {
    outline: 0;
  }
  .c-checkbox:focus-visible {
    box-shadow: 0 0 0 0.25rem #8abfff;
  }
  .c-checkbox::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23ffffff'%3E %3Cpolyline points='4 12 9.08 18 20 6' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    inset: 0.125rem;
    opacity: 0;
    position: absolute;
    transform: scale(0);
    transition-duration: 0.2s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .c-checkbox:hover {
    background-color: #ffffff;
    color: var(--theme-color-text-checkbox-hover);
  }
  .c-checkbox:checked {
    background-color: currentColor;
  }
  .c-checkbox:checked::after {
    opacity: 1;
    transform: scale(1);
  }
  .c-checkbox:checked:hover {
    color: var(--theme-color-text-checkbox-checked-hover);
  }
  .c-checkbox:disabled {
    background-color: transparent;
    border-style: dashed;
    color: var(--theme-color-text-checkbox-disabled);
    cursor: not-allowed;
  }
  .c-checkbox:disabled::after, .t-light .c-checkbox:disabled::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23485968'%3E %3Cpolyline points='4 12 9.08 18 20 6' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3C/svg%3E");
  }
  .t-dark .c-checkbox:disabled::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 0.85)'%3E %3Cpolyline points='4 12 9.08 18 20 6' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3C/svg%3E");
  }
  .c-checkbox:disabled:checked {
    border-color: transparent;
  }
}

/**
 * The topmost containing element for this component. We keep most layout logic
 * off of this so it can be used with `o-container`.
 *
 * 1. Allows elements after this to overlap the clouds without having to use
 *    increasingly larger `z-index` values.
 * 2. This is only required to prevent Safari from showing subpixel artifacts
 *    at the bottom of bottom-aligned imagery (specifically the clouds).
 * 3. Allows us to position clouds absolutely relative to this container.
 */
.c-cloud-cover {
  contain: layout; /* 1 */
  overflow: hidden; /* 2 */
  position: relative; /* 3 */
}

/**
 * The pseudo elements for background and foreground clouds.
 *
 * 1. Safari often renders subpixel artifacts on the bottom edge, causing a
 *    visible line below the clouds. As long as the container has `overflow:
 *    hidden` set, this should prevent that from being visible.
 */
.c-cloud-cover::before,
.c-cloud-cover::after {
  background-position: bottom right;
  background-repeat: no-repeat;
  block-size: calc(12vh + 3vw);
  content: "";
  inline-size: 100%;
  inset-block-end: -1px; /* 1 */
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
}
@media (min-width: 45em) {
  .c-cloud-cover::before,
  .c-cloud-cover::after {
    inline-size: 50%;
  }
}

/**
 * The background clouds. We adjust the colors and viewboxes here rather than
 * in the SVG to give us better control of the style and
 * composition in this context.
 *
 * 1. These sizes correspond to the cloud's proportion to the largest cloud.
 */
.c-cloud-cover::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='220' viewBox='0 0 480 220' fill='%238abfff'%3E %3Cpath d='M381.1,79.3a73.77,73.77,0,0,0-19.05,2.47C354.42,44.1,325,16.06,289.92,16.06a66,66,0,0,0-30.32,7.41A97.3,97.3,0,0,0,197.63,1c-50.89,0-93,40-100.91,92.3H95.4C35.46,91.4,1.46,137,1.46,190.84S44.49,269,95.4,269H381.1c46.09,0,83.44-42.45,83.44-94.82S427.19,79.3,381.1,79.3Z'/%3E %3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='140' viewBox='0 0 580 140' fill='%233d84f5'%3E %3Cpath d='M261.74,55A90,90,0,0,0,234,49.64a32.35,32.35,0,0,0-2-7C219.56,12,178.83-6,137.81,3.29,111.26,9.3,91.69,25.13,84.17,44A81.92,81.92,0,0,0,43,55.61C8.09,77.05-8,119.93,6.12,149.13c7.89,16.35,23.71,25.26,42.15,26v.05H52l195.69-.91c32,4.77,67.52-9.18,72.35-35.44C326.07,106.24,301.34,69.19,261.74,55Z'/%3E %3C/svg%3E");
  background-size: auto 73.3333333333%, auto 46.6666666667%; /* 1 */
}

/**
 * The foreground cloud.
 */
.c-cloud-cover::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='300' viewBox='0 0 320 300' fill='%23ffffff'%3E %3Cpath d='M565.11,111.48c-10.75-21.84-26.29-41.49-46.68-56-39.15-27.88-92.52-34-139.09-24.51C342-6.95,277.25-6.46,224.79,18.87,177,41.94,143.78,83.28,140,130.2a182.42,182.42,0,0,0-52.15,17.57C15.45,186-17.76,262.51,11.42,314.58c16,28.61,47.92,44.46,85.21,46.24l-.14.18h452c79.88,0,144.64-56,144.64-125.17C693.15,171.57,637.19,118.62,565.11,111.48Z'/%3E %3C/svg%3E");
  background-position: bottom right;
  background-size: auto 100%;
  z-index: 2;
}

/**
 * This element is where the layout is defined. It's most likely the
 * `max-width` container (if present), which may already include horizontal
 * whitespace.
 *
 * 1. We use rows instead of padding/margin for whitespace to allow some scenes
 *    to overlap the clouds.
 * 2. We want this content to cover the background clouds, but not the
 *    foreground clouds.
 */
.c-cloud-cover__inner {
  align-items: center;
  column-gap: clamp(1.953125em, calc(
    1.953125em + 1.8615722656 * ((100vw - 30rem) / 42)
  ), 3.8146972656em);
  display: grid;
  grid-template-areas: "." "scene" "content" "extra" ".";
  grid-template-rows: calc((12vh + 3vw) * 0.5) repeat(3, auto) calc(12vh + 3vw); /* 1 */
  position: relative; /* 2 */
  z-index: 1; /* 2 */
  /**
   * 1. At larger sizes when the scene imagery occupies the rightmost column,
   *    we establish rows that are half the height of the clouds to allow more
   *    overlap.
   */
  /**
   * Modified styles for Cloud Cover with Extra content
   *
   * 1. Give the `extra` content a bit more space relative to the content
   *    until the viewport is wide enough for the default evenly split layout.
   */
}
@media (min-width: 45em) {
  .c-cloud-cover__inner {
    grid-template-areas: ". ." ". scene" "content extra" ". ." ". .";
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, calc((12vh + 3vw) * 0.5)) auto repeat(2, calc((12vh + 3vw) * 0.5)); /* 1 */
  }
}
@media (min-width: 45em) and (max-width: 71.999em) {
  .c-cloud-cover--with-extra .c-cloud-cover__inner {
    grid-template-columns: 3fr 4fr; /* 1 */
  }
}

/**
 * For scenes that are meant to intersect with the horizon, we extend the
 * scene area to the bottom row. (We have to do things a bit differently at
 * larger sizes, which you'll see later.)
 */
@media (max-width: 44.999em) {
  .c-cloud-cover--horizon-scene .c-cloud-cover__inner {
    grid-template-areas: "." "content" "extra" "scene" "scene";
  }
}

/**
 * The content container.
 */
.c-cloud-cover__content {
  grid-area: content;
}

.c-cloud-cover__copy {
  font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
}

/**
 * The optional _extra_ content container, intended for things like forms or
 * other calls to action.
 */
.c-cloud-cover__extra {
  grid-area: extra;
  /**
   * Because we don't want lingering row gaps when there is no extra, we must
   * use margin to avoid this running up against adjacent content.
   */
}
@media (max-width: 44.999em) {
  .c-cloud-cover__extra {
    margin-block-start: 1.25em;
  }
}

/**
 * The optional scene, where any visual objects in the sky will be displayed.
 *
 * 1. To avoid content jumps as images load, we'll be absolute-positioning the
 *    visual objects within this element.
 * 2. Without this, a cell with only absolute-positioned elements may take up
 *    zero space.
 */
.c-cloud-cover__scene {
  grid-area: scene;
  inline-size: 100%; /* 2 */
  position: relative; /* 1 */
  /**
   * At smaller breakpoints, we size the scene so that it is always twice as
   * large as the clouds.
   */
  /**
   * At larger breakpoints, we allow more overlap between the clouds and imagery
   * and size based on available space.
   */
}
@media (max-width: 44.999em) {
  .c-cloud-cover__scene {
    block-size: calc((12vh + 3vw) * 2);
    margin-block-end: 1.25em;
  }
}
@media (min-width: 45em) {
  .c-cloud-cover__scene {
    block-size: 100%;
    grid-row-end: span 3;
  }
}

/**
 * Scene adjustments for when the scene is intended to intersect with the
 * horizon.
 */
.c-cloud-cover--horizon-scene .c-cloud-cover__scene {
  /**
   * At smaller sizes we increase the height to account for the additional
   * cloud overlap, and swap the edge of the gap (since the content order is
   * the reverse of the default).
   */
  /**
   * At larger sizes all we have to do is increase the row span. We can't rely
   * on areas alone to do this since the `scene` and `extra` areas overlap.
   */
}
@media (max-width: 44.999em) {
  .c-cloud-cover--horizon-scene .c-cloud-cover__scene {
    block-size: calc((12vh + 3vw) * 3);
    margin-block: 1.25em 0;
  }
}
@media (min-width: 45em) {
  .c-cloud-cover--horizon-scene .c-cloud-cover__scene {
    grid-row-end: span 4;
  }
}

/**
 * The actual object within the scene, for example an `img` or `svg`.
 *
 * 1. Cover and fill the entire scene.
 * 2. Adjust and reposition the image within that container.
 */
.c-cloud-cover__scene-object {
  block-size: 100%; /* 1 */
  inline-size: 100%; /* 1 */
  inset-block-start: 0; /* 1 */
  inset-inline-start: 0; /* 1 */
  object-fit: contain; /* 2 */
  object-position: center; /* 2 */
  position: absolute; /* 1 */
  /**
   * At larger sizes, it looks a bit more balanced to start adding more space
   * to the right rather than on both sides.
   */
}
@media (min-width: 45em) {
  .c-cloud-cover__scene-object {
    object-position: left center;
  }
}

/**
 * When the scene is intended to intersect with the horizon, the object must
 * be positioned along the bottom.
 */
.c-cloud-cover--horizon-scene .c-cloud-cover__scene-object {
  object-position: center bottom;
}
@media (min-width: 45em) {
  .c-cloud-cover--horizon-scene .c-cloud-cover__scene-object {
    object-position: left bottom;
  }
}

.c-cloud-cover--full-height {
  min-block-size: 100%;
}

.c-comment {
  display: grid;
  grid-column-gap: 1.25em;
  grid-row-gap: 0.8em;
  grid-template-areas: "object header" "thread-line content" "thread-line footer";
  grid-template-columns: 1.953125em 1fr;
  grid-template-rows: minmax(0, auto) 1fr minmax(0, auto);
}

.c-comment.is-replying::after,
.c-comment--thread::after {
  background-color: var(--theme-color-border-text-group);
  block-size: 100%;
  border-radius: 9999px;
  content: "";
  display: block;
  grid-area: thread-line;
  inline-size: 0.125rem;
  margin-inline: auto;
}

.c-comment__reply-form {
  display: none;
}

.c-comment.is-replying .c-comment__reply-form {
  display: block;
  margin-block-start: 1.5625rem;
}

.c-comment__object {
  grid-area: object;
}

.c-comment__header {
  align-self: center;
  grid-area: header;
}

.c-comment__heading {
  font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
  line-height: 1.25;
  font-weight: 600;
}

.c-comment__content {
  grid-area: content;
  margin-block-start: -0.2em;
  min-inline-size: 0;
}

.c-comment__footer {
  grid-area: footer;
}

.c-comment__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.c-comment__meta-detail {
  color: var(--theme-color-text-muted);
}
.c-comment__meta-detail:not(:last-child) {
  margin-inline-end: 1em;
}

.c-comment__meta-control {
  margin: calc((0.125rem + 0.4096em) * -1) calc((0.125rem + 1.25em) / -2);
}

.c-comment__meta-link:not(:hover):not(:focus) {
  color: inherit;
  text-decoration: inherit;
}

.c-comment__replies {
  margin-block-start: var(--rhythm, 1.25em);
  margin-inline-start: -0.9765625em;
}

.c-comment-form {
  display: grid;
  grid-gap: 1.5625rem 2.44140625rem;
  grid-template-columns: 1fr 1fr;
}

.c-comment-form > * {
  grid-column: span 2;
}

@media (min-width: 30em) {
  .c-comment-form__name,
  .c-comment-form__email {
    grid-column: span 1;
  }
}
@media (min-width: 40em) {
  .c-comment-form__reply-actions {
    justify-self: start;
  }
}
/**
 * Build pseudo content for "between" element. We do this with text characters
 * to align most accurately with surrounding text.
 */
.c-dot-leader {
  display: flex;
  text-decoration: none;
  white-space: nowrap;
}
@supports (display: grid) {
  .c-dot-leader {
    display: grid;
    grid-gap: 1ch;
    grid-template-columns: min-content 1fr min-content;
  }
}

.c-dot-leader__start {
  font-weight: 500;
  /**
     * Retain `text-decoration` for hover effect when this element is a child
     * of a link.
     */
}
a:hover .c-dot-leader__start {
  text-decoration: underline;
}

.c-dot-leader__between,
.c-dot-leader__end {
  color: var(--theme-color-text-base);
}

/**
 * In a past iteration of this pattern we used Flexbox, non-breaking spaces
 * and some other hacks to make this work everywhere. We're now saving a lot
 * of CSS by using progressive enhancement to only add the dots where grid
 * is supported.
 *
 * Note that it's possible to achieve the dots using pseudo elements, but that
 * would risk some assistive devices reading this content aloud.
 */
@supports (display: grid) {
  .c-dot-leader__between {
    opacity: 0.65;
    overflow: hidden;
  }
  .c-dot-leader__between::after {
    content: "․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․․";
  }
}

/**
 * If grid layout is not supported, these styles make sure the end value is
 * still at the end.
 */
.c-dot-leader__end {
  margin-inline-start: auto;
  text-align: end;
}

/**
 * Themed properties
 */
:root,
.t-light {
  --theme-color-border-event-log-item: #c0cfd8;
  --theme-opacity-event-log-location: 0.65;
}

.t-dark {
  --theme-color-border-event-log-item: #183889;
  --theme-opacity-event-log-location: 1;
}

/**
 * Main container
 *
 * 1. Defining content columns here, which will be referenced by subgrid in the
 *    items themselves. This will keep the date column nicely sized in supported
 *    browsers instead of relying on an arbitrary list.
 */
.c-event-log {
  display: grid;
  grid-column-gap: 1.25em;
  grid-template-columns: auto 1fr; /* 1 */
}

/**
 * Individual item container
 *
 * 1. Spans the full width of the container.
 * 2. In browsers that don't support subgrid, we manually define columns. The
 *    first column width is a "magic number" that looks okay most of the time
 *    for a date in the format of "Mon D, YYYY".
 */
.c-event-log__item {
  display: grid;
  grid-column: span 2; /* 1 */
  grid-template-columns: 8rem 1fr; /* 2 */
  /**
   * If subgrid is supported, use that instead! ✨
   */
  /**
   * Add space and dividing lines between adjacent items
   */
}
@supports (grid-template-columns: subgrid) {
  .c-event-log__item {
    grid-template-columns: subgrid;
  }
}
.c-event-log__item:not(:first-child) {
  border-block-start: 1px solid var(--theme-color-border-event-log-item);
  padding-block-start: 0.512em;
}
.c-event-log__item:not(:last-child) {
  padding-block-end: 0.512em;
}

/**
 * The date should be a heading element for semantics, but we want it to
 * blend in visually with surrounding text.
 */
.c-event-log__date {
  font: inherit;
}

/**
 * The content container displays its children in a stack by default, but at
 * larger widths they are displayed in a single line justified across the
 * available item width.
 *
 * We use flexbox for this instead of grid because we want the content to wrap
 * if it's too long for the available space. We also don't want to use subgrid
 * because sometimes the width of elements therein feels more unified if it's
 * content-specific (rather than shared across all items).
 */
@media (min-width: 40em) {
  .c-event-log__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

/**
 * Details include the title and location
 *
 * We want content therein to mimic whatever the layout and wrapping behavior of
 * the content container is.
 */
.c-event-log__details {
  display: inherit;
  flex-wrap: inherit;
  /**
   * It's possible for a long "extras" section to bump into this content
   * container. Some browsers support `gap` for this, but since we can't test
   * for Flexbox gap specifically, we have to use regular ol' margin instead.
   *
   * We put this on details because if adjacent sections had `margin-left` but
   * wrapped to a new line, they'd appear incorrectly aligned.
   */
}
@media (min-width: 40em) {
  .c-event-log__details {
    margin-inline-end: 1.25em;
  }
}

/**
 * Event title
 */
.c-event-log__title {
  font-weight: 600;
  /**
   * We want the title and location to feel a tad more unified than other
   * columns, so in this case we're just inserting a character space of margin
   * between them when they're displayed inline.
   */
}
@media (min-width: 40em) {
  .c-event-log__title {
    margin-inline-end: 1ch;
  }
}

/**
 * Location should appear a tad more muted and subtle compared to the title.
 */
.c-event-log__location {
  opacity: var(--theme-opacity-event-log-location);
}

/**
 * Apply a small vertical adjustment to properly align an icon with adjacent text.
 *
 * 1. We convert a pixel value to rems so it will scale with the root font size
 *    but not with the icon itself. If we scale the adjustment with the icon
 *    itself, it will appear too dramatic the larger the icon is in comparison
 *    to adjacent text.
 *
 * @see https://cloudfour.com/thinks/some-imaginary-css/#align-to-typeface-median
 */
.c-footnote {
  position: relative;
  scroll-margin: calc(0.64em + 0.64em); /* 1 */
}
.c-footnote:target::before {
  background-color: #f2f5f7;
  border-radius: 0.25em;
  content: "";
  inset: calc(0.64em * -1);
  inset-inline-start: calc(
  calc(0.64em * -1) + 1.25em * -1
);
  position: absolute;
  z-index: -1;
}
.t-dark .c-footnote:target::before {
  background-color: #183889;
}
.c-footnote .c-footnote-link-item__return-link {
  inset-block-start: -0.125rem; /* 1 */
  /* 2 */
  align-items: center; /* 1 */
  border-radius: 9999px;
  display: inline-flex; /* 1 */
  justify-content: center; /* 1 */
  padding: 0.262144em; /* 1 */
  position: relative; /* 2 */
  vertical-align: middle; /* 1 */
}
.c-footnote .c-footnote-link-item__return-link::-moz-focus-inner {
  border: 0;
}
.c-footnote .c-footnote-link-item__return-link:focus {
  outline: 0;
}
.c-footnote .c-footnote-link-item__return-link:focus-visible {
  box-shadow: 0 0 0 0.125rem #8abfff; /* 3 */
}

.c-footnote-group {
  --spacing-footnotes: 1.5625em;
  border-block-start: 0.125rem solid #f2f5f7;
  margin-block-start: var(--spacing-footnotes);
  padding-block-start: var(--spacing-footnotes);
}
.t-dark .c-footnote-group {
  border-color: #0e1c43;
}

.c-footnote-group--compact {
  --spacing-footnotes: 1.25em;
  border-block-start: none;
  font-size: 0.8em;
  padding-block-start: 0;
}

.c-footnote-group__list > * + * {
  margin-block-start: var(--spacing-footnotes);
}

.c-footnote-link {
  background-color: #f2f5f7;
  border-radius: 9999px; /* 1 */
  color: #215cca;
  display: inline-block;
  font-size: 0.64em;
  font-weight: 500;
  line-height: 1.5625em; /* 1 */
  min-inline-size: 1.5625em; /* 1 */
  padding: 0 0.32768em; /* 1 */
  scroll-margin: 2.44140625em; /* 2 */
  text-align: center;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-property: background-color, color, transform;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: super; /* 3 */
}
.t-dark .c-footnote-link {
  background-color: #183889;
  color: #ffffff;
}
.t-dark .c-footnote-link:hover {
  background-color: #ffffff;
  color: #215cca;
}
.c-footnote-link::-moz-focus-inner {
  border: 0;
}
.c-footnote-link:focus {
  outline: 0;
}
.c-footnote-link:focus-visible {
  box-shadow: 0 0 0 0.125rem #8abfff;
}
.c-footnote-link:hover {
  background-color: #215cca;
  color: #ffffff;
}
.c-footnote-link:target {
  animation: footnote-link-target-circle 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-footnote-link:active {
  transform: scale(0.95);
}

@keyframes footnote-link-target-circle {
  from {
    box-shadow: 0 0 0 0.125rem #3d84f5;
  }
  to {
    box-shadow: 0 0 0 0.125rem transparent;
  }
}
/**
 * 1. We establish vertical whitespace for the action to simplify alignment of
 *    the illustration, but other whitespace is assumed to be handled by the
 *    container object to promote alignment with adjacent sections.
 * 2. Allow illustration to be positioned relative to this container.
 */
.c-ground-nav__action {
  padding-block: 1.953125rem; /* 1 */
  position: relative; /* 2 */
}

.c-ground-nav__action-inner {
  /**
   * Starting at this viewport, we want to position the illustration relative to
   * the inner element (away from the nearest horizontal edge).
   */
}
@media (min-width: 40em) {
  .c-ground-nav__action-inner {
    position: relative;
  }
}
@media (min-width: 60em) {
  .c-ground-nav__action-inner {
    align-items: center;
    display: flex;
  }
}

/**
 * 1. Creates space between the action lead in and action title.
 * 2. Adds horizontal space when these elements are side by side.
 */
.c-ground-nav__action-title {
  margin-block-start: 1.953125rem; /* 1 */
}
@media (min-width: 60em) {
  .c-ground-nav__action-title {
    margin: 2.44140625em 1.953125rem; /* 2 */
  }
}

/**
 * The illustration is aligned with the footer content.
 * As the screen size increases, we decrease the size
 * of the illustration so that it doesn't get too large.
 */
.c-ground-nav__action-illustration {
  inline-size: 40%;
  inset-block-end: 0;
  inset-inline-end: 0;
  position: absolute;
  /**
   * We position ourselves relative to a max-width container starting at this
   * breakpoint, so we have to adjust the bottom position to account for the
   * change in whitespace.
   */
}
@media (min-width: 40em) {
  .c-ground-nav__action-illustration {
    inline-size: 33.3333333333%;
    inset-block-end: -1.953125rem;
  }
}
@media (min-width: 60em) {
  .c-ground-nav__action-illustration {
    inline-size: 25%;
  }
}

/**
 * Creates vertical space between elements when grid isn't supported.
 */
.c-ground-nav__content-inner > * + * {
  margin-block-start: 1.953125rem;
}

/**
 * 1. Removes `margin-top` so the organization information is
 *    aligned with the other footer elements
 */
.c-ground-nav__organization {
  margin-block-start: 0; /* 1 */
}

.c-ground-nav__organization-name {
  font-weight: 700;
}

.c-ground-nav__social-icon {
  --icon-size: 1.5625em;
}

.c-ground-nav__menu {
  border-color: #c0cfd8;
  border-color: var(--theme-color-border-base);
  border-style: solid;
  border-width: 0.125rem 0;
  padding: 1.953125rem 0;
}

/**
 * Divides the menu into 2 columns.
 */
.c-ground-nav__menu-items {
  column-gap: 1.953125rem;
  columns: 2;
}

.c-ground-nav__kudos,
.c-ground-nav__legal {
  font-size: 0.8em;
}

/**
 * We use CSS grid when supported by the browser.
 */
@supports (display: grid) {
  .c-ground-nav__content-inner {
    display: grid;
    grid-gap: 1.953125rem;
    margin: 0 auto;
    /**
     * As the screen size increases, the number of columns increases.
     * Instead of making all the columns the same size, we use `minmax`
     * for one of the columns to make sure the content in this section
     * doesn't have any line breaks, but can still grow as horizontal
     * space allows.
     */
  }
  @media (min-width: 40em) {
    .c-ground-nav__content-inner {
      grid-template-columns: 1fr minmax(max-content, 1fr);
    }
  }
  @media (min-width: 60em) {
    .c-ground-nav__content-inner {
      grid-template-columns: 1fr minmax(max-content, 1fr) 1fr;
    }
  }
  /**
   * Removes the margin used by our fallback design. Grid allows us to
   * use `grid-gap` to create consistent space between elements.
   */
  .c-ground-nav__content-inner > * + * {
    margin: 0;
  }
  /**
   * The visual order of the footer content is different than the
   * semantic order. We explicitly define where content should
   * be placed within the grid.
   */
  @media (min-width: 40em) {
    .c-ground-nav__organization {
      grid-column: 1/2;
      grid-row: 1/3;
    }
  }
  @media (min-width: 40em) {
    .c-ground-nav__menu {
      border: none;
      grid-column: 2/3;
      grid-row: 1/3;
      padding: 0;
    }
  }
  .c-ground-nav__social {
    border: 0 solid #c0cfd8;
    border-color: var(--theme-color-border-base);
  }
  @media (min-width: 40em) {
    .c-ground-nav__social {
      border-block-end-width: 0.125rem;
      grid-column: 1/3;
      padding-block-end: 1.953125rem;
    }
  }
  @media (min-width: 60em) {
    .c-ground-nav__social {
      border-block-end-width: 0;
      grid-column: 3/4;
      grid-row: 1/2;
      justify-self: end;
      padding-block-end: 0;
    }
  }
  @media (min-width: 40em) {
    .c-ground-nav__kudos {
      grid-column: 1/3;
    }
  }
  @media (min-width: 60em) {
    .c-ground-nav__legal {
      align-self: end;
      justify-self: end;
    }
  }
}
.c-heading {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}

.c-heading--level-n2 {
  font-size: clamp(3.0517578125em, calc(
    3.0517578125em + 0.7629394531 * ((100vw - 20rem) / 40)
  ), 3.8146972656em);
  line-height: 1;
  font-weight: 700;
}

.c-heading--level-n1 {
  font-size: clamp(2.44140625em, calc(
    2.44140625em + 0.6103515625 * ((100vw - 20rem) / 40)
  ), 3.0517578125em);
  line-height: 1;
  font-weight: 700;
}

.c-heading--level-0 {
  font-size: clamp(1.953125em, calc(
    1.953125em + 0.48828125 * ((100vw - 20rem) / 40)
  ), 2.44140625em);
  line-height: 1;
  font-weight: 700;
}

.c-heading--level-1 {
  font-size: clamp(1.5625em, calc(
    1.5625em + 0.390625 * ((100vw - 20rem) / 40)
  ), 1.953125em);
  line-height: 1.25;
  font-weight: 700;
}

.c-heading--level-2 {
  font-size: clamp(1.25em, calc(
    1.25em + 0.3125 * ((100vw - 20rem) / 40)
  ), 1.5625em);
  line-height: 1.25;
  font-weight: 700;
}

.c-heading--level-3 {
  font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
  line-height: 1.25;
  font-weight: 700;
}

.c-heading--level-4 {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}

.c-heading--level-5 {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}

.c-heading--level-6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}

.c-heading--light {
  font-weight: 300;
}
.c-heading--light b,
.c-heading--light strong {
  font-weight: 700;
}

@media (min-width: 49.765625em) {
  .c-heading--with-subheading {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
  }
}

.c-heading__main {
  flex: none;
}
.c-heading--with-permalink .c-heading__main {
  position: relative;
}
@media (max-width: 49.703125em) {
  .c-heading--with-permalink .c-heading__main {
    padding-inline-end: 2.44140625rem;
  }
}
@media (min-width: 49.765625em) {
  .c-heading--with-subheading .c-heading__main {
    margin-inline-end: 0.8rem;
  }
}

.c-heading__content {
  color: inherit;
  font: inherit;
}

.c-heading__subheading {
  flex: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  max-inline-size: 100%;
}
.c-heading--light .c-heading__subheading {
  font-weight: 400;
}
@media (max-width: 49.703125em) {
  .c-heading--with-permalink .c-heading__subheading {
    padding-inline-end: 2.44140625rem;
  }
}

.c-heading__permalink {
  align-items: center;
  block-size: 2.44140625em;
  border-radius: 9999px;
  display: flex;
  font-size: 1rem;
  inline-size: 2.44140625em;
  inset-block: 0;
  inset-inline-end: -0.720703125em;
  justify-content: center;
  margin: auto;
  position: absolute;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-heading__permalink::-moz-focus-inner {
  border: 0;
}
.c-heading__permalink:focus {
  outline: 0;
}
.c-heading__permalink:focus-visible {
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.c-heading__permalink:not(:hover):not(:focus):not(:active) {
  color: inherit;
  opacity: 0.65;
}
@media (min-width: 49.765625em) {
  .c-heading__permalink {
    inset-inline-end: 100%;
  }
}

/**
 * Makes inline SVG elements inherit fill and stroke colors from the parent
 * element's text color unless specific fill and stroke values are already
 * defined.
 *
 * 1. Setting a stroke color causes strokes to be visible by default. This line
 *    makes visible strokes opt-in.
 */
/**
 * Sizes an SVG element similarly to a text glyph.
 *
 * 1. Prevents warping within a flex container.
 * 2. Makes element overflow as a text element would.
 */
.c-icon {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0; /* 1 */
  block-size: 1em;
  flex: none; /* 1 */
  inline-size: 1em;
  max-inline-size: none; /* 2 */
  display: inline-block;
  font-size: var(--icon-size, inherit);
  position: relative;
  vertical-align: middle;
}

/**
 * Apply a small vertical adjustment to properly align with adjacent text.
 */
.c-icon--inline {
  inset-block-start: -0.125rem; /* 1 */
}

/**
 * Muted modifier
 */
.c-icon--muted {
  opacity: 0.65;
}

/**
 * Size modifiers
 */
.c-icon--medium {
  --icon-size: 1.25em;
}

.c-icon--large {
  --icon-size: 1.5625em;
}

.c-icon--x-large {
  --icon-size: 3.0517578125em;
}

:root,
.t-light {
  --theme-color-background-input-disabled: #c0cfd8;
  --theme-color-border-input-disabled: #738da0;
  --theme-color-border-input-hover: #215cca;
}

.t-dark {
  --theme-color-background-input-disabled: #8abfff;
  --theme-color-border-input-disabled: #183889;
  --theme-color-border-input-hover: currentColor;
}

.c-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0.85);
  block-size: 2.44140625em;
  border: 0.125rem solid currentColor;
  border-radius: 0.25em;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  font: inherit;
  font-style: normal;
  inline-size: 100%;
  line-height: normal;
  outline: none;
  padding: 0.4096em 0.8em;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.85);
  transition-duration: 0.2s;
  transition-property: background-color, border-color;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: middle;
}
.c-input:hover:not(:disabled):not([readonly]) {
  background-color: #ffffff;
  border-color: var(--theme-color-border-input-hover);
}
.c-input:focus {
  background-color: #fff;
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.c-input[readonly]:not(:disabled) {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
.c-input:disabled {
  background-color: var(--theme-color-background-input-disabled);
  border-color: var(--theme-color-border-input-disabled);
  cursor: not-allowed;
}
.c-input::placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.6);
}
.c-input[type=email], .c-input[type=text] {
  padding-inline-start: 0;
  text-indent: 0.8em;
}
textarea.c-input {
  block-size: 3.8146972656em;
}
textarea.c-input[rows] {
  block-size: auto;
}
textarea.c-input.is-elastic {
  resize: none;
}

select.c-input {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='rgba(0, 0, 0, 0.85)'%3E %3Cpath d='M17.36,11.17l-4.65,4.66a1,1,0,0,1-1.42,0L6.64,11.17a1,1,0,0,1,.7-1.71h9.32A1,1,0,0,1,17.36,11.17Z'/%3E %3C/svg%3E");
  background-position: right 0.512em center;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-block: 0.2048em;
  padding-inline-end: 1.512em;
}

.c-logo {
  align-items: var(--logo-align, center);
  block-size: 1.953125em;
  display: flex;
  justify-content: var(--logo-justify, inherit);
}

.c-logo > *,
.c-logo > picture > img {
  block-size: calc(100% * var(--logo-scale, 1));
  inline-size: auto;
  max-inline-size: 100%;
  object-fit: contain;
}

.c-media-link {
  inline-size: 100%;
  max-inline-size: max-content;
  position: relative;
}

.c-media-link__content {
  align-items: center;
  display: flex;
  gap: 1em;
}

.c-media-link__action {
  font-weight: 500;
  text-wrap: balance;
}
.c-media-link__action:not(:hover):not(:focus) {
  text-decoration: none;
}
.c-media-link__action::after {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.c-media-link__icon {
  color: var(--theme-color-text-action);
  flex: none;
}

.c-media-summary {
  position: relative;
}

.c-media-summary__link::-moz-focus-inner {
  border: 0;
}
.c-media-summary__link:focus {
  outline: 0;
}
.c-media-summary__link:focus-visible::after {
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.c-media-summary__link:not(:hover) {
  text-decoration: none;
}
.c-media-summary__link::after {
  border-radius: 0.25em;
  content: "";
  inset: -0.25rem;
  position: absolute;
  z-index: 1;
}

.c-media-summary__object {
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-media-summary--with-link:hover .c-media-summary__object {
  filter: brightness(110%);
}
.c-media-summary--with-link:active .c-media-summary__object {
  filter: brightness(80%);
}

/**
 * Themed properties
 */
:root,
.t-light {
  --theme-color-background-pagination-control: transparent;
  --theme-color-border-pagination-control: #c0cfd8;
}

.t-dark {
  --theme-color-background-pagination-control: var(
    --theme-color-background-secondary
  );
  --theme-color-border-pagination-control: transparent;
}

/**
 * We have no styles to apply to the root `c-pagination` class, but we don't
 * want to encourage usage of this component _without_ a containing `<nav>`
 * element for accessibility, so we kick off our styles one element deep.
 * Perhaps in the future the extra containing element will come in handy for
 * modifiers and such?
 */
/**
 * List containing page links
 *
 * 1. Arrange children horizontally.
 * 2. Override default list styles. It's important that this element have
 *    `role="list"` set to avoid accessibility issues in Safari/VoiceOver.
 * 3. Setting this allows us to position "previous" and "next" affordances
 *    of individual items relative to this container.
 *
 * @see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
 */
.c-pagination__items {
  display: flex; /* 1 */
  list-style: none; /* 2 */
  padding-inline-start: 0; /* 2 */
  position: relative; /* 3 */
}

/**
 * We initialize the list's pseudo elements so they will reserve space for the
 * "previous" and "next" affordances.
 */
.c-pagination__items::before,
.c-pagination__items::after {
  content: "";
}

/**
 * Make the pseudo elements _and_ list items occupy equal amounts of space.
 * This gives us nice, even spacing without having to know the exact number of
 * items beforehand.
 */
.c-pagination__items::before,
.c-pagination__items::after,
.c-pagination__item {
  flex: 100%;
}

/**
 * The element that navigates to a page. Currently only intended for links, but
 * in the future this could be extended to support `<button>` if we wanted.
 *
 * It's important to avoid setting `position` on this element or we'll disrupt
 * our ability to position "previous" and "next" affordances without requiring
 * redundant elements.
 */
.c-pagination__action {
  align-items: center;
  block-size: 2.44140625em;
  display: flex;
  justify-content: center;
  text-decoration: none;
  user-select: none;
}

/**
 * The current state should inherit the parent element's text color to appear
 * just a bit muted.
 */
.c-pagination__action[aria-current] {
  color: inherit;
}

/**
 * When an action element has `is-previous` or `is-next` state classes applied,
 * we absolute-position pseudo elements that provide extra "previous" and "next"
 * affordances without requiring any additional markup.
 */
.c-pagination__action.is-previous::before,
.c-pagination__action.is-next::after {
  background-color: var(--theme-color-background-pagination-control);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1em;
  block-size: 2.44140625em;
  border: 0.0625rem solid var(--theme-color-border-pagination-control);
  border-radius: 9999px;
  content: "";
  inline-size: 2.44140625em;
  inset-block: 0;
  margin: auto;
  position: absolute;
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/**
 * These affordances have similar hover and active states to buttons. We apply
 * these styles relative to the action state (rather than the pseudo element)
 * so hovering over a page number will _also_ trigger the animation on the
 * affordance, which helps enforce the action being considered.
 */
.c-pagination__action.is-previous:hover::before,
.c-pagination__action.is-next:hover::after {
  filter: brightness(110%);
  transform: scale(1.05);
}

.c-pagination__action.is-previous:active::before,
.c-pagination__action.is-next:active::after {
  filter: brightness(80%);
  transform: scale(0.95);
}

/**
 * Direction-specific icons and positioning
 */
.c-pagination__action.is-previous::before {
  inset-inline-start: 0;
  /**
   * Inline SVGs aren't aware of custom properties, so we have to do a bit
   * of theming trickery here
   */
}
.c-pagination__action.is-previous::before, .t-light .c-pagination__action.is-previous::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23215cca'%3E %3Cpolyline points='9 19 2 12 9 5' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3Cline x1='4' y1='12' x2='22' y2='12' fill='none' stroke-linecap='round' stroke-width='3'/%3E %3C/svg%3E");
}
.t-dark .c-pagination__action.is-previous::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23ffffff'%3E %3Cpolyline points='9 19 2 12 9 5' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3Cline x1='4' y1='12' x2='22' y2='12' fill='none' stroke-linecap='round' stroke-width='3'/%3E %3C/svg%3E");
}

.c-pagination__action.is-next::after {
  inset-inline-end: 0;
  /**
   * Inline SVGs aren't aware of custom properties, so we have to do a bit
   * of theming trickery here
   */
}
.c-pagination__action.is-next::after, .t-light .c-pagination__action.is-next::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23215cca'%3E %3Cpolyline points='15 5 22 12 15 19' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3Cline x1='20' y1='12' x2='2' y2='12' fill='none' stroke-linecap='round' stroke-width='3'/%3E %3C/svg%3E");
}
.t-dark .c-pagination__action.is-next::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23ffffff'%3E %3Cpolyline points='15 5 22 12 15 19' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3Cline x1='20' y1='12' x2='2' y2='12' fill='none' stroke-linecap='round' stroke-width='3'/%3E %3C/svg%3E");
}

/**
 * The inner number element gives us a means of positioning indicator pseudo
 * elements relative to the action content without disrupting the "previous"
 * and "next" affordances.
 *
 * 1. Constrain the focus ring (not visible initially) to a circle slightly
 *    smaller than the "previous" and "next" affordances.
 * 2. Fixes an issue where Chrome renders the digits a pixel or two higher
 *    than in other browsers.
 * 3. The aforementioned means of positioning the indicator pseudo element.
 */
.c-pagination__number {
  align-items: center;
  block-size: 1.91711825em; /* 1 */
  border-radius: 9999px; /* 1 */
  display: flex;
  font-weight: 500;
  inline-size: 100%; /* 1 */
  justify-content: center;
  line-height: 1; /* 2 */
  max-inline-size: 1.91711825em; /* 1 */
  position: relative; /* 3 */
}

/**
 * When keyboard navigation is detected on the containing action, apply a
 * focus ring similar to other components to the number element.
 */
.c-pagination__action::-moz-focus-inner {
  border: 0;
}
.c-pagination__action:focus {
  outline: 0;
}
.c-pagination__action:focus-visible .c-pagination__number {
  box-shadow: 0 0 0 0.25rem #8abfff;
}

/**
 * Hover and current indicators
 *
 * 1. Might seem odd compared to `bottom: 0`, but this places the affordance
 *    within the action padding, which feels nicely balanced.
 */
.c-pagination__number::after {
  background: currentColor;
  block-size: 0.125rem;
  border-radius: 9999px;
  content: "";
  inline-size: 0.8em;
  inset-block-start: 100%; /* 1 */
  inset-inline: 0;
  margin: auto;
  position: absolute;
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /**
   * Unless the containing action is the current page or is being hovered,
   * set this element to its initial animation state.
   */
  /**
  * Apply unique dimensions to the current state so it feels more like a
  * pagination dot, as seen in many app interfaces.
  */
}
.c-pagination__action:not(:hover):not([aria-current]) .c-pagination__number::after {
  opacity: 0;
  transform: scaleX(0.15625);
}
.c-pagination__action[aria-current] .c-pagination__number::after {
  block-size: 0.25rem;
  inline-size: 0.25rem;
}

/**
 * Visible only to screen readers.
 *
 * @see https://css-tricks.com/inclusively-hidden/
 */
/**
 * 1. Allow child elements to position themselves relative to the container.
 */
.c-sky-nav {
  position: relative; /* 1 */
  /**
   * Fluidly add more vertical whitespace as the viewport width increases
   */
}
@media (min-width: 40em) {
  .c-sky-nav {
    padding-block: clamp(0.64rem, calc(
    0.64rem + 0.36 * ((100vw - 40rem) / 44)
  ), 1rem);
  }
}

/**
 * "Skip to main content" link, most likely applied to a `c-button` component.
 *
 * 1. Keep links that come later in the source order below this link when
 *    visible.
 */
.c-sky-nav__skip {
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  white-space: nowrap;
  z-index: 1; /* 1 */
  /**
   * We want to encourage use of `c-button` with this component, but that
   * pattern's `transform` effects may conflict with this one's positioning.
   * To counteract this, we make sure to apply the positioning for mouse effect
   * states.
   */
  /**
   * Only expose the link to screen readers until it is focused.
   */
}
.c-sky-nav__skip, .c-sky-nav__skip:hover, .c-sky-nav__skip:active {
  transform: translate(-50%, -50%);
}
.c-sky-nav__skip:not(:focus) {
  block-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

/**
 * Containing element for most nav content.
 *
 * 1. The transition is needed for "skip to main content" focus effect.
 */
.c-sky-nav__content {
  display: flex;
  margin: 0 auto;
  max-inline-size: 75.75em;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 1 */
  /**
   * At narrow sizes, display content in reverse order so that the menu contents
   * will show up first when visible. This sets us up for the "look up to the
   * sky" effect when visible.
   */
  /**
   * Fade the nav content when the skip link is visible. This helps visually
   * identify the content that will be skipped and helps the link stand out a
   * little.
   */
}
@media (max-width: 39.9375em) {
  .c-sky-nav__content {
    flex-direction: column-reverse;
  }
}
.c-sky-nav__skip:focus ~ .c-sky-nav__content {
  opacity: 0.65;
}

/**
 * Containing element for the logo and menu toggle.
 *
 * 1. Set a fixed height on small screens to support vertically centering the
 *    menu toggle button.
 */
.c-sky-nav__masthead {
  align-items: center;
  block-size: 4.768371582em; /* 1 */
  display: flex;
  justify-content: space-between;
}
@media (min-width: 40em) {
  .c-sky-nav__masthead {
    block-size: auto;
  }
}

/**
 * The logo link element.
 *
 * 1. We apply whitespace to this element directly so its hit area is larger
 *    than it would be if whitespace were applied to the parent element. We use
 *    a bit less space for the logo since it has circular edges that feels
 *    misaligned when only the curves touch the edges.
 * 2. Prevents Flexbox squashing when menu items overflow.
 */
.c-sky-nav__logo {
  align-items: center;
  block-size: 100%; /* 1 */
  display: flex;
  flex: none; /* 2 */
  padding: 0 0.8333333333rem; /* 1 */
}
@media (min-width: 40em) {
  .c-sky-nav__logo {
    block-size: auto;
    display: block;
    padding-block: 0.64rem; /* 1 */
  }
}

/**
 * The image asset (assumed to be an SVG) within the logo element.
 *
 * 1. Get rid of extra bottom space if this is left as an `inline-block`.
 * 2. Because the logo isn't rectangular, we apply a bit of negative margin all
 *    around for visual balance. We could subtract this value from the container
 *    padding, but it felt easier to understand the scope of the change to me
 *    from this element. (Though now I'm second-guessing myself...)
 * 3. ms.step(9) is used instead of ms.step(8) because ms.step(8) leads to a big jump at the large breakpoint
 */
.c-sky-nav__logo-object {
  block-size: auto;
  display: block; /* 1 */
  fill: currentColor;
  inline-size: calc(
    4.768371582em + 2.6822090149 * ((100vw - 30rem) / 30)
  );
  margin: -0.262144em; /* 2 */
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /**
   * When the containing logo is hovered, scale up this element. Scaling this
   * element instead of the parent helps avoid any accidental overflow or
   * scrollbars.
   */
  /**
   * Similar to the hover effect, except we use `opacity` to convey some depth.
   * This is similar to the use of `filter` in the `c-button` component, except
   * `filter` would desaturate the logo too much in this case.
   */
}
@media (min-width: 60em) {
  .c-sky-nav__logo-object {
    inline-size: 5.9604644775em;
  }
}
@media (max-width: 30em) {
  .c-sky-nav__logo-object {
    inline-size: 4.768371582em;
  }
}
.c-sky-nav__logo:hover .c-sky-nav__logo-object {
  transform: scale(1.05);
}
.c-sky-nav__logo:active .c-sky-nav__logo-object {
  opacity: 0.65;
  transform: scale(0.95);
}

/**
 * An outline within the logo SVG we use to enhance its focus state.
 *
 * 1. Invisible by default. We could also use `visibility`, but that can be
 *    less reliable to update and offers no performance benefits.
 * 2. Outline color matches our buttons, inputs, etc.
 */
.c-sky-nav__logo-outline {
  opacity: 0; /* 1 */
  stroke: #8abfff; /* 2 */
}

/**
 * Expose the outline when the logo element has keyboard focus.
 */
.c-sky-nav__logo::-moz-focus-inner {
  border: 0;
}
.c-sky-nav__logo:focus {
  outline: 0;
}
.c-sky-nav__logo:focus-visible .c-sky-nav__logo-outline {
  opacity: 1;
}

/**
 * The element that toggles the menu visibility at narrow widths.
 *
 * 1. This prevents us having to set and then override padding on the masthead
 *    container for this one element.
 */
.c-sky-nav__menu-toggle {
  inset-block-end: calc((4.768371582em - 2.44140625em) / 2);
  inset-inline-end: 1.25rem; /* 1 */
  position: absolute;
  /**
   * Hide once the menu contents are always exposed.
   */
  /**
   * There is no need to show the menu toggle if JS is not available.
   */
}
@media (min-width: 40em) {
  .c-sky-nav__menu-toggle {
    display: none;
  }
}
.no-js .c-sky-nav__menu-toggle {
  display: none;
}

/**
 * Container for the list of menu links, presumably a `<nav>` element.
 *
 * 1. Fill available space even when contents don't require it.
 */
.c-sky-nav__menu {
  flex: 1; /* 1 */
  /**
   * When these links are displayed as a stack and the dark theme is applied,
   * darken the background as if you're looking deeper into the sky up toward
   * spaaaaaaaaaaaace 🚀
   *
   * Fun fact: An earlier version of this design included twinkling stars,
   * but they significantly decreased performance! They also made the text a
   * little harder to read.
   *
   * @todo Decide if supporting themes for SkyNav is even necessary and, if so,
   * try to make this work via custom properties.
   */
  /**
   * Once the items are arranged horizontally, we want the links therein to
   * occupy as much height as possible. The simplest way to do that without
   * setting a hard `height` is to make each container along the way a Flexbox.
   */
  /**
   * Adjustments for when items are arranged horizontally but without enough
   * room to fit on a single row.
   *
   * 1. Right-align the menu items.
   * 2. Constrain the width. This helps discourage orphans. (Cruel, I know.)
   * 3. We apply half whitespace to this container, with the other half on the
   *    actions themselves. This allows them to flow from one row to the next
   *    without worrying about double whitespace or whitespace assigned to
   *    the incorrect edge.
   */
  /**
   * When this element is wide enough to show items on a single row, the only
   * whitespace we keep around is a bit on the rightmost side so the last
   * element feels balanced in comparison to those to its left.
   */
}
@media (max-width: 39.9375em) {
  .t-dark .c-sky-nav__menu {
    background-image: linear-gradient(to bottom, #183889, rgba(24, 56, 137, 0));
  }
}
@media (min-width: 40em) {
  .c-sky-nav__menu {
    display: flex;
  }
}
@media (min-width: 40em) and (max-width: 59.9375em) {
  .c-sky-nav__menu {
    margin-inline-start: auto; /* 1 */
    max-inline-size: 66.6666666667%; /* 2 */
    padding: 0.32rem 0.625rem; /* 3 */
  }
}
@media (min-width: 60em) {
  .c-sky-nav__menu {
    padding-inline-end: 0.625rem;
  }
}

/**
 * The `<ul>` element containing the actual menu items.
 *
 * 1. Override list defaults. To avoid issues in Safari/VoiceOver, be sure to
 *    include `role="list"` on the element itself!
 *
 * @see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
 */
.c-sky-nav__menu-items {
  list-style: none; /* 1 */
  padding-inline-start: 0; /* 1 */
  /**
   * The Sky Nav is progressively enhanced with JS at smaller viewports. By default
   * it is open for when JS is not available. In cases where JS _is_ available,
   * this causes a poor loading UX where the menu jumps from open to closed
   * causing a large layout shift.
   *
   * To keep the progressive enhancement in place _and_ not have the layout shift,
   * we hide the menu items during the "loading" state. The "loading" state
   * happens after the UI renders and before the Sky Nav JS is loaded.
   */
  /**
   * When the layout is wide enough to expose these items…
   *
   * 1. Display them horizontally.
   * 2. Fill the available space, even if it isn't necessary for the content.
   * 3. If the content wraps or for some reason is not all the way filled, we
   *    should right-align it.
   */
  /**
   * Before we're able to show all the items on one line, we allow them to wrap
   * to a new line.
   */
}
@media (max-width: 39.999em) {
  .is-loading .c-sky-nav__menu-items {
    display: none;
  }
}
@media (min-width: 40em) {
  .c-sky-nav__menu-items {
    display: flex; /* 1 */
    flex: 1; /* 2 */
    justify-content: flex-end; /* 3 */
  }
}
@media (min-width: 40em) and (max-width: 59.9375em) {
  .c-sky-nav__menu-items {
    flex-wrap: wrap;
  }
}

/**
 * The `<li>` containing the menu action.
 *
 * 1. Continuing the process of setting `display: flex` on elements that began
 *    with `c-sky-nav__menu` to retain stretchy heights.
 */
.c-sky-nav__menu-item {
  display: flex; /* 1 */
  /**
   * Occupy available space but not more than the content demands relative to
   * other items. Unlike `flex: 1`, this does not attempt to occupy the same
   * amount of space as siblings: Longer items will get more space than shorter
   * ones.
   */
}
@media (min-width: 60em) {
  .c-sky-nav__menu-item {
    flex: 1 1 auto;
  }
}

/**
 * The link element within the menu, though we name it `-action` just in case
 * there's a future use case for applying these styles to a different
 * interactive element (like a button).
 *
 * 1. Center contents horizontally, vertically and if text happens to break.
 * 2. Fill available height and width.
 * 3. Prevent accidental text selection.
 */
.c-sky-nav__menu-action {
  align-items: center; /* 1 */
  display: flex; /* 2 */
  font-size: 1.25em;
  inline-size: 100%; /* 2 */
  justify-content: center; /* 1 */
  line-height: 1.25;
  text-align: center; /* 1 */
  text-decoration: none;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  user-select: none; /* 3 */
  /**
   * Displayed as a ruled stack on narrow screens
   */
  /**
   * Prevent text wrapping on wider screens where the items themselves are
   * allowed to wrap.
   */
  /**
   * When the items are arranged horizontally but may break onto new lines,
   * we apply half the whitespace to these actions. (The other half was applied
   * to `c-sky-nav__menu`.)
   */
  /**
   * On wide screens, items that are not being hovered "dim" slightly
   */
}
@media (max-width: 39.9375em) {
  .c-sky-nav__menu-action {
    border-block-end: 0.0625rem solid #c0cfd8;
    padding: 0.64rem 1.25rem;
    /**
     * @todo Decide if supporting themes for SkyNav is even necessary and, if so,
     * try to make this work via custom properties.
     */
  }
  .t-dark .c-sky-nav__menu-action {
    border-block-end-color: rgba(14, 28, 67, 0.5);
  }
}
@media (min-width: 40em) {
  .c-sky-nav__menu-action {
    white-space: nowrap;
  }
}
@media (min-width: 40em) and (max-width: 59.9375em) {
  .c-sky-nav__menu-action {
    padding: 0.32rem 0.625rem;
  }
}
@media (min-width: 40em) {
  .c-sky-nav__menu-items:hover .c-sky-nav__menu-action:not(:hover) {
    opacity: 0.65;
  }
}

/**
 * The label element is nested in the action so the focus outline may be applied
 * to a smaller area, which gives us a clearer association with the focusable
 * content.
 *
 * 1. We apply half the padding of this element as negative margin to avoid
 *    impacting whitespace of parent elements.
 */
.c-sky-nav__menu-label {
  border-radius: 9999px;
  margin: -0.134217728em -0.512em; /* 1 */
  padding: 0.134217728em 0.512em;
}

/**
 * Apply outline to label when actions are focused by keyboard.
 */
.c-sky-nav__menu-action::-moz-focus-inner {
  border: 0;
}
.c-sky-nav__menu-action:focus {
  outline: 0;
}
.c-sky-nav__menu-action:focus-visible .c-sky-nav__menu-label {
  box-shadow: 0 0 0 0.25rem #8abfff;
}

.c-subscribe {
  position: relative;
}

.c-subscribe__heading {
  margin-block-end: 1.25rem;
}

.c-subscribe__controls {
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
}

.c-subscribe__control {
  inline-size: 100%;
}

.c-subscribe__form {
  background-color: #ffffff;
  background-color: var(--theme-color-background-base);
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.c-subscribe__controls-ui:not([hidden]) ~ .c-subscribe__form {
  position: absolute;
}
.c-subscribe__form .c-subscribe__form-input-label, .c-subscribe:not(.activate-form) .c-subscribe__form:not(:target):not(:focus-within) {
  block-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

/**
 * Themed properties
 */
:root,
.t-light {
  --theme-color-table-striped: #f2f5f7;
  --theme-color-table-caption: #485968;
}

.t-dark {
  --theme-color-table-striped: #183889;
  --theme-color-table-caption: #f2f5f7;
}

/**
 * Our base table component
 *
 * Since tables require specific markup using the BEM element class names can
 * quickly become overwhelming. We make an exception from our BEM rules to
 * directly style elements within `.c-table`s.
 */
/**
 * Table cells and headers share padding
 */
/**
 * Table headings are semibold to stand out as labels
 */
/**
 * Table headers and footers are separated from the table body with strokes.
 */
/**
 * Table rows can be styled in a couple ways.
 * This is achieved by adding a class to the table itself.
 */
/**
 * The `.c-table--numeric` modifier applies a few stylistic changes to make
 * tables with numeric data easier to read and understand.
 */
/**
 * When comparing numeric table cells, it's easier if the ones, tens, hundreds,
 * etc. columns are lines up.
 *
 * 1. Right align cells so the "ones" column lines up on the right side
 * 2. Make numbers equal width so the columns line up
 * 3. Optionally right align row headings. This keeps headings closer to the
 *    content they label and in some cases improves scannability.
 */
.c-table td,
.c-table th {
  padding: 0.512em 0.512em;
}

.c-table th {
  font-weight: 600;
}

.c-table thead {
  border-block-end: 0.125rem solid #c0cfd8;
}

.c-table tfoot {
  border-block-start: 0.125rem solid #c0cfd8;
}

.c-table caption {
  caption-side: bottom;
  color: var(--theme-color-table-caption);
  font-size: 0.8em;
  font-style: italic;
  padding: 0.8em 0;
}

.c-table--ruled tbody tr {
  border-block-end: 0.0625rem solid #c0cfd8;
}

.c-table--striped tbody tr:nth-of-type(2n - 1) {
  background-color: var(--theme-color-table-striped);
}

.c-table--numeric {
  text-align: end; /* 1 */
}
.c-table--numeric td {
  font-variant-numeric: tabular-nums; /* 2 */
}
.c-table--numeric [scope=row] {
  text-align: end;
}

/**
 * To improve the convenience of using these classes without having to specify
 * a border style and color every time, we use the `:where` selector to set some
 * reasonable defaults with no specificity depth.
 *
 * 1. Set a default `border-width` so legacy utility classes won't immediately
 *    display visible borders on all sides.
 */
:where([class^=u-border], [class*=" u-border"]) {
  border-color: var(--theme-color-border-text-group);
  border-style: solid;
  border-width: 0; /* 1 */
}

/**
 * Sizes
 */
.u-border,
.u-border-small {
  border-width: 0.0625rem !important;
}

.u-border-medium {
  border-width: 0.125rem !important;
}

.u-border-large {
  border-width: 0.25rem !important;
}

.u-border-none {
  border-width: 0 !important;
}

.u-hidden-visually {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: polygon(0 0, 0 0, 0 0) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}

.u-clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.u-rescue-orphan {
  display: inline-block;
  text-decoration: inherit;
}

.u-float-inline-start {
  float: left;
  float: inline-start;
}

.u-float-inline-end {
  float: right;
  float: inline-end;
}

.u-float-none {
  float: none;
}

@media (min-width: 20em) {
  .u-float-inline-start\@xs {
    float: left;
    float: inline-start;
  }
  .u-float-inline-end\@xs {
    float: right;
    float: inline-end;
  }
  .u-float-none\@xs {
    float: none;
  }
}
@media (min-width: 30em) {
  .u-float-inline-start\@s {
    float: left;
    float: inline-start;
  }
  .u-float-inline-end\@s {
    float: right;
    float: inline-end;
  }
  .u-float-none\@s {
    float: none;
  }
}
@media (min-width: 40em) {
  .u-float-inline-start\@m {
    float: left;
    float: inline-start;
  }
  .u-float-inline-end\@m {
    float: right;
    float: inline-end;
  }
  .u-float-none\@m {
    float: none;
  }
}
@media (min-width: 60em) {
  .u-float-inline-start\@l {
    float: left;
    float: inline-start;
  }
  .u-float-inline-end\@l {
    float: right;
    float: inline-end;
  }
  .u-float-none\@l {
    float: none;
  }
}
@media (min-width: 72em) {
  .u-float-inline-start\@xl {
    float: left;
    float: inline-start;
  }
  .u-float-inline-end\@xl {
    float: right;
    float: inline-end;
  }
  .u-float-none\@xl {
    float: none;
  }
}
@media (min-width: 84em) {
  .u-float-inline-start\@xxl {
    float: left;
    float: inline-start;
  }
  .u-float-inline-end\@xxl {
    float: right;
    float: inline-end;
  }
  .u-float-none\@xxl {
    float: none;
  }
}
@media (min-width: 96em) {
  .u-float-inline-start\@xxxl {
    float: left;
    float: inline-start;
  }
  .u-float-inline-end\@xxxl {
    float: right;
    float: inline-end;
  }
  .u-float-none\@xxxl {
    float: none;
  }
}
.u-rounded {
  border-radius: 0.25em !important;
}

.u-rounded-full {
  border-radius: 9999px !important;
}

.u-rounded-none {
  border-radius: 0 !important;
}

.u-size-inline-1\/2 {
  inline-size: 50% !important;
}

.u-size-inline-2\/2 {
  inline-size: 100% !important;
}

.u-size-inline-1\/3 {
  inline-size: 33.3333333333% !important;
}

.u-size-inline-2\/3 {
  inline-size: 66.6666666667% !important;
}

.u-size-inline-3\/3 {
  inline-size: 100% !important;
}

.u-size-inline-1\/4 {
  inline-size: 25% !important;
}

.u-size-inline-2\/4 {
  inline-size: 50% !important;
}

.u-size-inline-3\/4 {
  inline-size: 75% !important;
}

.u-size-inline-4\/4 {
  inline-size: 100% !important;
}

.u-size-inline-1\/5 {
  inline-size: 20% !important;
}

.u-size-inline-2\/5 {
  inline-size: 40% !important;
}

.u-size-inline-3\/5 {
  inline-size: 60% !important;
}

.u-size-inline-4\/5 {
  inline-size: 80% !important;
}

.u-size-inline-5\/5 {
  inline-size: 100% !important;
}

.u-size-inline-1\/6 {
  inline-size: 16.6666666667% !important;
}

.u-size-inline-2\/6 {
  inline-size: 33.3333333333% !important;
}

.u-size-inline-3\/6 {
  inline-size: 50% !important;
}

.u-size-inline-4\/6 {
  inline-size: 66.6666666667% !important;
}

.u-size-inline-5\/6 {
  inline-size: 83.3333333333% !important;
}

.u-size-inline-6\/6 {
  inline-size: 100% !important;
}

.u-size-inline-full {
  inline-size: 100% !important;
}

.u-size-inline-auto {
  inline-size: auto !important;
}

@media (min-width: 20em) {
  .u-size-inline-1\/2\@xs {
    inline-size: 50% !important;
  }
  .u-size-inline-2\/2\@xs {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/3\@xs {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-2\/3\@xs {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-3\/3\@xs {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/4\@xs {
    inline-size: 25% !important;
  }
  .u-size-inline-2\/4\@xs {
    inline-size: 50% !important;
  }
  .u-size-inline-3\/4\@xs {
    inline-size: 75% !important;
  }
  .u-size-inline-4\/4\@xs {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/5\@xs {
    inline-size: 20% !important;
  }
  .u-size-inline-2\/5\@xs {
    inline-size: 40% !important;
  }
  .u-size-inline-3\/5\@xs {
    inline-size: 60% !important;
  }
  .u-size-inline-4\/5\@xs {
    inline-size: 80% !important;
  }
  .u-size-inline-5\/5\@xs {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/6\@xs {
    inline-size: 16.6666666667% !important;
  }
  .u-size-inline-2\/6\@xs {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-3\/6\@xs {
    inline-size: 50% !important;
  }
  .u-size-inline-4\/6\@xs {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-5\/6\@xs {
    inline-size: 83.3333333333% !important;
  }
  .u-size-inline-6\/6\@xs {
    inline-size: 100% !important;
  }
  .u-size-inline-full\@xs {
    inline-size: 100% !important;
  }
  .u-size-inline-auto\@xs {
    inline-size: auto !important;
  }
}
@media (min-width: 30em) {
  .u-size-inline-1\/2\@s {
    inline-size: 50% !important;
  }
  .u-size-inline-2\/2\@s {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/3\@s {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-2\/3\@s {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-3\/3\@s {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/4\@s {
    inline-size: 25% !important;
  }
  .u-size-inline-2\/4\@s {
    inline-size: 50% !important;
  }
  .u-size-inline-3\/4\@s {
    inline-size: 75% !important;
  }
  .u-size-inline-4\/4\@s {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/5\@s {
    inline-size: 20% !important;
  }
  .u-size-inline-2\/5\@s {
    inline-size: 40% !important;
  }
  .u-size-inline-3\/5\@s {
    inline-size: 60% !important;
  }
  .u-size-inline-4\/5\@s {
    inline-size: 80% !important;
  }
  .u-size-inline-5\/5\@s {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/6\@s {
    inline-size: 16.6666666667% !important;
  }
  .u-size-inline-2\/6\@s {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-3\/6\@s {
    inline-size: 50% !important;
  }
  .u-size-inline-4\/6\@s {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-5\/6\@s {
    inline-size: 83.3333333333% !important;
  }
  .u-size-inline-6\/6\@s {
    inline-size: 100% !important;
  }
  .u-size-inline-full\@s {
    inline-size: 100% !important;
  }
  .u-size-inline-auto\@s {
    inline-size: auto !important;
  }
}
@media (min-width: 40em) {
  .u-size-inline-1\/2\@m {
    inline-size: 50% !important;
  }
  .u-size-inline-2\/2\@m {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/3\@m {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-2\/3\@m {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-3\/3\@m {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/4\@m {
    inline-size: 25% !important;
  }
  .u-size-inline-2\/4\@m {
    inline-size: 50% !important;
  }
  .u-size-inline-3\/4\@m {
    inline-size: 75% !important;
  }
  .u-size-inline-4\/4\@m {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/5\@m {
    inline-size: 20% !important;
  }
  .u-size-inline-2\/5\@m {
    inline-size: 40% !important;
  }
  .u-size-inline-3\/5\@m {
    inline-size: 60% !important;
  }
  .u-size-inline-4\/5\@m {
    inline-size: 80% !important;
  }
  .u-size-inline-5\/5\@m {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/6\@m {
    inline-size: 16.6666666667% !important;
  }
  .u-size-inline-2\/6\@m {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-3\/6\@m {
    inline-size: 50% !important;
  }
  .u-size-inline-4\/6\@m {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-5\/6\@m {
    inline-size: 83.3333333333% !important;
  }
  .u-size-inline-6\/6\@m {
    inline-size: 100% !important;
  }
  .u-size-inline-full\@m {
    inline-size: 100% !important;
  }
  .u-size-inline-auto\@m {
    inline-size: auto !important;
  }
}
@media (min-width: 60em) {
  .u-size-inline-1\/2\@l {
    inline-size: 50% !important;
  }
  .u-size-inline-2\/2\@l {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/3\@l {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-2\/3\@l {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-3\/3\@l {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/4\@l {
    inline-size: 25% !important;
  }
  .u-size-inline-2\/4\@l {
    inline-size: 50% !important;
  }
  .u-size-inline-3\/4\@l {
    inline-size: 75% !important;
  }
  .u-size-inline-4\/4\@l {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/5\@l {
    inline-size: 20% !important;
  }
  .u-size-inline-2\/5\@l {
    inline-size: 40% !important;
  }
  .u-size-inline-3\/5\@l {
    inline-size: 60% !important;
  }
  .u-size-inline-4\/5\@l {
    inline-size: 80% !important;
  }
  .u-size-inline-5\/5\@l {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/6\@l {
    inline-size: 16.6666666667% !important;
  }
  .u-size-inline-2\/6\@l {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-3\/6\@l {
    inline-size: 50% !important;
  }
  .u-size-inline-4\/6\@l {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-5\/6\@l {
    inline-size: 83.3333333333% !important;
  }
  .u-size-inline-6\/6\@l {
    inline-size: 100% !important;
  }
  .u-size-inline-full\@l {
    inline-size: 100% !important;
  }
  .u-size-inline-auto\@l {
    inline-size: auto !important;
  }
}
@media (min-width: 72em) {
  .u-size-inline-1\/2\@xl {
    inline-size: 50% !important;
  }
  .u-size-inline-2\/2\@xl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/3\@xl {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-2\/3\@xl {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-3\/3\@xl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/4\@xl {
    inline-size: 25% !important;
  }
  .u-size-inline-2\/4\@xl {
    inline-size: 50% !important;
  }
  .u-size-inline-3\/4\@xl {
    inline-size: 75% !important;
  }
  .u-size-inline-4\/4\@xl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/5\@xl {
    inline-size: 20% !important;
  }
  .u-size-inline-2\/5\@xl {
    inline-size: 40% !important;
  }
  .u-size-inline-3\/5\@xl {
    inline-size: 60% !important;
  }
  .u-size-inline-4\/5\@xl {
    inline-size: 80% !important;
  }
  .u-size-inline-5\/5\@xl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/6\@xl {
    inline-size: 16.6666666667% !important;
  }
  .u-size-inline-2\/6\@xl {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-3\/6\@xl {
    inline-size: 50% !important;
  }
  .u-size-inline-4\/6\@xl {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-5\/6\@xl {
    inline-size: 83.3333333333% !important;
  }
  .u-size-inline-6\/6\@xl {
    inline-size: 100% !important;
  }
  .u-size-inline-full\@xl {
    inline-size: 100% !important;
  }
  .u-size-inline-auto\@xl {
    inline-size: auto !important;
  }
}
@media (min-width: 84em) {
  .u-size-inline-1\/2\@xxl {
    inline-size: 50% !important;
  }
  .u-size-inline-2\/2\@xxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/3\@xxl {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-2\/3\@xxl {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-3\/3\@xxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/4\@xxl {
    inline-size: 25% !important;
  }
  .u-size-inline-2\/4\@xxl {
    inline-size: 50% !important;
  }
  .u-size-inline-3\/4\@xxl {
    inline-size: 75% !important;
  }
  .u-size-inline-4\/4\@xxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/5\@xxl {
    inline-size: 20% !important;
  }
  .u-size-inline-2\/5\@xxl {
    inline-size: 40% !important;
  }
  .u-size-inline-3\/5\@xxl {
    inline-size: 60% !important;
  }
  .u-size-inline-4\/5\@xxl {
    inline-size: 80% !important;
  }
  .u-size-inline-5\/5\@xxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/6\@xxl {
    inline-size: 16.6666666667% !important;
  }
  .u-size-inline-2\/6\@xxl {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-3\/6\@xxl {
    inline-size: 50% !important;
  }
  .u-size-inline-4\/6\@xxl {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-5\/6\@xxl {
    inline-size: 83.3333333333% !important;
  }
  .u-size-inline-6\/6\@xxl {
    inline-size: 100% !important;
  }
  .u-size-inline-full\@xxl {
    inline-size: 100% !important;
  }
  .u-size-inline-auto\@xxl {
    inline-size: auto !important;
  }
}
@media (min-width: 96em) {
  .u-size-inline-1\/2\@xxxl {
    inline-size: 50% !important;
  }
  .u-size-inline-2\/2\@xxxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/3\@xxxl {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-2\/3\@xxxl {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-3\/3\@xxxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/4\@xxxl {
    inline-size: 25% !important;
  }
  .u-size-inline-2\/4\@xxxl {
    inline-size: 50% !important;
  }
  .u-size-inline-3\/4\@xxxl {
    inline-size: 75% !important;
  }
  .u-size-inline-4\/4\@xxxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/5\@xxxl {
    inline-size: 20% !important;
  }
  .u-size-inline-2\/5\@xxxl {
    inline-size: 40% !important;
  }
  .u-size-inline-3\/5\@xxxl {
    inline-size: 60% !important;
  }
  .u-size-inline-4\/5\@xxxl {
    inline-size: 80% !important;
  }
  .u-size-inline-5\/5\@xxxl {
    inline-size: 100% !important;
  }
  .u-size-inline-1\/6\@xxxl {
    inline-size: 16.6666666667% !important;
  }
  .u-size-inline-2\/6\@xxxl {
    inline-size: 33.3333333333% !important;
  }
  .u-size-inline-3\/6\@xxxl {
    inline-size: 50% !important;
  }
  .u-size-inline-4\/6\@xxxl {
    inline-size: 66.6666666667% !important;
  }
  .u-size-inline-5\/6\@xxxl {
    inline-size: 83.3333333333% !important;
  }
  .u-size-inline-6\/6\@xxxl {
    inline-size: 100% !important;
  }
  .u-size-inline-full\@xxxl {
    inline-size: 100% !important;
  }
  .u-size-inline-auto\@xxxl {
    inline-size: auto !important;
  }
}
.u-pad-n6 {
  padding: 0.262144em !important;
}
.u-pad-block-n6 {
  padding-block-end: 0.262144em !important;
  padding-block-start: 0.262144em !important;
}
.u-pad-block-start-n6 {
  padding-block-start: 0.262144em !important;
}
.u-pad-block-end-n6 {
  padding-block-end: 0.262144em !important;
}
.u-pad-inline-n6 {
  padding-inline-end: 0.262144em !important;
  padding-inline-start: 0.262144em !important;
}
.u-pad-inline-start-n6 {
  padding-inline-start: 0.262144em !important;
}
.u-pad-inline-end-n6 {
  padding-inline-end: 0.262144em !important;
}
.u-pad-n5 {
  padding: 0.32768em !important;
}
.u-pad-block-n5 {
  padding-block-end: 0.32768em !important;
  padding-block-start: 0.32768em !important;
}
.u-pad-block-start-n5 {
  padding-block-start: 0.32768em !important;
}
.u-pad-block-end-n5 {
  padding-block-end: 0.32768em !important;
}
.u-pad-inline-n5 {
  padding-inline-end: 0.32768em !important;
  padding-inline-start: 0.32768em !important;
}
.u-pad-inline-start-n5 {
  padding-inline-start: 0.32768em !important;
}
.u-pad-inline-end-n5 {
  padding-inline-end: 0.32768em !important;
}
.u-pad-n4 {
  padding: 0.4096em !important;
}
.u-pad-block-n4 {
  padding-block-end: 0.4096em !important;
  padding-block-start: 0.4096em !important;
}
.u-pad-block-start-n4 {
  padding-block-start: 0.4096em !important;
}
.u-pad-block-end-n4 {
  padding-block-end: 0.4096em !important;
}
.u-pad-inline-n4 {
  padding-inline-end: 0.4096em !important;
  padding-inline-start: 0.4096em !important;
}
.u-pad-inline-start-n4 {
  padding-inline-start: 0.4096em !important;
}
.u-pad-inline-end-n4 {
  padding-inline-end: 0.4096em !important;
}
.u-pad-n3 {
  padding: 0.512em !important;
}
.u-pad-block-n3 {
  padding-block-end: 0.512em !important;
  padding-block-start: 0.512em !important;
}
.u-pad-block-start-n3 {
  padding-block-start: 0.512em !important;
}
.u-pad-block-end-n3 {
  padding-block-end: 0.512em !important;
}
.u-pad-inline-n3 {
  padding-inline-end: 0.512em !important;
  padding-inline-start: 0.512em !important;
}
.u-pad-inline-start-n3 {
  padding-inline-start: 0.512em !important;
}
.u-pad-inline-end-n3 {
  padding-inline-end: 0.512em !important;
}
.u-pad-n2 {
  padding: 0.64em !important;
}
.u-pad-block-n2 {
  padding-block-end: 0.64em !important;
  padding-block-start: 0.64em !important;
}
.u-pad-block-start-n2 {
  padding-block-start: 0.64em !important;
}
.u-pad-block-end-n2 {
  padding-block-end: 0.64em !important;
}
.u-pad-inline-n2 {
  padding-inline-end: 0.64em !important;
  padding-inline-start: 0.64em !important;
}
.u-pad-inline-start-n2 {
  padding-inline-start: 0.64em !important;
}
.u-pad-inline-end-n2 {
  padding-inline-end: 0.64em !important;
}
.u-pad-n1 {
  padding: 0.8em !important;
}
.u-pad-block-n1 {
  padding-block-end: 0.8em !important;
  padding-block-start: 0.8em !important;
}
.u-pad-block-start-n1 {
  padding-block-start: 0.8em !important;
}
.u-pad-block-end-n1 {
  padding-block-end: 0.8em !important;
}
.u-pad-inline-n1 {
  padding-inline-end: 0.8em !important;
  padding-inline-start: 0.8em !important;
}
.u-pad-inline-start-n1 {
  padding-inline-start: 0.8em !important;
}
.u-pad-inline-end-n1 {
  padding-inline-end: 0.8em !important;
}
.u-pad-0 {
  padding: 1em !important;
}
.u-pad-block-0 {
  padding-block-end: 1em !important;
  padding-block-start: 1em !important;
}
.u-pad-block-start-0 {
  padding-block-start: 1em !important;
}
.u-pad-block-end-0 {
  padding-block-end: 1em !important;
}
.u-pad-inline-0 {
  padding-inline-end: 1em !important;
  padding-inline-start: 1em !important;
}
.u-pad-inline-start-0 {
  padding-inline-start: 1em !important;
}
.u-pad-inline-end-0 {
  padding-inline-end: 1em !important;
}
.u-pad-1 {
  padding: 1.25em !important;
}
.u-pad-block-1 {
  padding-block-end: 1.25em !important;
  padding-block-start: 1.25em !important;
}
.u-pad-block-start-1 {
  padding-block-start: 1.25em !important;
}
.u-pad-block-end-1 {
  padding-block-end: 1.25em !important;
}
.u-pad-inline-1 {
  padding-inline-end: 1.25em !important;
  padding-inline-start: 1.25em !important;
}
.u-pad-inline-start-1 {
  padding-inline-start: 1.25em !important;
}
.u-pad-inline-end-1 {
  padding-inline-end: 1.25em !important;
}
.u-pad-2 {
  padding: 1.5625em !important;
}
.u-pad-block-2 {
  padding-block-end: 1.5625em !important;
  padding-block-start: 1.5625em !important;
}
.u-pad-block-start-2 {
  padding-block-start: 1.5625em !important;
}
.u-pad-block-end-2 {
  padding-block-end: 1.5625em !important;
}
.u-pad-inline-2 {
  padding-inline-end: 1.5625em !important;
  padding-inline-start: 1.5625em !important;
}
.u-pad-inline-start-2 {
  padding-inline-start: 1.5625em !important;
}
.u-pad-inline-end-2 {
  padding-inline-end: 1.5625em !important;
}
.u-pad-3 {
  padding: 1.953125em !important;
}
.u-pad-block-3 {
  padding-block-end: 1.953125em !important;
  padding-block-start: 1.953125em !important;
}
.u-pad-block-start-3 {
  padding-block-start: 1.953125em !important;
}
.u-pad-block-end-3 {
  padding-block-end: 1.953125em !important;
}
.u-pad-inline-3 {
  padding-inline-end: 1.953125em !important;
  padding-inline-start: 1.953125em !important;
}
.u-pad-inline-start-3 {
  padding-inline-start: 1.953125em !important;
}
.u-pad-inline-end-3 {
  padding-inline-end: 1.953125em !important;
}
.u-pad-4 {
  padding: 2.44140625em !important;
}
.u-pad-block-4 {
  padding-block-end: 2.44140625em !important;
  padding-block-start: 2.44140625em !important;
}
.u-pad-block-start-4 {
  padding-block-start: 2.44140625em !important;
}
.u-pad-block-end-4 {
  padding-block-end: 2.44140625em !important;
}
.u-pad-inline-4 {
  padding-inline-end: 2.44140625em !important;
  padding-inline-start: 2.44140625em !important;
}
.u-pad-inline-start-4 {
  padding-inline-start: 2.44140625em !important;
}
.u-pad-inline-end-4 {
  padding-inline-end: 2.44140625em !important;
}
.u-pad-5 {
  padding: 3.0517578125em !important;
}
.u-pad-block-5 {
  padding-block-end: 3.0517578125em !important;
  padding-block-start: 3.0517578125em !important;
}
.u-pad-block-start-5 {
  padding-block-start: 3.0517578125em !important;
}
.u-pad-block-end-5 {
  padding-block-end: 3.0517578125em !important;
}
.u-pad-inline-5 {
  padding-inline-end: 3.0517578125em !important;
  padding-inline-start: 3.0517578125em !important;
}
.u-pad-inline-start-5 {
  padding-inline-start: 3.0517578125em !important;
}
.u-pad-inline-end-5 {
  padding-inline-end: 3.0517578125em !important;
}
.u-pad-6 {
  padding: 3.8146972656em !important;
}
.u-pad-block-6 {
  padding-block-end: 3.8146972656em !important;
  padding-block-start: 3.8146972656em !important;
}
.u-pad-block-start-6 {
  padding-block-start: 3.8146972656em !important;
}
.u-pad-block-end-6 {
  padding-block-end: 3.8146972656em !important;
}
.u-pad-inline-6 {
  padding-inline-end: 3.8146972656em !important;
  padding-inline-start: 3.8146972656em !important;
}
.u-pad-inline-start-6 {
  padding-inline-start: 3.8146972656em !important;
}
.u-pad-inline-end-6 {
  padding-inline-end: 3.8146972656em !important;
}
.u-pad-7 {
  padding: 4.768371582em !important;
}
.u-pad-block-7 {
  padding-block-end: 4.768371582em !important;
  padding-block-start: 4.768371582em !important;
}
.u-pad-block-start-7 {
  padding-block-start: 4.768371582em !important;
}
.u-pad-block-end-7 {
  padding-block-end: 4.768371582em !important;
}
.u-pad-inline-7 {
  padding-inline-end: 4.768371582em !important;
  padding-inline-start: 4.768371582em !important;
}
.u-pad-inline-start-7 {
  padding-inline-start: 4.768371582em !important;
}
.u-pad-inline-end-7 {
  padding-inline-end: 4.768371582em !important;
}
.u-pad-8 {
  padding: 5.9604644775em !important;
}
.u-pad-block-8 {
  padding-block-end: 5.9604644775em !important;
  padding-block-start: 5.9604644775em !important;
}
.u-pad-block-start-8 {
  padding-block-start: 5.9604644775em !important;
}
.u-pad-block-end-8 {
  padding-block-end: 5.9604644775em !important;
}
.u-pad-inline-8 {
  padding-inline-end: 5.9604644775em !important;
  padding-inline-start: 5.9604644775em !important;
}
.u-pad-inline-start-8 {
  padding-inline-start: 5.9604644775em !important;
}
.u-pad-inline-end-8 {
  padding-inline-end: 5.9604644775em !important;
}
.u-pad-9 {
  padding: 7.4505805969em !important;
}
.u-pad-block-9 {
  padding-block-end: 7.4505805969em !important;
  padding-block-start: 7.4505805969em !important;
}
.u-pad-block-start-9 {
  padding-block-start: 7.4505805969em !important;
}
.u-pad-block-end-9 {
  padding-block-end: 7.4505805969em !important;
}
.u-pad-inline-9 {
  padding-inline-end: 7.4505805969em !important;
  padding-inline-start: 7.4505805969em !important;
}
.u-pad-inline-start-9 {
  padding-inline-start: 7.4505805969em !important;
}
.u-pad-inline-end-9 {
  padding-inline-end: 7.4505805969em !important;
}
.u-pad-10 {
  padding: 9.3132257462em !important;
}
.u-pad-block-10 {
  padding-block-end: 9.3132257462em !important;
  padding-block-start: 9.3132257462em !important;
}
.u-pad-block-start-10 {
  padding-block-start: 9.3132257462em !important;
}
.u-pad-block-end-10 {
  padding-block-end: 9.3132257462em !important;
}
.u-pad-inline-10 {
  padding-inline-end: 9.3132257462em !important;
  padding-inline-start: 9.3132257462em !important;
}
.u-pad-inline-start-10 {
  padding-inline-start: 9.3132257462em !important;
}
.u-pad-inline-end-10 {
  padding-inline-end: 9.3132257462em !important;
}
.u-pad-none {
  padding: 0 !important;
}
.u-pad-block-none {
  padding-block-end: 0 !important;
  padding-block-start: 0 !important;
}
.u-pad-block-start-none {
  padding-block-start: 0 !important;
}
.u-pad-block-end-none {
  padding-block-end: 0 !important;
}
.u-pad-inline-none {
  padding-inline-end: 0 !important;
  padding-inline-start: 0 !important;
}
.u-pad-inline-start-none {
  padding-inline-start: 0 !important;
}
.u-pad-inline-end-none {
  padding-inline-end: 0 !important;
}

.u-space-auto {
  margin: auto !important;
}
.u-space-block-auto {
  margin-block-end: auto !important;
  margin-block-start: auto !important;
}
.u-space-block-start-auto {
  margin-block-start: auto !important;
}
.u-space-block-end-auto {
  margin-block-end: auto !important;
}
.u-space-inline-auto {
  margin-inline-end: auto !important;
  margin-inline-start: auto !important;
}
.u-space-inline-start-auto {
  margin-inline-start: auto !important;
}
.u-space-inline-end-auto {
  margin-inline-end: auto !important;
}
.u-space-n6 {
  margin: 0.262144em !important;
}
.u-space-block-n6 {
  margin-block-end: 0.262144em !important;
  margin-block-start: 0.262144em !important;
}
.u-space-block-start-n6 {
  margin-block-start: 0.262144em !important;
}
.u-space-block-end-n6 {
  margin-block-end: 0.262144em !important;
}
.u-space-inline-n6 {
  margin-inline-end: 0.262144em !important;
  margin-inline-start: 0.262144em !important;
}
.u-space-inline-start-n6 {
  margin-inline-start: 0.262144em !important;
}
.u-space-inline-end-n6 {
  margin-inline-end: 0.262144em !important;
}
.u-space-n5 {
  margin: 0.32768em !important;
}
.u-space-block-n5 {
  margin-block-end: 0.32768em !important;
  margin-block-start: 0.32768em !important;
}
.u-space-block-start-n5 {
  margin-block-start: 0.32768em !important;
}
.u-space-block-end-n5 {
  margin-block-end: 0.32768em !important;
}
.u-space-inline-n5 {
  margin-inline-end: 0.32768em !important;
  margin-inline-start: 0.32768em !important;
}
.u-space-inline-start-n5 {
  margin-inline-start: 0.32768em !important;
}
.u-space-inline-end-n5 {
  margin-inline-end: 0.32768em !important;
}
.u-space-n4 {
  margin: 0.4096em !important;
}
.u-space-block-n4 {
  margin-block-end: 0.4096em !important;
  margin-block-start: 0.4096em !important;
}
.u-space-block-start-n4 {
  margin-block-start: 0.4096em !important;
}
.u-space-block-end-n4 {
  margin-block-end: 0.4096em !important;
}
.u-space-inline-n4 {
  margin-inline-end: 0.4096em !important;
  margin-inline-start: 0.4096em !important;
}
.u-space-inline-start-n4 {
  margin-inline-start: 0.4096em !important;
}
.u-space-inline-end-n4 {
  margin-inline-end: 0.4096em !important;
}
.u-space-n3 {
  margin: 0.512em !important;
}
.u-space-block-n3 {
  margin-block-end: 0.512em !important;
  margin-block-start: 0.512em !important;
}
.u-space-block-start-n3 {
  margin-block-start: 0.512em !important;
}
.u-space-block-end-n3 {
  margin-block-end: 0.512em !important;
}
.u-space-inline-n3 {
  margin-inline-end: 0.512em !important;
  margin-inline-start: 0.512em !important;
}
.u-space-inline-start-n3 {
  margin-inline-start: 0.512em !important;
}
.u-space-inline-end-n3 {
  margin-inline-end: 0.512em !important;
}
.u-space-n2 {
  margin: 0.64em !important;
}
.u-space-block-n2 {
  margin-block-end: 0.64em !important;
  margin-block-start: 0.64em !important;
}
.u-space-block-start-n2 {
  margin-block-start: 0.64em !important;
}
.u-space-block-end-n2 {
  margin-block-end: 0.64em !important;
}
.u-space-inline-n2 {
  margin-inline-end: 0.64em !important;
  margin-inline-start: 0.64em !important;
}
.u-space-inline-start-n2 {
  margin-inline-start: 0.64em !important;
}
.u-space-inline-end-n2 {
  margin-inline-end: 0.64em !important;
}
.u-space-n1 {
  margin: 0.8em !important;
}
.u-space-block-n1 {
  margin-block-end: 0.8em !important;
  margin-block-start: 0.8em !important;
}
.u-space-block-start-n1 {
  margin-block-start: 0.8em !important;
}
.u-space-block-end-n1 {
  margin-block-end: 0.8em !important;
}
.u-space-inline-n1 {
  margin-inline-end: 0.8em !important;
  margin-inline-start: 0.8em !important;
}
.u-space-inline-start-n1 {
  margin-inline-start: 0.8em !important;
}
.u-space-inline-end-n1 {
  margin-inline-end: 0.8em !important;
}
.u-space-0 {
  margin: 1em !important;
}
.u-space-block-0 {
  margin-block-end: 1em !important;
  margin-block-start: 1em !important;
}
.u-space-block-start-0 {
  margin-block-start: 1em !important;
}
.u-space-block-end-0 {
  margin-block-end: 1em !important;
}
.u-space-inline-0 {
  margin-inline-end: 1em !important;
  margin-inline-start: 1em !important;
}
.u-space-inline-start-0 {
  margin-inline-start: 1em !important;
}
.u-space-inline-end-0 {
  margin-inline-end: 1em !important;
}
.u-space-1 {
  margin: 1.25em !important;
}
.u-space-block-1 {
  margin-block-end: 1.25em !important;
  margin-block-start: 1.25em !important;
}
.u-space-block-start-1 {
  margin-block-start: 1.25em !important;
}
.u-space-block-end-1 {
  margin-block-end: 1.25em !important;
}
.u-space-inline-1 {
  margin-inline-end: 1.25em !important;
  margin-inline-start: 1.25em !important;
}
.u-space-inline-start-1 {
  margin-inline-start: 1.25em !important;
}
.u-space-inline-end-1 {
  margin-inline-end: 1.25em !important;
}
.u-space-2 {
  margin: 1.5625em !important;
}
.u-space-block-2 {
  margin-block-end: 1.5625em !important;
  margin-block-start: 1.5625em !important;
}
.u-space-block-start-2 {
  margin-block-start: 1.5625em !important;
}
.u-space-block-end-2 {
  margin-block-end: 1.5625em !important;
}
.u-space-inline-2 {
  margin-inline-end: 1.5625em !important;
  margin-inline-start: 1.5625em !important;
}
.u-space-inline-start-2 {
  margin-inline-start: 1.5625em !important;
}
.u-space-inline-end-2 {
  margin-inline-end: 1.5625em !important;
}
.u-space-3 {
  margin: 1.953125em !important;
}
.u-space-block-3 {
  margin-block-end: 1.953125em !important;
  margin-block-start: 1.953125em !important;
}
.u-space-block-start-3 {
  margin-block-start: 1.953125em !important;
}
.u-space-block-end-3 {
  margin-block-end: 1.953125em !important;
}
.u-space-inline-3 {
  margin-inline-end: 1.953125em !important;
  margin-inline-start: 1.953125em !important;
}
.u-space-inline-start-3 {
  margin-inline-start: 1.953125em !important;
}
.u-space-inline-end-3 {
  margin-inline-end: 1.953125em !important;
}
.u-space-4 {
  margin: 2.44140625em !important;
}
.u-space-block-4 {
  margin-block-end: 2.44140625em !important;
  margin-block-start: 2.44140625em !important;
}
.u-space-block-start-4 {
  margin-block-start: 2.44140625em !important;
}
.u-space-block-end-4 {
  margin-block-end: 2.44140625em !important;
}
.u-space-inline-4 {
  margin-inline-end: 2.44140625em !important;
  margin-inline-start: 2.44140625em !important;
}
.u-space-inline-start-4 {
  margin-inline-start: 2.44140625em !important;
}
.u-space-inline-end-4 {
  margin-inline-end: 2.44140625em !important;
}
.u-space-5 {
  margin: 3.0517578125em !important;
}
.u-space-block-5 {
  margin-block-end: 3.0517578125em !important;
  margin-block-start: 3.0517578125em !important;
}
.u-space-block-start-5 {
  margin-block-start: 3.0517578125em !important;
}
.u-space-block-end-5 {
  margin-block-end: 3.0517578125em !important;
}
.u-space-inline-5 {
  margin-inline-end: 3.0517578125em !important;
  margin-inline-start: 3.0517578125em !important;
}
.u-space-inline-start-5 {
  margin-inline-start: 3.0517578125em !important;
}
.u-space-inline-end-5 {
  margin-inline-end: 3.0517578125em !important;
}
.u-space-6 {
  margin: 3.8146972656em !important;
}
.u-space-block-6 {
  margin-block-end: 3.8146972656em !important;
  margin-block-start: 3.8146972656em !important;
}
.u-space-block-start-6 {
  margin-block-start: 3.8146972656em !important;
}
.u-space-block-end-6 {
  margin-block-end: 3.8146972656em !important;
}
.u-space-inline-6 {
  margin-inline-end: 3.8146972656em !important;
  margin-inline-start: 3.8146972656em !important;
}
.u-space-inline-start-6 {
  margin-inline-start: 3.8146972656em !important;
}
.u-space-inline-end-6 {
  margin-inline-end: 3.8146972656em !important;
}
.u-space-7 {
  margin: 4.768371582em !important;
}
.u-space-block-7 {
  margin-block-end: 4.768371582em !important;
  margin-block-start: 4.768371582em !important;
}
.u-space-block-start-7 {
  margin-block-start: 4.768371582em !important;
}
.u-space-block-end-7 {
  margin-block-end: 4.768371582em !important;
}
.u-space-inline-7 {
  margin-inline-end: 4.768371582em !important;
  margin-inline-start: 4.768371582em !important;
}
.u-space-inline-start-7 {
  margin-inline-start: 4.768371582em !important;
}
.u-space-inline-end-7 {
  margin-inline-end: 4.768371582em !important;
}
.u-space-8 {
  margin: 5.9604644775em !important;
}
.u-space-block-8 {
  margin-block-end: 5.9604644775em !important;
  margin-block-start: 5.9604644775em !important;
}
.u-space-block-start-8 {
  margin-block-start: 5.9604644775em !important;
}
.u-space-block-end-8 {
  margin-block-end: 5.9604644775em !important;
}
.u-space-inline-8 {
  margin-inline-end: 5.9604644775em !important;
  margin-inline-start: 5.9604644775em !important;
}
.u-space-inline-start-8 {
  margin-inline-start: 5.9604644775em !important;
}
.u-space-inline-end-8 {
  margin-inline-end: 5.9604644775em !important;
}
.u-space-9 {
  margin: 7.4505805969em !important;
}
.u-space-block-9 {
  margin-block-end: 7.4505805969em !important;
  margin-block-start: 7.4505805969em !important;
}
.u-space-block-start-9 {
  margin-block-start: 7.4505805969em !important;
}
.u-space-block-end-9 {
  margin-block-end: 7.4505805969em !important;
}
.u-space-inline-9 {
  margin-inline-end: 7.4505805969em !important;
  margin-inline-start: 7.4505805969em !important;
}
.u-space-inline-start-9 {
  margin-inline-start: 7.4505805969em !important;
}
.u-space-inline-end-9 {
  margin-inline-end: 7.4505805969em !important;
}
.u-space-10 {
  margin: 9.3132257462em !important;
}
.u-space-block-10 {
  margin-block-end: 9.3132257462em !important;
  margin-block-start: 9.3132257462em !important;
}
.u-space-block-start-10 {
  margin-block-start: 9.3132257462em !important;
}
.u-space-block-end-10 {
  margin-block-end: 9.3132257462em !important;
}
.u-space-inline-10 {
  margin-inline-end: 9.3132257462em !important;
  margin-inline-start: 9.3132257462em !important;
}
.u-space-inline-start-10 {
  margin-inline-start: 9.3132257462em !important;
}
.u-space-inline-end-10 {
  margin-inline-end: 9.3132257462em !important;
}
.u-space-none {
  margin: 0 !important;
}
.u-space-block-none {
  margin-block-end: 0 !important;
  margin-block-start: 0 !important;
}
.u-space-block-start-none {
  margin-block-start: 0 !important;
}
.u-space-block-end-none {
  margin-block-end: 0 !important;
}
.u-space-inline-none {
  margin-inline-end: 0 !important;
  margin-inline-start: 0 !important;
}
.u-space-inline-start-none {
  margin-inline-start: 0 !important;
}
.u-space-inline-end-none {
  margin-inline-end: 0 !important;
}

.u-pull-auto {
  margin: auto !important;
}
.u-pull-block-auto {
  margin-block-end: auto !important;
  margin-block-start: auto !important;
}
.u-pull-block-start-auto {
  margin-block-start: auto !important;
}
.u-pull-block-end-auto {
  margin-block-end: auto !important;
}
.u-pull-inline-auto {
  margin-inline-end: auto !important;
  margin-inline-start: auto !important;
}
.u-pull-inline-start-auto {
  margin-inline-start: auto !important;
}
.u-pull-inline-end-auto {
  margin-inline-end: auto !important;
}
.u-pull-n6 {
  margin: -0.262144em !important;
}
.u-pull-block-n6 {
  margin-block-end: -0.262144em !important;
  margin-block-start: -0.262144em !important;
}
.u-pull-block-start-n6 {
  margin-block-start: -0.262144em !important;
}
.u-pull-block-end-n6 {
  margin-block-end: -0.262144em !important;
}
.u-pull-inline-n6 {
  margin-inline-end: -0.262144em !important;
  margin-inline-start: -0.262144em !important;
}
.u-pull-inline-start-n6 {
  margin-inline-start: -0.262144em !important;
}
.u-pull-inline-end-n6 {
  margin-inline-end: -0.262144em !important;
}
.u-pull-n5 {
  margin: -0.32768em !important;
}
.u-pull-block-n5 {
  margin-block-end: -0.32768em !important;
  margin-block-start: -0.32768em !important;
}
.u-pull-block-start-n5 {
  margin-block-start: -0.32768em !important;
}
.u-pull-block-end-n5 {
  margin-block-end: -0.32768em !important;
}
.u-pull-inline-n5 {
  margin-inline-end: -0.32768em !important;
  margin-inline-start: -0.32768em !important;
}
.u-pull-inline-start-n5 {
  margin-inline-start: -0.32768em !important;
}
.u-pull-inline-end-n5 {
  margin-inline-end: -0.32768em !important;
}
.u-pull-n4 {
  margin: -0.4096em !important;
}
.u-pull-block-n4 {
  margin-block-end: -0.4096em !important;
  margin-block-start: -0.4096em !important;
}
.u-pull-block-start-n4 {
  margin-block-start: -0.4096em !important;
}
.u-pull-block-end-n4 {
  margin-block-end: -0.4096em !important;
}
.u-pull-inline-n4 {
  margin-inline-end: -0.4096em !important;
  margin-inline-start: -0.4096em !important;
}
.u-pull-inline-start-n4 {
  margin-inline-start: -0.4096em !important;
}
.u-pull-inline-end-n4 {
  margin-inline-end: -0.4096em !important;
}
.u-pull-n3 {
  margin: -0.512em !important;
}
.u-pull-block-n3 {
  margin-block-end: -0.512em !important;
  margin-block-start: -0.512em !important;
}
.u-pull-block-start-n3 {
  margin-block-start: -0.512em !important;
}
.u-pull-block-end-n3 {
  margin-block-end: -0.512em !important;
}
.u-pull-inline-n3 {
  margin-inline-end: -0.512em !important;
  margin-inline-start: -0.512em !important;
}
.u-pull-inline-start-n3 {
  margin-inline-start: -0.512em !important;
}
.u-pull-inline-end-n3 {
  margin-inline-end: -0.512em !important;
}
.u-pull-n2 {
  margin: -0.64em !important;
}
.u-pull-block-n2 {
  margin-block-end: -0.64em !important;
  margin-block-start: -0.64em !important;
}
.u-pull-block-start-n2 {
  margin-block-start: -0.64em !important;
}
.u-pull-block-end-n2 {
  margin-block-end: -0.64em !important;
}
.u-pull-inline-n2 {
  margin-inline-end: -0.64em !important;
  margin-inline-start: -0.64em !important;
}
.u-pull-inline-start-n2 {
  margin-inline-start: -0.64em !important;
}
.u-pull-inline-end-n2 {
  margin-inline-end: -0.64em !important;
}
.u-pull-n1 {
  margin: -0.8em !important;
}
.u-pull-block-n1 {
  margin-block-end: -0.8em !important;
  margin-block-start: -0.8em !important;
}
.u-pull-block-start-n1 {
  margin-block-start: -0.8em !important;
}
.u-pull-block-end-n1 {
  margin-block-end: -0.8em !important;
}
.u-pull-inline-n1 {
  margin-inline-end: -0.8em !important;
  margin-inline-start: -0.8em !important;
}
.u-pull-inline-start-n1 {
  margin-inline-start: -0.8em !important;
}
.u-pull-inline-end-n1 {
  margin-inline-end: -0.8em !important;
}
.u-pull-0 {
  margin: -1em !important;
}
.u-pull-block-0 {
  margin-block-end: -1em !important;
  margin-block-start: -1em !important;
}
.u-pull-block-start-0 {
  margin-block-start: -1em !important;
}
.u-pull-block-end-0 {
  margin-block-end: -1em !important;
}
.u-pull-inline-0 {
  margin-inline-end: -1em !important;
  margin-inline-start: -1em !important;
}
.u-pull-inline-start-0 {
  margin-inline-start: -1em !important;
}
.u-pull-inline-end-0 {
  margin-inline-end: -1em !important;
}
.u-pull-1 {
  margin: -1.25em !important;
}
.u-pull-block-1 {
  margin-block-end: -1.25em !important;
  margin-block-start: -1.25em !important;
}
.u-pull-block-start-1 {
  margin-block-start: -1.25em !important;
}
.u-pull-block-end-1 {
  margin-block-end: -1.25em !important;
}
.u-pull-inline-1 {
  margin-inline-end: -1.25em !important;
  margin-inline-start: -1.25em !important;
}
.u-pull-inline-start-1 {
  margin-inline-start: -1.25em !important;
}
.u-pull-inline-end-1 {
  margin-inline-end: -1.25em !important;
}
.u-pull-2 {
  margin: -1.5625em !important;
}
.u-pull-block-2 {
  margin-block-end: -1.5625em !important;
  margin-block-start: -1.5625em !important;
}
.u-pull-block-start-2 {
  margin-block-start: -1.5625em !important;
}
.u-pull-block-end-2 {
  margin-block-end: -1.5625em !important;
}
.u-pull-inline-2 {
  margin-inline-end: -1.5625em !important;
  margin-inline-start: -1.5625em !important;
}
.u-pull-inline-start-2 {
  margin-inline-start: -1.5625em !important;
}
.u-pull-inline-end-2 {
  margin-inline-end: -1.5625em !important;
}
.u-pull-3 {
  margin: -1.953125em !important;
}
.u-pull-block-3 {
  margin-block-end: -1.953125em !important;
  margin-block-start: -1.953125em !important;
}
.u-pull-block-start-3 {
  margin-block-start: -1.953125em !important;
}
.u-pull-block-end-3 {
  margin-block-end: -1.953125em !important;
}
.u-pull-inline-3 {
  margin-inline-end: -1.953125em !important;
  margin-inline-start: -1.953125em !important;
}
.u-pull-inline-start-3 {
  margin-inline-start: -1.953125em !important;
}
.u-pull-inline-end-3 {
  margin-inline-end: -1.953125em !important;
}
.u-pull-4 {
  margin: -2.44140625em !important;
}
.u-pull-block-4 {
  margin-block-end: -2.44140625em !important;
  margin-block-start: -2.44140625em !important;
}
.u-pull-block-start-4 {
  margin-block-start: -2.44140625em !important;
}
.u-pull-block-end-4 {
  margin-block-end: -2.44140625em !important;
}
.u-pull-inline-4 {
  margin-inline-end: -2.44140625em !important;
  margin-inline-start: -2.44140625em !important;
}
.u-pull-inline-start-4 {
  margin-inline-start: -2.44140625em !important;
}
.u-pull-inline-end-4 {
  margin-inline-end: -2.44140625em !important;
}
.u-pull-5 {
  margin: -3.0517578125em !important;
}
.u-pull-block-5 {
  margin-block-end: -3.0517578125em !important;
  margin-block-start: -3.0517578125em !important;
}
.u-pull-block-start-5 {
  margin-block-start: -3.0517578125em !important;
}
.u-pull-block-end-5 {
  margin-block-end: -3.0517578125em !important;
}
.u-pull-inline-5 {
  margin-inline-end: -3.0517578125em !important;
  margin-inline-start: -3.0517578125em !important;
}
.u-pull-inline-start-5 {
  margin-inline-start: -3.0517578125em !important;
}
.u-pull-inline-end-5 {
  margin-inline-end: -3.0517578125em !important;
}
.u-pull-6 {
  margin: -3.8146972656em !important;
}
.u-pull-block-6 {
  margin-block-end: -3.8146972656em !important;
  margin-block-start: -3.8146972656em !important;
}
.u-pull-block-start-6 {
  margin-block-start: -3.8146972656em !important;
}
.u-pull-block-end-6 {
  margin-block-end: -3.8146972656em !important;
}
.u-pull-inline-6 {
  margin-inline-end: -3.8146972656em !important;
  margin-inline-start: -3.8146972656em !important;
}
.u-pull-inline-start-6 {
  margin-inline-start: -3.8146972656em !important;
}
.u-pull-inline-end-6 {
  margin-inline-end: -3.8146972656em !important;
}
.u-pull-7 {
  margin: -4.768371582em !important;
}
.u-pull-block-7 {
  margin-block-end: -4.768371582em !important;
  margin-block-start: -4.768371582em !important;
}
.u-pull-block-start-7 {
  margin-block-start: -4.768371582em !important;
}
.u-pull-block-end-7 {
  margin-block-end: -4.768371582em !important;
}
.u-pull-inline-7 {
  margin-inline-end: -4.768371582em !important;
  margin-inline-start: -4.768371582em !important;
}
.u-pull-inline-start-7 {
  margin-inline-start: -4.768371582em !important;
}
.u-pull-inline-end-7 {
  margin-inline-end: -4.768371582em !important;
}
.u-pull-8 {
  margin: -5.9604644775em !important;
}
.u-pull-block-8 {
  margin-block-end: -5.9604644775em !important;
  margin-block-start: -5.9604644775em !important;
}
.u-pull-block-start-8 {
  margin-block-start: -5.9604644775em !important;
}
.u-pull-block-end-8 {
  margin-block-end: -5.9604644775em !important;
}
.u-pull-inline-8 {
  margin-inline-end: -5.9604644775em !important;
  margin-inline-start: -5.9604644775em !important;
}
.u-pull-inline-start-8 {
  margin-inline-start: -5.9604644775em !important;
}
.u-pull-inline-end-8 {
  margin-inline-end: -5.9604644775em !important;
}
.u-pull-9 {
  margin: -7.4505805969em !important;
}
.u-pull-block-9 {
  margin-block-end: -7.4505805969em !important;
  margin-block-start: -7.4505805969em !important;
}
.u-pull-block-start-9 {
  margin-block-start: -7.4505805969em !important;
}
.u-pull-block-end-9 {
  margin-block-end: -7.4505805969em !important;
}
.u-pull-inline-9 {
  margin-inline-end: -7.4505805969em !important;
  margin-inline-start: -7.4505805969em !important;
}
.u-pull-inline-start-9 {
  margin-inline-start: -7.4505805969em !important;
}
.u-pull-inline-end-9 {
  margin-inline-end: -7.4505805969em !important;
}
.u-pull-10 {
  margin: -9.3132257462em !important;
}
.u-pull-block-10 {
  margin-block-end: -9.3132257462em !important;
  margin-block-start: -9.3132257462em !important;
}
.u-pull-block-start-10 {
  margin-block-start: -9.3132257462em !important;
}
.u-pull-block-end-10 {
  margin-block-end: -9.3132257462em !important;
}
.u-pull-inline-10 {
  margin-inline-end: -9.3132257462em !important;
  margin-inline-start: -9.3132257462em !important;
}
.u-pull-inline-start-10 {
  margin-inline-start: -9.3132257462em !important;
}
.u-pull-inline-end-10 {
  margin-inline-end: -9.3132257462em !important;
}
.u-pull-none {
  margin: 0 !important;
}
.u-pull-block-none {
  margin-block-end: 0 !important;
  margin-block-start: 0 !important;
}
.u-pull-block-start-none {
  margin-block-start: 0 !important;
}
.u-pull-block-end-none {
  margin-block-end: 0 !important;
}
.u-pull-inline-none {
  margin-inline-end: 0 !important;
  margin-inline-start: 0 !important;
}
.u-pull-inline-start-none {
  margin-inline-start: 0 !important;
}
.u-pull-inline-end-none {
  margin-inline-end: 0 !important;
}

@media (min-width: 20em) {
  .u-pad-n6\@xs {
    padding: 0.262144em !important;
  }
  .u-pad-block-n6\@xs {
    padding-block-end: 0.262144em !important;
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-start-n6\@xs {
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-end-n6\@xs {
    padding-block-end: 0.262144em !important;
  }
  .u-pad-inline-n6\@xs {
    padding-inline-end: 0.262144em !important;
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-start-n6\@xs {
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-end-n6\@xs {
    padding-inline-end: 0.262144em !important;
  }
  .u-pad-n5\@xs {
    padding: 0.32768em !important;
  }
  .u-pad-block-n5\@xs {
    padding-block-end: 0.32768em !important;
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-start-n5\@xs {
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-end-n5\@xs {
    padding-block-end: 0.32768em !important;
  }
  .u-pad-inline-n5\@xs {
    padding-inline-end: 0.32768em !important;
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-start-n5\@xs {
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-end-n5\@xs {
    padding-inline-end: 0.32768em !important;
  }
  .u-pad-n4\@xs {
    padding: 0.4096em !important;
  }
  .u-pad-block-n4\@xs {
    padding-block-end: 0.4096em !important;
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-start-n4\@xs {
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-end-n4\@xs {
    padding-block-end: 0.4096em !important;
  }
  .u-pad-inline-n4\@xs {
    padding-inline-end: 0.4096em !important;
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-start-n4\@xs {
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-end-n4\@xs {
    padding-inline-end: 0.4096em !important;
  }
  .u-pad-n3\@xs {
    padding: 0.512em !important;
  }
  .u-pad-block-n3\@xs {
    padding-block-end: 0.512em !important;
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-start-n3\@xs {
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-end-n3\@xs {
    padding-block-end: 0.512em !important;
  }
  .u-pad-inline-n3\@xs {
    padding-inline-end: 0.512em !important;
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-start-n3\@xs {
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-end-n3\@xs {
    padding-inline-end: 0.512em !important;
  }
  .u-pad-n2\@xs {
    padding: 0.64em !important;
  }
  .u-pad-block-n2\@xs {
    padding-block-end: 0.64em !important;
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-start-n2\@xs {
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-end-n2\@xs {
    padding-block-end: 0.64em !important;
  }
  .u-pad-inline-n2\@xs {
    padding-inline-end: 0.64em !important;
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-start-n2\@xs {
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-end-n2\@xs {
    padding-inline-end: 0.64em !important;
  }
  .u-pad-n1\@xs {
    padding: 0.8em !important;
  }
  .u-pad-block-n1\@xs {
    padding-block-end: 0.8em !important;
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-start-n1\@xs {
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-end-n1\@xs {
    padding-block-end: 0.8em !important;
  }
  .u-pad-inline-n1\@xs {
    padding-inline-end: 0.8em !important;
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-start-n1\@xs {
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-end-n1\@xs {
    padding-inline-end: 0.8em !important;
  }
  .u-pad-0\@xs {
    padding: 1em !important;
  }
  .u-pad-block-0\@xs {
    padding-block-end: 1em !important;
    padding-block-start: 1em !important;
  }
  .u-pad-block-start-0\@xs {
    padding-block-start: 1em !important;
  }
  .u-pad-block-end-0\@xs {
    padding-block-end: 1em !important;
  }
  .u-pad-inline-0\@xs {
    padding-inline-end: 1em !important;
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-start-0\@xs {
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-end-0\@xs {
    padding-inline-end: 1em !important;
  }
  .u-pad-1\@xs {
    padding: 1.25em !important;
  }
  .u-pad-block-1\@xs {
    padding-block-end: 1.25em !important;
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-start-1\@xs {
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-end-1\@xs {
    padding-block-end: 1.25em !important;
  }
  .u-pad-inline-1\@xs {
    padding-inline-end: 1.25em !important;
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-start-1\@xs {
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-end-1\@xs {
    padding-inline-end: 1.25em !important;
  }
  .u-pad-2\@xs {
    padding: 1.5625em !important;
  }
  .u-pad-block-2\@xs {
    padding-block-end: 1.5625em !important;
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-start-2\@xs {
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-end-2\@xs {
    padding-block-end: 1.5625em !important;
  }
  .u-pad-inline-2\@xs {
    padding-inline-end: 1.5625em !important;
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-start-2\@xs {
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-end-2\@xs {
    padding-inline-end: 1.5625em !important;
  }
  .u-pad-3\@xs {
    padding: 1.953125em !important;
  }
  .u-pad-block-3\@xs {
    padding-block-end: 1.953125em !important;
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-start-3\@xs {
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-end-3\@xs {
    padding-block-end: 1.953125em !important;
  }
  .u-pad-inline-3\@xs {
    padding-inline-end: 1.953125em !important;
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-start-3\@xs {
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-end-3\@xs {
    padding-inline-end: 1.953125em !important;
  }
  .u-pad-4\@xs {
    padding: 2.44140625em !important;
  }
  .u-pad-block-4\@xs {
    padding-block-end: 2.44140625em !important;
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-start-4\@xs {
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-end-4\@xs {
    padding-block-end: 2.44140625em !important;
  }
  .u-pad-inline-4\@xs {
    padding-inline-end: 2.44140625em !important;
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-start-4\@xs {
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-end-4\@xs {
    padding-inline-end: 2.44140625em !important;
  }
  .u-pad-5\@xs {
    padding: 3.0517578125em !important;
  }
  .u-pad-block-5\@xs {
    padding-block-end: 3.0517578125em !important;
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-start-5\@xs {
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-end-5\@xs {
    padding-block-end: 3.0517578125em !important;
  }
  .u-pad-inline-5\@xs {
    padding-inline-end: 3.0517578125em !important;
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-start-5\@xs {
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-end-5\@xs {
    padding-inline-end: 3.0517578125em !important;
  }
  .u-pad-6\@xs {
    padding: 3.8146972656em !important;
  }
  .u-pad-block-6\@xs {
    padding-block-end: 3.8146972656em !important;
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-start-6\@xs {
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-end-6\@xs {
    padding-block-end: 3.8146972656em !important;
  }
  .u-pad-inline-6\@xs {
    padding-inline-end: 3.8146972656em !important;
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-start-6\@xs {
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-end-6\@xs {
    padding-inline-end: 3.8146972656em !important;
  }
  .u-pad-7\@xs {
    padding: 4.768371582em !important;
  }
  .u-pad-block-7\@xs {
    padding-block-end: 4.768371582em !important;
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-start-7\@xs {
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-end-7\@xs {
    padding-block-end: 4.768371582em !important;
  }
  .u-pad-inline-7\@xs {
    padding-inline-end: 4.768371582em !important;
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-start-7\@xs {
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-end-7\@xs {
    padding-inline-end: 4.768371582em !important;
  }
  .u-pad-8\@xs {
    padding: 5.9604644775em !important;
  }
  .u-pad-block-8\@xs {
    padding-block-end: 5.9604644775em !important;
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-start-8\@xs {
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-end-8\@xs {
    padding-block-end: 5.9604644775em !important;
  }
  .u-pad-inline-8\@xs {
    padding-inline-end: 5.9604644775em !important;
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-start-8\@xs {
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-end-8\@xs {
    padding-inline-end: 5.9604644775em !important;
  }
  .u-pad-9\@xs {
    padding: 7.4505805969em !important;
  }
  .u-pad-block-9\@xs {
    padding-block-end: 7.4505805969em !important;
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-start-9\@xs {
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-end-9\@xs {
    padding-block-end: 7.4505805969em !important;
  }
  .u-pad-inline-9\@xs {
    padding-inline-end: 7.4505805969em !important;
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-start-9\@xs {
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-end-9\@xs {
    padding-inline-end: 7.4505805969em !important;
  }
  .u-pad-10\@xs {
    padding: 9.3132257462em !important;
  }
  .u-pad-block-10\@xs {
    padding-block-end: 9.3132257462em !important;
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-start-10\@xs {
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-end-10\@xs {
    padding-block-end: 9.3132257462em !important;
  }
  .u-pad-inline-10\@xs {
    padding-inline-end: 9.3132257462em !important;
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-start-10\@xs {
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-end-10\@xs {
    padding-inline-end: 9.3132257462em !important;
  }
  .u-pad-none\@xs {
    padding: 0 !important;
  }
  .u-pad-block-none\@xs {
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
  }
  .u-pad-block-start-none\@xs {
    padding-block-start: 0 !important;
  }
  .u-pad-block-end-none\@xs {
    padding-block-end: 0 !important;
  }
  .u-pad-inline-none\@xs {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-start-none\@xs {
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-end-none\@xs {
    padding-inline-end: 0 !important;
  }
  .u-space-auto\@xs {
    margin: auto !important;
  }
  .u-space-block-auto\@xs {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-space-block-start-auto\@xs {
    margin-block-start: auto !important;
  }
  .u-space-block-end-auto\@xs {
    margin-block-end: auto !important;
  }
  .u-space-inline-auto\@xs {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-space-inline-start-auto\@xs {
    margin-inline-start: auto !important;
  }
  .u-space-inline-end-auto\@xs {
    margin-inline-end: auto !important;
  }
  .u-space-n6\@xs {
    margin: 0.262144em !important;
  }
  .u-space-block-n6\@xs {
    margin-block-end: 0.262144em !important;
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-start-n6\@xs {
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-end-n6\@xs {
    margin-block-end: 0.262144em !important;
  }
  .u-space-inline-n6\@xs {
    margin-inline-end: 0.262144em !important;
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-start-n6\@xs {
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-end-n6\@xs {
    margin-inline-end: 0.262144em !important;
  }
  .u-space-n5\@xs {
    margin: 0.32768em !important;
  }
  .u-space-block-n5\@xs {
    margin-block-end: 0.32768em !important;
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-start-n5\@xs {
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-end-n5\@xs {
    margin-block-end: 0.32768em !important;
  }
  .u-space-inline-n5\@xs {
    margin-inline-end: 0.32768em !important;
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-start-n5\@xs {
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-end-n5\@xs {
    margin-inline-end: 0.32768em !important;
  }
  .u-space-n4\@xs {
    margin: 0.4096em !important;
  }
  .u-space-block-n4\@xs {
    margin-block-end: 0.4096em !important;
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-start-n4\@xs {
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-end-n4\@xs {
    margin-block-end: 0.4096em !important;
  }
  .u-space-inline-n4\@xs {
    margin-inline-end: 0.4096em !important;
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-start-n4\@xs {
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-end-n4\@xs {
    margin-inline-end: 0.4096em !important;
  }
  .u-space-n3\@xs {
    margin: 0.512em !important;
  }
  .u-space-block-n3\@xs {
    margin-block-end: 0.512em !important;
    margin-block-start: 0.512em !important;
  }
  .u-space-block-start-n3\@xs {
    margin-block-start: 0.512em !important;
  }
  .u-space-block-end-n3\@xs {
    margin-block-end: 0.512em !important;
  }
  .u-space-inline-n3\@xs {
    margin-inline-end: 0.512em !important;
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-start-n3\@xs {
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-end-n3\@xs {
    margin-inline-end: 0.512em !important;
  }
  .u-space-n2\@xs {
    margin: 0.64em !important;
  }
  .u-space-block-n2\@xs {
    margin-block-end: 0.64em !important;
    margin-block-start: 0.64em !important;
  }
  .u-space-block-start-n2\@xs {
    margin-block-start: 0.64em !important;
  }
  .u-space-block-end-n2\@xs {
    margin-block-end: 0.64em !important;
  }
  .u-space-inline-n2\@xs {
    margin-inline-end: 0.64em !important;
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-start-n2\@xs {
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-end-n2\@xs {
    margin-inline-end: 0.64em !important;
  }
  .u-space-n1\@xs {
    margin: 0.8em !important;
  }
  .u-space-block-n1\@xs {
    margin-block-end: 0.8em !important;
    margin-block-start: 0.8em !important;
  }
  .u-space-block-start-n1\@xs {
    margin-block-start: 0.8em !important;
  }
  .u-space-block-end-n1\@xs {
    margin-block-end: 0.8em !important;
  }
  .u-space-inline-n1\@xs {
    margin-inline-end: 0.8em !important;
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-start-n1\@xs {
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-end-n1\@xs {
    margin-inline-end: 0.8em !important;
  }
  .u-space-0\@xs {
    margin: 1em !important;
  }
  .u-space-block-0\@xs {
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
  }
  .u-space-block-start-0\@xs {
    margin-block-start: 1em !important;
  }
  .u-space-block-end-0\@xs {
    margin-block-end: 1em !important;
  }
  .u-space-inline-0\@xs {
    margin-inline-end: 1em !important;
    margin-inline-start: 1em !important;
  }
  .u-space-inline-start-0\@xs {
    margin-inline-start: 1em !important;
  }
  .u-space-inline-end-0\@xs {
    margin-inline-end: 1em !important;
  }
  .u-space-1\@xs {
    margin: 1.25em !important;
  }
  .u-space-block-1\@xs {
    margin-block-end: 1.25em !important;
    margin-block-start: 1.25em !important;
  }
  .u-space-block-start-1\@xs {
    margin-block-start: 1.25em !important;
  }
  .u-space-block-end-1\@xs {
    margin-block-end: 1.25em !important;
  }
  .u-space-inline-1\@xs {
    margin-inline-end: 1.25em !important;
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-start-1\@xs {
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-end-1\@xs {
    margin-inline-end: 1.25em !important;
  }
  .u-space-2\@xs {
    margin: 1.5625em !important;
  }
  .u-space-block-2\@xs {
    margin-block-end: 1.5625em !important;
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-start-2\@xs {
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-end-2\@xs {
    margin-block-end: 1.5625em !important;
  }
  .u-space-inline-2\@xs {
    margin-inline-end: 1.5625em !important;
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-start-2\@xs {
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-end-2\@xs {
    margin-inline-end: 1.5625em !important;
  }
  .u-space-3\@xs {
    margin: 1.953125em !important;
  }
  .u-space-block-3\@xs {
    margin-block-end: 1.953125em !important;
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-start-3\@xs {
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-end-3\@xs {
    margin-block-end: 1.953125em !important;
  }
  .u-space-inline-3\@xs {
    margin-inline-end: 1.953125em !important;
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-start-3\@xs {
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-end-3\@xs {
    margin-inline-end: 1.953125em !important;
  }
  .u-space-4\@xs {
    margin: 2.44140625em !important;
  }
  .u-space-block-4\@xs {
    margin-block-end: 2.44140625em !important;
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-start-4\@xs {
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-end-4\@xs {
    margin-block-end: 2.44140625em !important;
  }
  .u-space-inline-4\@xs {
    margin-inline-end: 2.44140625em !important;
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-start-4\@xs {
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-end-4\@xs {
    margin-inline-end: 2.44140625em !important;
  }
  .u-space-5\@xs {
    margin: 3.0517578125em !important;
  }
  .u-space-block-5\@xs {
    margin-block-end: 3.0517578125em !important;
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-start-5\@xs {
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-end-5\@xs {
    margin-block-end: 3.0517578125em !important;
  }
  .u-space-inline-5\@xs {
    margin-inline-end: 3.0517578125em !important;
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-start-5\@xs {
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-end-5\@xs {
    margin-inline-end: 3.0517578125em !important;
  }
  .u-space-6\@xs {
    margin: 3.8146972656em !important;
  }
  .u-space-block-6\@xs {
    margin-block-end: 3.8146972656em !important;
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-start-6\@xs {
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-end-6\@xs {
    margin-block-end: 3.8146972656em !important;
  }
  .u-space-inline-6\@xs {
    margin-inline-end: 3.8146972656em !important;
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-start-6\@xs {
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-end-6\@xs {
    margin-inline-end: 3.8146972656em !important;
  }
  .u-space-7\@xs {
    margin: 4.768371582em !important;
  }
  .u-space-block-7\@xs {
    margin-block-end: 4.768371582em !important;
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-start-7\@xs {
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-end-7\@xs {
    margin-block-end: 4.768371582em !important;
  }
  .u-space-inline-7\@xs {
    margin-inline-end: 4.768371582em !important;
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-start-7\@xs {
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-end-7\@xs {
    margin-inline-end: 4.768371582em !important;
  }
  .u-space-8\@xs {
    margin: 5.9604644775em !important;
  }
  .u-space-block-8\@xs {
    margin-block-end: 5.9604644775em !important;
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-start-8\@xs {
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-end-8\@xs {
    margin-block-end: 5.9604644775em !important;
  }
  .u-space-inline-8\@xs {
    margin-inline-end: 5.9604644775em !important;
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-start-8\@xs {
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-end-8\@xs {
    margin-inline-end: 5.9604644775em !important;
  }
  .u-space-9\@xs {
    margin: 7.4505805969em !important;
  }
  .u-space-block-9\@xs {
    margin-block-end: 7.4505805969em !important;
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-start-9\@xs {
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-end-9\@xs {
    margin-block-end: 7.4505805969em !important;
  }
  .u-space-inline-9\@xs {
    margin-inline-end: 7.4505805969em !important;
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-start-9\@xs {
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-end-9\@xs {
    margin-inline-end: 7.4505805969em !important;
  }
  .u-space-10\@xs {
    margin: 9.3132257462em !important;
  }
  .u-space-block-10\@xs {
    margin-block-end: 9.3132257462em !important;
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-start-10\@xs {
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-end-10\@xs {
    margin-block-end: 9.3132257462em !important;
  }
  .u-space-inline-10\@xs {
    margin-inline-end: 9.3132257462em !important;
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-start-10\@xs {
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-end-10\@xs {
    margin-inline-end: 9.3132257462em !important;
  }
  .u-space-none\@xs {
    margin: 0 !important;
  }
  .u-space-block-none\@xs {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-space-block-start-none\@xs {
    margin-block-start: 0 !important;
  }
  .u-space-block-end-none\@xs {
    margin-block-end: 0 !important;
  }
  .u-space-inline-none\@xs {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-space-inline-start-none\@xs {
    margin-inline-start: 0 !important;
  }
  .u-space-inline-end-none\@xs {
    margin-inline-end: 0 !important;
  }
  .u-pull-auto\@xs {
    margin: auto !important;
  }
  .u-pull-block-auto\@xs {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-pull-block-start-auto\@xs {
    margin-block-start: auto !important;
  }
  .u-pull-block-end-auto\@xs {
    margin-block-end: auto !important;
  }
  .u-pull-inline-auto\@xs {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-pull-inline-start-auto\@xs {
    margin-inline-start: auto !important;
  }
  .u-pull-inline-end-auto\@xs {
    margin-inline-end: auto !important;
  }
  .u-pull-n6\@xs {
    margin: -0.262144em !important;
  }
  .u-pull-block-n6\@xs {
    margin-block-end: -0.262144em !important;
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-start-n6\@xs {
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-end-n6\@xs {
    margin-block-end: -0.262144em !important;
  }
  .u-pull-inline-n6\@xs {
    margin-inline-end: -0.262144em !important;
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-start-n6\@xs {
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-end-n6\@xs {
    margin-inline-end: -0.262144em !important;
  }
  .u-pull-n5\@xs {
    margin: -0.32768em !important;
  }
  .u-pull-block-n5\@xs {
    margin-block-end: -0.32768em !important;
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-start-n5\@xs {
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-end-n5\@xs {
    margin-block-end: -0.32768em !important;
  }
  .u-pull-inline-n5\@xs {
    margin-inline-end: -0.32768em !important;
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-start-n5\@xs {
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-end-n5\@xs {
    margin-inline-end: -0.32768em !important;
  }
  .u-pull-n4\@xs {
    margin: -0.4096em !important;
  }
  .u-pull-block-n4\@xs {
    margin-block-end: -0.4096em !important;
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-start-n4\@xs {
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-end-n4\@xs {
    margin-block-end: -0.4096em !important;
  }
  .u-pull-inline-n4\@xs {
    margin-inline-end: -0.4096em !important;
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-start-n4\@xs {
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-end-n4\@xs {
    margin-inline-end: -0.4096em !important;
  }
  .u-pull-n3\@xs {
    margin: -0.512em !important;
  }
  .u-pull-block-n3\@xs {
    margin-block-end: -0.512em !important;
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-start-n3\@xs {
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-end-n3\@xs {
    margin-block-end: -0.512em !important;
  }
  .u-pull-inline-n3\@xs {
    margin-inline-end: -0.512em !important;
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-start-n3\@xs {
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-end-n3\@xs {
    margin-inline-end: -0.512em !important;
  }
  .u-pull-n2\@xs {
    margin: -0.64em !important;
  }
  .u-pull-block-n2\@xs {
    margin-block-end: -0.64em !important;
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-start-n2\@xs {
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-end-n2\@xs {
    margin-block-end: -0.64em !important;
  }
  .u-pull-inline-n2\@xs {
    margin-inline-end: -0.64em !important;
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-start-n2\@xs {
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-end-n2\@xs {
    margin-inline-end: -0.64em !important;
  }
  .u-pull-n1\@xs {
    margin: -0.8em !important;
  }
  .u-pull-block-n1\@xs {
    margin-block-end: -0.8em !important;
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-start-n1\@xs {
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-end-n1\@xs {
    margin-block-end: -0.8em !important;
  }
  .u-pull-inline-n1\@xs {
    margin-inline-end: -0.8em !important;
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-start-n1\@xs {
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-end-n1\@xs {
    margin-inline-end: -0.8em !important;
  }
  .u-pull-0\@xs {
    margin: -1em !important;
  }
  .u-pull-block-0\@xs {
    margin-block-end: -1em !important;
    margin-block-start: -1em !important;
  }
  .u-pull-block-start-0\@xs {
    margin-block-start: -1em !important;
  }
  .u-pull-block-end-0\@xs {
    margin-block-end: -1em !important;
  }
  .u-pull-inline-0\@xs {
    margin-inline-end: -1em !important;
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-start-0\@xs {
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-end-0\@xs {
    margin-inline-end: -1em !important;
  }
  .u-pull-1\@xs {
    margin: -1.25em !important;
  }
  .u-pull-block-1\@xs {
    margin-block-end: -1.25em !important;
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-start-1\@xs {
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-end-1\@xs {
    margin-block-end: -1.25em !important;
  }
  .u-pull-inline-1\@xs {
    margin-inline-end: -1.25em !important;
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-start-1\@xs {
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-end-1\@xs {
    margin-inline-end: -1.25em !important;
  }
  .u-pull-2\@xs {
    margin: -1.5625em !important;
  }
  .u-pull-block-2\@xs {
    margin-block-end: -1.5625em !important;
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-start-2\@xs {
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-end-2\@xs {
    margin-block-end: -1.5625em !important;
  }
  .u-pull-inline-2\@xs {
    margin-inline-end: -1.5625em !important;
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-start-2\@xs {
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-end-2\@xs {
    margin-inline-end: -1.5625em !important;
  }
  .u-pull-3\@xs {
    margin: -1.953125em !important;
  }
  .u-pull-block-3\@xs {
    margin-block-end: -1.953125em !important;
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-start-3\@xs {
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-end-3\@xs {
    margin-block-end: -1.953125em !important;
  }
  .u-pull-inline-3\@xs {
    margin-inline-end: -1.953125em !important;
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-start-3\@xs {
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-end-3\@xs {
    margin-inline-end: -1.953125em !important;
  }
  .u-pull-4\@xs {
    margin: -2.44140625em !important;
  }
  .u-pull-block-4\@xs {
    margin-block-end: -2.44140625em !important;
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-start-4\@xs {
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-end-4\@xs {
    margin-block-end: -2.44140625em !important;
  }
  .u-pull-inline-4\@xs {
    margin-inline-end: -2.44140625em !important;
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-start-4\@xs {
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-end-4\@xs {
    margin-inline-end: -2.44140625em !important;
  }
  .u-pull-5\@xs {
    margin: -3.0517578125em !important;
  }
  .u-pull-block-5\@xs {
    margin-block-end: -3.0517578125em !important;
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-start-5\@xs {
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-end-5\@xs {
    margin-block-end: -3.0517578125em !important;
  }
  .u-pull-inline-5\@xs {
    margin-inline-end: -3.0517578125em !important;
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-start-5\@xs {
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-end-5\@xs {
    margin-inline-end: -3.0517578125em !important;
  }
  .u-pull-6\@xs {
    margin: -3.8146972656em !important;
  }
  .u-pull-block-6\@xs {
    margin-block-end: -3.8146972656em !important;
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-start-6\@xs {
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-end-6\@xs {
    margin-block-end: -3.8146972656em !important;
  }
  .u-pull-inline-6\@xs {
    margin-inline-end: -3.8146972656em !important;
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-start-6\@xs {
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-end-6\@xs {
    margin-inline-end: -3.8146972656em !important;
  }
  .u-pull-7\@xs {
    margin: -4.768371582em !important;
  }
  .u-pull-block-7\@xs {
    margin-block-end: -4.768371582em !important;
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-start-7\@xs {
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-end-7\@xs {
    margin-block-end: -4.768371582em !important;
  }
  .u-pull-inline-7\@xs {
    margin-inline-end: -4.768371582em !important;
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-start-7\@xs {
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-end-7\@xs {
    margin-inline-end: -4.768371582em !important;
  }
  .u-pull-8\@xs {
    margin: -5.9604644775em !important;
  }
  .u-pull-block-8\@xs {
    margin-block-end: -5.9604644775em !important;
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-start-8\@xs {
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-end-8\@xs {
    margin-block-end: -5.9604644775em !important;
  }
  .u-pull-inline-8\@xs {
    margin-inline-end: -5.9604644775em !important;
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-start-8\@xs {
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-end-8\@xs {
    margin-inline-end: -5.9604644775em !important;
  }
  .u-pull-9\@xs {
    margin: -7.4505805969em !important;
  }
  .u-pull-block-9\@xs {
    margin-block-end: -7.4505805969em !important;
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-start-9\@xs {
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-end-9\@xs {
    margin-block-end: -7.4505805969em !important;
  }
  .u-pull-inline-9\@xs {
    margin-inline-end: -7.4505805969em !important;
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-start-9\@xs {
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-end-9\@xs {
    margin-inline-end: -7.4505805969em !important;
  }
  .u-pull-10\@xs {
    margin: -9.3132257462em !important;
  }
  .u-pull-block-10\@xs {
    margin-block-end: -9.3132257462em !important;
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-start-10\@xs {
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-end-10\@xs {
    margin-block-end: -9.3132257462em !important;
  }
  .u-pull-inline-10\@xs {
    margin-inline-end: -9.3132257462em !important;
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-start-10\@xs {
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-end-10\@xs {
    margin-inline-end: -9.3132257462em !important;
  }
  .u-pull-none\@xs {
    margin: 0 !important;
  }
  .u-pull-block-none\@xs {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-pull-block-start-none\@xs {
    margin-block-start: 0 !important;
  }
  .u-pull-block-end-none\@xs {
    margin-block-end: 0 !important;
  }
  .u-pull-inline-none\@xs {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-start-none\@xs {
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-end-none\@xs {
    margin-inline-end: 0 !important;
  }
}
@media (min-width: 30em) {
  .u-pad-n6\@s {
    padding: 0.262144em !important;
  }
  .u-pad-block-n6\@s {
    padding-block-end: 0.262144em !important;
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-start-n6\@s {
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-end-n6\@s {
    padding-block-end: 0.262144em !important;
  }
  .u-pad-inline-n6\@s {
    padding-inline-end: 0.262144em !important;
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-start-n6\@s {
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-end-n6\@s {
    padding-inline-end: 0.262144em !important;
  }
  .u-pad-n5\@s {
    padding: 0.32768em !important;
  }
  .u-pad-block-n5\@s {
    padding-block-end: 0.32768em !important;
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-start-n5\@s {
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-end-n5\@s {
    padding-block-end: 0.32768em !important;
  }
  .u-pad-inline-n5\@s {
    padding-inline-end: 0.32768em !important;
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-start-n5\@s {
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-end-n5\@s {
    padding-inline-end: 0.32768em !important;
  }
  .u-pad-n4\@s {
    padding: 0.4096em !important;
  }
  .u-pad-block-n4\@s {
    padding-block-end: 0.4096em !important;
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-start-n4\@s {
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-end-n4\@s {
    padding-block-end: 0.4096em !important;
  }
  .u-pad-inline-n4\@s {
    padding-inline-end: 0.4096em !important;
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-start-n4\@s {
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-end-n4\@s {
    padding-inline-end: 0.4096em !important;
  }
  .u-pad-n3\@s {
    padding: 0.512em !important;
  }
  .u-pad-block-n3\@s {
    padding-block-end: 0.512em !important;
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-start-n3\@s {
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-end-n3\@s {
    padding-block-end: 0.512em !important;
  }
  .u-pad-inline-n3\@s {
    padding-inline-end: 0.512em !important;
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-start-n3\@s {
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-end-n3\@s {
    padding-inline-end: 0.512em !important;
  }
  .u-pad-n2\@s {
    padding: 0.64em !important;
  }
  .u-pad-block-n2\@s {
    padding-block-end: 0.64em !important;
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-start-n2\@s {
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-end-n2\@s {
    padding-block-end: 0.64em !important;
  }
  .u-pad-inline-n2\@s {
    padding-inline-end: 0.64em !important;
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-start-n2\@s {
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-end-n2\@s {
    padding-inline-end: 0.64em !important;
  }
  .u-pad-n1\@s {
    padding: 0.8em !important;
  }
  .u-pad-block-n1\@s {
    padding-block-end: 0.8em !important;
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-start-n1\@s {
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-end-n1\@s {
    padding-block-end: 0.8em !important;
  }
  .u-pad-inline-n1\@s {
    padding-inline-end: 0.8em !important;
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-start-n1\@s {
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-end-n1\@s {
    padding-inline-end: 0.8em !important;
  }
  .u-pad-0\@s {
    padding: 1em !important;
  }
  .u-pad-block-0\@s {
    padding-block-end: 1em !important;
    padding-block-start: 1em !important;
  }
  .u-pad-block-start-0\@s {
    padding-block-start: 1em !important;
  }
  .u-pad-block-end-0\@s {
    padding-block-end: 1em !important;
  }
  .u-pad-inline-0\@s {
    padding-inline-end: 1em !important;
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-start-0\@s {
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-end-0\@s {
    padding-inline-end: 1em !important;
  }
  .u-pad-1\@s {
    padding: 1.25em !important;
  }
  .u-pad-block-1\@s {
    padding-block-end: 1.25em !important;
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-start-1\@s {
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-end-1\@s {
    padding-block-end: 1.25em !important;
  }
  .u-pad-inline-1\@s {
    padding-inline-end: 1.25em !important;
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-start-1\@s {
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-end-1\@s {
    padding-inline-end: 1.25em !important;
  }
  .u-pad-2\@s {
    padding: 1.5625em !important;
  }
  .u-pad-block-2\@s {
    padding-block-end: 1.5625em !important;
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-start-2\@s {
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-end-2\@s {
    padding-block-end: 1.5625em !important;
  }
  .u-pad-inline-2\@s {
    padding-inline-end: 1.5625em !important;
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-start-2\@s {
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-end-2\@s {
    padding-inline-end: 1.5625em !important;
  }
  .u-pad-3\@s {
    padding: 1.953125em !important;
  }
  .u-pad-block-3\@s {
    padding-block-end: 1.953125em !important;
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-start-3\@s {
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-end-3\@s {
    padding-block-end: 1.953125em !important;
  }
  .u-pad-inline-3\@s {
    padding-inline-end: 1.953125em !important;
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-start-3\@s {
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-end-3\@s {
    padding-inline-end: 1.953125em !important;
  }
  .u-pad-4\@s {
    padding: 2.44140625em !important;
  }
  .u-pad-block-4\@s {
    padding-block-end: 2.44140625em !important;
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-start-4\@s {
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-end-4\@s {
    padding-block-end: 2.44140625em !important;
  }
  .u-pad-inline-4\@s {
    padding-inline-end: 2.44140625em !important;
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-start-4\@s {
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-end-4\@s {
    padding-inline-end: 2.44140625em !important;
  }
  .u-pad-5\@s {
    padding: 3.0517578125em !important;
  }
  .u-pad-block-5\@s {
    padding-block-end: 3.0517578125em !important;
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-start-5\@s {
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-end-5\@s {
    padding-block-end: 3.0517578125em !important;
  }
  .u-pad-inline-5\@s {
    padding-inline-end: 3.0517578125em !important;
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-start-5\@s {
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-end-5\@s {
    padding-inline-end: 3.0517578125em !important;
  }
  .u-pad-6\@s {
    padding: 3.8146972656em !important;
  }
  .u-pad-block-6\@s {
    padding-block-end: 3.8146972656em !important;
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-start-6\@s {
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-end-6\@s {
    padding-block-end: 3.8146972656em !important;
  }
  .u-pad-inline-6\@s {
    padding-inline-end: 3.8146972656em !important;
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-start-6\@s {
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-end-6\@s {
    padding-inline-end: 3.8146972656em !important;
  }
  .u-pad-7\@s {
    padding: 4.768371582em !important;
  }
  .u-pad-block-7\@s {
    padding-block-end: 4.768371582em !important;
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-start-7\@s {
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-end-7\@s {
    padding-block-end: 4.768371582em !important;
  }
  .u-pad-inline-7\@s {
    padding-inline-end: 4.768371582em !important;
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-start-7\@s {
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-end-7\@s {
    padding-inline-end: 4.768371582em !important;
  }
  .u-pad-8\@s {
    padding: 5.9604644775em !important;
  }
  .u-pad-block-8\@s {
    padding-block-end: 5.9604644775em !important;
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-start-8\@s {
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-end-8\@s {
    padding-block-end: 5.9604644775em !important;
  }
  .u-pad-inline-8\@s {
    padding-inline-end: 5.9604644775em !important;
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-start-8\@s {
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-end-8\@s {
    padding-inline-end: 5.9604644775em !important;
  }
  .u-pad-9\@s {
    padding: 7.4505805969em !important;
  }
  .u-pad-block-9\@s {
    padding-block-end: 7.4505805969em !important;
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-start-9\@s {
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-end-9\@s {
    padding-block-end: 7.4505805969em !important;
  }
  .u-pad-inline-9\@s {
    padding-inline-end: 7.4505805969em !important;
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-start-9\@s {
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-end-9\@s {
    padding-inline-end: 7.4505805969em !important;
  }
  .u-pad-10\@s {
    padding: 9.3132257462em !important;
  }
  .u-pad-block-10\@s {
    padding-block-end: 9.3132257462em !important;
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-start-10\@s {
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-end-10\@s {
    padding-block-end: 9.3132257462em !important;
  }
  .u-pad-inline-10\@s {
    padding-inline-end: 9.3132257462em !important;
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-start-10\@s {
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-end-10\@s {
    padding-inline-end: 9.3132257462em !important;
  }
  .u-pad-none\@s {
    padding: 0 !important;
  }
  .u-pad-block-none\@s {
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
  }
  .u-pad-block-start-none\@s {
    padding-block-start: 0 !important;
  }
  .u-pad-block-end-none\@s {
    padding-block-end: 0 !important;
  }
  .u-pad-inline-none\@s {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-start-none\@s {
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-end-none\@s {
    padding-inline-end: 0 !important;
  }
  .u-space-auto\@s {
    margin: auto !important;
  }
  .u-space-block-auto\@s {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-space-block-start-auto\@s {
    margin-block-start: auto !important;
  }
  .u-space-block-end-auto\@s {
    margin-block-end: auto !important;
  }
  .u-space-inline-auto\@s {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-space-inline-start-auto\@s {
    margin-inline-start: auto !important;
  }
  .u-space-inline-end-auto\@s {
    margin-inline-end: auto !important;
  }
  .u-space-n6\@s {
    margin: 0.262144em !important;
  }
  .u-space-block-n6\@s {
    margin-block-end: 0.262144em !important;
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-start-n6\@s {
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-end-n6\@s {
    margin-block-end: 0.262144em !important;
  }
  .u-space-inline-n6\@s {
    margin-inline-end: 0.262144em !important;
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-start-n6\@s {
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-end-n6\@s {
    margin-inline-end: 0.262144em !important;
  }
  .u-space-n5\@s {
    margin: 0.32768em !important;
  }
  .u-space-block-n5\@s {
    margin-block-end: 0.32768em !important;
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-start-n5\@s {
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-end-n5\@s {
    margin-block-end: 0.32768em !important;
  }
  .u-space-inline-n5\@s {
    margin-inline-end: 0.32768em !important;
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-start-n5\@s {
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-end-n5\@s {
    margin-inline-end: 0.32768em !important;
  }
  .u-space-n4\@s {
    margin: 0.4096em !important;
  }
  .u-space-block-n4\@s {
    margin-block-end: 0.4096em !important;
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-start-n4\@s {
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-end-n4\@s {
    margin-block-end: 0.4096em !important;
  }
  .u-space-inline-n4\@s {
    margin-inline-end: 0.4096em !important;
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-start-n4\@s {
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-end-n4\@s {
    margin-inline-end: 0.4096em !important;
  }
  .u-space-n3\@s {
    margin: 0.512em !important;
  }
  .u-space-block-n3\@s {
    margin-block-end: 0.512em !important;
    margin-block-start: 0.512em !important;
  }
  .u-space-block-start-n3\@s {
    margin-block-start: 0.512em !important;
  }
  .u-space-block-end-n3\@s {
    margin-block-end: 0.512em !important;
  }
  .u-space-inline-n3\@s {
    margin-inline-end: 0.512em !important;
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-start-n3\@s {
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-end-n3\@s {
    margin-inline-end: 0.512em !important;
  }
  .u-space-n2\@s {
    margin: 0.64em !important;
  }
  .u-space-block-n2\@s {
    margin-block-end: 0.64em !important;
    margin-block-start: 0.64em !important;
  }
  .u-space-block-start-n2\@s {
    margin-block-start: 0.64em !important;
  }
  .u-space-block-end-n2\@s {
    margin-block-end: 0.64em !important;
  }
  .u-space-inline-n2\@s {
    margin-inline-end: 0.64em !important;
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-start-n2\@s {
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-end-n2\@s {
    margin-inline-end: 0.64em !important;
  }
  .u-space-n1\@s {
    margin: 0.8em !important;
  }
  .u-space-block-n1\@s {
    margin-block-end: 0.8em !important;
    margin-block-start: 0.8em !important;
  }
  .u-space-block-start-n1\@s {
    margin-block-start: 0.8em !important;
  }
  .u-space-block-end-n1\@s {
    margin-block-end: 0.8em !important;
  }
  .u-space-inline-n1\@s {
    margin-inline-end: 0.8em !important;
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-start-n1\@s {
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-end-n1\@s {
    margin-inline-end: 0.8em !important;
  }
  .u-space-0\@s {
    margin: 1em !important;
  }
  .u-space-block-0\@s {
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
  }
  .u-space-block-start-0\@s {
    margin-block-start: 1em !important;
  }
  .u-space-block-end-0\@s {
    margin-block-end: 1em !important;
  }
  .u-space-inline-0\@s {
    margin-inline-end: 1em !important;
    margin-inline-start: 1em !important;
  }
  .u-space-inline-start-0\@s {
    margin-inline-start: 1em !important;
  }
  .u-space-inline-end-0\@s {
    margin-inline-end: 1em !important;
  }
  .u-space-1\@s {
    margin: 1.25em !important;
  }
  .u-space-block-1\@s {
    margin-block-end: 1.25em !important;
    margin-block-start: 1.25em !important;
  }
  .u-space-block-start-1\@s {
    margin-block-start: 1.25em !important;
  }
  .u-space-block-end-1\@s {
    margin-block-end: 1.25em !important;
  }
  .u-space-inline-1\@s {
    margin-inline-end: 1.25em !important;
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-start-1\@s {
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-end-1\@s {
    margin-inline-end: 1.25em !important;
  }
  .u-space-2\@s {
    margin: 1.5625em !important;
  }
  .u-space-block-2\@s {
    margin-block-end: 1.5625em !important;
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-start-2\@s {
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-end-2\@s {
    margin-block-end: 1.5625em !important;
  }
  .u-space-inline-2\@s {
    margin-inline-end: 1.5625em !important;
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-start-2\@s {
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-end-2\@s {
    margin-inline-end: 1.5625em !important;
  }
  .u-space-3\@s {
    margin: 1.953125em !important;
  }
  .u-space-block-3\@s {
    margin-block-end: 1.953125em !important;
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-start-3\@s {
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-end-3\@s {
    margin-block-end: 1.953125em !important;
  }
  .u-space-inline-3\@s {
    margin-inline-end: 1.953125em !important;
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-start-3\@s {
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-end-3\@s {
    margin-inline-end: 1.953125em !important;
  }
  .u-space-4\@s {
    margin: 2.44140625em !important;
  }
  .u-space-block-4\@s {
    margin-block-end: 2.44140625em !important;
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-start-4\@s {
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-end-4\@s {
    margin-block-end: 2.44140625em !important;
  }
  .u-space-inline-4\@s {
    margin-inline-end: 2.44140625em !important;
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-start-4\@s {
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-end-4\@s {
    margin-inline-end: 2.44140625em !important;
  }
  .u-space-5\@s {
    margin: 3.0517578125em !important;
  }
  .u-space-block-5\@s {
    margin-block-end: 3.0517578125em !important;
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-start-5\@s {
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-end-5\@s {
    margin-block-end: 3.0517578125em !important;
  }
  .u-space-inline-5\@s {
    margin-inline-end: 3.0517578125em !important;
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-start-5\@s {
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-end-5\@s {
    margin-inline-end: 3.0517578125em !important;
  }
  .u-space-6\@s {
    margin: 3.8146972656em !important;
  }
  .u-space-block-6\@s {
    margin-block-end: 3.8146972656em !important;
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-start-6\@s {
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-end-6\@s {
    margin-block-end: 3.8146972656em !important;
  }
  .u-space-inline-6\@s {
    margin-inline-end: 3.8146972656em !important;
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-start-6\@s {
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-end-6\@s {
    margin-inline-end: 3.8146972656em !important;
  }
  .u-space-7\@s {
    margin: 4.768371582em !important;
  }
  .u-space-block-7\@s {
    margin-block-end: 4.768371582em !important;
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-start-7\@s {
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-end-7\@s {
    margin-block-end: 4.768371582em !important;
  }
  .u-space-inline-7\@s {
    margin-inline-end: 4.768371582em !important;
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-start-7\@s {
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-end-7\@s {
    margin-inline-end: 4.768371582em !important;
  }
  .u-space-8\@s {
    margin: 5.9604644775em !important;
  }
  .u-space-block-8\@s {
    margin-block-end: 5.9604644775em !important;
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-start-8\@s {
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-end-8\@s {
    margin-block-end: 5.9604644775em !important;
  }
  .u-space-inline-8\@s {
    margin-inline-end: 5.9604644775em !important;
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-start-8\@s {
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-end-8\@s {
    margin-inline-end: 5.9604644775em !important;
  }
  .u-space-9\@s {
    margin: 7.4505805969em !important;
  }
  .u-space-block-9\@s {
    margin-block-end: 7.4505805969em !important;
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-start-9\@s {
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-end-9\@s {
    margin-block-end: 7.4505805969em !important;
  }
  .u-space-inline-9\@s {
    margin-inline-end: 7.4505805969em !important;
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-start-9\@s {
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-end-9\@s {
    margin-inline-end: 7.4505805969em !important;
  }
  .u-space-10\@s {
    margin: 9.3132257462em !important;
  }
  .u-space-block-10\@s {
    margin-block-end: 9.3132257462em !important;
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-start-10\@s {
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-end-10\@s {
    margin-block-end: 9.3132257462em !important;
  }
  .u-space-inline-10\@s {
    margin-inline-end: 9.3132257462em !important;
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-start-10\@s {
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-end-10\@s {
    margin-inline-end: 9.3132257462em !important;
  }
  .u-space-none\@s {
    margin: 0 !important;
  }
  .u-space-block-none\@s {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-space-block-start-none\@s {
    margin-block-start: 0 !important;
  }
  .u-space-block-end-none\@s {
    margin-block-end: 0 !important;
  }
  .u-space-inline-none\@s {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-space-inline-start-none\@s {
    margin-inline-start: 0 !important;
  }
  .u-space-inline-end-none\@s {
    margin-inline-end: 0 !important;
  }
  .u-pull-auto\@s {
    margin: auto !important;
  }
  .u-pull-block-auto\@s {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-pull-block-start-auto\@s {
    margin-block-start: auto !important;
  }
  .u-pull-block-end-auto\@s {
    margin-block-end: auto !important;
  }
  .u-pull-inline-auto\@s {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-pull-inline-start-auto\@s {
    margin-inline-start: auto !important;
  }
  .u-pull-inline-end-auto\@s {
    margin-inline-end: auto !important;
  }
  .u-pull-n6\@s {
    margin: -0.262144em !important;
  }
  .u-pull-block-n6\@s {
    margin-block-end: -0.262144em !important;
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-start-n6\@s {
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-end-n6\@s {
    margin-block-end: -0.262144em !important;
  }
  .u-pull-inline-n6\@s {
    margin-inline-end: -0.262144em !important;
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-start-n6\@s {
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-end-n6\@s {
    margin-inline-end: -0.262144em !important;
  }
  .u-pull-n5\@s {
    margin: -0.32768em !important;
  }
  .u-pull-block-n5\@s {
    margin-block-end: -0.32768em !important;
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-start-n5\@s {
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-end-n5\@s {
    margin-block-end: -0.32768em !important;
  }
  .u-pull-inline-n5\@s {
    margin-inline-end: -0.32768em !important;
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-start-n5\@s {
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-end-n5\@s {
    margin-inline-end: -0.32768em !important;
  }
  .u-pull-n4\@s {
    margin: -0.4096em !important;
  }
  .u-pull-block-n4\@s {
    margin-block-end: -0.4096em !important;
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-start-n4\@s {
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-end-n4\@s {
    margin-block-end: -0.4096em !important;
  }
  .u-pull-inline-n4\@s {
    margin-inline-end: -0.4096em !important;
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-start-n4\@s {
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-end-n4\@s {
    margin-inline-end: -0.4096em !important;
  }
  .u-pull-n3\@s {
    margin: -0.512em !important;
  }
  .u-pull-block-n3\@s {
    margin-block-end: -0.512em !important;
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-start-n3\@s {
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-end-n3\@s {
    margin-block-end: -0.512em !important;
  }
  .u-pull-inline-n3\@s {
    margin-inline-end: -0.512em !important;
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-start-n3\@s {
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-end-n3\@s {
    margin-inline-end: -0.512em !important;
  }
  .u-pull-n2\@s {
    margin: -0.64em !important;
  }
  .u-pull-block-n2\@s {
    margin-block-end: -0.64em !important;
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-start-n2\@s {
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-end-n2\@s {
    margin-block-end: -0.64em !important;
  }
  .u-pull-inline-n2\@s {
    margin-inline-end: -0.64em !important;
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-start-n2\@s {
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-end-n2\@s {
    margin-inline-end: -0.64em !important;
  }
  .u-pull-n1\@s {
    margin: -0.8em !important;
  }
  .u-pull-block-n1\@s {
    margin-block-end: -0.8em !important;
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-start-n1\@s {
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-end-n1\@s {
    margin-block-end: -0.8em !important;
  }
  .u-pull-inline-n1\@s {
    margin-inline-end: -0.8em !important;
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-start-n1\@s {
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-end-n1\@s {
    margin-inline-end: -0.8em !important;
  }
  .u-pull-0\@s {
    margin: -1em !important;
  }
  .u-pull-block-0\@s {
    margin-block-end: -1em !important;
    margin-block-start: -1em !important;
  }
  .u-pull-block-start-0\@s {
    margin-block-start: -1em !important;
  }
  .u-pull-block-end-0\@s {
    margin-block-end: -1em !important;
  }
  .u-pull-inline-0\@s {
    margin-inline-end: -1em !important;
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-start-0\@s {
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-end-0\@s {
    margin-inline-end: -1em !important;
  }
  .u-pull-1\@s {
    margin: -1.25em !important;
  }
  .u-pull-block-1\@s {
    margin-block-end: -1.25em !important;
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-start-1\@s {
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-end-1\@s {
    margin-block-end: -1.25em !important;
  }
  .u-pull-inline-1\@s {
    margin-inline-end: -1.25em !important;
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-start-1\@s {
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-end-1\@s {
    margin-inline-end: -1.25em !important;
  }
  .u-pull-2\@s {
    margin: -1.5625em !important;
  }
  .u-pull-block-2\@s {
    margin-block-end: -1.5625em !important;
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-start-2\@s {
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-end-2\@s {
    margin-block-end: -1.5625em !important;
  }
  .u-pull-inline-2\@s {
    margin-inline-end: -1.5625em !important;
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-start-2\@s {
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-end-2\@s {
    margin-inline-end: -1.5625em !important;
  }
  .u-pull-3\@s {
    margin: -1.953125em !important;
  }
  .u-pull-block-3\@s {
    margin-block-end: -1.953125em !important;
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-start-3\@s {
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-end-3\@s {
    margin-block-end: -1.953125em !important;
  }
  .u-pull-inline-3\@s {
    margin-inline-end: -1.953125em !important;
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-start-3\@s {
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-end-3\@s {
    margin-inline-end: -1.953125em !important;
  }
  .u-pull-4\@s {
    margin: -2.44140625em !important;
  }
  .u-pull-block-4\@s {
    margin-block-end: -2.44140625em !important;
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-start-4\@s {
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-end-4\@s {
    margin-block-end: -2.44140625em !important;
  }
  .u-pull-inline-4\@s {
    margin-inline-end: -2.44140625em !important;
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-start-4\@s {
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-end-4\@s {
    margin-inline-end: -2.44140625em !important;
  }
  .u-pull-5\@s {
    margin: -3.0517578125em !important;
  }
  .u-pull-block-5\@s {
    margin-block-end: -3.0517578125em !important;
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-start-5\@s {
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-end-5\@s {
    margin-block-end: -3.0517578125em !important;
  }
  .u-pull-inline-5\@s {
    margin-inline-end: -3.0517578125em !important;
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-start-5\@s {
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-end-5\@s {
    margin-inline-end: -3.0517578125em !important;
  }
  .u-pull-6\@s {
    margin: -3.8146972656em !important;
  }
  .u-pull-block-6\@s {
    margin-block-end: -3.8146972656em !important;
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-start-6\@s {
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-end-6\@s {
    margin-block-end: -3.8146972656em !important;
  }
  .u-pull-inline-6\@s {
    margin-inline-end: -3.8146972656em !important;
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-start-6\@s {
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-end-6\@s {
    margin-inline-end: -3.8146972656em !important;
  }
  .u-pull-7\@s {
    margin: -4.768371582em !important;
  }
  .u-pull-block-7\@s {
    margin-block-end: -4.768371582em !important;
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-start-7\@s {
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-end-7\@s {
    margin-block-end: -4.768371582em !important;
  }
  .u-pull-inline-7\@s {
    margin-inline-end: -4.768371582em !important;
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-start-7\@s {
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-end-7\@s {
    margin-inline-end: -4.768371582em !important;
  }
  .u-pull-8\@s {
    margin: -5.9604644775em !important;
  }
  .u-pull-block-8\@s {
    margin-block-end: -5.9604644775em !important;
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-start-8\@s {
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-end-8\@s {
    margin-block-end: -5.9604644775em !important;
  }
  .u-pull-inline-8\@s {
    margin-inline-end: -5.9604644775em !important;
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-start-8\@s {
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-end-8\@s {
    margin-inline-end: -5.9604644775em !important;
  }
  .u-pull-9\@s {
    margin: -7.4505805969em !important;
  }
  .u-pull-block-9\@s {
    margin-block-end: -7.4505805969em !important;
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-start-9\@s {
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-end-9\@s {
    margin-block-end: -7.4505805969em !important;
  }
  .u-pull-inline-9\@s {
    margin-inline-end: -7.4505805969em !important;
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-start-9\@s {
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-end-9\@s {
    margin-inline-end: -7.4505805969em !important;
  }
  .u-pull-10\@s {
    margin: -9.3132257462em !important;
  }
  .u-pull-block-10\@s {
    margin-block-end: -9.3132257462em !important;
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-start-10\@s {
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-end-10\@s {
    margin-block-end: -9.3132257462em !important;
  }
  .u-pull-inline-10\@s {
    margin-inline-end: -9.3132257462em !important;
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-start-10\@s {
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-end-10\@s {
    margin-inline-end: -9.3132257462em !important;
  }
  .u-pull-none\@s {
    margin: 0 !important;
  }
  .u-pull-block-none\@s {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-pull-block-start-none\@s {
    margin-block-start: 0 !important;
  }
  .u-pull-block-end-none\@s {
    margin-block-end: 0 !important;
  }
  .u-pull-inline-none\@s {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-start-none\@s {
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-end-none\@s {
    margin-inline-end: 0 !important;
  }
}
@media (min-width: 40em) {
  .u-pad-n6\@m {
    padding: 0.262144em !important;
  }
  .u-pad-block-n6\@m {
    padding-block-end: 0.262144em !important;
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-start-n6\@m {
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-end-n6\@m {
    padding-block-end: 0.262144em !important;
  }
  .u-pad-inline-n6\@m {
    padding-inline-end: 0.262144em !important;
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-start-n6\@m {
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-end-n6\@m {
    padding-inline-end: 0.262144em !important;
  }
  .u-pad-n5\@m {
    padding: 0.32768em !important;
  }
  .u-pad-block-n5\@m {
    padding-block-end: 0.32768em !important;
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-start-n5\@m {
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-end-n5\@m {
    padding-block-end: 0.32768em !important;
  }
  .u-pad-inline-n5\@m {
    padding-inline-end: 0.32768em !important;
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-start-n5\@m {
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-end-n5\@m {
    padding-inline-end: 0.32768em !important;
  }
  .u-pad-n4\@m {
    padding: 0.4096em !important;
  }
  .u-pad-block-n4\@m {
    padding-block-end: 0.4096em !important;
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-start-n4\@m {
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-end-n4\@m {
    padding-block-end: 0.4096em !important;
  }
  .u-pad-inline-n4\@m {
    padding-inline-end: 0.4096em !important;
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-start-n4\@m {
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-end-n4\@m {
    padding-inline-end: 0.4096em !important;
  }
  .u-pad-n3\@m {
    padding: 0.512em !important;
  }
  .u-pad-block-n3\@m {
    padding-block-end: 0.512em !important;
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-start-n3\@m {
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-end-n3\@m {
    padding-block-end: 0.512em !important;
  }
  .u-pad-inline-n3\@m {
    padding-inline-end: 0.512em !important;
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-start-n3\@m {
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-end-n3\@m {
    padding-inline-end: 0.512em !important;
  }
  .u-pad-n2\@m {
    padding: 0.64em !important;
  }
  .u-pad-block-n2\@m {
    padding-block-end: 0.64em !important;
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-start-n2\@m {
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-end-n2\@m {
    padding-block-end: 0.64em !important;
  }
  .u-pad-inline-n2\@m {
    padding-inline-end: 0.64em !important;
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-start-n2\@m {
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-end-n2\@m {
    padding-inline-end: 0.64em !important;
  }
  .u-pad-n1\@m {
    padding: 0.8em !important;
  }
  .u-pad-block-n1\@m {
    padding-block-end: 0.8em !important;
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-start-n1\@m {
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-end-n1\@m {
    padding-block-end: 0.8em !important;
  }
  .u-pad-inline-n1\@m {
    padding-inline-end: 0.8em !important;
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-start-n1\@m {
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-end-n1\@m {
    padding-inline-end: 0.8em !important;
  }
  .u-pad-0\@m {
    padding: 1em !important;
  }
  .u-pad-block-0\@m {
    padding-block-end: 1em !important;
    padding-block-start: 1em !important;
  }
  .u-pad-block-start-0\@m {
    padding-block-start: 1em !important;
  }
  .u-pad-block-end-0\@m {
    padding-block-end: 1em !important;
  }
  .u-pad-inline-0\@m {
    padding-inline-end: 1em !important;
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-start-0\@m {
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-end-0\@m {
    padding-inline-end: 1em !important;
  }
  .u-pad-1\@m {
    padding: 1.25em !important;
  }
  .u-pad-block-1\@m {
    padding-block-end: 1.25em !important;
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-start-1\@m {
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-end-1\@m {
    padding-block-end: 1.25em !important;
  }
  .u-pad-inline-1\@m {
    padding-inline-end: 1.25em !important;
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-start-1\@m {
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-end-1\@m {
    padding-inline-end: 1.25em !important;
  }
  .u-pad-2\@m {
    padding: 1.5625em !important;
  }
  .u-pad-block-2\@m {
    padding-block-end: 1.5625em !important;
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-start-2\@m {
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-end-2\@m {
    padding-block-end: 1.5625em !important;
  }
  .u-pad-inline-2\@m {
    padding-inline-end: 1.5625em !important;
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-start-2\@m {
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-end-2\@m {
    padding-inline-end: 1.5625em !important;
  }
  .u-pad-3\@m {
    padding: 1.953125em !important;
  }
  .u-pad-block-3\@m {
    padding-block-end: 1.953125em !important;
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-start-3\@m {
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-end-3\@m {
    padding-block-end: 1.953125em !important;
  }
  .u-pad-inline-3\@m {
    padding-inline-end: 1.953125em !important;
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-start-3\@m {
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-end-3\@m {
    padding-inline-end: 1.953125em !important;
  }
  .u-pad-4\@m {
    padding: 2.44140625em !important;
  }
  .u-pad-block-4\@m {
    padding-block-end: 2.44140625em !important;
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-start-4\@m {
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-end-4\@m {
    padding-block-end: 2.44140625em !important;
  }
  .u-pad-inline-4\@m {
    padding-inline-end: 2.44140625em !important;
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-start-4\@m {
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-end-4\@m {
    padding-inline-end: 2.44140625em !important;
  }
  .u-pad-5\@m {
    padding: 3.0517578125em !important;
  }
  .u-pad-block-5\@m {
    padding-block-end: 3.0517578125em !important;
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-start-5\@m {
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-end-5\@m {
    padding-block-end: 3.0517578125em !important;
  }
  .u-pad-inline-5\@m {
    padding-inline-end: 3.0517578125em !important;
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-start-5\@m {
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-end-5\@m {
    padding-inline-end: 3.0517578125em !important;
  }
  .u-pad-6\@m {
    padding: 3.8146972656em !important;
  }
  .u-pad-block-6\@m {
    padding-block-end: 3.8146972656em !important;
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-start-6\@m {
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-end-6\@m {
    padding-block-end: 3.8146972656em !important;
  }
  .u-pad-inline-6\@m {
    padding-inline-end: 3.8146972656em !important;
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-start-6\@m {
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-end-6\@m {
    padding-inline-end: 3.8146972656em !important;
  }
  .u-pad-7\@m {
    padding: 4.768371582em !important;
  }
  .u-pad-block-7\@m {
    padding-block-end: 4.768371582em !important;
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-start-7\@m {
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-end-7\@m {
    padding-block-end: 4.768371582em !important;
  }
  .u-pad-inline-7\@m {
    padding-inline-end: 4.768371582em !important;
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-start-7\@m {
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-end-7\@m {
    padding-inline-end: 4.768371582em !important;
  }
  .u-pad-8\@m {
    padding: 5.9604644775em !important;
  }
  .u-pad-block-8\@m {
    padding-block-end: 5.9604644775em !important;
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-start-8\@m {
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-end-8\@m {
    padding-block-end: 5.9604644775em !important;
  }
  .u-pad-inline-8\@m {
    padding-inline-end: 5.9604644775em !important;
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-start-8\@m {
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-end-8\@m {
    padding-inline-end: 5.9604644775em !important;
  }
  .u-pad-9\@m {
    padding: 7.4505805969em !important;
  }
  .u-pad-block-9\@m {
    padding-block-end: 7.4505805969em !important;
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-start-9\@m {
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-end-9\@m {
    padding-block-end: 7.4505805969em !important;
  }
  .u-pad-inline-9\@m {
    padding-inline-end: 7.4505805969em !important;
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-start-9\@m {
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-end-9\@m {
    padding-inline-end: 7.4505805969em !important;
  }
  .u-pad-10\@m {
    padding: 9.3132257462em !important;
  }
  .u-pad-block-10\@m {
    padding-block-end: 9.3132257462em !important;
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-start-10\@m {
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-end-10\@m {
    padding-block-end: 9.3132257462em !important;
  }
  .u-pad-inline-10\@m {
    padding-inline-end: 9.3132257462em !important;
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-start-10\@m {
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-end-10\@m {
    padding-inline-end: 9.3132257462em !important;
  }
  .u-pad-none\@m {
    padding: 0 !important;
  }
  .u-pad-block-none\@m {
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
  }
  .u-pad-block-start-none\@m {
    padding-block-start: 0 !important;
  }
  .u-pad-block-end-none\@m {
    padding-block-end: 0 !important;
  }
  .u-pad-inline-none\@m {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-start-none\@m {
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-end-none\@m {
    padding-inline-end: 0 !important;
  }
  .u-space-auto\@m {
    margin: auto !important;
  }
  .u-space-block-auto\@m {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-space-block-start-auto\@m {
    margin-block-start: auto !important;
  }
  .u-space-block-end-auto\@m {
    margin-block-end: auto !important;
  }
  .u-space-inline-auto\@m {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-space-inline-start-auto\@m {
    margin-inline-start: auto !important;
  }
  .u-space-inline-end-auto\@m {
    margin-inline-end: auto !important;
  }
  .u-space-n6\@m {
    margin: 0.262144em !important;
  }
  .u-space-block-n6\@m {
    margin-block-end: 0.262144em !important;
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-start-n6\@m {
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-end-n6\@m {
    margin-block-end: 0.262144em !important;
  }
  .u-space-inline-n6\@m {
    margin-inline-end: 0.262144em !important;
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-start-n6\@m {
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-end-n6\@m {
    margin-inline-end: 0.262144em !important;
  }
  .u-space-n5\@m {
    margin: 0.32768em !important;
  }
  .u-space-block-n5\@m {
    margin-block-end: 0.32768em !important;
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-start-n5\@m {
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-end-n5\@m {
    margin-block-end: 0.32768em !important;
  }
  .u-space-inline-n5\@m {
    margin-inline-end: 0.32768em !important;
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-start-n5\@m {
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-end-n5\@m {
    margin-inline-end: 0.32768em !important;
  }
  .u-space-n4\@m {
    margin: 0.4096em !important;
  }
  .u-space-block-n4\@m {
    margin-block-end: 0.4096em !important;
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-start-n4\@m {
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-end-n4\@m {
    margin-block-end: 0.4096em !important;
  }
  .u-space-inline-n4\@m {
    margin-inline-end: 0.4096em !important;
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-start-n4\@m {
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-end-n4\@m {
    margin-inline-end: 0.4096em !important;
  }
  .u-space-n3\@m {
    margin: 0.512em !important;
  }
  .u-space-block-n3\@m {
    margin-block-end: 0.512em !important;
    margin-block-start: 0.512em !important;
  }
  .u-space-block-start-n3\@m {
    margin-block-start: 0.512em !important;
  }
  .u-space-block-end-n3\@m {
    margin-block-end: 0.512em !important;
  }
  .u-space-inline-n3\@m {
    margin-inline-end: 0.512em !important;
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-start-n3\@m {
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-end-n3\@m {
    margin-inline-end: 0.512em !important;
  }
  .u-space-n2\@m {
    margin: 0.64em !important;
  }
  .u-space-block-n2\@m {
    margin-block-end: 0.64em !important;
    margin-block-start: 0.64em !important;
  }
  .u-space-block-start-n2\@m {
    margin-block-start: 0.64em !important;
  }
  .u-space-block-end-n2\@m {
    margin-block-end: 0.64em !important;
  }
  .u-space-inline-n2\@m {
    margin-inline-end: 0.64em !important;
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-start-n2\@m {
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-end-n2\@m {
    margin-inline-end: 0.64em !important;
  }
  .u-space-n1\@m {
    margin: 0.8em !important;
  }
  .u-space-block-n1\@m {
    margin-block-end: 0.8em !important;
    margin-block-start: 0.8em !important;
  }
  .u-space-block-start-n1\@m {
    margin-block-start: 0.8em !important;
  }
  .u-space-block-end-n1\@m {
    margin-block-end: 0.8em !important;
  }
  .u-space-inline-n1\@m {
    margin-inline-end: 0.8em !important;
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-start-n1\@m {
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-end-n1\@m {
    margin-inline-end: 0.8em !important;
  }
  .u-space-0\@m {
    margin: 1em !important;
  }
  .u-space-block-0\@m {
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
  }
  .u-space-block-start-0\@m {
    margin-block-start: 1em !important;
  }
  .u-space-block-end-0\@m {
    margin-block-end: 1em !important;
  }
  .u-space-inline-0\@m {
    margin-inline-end: 1em !important;
    margin-inline-start: 1em !important;
  }
  .u-space-inline-start-0\@m {
    margin-inline-start: 1em !important;
  }
  .u-space-inline-end-0\@m {
    margin-inline-end: 1em !important;
  }
  .u-space-1\@m {
    margin: 1.25em !important;
  }
  .u-space-block-1\@m {
    margin-block-end: 1.25em !important;
    margin-block-start: 1.25em !important;
  }
  .u-space-block-start-1\@m {
    margin-block-start: 1.25em !important;
  }
  .u-space-block-end-1\@m {
    margin-block-end: 1.25em !important;
  }
  .u-space-inline-1\@m {
    margin-inline-end: 1.25em !important;
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-start-1\@m {
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-end-1\@m {
    margin-inline-end: 1.25em !important;
  }
  .u-space-2\@m {
    margin: 1.5625em !important;
  }
  .u-space-block-2\@m {
    margin-block-end: 1.5625em !important;
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-start-2\@m {
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-end-2\@m {
    margin-block-end: 1.5625em !important;
  }
  .u-space-inline-2\@m {
    margin-inline-end: 1.5625em !important;
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-start-2\@m {
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-end-2\@m {
    margin-inline-end: 1.5625em !important;
  }
  .u-space-3\@m {
    margin: 1.953125em !important;
  }
  .u-space-block-3\@m {
    margin-block-end: 1.953125em !important;
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-start-3\@m {
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-end-3\@m {
    margin-block-end: 1.953125em !important;
  }
  .u-space-inline-3\@m {
    margin-inline-end: 1.953125em !important;
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-start-3\@m {
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-end-3\@m {
    margin-inline-end: 1.953125em !important;
  }
  .u-space-4\@m {
    margin: 2.44140625em !important;
  }
  .u-space-block-4\@m {
    margin-block-end: 2.44140625em !important;
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-start-4\@m {
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-end-4\@m {
    margin-block-end: 2.44140625em !important;
  }
  .u-space-inline-4\@m {
    margin-inline-end: 2.44140625em !important;
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-start-4\@m {
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-end-4\@m {
    margin-inline-end: 2.44140625em !important;
  }
  .u-space-5\@m {
    margin: 3.0517578125em !important;
  }
  .u-space-block-5\@m {
    margin-block-end: 3.0517578125em !important;
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-start-5\@m {
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-end-5\@m {
    margin-block-end: 3.0517578125em !important;
  }
  .u-space-inline-5\@m {
    margin-inline-end: 3.0517578125em !important;
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-start-5\@m {
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-end-5\@m {
    margin-inline-end: 3.0517578125em !important;
  }
  .u-space-6\@m {
    margin: 3.8146972656em !important;
  }
  .u-space-block-6\@m {
    margin-block-end: 3.8146972656em !important;
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-start-6\@m {
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-end-6\@m {
    margin-block-end: 3.8146972656em !important;
  }
  .u-space-inline-6\@m {
    margin-inline-end: 3.8146972656em !important;
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-start-6\@m {
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-end-6\@m {
    margin-inline-end: 3.8146972656em !important;
  }
  .u-space-7\@m {
    margin: 4.768371582em !important;
  }
  .u-space-block-7\@m {
    margin-block-end: 4.768371582em !important;
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-start-7\@m {
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-end-7\@m {
    margin-block-end: 4.768371582em !important;
  }
  .u-space-inline-7\@m {
    margin-inline-end: 4.768371582em !important;
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-start-7\@m {
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-end-7\@m {
    margin-inline-end: 4.768371582em !important;
  }
  .u-space-8\@m {
    margin: 5.9604644775em !important;
  }
  .u-space-block-8\@m {
    margin-block-end: 5.9604644775em !important;
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-start-8\@m {
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-end-8\@m {
    margin-block-end: 5.9604644775em !important;
  }
  .u-space-inline-8\@m {
    margin-inline-end: 5.9604644775em !important;
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-start-8\@m {
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-end-8\@m {
    margin-inline-end: 5.9604644775em !important;
  }
  .u-space-9\@m {
    margin: 7.4505805969em !important;
  }
  .u-space-block-9\@m {
    margin-block-end: 7.4505805969em !important;
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-start-9\@m {
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-end-9\@m {
    margin-block-end: 7.4505805969em !important;
  }
  .u-space-inline-9\@m {
    margin-inline-end: 7.4505805969em !important;
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-start-9\@m {
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-end-9\@m {
    margin-inline-end: 7.4505805969em !important;
  }
  .u-space-10\@m {
    margin: 9.3132257462em !important;
  }
  .u-space-block-10\@m {
    margin-block-end: 9.3132257462em !important;
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-start-10\@m {
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-end-10\@m {
    margin-block-end: 9.3132257462em !important;
  }
  .u-space-inline-10\@m {
    margin-inline-end: 9.3132257462em !important;
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-start-10\@m {
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-end-10\@m {
    margin-inline-end: 9.3132257462em !important;
  }
  .u-space-none\@m {
    margin: 0 !important;
  }
  .u-space-block-none\@m {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-space-block-start-none\@m {
    margin-block-start: 0 !important;
  }
  .u-space-block-end-none\@m {
    margin-block-end: 0 !important;
  }
  .u-space-inline-none\@m {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-space-inline-start-none\@m {
    margin-inline-start: 0 !important;
  }
  .u-space-inline-end-none\@m {
    margin-inline-end: 0 !important;
  }
  .u-pull-auto\@m {
    margin: auto !important;
  }
  .u-pull-block-auto\@m {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-pull-block-start-auto\@m {
    margin-block-start: auto !important;
  }
  .u-pull-block-end-auto\@m {
    margin-block-end: auto !important;
  }
  .u-pull-inline-auto\@m {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-pull-inline-start-auto\@m {
    margin-inline-start: auto !important;
  }
  .u-pull-inline-end-auto\@m {
    margin-inline-end: auto !important;
  }
  .u-pull-n6\@m {
    margin: -0.262144em !important;
  }
  .u-pull-block-n6\@m {
    margin-block-end: -0.262144em !important;
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-start-n6\@m {
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-end-n6\@m {
    margin-block-end: -0.262144em !important;
  }
  .u-pull-inline-n6\@m {
    margin-inline-end: -0.262144em !important;
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-start-n6\@m {
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-end-n6\@m {
    margin-inline-end: -0.262144em !important;
  }
  .u-pull-n5\@m {
    margin: -0.32768em !important;
  }
  .u-pull-block-n5\@m {
    margin-block-end: -0.32768em !important;
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-start-n5\@m {
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-end-n5\@m {
    margin-block-end: -0.32768em !important;
  }
  .u-pull-inline-n5\@m {
    margin-inline-end: -0.32768em !important;
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-start-n5\@m {
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-end-n5\@m {
    margin-inline-end: -0.32768em !important;
  }
  .u-pull-n4\@m {
    margin: -0.4096em !important;
  }
  .u-pull-block-n4\@m {
    margin-block-end: -0.4096em !important;
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-start-n4\@m {
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-end-n4\@m {
    margin-block-end: -0.4096em !important;
  }
  .u-pull-inline-n4\@m {
    margin-inline-end: -0.4096em !important;
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-start-n4\@m {
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-end-n4\@m {
    margin-inline-end: -0.4096em !important;
  }
  .u-pull-n3\@m {
    margin: -0.512em !important;
  }
  .u-pull-block-n3\@m {
    margin-block-end: -0.512em !important;
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-start-n3\@m {
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-end-n3\@m {
    margin-block-end: -0.512em !important;
  }
  .u-pull-inline-n3\@m {
    margin-inline-end: -0.512em !important;
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-start-n3\@m {
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-end-n3\@m {
    margin-inline-end: -0.512em !important;
  }
  .u-pull-n2\@m {
    margin: -0.64em !important;
  }
  .u-pull-block-n2\@m {
    margin-block-end: -0.64em !important;
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-start-n2\@m {
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-end-n2\@m {
    margin-block-end: -0.64em !important;
  }
  .u-pull-inline-n2\@m {
    margin-inline-end: -0.64em !important;
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-start-n2\@m {
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-end-n2\@m {
    margin-inline-end: -0.64em !important;
  }
  .u-pull-n1\@m {
    margin: -0.8em !important;
  }
  .u-pull-block-n1\@m {
    margin-block-end: -0.8em !important;
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-start-n1\@m {
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-end-n1\@m {
    margin-block-end: -0.8em !important;
  }
  .u-pull-inline-n1\@m {
    margin-inline-end: -0.8em !important;
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-start-n1\@m {
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-end-n1\@m {
    margin-inline-end: -0.8em !important;
  }
  .u-pull-0\@m {
    margin: -1em !important;
  }
  .u-pull-block-0\@m {
    margin-block-end: -1em !important;
    margin-block-start: -1em !important;
  }
  .u-pull-block-start-0\@m {
    margin-block-start: -1em !important;
  }
  .u-pull-block-end-0\@m {
    margin-block-end: -1em !important;
  }
  .u-pull-inline-0\@m {
    margin-inline-end: -1em !important;
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-start-0\@m {
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-end-0\@m {
    margin-inline-end: -1em !important;
  }
  .u-pull-1\@m {
    margin: -1.25em !important;
  }
  .u-pull-block-1\@m {
    margin-block-end: -1.25em !important;
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-start-1\@m {
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-end-1\@m {
    margin-block-end: -1.25em !important;
  }
  .u-pull-inline-1\@m {
    margin-inline-end: -1.25em !important;
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-start-1\@m {
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-end-1\@m {
    margin-inline-end: -1.25em !important;
  }
  .u-pull-2\@m {
    margin: -1.5625em !important;
  }
  .u-pull-block-2\@m {
    margin-block-end: -1.5625em !important;
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-start-2\@m {
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-end-2\@m {
    margin-block-end: -1.5625em !important;
  }
  .u-pull-inline-2\@m {
    margin-inline-end: -1.5625em !important;
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-start-2\@m {
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-end-2\@m {
    margin-inline-end: -1.5625em !important;
  }
  .u-pull-3\@m {
    margin: -1.953125em !important;
  }
  .u-pull-block-3\@m {
    margin-block-end: -1.953125em !important;
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-start-3\@m {
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-end-3\@m {
    margin-block-end: -1.953125em !important;
  }
  .u-pull-inline-3\@m {
    margin-inline-end: -1.953125em !important;
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-start-3\@m {
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-end-3\@m {
    margin-inline-end: -1.953125em !important;
  }
  .u-pull-4\@m {
    margin: -2.44140625em !important;
  }
  .u-pull-block-4\@m {
    margin-block-end: -2.44140625em !important;
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-start-4\@m {
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-end-4\@m {
    margin-block-end: -2.44140625em !important;
  }
  .u-pull-inline-4\@m {
    margin-inline-end: -2.44140625em !important;
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-start-4\@m {
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-end-4\@m {
    margin-inline-end: -2.44140625em !important;
  }
  .u-pull-5\@m {
    margin: -3.0517578125em !important;
  }
  .u-pull-block-5\@m {
    margin-block-end: -3.0517578125em !important;
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-start-5\@m {
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-end-5\@m {
    margin-block-end: -3.0517578125em !important;
  }
  .u-pull-inline-5\@m {
    margin-inline-end: -3.0517578125em !important;
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-start-5\@m {
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-end-5\@m {
    margin-inline-end: -3.0517578125em !important;
  }
  .u-pull-6\@m {
    margin: -3.8146972656em !important;
  }
  .u-pull-block-6\@m {
    margin-block-end: -3.8146972656em !important;
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-start-6\@m {
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-end-6\@m {
    margin-block-end: -3.8146972656em !important;
  }
  .u-pull-inline-6\@m {
    margin-inline-end: -3.8146972656em !important;
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-start-6\@m {
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-end-6\@m {
    margin-inline-end: -3.8146972656em !important;
  }
  .u-pull-7\@m {
    margin: -4.768371582em !important;
  }
  .u-pull-block-7\@m {
    margin-block-end: -4.768371582em !important;
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-start-7\@m {
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-end-7\@m {
    margin-block-end: -4.768371582em !important;
  }
  .u-pull-inline-7\@m {
    margin-inline-end: -4.768371582em !important;
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-start-7\@m {
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-end-7\@m {
    margin-inline-end: -4.768371582em !important;
  }
  .u-pull-8\@m {
    margin: -5.9604644775em !important;
  }
  .u-pull-block-8\@m {
    margin-block-end: -5.9604644775em !important;
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-start-8\@m {
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-end-8\@m {
    margin-block-end: -5.9604644775em !important;
  }
  .u-pull-inline-8\@m {
    margin-inline-end: -5.9604644775em !important;
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-start-8\@m {
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-end-8\@m {
    margin-inline-end: -5.9604644775em !important;
  }
  .u-pull-9\@m {
    margin: -7.4505805969em !important;
  }
  .u-pull-block-9\@m {
    margin-block-end: -7.4505805969em !important;
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-start-9\@m {
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-end-9\@m {
    margin-block-end: -7.4505805969em !important;
  }
  .u-pull-inline-9\@m {
    margin-inline-end: -7.4505805969em !important;
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-start-9\@m {
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-end-9\@m {
    margin-inline-end: -7.4505805969em !important;
  }
  .u-pull-10\@m {
    margin: -9.3132257462em !important;
  }
  .u-pull-block-10\@m {
    margin-block-end: -9.3132257462em !important;
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-start-10\@m {
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-end-10\@m {
    margin-block-end: -9.3132257462em !important;
  }
  .u-pull-inline-10\@m {
    margin-inline-end: -9.3132257462em !important;
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-start-10\@m {
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-end-10\@m {
    margin-inline-end: -9.3132257462em !important;
  }
  .u-pull-none\@m {
    margin: 0 !important;
  }
  .u-pull-block-none\@m {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-pull-block-start-none\@m {
    margin-block-start: 0 !important;
  }
  .u-pull-block-end-none\@m {
    margin-block-end: 0 !important;
  }
  .u-pull-inline-none\@m {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-start-none\@m {
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-end-none\@m {
    margin-inline-end: 0 !important;
  }
}
@media (min-width: 60em) {
  .u-pad-n6\@l {
    padding: 0.262144em !important;
  }
  .u-pad-block-n6\@l {
    padding-block-end: 0.262144em !important;
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-start-n6\@l {
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-end-n6\@l {
    padding-block-end: 0.262144em !important;
  }
  .u-pad-inline-n6\@l {
    padding-inline-end: 0.262144em !important;
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-start-n6\@l {
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-end-n6\@l {
    padding-inline-end: 0.262144em !important;
  }
  .u-pad-n5\@l {
    padding: 0.32768em !important;
  }
  .u-pad-block-n5\@l {
    padding-block-end: 0.32768em !important;
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-start-n5\@l {
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-end-n5\@l {
    padding-block-end: 0.32768em !important;
  }
  .u-pad-inline-n5\@l {
    padding-inline-end: 0.32768em !important;
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-start-n5\@l {
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-end-n5\@l {
    padding-inline-end: 0.32768em !important;
  }
  .u-pad-n4\@l {
    padding: 0.4096em !important;
  }
  .u-pad-block-n4\@l {
    padding-block-end: 0.4096em !important;
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-start-n4\@l {
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-end-n4\@l {
    padding-block-end: 0.4096em !important;
  }
  .u-pad-inline-n4\@l {
    padding-inline-end: 0.4096em !important;
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-start-n4\@l {
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-end-n4\@l {
    padding-inline-end: 0.4096em !important;
  }
  .u-pad-n3\@l {
    padding: 0.512em !important;
  }
  .u-pad-block-n3\@l {
    padding-block-end: 0.512em !important;
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-start-n3\@l {
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-end-n3\@l {
    padding-block-end: 0.512em !important;
  }
  .u-pad-inline-n3\@l {
    padding-inline-end: 0.512em !important;
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-start-n3\@l {
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-end-n3\@l {
    padding-inline-end: 0.512em !important;
  }
  .u-pad-n2\@l {
    padding: 0.64em !important;
  }
  .u-pad-block-n2\@l {
    padding-block-end: 0.64em !important;
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-start-n2\@l {
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-end-n2\@l {
    padding-block-end: 0.64em !important;
  }
  .u-pad-inline-n2\@l {
    padding-inline-end: 0.64em !important;
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-start-n2\@l {
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-end-n2\@l {
    padding-inline-end: 0.64em !important;
  }
  .u-pad-n1\@l {
    padding: 0.8em !important;
  }
  .u-pad-block-n1\@l {
    padding-block-end: 0.8em !important;
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-start-n1\@l {
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-end-n1\@l {
    padding-block-end: 0.8em !important;
  }
  .u-pad-inline-n1\@l {
    padding-inline-end: 0.8em !important;
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-start-n1\@l {
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-end-n1\@l {
    padding-inline-end: 0.8em !important;
  }
  .u-pad-0\@l {
    padding: 1em !important;
  }
  .u-pad-block-0\@l {
    padding-block-end: 1em !important;
    padding-block-start: 1em !important;
  }
  .u-pad-block-start-0\@l {
    padding-block-start: 1em !important;
  }
  .u-pad-block-end-0\@l {
    padding-block-end: 1em !important;
  }
  .u-pad-inline-0\@l {
    padding-inline-end: 1em !important;
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-start-0\@l {
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-end-0\@l {
    padding-inline-end: 1em !important;
  }
  .u-pad-1\@l {
    padding: 1.25em !important;
  }
  .u-pad-block-1\@l {
    padding-block-end: 1.25em !important;
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-start-1\@l {
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-end-1\@l {
    padding-block-end: 1.25em !important;
  }
  .u-pad-inline-1\@l {
    padding-inline-end: 1.25em !important;
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-start-1\@l {
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-end-1\@l {
    padding-inline-end: 1.25em !important;
  }
  .u-pad-2\@l {
    padding: 1.5625em !important;
  }
  .u-pad-block-2\@l {
    padding-block-end: 1.5625em !important;
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-start-2\@l {
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-end-2\@l {
    padding-block-end: 1.5625em !important;
  }
  .u-pad-inline-2\@l {
    padding-inline-end: 1.5625em !important;
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-start-2\@l {
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-end-2\@l {
    padding-inline-end: 1.5625em !important;
  }
  .u-pad-3\@l {
    padding: 1.953125em !important;
  }
  .u-pad-block-3\@l {
    padding-block-end: 1.953125em !important;
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-start-3\@l {
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-end-3\@l {
    padding-block-end: 1.953125em !important;
  }
  .u-pad-inline-3\@l {
    padding-inline-end: 1.953125em !important;
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-start-3\@l {
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-end-3\@l {
    padding-inline-end: 1.953125em !important;
  }
  .u-pad-4\@l {
    padding: 2.44140625em !important;
  }
  .u-pad-block-4\@l {
    padding-block-end: 2.44140625em !important;
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-start-4\@l {
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-end-4\@l {
    padding-block-end: 2.44140625em !important;
  }
  .u-pad-inline-4\@l {
    padding-inline-end: 2.44140625em !important;
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-start-4\@l {
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-end-4\@l {
    padding-inline-end: 2.44140625em !important;
  }
  .u-pad-5\@l {
    padding: 3.0517578125em !important;
  }
  .u-pad-block-5\@l {
    padding-block-end: 3.0517578125em !important;
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-start-5\@l {
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-end-5\@l {
    padding-block-end: 3.0517578125em !important;
  }
  .u-pad-inline-5\@l {
    padding-inline-end: 3.0517578125em !important;
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-start-5\@l {
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-end-5\@l {
    padding-inline-end: 3.0517578125em !important;
  }
  .u-pad-6\@l {
    padding: 3.8146972656em !important;
  }
  .u-pad-block-6\@l {
    padding-block-end: 3.8146972656em !important;
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-start-6\@l {
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-end-6\@l {
    padding-block-end: 3.8146972656em !important;
  }
  .u-pad-inline-6\@l {
    padding-inline-end: 3.8146972656em !important;
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-start-6\@l {
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-end-6\@l {
    padding-inline-end: 3.8146972656em !important;
  }
  .u-pad-7\@l {
    padding: 4.768371582em !important;
  }
  .u-pad-block-7\@l {
    padding-block-end: 4.768371582em !important;
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-start-7\@l {
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-end-7\@l {
    padding-block-end: 4.768371582em !important;
  }
  .u-pad-inline-7\@l {
    padding-inline-end: 4.768371582em !important;
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-start-7\@l {
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-end-7\@l {
    padding-inline-end: 4.768371582em !important;
  }
  .u-pad-8\@l {
    padding: 5.9604644775em !important;
  }
  .u-pad-block-8\@l {
    padding-block-end: 5.9604644775em !important;
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-start-8\@l {
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-end-8\@l {
    padding-block-end: 5.9604644775em !important;
  }
  .u-pad-inline-8\@l {
    padding-inline-end: 5.9604644775em !important;
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-start-8\@l {
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-end-8\@l {
    padding-inline-end: 5.9604644775em !important;
  }
  .u-pad-9\@l {
    padding: 7.4505805969em !important;
  }
  .u-pad-block-9\@l {
    padding-block-end: 7.4505805969em !important;
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-start-9\@l {
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-end-9\@l {
    padding-block-end: 7.4505805969em !important;
  }
  .u-pad-inline-9\@l {
    padding-inline-end: 7.4505805969em !important;
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-start-9\@l {
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-end-9\@l {
    padding-inline-end: 7.4505805969em !important;
  }
  .u-pad-10\@l {
    padding: 9.3132257462em !important;
  }
  .u-pad-block-10\@l {
    padding-block-end: 9.3132257462em !important;
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-start-10\@l {
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-end-10\@l {
    padding-block-end: 9.3132257462em !important;
  }
  .u-pad-inline-10\@l {
    padding-inline-end: 9.3132257462em !important;
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-start-10\@l {
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-end-10\@l {
    padding-inline-end: 9.3132257462em !important;
  }
  .u-pad-none\@l {
    padding: 0 !important;
  }
  .u-pad-block-none\@l {
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
  }
  .u-pad-block-start-none\@l {
    padding-block-start: 0 !important;
  }
  .u-pad-block-end-none\@l {
    padding-block-end: 0 !important;
  }
  .u-pad-inline-none\@l {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-start-none\@l {
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-end-none\@l {
    padding-inline-end: 0 !important;
  }
  .u-space-auto\@l {
    margin: auto !important;
  }
  .u-space-block-auto\@l {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-space-block-start-auto\@l {
    margin-block-start: auto !important;
  }
  .u-space-block-end-auto\@l {
    margin-block-end: auto !important;
  }
  .u-space-inline-auto\@l {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-space-inline-start-auto\@l {
    margin-inline-start: auto !important;
  }
  .u-space-inline-end-auto\@l {
    margin-inline-end: auto !important;
  }
  .u-space-n6\@l {
    margin: 0.262144em !important;
  }
  .u-space-block-n6\@l {
    margin-block-end: 0.262144em !important;
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-start-n6\@l {
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-end-n6\@l {
    margin-block-end: 0.262144em !important;
  }
  .u-space-inline-n6\@l {
    margin-inline-end: 0.262144em !important;
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-start-n6\@l {
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-end-n6\@l {
    margin-inline-end: 0.262144em !important;
  }
  .u-space-n5\@l {
    margin: 0.32768em !important;
  }
  .u-space-block-n5\@l {
    margin-block-end: 0.32768em !important;
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-start-n5\@l {
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-end-n5\@l {
    margin-block-end: 0.32768em !important;
  }
  .u-space-inline-n5\@l {
    margin-inline-end: 0.32768em !important;
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-start-n5\@l {
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-end-n5\@l {
    margin-inline-end: 0.32768em !important;
  }
  .u-space-n4\@l {
    margin: 0.4096em !important;
  }
  .u-space-block-n4\@l {
    margin-block-end: 0.4096em !important;
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-start-n4\@l {
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-end-n4\@l {
    margin-block-end: 0.4096em !important;
  }
  .u-space-inline-n4\@l {
    margin-inline-end: 0.4096em !important;
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-start-n4\@l {
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-end-n4\@l {
    margin-inline-end: 0.4096em !important;
  }
  .u-space-n3\@l {
    margin: 0.512em !important;
  }
  .u-space-block-n3\@l {
    margin-block-end: 0.512em !important;
    margin-block-start: 0.512em !important;
  }
  .u-space-block-start-n3\@l {
    margin-block-start: 0.512em !important;
  }
  .u-space-block-end-n3\@l {
    margin-block-end: 0.512em !important;
  }
  .u-space-inline-n3\@l {
    margin-inline-end: 0.512em !important;
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-start-n3\@l {
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-end-n3\@l {
    margin-inline-end: 0.512em !important;
  }
  .u-space-n2\@l {
    margin: 0.64em !important;
  }
  .u-space-block-n2\@l {
    margin-block-end: 0.64em !important;
    margin-block-start: 0.64em !important;
  }
  .u-space-block-start-n2\@l {
    margin-block-start: 0.64em !important;
  }
  .u-space-block-end-n2\@l {
    margin-block-end: 0.64em !important;
  }
  .u-space-inline-n2\@l {
    margin-inline-end: 0.64em !important;
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-start-n2\@l {
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-end-n2\@l {
    margin-inline-end: 0.64em !important;
  }
  .u-space-n1\@l {
    margin: 0.8em !important;
  }
  .u-space-block-n1\@l {
    margin-block-end: 0.8em !important;
    margin-block-start: 0.8em !important;
  }
  .u-space-block-start-n1\@l {
    margin-block-start: 0.8em !important;
  }
  .u-space-block-end-n1\@l {
    margin-block-end: 0.8em !important;
  }
  .u-space-inline-n1\@l {
    margin-inline-end: 0.8em !important;
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-start-n1\@l {
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-end-n1\@l {
    margin-inline-end: 0.8em !important;
  }
  .u-space-0\@l {
    margin: 1em !important;
  }
  .u-space-block-0\@l {
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
  }
  .u-space-block-start-0\@l {
    margin-block-start: 1em !important;
  }
  .u-space-block-end-0\@l {
    margin-block-end: 1em !important;
  }
  .u-space-inline-0\@l {
    margin-inline-end: 1em !important;
    margin-inline-start: 1em !important;
  }
  .u-space-inline-start-0\@l {
    margin-inline-start: 1em !important;
  }
  .u-space-inline-end-0\@l {
    margin-inline-end: 1em !important;
  }
  .u-space-1\@l {
    margin: 1.25em !important;
  }
  .u-space-block-1\@l {
    margin-block-end: 1.25em !important;
    margin-block-start: 1.25em !important;
  }
  .u-space-block-start-1\@l {
    margin-block-start: 1.25em !important;
  }
  .u-space-block-end-1\@l {
    margin-block-end: 1.25em !important;
  }
  .u-space-inline-1\@l {
    margin-inline-end: 1.25em !important;
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-start-1\@l {
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-end-1\@l {
    margin-inline-end: 1.25em !important;
  }
  .u-space-2\@l {
    margin: 1.5625em !important;
  }
  .u-space-block-2\@l {
    margin-block-end: 1.5625em !important;
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-start-2\@l {
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-end-2\@l {
    margin-block-end: 1.5625em !important;
  }
  .u-space-inline-2\@l {
    margin-inline-end: 1.5625em !important;
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-start-2\@l {
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-end-2\@l {
    margin-inline-end: 1.5625em !important;
  }
  .u-space-3\@l {
    margin: 1.953125em !important;
  }
  .u-space-block-3\@l {
    margin-block-end: 1.953125em !important;
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-start-3\@l {
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-end-3\@l {
    margin-block-end: 1.953125em !important;
  }
  .u-space-inline-3\@l {
    margin-inline-end: 1.953125em !important;
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-start-3\@l {
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-end-3\@l {
    margin-inline-end: 1.953125em !important;
  }
  .u-space-4\@l {
    margin: 2.44140625em !important;
  }
  .u-space-block-4\@l {
    margin-block-end: 2.44140625em !important;
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-start-4\@l {
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-end-4\@l {
    margin-block-end: 2.44140625em !important;
  }
  .u-space-inline-4\@l {
    margin-inline-end: 2.44140625em !important;
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-start-4\@l {
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-end-4\@l {
    margin-inline-end: 2.44140625em !important;
  }
  .u-space-5\@l {
    margin: 3.0517578125em !important;
  }
  .u-space-block-5\@l {
    margin-block-end: 3.0517578125em !important;
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-start-5\@l {
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-end-5\@l {
    margin-block-end: 3.0517578125em !important;
  }
  .u-space-inline-5\@l {
    margin-inline-end: 3.0517578125em !important;
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-start-5\@l {
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-end-5\@l {
    margin-inline-end: 3.0517578125em !important;
  }
  .u-space-6\@l {
    margin: 3.8146972656em !important;
  }
  .u-space-block-6\@l {
    margin-block-end: 3.8146972656em !important;
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-start-6\@l {
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-end-6\@l {
    margin-block-end: 3.8146972656em !important;
  }
  .u-space-inline-6\@l {
    margin-inline-end: 3.8146972656em !important;
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-start-6\@l {
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-end-6\@l {
    margin-inline-end: 3.8146972656em !important;
  }
  .u-space-7\@l {
    margin: 4.768371582em !important;
  }
  .u-space-block-7\@l {
    margin-block-end: 4.768371582em !important;
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-start-7\@l {
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-end-7\@l {
    margin-block-end: 4.768371582em !important;
  }
  .u-space-inline-7\@l {
    margin-inline-end: 4.768371582em !important;
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-start-7\@l {
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-end-7\@l {
    margin-inline-end: 4.768371582em !important;
  }
  .u-space-8\@l {
    margin: 5.9604644775em !important;
  }
  .u-space-block-8\@l {
    margin-block-end: 5.9604644775em !important;
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-start-8\@l {
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-end-8\@l {
    margin-block-end: 5.9604644775em !important;
  }
  .u-space-inline-8\@l {
    margin-inline-end: 5.9604644775em !important;
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-start-8\@l {
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-end-8\@l {
    margin-inline-end: 5.9604644775em !important;
  }
  .u-space-9\@l {
    margin: 7.4505805969em !important;
  }
  .u-space-block-9\@l {
    margin-block-end: 7.4505805969em !important;
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-start-9\@l {
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-end-9\@l {
    margin-block-end: 7.4505805969em !important;
  }
  .u-space-inline-9\@l {
    margin-inline-end: 7.4505805969em !important;
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-start-9\@l {
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-end-9\@l {
    margin-inline-end: 7.4505805969em !important;
  }
  .u-space-10\@l {
    margin: 9.3132257462em !important;
  }
  .u-space-block-10\@l {
    margin-block-end: 9.3132257462em !important;
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-start-10\@l {
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-end-10\@l {
    margin-block-end: 9.3132257462em !important;
  }
  .u-space-inline-10\@l {
    margin-inline-end: 9.3132257462em !important;
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-start-10\@l {
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-end-10\@l {
    margin-inline-end: 9.3132257462em !important;
  }
  .u-space-none\@l {
    margin: 0 !important;
  }
  .u-space-block-none\@l {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-space-block-start-none\@l {
    margin-block-start: 0 !important;
  }
  .u-space-block-end-none\@l {
    margin-block-end: 0 !important;
  }
  .u-space-inline-none\@l {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-space-inline-start-none\@l {
    margin-inline-start: 0 !important;
  }
  .u-space-inline-end-none\@l {
    margin-inline-end: 0 !important;
  }
  .u-pull-auto\@l {
    margin: auto !important;
  }
  .u-pull-block-auto\@l {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-pull-block-start-auto\@l {
    margin-block-start: auto !important;
  }
  .u-pull-block-end-auto\@l {
    margin-block-end: auto !important;
  }
  .u-pull-inline-auto\@l {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-pull-inline-start-auto\@l {
    margin-inline-start: auto !important;
  }
  .u-pull-inline-end-auto\@l {
    margin-inline-end: auto !important;
  }
  .u-pull-n6\@l {
    margin: -0.262144em !important;
  }
  .u-pull-block-n6\@l {
    margin-block-end: -0.262144em !important;
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-start-n6\@l {
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-end-n6\@l {
    margin-block-end: -0.262144em !important;
  }
  .u-pull-inline-n6\@l {
    margin-inline-end: -0.262144em !important;
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-start-n6\@l {
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-end-n6\@l {
    margin-inline-end: -0.262144em !important;
  }
  .u-pull-n5\@l {
    margin: -0.32768em !important;
  }
  .u-pull-block-n5\@l {
    margin-block-end: -0.32768em !important;
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-start-n5\@l {
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-end-n5\@l {
    margin-block-end: -0.32768em !important;
  }
  .u-pull-inline-n5\@l {
    margin-inline-end: -0.32768em !important;
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-start-n5\@l {
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-end-n5\@l {
    margin-inline-end: -0.32768em !important;
  }
  .u-pull-n4\@l {
    margin: -0.4096em !important;
  }
  .u-pull-block-n4\@l {
    margin-block-end: -0.4096em !important;
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-start-n4\@l {
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-end-n4\@l {
    margin-block-end: -0.4096em !important;
  }
  .u-pull-inline-n4\@l {
    margin-inline-end: -0.4096em !important;
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-start-n4\@l {
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-end-n4\@l {
    margin-inline-end: -0.4096em !important;
  }
  .u-pull-n3\@l {
    margin: -0.512em !important;
  }
  .u-pull-block-n3\@l {
    margin-block-end: -0.512em !important;
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-start-n3\@l {
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-end-n3\@l {
    margin-block-end: -0.512em !important;
  }
  .u-pull-inline-n3\@l {
    margin-inline-end: -0.512em !important;
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-start-n3\@l {
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-end-n3\@l {
    margin-inline-end: -0.512em !important;
  }
  .u-pull-n2\@l {
    margin: -0.64em !important;
  }
  .u-pull-block-n2\@l {
    margin-block-end: -0.64em !important;
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-start-n2\@l {
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-end-n2\@l {
    margin-block-end: -0.64em !important;
  }
  .u-pull-inline-n2\@l {
    margin-inline-end: -0.64em !important;
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-start-n2\@l {
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-end-n2\@l {
    margin-inline-end: -0.64em !important;
  }
  .u-pull-n1\@l {
    margin: -0.8em !important;
  }
  .u-pull-block-n1\@l {
    margin-block-end: -0.8em !important;
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-start-n1\@l {
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-end-n1\@l {
    margin-block-end: -0.8em !important;
  }
  .u-pull-inline-n1\@l {
    margin-inline-end: -0.8em !important;
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-start-n1\@l {
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-end-n1\@l {
    margin-inline-end: -0.8em !important;
  }
  .u-pull-0\@l {
    margin: -1em !important;
  }
  .u-pull-block-0\@l {
    margin-block-end: -1em !important;
    margin-block-start: -1em !important;
  }
  .u-pull-block-start-0\@l {
    margin-block-start: -1em !important;
  }
  .u-pull-block-end-0\@l {
    margin-block-end: -1em !important;
  }
  .u-pull-inline-0\@l {
    margin-inline-end: -1em !important;
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-start-0\@l {
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-end-0\@l {
    margin-inline-end: -1em !important;
  }
  .u-pull-1\@l {
    margin: -1.25em !important;
  }
  .u-pull-block-1\@l {
    margin-block-end: -1.25em !important;
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-start-1\@l {
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-end-1\@l {
    margin-block-end: -1.25em !important;
  }
  .u-pull-inline-1\@l {
    margin-inline-end: -1.25em !important;
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-start-1\@l {
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-end-1\@l {
    margin-inline-end: -1.25em !important;
  }
  .u-pull-2\@l {
    margin: -1.5625em !important;
  }
  .u-pull-block-2\@l {
    margin-block-end: -1.5625em !important;
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-start-2\@l {
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-end-2\@l {
    margin-block-end: -1.5625em !important;
  }
  .u-pull-inline-2\@l {
    margin-inline-end: -1.5625em !important;
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-start-2\@l {
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-end-2\@l {
    margin-inline-end: -1.5625em !important;
  }
  .u-pull-3\@l {
    margin: -1.953125em !important;
  }
  .u-pull-block-3\@l {
    margin-block-end: -1.953125em !important;
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-start-3\@l {
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-end-3\@l {
    margin-block-end: -1.953125em !important;
  }
  .u-pull-inline-3\@l {
    margin-inline-end: -1.953125em !important;
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-start-3\@l {
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-end-3\@l {
    margin-inline-end: -1.953125em !important;
  }
  .u-pull-4\@l {
    margin: -2.44140625em !important;
  }
  .u-pull-block-4\@l {
    margin-block-end: -2.44140625em !important;
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-start-4\@l {
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-end-4\@l {
    margin-block-end: -2.44140625em !important;
  }
  .u-pull-inline-4\@l {
    margin-inline-end: -2.44140625em !important;
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-start-4\@l {
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-end-4\@l {
    margin-inline-end: -2.44140625em !important;
  }
  .u-pull-5\@l {
    margin: -3.0517578125em !important;
  }
  .u-pull-block-5\@l {
    margin-block-end: -3.0517578125em !important;
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-start-5\@l {
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-end-5\@l {
    margin-block-end: -3.0517578125em !important;
  }
  .u-pull-inline-5\@l {
    margin-inline-end: -3.0517578125em !important;
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-start-5\@l {
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-end-5\@l {
    margin-inline-end: -3.0517578125em !important;
  }
  .u-pull-6\@l {
    margin: -3.8146972656em !important;
  }
  .u-pull-block-6\@l {
    margin-block-end: -3.8146972656em !important;
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-start-6\@l {
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-end-6\@l {
    margin-block-end: -3.8146972656em !important;
  }
  .u-pull-inline-6\@l {
    margin-inline-end: -3.8146972656em !important;
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-start-6\@l {
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-end-6\@l {
    margin-inline-end: -3.8146972656em !important;
  }
  .u-pull-7\@l {
    margin: -4.768371582em !important;
  }
  .u-pull-block-7\@l {
    margin-block-end: -4.768371582em !important;
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-start-7\@l {
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-end-7\@l {
    margin-block-end: -4.768371582em !important;
  }
  .u-pull-inline-7\@l {
    margin-inline-end: -4.768371582em !important;
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-start-7\@l {
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-end-7\@l {
    margin-inline-end: -4.768371582em !important;
  }
  .u-pull-8\@l {
    margin: -5.9604644775em !important;
  }
  .u-pull-block-8\@l {
    margin-block-end: -5.9604644775em !important;
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-start-8\@l {
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-end-8\@l {
    margin-block-end: -5.9604644775em !important;
  }
  .u-pull-inline-8\@l {
    margin-inline-end: -5.9604644775em !important;
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-start-8\@l {
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-end-8\@l {
    margin-inline-end: -5.9604644775em !important;
  }
  .u-pull-9\@l {
    margin: -7.4505805969em !important;
  }
  .u-pull-block-9\@l {
    margin-block-end: -7.4505805969em !important;
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-start-9\@l {
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-end-9\@l {
    margin-block-end: -7.4505805969em !important;
  }
  .u-pull-inline-9\@l {
    margin-inline-end: -7.4505805969em !important;
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-start-9\@l {
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-end-9\@l {
    margin-inline-end: -7.4505805969em !important;
  }
  .u-pull-10\@l {
    margin: -9.3132257462em !important;
  }
  .u-pull-block-10\@l {
    margin-block-end: -9.3132257462em !important;
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-start-10\@l {
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-end-10\@l {
    margin-block-end: -9.3132257462em !important;
  }
  .u-pull-inline-10\@l {
    margin-inline-end: -9.3132257462em !important;
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-start-10\@l {
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-end-10\@l {
    margin-inline-end: -9.3132257462em !important;
  }
  .u-pull-none\@l {
    margin: 0 !important;
  }
  .u-pull-block-none\@l {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-pull-block-start-none\@l {
    margin-block-start: 0 !important;
  }
  .u-pull-block-end-none\@l {
    margin-block-end: 0 !important;
  }
  .u-pull-inline-none\@l {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-start-none\@l {
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-end-none\@l {
    margin-inline-end: 0 !important;
  }
}
@media (min-width: 72em) {
  .u-pad-n6\@xl {
    padding: 0.262144em !important;
  }
  .u-pad-block-n6\@xl {
    padding-block-end: 0.262144em !important;
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-start-n6\@xl {
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-end-n6\@xl {
    padding-block-end: 0.262144em !important;
  }
  .u-pad-inline-n6\@xl {
    padding-inline-end: 0.262144em !important;
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-start-n6\@xl {
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-end-n6\@xl {
    padding-inline-end: 0.262144em !important;
  }
  .u-pad-n5\@xl {
    padding: 0.32768em !important;
  }
  .u-pad-block-n5\@xl {
    padding-block-end: 0.32768em !important;
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-start-n5\@xl {
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-end-n5\@xl {
    padding-block-end: 0.32768em !important;
  }
  .u-pad-inline-n5\@xl {
    padding-inline-end: 0.32768em !important;
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-start-n5\@xl {
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-end-n5\@xl {
    padding-inline-end: 0.32768em !important;
  }
  .u-pad-n4\@xl {
    padding: 0.4096em !important;
  }
  .u-pad-block-n4\@xl {
    padding-block-end: 0.4096em !important;
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-start-n4\@xl {
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-end-n4\@xl {
    padding-block-end: 0.4096em !important;
  }
  .u-pad-inline-n4\@xl {
    padding-inline-end: 0.4096em !important;
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-start-n4\@xl {
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-end-n4\@xl {
    padding-inline-end: 0.4096em !important;
  }
  .u-pad-n3\@xl {
    padding: 0.512em !important;
  }
  .u-pad-block-n3\@xl {
    padding-block-end: 0.512em !important;
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-start-n3\@xl {
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-end-n3\@xl {
    padding-block-end: 0.512em !important;
  }
  .u-pad-inline-n3\@xl {
    padding-inline-end: 0.512em !important;
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-start-n3\@xl {
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-end-n3\@xl {
    padding-inline-end: 0.512em !important;
  }
  .u-pad-n2\@xl {
    padding: 0.64em !important;
  }
  .u-pad-block-n2\@xl {
    padding-block-end: 0.64em !important;
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-start-n2\@xl {
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-end-n2\@xl {
    padding-block-end: 0.64em !important;
  }
  .u-pad-inline-n2\@xl {
    padding-inline-end: 0.64em !important;
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-start-n2\@xl {
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-end-n2\@xl {
    padding-inline-end: 0.64em !important;
  }
  .u-pad-n1\@xl {
    padding: 0.8em !important;
  }
  .u-pad-block-n1\@xl {
    padding-block-end: 0.8em !important;
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-start-n1\@xl {
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-end-n1\@xl {
    padding-block-end: 0.8em !important;
  }
  .u-pad-inline-n1\@xl {
    padding-inline-end: 0.8em !important;
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-start-n1\@xl {
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-end-n1\@xl {
    padding-inline-end: 0.8em !important;
  }
  .u-pad-0\@xl {
    padding: 1em !important;
  }
  .u-pad-block-0\@xl {
    padding-block-end: 1em !important;
    padding-block-start: 1em !important;
  }
  .u-pad-block-start-0\@xl {
    padding-block-start: 1em !important;
  }
  .u-pad-block-end-0\@xl {
    padding-block-end: 1em !important;
  }
  .u-pad-inline-0\@xl {
    padding-inline-end: 1em !important;
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-start-0\@xl {
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-end-0\@xl {
    padding-inline-end: 1em !important;
  }
  .u-pad-1\@xl {
    padding: 1.25em !important;
  }
  .u-pad-block-1\@xl {
    padding-block-end: 1.25em !important;
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-start-1\@xl {
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-end-1\@xl {
    padding-block-end: 1.25em !important;
  }
  .u-pad-inline-1\@xl {
    padding-inline-end: 1.25em !important;
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-start-1\@xl {
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-end-1\@xl {
    padding-inline-end: 1.25em !important;
  }
  .u-pad-2\@xl {
    padding: 1.5625em !important;
  }
  .u-pad-block-2\@xl {
    padding-block-end: 1.5625em !important;
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-start-2\@xl {
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-end-2\@xl {
    padding-block-end: 1.5625em !important;
  }
  .u-pad-inline-2\@xl {
    padding-inline-end: 1.5625em !important;
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-start-2\@xl {
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-end-2\@xl {
    padding-inline-end: 1.5625em !important;
  }
  .u-pad-3\@xl {
    padding: 1.953125em !important;
  }
  .u-pad-block-3\@xl {
    padding-block-end: 1.953125em !important;
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-start-3\@xl {
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-end-3\@xl {
    padding-block-end: 1.953125em !important;
  }
  .u-pad-inline-3\@xl {
    padding-inline-end: 1.953125em !important;
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-start-3\@xl {
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-end-3\@xl {
    padding-inline-end: 1.953125em !important;
  }
  .u-pad-4\@xl {
    padding: 2.44140625em !important;
  }
  .u-pad-block-4\@xl {
    padding-block-end: 2.44140625em !important;
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-start-4\@xl {
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-end-4\@xl {
    padding-block-end: 2.44140625em !important;
  }
  .u-pad-inline-4\@xl {
    padding-inline-end: 2.44140625em !important;
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-start-4\@xl {
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-end-4\@xl {
    padding-inline-end: 2.44140625em !important;
  }
  .u-pad-5\@xl {
    padding: 3.0517578125em !important;
  }
  .u-pad-block-5\@xl {
    padding-block-end: 3.0517578125em !important;
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-start-5\@xl {
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-end-5\@xl {
    padding-block-end: 3.0517578125em !important;
  }
  .u-pad-inline-5\@xl {
    padding-inline-end: 3.0517578125em !important;
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-start-5\@xl {
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-end-5\@xl {
    padding-inline-end: 3.0517578125em !important;
  }
  .u-pad-6\@xl {
    padding: 3.8146972656em !important;
  }
  .u-pad-block-6\@xl {
    padding-block-end: 3.8146972656em !important;
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-start-6\@xl {
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-end-6\@xl {
    padding-block-end: 3.8146972656em !important;
  }
  .u-pad-inline-6\@xl {
    padding-inline-end: 3.8146972656em !important;
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-start-6\@xl {
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-end-6\@xl {
    padding-inline-end: 3.8146972656em !important;
  }
  .u-pad-7\@xl {
    padding: 4.768371582em !important;
  }
  .u-pad-block-7\@xl {
    padding-block-end: 4.768371582em !important;
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-start-7\@xl {
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-end-7\@xl {
    padding-block-end: 4.768371582em !important;
  }
  .u-pad-inline-7\@xl {
    padding-inline-end: 4.768371582em !important;
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-start-7\@xl {
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-end-7\@xl {
    padding-inline-end: 4.768371582em !important;
  }
  .u-pad-8\@xl {
    padding: 5.9604644775em !important;
  }
  .u-pad-block-8\@xl {
    padding-block-end: 5.9604644775em !important;
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-start-8\@xl {
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-end-8\@xl {
    padding-block-end: 5.9604644775em !important;
  }
  .u-pad-inline-8\@xl {
    padding-inline-end: 5.9604644775em !important;
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-start-8\@xl {
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-end-8\@xl {
    padding-inline-end: 5.9604644775em !important;
  }
  .u-pad-9\@xl {
    padding: 7.4505805969em !important;
  }
  .u-pad-block-9\@xl {
    padding-block-end: 7.4505805969em !important;
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-start-9\@xl {
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-end-9\@xl {
    padding-block-end: 7.4505805969em !important;
  }
  .u-pad-inline-9\@xl {
    padding-inline-end: 7.4505805969em !important;
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-start-9\@xl {
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-end-9\@xl {
    padding-inline-end: 7.4505805969em !important;
  }
  .u-pad-10\@xl {
    padding: 9.3132257462em !important;
  }
  .u-pad-block-10\@xl {
    padding-block-end: 9.3132257462em !important;
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-start-10\@xl {
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-end-10\@xl {
    padding-block-end: 9.3132257462em !important;
  }
  .u-pad-inline-10\@xl {
    padding-inline-end: 9.3132257462em !important;
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-start-10\@xl {
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-end-10\@xl {
    padding-inline-end: 9.3132257462em !important;
  }
  .u-pad-none\@xl {
    padding: 0 !important;
  }
  .u-pad-block-none\@xl {
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
  }
  .u-pad-block-start-none\@xl {
    padding-block-start: 0 !important;
  }
  .u-pad-block-end-none\@xl {
    padding-block-end: 0 !important;
  }
  .u-pad-inline-none\@xl {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-start-none\@xl {
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-end-none\@xl {
    padding-inline-end: 0 !important;
  }
  .u-space-auto\@xl {
    margin: auto !important;
  }
  .u-space-block-auto\@xl {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-space-block-start-auto\@xl {
    margin-block-start: auto !important;
  }
  .u-space-block-end-auto\@xl {
    margin-block-end: auto !important;
  }
  .u-space-inline-auto\@xl {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-space-inline-start-auto\@xl {
    margin-inline-start: auto !important;
  }
  .u-space-inline-end-auto\@xl {
    margin-inline-end: auto !important;
  }
  .u-space-n6\@xl {
    margin: 0.262144em !important;
  }
  .u-space-block-n6\@xl {
    margin-block-end: 0.262144em !important;
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-start-n6\@xl {
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-end-n6\@xl {
    margin-block-end: 0.262144em !important;
  }
  .u-space-inline-n6\@xl {
    margin-inline-end: 0.262144em !important;
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-start-n6\@xl {
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-end-n6\@xl {
    margin-inline-end: 0.262144em !important;
  }
  .u-space-n5\@xl {
    margin: 0.32768em !important;
  }
  .u-space-block-n5\@xl {
    margin-block-end: 0.32768em !important;
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-start-n5\@xl {
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-end-n5\@xl {
    margin-block-end: 0.32768em !important;
  }
  .u-space-inline-n5\@xl {
    margin-inline-end: 0.32768em !important;
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-start-n5\@xl {
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-end-n5\@xl {
    margin-inline-end: 0.32768em !important;
  }
  .u-space-n4\@xl {
    margin: 0.4096em !important;
  }
  .u-space-block-n4\@xl {
    margin-block-end: 0.4096em !important;
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-start-n4\@xl {
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-end-n4\@xl {
    margin-block-end: 0.4096em !important;
  }
  .u-space-inline-n4\@xl {
    margin-inline-end: 0.4096em !important;
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-start-n4\@xl {
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-end-n4\@xl {
    margin-inline-end: 0.4096em !important;
  }
  .u-space-n3\@xl {
    margin: 0.512em !important;
  }
  .u-space-block-n3\@xl {
    margin-block-end: 0.512em !important;
    margin-block-start: 0.512em !important;
  }
  .u-space-block-start-n3\@xl {
    margin-block-start: 0.512em !important;
  }
  .u-space-block-end-n3\@xl {
    margin-block-end: 0.512em !important;
  }
  .u-space-inline-n3\@xl {
    margin-inline-end: 0.512em !important;
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-start-n3\@xl {
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-end-n3\@xl {
    margin-inline-end: 0.512em !important;
  }
  .u-space-n2\@xl {
    margin: 0.64em !important;
  }
  .u-space-block-n2\@xl {
    margin-block-end: 0.64em !important;
    margin-block-start: 0.64em !important;
  }
  .u-space-block-start-n2\@xl {
    margin-block-start: 0.64em !important;
  }
  .u-space-block-end-n2\@xl {
    margin-block-end: 0.64em !important;
  }
  .u-space-inline-n2\@xl {
    margin-inline-end: 0.64em !important;
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-start-n2\@xl {
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-end-n2\@xl {
    margin-inline-end: 0.64em !important;
  }
  .u-space-n1\@xl {
    margin: 0.8em !important;
  }
  .u-space-block-n1\@xl {
    margin-block-end: 0.8em !important;
    margin-block-start: 0.8em !important;
  }
  .u-space-block-start-n1\@xl {
    margin-block-start: 0.8em !important;
  }
  .u-space-block-end-n1\@xl {
    margin-block-end: 0.8em !important;
  }
  .u-space-inline-n1\@xl {
    margin-inline-end: 0.8em !important;
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-start-n1\@xl {
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-end-n1\@xl {
    margin-inline-end: 0.8em !important;
  }
  .u-space-0\@xl {
    margin: 1em !important;
  }
  .u-space-block-0\@xl {
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
  }
  .u-space-block-start-0\@xl {
    margin-block-start: 1em !important;
  }
  .u-space-block-end-0\@xl {
    margin-block-end: 1em !important;
  }
  .u-space-inline-0\@xl {
    margin-inline-end: 1em !important;
    margin-inline-start: 1em !important;
  }
  .u-space-inline-start-0\@xl {
    margin-inline-start: 1em !important;
  }
  .u-space-inline-end-0\@xl {
    margin-inline-end: 1em !important;
  }
  .u-space-1\@xl {
    margin: 1.25em !important;
  }
  .u-space-block-1\@xl {
    margin-block-end: 1.25em !important;
    margin-block-start: 1.25em !important;
  }
  .u-space-block-start-1\@xl {
    margin-block-start: 1.25em !important;
  }
  .u-space-block-end-1\@xl {
    margin-block-end: 1.25em !important;
  }
  .u-space-inline-1\@xl {
    margin-inline-end: 1.25em !important;
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-start-1\@xl {
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-end-1\@xl {
    margin-inline-end: 1.25em !important;
  }
  .u-space-2\@xl {
    margin: 1.5625em !important;
  }
  .u-space-block-2\@xl {
    margin-block-end: 1.5625em !important;
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-start-2\@xl {
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-end-2\@xl {
    margin-block-end: 1.5625em !important;
  }
  .u-space-inline-2\@xl {
    margin-inline-end: 1.5625em !important;
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-start-2\@xl {
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-end-2\@xl {
    margin-inline-end: 1.5625em !important;
  }
  .u-space-3\@xl {
    margin: 1.953125em !important;
  }
  .u-space-block-3\@xl {
    margin-block-end: 1.953125em !important;
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-start-3\@xl {
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-end-3\@xl {
    margin-block-end: 1.953125em !important;
  }
  .u-space-inline-3\@xl {
    margin-inline-end: 1.953125em !important;
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-start-3\@xl {
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-end-3\@xl {
    margin-inline-end: 1.953125em !important;
  }
  .u-space-4\@xl {
    margin: 2.44140625em !important;
  }
  .u-space-block-4\@xl {
    margin-block-end: 2.44140625em !important;
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-start-4\@xl {
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-end-4\@xl {
    margin-block-end: 2.44140625em !important;
  }
  .u-space-inline-4\@xl {
    margin-inline-end: 2.44140625em !important;
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-start-4\@xl {
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-end-4\@xl {
    margin-inline-end: 2.44140625em !important;
  }
  .u-space-5\@xl {
    margin: 3.0517578125em !important;
  }
  .u-space-block-5\@xl {
    margin-block-end: 3.0517578125em !important;
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-start-5\@xl {
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-end-5\@xl {
    margin-block-end: 3.0517578125em !important;
  }
  .u-space-inline-5\@xl {
    margin-inline-end: 3.0517578125em !important;
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-start-5\@xl {
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-end-5\@xl {
    margin-inline-end: 3.0517578125em !important;
  }
  .u-space-6\@xl {
    margin: 3.8146972656em !important;
  }
  .u-space-block-6\@xl {
    margin-block-end: 3.8146972656em !important;
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-start-6\@xl {
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-end-6\@xl {
    margin-block-end: 3.8146972656em !important;
  }
  .u-space-inline-6\@xl {
    margin-inline-end: 3.8146972656em !important;
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-start-6\@xl {
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-end-6\@xl {
    margin-inline-end: 3.8146972656em !important;
  }
  .u-space-7\@xl {
    margin: 4.768371582em !important;
  }
  .u-space-block-7\@xl {
    margin-block-end: 4.768371582em !important;
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-start-7\@xl {
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-end-7\@xl {
    margin-block-end: 4.768371582em !important;
  }
  .u-space-inline-7\@xl {
    margin-inline-end: 4.768371582em !important;
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-start-7\@xl {
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-end-7\@xl {
    margin-inline-end: 4.768371582em !important;
  }
  .u-space-8\@xl {
    margin: 5.9604644775em !important;
  }
  .u-space-block-8\@xl {
    margin-block-end: 5.9604644775em !important;
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-start-8\@xl {
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-end-8\@xl {
    margin-block-end: 5.9604644775em !important;
  }
  .u-space-inline-8\@xl {
    margin-inline-end: 5.9604644775em !important;
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-start-8\@xl {
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-end-8\@xl {
    margin-inline-end: 5.9604644775em !important;
  }
  .u-space-9\@xl {
    margin: 7.4505805969em !important;
  }
  .u-space-block-9\@xl {
    margin-block-end: 7.4505805969em !important;
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-start-9\@xl {
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-end-9\@xl {
    margin-block-end: 7.4505805969em !important;
  }
  .u-space-inline-9\@xl {
    margin-inline-end: 7.4505805969em !important;
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-start-9\@xl {
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-end-9\@xl {
    margin-inline-end: 7.4505805969em !important;
  }
  .u-space-10\@xl {
    margin: 9.3132257462em !important;
  }
  .u-space-block-10\@xl {
    margin-block-end: 9.3132257462em !important;
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-start-10\@xl {
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-end-10\@xl {
    margin-block-end: 9.3132257462em !important;
  }
  .u-space-inline-10\@xl {
    margin-inline-end: 9.3132257462em !important;
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-start-10\@xl {
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-end-10\@xl {
    margin-inline-end: 9.3132257462em !important;
  }
  .u-space-none\@xl {
    margin: 0 !important;
  }
  .u-space-block-none\@xl {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-space-block-start-none\@xl {
    margin-block-start: 0 !important;
  }
  .u-space-block-end-none\@xl {
    margin-block-end: 0 !important;
  }
  .u-space-inline-none\@xl {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-space-inline-start-none\@xl {
    margin-inline-start: 0 !important;
  }
  .u-space-inline-end-none\@xl {
    margin-inline-end: 0 !important;
  }
  .u-pull-auto\@xl {
    margin: auto !important;
  }
  .u-pull-block-auto\@xl {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-pull-block-start-auto\@xl {
    margin-block-start: auto !important;
  }
  .u-pull-block-end-auto\@xl {
    margin-block-end: auto !important;
  }
  .u-pull-inline-auto\@xl {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-pull-inline-start-auto\@xl {
    margin-inline-start: auto !important;
  }
  .u-pull-inline-end-auto\@xl {
    margin-inline-end: auto !important;
  }
  .u-pull-n6\@xl {
    margin: -0.262144em !important;
  }
  .u-pull-block-n6\@xl {
    margin-block-end: -0.262144em !important;
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-start-n6\@xl {
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-end-n6\@xl {
    margin-block-end: -0.262144em !important;
  }
  .u-pull-inline-n6\@xl {
    margin-inline-end: -0.262144em !important;
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-start-n6\@xl {
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-end-n6\@xl {
    margin-inline-end: -0.262144em !important;
  }
  .u-pull-n5\@xl {
    margin: -0.32768em !important;
  }
  .u-pull-block-n5\@xl {
    margin-block-end: -0.32768em !important;
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-start-n5\@xl {
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-end-n5\@xl {
    margin-block-end: -0.32768em !important;
  }
  .u-pull-inline-n5\@xl {
    margin-inline-end: -0.32768em !important;
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-start-n5\@xl {
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-end-n5\@xl {
    margin-inline-end: -0.32768em !important;
  }
  .u-pull-n4\@xl {
    margin: -0.4096em !important;
  }
  .u-pull-block-n4\@xl {
    margin-block-end: -0.4096em !important;
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-start-n4\@xl {
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-end-n4\@xl {
    margin-block-end: -0.4096em !important;
  }
  .u-pull-inline-n4\@xl {
    margin-inline-end: -0.4096em !important;
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-start-n4\@xl {
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-end-n4\@xl {
    margin-inline-end: -0.4096em !important;
  }
  .u-pull-n3\@xl {
    margin: -0.512em !important;
  }
  .u-pull-block-n3\@xl {
    margin-block-end: -0.512em !important;
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-start-n3\@xl {
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-end-n3\@xl {
    margin-block-end: -0.512em !important;
  }
  .u-pull-inline-n3\@xl {
    margin-inline-end: -0.512em !important;
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-start-n3\@xl {
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-end-n3\@xl {
    margin-inline-end: -0.512em !important;
  }
  .u-pull-n2\@xl {
    margin: -0.64em !important;
  }
  .u-pull-block-n2\@xl {
    margin-block-end: -0.64em !important;
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-start-n2\@xl {
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-end-n2\@xl {
    margin-block-end: -0.64em !important;
  }
  .u-pull-inline-n2\@xl {
    margin-inline-end: -0.64em !important;
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-start-n2\@xl {
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-end-n2\@xl {
    margin-inline-end: -0.64em !important;
  }
  .u-pull-n1\@xl {
    margin: -0.8em !important;
  }
  .u-pull-block-n1\@xl {
    margin-block-end: -0.8em !important;
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-start-n1\@xl {
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-end-n1\@xl {
    margin-block-end: -0.8em !important;
  }
  .u-pull-inline-n1\@xl {
    margin-inline-end: -0.8em !important;
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-start-n1\@xl {
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-end-n1\@xl {
    margin-inline-end: -0.8em !important;
  }
  .u-pull-0\@xl {
    margin: -1em !important;
  }
  .u-pull-block-0\@xl {
    margin-block-end: -1em !important;
    margin-block-start: -1em !important;
  }
  .u-pull-block-start-0\@xl {
    margin-block-start: -1em !important;
  }
  .u-pull-block-end-0\@xl {
    margin-block-end: -1em !important;
  }
  .u-pull-inline-0\@xl {
    margin-inline-end: -1em !important;
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-start-0\@xl {
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-end-0\@xl {
    margin-inline-end: -1em !important;
  }
  .u-pull-1\@xl {
    margin: -1.25em !important;
  }
  .u-pull-block-1\@xl {
    margin-block-end: -1.25em !important;
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-start-1\@xl {
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-end-1\@xl {
    margin-block-end: -1.25em !important;
  }
  .u-pull-inline-1\@xl {
    margin-inline-end: -1.25em !important;
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-start-1\@xl {
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-end-1\@xl {
    margin-inline-end: -1.25em !important;
  }
  .u-pull-2\@xl {
    margin: -1.5625em !important;
  }
  .u-pull-block-2\@xl {
    margin-block-end: -1.5625em !important;
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-start-2\@xl {
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-end-2\@xl {
    margin-block-end: -1.5625em !important;
  }
  .u-pull-inline-2\@xl {
    margin-inline-end: -1.5625em !important;
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-start-2\@xl {
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-end-2\@xl {
    margin-inline-end: -1.5625em !important;
  }
  .u-pull-3\@xl {
    margin: -1.953125em !important;
  }
  .u-pull-block-3\@xl {
    margin-block-end: -1.953125em !important;
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-start-3\@xl {
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-end-3\@xl {
    margin-block-end: -1.953125em !important;
  }
  .u-pull-inline-3\@xl {
    margin-inline-end: -1.953125em !important;
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-start-3\@xl {
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-end-3\@xl {
    margin-inline-end: -1.953125em !important;
  }
  .u-pull-4\@xl {
    margin: -2.44140625em !important;
  }
  .u-pull-block-4\@xl {
    margin-block-end: -2.44140625em !important;
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-start-4\@xl {
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-end-4\@xl {
    margin-block-end: -2.44140625em !important;
  }
  .u-pull-inline-4\@xl {
    margin-inline-end: -2.44140625em !important;
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-start-4\@xl {
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-end-4\@xl {
    margin-inline-end: -2.44140625em !important;
  }
  .u-pull-5\@xl {
    margin: -3.0517578125em !important;
  }
  .u-pull-block-5\@xl {
    margin-block-end: -3.0517578125em !important;
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-start-5\@xl {
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-end-5\@xl {
    margin-block-end: -3.0517578125em !important;
  }
  .u-pull-inline-5\@xl {
    margin-inline-end: -3.0517578125em !important;
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-start-5\@xl {
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-end-5\@xl {
    margin-inline-end: -3.0517578125em !important;
  }
  .u-pull-6\@xl {
    margin: -3.8146972656em !important;
  }
  .u-pull-block-6\@xl {
    margin-block-end: -3.8146972656em !important;
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-start-6\@xl {
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-end-6\@xl {
    margin-block-end: -3.8146972656em !important;
  }
  .u-pull-inline-6\@xl {
    margin-inline-end: -3.8146972656em !important;
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-start-6\@xl {
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-end-6\@xl {
    margin-inline-end: -3.8146972656em !important;
  }
  .u-pull-7\@xl {
    margin: -4.768371582em !important;
  }
  .u-pull-block-7\@xl {
    margin-block-end: -4.768371582em !important;
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-start-7\@xl {
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-end-7\@xl {
    margin-block-end: -4.768371582em !important;
  }
  .u-pull-inline-7\@xl {
    margin-inline-end: -4.768371582em !important;
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-start-7\@xl {
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-end-7\@xl {
    margin-inline-end: -4.768371582em !important;
  }
  .u-pull-8\@xl {
    margin: -5.9604644775em !important;
  }
  .u-pull-block-8\@xl {
    margin-block-end: -5.9604644775em !important;
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-start-8\@xl {
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-end-8\@xl {
    margin-block-end: -5.9604644775em !important;
  }
  .u-pull-inline-8\@xl {
    margin-inline-end: -5.9604644775em !important;
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-start-8\@xl {
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-end-8\@xl {
    margin-inline-end: -5.9604644775em !important;
  }
  .u-pull-9\@xl {
    margin: -7.4505805969em !important;
  }
  .u-pull-block-9\@xl {
    margin-block-end: -7.4505805969em !important;
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-start-9\@xl {
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-end-9\@xl {
    margin-block-end: -7.4505805969em !important;
  }
  .u-pull-inline-9\@xl {
    margin-inline-end: -7.4505805969em !important;
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-start-9\@xl {
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-end-9\@xl {
    margin-inline-end: -7.4505805969em !important;
  }
  .u-pull-10\@xl {
    margin: -9.3132257462em !important;
  }
  .u-pull-block-10\@xl {
    margin-block-end: -9.3132257462em !important;
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-start-10\@xl {
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-end-10\@xl {
    margin-block-end: -9.3132257462em !important;
  }
  .u-pull-inline-10\@xl {
    margin-inline-end: -9.3132257462em !important;
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-start-10\@xl {
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-end-10\@xl {
    margin-inline-end: -9.3132257462em !important;
  }
  .u-pull-none\@xl {
    margin: 0 !important;
  }
  .u-pull-block-none\@xl {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-pull-block-start-none\@xl {
    margin-block-start: 0 !important;
  }
  .u-pull-block-end-none\@xl {
    margin-block-end: 0 !important;
  }
  .u-pull-inline-none\@xl {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-start-none\@xl {
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-end-none\@xl {
    margin-inline-end: 0 !important;
  }
}
@media (min-width: 84em) {
  .u-pad-n6\@xxl {
    padding: 0.262144em !important;
  }
  .u-pad-block-n6\@xxl {
    padding-block-end: 0.262144em !important;
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-start-n6\@xxl {
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-end-n6\@xxl {
    padding-block-end: 0.262144em !important;
  }
  .u-pad-inline-n6\@xxl {
    padding-inline-end: 0.262144em !important;
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-start-n6\@xxl {
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-end-n6\@xxl {
    padding-inline-end: 0.262144em !important;
  }
  .u-pad-n5\@xxl {
    padding: 0.32768em !important;
  }
  .u-pad-block-n5\@xxl {
    padding-block-end: 0.32768em !important;
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-start-n5\@xxl {
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-end-n5\@xxl {
    padding-block-end: 0.32768em !important;
  }
  .u-pad-inline-n5\@xxl {
    padding-inline-end: 0.32768em !important;
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-start-n5\@xxl {
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-end-n5\@xxl {
    padding-inline-end: 0.32768em !important;
  }
  .u-pad-n4\@xxl {
    padding: 0.4096em !important;
  }
  .u-pad-block-n4\@xxl {
    padding-block-end: 0.4096em !important;
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-start-n4\@xxl {
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-end-n4\@xxl {
    padding-block-end: 0.4096em !important;
  }
  .u-pad-inline-n4\@xxl {
    padding-inline-end: 0.4096em !important;
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-start-n4\@xxl {
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-end-n4\@xxl {
    padding-inline-end: 0.4096em !important;
  }
  .u-pad-n3\@xxl {
    padding: 0.512em !important;
  }
  .u-pad-block-n3\@xxl {
    padding-block-end: 0.512em !important;
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-start-n3\@xxl {
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-end-n3\@xxl {
    padding-block-end: 0.512em !important;
  }
  .u-pad-inline-n3\@xxl {
    padding-inline-end: 0.512em !important;
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-start-n3\@xxl {
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-end-n3\@xxl {
    padding-inline-end: 0.512em !important;
  }
  .u-pad-n2\@xxl {
    padding: 0.64em !important;
  }
  .u-pad-block-n2\@xxl {
    padding-block-end: 0.64em !important;
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-start-n2\@xxl {
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-end-n2\@xxl {
    padding-block-end: 0.64em !important;
  }
  .u-pad-inline-n2\@xxl {
    padding-inline-end: 0.64em !important;
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-start-n2\@xxl {
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-end-n2\@xxl {
    padding-inline-end: 0.64em !important;
  }
  .u-pad-n1\@xxl {
    padding: 0.8em !important;
  }
  .u-pad-block-n1\@xxl {
    padding-block-end: 0.8em !important;
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-start-n1\@xxl {
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-end-n1\@xxl {
    padding-block-end: 0.8em !important;
  }
  .u-pad-inline-n1\@xxl {
    padding-inline-end: 0.8em !important;
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-start-n1\@xxl {
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-end-n1\@xxl {
    padding-inline-end: 0.8em !important;
  }
  .u-pad-0\@xxl {
    padding: 1em !important;
  }
  .u-pad-block-0\@xxl {
    padding-block-end: 1em !important;
    padding-block-start: 1em !important;
  }
  .u-pad-block-start-0\@xxl {
    padding-block-start: 1em !important;
  }
  .u-pad-block-end-0\@xxl {
    padding-block-end: 1em !important;
  }
  .u-pad-inline-0\@xxl {
    padding-inline-end: 1em !important;
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-start-0\@xxl {
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-end-0\@xxl {
    padding-inline-end: 1em !important;
  }
  .u-pad-1\@xxl {
    padding: 1.25em !important;
  }
  .u-pad-block-1\@xxl {
    padding-block-end: 1.25em !important;
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-start-1\@xxl {
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-end-1\@xxl {
    padding-block-end: 1.25em !important;
  }
  .u-pad-inline-1\@xxl {
    padding-inline-end: 1.25em !important;
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-start-1\@xxl {
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-end-1\@xxl {
    padding-inline-end: 1.25em !important;
  }
  .u-pad-2\@xxl {
    padding: 1.5625em !important;
  }
  .u-pad-block-2\@xxl {
    padding-block-end: 1.5625em !important;
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-start-2\@xxl {
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-end-2\@xxl {
    padding-block-end: 1.5625em !important;
  }
  .u-pad-inline-2\@xxl {
    padding-inline-end: 1.5625em !important;
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-start-2\@xxl {
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-end-2\@xxl {
    padding-inline-end: 1.5625em !important;
  }
  .u-pad-3\@xxl {
    padding: 1.953125em !important;
  }
  .u-pad-block-3\@xxl {
    padding-block-end: 1.953125em !important;
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-start-3\@xxl {
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-end-3\@xxl {
    padding-block-end: 1.953125em !important;
  }
  .u-pad-inline-3\@xxl {
    padding-inline-end: 1.953125em !important;
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-start-3\@xxl {
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-end-3\@xxl {
    padding-inline-end: 1.953125em !important;
  }
  .u-pad-4\@xxl {
    padding: 2.44140625em !important;
  }
  .u-pad-block-4\@xxl {
    padding-block-end: 2.44140625em !important;
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-start-4\@xxl {
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-end-4\@xxl {
    padding-block-end: 2.44140625em !important;
  }
  .u-pad-inline-4\@xxl {
    padding-inline-end: 2.44140625em !important;
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-start-4\@xxl {
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-end-4\@xxl {
    padding-inline-end: 2.44140625em !important;
  }
  .u-pad-5\@xxl {
    padding: 3.0517578125em !important;
  }
  .u-pad-block-5\@xxl {
    padding-block-end: 3.0517578125em !important;
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-start-5\@xxl {
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-end-5\@xxl {
    padding-block-end: 3.0517578125em !important;
  }
  .u-pad-inline-5\@xxl {
    padding-inline-end: 3.0517578125em !important;
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-start-5\@xxl {
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-end-5\@xxl {
    padding-inline-end: 3.0517578125em !important;
  }
  .u-pad-6\@xxl {
    padding: 3.8146972656em !important;
  }
  .u-pad-block-6\@xxl {
    padding-block-end: 3.8146972656em !important;
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-start-6\@xxl {
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-end-6\@xxl {
    padding-block-end: 3.8146972656em !important;
  }
  .u-pad-inline-6\@xxl {
    padding-inline-end: 3.8146972656em !important;
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-start-6\@xxl {
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-end-6\@xxl {
    padding-inline-end: 3.8146972656em !important;
  }
  .u-pad-7\@xxl {
    padding: 4.768371582em !important;
  }
  .u-pad-block-7\@xxl {
    padding-block-end: 4.768371582em !important;
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-start-7\@xxl {
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-end-7\@xxl {
    padding-block-end: 4.768371582em !important;
  }
  .u-pad-inline-7\@xxl {
    padding-inline-end: 4.768371582em !important;
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-start-7\@xxl {
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-end-7\@xxl {
    padding-inline-end: 4.768371582em !important;
  }
  .u-pad-8\@xxl {
    padding: 5.9604644775em !important;
  }
  .u-pad-block-8\@xxl {
    padding-block-end: 5.9604644775em !important;
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-start-8\@xxl {
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-end-8\@xxl {
    padding-block-end: 5.9604644775em !important;
  }
  .u-pad-inline-8\@xxl {
    padding-inline-end: 5.9604644775em !important;
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-start-8\@xxl {
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-end-8\@xxl {
    padding-inline-end: 5.9604644775em !important;
  }
  .u-pad-9\@xxl {
    padding: 7.4505805969em !important;
  }
  .u-pad-block-9\@xxl {
    padding-block-end: 7.4505805969em !important;
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-start-9\@xxl {
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-end-9\@xxl {
    padding-block-end: 7.4505805969em !important;
  }
  .u-pad-inline-9\@xxl {
    padding-inline-end: 7.4505805969em !important;
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-start-9\@xxl {
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-end-9\@xxl {
    padding-inline-end: 7.4505805969em !important;
  }
  .u-pad-10\@xxl {
    padding: 9.3132257462em !important;
  }
  .u-pad-block-10\@xxl {
    padding-block-end: 9.3132257462em !important;
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-start-10\@xxl {
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-end-10\@xxl {
    padding-block-end: 9.3132257462em !important;
  }
  .u-pad-inline-10\@xxl {
    padding-inline-end: 9.3132257462em !important;
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-start-10\@xxl {
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-end-10\@xxl {
    padding-inline-end: 9.3132257462em !important;
  }
  .u-pad-none\@xxl {
    padding: 0 !important;
  }
  .u-pad-block-none\@xxl {
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
  }
  .u-pad-block-start-none\@xxl {
    padding-block-start: 0 !important;
  }
  .u-pad-block-end-none\@xxl {
    padding-block-end: 0 !important;
  }
  .u-pad-inline-none\@xxl {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-start-none\@xxl {
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-end-none\@xxl {
    padding-inline-end: 0 !important;
  }
  .u-space-auto\@xxl {
    margin: auto !important;
  }
  .u-space-block-auto\@xxl {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-space-block-start-auto\@xxl {
    margin-block-start: auto !important;
  }
  .u-space-block-end-auto\@xxl {
    margin-block-end: auto !important;
  }
  .u-space-inline-auto\@xxl {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-space-inline-start-auto\@xxl {
    margin-inline-start: auto !important;
  }
  .u-space-inline-end-auto\@xxl {
    margin-inline-end: auto !important;
  }
  .u-space-n6\@xxl {
    margin: 0.262144em !important;
  }
  .u-space-block-n6\@xxl {
    margin-block-end: 0.262144em !important;
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-start-n6\@xxl {
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-end-n6\@xxl {
    margin-block-end: 0.262144em !important;
  }
  .u-space-inline-n6\@xxl {
    margin-inline-end: 0.262144em !important;
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-start-n6\@xxl {
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-end-n6\@xxl {
    margin-inline-end: 0.262144em !important;
  }
  .u-space-n5\@xxl {
    margin: 0.32768em !important;
  }
  .u-space-block-n5\@xxl {
    margin-block-end: 0.32768em !important;
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-start-n5\@xxl {
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-end-n5\@xxl {
    margin-block-end: 0.32768em !important;
  }
  .u-space-inline-n5\@xxl {
    margin-inline-end: 0.32768em !important;
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-start-n5\@xxl {
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-end-n5\@xxl {
    margin-inline-end: 0.32768em !important;
  }
  .u-space-n4\@xxl {
    margin: 0.4096em !important;
  }
  .u-space-block-n4\@xxl {
    margin-block-end: 0.4096em !important;
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-start-n4\@xxl {
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-end-n4\@xxl {
    margin-block-end: 0.4096em !important;
  }
  .u-space-inline-n4\@xxl {
    margin-inline-end: 0.4096em !important;
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-start-n4\@xxl {
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-end-n4\@xxl {
    margin-inline-end: 0.4096em !important;
  }
  .u-space-n3\@xxl {
    margin: 0.512em !important;
  }
  .u-space-block-n3\@xxl {
    margin-block-end: 0.512em !important;
    margin-block-start: 0.512em !important;
  }
  .u-space-block-start-n3\@xxl {
    margin-block-start: 0.512em !important;
  }
  .u-space-block-end-n3\@xxl {
    margin-block-end: 0.512em !important;
  }
  .u-space-inline-n3\@xxl {
    margin-inline-end: 0.512em !important;
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-start-n3\@xxl {
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-end-n3\@xxl {
    margin-inline-end: 0.512em !important;
  }
  .u-space-n2\@xxl {
    margin: 0.64em !important;
  }
  .u-space-block-n2\@xxl {
    margin-block-end: 0.64em !important;
    margin-block-start: 0.64em !important;
  }
  .u-space-block-start-n2\@xxl {
    margin-block-start: 0.64em !important;
  }
  .u-space-block-end-n2\@xxl {
    margin-block-end: 0.64em !important;
  }
  .u-space-inline-n2\@xxl {
    margin-inline-end: 0.64em !important;
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-start-n2\@xxl {
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-end-n2\@xxl {
    margin-inline-end: 0.64em !important;
  }
  .u-space-n1\@xxl {
    margin: 0.8em !important;
  }
  .u-space-block-n1\@xxl {
    margin-block-end: 0.8em !important;
    margin-block-start: 0.8em !important;
  }
  .u-space-block-start-n1\@xxl {
    margin-block-start: 0.8em !important;
  }
  .u-space-block-end-n1\@xxl {
    margin-block-end: 0.8em !important;
  }
  .u-space-inline-n1\@xxl {
    margin-inline-end: 0.8em !important;
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-start-n1\@xxl {
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-end-n1\@xxl {
    margin-inline-end: 0.8em !important;
  }
  .u-space-0\@xxl {
    margin: 1em !important;
  }
  .u-space-block-0\@xxl {
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
  }
  .u-space-block-start-0\@xxl {
    margin-block-start: 1em !important;
  }
  .u-space-block-end-0\@xxl {
    margin-block-end: 1em !important;
  }
  .u-space-inline-0\@xxl {
    margin-inline-end: 1em !important;
    margin-inline-start: 1em !important;
  }
  .u-space-inline-start-0\@xxl {
    margin-inline-start: 1em !important;
  }
  .u-space-inline-end-0\@xxl {
    margin-inline-end: 1em !important;
  }
  .u-space-1\@xxl {
    margin: 1.25em !important;
  }
  .u-space-block-1\@xxl {
    margin-block-end: 1.25em !important;
    margin-block-start: 1.25em !important;
  }
  .u-space-block-start-1\@xxl {
    margin-block-start: 1.25em !important;
  }
  .u-space-block-end-1\@xxl {
    margin-block-end: 1.25em !important;
  }
  .u-space-inline-1\@xxl {
    margin-inline-end: 1.25em !important;
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-start-1\@xxl {
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-end-1\@xxl {
    margin-inline-end: 1.25em !important;
  }
  .u-space-2\@xxl {
    margin: 1.5625em !important;
  }
  .u-space-block-2\@xxl {
    margin-block-end: 1.5625em !important;
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-start-2\@xxl {
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-end-2\@xxl {
    margin-block-end: 1.5625em !important;
  }
  .u-space-inline-2\@xxl {
    margin-inline-end: 1.5625em !important;
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-start-2\@xxl {
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-end-2\@xxl {
    margin-inline-end: 1.5625em !important;
  }
  .u-space-3\@xxl {
    margin: 1.953125em !important;
  }
  .u-space-block-3\@xxl {
    margin-block-end: 1.953125em !important;
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-start-3\@xxl {
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-end-3\@xxl {
    margin-block-end: 1.953125em !important;
  }
  .u-space-inline-3\@xxl {
    margin-inline-end: 1.953125em !important;
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-start-3\@xxl {
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-end-3\@xxl {
    margin-inline-end: 1.953125em !important;
  }
  .u-space-4\@xxl {
    margin: 2.44140625em !important;
  }
  .u-space-block-4\@xxl {
    margin-block-end: 2.44140625em !important;
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-start-4\@xxl {
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-end-4\@xxl {
    margin-block-end: 2.44140625em !important;
  }
  .u-space-inline-4\@xxl {
    margin-inline-end: 2.44140625em !important;
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-start-4\@xxl {
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-end-4\@xxl {
    margin-inline-end: 2.44140625em !important;
  }
  .u-space-5\@xxl {
    margin: 3.0517578125em !important;
  }
  .u-space-block-5\@xxl {
    margin-block-end: 3.0517578125em !important;
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-start-5\@xxl {
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-end-5\@xxl {
    margin-block-end: 3.0517578125em !important;
  }
  .u-space-inline-5\@xxl {
    margin-inline-end: 3.0517578125em !important;
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-start-5\@xxl {
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-end-5\@xxl {
    margin-inline-end: 3.0517578125em !important;
  }
  .u-space-6\@xxl {
    margin: 3.8146972656em !important;
  }
  .u-space-block-6\@xxl {
    margin-block-end: 3.8146972656em !important;
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-start-6\@xxl {
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-end-6\@xxl {
    margin-block-end: 3.8146972656em !important;
  }
  .u-space-inline-6\@xxl {
    margin-inline-end: 3.8146972656em !important;
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-start-6\@xxl {
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-end-6\@xxl {
    margin-inline-end: 3.8146972656em !important;
  }
  .u-space-7\@xxl {
    margin: 4.768371582em !important;
  }
  .u-space-block-7\@xxl {
    margin-block-end: 4.768371582em !important;
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-start-7\@xxl {
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-end-7\@xxl {
    margin-block-end: 4.768371582em !important;
  }
  .u-space-inline-7\@xxl {
    margin-inline-end: 4.768371582em !important;
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-start-7\@xxl {
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-end-7\@xxl {
    margin-inline-end: 4.768371582em !important;
  }
  .u-space-8\@xxl {
    margin: 5.9604644775em !important;
  }
  .u-space-block-8\@xxl {
    margin-block-end: 5.9604644775em !important;
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-start-8\@xxl {
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-end-8\@xxl {
    margin-block-end: 5.9604644775em !important;
  }
  .u-space-inline-8\@xxl {
    margin-inline-end: 5.9604644775em !important;
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-start-8\@xxl {
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-end-8\@xxl {
    margin-inline-end: 5.9604644775em !important;
  }
  .u-space-9\@xxl {
    margin: 7.4505805969em !important;
  }
  .u-space-block-9\@xxl {
    margin-block-end: 7.4505805969em !important;
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-start-9\@xxl {
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-end-9\@xxl {
    margin-block-end: 7.4505805969em !important;
  }
  .u-space-inline-9\@xxl {
    margin-inline-end: 7.4505805969em !important;
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-start-9\@xxl {
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-end-9\@xxl {
    margin-inline-end: 7.4505805969em !important;
  }
  .u-space-10\@xxl {
    margin: 9.3132257462em !important;
  }
  .u-space-block-10\@xxl {
    margin-block-end: 9.3132257462em !important;
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-start-10\@xxl {
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-end-10\@xxl {
    margin-block-end: 9.3132257462em !important;
  }
  .u-space-inline-10\@xxl {
    margin-inline-end: 9.3132257462em !important;
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-start-10\@xxl {
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-end-10\@xxl {
    margin-inline-end: 9.3132257462em !important;
  }
  .u-space-none\@xxl {
    margin: 0 !important;
  }
  .u-space-block-none\@xxl {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-space-block-start-none\@xxl {
    margin-block-start: 0 !important;
  }
  .u-space-block-end-none\@xxl {
    margin-block-end: 0 !important;
  }
  .u-space-inline-none\@xxl {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-space-inline-start-none\@xxl {
    margin-inline-start: 0 !important;
  }
  .u-space-inline-end-none\@xxl {
    margin-inline-end: 0 !important;
  }
  .u-pull-auto\@xxl {
    margin: auto !important;
  }
  .u-pull-block-auto\@xxl {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-pull-block-start-auto\@xxl {
    margin-block-start: auto !important;
  }
  .u-pull-block-end-auto\@xxl {
    margin-block-end: auto !important;
  }
  .u-pull-inline-auto\@xxl {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-pull-inline-start-auto\@xxl {
    margin-inline-start: auto !important;
  }
  .u-pull-inline-end-auto\@xxl {
    margin-inline-end: auto !important;
  }
  .u-pull-n6\@xxl {
    margin: -0.262144em !important;
  }
  .u-pull-block-n6\@xxl {
    margin-block-end: -0.262144em !important;
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-start-n6\@xxl {
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-end-n6\@xxl {
    margin-block-end: -0.262144em !important;
  }
  .u-pull-inline-n6\@xxl {
    margin-inline-end: -0.262144em !important;
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-start-n6\@xxl {
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-end-n6\@xxl {
    margin-inline-end: -0.262144em !important;
  }
  .u-pull-n5\@xxl {
    margin: -0.32768em !important;
  }
  .u-pull-block-n5\@xxl {
    margin-block-end: -0.32768em !important;
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-start-n5\@xxl {
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-end-n5\@xxl {
    margin-block-end: -0.32768em !important;
  }
  .u-pull-inline-n5\@xxl {
    margin-inline-end: -0.32768em !important;
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-start-n5\@xxl {
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-end-n5\@xxl {
    margin-inline-end: -0.32768em !important;
  }
  .u-pull-n4\@xxl {
    margin: -0.4096em !important;
  }
  .u-pull-block-n4\@xxl {
    margin-block-end: -0.4096em !important;
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-start-n4\@xxl {
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-end-n4\@xxl {
    margin-block-end: -0.4096em !important;
  }
  .u-pull-inline-n4\@xxl {
    margin-inline-end: -0.4096em !important;
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-start-n4\@xxl {
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-end-n4\@xxl {
    margin-inline-end: -0.4096em !important;
  }
  .u-pull-n3\@xxl {
    margin: -0.512em !important;
  }
  .u-pull-block-n3\@xxl {
    margin-block-end: -0.512em !important;
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-start-n3\@xxl {
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-end-n3\@xxl {
    margin-block-end: -0.512em !important;
  }
  .u-pull-inline-n3\@xxl {
    margin-inline-end: -0.512em !important;
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-start-n3\@xxl {
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-end-n3\@xxl {
    margin-inline-end: -0.512em !important;
  }
  .u-pull-n2\@xxl {
    margin: -0.64em !important;
  }
  .u-pull-block-n2\@xxl {
    margin-block-end: -0.64em !important;
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-start-n2\@xxl {
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-end-n2\@xxl {
    margin-block-end: -0.64em !important;
  }
  .u-pull-inline-n2\@xxl {
    margin-inline-end: -0.64em !important;
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-start-n2\@xxl {
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-end-n2\@xxl {
    margin-inline-end: -0.64em !important;
  }
  .u-pull-n1\@xxl {
    margin: -0.8em !important;
  }
  .u-pull-block-n1\@xxl {
    margin-block-end: -0.8em !important;
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-start-n1\@xxl {
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-end-n1\@xxl {
    margin-block-end: -0.8em !important;
  }
  .u-pull-inline-n1\@xxl {
    margin-inline-end: -0.8em !important;
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-start-n1\@xxl {
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-end-n1\@xxl {
    margin-inline-end: -0.8em !important;
  }
  .u-pull-0\@xxl {
    margin: -1em !important;
  }
  .u-pull-block-0\@xxl {
    margin-block-end: -1em !important;
    margin-block-start: -1em !important;
  }
  .u-pull-block-start-0\@xxl {
    margin-block-start: -1em !important;
  }
  .u-pull-block-end-0\@xxl {
    margin-block-end: -1em !important;
  }
  .u-pull-inline-0\@xxl {
    margin-inline-end: -1em !important;
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-start-0\@xxl {
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-end-0\@xxl {
    margin-inline-end: -1em !important;
  }
  .u-pull-1\@xxl {
    margin: -1.25em !important;
  }
  .u-pull-block-1\@xxl {
    margin-block-end: -1.25em !important;
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-start-1\@xxl {
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-end-1\@xxl {
    margin-block-end: -1.25em !important;
  }
  .u-pull-inline-1\@xxl {
    margin-inline-end: -1.25em !important;
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-start-1\@xxl {
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-end-1\@xxl {
    margin-inline-end: -1.25em !important;
  }
  .u-pull-2\@xxl {
    margin: -1.5625em !important;
  }
  .u-pull-block-2\@xxl {
    margin-block-end: -1.5625em !important;
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-start-2\@xxl {
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-end-2\@xxl {
    margin-block-end: -1.5625em !important;
  }
  .u-pull-inline-2\@xxl {
    margin-inline-end: -1.5625em !important;
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-start-2\@xxl {
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-end-2\@xxl {
    margin-inline-end: -1.5625em !important;
  }
  .u-pull-3\@xxl {
    margin: -1.953125em !important;
  }
  .u-pull-block-3\@xxl {
    margin-block-end: -1.953125em !important;
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-start-3\@xxl {
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-end-3\@xxl {
    margin-block-end: -1.953125em !important;
  }
  .u-pull-inline-3\@xxl {
    margin-inline-end: -1.953125em !important;
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-start-3\@xxl {
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-end-3\@xxl {
    margin-inline-end: -1.953125em !important;
  }
  .u-pull-4\@xxl {
    margin: -2.44140625em !important;
  }
  .u-pull-block-4\@xxl {
    margin-block-end: -2.44140625em !important;
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-start-4\@xxl {
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-end-4\@xxl {
    margin-block-end: -2.44140625em !important;
  }
  .u-pull-inline-4\@xxl {
    margin-inline-end: -2.44140625em !important;
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-start-4\@xxl {
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-end-4\@xxl {
    margin-inline-end: -2.44140625em !important;
  }
  .u-pull-5\@xxl {
    margin: -3.0517578125em !important;
  }
  .u-pull-block-5\@xxl {
    margin-block-end: -3.0517578125em !important;
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-start-5\@xxl {
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-end-5\@xxl {
    margin-block-end: -3.0517578125em !important;
  }
  .u-pull-inline-5\@xxl {
    margin-inline-end: -3.0517578125em !important;
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-start-5\@xxl {
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-end-5\@xxl {
    margin-inline-end: -3.0517578125em !important;
  }
  .u-pull-6\@xxl {
    margin: -3.8146972656em !important;
  }
  .u-pull-block-6\@xxl {
    margin-block-end: -3.8146972656em !important;
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-start-6\@xxl {
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-end-6\@xxl {
    margin-block-end: -3.8146972656em !important;
  }
  .u-pull-inline-6\@xxl {
    margin-inline-end: -3.8146972656em !important;
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-start-6\@xxl {
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-end-6\@xxl {
    margin-inline-end: -3.8146972656em !important;
  }
  .u-pull-7\@xxl {
    margin: -4.768371582em !important;
  }
  .u-pull-block-7\@xxl {
    margin-block-end: -4.768371582em !important;
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-start-7\@xxl {
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-end-7\@xxl {
    margin-block-end: -4.768371582em !important;
  }
  .u-pull-inline-7\@xxl {
    margin-inline-end: -4.768371582em !important;
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-start-7\@xxl {
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-end-7\@xxl {
    margin-inline-end: -4.768371582em !important;
  }
  .u-pull-8\@xxl {
    margin: -5.9604644775em !important;
  }
  .u-pull-block-8\@xxl {
    margin-block-end: -5.9604644775em !important;
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-start-8\@xxl {
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-end-8\@xxl {
    margin-block-end: -5.9604644775em !important;
  }
  .u-pull-inline-8\@xxl {
    margin-inline-end: -5.9604644775em !important;
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-start-8\@xxl {
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-end-8\@xxl {
    margin-inline-end: -5.9604644775em !important;
  }
  .u-pull-9\@xxl {
    margin: -7.4505805969em !important;
  }
  .u-pull-block-9\@xxl {
    margin-block-end: -7.4505805969em !important;
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-start-9\@xxl {
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-end-9\@xxl {
    margin-block-end: -7.4505805969em !important;
  }
  .u-pull-inline-9\@xxl {
    margin-inline-end: -7.4505805969em !important;
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-start-9\@xxl {
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-end-9\@xxl {
    margin-inline-end: -7.4505805969em !important;
  }
  .u-pull-10\@xxl {
    margin: -9.3132257462em !important;
  }
  .u-pull-block-10\@xxl {
    margin-block-end: -9.3132257462em !important;
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-start-10\@xxl {
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-end-10\@xxl {
    margin-block-end: -9.3132257462em !important;
  }
  .u-pull-inline-10\@xxl {
    margin-inline-end: -9.3132257462em !important;
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-start-10\@xxl {
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-end-10\@xxl {
    margin-inline-end: -9.3132257462em !important;
  }
  .u-pull-none\@xxl {
    margin: 0 !important;
  }
  .u-pull-block-none\@xxl {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-pull-block-start-none\@xxl {
    margin-block-start: 0 !important;
  }
  .u-pull-block-end-none\@xxl {
    margin-block-end: 0 !important;
  }
  .u-pull-inline-none\@xxl {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-start-none\@xxl {
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-end-none\@xxl {
    margin-inline-end: 0 !important;
  }
}
@media (min-width: 96em) {
  .u-pad-n6\@xxxl {
    padding: 0.262144em !important;
  }
  .u-pad-block-n6\@xxxl {
    padding-block-end: 0.262144em !important;
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-start-n6\@xxxl {
    padding-block-start: 0.262144em !important;
  }
  .u-pad-block-end-n6\@xxxl {
    padding-block-end: 0.262144em !important;
  }
  .u-pad-inline-n6\@xxxl {
    padding-inline-end: 0.262144em !important;
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-start-n6\@xxxl {
    padding-inline-start: 0.262144em !important;
  }
  .u-pad-inline-end-n6\@xxxl {
    padding-inline-end: 0.262144em !important;
  }
  .u-pad-n5\@xxxl {
    padding: 0.32768em !important;
  }
  .u-pad-block-n5\@xxxl {
    padding-block-end: 0.32768em !important;
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-start-n5\@xxxl {
    padding-block-start: 0.32768em !important;
  }
  .u-pad-block-end-n5\@xxxl {
    padding-block-end: 0.32768em !important;
  }
  .u-pad-inline-n5\@xxxl {
    padding-inline-end: 0.32768em !important;
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-start-n5\@xxxl {
    padding-inline-start: 0.32768em !important;
  }
  .u-pad-inline-end-n5\@xxxl {
    padding-inline-end: 0.32768em !important;
  }
  .u-pad-n4\@xxxl {
    padding: 0.4096em !important;
  }
  .u-pad-block-n4\@xxxl {
    padding-block-end: 0.4096em !important;
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-start-n4\@xxxl {
    padding-block-start: 0.4096em !important;
  }
  .u-pad-block-end-n4\@xxxl {
    padding-block-end: 0.4096em !important;
  }
  .u-pad-inline-n4\@xxxl {
    padding-inline-end: 0.4096em !important;
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-start-n4\@xxxl {
    padding-inline-start: 0.4096em !important;
  }
  .u-pad-inline-end-n4\@xxxl {
    padding-inline-end: 0.4096em !important;
  }
  .u-pad-n3\@xxxl {
    padding: 0.512em !important;
  }
  .u-pad-block-n3\@xxxl {
    padding-block-end: 0.512em !important;
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-start-n3\@xxxl {
    padding-block-start: 0.512em !important;
  }
  .u-pad-block-end-n3\@xxxl {
    padding-block-end: 0.512em !important;
  }
  .u-pad-inline-n3\@xxxl {
    padding-inline-end: 0.512em !important;
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-start-n3\@xxxl {
    padding-inline-start: 0.512em !important;
  }
  .u-pad-inline-end-n3\@xxxl {
    padding-inline-end: 0.512em !important;
  }
  .u-pad-n2\@xxxl {
    padding: 0.64em !important;
  }
  .u-pad-block-n2\@xxxl {
    padding-block-end: 0.64em !important;
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-start-n2\@xxxl {
    padding-block-start: 0.64em !important;
  }
  .u-pad-block-end-n2\@xxxl {
    padding-block-end: 0.64em !important;
  }
  .u-pad-inline-n2\@xxxl {
    padding-inline-end: 0.64em !important;
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-start-n2\@xxxl {
    padding-inline-start: 0.64em !important;
  }
  .u-pad-inline-end-n2\@xxxl {
    padding-inline-end: 0.64em !important;
  }
  .u-pad-n1\@xxxl {
    padding: 0.8em !important;
  }
  .u-pad-block-n1\@xxxl {
    padding-block-end: 0.8em !important;
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-start-n1\@xxxl {
    padding-block-start: 0.8em !important;
  }
  .u-pad-block-end-n1\@xxxl {
    padding-block-end: 0.8em !important;
  }
  .u-pad-inline-n1\@xxxl {
    padding-inline-end: 0.8em !important;
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-start-n1\@xxxl {
    padding-inline-start: 0.8em !important;
  }
  .u-pad-inline-end-n1\@xxxl {
    padding-inline-end: 0.8em !important;
  }
  .u-pad-0\@xxxl {
    padding: 1em !important;
  }
  .u-pad-block-0\@xxxl {
    padding-block-end: 1em !important;
    padding-block-start: 1em !important;
  }
  .u-pad-block-start-0\@xxxl {
    padding-block-start: 1em !important;
  }
  .u-pad-block-end-0\@xxxl {
    padding-block-end: 1em !important;
  }
  .u-pad-inline-0\@xxxl {
    padding-inline-end: 1em !important;
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-start-0\@xxxl {
    padding-inline-start: 1em !important;
  }
  .u-pad-inline-end-0\@xxxl {
    padding-inline-end: 1em !important;
  }
  .u-pad-1\@xxxl {
    padding: 1.25em !important;
  }
  .u-pad-block-1\@xxxl {
    padding-block-end: 1.25em !important;
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-start-1\@xxxl {
    padding-block-start: 1.25em !important;
  }
  .u-pad-block-end-1\@xxxl {
    padding-block-end: 1.25em !important;
  }
  .u-pad-inline-1\@xxxl {
    padding-inline-end: 1.25em !important;
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-start-1\@xxxl {
    padding-inline-start: 1.25em !important;
  }
  .u-pad-inline-end-1\@xxxl {
    padding-inline-end: 1.25em !important;
  }
  .u-pad-2\@xxxl {
    padding: 1.5625em !important;
  }
  .u-pad-block-2\@xxxl {
    padding-block-end: 1.5625em !important;
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-start-2\@xxxl {
    padding-block-start: 1.5625em !important;
  }
  .u-pad-block-end-2\@xxxl {
    padding-block-end: 1.5625em !important;
  }
  .u-pad-inline-2\@xxxl {
    padding-inline-end: 1.5625em !important;
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-start-2\@xxxl {
    padding-inline-start: 1.5625em !important;
  }
  .u-pad-inline-end-2\@xxxl {
    padding-inline-end: 1.5625em !important;
  }
  .u-pad-3\@xxxl {
    padding: 1.953125em !important;
  }
  .u-pad-block-3\@xxxl {
    padding-block-end: 1.953125em !important;
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-start-3\@xxxl {
    padding-block-start: 1.953125em !important;
  }
  .u-pad-block-end-3\@xxxl {
    padding-block-end: 1.953125em !important;
  }
  .u-pad-inline-3\@xxxl {
    padding-inline-end: 1.953125em !important;
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-start-3\@xxxl {
    padding-inline-start: 1.953125em !important;
  }
  .u-pad-inline-end-3\@xxxl {
    padding-inline-end: 1.953125em !important;
  }
  .u-pad-4\@xxxl {
    padding: 2.44140625em !important;
  }
  .u-pad-block-4\@xxxl {
    padding-block-end: 2.44140625em !important;
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-start-4\@xxxl {
    padding-block-start: 2.44140625em !important;
  }
  .u-pad-block-end-4\@xxxl {
    padding-block-end: 2.44140625em !important;
  }
  .u-pad-inline-4\@xxxl {
    padding-inline-end: 2.44140625em !important;
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-start-4\@xxxl {
    padding-inline-start: 2.44140625em !important;
  }
  .u-pad-inline-end-4\@xxxl {
    padding-inline-end: 2.44140625em !important;
  }
  .u-pad-5\@xxxl {
    padding: 3.0517578125em !important;
  }
  .u-pad-block-5\@xxxl {
    padding-block-end: 3.0517578125em !important;
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-start-5\@xxxl {
    padding-block-start: 3.0517578125em !important;
  }
  .u-pad-block-end-5\@xxxl {
    padding-block-end: 3.0517578125em !important;
  }
  .u-pad-inline-5\@xxxl {
    padding-inline-end: 3.0517578125em !important;
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-start-5\@xxxl {
    padding-inline-start: 3.0517578125em !important;
  }
  .u-pad-inline-end-5\@xxxl {
    padding-inline-end: 3.0517578125em !important;
  }
  .u-pad-6\@xxxl {
    padding: 3.8146972656em !important;
  }
  .u-pad-block-6\@xxxl {
    padding-block-end: 3.8146972656em !important;
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-start-6\@xxxl {
    padding-block-start: 3.8146972656em !important;
  }
  .u-pad-block-end-6\@xxxl {
    padding-block-end: 3.8146972656em !important;
  }
  .u-pad-inline-6\@xxxl {
    padding-inline-end: 3.8146972656em !important;
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-start-6\@xxxl {
    padding-inline-start: 3.8146972656em !important;
  }
  .u-pad-inline-end-6\@xxxl {
    padding-inline-end: 3.8146972656em !important;
  }
  .u-pad-7\@xxxl {
    padding: 4.768371582em !important;
  }
  .u-pad-block-7\@xxxl {
    padding-block-end: 4.768371582em !important;
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-start-7\@xxxl {
    padding-block-start: 4.768371582em !important;
  }
  .u-pad-block-end-7\@xxxl {
    padding-block-end: 4.768371582em !important;
  }
  .u-pad-inline-7\@xxxl {
    padding-inline-end: 4.768371582em !important;
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-start-7\@xxxl {
    padding-inline-start: 4.768371582em !important;
  }
  .u-pad-inline-end-7\@xxxl {
    padding-inline-end: 4.768371582em !important;
  }
  .u-pad-8\@xxxl {
    padding: 5.9604644775em !important;
  }
  .u-pad-block-8\@xxxl {
    padding-block-end: 5.9604644775em !important;
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-start-8\@xxxl {
    padding-block-start: 5.9604644775em !important;
  }
  .u-pad-block-end-8\@xxxl {
    padding-block-end: 5.9604644775em !important;
  }
  .u-pad-inline-8\@xxxl {
    padding-inline-end: 5.9604644775em !important;
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-start-8\@xxxl {
    padding-inline-start: 5.9604644775em !important;
  }
  .u-pad-inline-end-8\@xxxl {
    padding-inline-end: 5.9604644775em !important;
  }
  .u-pad-9\@xxxl {
    padding: 7.4505805969em !important;
  }
  .u-pad-block-9\@xxxl {
    padding-block-end: 7.4505805969em !important;
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-start-9\@xxxl {
    padding-block-start: 7.4505805969em !important;
  }
  .u-pad-block-end-9\@xxxl {
    padding-block-end: 7.4505805969em !important;
  }
  .u-pad-inline-9\@xxxl {
    padding-inline-end: 7.4505805969em !important;
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-start-9\@xxxl {
    padding-inline-start: 7.4505805969em !important;
  }
  .u-pad-inline-end-9\@xxxl {
    padding-inline-end: 7.4505805969em !important;
  }
  .u-pad-10\@xxxl {
    padding: 9.3132257462em !important;
  }
  .u-pad-block-10\@xxxl {
    padding-block-end: 9.3132257462em !important;
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-start-10\@xxxl {
    padding-block-start: 9.3132257462em !important;
  }
  .u-pad-block-end-10\@xxxl {
    padding-block-end: 9.3132257462em !important;
  }
  .u-pad-inline-10\@xxxl {
    padding-inline-end: 9.3132257462em !important;
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-start-10\@xxxl {
    padding-inline-start: 9.3132257462em !important;
  }
  .u-pad-inline-end-10\@xxxl {
    padding-inline-end: 9.3132257462em !important;
  }
  .u-pad-none\@xxxl {
    padding: 0 !important;
  }
  .u-pad-block-none\@xxxl {
    padding-block-end: 0 !important;
    padding-block-start: 0 !important;
  }
  .u-pad-block-start-none\@xxxl {
    padding-block-start: 0 !important;
  }
  .u-pad-block-end-none\@xxxl {
    padding-block-end: 0 !important;
  }
  .u-pad-inline-none\@xxxl {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-start-none\@xxxl {
    padding-inline-start: 0 !important;
  }
  .u-pad-inline-end-none\@xxxl {
    padding-inline-end: 0 !important;
  }
  .u-space-auto\@xxxl {
    margin: auto !important;
  }
  .u-space-block-auto\@xxxl {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-space-block-start-auto\@xxxl {
    margin-block-start: auto !important;
  }
  .u-space-block-end-auto\@xxxl {
    margin-block-end: auto !important;
  }
  .u-space-inline-auto\@xxxl {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-space-inline-start-auto\@xxxl {
    margin-inline-start: auto !important;
  }
  .u-space-inline-end-auto\@xxxl {
    margin-inline-end: auto !important;
  }
  .u-space-n6\@xxxl {
    margin: 0.262144em !important;
  }
  .u-space-block-n6\@xxxl {
    margin-block-end: 0.262144em !important;
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-start-n6\@xxxl {
    margin-block-start: 0.262144em !important;
  }
  .u-space-block-end-n6\@xxxl {
    margin-block-end: 0.262144em !important;
  }
  .u-space-inline-n6\@xxxl {
    margin-inline-end: 0.262144em !important;
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-start-n6\@xxxl {
    margin-inline-start: 0.262144em !important;
  }
  .u-space-inline-end-n6\@xxxl {
    margin-inline-end: 0.262144em !important;
  }
  .u-space-n5\@xxxl {
    margin: 0.32768em !important;
  }
  .u-space-block-n5\@xxxl {
    margin-block-end: 0.32768em !important;
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-start-n5\@xxxl {
    margin-block-start: 0.32768em !important;
  }
  .u-space-block-end-n5\@xxxl {
    margin-block-end: 0.32768em !important;
  }
  .u-space-inline-n5\@xxxl {
    margin-inline-end: 0.32768em !important;
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-start-n5\@xxxl {
    margin-inline-start: 0.32768em !important;
  }
  .u-space-inline-end-n5\@xxxl {
    margin-inline-end: 0.32768em !important;
  }
  .u-space-n4\@xxxl {
    margin: 0.4096em !important;
  }
  .u-space-block-n4\@xxxl {
    margin-block-end: 0.4096em !important;
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-start-n4\@xxxl {
    margin-block-start: 0.4096em !important;
  }
  .u-space-block-end-n4\@xxxl {
    margin-block-end: 0.4096em !important;
  }
  .u-space-inline-n4\@xxxl {
    margin-inline-end: 0.4096em !important;
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-start-n4\@xxxl {
    margin-inline-start: 0.4096em !important;
  }
  .u-space-inline-end-n4\@xxxl {
    margin-inline-end: 0.4096em !important;
  }
  .u-space-n3\@xxxl {
    margin: 0.512em !important;
  }
  .u-space-block-n3\@xxxl {
    margin-block-end: 0.512em !important;
    margin-block-start: 0.512em !important;
  }
  .u-space-block-start-n3\@xxxl {
    margin-block-start: 0.512em !important;
  }
  .u-space-block-end-n3\@xxxl {
    margin-block-end: 0.512em !important;
  }
  .u-space-inline-n3\@xxxl {
    margin-inline-end: 0.512em !important;
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-start-n3\@xxxl {
    margin-inline-start: 0.512em !important;
  }
  .u-space-inline-end-n3\@xxxl {
    margin-inline-end: 0.512em !important;
  }
  .u-space-n2\@xxxl {
    margin: 0.64em !important;
  }
  .u-space-block-n2\@xxxl {
    margin-block-end: 0.64em !important;
    margin-block-start: 0.64em !important;
  }
  .u-space-block-start-n2\@xxxl {
    margin-block-start: 0.64em !important;
  }
  .u-space-block-end-n2\@xxxl {
    margin-block-end: 0.64em !important;
  }
  .u-space-inline-n2\@xxxl {
    margin-inline-end: 0.64em !important;
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-start-n2\@xxxl {
    margin-inline-start: 0.64em !important;
  }
  .u-space-inline-end-n2\@xxxl {
    margin-inline-end: 0.64em !important;
  }
  .u-space-n1\@xxxl {
    margin: 0.8em !important;
  }
  .u-space-block-n1\@xxxl {
    margin-block-end: 0.8em !important;
    margin-block-start: 0.8em !important;
  }
  .u-space-block-start-n1\@xxxl {
    margin-block-start: 0.8em !important;
  }
  .u-space-block-end-n1\@xxxl {
    margin-block-end: 0.8em !important;
  }
  .u-space-inline-n1\@xxxl {
    margin-inline-end: 0.8em !important;
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-start-n1\@xxxl {
    margin-inline-start: 0.8em !important;
  }
  .u-space-inline-end-n1\@xxxl {
    margin-inline-end: 0.8em !important;
  }
  .u-space-0\@xxxl {
    margin: 1em !important;
  }
  .u-space-block-0\@xxxl {
    margin-block-end: 1em !important;
    margin-block-start: 1em !important;
  }
  .u-space-block-start-0\@xxxl {
    margin-block-start: 1em !important;
  }
  .u-space-block-end-0\@xxxl {
    margin-block-end: 1em !important;
  }
  .u-space-inline-0\@xxxl {
    margin-inline-end: 1em !important;
    margin-inline-start: 1em !important;
  }
  .u-space-inline-start-0\@xxxl {
    margin-inline-start: 1em !important;
  }
  .u-space-inline-end-0\@xxxl {
    margin-inline-end: 1em !important;
  }
  .u-space-1\@xxxl {
    margin: 1.25em !important;
  }
  .u-space-block-1\@xxxl {
    margin-block-end: 1.25em !important;
    margin-block-start: 1.25em !important;
  }
  .u-space-block-start-1\@xxxl {
    margin-block-start: 1.25em !important;
  }
  .u-space-block-end-1\@xxxl {
    margin-block-end: 1.25em !important;
  }
  .u-space-inline-1\@xxxl {
    margin-inline-end: 1.25em !important;
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-start-1\@xxxl {
    margin-inline-start: 1.25em !important;
  }
  .u-space-inline-end-1\@xxxl {
    margin-inline-end: 1.25em !important;
  }
  .u-space-2\@xxxl {
    margin: 1.5625em !important;
  }
  .u-space-block-2\@xxxl {
    margin-block-end: 1.5625em !important;
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-start-2\@xxxl {
    margin-block-start: 1.5625em !important;
  }
  .u-space-block-end-2\@xxxl {
    margin-block-end: 1.5625em !important;
  }
  .u-space-inline-2\@xxxl {
    margin-inline-end: 1.5625em !important;
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-start-2\@xxxl {
    margin-inline-start: 1.5625em !important;
  }
  .u-space-inline-end-2\@xxxl {
    margin-inline-end: 1.5625em !important;
  }
  .u-space-3\@xxxl {
    margin: 1.953125em !important;
  }
  .u-space-block-3\@xxxl {
    margin-block-end: 1.953125em !important;
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-start-3\@xxxl {
    margin-block-start: 1.953125em !important;
  }
  .u-space-block-end-3\@xxxl {
    margin-block-end: 1.953125em !important;
  }
  .u-space-inline-3\@xxxl {
    margin-inline-end: 1.953125em !important;
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-start-3\@xxxl {
    margin-inline-start: 1.953125em !important;
  }
  .u-space-inline-end-3\@xxxl {
    margin-inline-end: 1.953125em !important;
  }
  .u-space-4\@xxxl {
    margin: 2.44140625em !important;
  }
  .u-space-block-4\@xxxl {
    margin-block-end: 2.44140625em !important;
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-start-4\@xxxl {
    margin-block-start: 2.44140625em !important;
  }
  .u-space-block-end-4\@xxxl {
    margin-block-end: 2.44140625em !important;
  }
  .u-space-inline-4\@xxxl {
    margin-inline-end: 2.44140625em !important;
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-start-4\@xxxl {
    margin-inline-start: 2.44140625em !important;
  }
  .u-space-inline-end-4\@xxxl {
    margin-inline-end: 2.44140625em !important;
  }
  .u-space-5\@xxxl {
    margin: 3.0517578125em !important;
  }
  .u-space-block-5\@xxxl {
    margin-block-end: 3.0517578125em !important;
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-start-5\@xxxl {
    margin-block-start: 3.0517578125em !important;
  }
  .u-space-block-end-5\@xxxl {
    margin-block-end: 3.0517578125em !important;
  }
  .u-space-inline-5\@xxxl {
    margin-inline-end: 3.0517578125em !important;
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-start-5\@xxxl {
    margin-inline-start: 3.0517578125em !important;
  }
  .u-space-inline-end-5\@xxxl {
    margin-inline-end: 3.0517578125em !important;
  }
  .u-space-6\@xxxl {
    margin: 3.8146972656em !important;
  }
  .u-space-block-6\@xxxl {
    margin-block-end: 3.8146972656em !important;
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-start-6\@xxxl {
    margin-block-start: 3.8146972656em !important;
  }
  .u-space-block-end-6\@xxxl {
    margin-block-end: 3.8146972656em !important;
  }
  .u-space-inline-6\@xxxl {
    margin-inline-end: 3.8146972656em !important;
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-start-6\@xxxl {
    margin-inline-start: 3.8146972656em !important;
  }
  .u-space-inline-end-6\@xxxl {
    margin-inline-end: 3.8146972656em !important;
  }
  .u-space-7\@xxxl {
    margin: 4.768371582em !important;
  }
  .u-space-block-7\@xxxl {
    margin-block-end: 4.768371582em !important;
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-start-7\@xxxl {
    margin-block-start: 4.768371582em !important;
  }
  .u-space-block-end-7\@xxxl {
    margin-block-end: 4.768371582em !important;
  }
  .u-space-inline-7\@xxxl {
    margin-inline-end: 4.768371582em !important;
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-start-7\@xxxl {
    margin-inline-start: 4.768371582em !important;
  }
  .u-space-inline-end-7\@xxxl {
    margin-inline-end: 4.768371582em !important;
  }
  .u-space-8\@xxxl {
    margin: 5.9604644775em !important;
  }
  .u-space-block-8\@xxxl {
    margin-block-end: 5.9604644775em !important;
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-start-8\@xxxl {
    margin-block-start: 5.9604644775em !important;
  }
  .u-space-block-end-8\@xxxl {
    margin-block-end: 5.9604644775em !important;
  }
  .u-space-inline-8\@xxxl {
    margin-inline-end: 5.9604644775em !important;
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-start-8\@xxxl {
    margin-inline-start: 5.9604644775em !important;
  }
  .u-space-inline-end-8\@xxxl {
    margin-inline-end: 5.9604644775em !important;
  }
  .u-space-9\@xxxl {
    margin: 7.4505805969em !important;
  }
  .u-space-block-9\@xxxl {
    margin-block-end: 7.4505805969em !important;
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-start-9\@xxxl {
    margin-block-start: 7.4505805969em !important;
  }
  .u-space-block-end-9\@xxxl {
    margin-block-end: 7.4505805969em !important;
  }
  .u-space-inline-9\@xxxl {
    margin-inline-end: 7.4505805969em !important;
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-start-9\@xxxl {
    margin-inline-start: 7.4505805969em !important;
  }
  .u-space-inline-end-9\@xxxl {
    margin-inline-end: 7.4505805969em !important;
  }
  .u-space-10\@xxxl {
    margin: 9.3132257462em !important;
  }
  .u-space-block-10\@xxxl {
    margin-block-end: 9.3132257462em !important;
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-start-10\@xxxl {
    margin-block-start: 9.3132257462em !important;
  }
  .u-space-block-end-10\@xxxl {
    margin-block-end: 9.3132257462em !important;
  }
  .u-space-inline-10\@xxxl {
    margin-inline-end: 9.3132257462em !important;
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-start-10\@xxxl {
    margin-inline-start: 9.3132257462em !important;
  }
  .u-space-inline-end-10\@xxxl {
    margin-inline-end: 9.3132257462em !important;
  }
  .u-space-none\@xxxl {
    margin: 0 !important;
  }
  .u-space-block-none\@xxxl {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-space-block-start-none\@xxxl {
    margin-block-start: 0 !important;
  }
  .u-space-block-end-none\@xxxl {
    margin-block-end: 0 !important;
  }
  .u-space-inline-none\@xxxl {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-space-inline-start-none\@xxxl {
    margin-inline-start: 0 !important;
  }
  .u-space-inline-end-none\@xxxl {
    margin-inline-end: 0 !important;
  }
  .u-pull-auto\@xxxl {
    margin: auto !important;
  }
  .u-pull-block-auto\@xxxl {
    margin-block-end: auto !important;
    margin-block-start: auto !important;
  }
  .u-pull-block-start-auto\@xxxl {
    margin-block-start: auto !important;
  }
  .u-pull-block-end-auto\@xxxl {
    margin-block-end: auto !important;
  }
  .u-pull-inline-auto\@xxxl {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important;
  }
  .u-pull-inline-start-auto\@xxxl {
    margin-inline-start: auto !important;
  }
  .u-pull-inline-end-auto\@xxxl {
    margin-inline-end: auto !important;
  }
  .u-pull-n6\@xxxl {
    margin: -0.262144em !important;
  }
  .u-pull-block-n6\@xxxl {
    margin-block-end: -0.262144em !important;
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-start-n6\@xxxl {
    margin-block-start: -0.262144em !important;
  }
  .u-pull-block-end-n6\@xxxl {
    margin-block-end: -0.262144em !important;
  }
  .u-pull-inline-n6\@xxxl {
    margin-inline-end: -0.262144em !important;
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-start-n6\@xxxl {
    margin-inline-start: -0.262144em !important;
  }
  .u-pull-inline-end-n6\@xxxl {
    margin-inline-end: -0.262144em !important;
  }
  .u-pull-n5\@xxxl {
    margin: -0.32768em !important;
  }
  .u-pull-block-n5\@xxxl {
    margin-block-end: -0.32768em !important;
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-start-n5\@xxxl {
    margin-block-start: -0.32768em !important;
  }
  .u-pull-block-end-n5\@xxxl {
    margin-block-end: -0.32768em !important;
  }
  .u-pull-inline-n5\@xxxl {
    margin-inline-end: -0.32768em !important;
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-start-n5\@xxxl {
    margin-inline-start: -0.32768em !important;
  }
  .u-pull-inline-end-n5\@xxxl {
    margin-inline-end: -0.32768em !important;
  }
  .u-pull-n4\@xxxl {
    margin: -0.4096em !important;
  }
  .u-pull-block-n4\@xxxl {
    margin-block-end: -0.4096em !important;
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-start-n4\@xxxl {
    margin-block-start: -0.4096em !important;
  }
  .u-pull-block-end-n4\@xxxl {
    margin-block-end: -0.4096em !important;
  }
  .u-pull-inline-n4\@xxxl {
    margin-inline-end: -0.4096em !important;
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-start-n4\@xxxl {
    margin-inline-start: -0.4096em !important;
  }
  .u-pull-inline-end-n4\@xxxl {
    margin-inline-end: -0.4096em !important;
  }
  .u-pull-n3\@xxxl {
    margin: -0.512em !important;
  }
  .u-pull-block-n3\@xxxl {
    margin-block-end: -0.512em !important;
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-start-n3\@xxxl {
    margin-block-start: -0.512em !important;
  }
  .u-pull-block-end-n3\@xxxl {
    margin-block-end: -0.512em !important;
  }
  .u-pull-inline-n3\@xxxl {
    margin-inline-end: -0.512em !important;
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-start-n3\@xxxl {
    margin-inline-start: -0.512em !important;
  }
  .u-pull-inline-end-n3\@xxxl {
    margin-inline-end: -0.512em !important;
  }
  .u-pull-n2\@xxxl {
    margin: -0.64em !important;
  }
  .u-pull-block-n2\@xxxl {
    margin-block-end: -0.64em !important;
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-start-n2\@xxxl {
    margin-block-start: -0.64em !important;
  }
  .u-pull-block-end-n2\@xxxl {
    margin-block-end: -0.64em !important;
  }
  .u-pull-inline-n2\@xxxl {
    margin-inline-end: -0.64em !important;
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-start-n2\@xxxl {
    margin-inline-start: -0.64em !important;
  }
  .u-pull-inline-end-n2\@xxxl {
    margin-inline-end: -0.64em !important;
  }
  .u-pull-n1\@xxxl {
    margin: -0.8em !important;
  }
  .u-pull-block-n1\@xxxl {
    margin-block-end: -0.8em !important;
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-start-n1\@xxxl {
    margin-block-start: -0.8em !important;
  }
  .u-pull-block-end-n1\@xxxl {
    margin-block-end: -0.8em !important;
  }
  .u-pull-inline-n1\@xxxl {
    margin-inline-end: -0.8em !important;
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-start-n1\@xxxl {
    margin-inline-start: -0.8em !important;
  }
  .u-pull-inline-end-n1\@xxxl {
    margin-inline-end: -0.8em !important;
  }
  .u-pull-0\@xxxl {
    margin: -1em !important;
  }
  .u-pull-block-0\@xxxl {
    margin-block-end: -1em !important;
    margin-block-start: -1em !important;
  }
  .u-pull-block-start-0\@xxxl {
    margin-block-start: -1em !important;
  }
  .u-pull-block-end-0\@xxxl {
    margin-block-end: -1em !important;
  }
  .u-pull-inline-0\@xxxl {
    margin-inline-end: -1em !important;
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-start-0\@xxxl {
    margin-inline-start: -1em !important;
  }
  .u-pull-inline-end-0\@xxxl {
    margin-inline-end: -1em !important;
  }
  .u-pull-1\@xxxl {
    margin: -1.25em !important;
  }
  .u-pull-block-1\@xxxl {
    margin-block-end: -1.25em !important;
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-start-1\@xxxl {
    margin-block-start: -1.25em !important;
  }
  .u-pull-block-end-1\@xxxl {
    margin-block-end: -1.25em !important;
  }
  .u-pull-inline-1\@xxxl {
    margin-inline-end: -1.25em !important;
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-start-1\@xxxl {
    margin-inline-start: -1.25em !important;
  }
  .u-pull-inline-end-1\@xxxl {
    margin-inline-end: -1.25em !important;
  }
  .u-pull-2\@xxxl {
    margin: -1.5625em !important;
  }
  .u-pull-block-2\@xxxl {
    margin-block-end: -1.5625em !important;
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-start-2\@xxxl {
    margin-block-start: -1.5625em !important;
  }
  .u-pull-block-end-2\@xxxl {
    margin-block-end: -1.5625em !important;
  }
  .u-pull-inline-2\@xxxl {
    margin-inline-end: -1.5625em !important;
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-start-2\@xxxl {
    margin-inline-start: -1.5625em !important;
  }
  .u-pull-inline-end-2\@xxxl {
    margin-inline-end: -1.5625em !important;
  }
  .u-pull-3\@xxxl {
    margin: -1.953125em !important;
  }
  .u-pull-block-3\@xxxl {
    margin-block-end: -1.953125em !important;
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-start-3\@xxxl {
    margin-block-start: -1.953125em !important;
  }
  .u-pull-block-end-3\@xxxl {
    margin-block-end: -1.953125em !important;
  }
  .u-pull-inline-3\@xxxl {
    margin-inline-end: -1.953125em !important;
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-start-3\@xxxl {
    margin-inline-start: -1.953125em !important;
  }
  .u-pull-inline-end-3\@xxxl {
    margin-inline-end: -1.953125em !important;
  }
  .u-pull-4\@xxxl {
    margin: -2.44140625em !important;
  }
  .u-pull-block-4\@xxxl {
    margin-block-end: -2.44140625em !important;
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-start-4\@xxxl {
    margin-block-start: -2.44140625em !important;
  }
  .u-pull-block-end-4\@xxxl {
    margin-block-end: -2.44140625em !important;
  }
  .u-pull-inline-4\@xxxl {
    margin-inline-end: -2.44140625em !important;
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-start-4\@xxxl {
    margin-inline-start: -2.44140625em !important;
  }
  .u-pull-inline-end-4\@xxxl {
    margin-inline-end: -2.44140625em !important;
  }
  .u-pull-5\@xxxl {
    margin: -3.0517578125em !important;
  }
  .u-pull-block-5\@xxxl {
    margin-block-end: -3.0517578125em !important;
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-start-5\@xxxl {
    margin-block-start: -3.0517578125em !important;
  }
  .u-pull-block-end-5\@xxxl {
    margin-block-end: -3.0517578125em !important;
  }
  .u-pull-inline-5\@xxxl {
    margin-inline-end: -3.0517578125em !important;
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-start-5\@xxxl {
    margin-inline-start: -3.0517578125em !important;
  }
  .u-pull-inline-end-5\@xxxl {
    margin-inline-end: -3.0517578125em !important;
  }
  .u-pull-6\@xxxl {
    margin: -3.8146972656em !important;
  }
  .u-pull-block-6\@xxxl {
    margin-block-end: -3.8146972656em !important;
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-start-6\@xxxl {
    margin-block-start: -3.8146972656em !important;
  }
  .u-pull-block-end-6\@xxxl {
    margin-block-end: -3.8146972656em !important;
  }
  .u-pull-inline-6\@xxxl {
    margin-inline-end: -3.8146972656em !important;
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-start-6\@xxxl {
    margin-inline-start: -3.8146972656em !important;
  }
  .u-pull-inline-end-6\@xxxl {
    margin-inline-end: -3.8146972656em !important;
  }
  .u-pull-7\@xxxl {
    margin: -4.768371582em !important;
  }
  .u-pull-block-7\@xxxl {
    margin-block-end: -4.768371582em !important;
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-start-7\@xxxl {
    margin-block-start: -4.768371582em !important;
  }
  .u-pull-block-end-7\@xxxl {
    margin-block-end: -4.768371582em !important;
  }
  .u-pull-inline-7\@xxxl {
    margin-inline-end: -4.768371582em !important;
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-start-7\@xxxl {
    margin-inline-start: -4.768371582em !important;
  }
  .u-pull-inline-end-7\@xxxl {
    margin-inline-end: -4.768371582em !important;
  }
  .u-pull-8\@xxxl {
    margin: -5.9604644775em !important;
  }
  .u-pull-block-8\@xxxl {
    margin-block-end: -5.9604644775em !important;
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-start-8\@xxxl {
    margin-block-start: -5.9604644775em !important;
  }
  .u-pull-block-end-8\@xxxl {
    margin-block-end: -5.9604644775em !important;
  }
  .u-pull-inline-8\@xxxl {
    margin-inline-end: -5.9604644775em !important;
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-start-8\@xxxl {
    margin-inline-start: -5.9604644775em !important;
  }
  .u-pull-inline-end-8\@xxxl {
    margin-inline-end: -5.9604644775em !important;
  }
  .u-pull-9\@xxxl {
    margin: -7.4505805969em !important;
  }
  .u-pull-block-9\@xxxl {
    margin-block-end: -7.4505805969em !important;
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-start-9\@xxxl {
    margin-block-start: -7.4505805969em !important;
  }
  .u-pull-block-end-9\@xxxl {
    margin-block-end: -7.4505805969em !important;
  }
  .u-pull-inline-9\@xxxl {
    margin-inline-end: -7.4505805969em !important;
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-start-9\@xxxl {
    margin-inline-start: -7.4505805969em !important;
  }
  .u-pull-inline-end-9\@xxxl {
    margin-inline-end: -7.4505805969em !important;
  }
  .u-pull-10\@xxxl {
    margin: -9.3132257462em !important;
  }
  .u-pull-block-10\@xxxl {
    margin-block-end: -9.3132257462em !important;
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-start-10\@xxxl {
    margin-block-start: -9.3132257462em !important;
  }
  .u-pull-block-end-10\@xxxl {
    margin-block-end: -9.3132257462em !important;
  }
  .u-pull-inline-10\@xxxl {
    margin-inline-end: -9.3132257462em !important;
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-start-10\@xxxl {
    margin-inline-start: -9.3132257462em !important;
  }
  .u-pull-inline-end-10\@xxxl {
    margin-inline-end: -9.3132257462em !important;
  }
  .u-pull-none\@xxxl {
    margin: 0 !important;
  }
  .u-pull-block-none\@xxxl {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
  }
  .u-pull-block-start-none\@xxxl {
    margin-block-start: 0 !important;
  }
  .u-pull-block-end-none\@xxxl {
    margin-block-end: 0 !important;
  }
  .u-pull-inline-none\@xxxl {
    margin-inline-end: 0 !important;
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-start-none\@xxxl {
    margin-inline-start: 0 !important;
  }
  .u-pull-inline-end-none\@xxxl {
    margin-inline-end: 0 !important;
  }
}
.u-text-center {
  text-align: center !important;
}

.u-text-no-wrap {
  white-space: nowrap !important;
}

.u-text-action {
  color: var(--theme-color-text-action) !important;
}

.u-text-big {
  font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
}

.u-text-small {
  font-size: max(16px, 0.8em);
}

.hljs,
.hljs-subst {
  color: rgba(255, 255, 255, 0.85);
}

.hljs-comment,
.hljs-quote,
.hljs-punctuation {
  color: rgba(255, 255, 255, 0.5525);
}

.hljs-name,
.hljs-built_in,
.hljs-variable.language_,
.language-scss .hljs-variable {
  color: #ff80ca;
}

.hljs-keyword,
.hljs-meta,
.hljs-section {
  color: #e98efa;
}

.hljs-attr,
.hljs-params,
.hljs-property,
.hljs-selector-class,
.hljs-template-variable {
  color: #ffad5c;
}

.hljs-literal,
.hljs-selector-tag,
.hljs-symbol,
.hljs-type {
  color: #ff8687;
}

.hljs-meta,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #65f3ee;
}

.hljs-string {
  color: #71f4ae;
}

.hljs-attribute,
.hljs-regexp,
.hljs-template-tag,
.hljs-title,
.hljs-variable {
  color: #8abfff;
}

.hljs-selector-id,
.hljs-title.class_ {
  color: #bbd97d;
}

#mc_embed_signup_scroll > * + * {
  margin-block-start: 1.25em;
  margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
  #mc_embed_signup_scroll > * + h1,
  #mc_embed_signup_scroll > * + h2,
  #mc_embed_signup_scroll > * + h3,
  #mc_embed_signup_scroll > * + h4,
  #mc_embed_signup_scroll > * + h5,
  #mc_embed_signup_scroll > * + h6,
  #mc_embed_signup_scroll > * + [class*=heading] {
    margin-block-start: var(--rhythm-headings, var(--rhythm));
  }
}

#mc_embed_shell .indicates-required {
  color: var(--theme-color-text-muted);
  font-size: 0.8em;
  text-align: end;
}
#mc_embed_shell .indicates-required + * {
  margin-block-start: 0;
}
#mc_embed_shell .mc-field-group {
  display: grid;
  gap: 0.32768em;
}
#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0.85);
  block-size: 2.44140625em;
  border: 0.125rem solid currentColor;
  border-radius: 0.25em;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  font: inherit;
  font-style: normal;
  inline-size: 100%;
  line-height: normal;
  outline: none;
  padding: 0.4096em 0.8em;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.85);
  transition-duration: 0.2s;
  transition-property: background-color, border-color;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: middle;
}
#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]):hover:not(:disabled):not([readonly]) {
  background-color: #ffffff;
  border-color: var(--theme-color-border-input-hover);
}
#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]):focus {
  background-color: #fff;
  box-shadow: 0 0 0 0.25rem #8abfff;
}
#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden])[readonly]:not(:disabled) {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]):disabled {
  background-color: var(--theme-color-background-input-disabled);
  border-color: var(--theme-color-border-input-disabled);
  cursor: not-allowed;
}
#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden])::placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.6);
}
#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden])[type=email], #mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden])[type=text] {
  padding-inline-start: 0;
  text-indent: 0.8em;
}
textarea#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]) {
  block-size: 3.8146972656em;
}
textarea#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden])[rows] {
  block-size: auto;
}
textarea#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]).is-elastic {
  resize: none;
}

select#mc_embed_shell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='rgba(0, 0, 0, 0.85)'%3E %3Cpath d='M17.36,11.17l-4.65,4.66a1,1,0,0,1-1.42,0L6.64,11.17a1,1,0,0,1,.7-1.71h9.32A1,1,0,0,1,17.36,11.17Z'/%3E %3C/svg%3E");
  background-position: right 0.512em center;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-block: 0.2048em;
  padding-inline-end: 1.512em;
}

#mc_embed_shell .button {
  --icon-size: 1.25em;
  align-items: center;
  background: #215cca;
  background: var(--theme-color-background-button-default);
  block-size: 2.44140625em; /* 1 */
  border-color: #183889;
  border-color: var(--theme-color-border-button-default);
  border-radius: 0.25em;
  border-style: solid;
  border-width: 0.125rem;
  color: #ffffff;
  color: var(--theme-color-text-button-default);
  cursor: pointer; /* 2 */
  display: inline-flex;
  font: inherit; /* 3 */
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: normal;
  padding: 0.4096em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  /**
   * Transform, opacity and filter changes are performant and will work across
   * many more stylistic modifiers than specific color shifts.
   */
  /**
   * Loading state
   */
}
#mc_embed_shell .button::-moz-focus-inner {
  border: 0;
}
#mc_embed_shell .button:focus {
  outline: 0;
}
#mc_embed_shell .button:focus-visible {
  box-shadow: 0 0 0 0.25rem #8abfff;
}
#mc_embed_shell .button:hover {
  filter: brightness(110%);
  transform: scale(1.05);
}
#mc_embed_shell .button:active {
  filter: brightness(80%);
  transform: scale(0.95);
}
#mc_embed_shell .button:disabled, #mc_embed_shell .button[aria-disabled=true] {
  cursor: not-allowed;
  filter: grayscale(60%);
  opacity: 0.85;
  transform: none;
}
#mc_embed_shell .button.is-loading {
  /**
   * Display a spinner. Static if the user prefers reduced motion, animated
   * otherwise.
   */
  /**
   * Hide child elements (content, extra). We use this technique because it is
   * performant and will not negate any keyboard events.
   *
   * @link https: //stackoverflow.com/a/34529598
   */
}
#mc_embed_shell .button.is-loading::after {
  animation: 0.6s rotate-clockwise linear infinite;
  block-size: 1.25em;
  border: 0.125rem solid currentColor;
  border-block-start-color: transparent;
  border-radius: 9999px;
  content: "";
  inline-size: 1.25em;
  inset: 0;
  margin: auto;
  position: absolute;
}
@media (prefers-reduced-motion: reduce) {
  #mc_embed_shell .button.is-loading::after {
    animation: none;
    border-block-start-color: currentColor;
    border-style: dashed;
  }
}
#mc_embed_shell .button.is-loading > * {
  opacity: 0;
}
#mc_embed_shell .asterisk {
  color: var(--theme-color-icon-error);
}

.shcb-language {
  block-size: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  inline-size: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

.shcb-wrap-lines, .wp-block-code .shcb-wrap-lines, .wp-block-jetpack-markdown .shcb-wrap-lines, .legacy-post .shcb-wrap-lines {
  white-space: pre-wrap;
}

.shcb-code-table {
  margin-inline: -1.25em;
}
.shcb-code-table, .wp-block-code .shcb-code-table, .wp-block-jetpack-markdown .shcb-code-table, .legacy-post .shcb-code-table {
  display: grid;
}
.wp-block-code .shcb-code-table, .wp-block-jetpack-markdown .shcb-code-table, .legacy-post .shcb-code-table {
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
}

.shcb-line-numbers {
  counter-reset: line;
}

.shcb-loc {
  color: inherit;
  padding-inline: 1.25em;
}
.wp-block-code .shcb-loc, .wp-block-jetpack-markdown .shcb-loc, .legacy-post .shcb-loc {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}
.shcb-line-numbers .shcb-loc {
  counter-increment: line;
  display: flex;
  gap: 2ch;
}
.shcb-line-numbers .shcb-loc::before {
  content: counter(line);
  flex: none;
  min-inline-size: 2ch;
  opacity: 0.65;
  text-align: end;
}

mark.shcb-loc {
  background: #0e1c43;
  filter: contrast(95%) brightness(150%) saturate(133%) hue-rotate(30deg);
}

/**
 * Gutenberg block: Button
 * Applies our pattern library styles to buttons generated via Gutenberg blocks.
 */
.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-block-end: -0.64em;
}

/**
 * 1. Prevent inherited display flex styling from crushing layout
 */
.wp-block-button {
  flex: none; /* 1 */
}
.wp-block-buttons .wp-block-button {
  margin-block-end: 0.64em;
  margin-inline-end: 0.64em;
}
.wp-block-button .wp-block-button__link {
  --icon-size: 1.25em;
  align-items: center;
  background: #215cca;
  background: var(--theme-color-background-button-default);
  block-size: 2.44140625em; /* 1 */
  border-color: #183889;
  border-color: var(--theme-color-border-button-default);
  border-radius: 0.25em;
  border-style: solid;
  border-width: 0.125rem;
  color: #ffffff;
  color: var(--theme-color-text-button-default);
  cursor: pointer; /* 2 */
  display: inline-flex;
  font: inherit; /* 3 */
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: normal;
  padding: 0.4096em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  /**
   * Transform, opacity and filter changes are performant and will work across
   * many more stylistic modifiers than specific color shifts.
   */
  /**
   * Loading state
   */
}
.wp-block-button .wp-block-button__link::-moz-focus-inner {
  border: 0;
}
.wp-block-button .wp-block-button__link:focus {
  outline: 0;
}
.wp-block-button .wp-block-button__link:focus-visible {
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.wp-block-button .wp-block-button__link:hover {
  filter: brightness(110%);
  transform: scale(1.05);
}
.wp-block-button .wp-block-button__link:active {
  filter: brightness(80%);
  transform: scale(0.95);
}
.wp-block-button .wp-block-button__link:disabled, .wp-block-button .wp-block-button__link[aria-disabled=true] {
  cursor: not-allowed;
  filter: grayscale(60%);
  opacity: 0.85;
  transform: none;
}
.wp-block-button .wp-block-button__link.is-loading {
  /**
   * Display a spinner. Static if the user prefers reduced motion, animated
   * otherwise.
   */
  /**
   * Hide child elements (content, extra). We use this technique because it is
   * performant and will not negate any keyboard events.
   *
   * @link https: //stackoverflow.com/a/34529598
   */
}
.wp-block-button .wp-block-button__link.is-loading::after {
  animation: 0.6s rotate-clockwise linear infinite;
  block-size: 1.25em;
  border: 0.125rem solid currentColor;
  border-block-start-color: transparent;
  border-radius: 9999px;
  content: "";
  inline-size: 1.25em;
  inset: 0;
  margin: auto;
  position: absolute;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-button .wp-block-button__link.is-loading::after {
    animation: none;
    border-block-start-color: currentColor;
    border-style: dashed;
  }
}
.wp-block-button .wp-block-button__link.is-loading > * {
  opacity: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: var(--theme-color-background-button-secondary);
  border-color: var(--theme-color-border-button-secondary);
  color: var(--theme-color-text-button-secondary);
}

/**
 * Gutenberg block: File download button
 * Applies our pattern library styles to gutenberg file download blocks.
 */
.wp-block-file {
  /**
   * 1. Prevents stacked file buttons from collapsing on each other.
   */
  /**
   * The following three selectors target a class name _and_ a universal
   * selector (*). This is intentional because the Gutenberg file block can
   * generate two different elements, a file-link and a file-button and we
   * want to style both of them with the same visual appearance and
   * characteristics. We could easily have chosen `:not(.wp-block-file__button)`
   * but opted for less characters.
   *
   * 1. Prevents default WP styling from modifying buttons opacity on hover.
   */
  /**
   * 1. Prevents default WP styling from modifying button text color on hover
   */
  /**
   * 1. Prevents default WP styling from modifying button text color on hover
   */
}
.wp-block-file + .wp-block-file {
  margin-block-start: 0.64em; /* 1 */
}
.wp-block-file .wp-block-file__button,
.wp-block-file * {
  --icon-size: 1.25em;
  align-items: center;
  background: #215cca;
  background: var(--theme-color-background-button-default);
  block-size: 2.44140625em; /* 1 */
  border-color: #183889;
  border-color: var(--theme-color-border-button-default);
  border-radius: 0.25em;
  border-style: solid;
  border-width: 0.125rem;
  color: #ffffff;
  color: var(--theme-color-text-button-default);
  cursor: pointer; /* 2 */
  display: inline-flex;
  font: inherit; /* 3 */
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  line-height: normal;
  padding: 0.4096em 1.25em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  /**
   * Transform, opacity and filter changes are performant and will work across
   * many more stylistic modifiers than specific color shifts.
   */
  /**
   * Loading state
   */
  opacity: inherit !important; /* 1 */
}
.wp-block-file .wp-block-file__button::-moz-focus-inner,
.wp-block-file *::-moz-focus-inner {
  border: 0;
}
.wp-block-file .wp-block-file__button:focus,
.wp-block-file *:focus {
  outline: 0;
}
.wp-block-file .wp-block-file__button:focus-visible,
.wp-block-file *:focus-visible {
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file *:hover {
  filter: brightness(110%);
  transform: scale(1.05);
}
.wp-block-file .wp-block-file__button:active,
.wp-block-file *:active {
  filter: brightness(80%);
  transform: scale(0.95);
}
.wp-block-file .wp-block-file__button:disabled, .wp-block-file .wp-block-file__button[aria-disabled=true],
.wp-block-file *:disabled,
.wp-block-file *[aria-disabled=true] {
  cursor: not-allowed;
  filter: grayscale(60%);
  opacity: 0.85;
  transform: none;
}
.wp-block-file .wp-block-file__button.is-loading,
.wp-block-file *.is-loading {
  /**
   * Display a spinner. Static if the user prefers reduced motion, animated
   * otherwise.
   */
  /**
   * Hide child elements (content, extra). We use this technique because it is
   * performant and will not negate any keyboard events.
   *
   * @link https: //stackoverflow.com/a/34529598
   */
}
.wp-block-file .wp-block-file__button.is-loading::after,
.wp-block-file *.is-loading::after {
  animation: 0.6s rotate-clockwise linear infinite;
  block-size: 1.25em;
  border: 0.125rem solid currentColor;
  border-block-start-color: transparent;
  border-radius: 9999px;
  content: "";
  inline-size: 1.25em;
  inset: 0;
  margin: auto;
  position: absolute;
}
@media (prefers-reduced-motion: reduce) {
  .wp-block-file .wp-block-file__button.is-loading::after,
  .wp-block-file *.is-loading::after {
    animation: none;
    border-block-start-color: currentColor;
    border-style: dashed;
  }
}
.wp-block-file .wp-block-file__button.is-loading > *,
.wp-block-file *.is-loading > * {
  opacity: 0;
}
.wp-block-file.c-button--secondary .wp-block-file__button,
.wp-block-file.c-button--secondary * {
  background-color: var(--theme-color-background-button-secondary);
  border-color: var(--theme-color-border-button-secondary);
  color: var(--theme-color-text-button-secondary);
  color: inherit !important; /* 1 */
}
.wp-block-file.c-button--tertiary .wp-block-file__button,
.wp-block-file.c-button--tertiary * {
  background-color: transparent;
  border-color: transparent;
  color: var(--theme-color-text-button-tertiary);
  color: inherit !important; /* 1 */
}

/**
 * Gutenberg Block: Columns
 *
 * 1. Apply our standard rhythm styles to the contents of Columns.
 */
.wp-block-column > * + * {
  margin-block-start: 1.25em;
  margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
  .wp-block-column > * + h1,
  .wp-block-column > * + h2,
  .wp-block-column > * + h3,
  .wp-block-column > * + h4,
  .wp-block-column > * + h5,
  .wp-block-column > * + h6,
  .wp-block-column > * + [class*=heading] {
    margin-block-start: var(--rhythm-headings, var(--rhythm));
  }
}

/**
 * Gutenberg Block: Code
 * Styles for Gutenberg code blocks (and code inside Markdown blocks)
 *
 * 1. Set inline margins and padding to outdent the block out a bit,
 *    but keep the code aligned with the page content.
 * 2. WordPress tries to wrap lines of code by default, but we prefer
 *    to use overflow to scroll.
 */
.wp-block-code,
.wp-block-jetpack-markdown pre,
.legacy-post pre {
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}
.wp-block-code code,
.wp-block-jetpack-markdown pre code,
.legacy-post pre code {
  white-space: pre;
}

.c-comment pre {
  margin-inline: 0;
  padding-inline: 1.25em;
}

.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper > *,
.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper > picture > img {
  display: block;
  inline-size: 100%;
}
@supports (--custom: property) {
  .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper {
    --aspect-ratio: 1;
    overflow: hidden;
    position: relative;
  }
  .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper::before {
    content: "";
    display: block;
    padding-block-end: calc(100% / (var(--aspect-ratio)));
  }
  .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper > *,
  .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper > picture > img {
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
  }
  .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper > img,
  .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper > picture > img {
    object-fit: cover;
    object-position: center;
  }
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
  --aspect-ratio: 21/9;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper {
  --aspect-ratio: 2;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  --aspect-ratio: 16/9;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
  --aspect-ratio: 4/3;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper {
  --aspect-ratio: 1;
}
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper {
  --aspect-ratio: 9/16;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper {
  --aspect-ratio: 1/2;
}
.wp-block-embed.is-type-video:not(.alignwide):not(.alignfull):not(.aligncenter) {
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
}
.wp-block-embed.is-type-video:not(.aligncenter) figcaption {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}

.wp-block-image {
  position: relative;
}
.wp-block-image,
.wp-block-image figcaption {
  margin-block-end: 0;
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
  margin-block-start: 0;
  max-inline-size: calc(50% - 0.5em);
}
.wp-block-image .aligncenter,
.wp-block-image .aligncenter > figcaption {
  display: block;
}
.wp-block-image.is-style-outlined img {
  border-color: var(--theme-color-border-text-group);
  border-style: solid;
  border-width: 1px;
}

figure.wp-block-image:not(.alignwide):not(.alignfull) {
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
}
figure.wp-block-image figcaption {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}

.wp-block-media-text {
  gap: 1.25em;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
  border-radius: 0.25em;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.wp-block-media-text .wp-block-media-text__content > * + * {
  margin-block-start: 1.25em;
  margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
  .wp-block-media-text .wp-block-media-text__content > * + h1,
  .wp-block-media-text .wp-block-media-text__content > * + h2,
  .wp-block-media-text .wp-block-media-text__content > * + h3,
  .wp-block-media-text .wp-block-media-text__content > * + h4,
  .wp-block-media-text .wp-block-media-text__content > * + h5,
  .wp-block-media-text .wp-block-media-text__content > * + h6,
  .wp-block-media-text .wp-block-media-text__content > * + [class*=heading] {
    margin-block-start: var(--rhythm-headings, var(--rhythm));
  }
}

.wp-block-video:not(.alignwide):not(.alignfull):not(.aligncenter) {
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
}
.wp-block-video:not(.aligncenter) figcaption {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}

.wp-block-group__inner-container > * + * {
  margin-block-start: 1.25em;
  margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
  .wp-block-group__inner-container > * + h1,
  .wp-block-group__inner-container > * + h2,
  .wp-block-group__inner-container > * + h3,
  .wp-block-group__inner-container > * + h4,
  .wp-block-group__inner-container > * + h5,
  .wp-block-group__inner-container > * + h6,
  .wp-block-group__inner-container > * + [class*=heading] {
    margin-block-start: var(--rhythm-headings, var(--rhythm));
  }
}
.wp-block-group__inner-container > .wp-block-image:not(figure):first-child + * {
  margin-block-start: 0;
}

/**
 * Gutenberg block: Table
 * Applies our pattern library styles to tables generated via Gutenberg blocks.
 */
/**
 * Default table
 *
 * Note that this only targets tables in the Table block, the Markdown block,
 * and in legacy post content. If you add a table manually in an HTML block,
 * you should add the `c-table` class, which will apply the same styles.
 */
.wp-block-table table td,
.wp-block-table table th,
.wp-block-jetpack-markdown table td,
.wp-block-jetpack-markdown table th,
.legacy-post table td,
.legacy-post table th,
.c-comment table td,
.c-comment table th {
  padding: 0.512em 0.512em;
}
.wp-block-table table th,
.wp-block-jetpack-markdown table th,
.legacy-post table th,
.c-comment table th {
  font-weight: 600;
}
.wp-block-table table thead,
.wp-block-jetpack-markdown table thead,
.legacy-post table thead,
.c-comment table thead {
  border-block-end: 0.125rem solid #c0cfd8;
}
.wp-block-table table tfoot,
.wp-block-jetpack-markdown table tfoot,
.legacy-post table tfoot,
.c-comment table tfoot {
  border-block-start: 0.125rem solid #c0cfd8;
}
.wp-block-table table caption,
.wp-block-jetpack-markdown table caption,
.legacy-post table caption,
.c-comment table caption {
  caption-side: bottom;
  color: var(--theme-color-table-caption);
  font-size: 0.8em;
  font-style: italic;
  padding: 0.8em 0;
}

.wp-block-table.is-style-stripes {
  border-block-end: 0;
}
.wp-block-table.is-style-stripes tbody tr:nth-of-type(2n - 1) {
  background-color: var(--theme-color-table-striped);
}
.wp-block-table.is-style-ruled tbody tr {
  border-block-end: 0.0625rem solid #c0cfd8;
}
.wp-block-table.is-style-numeric table {
  text-align: end; /* 1 */
}
.wp-block-table.is-style-numeric table td {
  font-variant-numeric: tabular-nums; /* 2 */
}
.wp-block-table.is-style-numeric table [scope=row] {
  text-align: end;
}
.wp-block-table.is-style-numeric table th {
  text-align: end;
}

.wp-block-quote.has-text-align-center cite, .wp-block-quote.has-text-align-right cite,
.wp-block-pullquote.has-text-align-center cite,
.wp-block-pullquote.has-text-align-right cite {
  text-align: end;
}
.wp-block-quote.has-text-align-center cite::before, .wp-block-quote.has-text-align-right cite::before,
.wp-block-pullquote.has-text-align-center cite::before,
.wp-block-pullquote.has-text-align-right cite::before {
  margin-inline-end: 1ch;
  position: static;
}

.wp-block-quote.is-style-plain, .wp-block-quote.has-background, .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-right {
  border-inline-start-width: 0;
  padding-inline-start: 0;
}
.wp-block-quote.is-style-plain {
  color: inherit;
}

.wp-block-pullquote {
  color: var(--theme-color-text-muted);
  font-size: inherit;
  line-height: inherit;
  margin: 1.953125em 0;
  padding: 0;
  /* stylelint-disable-next-line no-duplicate-selectors */
}
.wp-block-pullquote:not([class*=has-text-align]) {
  text-align: inherit;
}
.wp-block-pullquote.alignwide, .wp-block-pullquote.alignfull {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
  max-inline-size: 100%;
}
@media (min-width: 40em) {
  .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
    border-inline-start-width: 0;
    margin: var(--rhythm, 1.25em) 0;
    max-inline-size: 50%;
  }
}
@media (min-width: 40em) {
  .wp-block-pullquote.alignleft {
    float: left;
    margin-inline-end: 1.953125em;
  }
}
@media (min-width: 40em) {
  .wp-block-pullquote.alignright {
    float: right;
    margin-inline-start: 1.953125em;
  }
}
.wp-block-pullquote blockquote {
  border-inline-start-width: 0;
  padding: 0;
}
.wp-block-pullquote p {
  font-size: clamp(1.5625em, calc(
    1.5625em + 0.390625 * ((100vw - 20rem) / 40)
  ), 1.953125em);
  line-height: 1.25;
}
@media (min-width: 40em) {
  .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
    font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
    line-height: 1.25;
  }
}

/**
 * Gutenberg block: Separator
 *
 * The default separator is intended to be partial-width, so we apply those
 * styles selectively here rather than un-applying them to the other modifiers.
 */
.wp-block-separator.is-style-default {
  inline-size: 33.3333333333%;
  margin-inline: auto;
}

.wp-block-jetpack-contact-form > * + *,
.wp-block-jetpack-markdown > * + * {
  margin-block-start: 1.25em;
  margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
  .wp-block-jetpack-contact-form > * + h1,
  .wp-block-jetpack-contact-form > * + h2,
  .wp-block-jetpack-contact-form > * + h3,
  .wp-block-jetpack-contact-form > * + h4,
  .wp-block-jetpack-contact-form > * + h5,
  .wp-block-jetpack-contact-form > * + h6,
  .wp-block-jetpack-contact-form > * + [class*=heading],
  .wp-block-jetpack-markdown > * + h1,
  .wp-block-jetpack-markdown > * + h2,
  .wp-block-jetpack-markdown > * + h3,
  .wp-block-jetpack-markdown > * + h4,
  .wp-block-jetpack-markdown > * + h5,
  .wp-block-jetpack-markdown > * + h6,
  .wp-block-jetpack-markdown > * + [class*=heading] {
    margin-block-start: var(--rhythm-headings, var(--rhythm));
  }
}

.wp-block-jetpack-contact-form {
  padding: 0 !important;
}

.wp-block-jetpack-contact-form > .wp-block-jetpack-contact-form {
  margin-block-start: 0;
}

.grunion-field:not([type=checkbox]):not([type=radio]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0.85);
  block-size: 2.44140625em;
  border: 0.125rem solid currentColor;
  border-radius: 0.25em;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  font: inherit;
  font-style: normal;
  inline-size: 100%;
  line-height: normal;
  outline: none;
  padding: 0.4096em 0.8em;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.85);
  transition-duration: 0.2s;
  transition-property: background-color, border-color;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: middle;
}
.grunion-field:not([type=checkbox]):not([type=radio]):hover:not(:disabled):not([readonly]) {
  background-color: #ffffff;
  border-color: var(--theme-color-border-input-hover);
}
.grunion-field:not([type=checkbox]):not([type=radio]):focus {
  background-color: #fff;
  box-shadow: 0 0 0 0.25rem #8abfff;
}
.grunion-field:not([type=checkbox]):not([type=radio])[readonly]:not(:disabled) {
  background-color: transparent;
  border-color: transparent;
  color: inherit;
}
.grunion-field:not([type=checkbox]):not([type=radio]):disabled {
  background-color: var(--theme-color-background-input-disabled);
  border-color: var(--theme-color-border-input-disabled);
  cursor: not-allowed;
}
.grunion-field:not([type=checkbox]):not([type=radio])::placeholder {
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.6);
}
.grunion-field:not([type=checkbox]):not([type=radio])[type=email], .grunion-field:not([type=checkbox]):not([type=radio])[type=text] {
  padding-inline-start: 0;
  text-indent: 0.8em;
}
textarea.grunion-field:not([type=checkbox]):not([type=radio]) {
  block-size: 3.8146972656em;
}
textarea.grunion-field:not([type=checkbox]):not([type=radio])[rows] {
  block-size: auto;
}
textarea.grunion-field:not([type=checkbox]):not([type=radio]).is-elastic {
  resize: none;
}

select.grunion-field:not([type=checkbox]):not([type=radio]) {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='rgba(0, 0, 0, 0.85)'%3E %3Cpath d='M17.36,11.17l-4.65,4.66a1,1,0,0,1-1.42,0L6.64,11.17a1,1,0,0,1,.7-1.71h9.32A1,1,0,0,1,17.36,11.17Z'/%3E %3C/svg%3E");
  background-position: right 0.512em center;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-block: 0.2048em;
  padding-inline-end: 1.512em;
}

@supports (-moz-appearance: none) or (-webkit-appearance: none) or (appearance: none) {
  .grunion-field[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(255, 255, 255, 0.85);
    block-size: 1.5625em;
    border: 0.125rem solid currentColor;
    border-radius: 0.25em;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    flex: none;
    font: inherit;
    inline-size: 1.5625em;
    padding: 0;
    position: relative;
    transition-duration: 0.2s;
    transition-property: background-color, border-color, color;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    vertical-align: middle;
  }
  .grunion-field[type=checkbox]::-moz-focus-inner {
    border: 0;
  }
  .grunion-field[type=checkbox]:focus {
    outline: 0;
  }
  .grunion-field[type=checkbox]:focus-visible {
    box-shadow: 0 0 0 0.25rem #8abfff;
  }
  .grunion-field[type=checkbox]::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23ffffff'%3E %3Cpolyline points='4 12 9.08 18 20 6' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    inset: 0.125rem;
    opacity: 0;
    position: absolute;
    transform: scale(0);
    transition-duration: 0.2s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .grunion-field[type=checkbox]:hover {
    background-color: #ffffff;
    color: var(--theme-color-text-checkbox-hover);
  }
  .grunion-field[type=checkbox]:checked {
    background-color: currentColor;
  }
  .grunion-field[type=checkbox]:checked::after {
    opacity: 1;
    transform: scale(1);
  }
  .grunion-field[type=checkbox]:checked:hover {
    color: var(--theme-color-text-checkbox-checked-hover);
  }
  .grunion-field[type=checkbox]:disabled {
    background-color: transparent;
    border-style: dashed;
    color: var(--theme-color-text-checkbox-disabled);
    cursor: not-allowed;
  }
  .grunion-field[type=checkbox]:disabled::after, .t-light .grunion-field[type=checkbox]:disabled::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23485968'%3E %3Cpolyline points='4 12 9.08 18 20 6' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3C/svg%3E");
  }
  .t-dark .grunion-field[type=checkbox]:disabled::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 0.85)'%3E %3Cpolyline points='4 12 9.08 18 20 6' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3C/svg%3E");
  }
  .grunion-field[type=checkbox]:disabled:checked {
    border-color: transparent;
  }
}

.grunion-field-wrap,
.grunion-checkbox-multiple-options,
.grunion-radio-options {
  display: grid;
  gap: 0.32768em;
}

.grunion-field-label > span {
  color: var(--theme-color-text-muted);
  margin-inline-start: 1ch;
}

.grunion-field-label.checkbox,
.grunion-checkbox-multiple-label,
.grunion-radio-label {
  display: grid;
  gap: 1ch;
  grid-template-columns: auto 1fr;
}

.grunion-field-consent-wrap {
  border-radius: clamp(
    0px,
    ((100vw - 0.25em) - 100%) * 9999,
    0.5em
  );
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
  background-color: var(--theme-color-background-secondary);
  display: block;
  padding-block: 1.25em;
}

.wp-block-jetpack-contact-form-container .contact-form-submission {
  contain: layout;
}
.wp-block-jetpack-contact-form-container .contact-form-submission .go-back-message .link {
  align-items: center;
  display: inline-flex;
  font-weight: 600;
  gap: 1ch;
  position: relative;
  text-decoration: none;
}
.wp-block-jetpack-contact-form-container .contact-form-submission .go-back-message .link::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  block-size: 1em;
  content: "";
  inline-size: 1em;
}
.wp-block-jetpack-contact-form-container .contact-form-submission .go-back-message .link::before, .t-light .wp-block-jetpack-contact-form-container .contact-form-submission .go-back-message .link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='%23215cca'%3E %3Cpolyline points='9 19 2 12 9 5' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3Cline x1='4' y1='12' x2='22' y2='12' fill='none' stroke-linecap='round' stroke-width='3'/%3E %3C/svg%3E");
}
.t-dark .wp-block-jetpack-contact-form-container .contact-form-submission .go-back-message .link::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke='rgba(255, 255, 255, 0.85)'%3E %3Cpolyline points='9 19 2 12 9 5' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E %3Cline x1='4' y1='12' x2='22' y2='12' fill='none' stroke-linecap='round' stroke-width='3'/%3E %3C/svg%3E");
}
.wp-block-jetpack-contact-form-container .contact-form-submission h4 {
  font-size: clamp(1.25em, calc(
    1.25em + 0.3125 * ((100vw - 20rem) / 40)
  ), 1.5625em);
  line-height: 1.25;
  font-weight: 700;
  margin-block-start: var(--rhythm, 1.25em);
}
.wp-block-jetpack-contact-form-container .contact-form-submission h4:not(:last-child) {
  margin-block-end: 1.25rem;
}
.wp-block-jetpack-contact-form-container .contact-form-submission p:empty {
  display: none;
}
.wp-block-jetpack-contact-form-container .contact-form-submission .field-name,
.wp-block-jetpack-contact-form-container .contact-form-submission .field-value {
  float: left;
}
.wp-block-jetpack-contact-form-container .contact-form-submission .field-name {
  clear: left;
  font-weight: 500;
  margin-inline-end: 1ch;
}
.wp-block-jetpack-contact-form-container .contact-form-submission .field-name:has(+ .field-value:empty) {
  display: none;
}
.wp-block-jetpack-contact-form-container .contact-form-submission .field-value {
  color: var(--theme-color-text-muted);
}
.wp-block-jetpack-contact-form-container .contact-form-submission .field-value:empty {
  clear: left;
  float: none;
}
@supports selector(:has(+ :empty)) {
  .wp-block-jetpack-contact-form-container .contact-form-submission .field-value:empty {
    display: none;
  }
}
.wp-block-jetpack-contact-form-container .contact-form-submission .field-value:not(:last-of-type) {
  margin-block-end: var(--rhythm, 1.25em);
}

.alignfull {
  margin-inline: calc(-50vw + 50%);
}

.alignwide {
  margin-inline: max(-50vw + 50%, -16em);
}

.has-background {
  border-radius: clamp(
    0px,
    ((100vw - 0.25em) - 100%) * 9999,
    0.5em
  );
}
.has-background:not(.alignfull):not(.alignwide):not(.aligncenter) {
  margin-inline: clamp(-3.0517578125rem, calc(
    -1.25rem + -1.8017578125 * ((100vw - 30rem) / 42)
  ), -1.25rem);
}

p.has-background,
.wp-block-group.has-background,
.wp-block-media-text.has-background,
.wp-block-quote.has-background {
  padding: 1.25em;
}
p.has-background:not(.aligncenter),
.wp-block-group.has-background:not(.aligncenter),
.wp-block-media-text.has-background:not(.aligncenter),
.wp-block-quote.has-background:not(.aligncenter) {
  padding-inline: clamp(1.25rem, calc(
    1.25rem + 1.8017578125 * ((100vw - 30rem) / 42)
  ), 3.0517578125rem);
}

.has-blue-lighter-background-color {
  background-color: #8abfff;
}

.has-blue-lighter-color {
  color: #8abfff;
}

.has-blue-light-background-color {
  background-color: #3d84f5;
}

.has-blue-light-color {
  color: #3d84f5;
}

.has-blue-background-color {
  background-color: #215cca;
}

.has-blue-color {
  color: #215cca;
}

.has-blue-dark-background-color {
  background-color: #183889;
}

.has-blue-dark-color {
  color: #183889;
}

.has-blue-darker-background-color {
  background-color: #0e1c43;
}

.has-blue-darker-color {
  color: #0e1c43;
}

.has-green-lighter-background-color {
  background-color: #71f4ae;
}

.has-green-lighter-color {
  color: #71f4ae;
}

.has-green-light-background-color {
  background-color: #2cdd90;
}

.has-green-light-color {
  color: #2cdd90;
}

.has-green-background-color {
  background-color: #158466;
}

.has-green-color {
  color: #158466;
}

.has-green-dark-background-color {
  background-color: #105c52;
}

.has-green-dark-color {
  color: #105c52;
}

.has-green-darker-background-color {
  background-color: #0c3538;
}

.has-green-darker-color {
  color: #0c3538;
}

.has-purple-lighter-background-color {
  background-color: #e98efa;
}

.has-purple-lighter-color {
  color: #e98efa;
}

.has-purple-light-background-color {
  background-color: #d250f7;
}

.has-purple-light-color {
  color: #d250f7;
}

.has-purple-background-color {
  background-color: #950cde;
}

.has-purple-color {
  color: #950cde;
}

.has-purple-dark-background-color {
  background-color: #560a9b;
}

.has-purple-dark-color {
  color: #560a9b;
}

.has-purple-darker-background-color {
  background-color: #2a085e;
}

.has-purple-darker-color {
  color: #2a085e;
}

.has-fuchsia-lighter-background-color {
  background-color: #ff80ca;
}

.has-fuchsia-lighter-color {
  color: #ff80ca;
}

.has-fuchsia-light-background-color {
  background-color: #f240ae;
}

.has-fuchsia-light-color {
  color: #f240ae;
}

.has-fuchsia-background-color {
  background-color: #d9118f;
}

.has-fuchsia-color {
  color: #d9118f;
}

.has-fuchsia-dark-background-color {
  background-color: #950f7d;
}

.has-fuchsia-dark-color {
  color: #950f7d;
}

.has-fuchsia-darker-background-color {
  background-color: #5c0a5c;
}

.has-fuchsia-darker-color {
  color: #5c0a5c;
}

.has-orange-lighter-background-color {
  background-color: #ffad5c;
}

.has-orange-lighter-color {
  color: #ffad5c;
}

.has-orange-light-background-color {
  background-color: #fa8f47;
}

.has-orange-light-color {
  color: #fa8f47;
}

.has-orange-background-color {
  background-color: #f27041;
}

.has-orange-color {
  color: #f27041;
}

.has-orange-dark-background-color {
  background-color: #aa3f24;
}

.has-orange-dark-color {
  color: #aa3f24;
}

.has-orange-darker-background-color {
  background-color: #622018;
}

.has-orange-darker-color {
  color: #622018;
}

.has-gray-lighter-background-color {
  background-color: #f2f5f7;
}

.has-gray-lighter-color {
  color: #f2f5f7;
}

.has-gray-light-background-color {
  background-color: #c0cfd8;
}

.has-gray-light-color {
  color: #c0cfd8;
}

.has-gray-background-color {
  background-color: #738da0;
}

.has-gray-color {
  color: #738da0;
}

.has-gray-dark-background-color {
  background-color: #485968;
}

.has-gray-dark-color {
  color: #485968;
}

.has-gray-darker-background-color {
  background-color: #252b32;
}

.has-gray-darker-color {
  color: #252b32;
}

.has-black-background-color {
  background-color: #000000;
}

.has-black-color {
  color: #000000;
}

.has-black-transparent-60-background-color {
  background-color: rgba(0, 0, 0, 0.6);
}

.has-black-transparent-60-color {
  color: rgba(0, 0, 0, 0.6);
}

.has-black-transparent-85-background-color {
  background-color: rgba(0, 0, 0, 0.85);
}

.has-black-transparent-85-color {
  color: rgba(0, 0, 0, 0.85);
}

.has-white-background-color {
  background-color: #ffffff;
}

.has-white-color {
  color: #ffffff;
}

.has-white-transparent-85-background-color {
  background-color: rgba(255, 255, 255, 0.85);
}

.has-white-transparent-85-color {
  color: rgba(255, 255, 255, 0.85);
}

.has-big-font-size {
  font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
}

.has-small-font-size {
  font-size: max(16px, 0.8em) !important;
}

.has-heading-n-2-font-size {
  font-size: clamp(3.0517578125em, calc(
    3.0517578125em + 0.7629394531 * ((100vw - 20rem) / 40)
  ), 3.8146972656em);
  line-height: 1;
}

.has-heading-n-1-font-size {
  font-size: clamp(2.44140625em, calc(
    2.44140625em + 0.6103515625 * ((100vw - 20rem) / 40)
  ), 3.0517578125em);
  line-height: 1;
}

.has-heading-0-font-size {
  font-size: clamp(1.953125em, calc(
    1.953125em + 0.48828125 * ((100vw - 20rem) / 40)
  ), 2.44140625em);
  line-height: 1;
}

.has-heading-1-font-size {
  font-size: clamp(1.5625em, calc(
    1.5625em + 0.390625 * ((100vw - 20rem) / 40)
  ), 1.953125em);
  line-height: 1.25;
}

.has-heading-2-font-size {
  font-size: clamp(1.25em, calc(
    1.25em + 0.3125 * ((100vw - 20rem) / 40)
  ), 1.5625em);
  line-height: 1.25;
}

.has-heading-3-font-size {
  font-size: clamp(1em, calc(
    1em + 0.25 * ((100vw - 20rem) / 40)
  ), 1.25em);
  line-height: 1.25;
}

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

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