@cloudfour/patterns
Version:
Front-end patterns for cloudfour.com
17,762 lines • 476 kB
CSS
@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. Prevent absolute-positioned children (such as visually-hidden language
* labels) from breaking horizontal scroll in Chrome.
* 3. 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;
position: relative; /* 2 */
tab-size: 2; /* 3 */
}
/**
* 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;
}
details > * + * {
margin-block-start: 1.25em;
margin-block-start: var(--rhythm);
}
@supports (--custom: properties) {
details > * + h1,
details > * + h2,
details > * + h3,
details > * + h4,
details > * + h5,
details > * + h6,
details > * + [class*=heading] {
margin-block-start: var(--rhythm-headings, var(--rhythm));
}
}
details > summary {
color: var(--theme-color-text-emphasis);
cursor: pointer;
font-weight: 500;
list-style: none;
padding-inline-start: 1.25em;
position: relative;
}
details > summary::-webkit-details-marker {
display: none;
}
details > summary::before {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
block-size: 1.5625em;
block-size: 1lh;
content: "";
inline-size: 1em;
inset-inline-start: 0;
position: absolute;
translate: -33% 0;
}
details > summary::before, .t-light details > summary::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' fill='rgba(0, 0, 0, 0.85)'%3E %3Cpath d='M11.17,6.64l4.66,4.65a1,1,0,0,1,0,1.42l-4.66,4.65a1,1,0,0,1-1.71-.7V7.34A1,1,0,0,1,11.17,6.64Z'/%3E %3C/svg%3E");
}
.t-dark details > summary::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' fill='%23ffffff'%3E %3Cpath d='M11.17,6.64l4.66,4.65a1,1,0,0,1,0,1.42l-4.66,4.65a1,1,0,0,1-1.71-.7V7.34A1,1,0,0,1,11.17,6.64Z'/%3E %3C/svg%3E");
}
@media (prefers-reduced-motion: no-preference) {
details > summary::before {
transition: rotate 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
}
details[open] > summary::before {
rotate: 90deg;
}
/**
* 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. The `-webkit-` prefix is
* still required for iOS Safari.
*/
body {
font-family: "Source Sans Pro", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.5625;
overflow-wrap: anywhere; /* 1 */
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-text-size-adjust: none; /* 2 */
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);
text-wrap: balance;
}
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);
text-wrap: balance;
}
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);
text-wrap: balance;
}
h4 {
font-size: inherit;
line-height: inherit;
font-weight: 700;
color: var(--theme-color-text-emphasis);
text-wrap: balance;
}
h5 {
font-size: inherit;
line-height: inherit;
font-weight: 700;
color: var(--theme-color-text-emphasis);
text-wrap: balance;
}
h6 {
font-size: inherit;
line-height: inherit;
font-weight: 700;
color: var(--theme-color-text-emphasis);
text-wrap: balance;
}
/**
* 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(33.3333333333% - 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 {
--scale-effect-grow: 1;
--scale-effect-shrink: 1;
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.
* 3. Prevent this container from blocking interactions with content beneath
* its `z-index` layer in case the content within his hidden but not this
* containing element.
*/
.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;
pointer-events: none;
position: fixed;
z-index: 999;
}
/**
* Restores pointer events for any page alert content.
*/
.o-page__alert > * {
pointer-events: initial;
}
.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: rgb(251.7980295567, 219.7783251232, 208.2019704433);
--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: rgb(251.7980295567, 219.7783251232, 208.2019704433);
--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.
*
* We optionally support custom properties to allow the amount of scaling to
* be adjusted by other patterns. For example, an Input Group might disable
* the scaling so the button always appeared joined to adjacent elements.
*/
/**
* 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(var(--scale-effect-grow, 1.05));
}
.c-button:active {
filter: brightness(80%);
transform: scale(var(--scale-effect-shrink, 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-toggle-checked-hover: var(--theme-color-text-toggle-hover);
--theme-color-text-toggle-disabled: #485968;
--theme-color-text-toggle-hover: #215cca;
}
.t-dark {
--theme-color-text-toggle-checked-hover: #0e1c43;
--theme-color-text-toggle-disabled: rgba(255, 255, 255, 0.85);
--theme-color-text-toggle-hover: rgba(0, 0, 0, 0.85);
}
.c-checkbox {
-webkit-appearance: none;
appearance: none;
background-color: rgba(255, 255, 255, 0.85);
block-size: 1.5625em;
border: 0.125rem solid currentColor;
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;
border-radius: 0.25em;
}
.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:hover {
background-color: #ffffff;
color: var(--theme-color-text-toggle-hover);
}
.c-checkbox::after {
content: "";
opacity: 0;
position: absolute;
scale: 0;
transition-duration: 0.2s;
transition-property: opacity, scale;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
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;
inset: 0.125rem;
}
.c-checkbox:checked {
background-color: currentColor;
}
.c-checkbox:checked::after {
opacity: 1;
scale: 1;
}
.c-checkbox:checked:hover {
color: var(--theme-color-text-toggle-checked-hover);
}
.c-checkbox:disabled {
background-color: transparent;
border-style: dashed;
color: var(--theme-color-text-toggle-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;
}
}
:root,
.t-light {
--theme-blend-mode-background: multiply;
}
.t-dark {
--theme-blend-mode-background: hard-light;
}
/**
* 1. This grid layout creates 3 rows. The content takes up the last row,
* and the features span the first two rows.
* 2. A pseudo-element is positioned behind the features covering the first row
* 3. To give the illustion that the page bg color extends behind the features.
*/
.c-ground-nav {
background-color: var(--theme-color-background-base);
display: grid;
grid-template-rows: repeat(3, minmax(0, auto));
}
.c-ground-nav::before {
background-color: var(--theme-color-background-secondary);
content: "";
grid-column: 1;
grid-row: 2/span 2;
}
.c-ground-nav .c-ground-nav__content {
background-color: var(--theme-color-background-secondary);
}
/**
* Alternate modifier uses background-secondary for use cases where
* the previous block uses background-base.
*/
.c-ground-nav--alternate {
background-color: var(--theme-color-background-secondary);
}
.c-ground-nav--alternate::before {
background-color: var(--theme-color-background-base);
}
.c-ground-nav--alternate .c-ground-nav__content {
background-color: var(--theme-color-background-base);
}
.c-ground-nav__features {
grid-column: 1;
grid-row: 1/span 2;
}
/**
* 1. Keep contents from overflowing border-radius
* 2. Constrain the width when there's only one feature
* 3. Positions multiple features side-by-side. `auto-fit` means this
* works even when there's only one feature.
*/
.c-ground-nav__features-inner {
border-radius: clamp(0px, (100vw - 0.25em - 100%) * 9999, 0.5em);
contain: paint;
display: grid;
grid-template-columns: minmax(0, 1fr);
inline-size: 100%;
margin-inline: auto;
}
.c-ground-nav--single-feature .c-ground-nav__features-inner {
max-inline-size: calc(40em + clamp(1.25rem, calc(1.25rem + 1.8017578125 * (100vw - 30rem) / 42), 3.0517578125rem) * 2);
}
@media (min-width: 60em) {
.c-ground-nav__features-inner {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
}
/**
* 1. If there's only one feature, center it and match the width of
* `fill-pad` containers in the prose width content above.
* 2. Flex layout to keep both features' form elements vertically aligned
* 3. Features should take up an equal amount of the layout
*/
.c-ground-nav__feature {
padding-block: clamp(1.953125rem, calc(1.953125rem + 1.8615722656 * (100vw - 30rem) / 42), 3.8146972656rem);
padding-inline: clamp(1.25rem, calc(1.25rem + 1.8017578125 * (100vw - 30rem) / 42), 3.0517578125rem);
inline-size: 100%;
}
.c-ground-nav__feature:only-child {
margin-inline: auto;
}
@media (min-width: 60em) {
.c-ground-nav__feature:only-child {
min-inline-size: calc(40em + clamp(1.25rem, calc(1.25rem + 1.8017578125 * (100vw - 30rem) / 42), 3.0517578125rem) * 2);
}
}
@media (min-width: 60em) {
.c-ground-nav__feature {
display: flex;
flex: 1;
}
}
/**
* 1. Apply grid layout to keep feature actions aligned to the bottom
*/
.c-ground-nav__feature-inner {
display: grid;
grid-template-rows: minmax(0, 1fr) minmax(0, auto);
inline-size: 100%;
}
/**
* 1. Background blend mode is set to keep the illustration working on all colors
* 2. Illustration size scales on small screens, up to a max width
* 3. Align illustration to the right edge of the container or viewport
*/
.c-ground-nav__content {
--theme-color-text-emphasis: var(--theme-color-text-muted);
background-blend-mode: var(--theme-blend-mode-background);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='450' height='200' viewBox='0 0 450 200' preserveAspectRatio='xMaxYMax'%3E %3Cg%3E %3Crect x='4' y='60' width='125' height='140' fill='%23dae2e8'/%3E %3Crect x='4' y='170' width='125' height='30' fill='%23f2f5f7'/%3E %3Crect x='0' y='60' width='129' height='15' fill='%23dae2e8'/%3E %3Crect x='4' y='75' width='125' height='3' fill='%23c0cfd8'/%3E %3C/g%3E %3Cg%3E %3Crect x='233.1' y='30' width='98' height='170' fill='%23dae2e8'/%3E %3Crect x='233.1' y='40' width='98' height='3' fill='%23c0cfd8'/%3E %3C/g%3E %3Cg%3E %3Crect x='330.6' y='60.5' width='91.8' height='139.1' fill='%23dae2e8'/%3E %3Crect x='358.6' y='69.5' width='13.5' height='23.8' fill='%23c0cfd8'/%3E %3Crect x='380.8' y='69.5' width='13.5' height='23.8' fill='%23c0cfd8'/%3E %3Crect x='403' y='69.5' width='13.5' height='23.8' fill='%23c0cfd8'/%3E %3Crect x='380.8' y='101.9' width='13.5' height='23.8' fill='%23c0cfd8'/%3E %3Crect x='403' y='101.9' width='13.5' height='23.8' fill='%23c0cfd8'/%3E %3C/g%3E %3Cg%3E %3Crect x='129.1' y='0' width='104' height='200' fill='%23a4cdff'/%3E %3Crect x='139.1' y='10' width='22.7' height='54.7' fill='%2372adfc'/%3E %3Crect x='169.8' y='10' width='22.7' height='54.7' fill='%2372adfc'/%3E %3Crect x='200.5' y='10' width='22.7' height='54.7' fill='%2372adfc'/%3E %3Crect x='139.1' y='72.7' width='22.7' height='54.7' fill='%2372adfc'/%3E %3Crect x='169.8' y='72.7' width='22.7' height='54.7' fill='%2372adfc'/%3E %3Crect x='200.5' y='72.7' width='22.7' height='54.7' fill='%2372adfc'/%3E %3Crect x='139.1' y='140.2' width='17.4' height='49.8' fill='%2372adfc'/%3E %3Crect x='169.8' y='135.3' width='22.7' height='54.7' fill='%2372adfc'/%3E %3Crect x='200.5' y='135.3' width='22.7' height='54.7' fill='%2372adfc'/%3E %3C/g%3E %3Cpolygon points='250.8,200 336.5,0 422.2,200' fill='%2371f4ae'/%3E %3Cg%3E %3Cpolygon points='198.1,200 249.2,80.7 300.3,200' fill='%232cdd90'/%3E %3Cline x1='249.2' y1='136' x2='249.2' y2='200' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3Cline x1='249.2' y1='161.8' x2='266.5' y2='147.9' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3Cline x1='249.2' y1='179.8' x2='266.5' y2='165.9' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3Cline x1='231.8' y1='156.9' x2='249.2' y2='170.8' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3C/g%3E %3Cg%3E %3Cpolygon points='52.4,200 120.6,41 188.7,200' fill='%232cdd90'/%3E %3Cline x1='120.6' y1='105.8' x2='120.6' y2='200' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3Cline x1='120.6' y1='141.1' x2='144.1' y2='122.3' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3Cline x1='120.6' y1='164.7' x2='144.1' y2='145.8' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3Cline x1='97' y1='134.1' x2='120.6' y2='152.9' fill='none' stroke='%23f2f5f7' stroke-width='5'/%3E %3C/g%3E %3Cg%3E %3Crect x='320' y='118' width='129.9' height='82' fill='%2372adfc'/%3E %3Crect x='320' y='118' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='320.2' y='184.4' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='320.2' y='135.6' width='23.9' height='46.7' fill='%23a4cdff'/%3E %3Crect x='346.5' y='118' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='346.7' y='184.4' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='346.7' y='135.6' width='23.9' height='46.7' fill='%23a4cdff'/%3E %3Crect x='373' y='118' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='373.1' y='184.4' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='373.1' y='135.6' width='23.9' height='46.7' fill='%23a4cdff'/%3E %3Crect x='399.5' y='118' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='399.6' y='184.4' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='399.6' y='135.6' width='23.9' height='46.7' fill='%23a4cdff'/%3E %3Crect x='426' y='118' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='426.1' y='184.4' width='23.9' height='15.6' fill='%23a4cdff'/%3E %3Crect x='426.1' y='135.6' width='23.9' height='46.7' fill='%23a4cdff'/%3E %3Crect x='320.1' y='118' width='129.9' height='6' fill='%235596f8'/%3E %3Crect x='320' y='108' width='130' height='10' fill='%2372adfc'/%3E %3C/g%3E %3C/svg%3E");
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto clamp(3.8146972656em, 15vw, 7.4505805969em);
color: var(--theme-color-text-muted);
grid-column: 1;
grid-row: 3;
}
@media (min-width: 84em) {
.c-ground-nav__content {
background-size: auto 9.3132257462em;
}
}
@media (min-width: 96em) {
.c-ground-nav__content {
background-position: right calc(50vw - 36em - 3.0517578125rem) bottom;
}
}
.c-ground-nav__content-inner {
column-gap: clamp(1.953125em, calc(1.953125em + 1.8615722656 * (100vw - 30rem) / 42), 3.8146972656em);
display: grid;
grid-template-areas: "address" "menu" "topics" "social" "legal";
grid-template-columns: minmax(0, 1fr);
row-gap: 1.5625em;
}
@media (max-width: 29.999em) {
.c-ground-nav__content-inner {
padding-block-end: 3.8146972656em;
}
}
@media (min-width: 30em) {
.c-ground-nav__content-inner {
grid-template-areas: "address address" "menu topics" "social social" "legal legal";
grid-template-columns: minmax(0, auto) minmax(0, 1fr);
}
}
@media (min-width: 40em) {
.c-ground-nav__content-inner {
grid-template-areas: "address menu topics" "social menu topics" "legal legal legal";
grid-template-columns: repeat(2, minmax(0, auto)) minmax(0, 1fr);
}
}
@media (min-width: 72em) {
.c-ground-nav__content-inner {
grid-template-areas: "address menu topics social" "legal menu topics .";
grid-template-columns: repeat(3, minmax(0, auto)) minmax(0, 1fr);
}
}
@media (min-width: 84em) {
.c-ground-nav__content-inner {
grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, auto)) minmax(0, 1fr);
}
}
@media (min-width: 96em) {
.c-ground-nav__content-inner {
grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) minmax(0, 2fr);
}
}
.c-ground-nav__address {
grid-area: address;
}
/**
* 1. Add a bit of space between street address and email
*/
@media (min-width: 40em) {
.c-ground-nav__address-section {
display: inline-block;
margin-block-start: 1.5625em;
}
}
.c-ground-nav__menu {
grid-area: menu;
}
.c-ground-nav__topics {
grid-area: topics;
}
/**
* 1. Bottom-align to align with last menu items
* 2. Reposition in top-right corner
*/
.c-ground-nav__social {
align-self: end;
grid-area: social;
}
@media (min-width: 72em) {
.c-ground-nav__social {
align-self: start;
justify-self: end;
}
}
.c-ground-nav__social-icon {
--icon-size: 1.25em;
}
@media (min-width: 72em) {
.c-ground-nav__social-icon {
--icon-size: 1.5625em;
}
}
/**
* 1. Bottom-align to align with last menu items
* 2. Gives a little breathing room to the illustration
*/
.c-ground-nav__legal {
align-self: end;
grid-area: legal;
}
@media (min-width: 40em) and (max-width: 71.999em) {
.c-ground-nav__legal {
margin-block-start: 1.5625em;
}
}
.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;
}
.c-heading--medium {
font-weight: 500;
}
.c-heading--medium b,
.c-heading--medium 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%;
text-wrap: balance;
}
.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;
}
.c-radio {
-webkit-appearance: none;
appearance: none;
background-color: rgba(255, 255, 255, 0.85);
block-size: 1.5625em;
border: 0.125rem solid currentColor;
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;
border-radius: 9999px;
}
.c-radio::-moz-focus-inner {
border: 0;
}
.c-radio:focus {
outline: 0;
}
.c-radio:focus-visible {
box-shadow: 0 0 0 0.25rem #8abfff;
}
.c-radio:hover {
background-color: #ffffff;
color: var(--theme-color-text-toggle-hover);
}
.c-radio::after {
content: "";
opacity: 0;
position: absolute;
scale: 0;
transition-duration: 0.2s;
transition-property: opacity, scale;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: currentColor;
border-radius: inherit;
inset: 0.25rem;
}
.c-radio:checked::after {
opacity: 1;
scale: 1;
}
.c-radio:disabled {
background-color: transparent;
border-style: dashed;
color: var(--theme-color-text-toggle-disabled);
cursor: not-allowed;
}
/**
* 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-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;
}
.u-size-block-full {
block-size: 100% !important;
}
.u-size-block-auto {
block-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;
}
.u-size-block-full\@xs {
block-size: 100% !important;
}
.u-size-block-auto\@xs {
block-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;
}
.u-size-block-full\@s {
block-size: 100% !important;
}
.u-size-block-auto\@s {
block-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;
}
.u-size-block-full\@m {
block-size: 100% !important;
}
.u-size-block-auto\@m {
block-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;
}
.u-size-block-full\@l {
block-size: 100% !important;
}
.u-size-block-auto\@l {
block-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;
}
.u-size-block-full\@xl {
block-size: 100% !important;
}
.u-size-block-auto\@xl {
block-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;
}
.u-size-block-full\@xxl {
block-size: 100% !important;
}
.u-size-block-auto\@xxl {
block-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-size-block-full\@xxxl {
block-size: 100% !important;
}
.u-size-block-auto\@xxxl {
block-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-deletion,
.hljs-literal,
.hljs-selector-tag,
.hljs-symbol,
.hljs-type {
color: rgb(255, 133, 134.0427350427);
}
.hljs-meta,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: rgb(100.0065359477, 242.9934640523, 238.3308468315);
}
.hljs-addition,
.hljs-string {
color: #71f4ae;
}
.hljs-attribute,
.hljs-regexp,
.hljs-template-tag,
.hljs-title,
.hljs-variable {
color: #8abfff;
}
.hljs-selector-id,
.hljs-title.class_ {
color: rgb(186.9571192053, 216.925, 124.575);
}
#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:not(:first-child) #mc_embed_signup_scroll > :first-child {
margin-block-start: var(--rhythm);
}
#mc_embed_shell:not(:first-child) #mc_embed_signup_scroll > :first-child:where(h1, h2, h3, h4, h5, h6, [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(.c-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(.c-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(.c-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(.c-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(.c-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(.c-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(.c-input):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden])[type=email], #mc_embed_shell input:not(.c-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(.c-input):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]) {
block-size: 3.8146972656em;
}
textarea#mc_embed_shell input:not(.c-input):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden])[rows] {
block-size: auto;
}
textarea#mc_embed_shell input:not(.c-input):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]).is-elastic {
resize: none;
}
select#mc_embed_shell input:not(.c-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:not(.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.
*
* We optionally support custom properties to allow the amount of scaling to
* be adjusted by other patterns. For example, an Input Group might disable
* the scaling so the button always appeared joined to adjacent elements.
*/
/**
* Loading state
*/
}
#mc_embed_shell .button:not(.c-button)::-moz-focus-inner {
border: 0;
}
#mc_embed_shell .button:not(.c-button):focus {
outline: 0;
}
#mc_embed_shell .button:not(.c-button):focus-visible {
box-shadow: 0 0 0 0.25rem #8abfff;
}
#mc_embed_shell .button:not(.c-button):hover {
filter: brightness(110%);
transform: scale(var(--scale-effect-grow, 1.05));
}
#mc_embed_shell .button:not(.c-button):active {
filter: brightness(80%);
transform: scale(var(--scale-effect-shrink, 0.95));
}
#mc_embed_shell .button:not(.c-button):disabled, #mc_embed_shell .button:not(.c-button)[aria-disabled=true] {
cursor: not-allowed;
filter: grayscale(60%);
opacity: 0.85;
transform: none;
}
#mc_embed_shell .button:not(.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
*/
}
#mc_embed_shell .button:not(.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) {
#mc_embed_shell .button:not(.c-button).is-loading::after {
animation: none;
border-block-start-color: currentColor;
border-style: dashed;
}
}
#mc_embed_shell .button:not(.c-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.
*
* We optionally support custom properties to allow the amount of scaling to
* be adjusted by other patterns. For example, an Input Group might disable
* the scaling so the button always appeared joined to adjacent elements.
*/
/**
* 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(var(--scale-effect-grow, 1.05));
}
.wp-block-button .wp-block-button__link:active {
filter: brightness(80%);
transform: scale(var(--scale-effect-shrink, 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.
*
* We optionally support custom properties to allow the amount of scaling to
* be adjusted by other patterns. For example, an Input Group might disable
* the scaling so the button always appeared joined to adjacent elements.
*/
/**
* 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(var(--scale-effect-grow, 1.05));
}
.wp-block-file .wp-block-file__button:active,
.wp-block-file *:active {
filter: brightness(80%);
transform: scale(var(--scale-effect-shrink, 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;
border-width: 0;
}
.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;
}
.grunion-field[type=checkbox] {
-webkit-appearance: none;
appearance: none;
background-color: rgba(255, 255, 255, 0.85);
block-size: 1.5625em;
border: 0.125rem solid currentColor;
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;
border-radius: 0.25em;
}
.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]:hover {
background-color: #ffffff;
color: var(--theme-color-text-toggle-hover);
}
.grunion-field[type=checkbox]::after {
content: "";
opacity: 0;
position: absolute;
scale: 0;
transition-duration: 0.2s;
transition-property: opacity, scale;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
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;
inset: 0.125rem;
}
.grunion-field[type=checkbox]:checked {
background-color: currentColor;
}
.grunion-field[type=checkbox]:checked::after {
opacity: 1;
scale: 1;
}
.grunion-field[type=checkbox]:checked:hover {
color: var(--theme-color-text-toggle-checked-hover);
}
.grunion-field[type=checkbox]:disabled {
background-color: transparent;
border-style: dashed;
color: var(--theme-color-text-toggle-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[type=radio] {
-webkit-appearance: none;
appearance: none;
background-color: rgba(255, 255, 255, 0.85);
block-size: 1.5625em;
border: 0.125rem solid currentColor;
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;
border-radius: 9999px;
}
.grunion-field[type=radio]::-moz-focus-inner {
border: 0;
}
.grunion-field[type=radio]:focus {
outline: 0;
}
.grunion-field[type=radio]:focus-visible {
box-shadow: 0 0 0 0.25rem #8abfff;
}
.grunion-field[type=radio]:hover {
background-color: #ffffff;
color: var(--theme-color-text-toggle-hover);
}
.grunion-field[type=radio]::after {
content: "";
opacity: 0;
position: absolute;
scale: 0;
transition-duration: 0.2s;
transition-property: opacity, scale;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-color: currentColor;
border-radius: inherit;
inset: 0.25rem;
}
.grunion-field[type=radio]:checked::after {
opacity: 1;
scale: 1;
}
.grunion-field[type=radio]:disabled {
background-color: transparent;
border-style: dashed;
color: var(--theme-color-text-toggle-disabled);
cursor: not-allowed;
}
.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-details.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-details.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;
}