/*
* This reset is influenced by https://www.joshwcomeau.com/css/custom-css-reset/
*/

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

html {
  height: 100%;
  scroll-behavior: smooth;
  /*https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/*/
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

@media (prefers-reduced-motion) {
  html {
    scroll-behavior: auto;
  }
}

body {
  min-height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
svg {
  height: auto;
  max-width: 100%;
}

iframe,
canvas {
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

:root {
    --form-font-family: var(--font-family);
    --form-font-size: var(--fs);
    --form-radius: 0px;
    --form-component-pdx: var(--space-d2);
    --form-component-pdy: var(--space-d2);
    --label-line-height: var(--lh-2);
    --button-line-height: var(--lh-2);
    --custom-check-line-height: var(--label-line-height);
    --custom-check-space: .1em;
    --custom-check-size: 1em;
    --custom-check-pos: calc((var(--custom-check-line-height) * 1em - var(--custom-check-size)) / 3 * 2);
    --custom-check-border-width: 1px;
    --form-error-border-width: 2px;
    --form-input-border-width: 1px;
    --custom-radio-gap: 2px;
    caret-color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
    caret-color: var(--caret-color);
}

::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--form-label-color);
    opacity: 1;
    text-transform: none;
    text-transform: var(--heading-text-transform);
}

form dl {
    margin-top: calc(1.66 * 1rem);
    margin-top: var(--space-1);
    margin-bottom: calc(1.66 * 1rem);
    margin-bottom: var(--space-1);
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
input[list],
input[type=submit],
input[type=reset],
button,
.button,
select,
textarea,
fieldset,
label,
legend {
    font-family: system-ui, ui-sans-serif, sans-serif;
    font-family: var(--form-font-family);
    font-size: 1rem;
    font-size: var(--form-font-size);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=submit],
input[type=reset],
button,
.button,
select {
    border: 0;
    border-radius: 0px;
    border-radius: var(--form-radius);
    vertical-align: baseline;
    background: hsl(198, 100%, 33.3%);
    background: var(--form-button-background);
    color: white;
    color: var(--form-button-color);
    padding: calc(calc(1rem / 1.66) / 1.66) calc(calc(1rem / 1.66) / 1.66);
    padding: var(--form-component-pdy) var(--form-component-pdx);
    cursor: pointer;
    transition: filter .14s ease-out;
    transition: filter var(--transition-duration) ease-out;
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--button-line-height);
}

input[type=submit]:disabled,
input[type=reset]:disabled,
button:disabled,
.button:disabled,
select:disabled {
    opacity: .6;
    opacity: var(--form-button-disabled-opacity);
    cursor: not-allowed;
}

@media(hover: hover) {

    input[type=submit]:hover:not(:disabled),
    input[type=reset]:hover:not(:disabled),
    button:hover:not(:disabled),
    .button:hover:not(:disabled),
    select:hover:not(:disabled) {
        filter: brightness(1.15);
        filter: brightness(var(--form-button-hover-brightness));
    }
}

input[type=submit]:focus:not(:disabled),
input[type=reset]:focus:not(:disabled),
button:focus:not(:disabled),
.button:focus:not(:disabled),
select:focus:not(:disabled) {
    filter: brightness(1);
    filter: brightness(var(--form-button-focus-brightness));
}

input[type=submit]:active:not(:disabled),
input[type=reset]:active:not(:disabled),
button:active:not(:disabled),
.button:active:not(:disabled),
select:active:not(:disabled) {
    filter: brightness(1.15);
    filter: brightness(var(--form-button-active-brightness));
}

label:not(.custom-control),
.label:not(.custom-control),
legend {
    vertical-align: baseline;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--form-label-color);
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--label-line-height);
    margin-top: calc(calc(1rem / 1.66) / 1.66);
    margin-top: var(--space-d2);
    margin-bottom: calc(calc(1rem / 1.66) / 1.66);
    margin-bottom: var(--space-d2);
}

label.custom-control,
.custom-control .label {
    margin-top: unset;
    margin-bottom: unset;
}

form .desc,
form .error:not(form .group.error),
form .afv-error:not(form .afv-group.afv-error) {
    color: hsl(0, 0%, calc(53% - calc(53% / 7)));
    color: var(--description-color);
    line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
    line-height: var(--lh-1);
    margin-top: calc(calc(1rem / 1.66) / 1.66);
    margin-top: var(--space-d2);
    margin-bottom: calc(calc(1rem / 1.66) / 1.66);
    margin-bottom: var(--space-d2);
}

form .error:not(form .group.error),
form .afv-error:not(form .afv-group.afv-error) {
    color: crimson;
    color: var(--error-color);
    font-weight: 700;
    font-weight: var(--font-weight-bold);
}

form .error:not(form .group .error),
form .afv-error:not(form .afv-group .afv-error) {
    /* mind the space between .group and .error*/
    border-left: 3px solid crimson;
    border-left: var(--outline-width) solid var(--error-color);
    padding-left: calc(calc(1rem / 1.66) / 1.66);
    padding-left: var(--space-d2);
    margin-left: calc(-1 * (calc(calc(1rem / 1.66) / 1.66) + 3px));
    margin-left: calc(-1 * (var(--space-d2) + var(--outline-width)));
}

form .error input[type=text]:not(:focus),
    form .error input[type=email]:not(:focus),
    form .error input[type=number]:not(:focus),
    form .error input[type=password]:not(:focus),
    form .error input[type=search]:not(:focus),
    form .error input[type=tel]:not(:focus),
    form .error input[type=url]:not(:focus),
    form .error input[list]:not(:focus),
    form .error textarea:not(:focus),
    form .afv-error input[type=text]:not(:focus),
    form .afv-error input[type=email]:not(:focus),
    form .afv-error input[type=number]:not(:focus),
    form .afv-error input[type=password]:not(:focus),
    form .afv-error input[type=search]:not(:focus),
    form .afv-error input[type=tel]:not(:focus),
    form .afv-error input[type=url]:not(:focus),
    form .afv-error input[list]:not(:focus),
    form .afv-error textarea:not(:focus) {
        border: 2px solid crimson;
        border: var(--form-error-border-width) solid var(--error-color);
        padding: calc(calc(calc(1rem / 1.66) / 1.66) + 1px - 2px) calc(calc(calc(1rem / 1.66) / 1.66) + 1px - 2px);
        padding: calc(var(--form-component-pdy) + var(--form-input-border-width) - var(--form-error-border-width)) calc(var(--form-component-pdx) + var(--form-input-border-width) - var(--form-error-border-width));
    }

input[type=text].error:not(:focus),
input[type=text].afv-error:not(:focus),
input[type=email].error:not(:focus),
input[type=email].afv-error:not(:focus),
input[type=number].error:not(:focus),
input[type=number].afv-error:not(:focus),
input[type=password].error:not(:focus),
input[type=password].afv-error:not(:focus),
input[type=search].error:not(:focus),
input[type=search].afv-error:not(:focus),
input[type=tel].error:not(:focus),
input[type=tel].afv-error:not(:focus),
input[type=url].error:not(:focus),
input[type=url].afv-error:not(:focus),
input[list].error:not(:focus),
input[list].afv-error:not(:focus),
textarea.error:not(:focus),
textarea.afv-error:not(:focus) {
    border: 2px solid crimson;
    border: 2px solid var(--error-color);
    padding: calc(calc(calc(1rem / 1.66) / 1.66) + 1px - 2px) calc(calc(calc(1rem / 1.66) / 1.66) + 1px - 2px);
    padding: calc(var(--form-component-pdy) + var(--form-input-border-width) - var(--form-error-border-width)) calc(var(--form-component-pdx) + var(--form-input-border-width) - var(--form-error-border-width));
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
input[list] {
    border: 1px solid hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border: var(--form-input-border-width) solid var(--form-field-border-color);
    vertical-align: middle;
    padding: calc(calc(1rem / 1.66) / 1.66) calc(calc(1rem / 1.66) / 1.66);
    padding: var(--form-component-pdy) var(--form-component-pdx);
    line-height: 1;
    line-height: var(--lh);
    border-radius: 0;
    -webkit-border-radius: 0;
    background: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    background: var(--form-field-background);
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--form-field-color);
}

textarea {
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--lh-2);
    border: 1px solid hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border: 1px solid var(--form-field-border-color);
    border-radius: 0;
    padding: calc(calc(1rem / 1.66) / 1.66) calc(calc(1rem / 1.66) / 1.66);
    padding: var(--form-component-pdy) var(--form-component-pdx);
    -webkit-border-radius: 0;
    resize: none;
    background: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    background: var(--form-field-background);
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--form-field-color);
    font-weight: normal;
}

fieldset {
    border: none;
    padding: 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[list]:focus,
textarea:focus {
    border-color: transparent;
}

input:focus+label,
textarea:focus+label {
    color: hsl(198, 100%, 33.3%);
    color: var(--form-field-focus-color);
}

/*
https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
and
https://www.creativejuiz.fr/blog/en/tutorials/customize-checkbox-and-radio-button-with-css 
*/

.custom-control {
    position: relative;
    color: inherit;
    display: inline-block;
    font-size: inherit;
}

.custom-control * {
    font-size: inherit;
    cursor: pointer;
}

.custom-control:focus-within input[type=checkbox]+*::before,
.custom-control:focus-within input[type=radio]+*::before {
    outline: 3px solid hsl(198, 100%, 33.3%);
    outline: var(--outline);
    outline-offset: 2px;
    outline-offset: var(--outline-offset);
}

.custom-control input[type=checkbox],
.custom-control input[type=radio] {
    /* remove the control from flow */
    position: absolute;
    /* hide it visually */
    opacity: 0.00001;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.custom-control input[type=checkbox]+*,
.custom-control input[type=radio]+* {
    margin-left: calc(2 * 1rem);
    margin-left: var(--horizontal-rhythm);
    display: inline-block;
}

/* box */

.custom-control input[type=checkbox]+*::before,
.custom-control input[type=radio]+*::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: calc((calc((calc(1.66 * 1) - 1) / 3 * 2 + 1) * 1em - 1em) / 3 * 2);
    top: var(--custom-check-pos);
    height: 1em;
    height: var(--custom-check-size);
    width: 1em;
    width: var(--custom-check-size);
    border: 1px solid currentColor;
    border: var(--custom-check-border-width) solid currentColor;
    border-radius: 0px;
    border-radius: var(--form-radius);
    background: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    background: var(--form-field-background);
}

/* circle */

.custom-control input[type=radio]+*::before {
    border-radius: 50%;
}

/* check */

.custom-control input[type=checkbox]+*::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: calc(1em * .2);
    left: calc(var(--custom-check-size) * .2);
    top: calc(calc((calc((calc(1.66 * 1) - 1) / 3 * 2 + 1) * 1em - 1em) / 3 * 2) + (1em * .25));
    top: calc(var(--custom-check-pos) + (var(--custom-check-size) * .25));
    width: calc(1em * .6);
    width: calc(var(--custom-check-size) * .6);
    height: calc(1em * .3);
    height: calc(var(--custom-check-size) * .3);
    transform: rotate(-45deg);
    border: solid white;
    border: solid var(--base-background);
    border-width: 0 0 2px 2px;
    border-top-color: transparent;
    opacity: 0;
    background: transparent;
}

/* select */

.custom-control input[type=radio]+*::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: calc(2px * 2);
    left: calc(var(--custom-radio-gap) * 2);
    top: calc(calc((calc((calc(1.66 * 1) - 1) / 3 * 2 + 1) * 1em - 1em) / 3 * 2) + 2px * 2);
    top: calc(var(--custom-check-pos) + var(--custom-radio-gap) * 2);
    height: calc(1em - 2px * 4);
    height: calc(var(--custom-check-size) - var(--custom-radio-gap) * 4);
    width: calc(1em - 2px * 4);
    width: calc(var(--custom-check-size) - var(--custom-radio-gap) * 4);
    background: currentColor;
    border-radius: 50%;
}

/* unchecked / unselected */

.custom-control input[type=checkbox]:not(:checked)+*::after,
.custom-control input[type=radio]:not(:checked)+*::after {
    opacity: 0;
}

/* checked / selected*/

.custom-control input[type=checkbox]:checked+*::before {
    background: currentColor;
}

.custom-control input[type=checkbox]:checked+*::after,
.custom-control input[type=radio]:checked+*::after {
    opacity: 1;
}

/* https://www.freecodecamp.org/news/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862/ */

:root {
    --xs-breakpoint: 400px;
    --sm-breakpoint: 600px;
    --rg-breakpoint: 800px;
    --md-breakpoint: 1024px;
    --lg-breakpoint: 1280px;
}

@custom-media --mx-xs-breakpoint (max-width: 400px);

@custom-media --mx-sm-breakpoint (max-width: 600px);

@custom-media --mx-rg-breakpoint (max-width: 800px);

@custom-media --mx-md-breakpoint (max-width: 1024px);

@custom-media --mx-lg-breakpoint (max-width: 1280px);

@custom-media --mi-xs-breakpoint (min-width: 401px);

@custom-media --mi-sm-breakpoint (min-width: 601px);

@custom-media --mi-rg-breakpoint (min-width: 801px);

@custom-media --mi-md-breakpoint (min-width: 1025px);

@custom-media --mi-lg-breakpoint (min-width: 1281px);

@custom-media --touch-device screen and (hover: none) and (pointer: coarse);

/* To activate the outdent breakpoint choose a width suitable to 
your site design. E.g. for a centered layout with a regular center content width
(--rg-width) an --outdent-breakpoint could be set to a value of --rg-breakpoint.
The initial setting of 9999px for --outdent-breakpoint deactivates outdenting of 
list elements (ul, ol), timelines (dl.timeline), and summaries (detail>summary)*/

@custom-media --outdent-breakpoint (min-width: 9999px);

/*The --outdent-outline-breakpoint works similar to the --outdent-breakpoint
except it is only for outlining numbered heading elements like h2, h3, …. Heading elements
that are enclosed in an .outline class will be outdented when this breakpoint
is fulfilled. Because the outline numbers of headings might take more space the 
--outdent-outline-breakpoint will typically be wider than the --outdent-breakpoint! 
It is also possible to activate only one of the two --outdent… breakpoints*/

@custom-media --outdent-outline-breakpoint (min-width: 9999px);

:root {
    --space: 1rem;
    --space-factor: 1.66;
    --space-1: calc(var(--space-factor) * var(--space));
    --space-2: calc(var(--space-1) * var(--space-factor));
    --space-3: calc(var(--space-2) * var(--space-factor));
    --space-4: calc(var(--space-3) * var(--space-factor));
    --space-5: calc(var(--space-4) * var(--space-factor));
    --space-6: calc(var(--space-5) * var(--space-factor));
    --space-d1: calc(var(--space) / var(--space-factor));
    --space-d2: calc(var(--space-d1) / var(--space-factor));
    --space-d3: 3px;
    --space-d4: 2px;
    --space-d5: 1px;
}

:root {
    --size-factor: 1.25;
    --base-font-size: 18px;
    --fs: 1rem;
    --fs-default: var(--fs);
    --fs-mono: .95em;
    --large: var(--fs-1);
    --larger: calc(var(--size-factor) * 1em);
    --small: var(--fs-d1);
    --smaller: .9em;
    --fs-d1: .9rem;
    --fs-1: calc(var(--fs) * var(--size-factor));
    --fs-2: calc(var(--fs) * var(--size-factor) * var(--size-factor));
    --fs-3: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --fs-4: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --fs-5: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --fs-6: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --fs-7: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --fs-8: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --fs-9: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --fs-10: calc(var(--fs) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor) * var(--size-factor));
    --lh: 1;
    --lh-d1: 0.9;
    --lh-3: calc(var(--space-factor) * var(--lh));
    --lh-2: calc((var(--lh-3) - var(--lh)) / 3 * 2 + var(--lh));
    --lh-1: calc((var(--lh-3) - var(--lh)) / 3 + var(--lh));
    --lh-default: var(--lh-3);
    --lh-4: calc((var(--lh-3) - var(--lh)) / 3 * 4 + var(--lh));
    --lh-5: calc((var(--lh-3) - var(--lh)) / 3 * 5 + var(--lh));
    --fs-h6: var(--fs);
    --fs-h5: var(--fs);
    --fs-h4: var(--fs-1);
    --fs-h3: var(--fs-2);
    --fs-h2: var(--fs-3);
    --fs-h1: var(--fs-7);
    --lh-h6: var(--lh-3);
    --lh-h5: var(--lh-3);
    --lh-h4: var(--lh-2);
    --lh-h3: var(--lh-2);
    --lh-h2: var(--lh-2);
    --lh-h1: var(--lh-1);
    font-size: 18px;
    font-size: var(--base-font-size);
    line-height: calc(1.66 * 1);
    line-height: var(--lh-default);
}

small,
.small {
    font-size: .9rem;
    font-size: var(--small);
}

.smaller {
    font-size: .9em;
    font-size: var(--smaller);
}

.large {
    font-size: calc(1rem * 1.25);
    font-size: var(--large);
}

.larger {
    font-size: calc(1.25 * 1em);
    font-size: var(--larger);
}

.h1 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-h1);
    line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
    line-height: var(--lh-h1);
}

.h2 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-h2);
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--lh-h2);
}

.h3 {
    font-size: calc(1rem * 1.25 * 1.25);
    font-size: var(--fs-h3);
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--lh-h3);
}

.h4 {
    font-size: calc(1rem * 1.25);
    font-size: var(--fs-h4);
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--lh-h4);
}

.h5 {
    font-size: 1rem;
    font-size: var(--fs-h5);
    line-height: calc(1.66 * 1);
    line-height: var(--lh-h5);
}

.h6 {
    font-size: 1rem;
    font-size: var(--fs-h6);
    line-height: calc(1.66 * 1);
    line-height: var(--lh-h6);
}

.fs-d1 {
    font-size: .9rem;
    font-size: var(--fs-d1);
}

.fs,
.fs-default {
    font-size: 1rem;
    font-size: var(--fs);
}

.fs-1 {
    font-size: calc(1rem * 1.25);
    font-size: var(--fs-1);
}

.fs-2 {
    font-size: calc(1rem * 1.25 * 1.25);
    font-size: var(--fs-2);
}

.fs-3 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-3);
}

.fs-4 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-4);
}

.fs-5 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-5);
}

.fs-6 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-6);
}

.fs-7 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-7);
}

.fs-8 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-8);
}

.fs-9 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-9);
}

.fs-10 {
    font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
    font-size: var(--fs-10);
}

.lh-0 {
    line-height: 0;
}

.lh-unset,
.lh-u {
    line-height: unset;
}

.lh-d1 {
    line-height: 0.9;
    line-height: var(--lh-d1);
}

.lh {
    line-height: 1;
    line-height: var(--lh);
}

.lh-1 {
    line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
    line-height: var(--lh-1);
}

.lh-2 {
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--lh-2);
}

.lh-3,
.lh-default {
    line-height: calc(1.66 * 1);
    line-height: var(--lh-3);
}

.lh-4 {
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
    line-height: var(--lh-4);
}

.lh-5 {
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
    line-height: var(--lh-5);
}

:root {
    --font-size-xs-breakpoint: calc(var(--base-font-size) + 2px);
    --font-size-sm-breakpoint: calc(var(--base-font-size) + 2px);
    --font-size-rg-breakpoint: calc(var(--base-font-size) + 2px);
    --font-size-md-breakpoint: calc(var(--base-font-size) + 3px);
    --font-size-lg-breakpoint: calc(var(--base-font-size) + 4px);
}

@media (min-width: 401px) {
    :root {
       font-size: min(calc(18px + 2px), calc(18px + 2px));
       font-size: min(var(--font-size-xs-breakpoint), var(--font-size-sm-breakpoint));
   }
}

@media (--mi-xs-breakpoint) {
    :root {
       font-size: min(calc(18px + 2px), calc(18px + 2px));
       font-size: min(var(--font-size-xs-breakpoint), var(--font-size-sm-breakpoint));
   }
}

@media (min-width: 601px) {
     :root {
        font-size: min(calc(18px + 2px), calc(18px + 2px));
        font-size: min(var(--font-size-sm-breakpoint), var(--font-size-rg-breakpoint));
    }
}

@media (--mi-sm-breakpoint) {
     :root {
        font-size: min(calc(18px + 2px), calc(18px + 2px));
        font-size: min(var(--font-size-sm-breakpoint), var(--font-size-rg-breakpoint));
    }
}

@media (min-width: 801px) {
     :root {
        font-size: min(calc(18px + 2px), calc(18px + 3px));
        font-size: min(var(--font-size-rg-breakpoint), var(--font-size-md-breakpoint));
    }
}

@media (--mi-rg-breakpoint) {
     :root {
        font-size: min(calc(18px + 2px), calc(18px + 3px));
        font-size: min(var(--font-size-rg-breakpoint), var(--font-size-md-breakpoint));
    }
}

@media (min-width: 1025px) {
     :root {
        font-size: min(calc(18px + 3px), calc(18px + 4px));
        font-size: min(var(--font-size-md-breakpoint), var(--font-size-lg-breakpoint));
    }
}

@media (--mi-md-breakpoint) {
     :root {
        font-size: min(calc(18px + 3px), calc(18px + 4px));
        font-size: min(var(--font-size-md-breakpoint), var(--font-size-lg-breakpoint));
    }
}

@media (min-width: 1281px) {
     :root {
        font-size: calc(18px + 4px);
        font-size: var(--font-size-lg-breakpoint);
    }
}

@media (--mi-lg-breakpoint) {
     :root {
        font-size: calc(18px + 4px);
        font-size: var(--font-size-lg-breakpoint);
    }
}

@media (min-width: 401px) {
    .xs\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .xs\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .xs\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .xs\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .xs\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .xs\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .xs\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .xs\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .xs\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .xs\:fs,
    .xs\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .xs\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .xs\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .xs\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .xs\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .xs\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .xs\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .xs\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .xs\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .xs\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .xs\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .xs\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .xs\:lh-0 {
        line-height: 0;
    }
    .xs\:lh-unset,
    .xs\:lh-u {
        line-height: unset;
    }
    .xs\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .xs\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .xs\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .xs\:lh-3,
    .xs\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .xs\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .xs\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .xs\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .xs\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .xs\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .xs\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .xs\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .xs\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .xs\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .xs\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .xs\:fs,
    .xs\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .xs\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .xs\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .xs\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .xs\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .xs\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .xs\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .xs\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .xs\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .xs\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .xs\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .xs\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .xs\:lh-0 {
        line-height: 0;
    }
    .xs\:lh-unset,
    .xs\:lh-u {
        line-height: unset;
    }
    .xs\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .xs\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .xs\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .xs\:lh-3,
    .xs\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .xs\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .xs\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (min-width: 601px) {
    .sm\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .sm\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .sm\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .sm\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .sm\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .sm\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .sm\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .sm\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .sm\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .sm\:fs,
    .sm\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .sm\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .sm\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .sm\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .sm\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .sm\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .sm\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .sm\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .sm\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .sm\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .sm\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .sm\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .sm\:lh-0 {
        line-height: 0;
    }
    .sm\:lh-unset,
    .sm\:lh-u {
        line-height: unset;
    }
    .sm\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .sm\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .sm\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .sm\:lh-3,
    .sm\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .sm\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .sm\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .sm\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .sm\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .sm\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .sm\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .sm\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .sm\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .sm\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .sm\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .sm\:fs,
    .sm\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .sm\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .sm\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .sm\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .sm\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .sm\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .sm\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .sm\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .sm\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .sm\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .sm\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .sm\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .sm\:lh-0 {
        line-height: 0;
    }
    .sm\:lh-unset,
    .sm\:lh-u {
        line-height: unset;
    }
    .sm\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .sm\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .sm\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .sm\:lh-3,
    .sm\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .sm\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .sm\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (min-width: 801px) {
    .rg\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .rg\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .rg\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .rg\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .rg\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .rg\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .rg\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .rg\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .rg\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .rg\:fs,
    .rg\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .rg\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .rg\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .rg\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .rg\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .rg\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .rg\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .rg\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .rg\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .rg\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .rg\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .rg\:lh-0 {
        line-height: 0;
    }
    .rg\:lh-unset,
    .rg\:lh-u {
        line-height: unset;
    }
    .rg\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .rg\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .rg\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .rg\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .rg\:lh-3,
    .rg\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .rg\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .rg\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .rg\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .rg\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .rg\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .rg\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .rg\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .rg\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .rg\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .rg\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .rg\:fs,
    .rg\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .rg\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .rg\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .rg\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .rg\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .rg\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .rg\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .rg\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .rg\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .rg\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .rg\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .rg\:lh-0 {
        line-height: 0;
    }
    .rg\:lh-unset,
    .rg\:lh-u {
        line-height: unset;
    }
    .rg\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .rg\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .rg\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .rg\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .rg\:lh-3,
    .rg\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .rg\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .rg\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (min-width: 1025px) {
    .md\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .md\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .md\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .md\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .md\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .md\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .md\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .md\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .md\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .md\:fs,
    .md\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .md\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .md\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .md\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .md\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .md\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .md\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .md\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .md\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .md\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .md\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .md\:lh-0 {
        line-height: 0;
    }
    .md\:lh-unset,
    .md\:lh-u {
        line-height: unset;
    }
    .md\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .md\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .md\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .md\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .md\:lh-3,
    .md\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .md\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .md\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (--mi-md-breakpoint) {
    .md\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .md\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .md\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .md\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .md\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .md\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .md\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .md\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .md\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .md\:fs,
    .md\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .md\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .md\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .md\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .md\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .md\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .md\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .md\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .md\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .md\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .md\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .md\:lh-0 {
        line-height: 0;
    }
    .md\:lh-unset,
    .md\:lh-u {
        line-height: unset;
    }
    .md\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .md\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .md\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .md\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .md\:lh-3,
    .md\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .md\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .md\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (min-width: 1281px) {
    .lg\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .lg\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .lg\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .lg\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .lg\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .lg\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .lg\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .lg\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .lg\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .lg\:fs,
    .lg\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .lg\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .lg\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .lg\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .lg\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .lg\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .lg\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .lg\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .lg\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .lg\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .lg\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .lg\:lh-0 {
        line-height: 0;
    }
    .lg\:lh-unset,
    .lg\:lh-u {
        line-height: unset;
    }
    .lg\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .lg\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .lg\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .lg\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .lg\:lh-3,
    .lg\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .lg\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .lg\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:h1 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h1);
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-h1);
    }
    .lg\:h2 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-h2);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h2);
    }
    .lg\:h3 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-h3);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h3);
    }
    .lg\:h4 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-h4);
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-h4);
    }
    .lg\:h5 {
        font-size: 1rem;
        font-size: var(--fs-h5);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h5);
    }
    .lg\:h6 {
        font-size: 1rem;
        font-size: var(--fs-h6);
        line-height: calc(1.66 * 1);
        line-height: var(--lh-h6);
    }
    .lg\:fs-d1 {
        font-size: .9rem;
        font-size: var(--fs-d1);
    }
    .lg\:small {
        font-size: .9rem;
        font-size: var(--small);
    }
    .lg\:smaller {
        font-size: .9em;
        font-size: var(--smaller);
    }
    .lg\:fs,
    .lg\:fs-default {
        font-size: 1rem;
        font-size: var(--fs);
    }
    .lg\:fs-1 {
        font-size: calc(1rem * 1.25);
        font-size: var(--fs-1);
    }
    .lg\:fs-2 {
        font-size: calc(1rem * 1.25 * 1.25);
        font-size: var(--fs-2);
    }
    .lg\:fs-3 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-3);
    }
    .lg\:fs-4 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-4);
    }
    .lg\:fs-5 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-5);
    }
    .lg\:fs-6 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-6);
    }
    .lg\:fs-7 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-7);
    }
    .lg\:fs-8 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-8);
    }
    .lg\:fs-9 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-9);
    }
    .lg\:fs-10 {
        font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
        font-size: var(--fs-10);
    }
    .lg\:lh-0 {
        line-height: 0;
    }
    .lg\:lh-unset,
    .lg\:lh-u {
        line-height: unset;
    }
    .lg\:lh-d1 {
        line-height: 0.9;
        line-height: var(--lh-d1);
    }
    .lg\:lh {
        line-height: 1;
        line-height: var(--lh);
    }
    .lg\:lh-1 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
        line-height: var(--lh-1);
    }
    .lg\:lh-2 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
        line-height: var(--lh-2);
    }
    .lg\:lh-3,
    .lg\:lh-default {
        line-height: calc(1.66 * 1);
        line-height: var(--lh-3);
    }
    .lg\:lh-4 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 4 + 1);
        line-height: var(--lh-4);
    }
    .lg\:lh-5 {
        line-height: calc((calc(1.66 * 1) - 1) / 3 * 5 + 1);
        line-height: var(--lh-5);
    }
}

:root {
  --font-family: system-ui, ui-sans-serif, sans-serif;
  --font-feature-settings: unset;
  --font-weight-bold: 700;
  --font-weight-normal: 400;
  --heading-font-family: var(--font-family);
  --heading-font-feature-settings: var(--font-feature-settings);
  --heading-font-weight: var(--font-weight-bold);
  --heading-letter-spacing: 0em;
  --heading-text-transform: none;
  --figcaption-font-family: var(--heading-font-family);
  --figcaption-font-size: smaller;
  --meta-font-family: var(--font-family);
  --meta-font-feature-settings: var(--font-feature-settings);
  --meta-font-weight: var(--font-weight-normal);
  --meta-letter-spacing: unset;
  --meta-text-transform: unset;
  --mono-font-family: ui-monospace, monospace;
  --mono-font-feature-settings: var(--font-feature-settings);
  --code-font-family: var(--mono-font-family);
  --code-font-weight: normal;
  --pre-code-horizontal-padding: var(--space-d1);
  --pre-code-vertical-padding: var(--space-d2);
  --blockquote-font-style: italic;
  --blockquote-font-weight: normal;
  --blockquote-font-size: inherit;
  --blockquote-line-height: inherit;
  --typographic-line-width: 1px;
  --blockquote-border-width: var(--typographic-line-width);
  --quote-font-style: italic;
  --text-decoration: underline;
  --text-decoration-thickness: var(--typographic-line-width);
  --link-text-decoration: var(--text-decoration);
  --link-text-decoration-thickness: var(--text-decoration-thickness);
  --font-variant-numeric: normal;
  --vertical-rhythm: var(--space);
  --vertical-rhythm-plus: var(--space-1);
  --horizontal-rhythm: calc(2 * var(--space));
  --mrt-paragraph: var(--vertical-rhythm);
  --mrb-paragraph: var(--vertical-rhythm);
  --mrt-h1: var(--vertical-rhythm-plus);
  --mrb-h1: var(--vertical-rhythm-plus);
  --mrt-h2: var(--space-3);
  --mrb-h2: var(--vertical-rhythm-plus);
  --mrt-h3: var(--space-2);
  --mrb-h3: var(--vertical-rhythm-plus);
  --mrt-h4: var(--space-2);
  --mrb-h4: var(--vertical-rhythm-plus);
  --mrt-h5: var(--space-2);
  --mrb-h5: var(--vertical-rhythm-plus);
  --mrt-h6: var(--space-2);
  --mrb-h6: var(--vertical-rhythm-plus);
  --mrt-figure: var(--space-2);
  --mrb-figure: var(--space-2);
  --mrt-blockquote: var(--space-2);
  --mrb-blockquote: var(--space-2);
  --mrt-figcaption: var(--space-d1);
  --mrb-figcaption: var(--space-d1);
  --mrt-pre: var(--vertical-rhythm-plus);
  --mrb-pre: var(--vertical-rhythm-plus);
  --mrt-hr: var(--vertical-rhythm-plus);
  --mrb-hr: var(--vertical-rhythm-plus);
  --hr-content: "*\0000a0\0000a0\0000a0\0000a0*\0000a0\0000a0\0000a0\0000a0*";
  --quotes: "„" "“" "‚" "‘";
  --quotes-de: "„" "“" "‚" "‘";
  --scroll-margin-top: var(--vertical-rhythm);
  --outline-width: var(--space-d3);
  --outline: var(--outline-width) solid var(--outline-color);
  --outline-offset: var(--space-d4);
  --kbd-shadow: 0.07em 0.07em var(--border-color);
  --summary-expanded-prefix: "ᐯ";
  --summary-collapsed-prefix: "ᐳ";
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--font-family);
  font-feature-settings: unset;
  font-feature-settings: var(--font-feature-settings);
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  font-variant-numeric: normal;
  font-variant-numeric: var(--font-variant-numeric);
}

* {
  outline: none;
}

*:focus {
  outline: 3px solid hsl(198, 100%, 33.3%);
  outline: var(--outline);
  outline-offset: 2px;
  outline-offset: var(--outline-offset);
}

@media (hover: hover) {
  a:hover {
    color: hsl(198, 100%, 33.3%);
    color: var(--link-hover-color);
  }
}

a {
  color: inherit;
  color: var(--link-color);
  text-decoration: underline;
  text-decoration: var(--link-text-decoration);
  text-decoration-thickness: 1px;
  text-decoration-thickness: var(--link-text-decoration-thickness);
  transition: color .14s ease-out;
  transition: color var(--transition-duration) ease-out;
}

a:not(table a) {
  overflow-wrap: break-word;
}

a:focus {
  color: hsl(198, 100%, 33.3%);
  color: var(--link-focus-color);
}

a:active {
  color: hsl(198, 100%, 33.3%);
  color: var(--link-active-color);
}

.font-family-inherit {
  font-family: inherit;
}

.font-size-inherit {
  font-size: inherit;
}

.line-h-inherit {
  line-height: inherit;
}

.base-font {
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--font-family);
}

.heading-font {
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--heading-font-family);
}

.meta-font {
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--meta-font-family);
}

.mono-font {
  font-family: ui-monospace, monospace;
  font-family: var(--mono-font-family);
}

.meta {
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--meta-font-family);
  font-feature-settings: unset;
  font-feature-settings: var(--meta-font-feature-settings);
  font-weight: 400;
  font-weight: var(--meta-font-weight);
  text-transform: unset;
  text-transform: var(--meta-text-transform);
  letter-spacing: unset;
  letter-spacing: var(--meta-letter-spacing);
  color: hsl(0, 0%, calc(53% - calc(53% / 7)));
  color: var(--meta-color);
}

.bold,
b,
.b,
strong,
.strong {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}

.normal,
.fw-normal {
  font-weight: normal;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 400;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.italic,
i,
.i,
em,
.em {
  font-style: italic;
}

cite,
.cite {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-style: inherit;
}

.normal {
  font-style: normal;
}

.caps,
.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.small-caps {
  font-variant-caps: small-caps;
  letter-spacing: 0.08em;
}

abbr,
.abbr {
  letter-spacing: 0.08em;
}

.all-small-caps {
  font-variant-caps: all-small-caps;
  letter-spacing: 0.08em;
}

.lowercase {
  text-transform: lowercase;
}

.lsp-d4 {
  letter-spacing: -0.08em;
}

.lsp-d3 {
  letter-spacing: -0.04em;
}

.lsp-d2 {
  letter-spacing: -0.02em;
}

.lsp-d1 {
  letter-spacing: -0.01em;
}

.no-lsp,
.lsp-0 {
  letter-spacing: none;
}

.lsp-1 {
  letter-spacing: 0.01em;
}

.lsp-2 {
  letter-spacing: 0.02em;
}

.lsp-3 {
  letter-spacing: 0.04em;
}

.lsp-4 {
  letter-spacing: 0.08em;
}

.underline,
u {
  text-decoration: underline;
  text-decoration: var(--text-decoration);
  text-decoration-thickness: 1px;
  text-decoration-thickness: var(--text-decoration-thickness);
}

.ft-num-normal {
  font-variant-numeric: "normal";
}

.ft-num-ordinal {
  font-feature-settings: "ordn";
  font-variant-numeric: ordinal;
}

.ft-num-zero {
  font-feature-settings: "zero";
  font-variant-numeric: slashed-zero;
}

.ft-num-onum {
  font-feature-settings: "onum";
  font-variant-numeric: oldstyle-nums;
}

.ft-num-lnum {
  font-feature-settings: "lnum";
  font-variant-numeric: lining-nums;
}

.ft-num-tab {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.no-wrap,
.no-break {
  white-space: nowrap;
}

.wrap-normal,
.break-normal {
  overflow-wrap: normal;
}

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

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

.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

s,
.s,
.strike,
del,
.del {
  text-decoration: line-through;
}

del,
.del {
  background: lightsalmon;
  background: var(--deleted-background);
  color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  color: var(--deleted-color);
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

ins,
.ins {
  background: greenyellow;
  background: var(--inserted-background);
  color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  color: var(--inserted-color);
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  text-decoration: none;
}

sub,
sup,
.sub,
.sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub,
.sub {
  bottom: -0.25em;
}

sup,
.sup {
  top: -0.5em;
}

mark,
.mark {
  color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  color: var(--mark-color);
  background: yellow;
  background: var(--mark-background);
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

kbd,
.kbd {
  color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  color: var(--kbd-color);
  font-size: smaller;
  background: transparent;
  background: var(--kbd-background);
  border-radius: 2px;
  border-radius: var(--space-d4);
  border: 1px solid hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  border: 1px solid var(--kbd-border-color);
  padding: 0 0.2em;
  margin: 0 0.2em;
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--font-family);
  white-space: nowrap;
  text-align: center;
  vertical-align: baseline;
  display: inline-block;
  min-width: 1.35em;
  box-shadow: 0.07em 0.07em hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  box-shadow: var(--kbd-shadow);
}

.mono {
  font-family: ui-monospace, monospace;
  font-family: var(--mono-font-family);
  font-feature-settings: unset;
  font-feature-settings: var(--mono-font-feature-settings);
}

address {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none;
  text-transform: var(--heading-text-transform);
  letter-spacing: 0em;
  letter-spacing: var(--heading-letter-spacing);
  font-weight: 700;
  font-weight: var(--heading-font-weight);
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--heading-font-family);
  font-feature-settings: unset;
  font-feature-settings: var(--heading-font-feature-settings);
  color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  color: var(--heading-color);
  scroll-margin-top: 1rem;
  scroll-margin-top: var(--scroll-margin-top);
}

h1 {
  font-size: calc(1rem * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25 * 1.25);
  font-size: var(--fs-h1);
  line-height: calc((calc(1.66 * 1) - 1) / 3 + 1);
  line-height: var(--lh-h1);
  margin-top: calc(1.66 * 1rem);
  margin-top: var(--mrt-h1);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-h1);
}

h2 {
  font-size: calc(1rem * 1.25 * 1.25 * 1.25);
  font-size: var(--fs-h2);
  line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
  line-height: var(--lh-h2);
  margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
  margin-top: var(--mrt-h2);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-h2);
}

h3 {
  font-size: calc(1rem * 1.25 * 1.25);
  font-size: var(--fs-h3);
  line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
  line-height: var(--lh-h3);
  margin-top: calc(calc(1.66 * 1rem) * 1.66);
  margin-top: var(--mrt-h3);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-h3);
}

h4 {
  font-size: calc(1rem * 1.25);
  font-size: var(--fs-h4);
  line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
  line-height: var(--lh-h4);
  margin-top: calc(calc(1.66 * 1rem) * 1.66);
  margin-top: var(--mrt-h4);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-h4);
}

h5 {
  font-size: 1rem;
  font-size: var(--fs-h5);
  line-height: calc(1.66 * 1);
  line-height: var(--lh-h5);
  margin-top: calc(calc(1.66 * 1rem) * 1.66);
  margin-top: var(--mrt-h5);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-h5);
}

h6 {
  font-size: 1rem;
  font-size: var(--fs-h6);
  line-height: calc(1.66 * 1);
  line-height: var(--lh-h6);
  margin-top: calc(calc(1.66 * 1rem) * 1.66);
  margin-top: var(--mrt-h6);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-h6);
}

p {
  margin: 0;
}

p + p {
  margin-top: 1rem;
  margin-top: var(--mrt-paragraph);
}

p.indent {
  text-indent: calc(2 * 1rem);
  text-indent: var(--horizontal-rhythm);
}

.indent p + p,
p + p.indent,
.no-indent .indent p + p {
  text-indent: calc(2 * 1rem);
  text-indent: var(--horizontal-rhythm);
  margin-top: 0;
}

p.no-indent {
  text-indent: 0;
}

.no-indent p + p,
p + p.no-indent,
.indent .no-indent p + p {
  text-indent: 0;
  margin-top: 1rem;
  margin-top: var(--mrt-paragraph);
}

.code,
code,
samp,
pre,
.pre {
  font-family: ui-monospace, monospace;
  font-family: var(--code-font-family);
  font-size: .95em;
  font-size: var(--fs-mono);
}

pre,
.pre {
  white-space: pre;
  word-break: normal;
  /*for safari */
  overflow-wrap: normal;
  /*for safari */
  background: transparent;
  background: var(--pre-background);
  color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  color: var(--pre-color);
  margin-top: calc(1.66 * 1rem);
  margin-top: var(--mrt-pre);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-pre);
}

pre[data-language]::before {
  content: attr(data-language);
  font-family: var(--base-font);
  font-size: .9em;
  font-size: var(--smaller);
}

pre > *,
.pre > * {
  overflow-x: auto;
}

.code:not(pre .code),
code:not(pre code) {
  font-weight: normal;
  font-weight: var(--code-font-weight);
  background: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
  background: var(--code-background);
  color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  color: var(--code-color);
}

pre > code {
  background: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
  background: var(--pre-code-background);
  color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
  color: var(--pre-code-color);
  padding: calc(calc(1rem / 1.66) / 1.66) calc(1rem / 1.66);
  padding: var(--pre-code-vertical-padding) var(--pre-code-horizontal-padding);
  display: block;
  text-align: left;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* purgecss start ignore */

/*pre>code[class^=language-]::before {
    content: attr(class);
    background: var(--base-background);
    color: var(--base-color);
    font-family: var(--figcaption-font-family);
    display: block;
    position: absolute;
    margin-top: calc(-1 * var(--lh-default) * var(--fs-default));
    margin-right: calc(-1 * var(--horizontal-rhythm));
    margin-left: calc(-1 * var(--space-d1));
    font-size: var(--fs-default);
    padding-right: var(--space-d1);
}*/

/* purgecss end ignore */

blockquote {
  margin-top: calc(calc(1.66 * 1rem) * 1.66);
  margin-top: var(--mrt-blockquote);
  margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
  margin-bottom: var(--mrb-blockquote);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-style: italic;
  font-style: var(--blockquote-font-style);
  font-weight: normal;
  font-weight: var(--blockquote-font-weight);
  background: transparent;
  background: var(--blockquote-background);
  font-size: inherit;
  font-size: var(--blockquote-font-size);
  line-height: inherit;
  line-height: var(--blockquote-line-height);
}

blockquote > header,
blockquote > footer {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 1rem;
  font-size: var(--fs);
}

blockquote::before {
  content: "";
  width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
  width: var(--space-3);
  display: block;
  margin-right: auto;
  border-top: 1px solid currentColor;
  border-top: var(--blockquote-border-width) solid var(--li-prefix-color);
}

blockquote p {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote p + p {
  text-indent: calc(2 * 1rem);
  text-indent: var(--horizontal-rhythm);
}

q,
.q,
.quote {
  quotes: "„" "“" "‚" "‘";
  quotes: var(--quotes);
  font-style: italic;
  font-style: var(--quote-font-style);
}

html[lang="de-DE"] q,
html[lang="de-DE"] .q,
html[lang="de-DE"] .quote,
html[lang="de-DE"] blockquote {
  quotes: "„" "“" "‚" "‘";
  quotes: var(--quotes-de);
}

figure {
  margin-top: calc(calc(1.66 * 1rem) * 1.66);
  margin-top: var(--mrt-figure);
  margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
  margin-bottom: var(--mrb-figure);
  margin-left: 0;
  margin-right: 0;
}

figure > :first-child,
blockquote > :first-child:not(footer) {
  margin-top: 0;
}

figure > :last-child,
blockquote > :last-child:not(header) {
  margin-bottom: 0;
}

figcaption,
blockquote > footer,
blockquote > header {
  text-align: left;
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--figcaption-font-family);
  font-style: normal;
  max-width: 34rem;
  max-width: var(--rg-width);
  line-height: calc(1.66 * 1);
  line-height: var(--lh-default);
  padding-left: calc(2 * 1rem);
  padding-left: var(--horizontal-rhythm);
  position: relative;
}

figcaption {
  margin-top: calc(1rem / 1.66);
  margin-top: var(--mrt-figcaption);
  margin-bottom: calc(1rem / 1.66);
  margin-bottom: var(--mrb-figcaption);
  font-size: smaller;
  font-size: var(--figcaption-font-size);
  padding-left: unset;
}

blockquote > header::before,
blockquote > footer::before {
  content: "";
  display: inline-flex;
  align-self: baseline;
  position: absolute;
  left: 0;
  width: calc(2 * 1rem);
  width: var(--horizontal-rhythm);
  height: 1em;
  border-top: 1px solid currentColor;
  border-top: var(--blockquote-border-width) solid currentColor;
  font-weight: normal;
}

@media (max-width: 600px) {
  figcaption,
  blockquote > footer,
  blockquote > header {
    max-width: unset;
  }
}

@media (--mx-sm-breakpoint) {
  figcaption,
  blockquote > footer,
  blockquote > header {
    max-width: unset;
  }
}

hr {
  border: 0;
  text-align: center;
  margin-top: calc(1.66 * 1rem);
  margin-top: var(--mrt-hr);
  margin-bottom: calc(1.66 * 1rem);
  margin-bottom: var(--mrb-hr);
  color: inherit;
}

hr::after {
  content: "*\0000a0\0000a0\0000a0\0000a0*\0000a0\0000a0\0000a0\0000a0*";
  content: var(--hr-content);
  white-space: pre;
  color: inherit;
}

.vertical-lr {
  writing-mode: vertical-lr;
}

.vertical-rl {
  writing-mode: vertical-rl;
}

.horizontal-tb {
  writing-mode: horizontal-tb;
}

details > summary {
  cursor: pointer;
}

@media (hover: hover) {
  details > summary:hover {
    color: hsl(198, 100%, 33.3%);
    color: var(--link-hover-color);
  }
}

details > summary > * {
  display: inline;
}

details > summary::marker,
details > summary::-webkit-details-marker {
  display: none;
  content: "";
}

details > summary::before {
  content: "ᐳ";
  content: var(--summary-collapsed-prefix);
  padding-right: calc(1rem / 1.66);
  padding-right: var(--space-d1);
  display: inline-flex;
  justify-content: flex-start;
  align-content: baseline;
  color: currentColor;
  color: var(--li-prefix-color);
  white-space: nowrap;
}

details[open] > summary::before {
  content: "ᐯ";
  content: var(--summary-expanded-prefix);
}

@media (min-width: 9999px) {
  .outdent
    details
    > summary:not(details > summary.no-outdent):not(.no-outdent
      summary):not(table details > summary):not(pre details > summary)::before {
    margin-left: calc(-1 * calc(2 * 1rem));
    margin-left: calc(-1 * var(--horizontal-rhythm));
    min-width: calc(2 * 1rem);
    min-width: var(--horizontal-rhythm);
    justify-content: flex-end;
  }
}

@media (--outdent-breakpoint) {
  .outdent
    details
    > summary:not(details > summary.no-outdent):not(.no-outdent
      summary):not(table details > summary):not(pre details > summary)::before {
    margin-left: calc(-1 * calc(2 * 1rem));
    margin-left: calc(-1 * var(--horizontal-rhythm));
    min-width: calc(2 * 1rem);
    min-width: var(--horizontal-rhythm);
    justify-content: flex-end;
  }
}

:root {
    --border-width: 1px;
    --rounded: var(--space-d3);
    --border-style: solid;
    --border: var(--border-width) var(--border-style) var(--border-color);
    border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-color: var(--border-color);
}

.br {
    border-style: solid;
    border-style: var(--border-style);
    border-width: 1px;
    border-width: var(--border-width);
    border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-color: var(--border-color);
}

.brx {
    border-left-style: solid;
    border-left-style: var(--border-style);
    border-left-width: 1px;
    border-left-width: var(--border-width);
    border-left-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-left-color: var(--border-color);
    border-right-style: solid;
    border-right-style: var(--border-style);
    border-right-width: 1px;
    border-right-width: var(--border-width);
    border-right-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-right-color: var(--border-color);
    border-top-width: 0;
    border-bottom-width: 0;
}

.bry {
    border-top-style: solid;
    border-top-style: var(--border-style);
    border-top-width: 1px;
    border-top-width: var(--border-width);
    border-top-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-top-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-style: var(--border-style);
    border-bottom-width: 1px;
    border-bottom-width: var(--border-width);
    border-bottom-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-bottom-color: var(--border-color);
    border-left-width: 0;
    border-right-width: 0;
}

.brt {
    border-top-style: solid;
    border-top-style: var(--border-style);
    border-top-width: 1px;
    border-top-width: var(--border-width);
    border-top-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-top-color: var(--border-color);
}

.brr {
    border-right-style: solid;
    border-right-style: var(--border-style);
    border-right-width: 1px;
    border-right-width: var(--border-width);
    border-right-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-right-color: var(--border-color);
}

.brb {
    border-bottom-style: solid;
    border-bottom-style: var(--border-style);
    border-bottom-width: 1px;
    border-bottom-width: var(--border-width);
    border-bottom-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-bottom-color: var(--border-color);
}

.brl {
    border-left-style: solid;
    border-left-style: var(--border-style);
    border-left-width: 1px;
    border-left-width: var(--border-width);
    border-left-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-left-color: var(--border-color);
}

.br-0,
.no-br {
    border-style: none;
    border-width: 0;
}

.dotted {
    border-style: dotted;
}

.dashed {
    border-style: dashed;
}

.solid {
    border-style: solid;
}

.brw-0 {
    border-width: 0;
}

.brw-d5,
.brw-default {
    border-width: 1px;
    border-width: var(--space-d5);
}

.brw-d4 {
    border-width: 2px;
    border-width: var(--space-d4);
}

.brw-d3 {
    border-width: 3px;
    border-width: var(--space-d3);
}

.brw-d2 {
    border-width: calc(calc(1rem / 1.66) / 1.66);
    border-width: var(--space-d2);
}

.brw-d1 {
    border-width: calc(1rem / 1.66);
    border-width: var(--space-d1);
}

.brw {
    border-width: 1rem;
    border-width: var(--space);
}

.no-radius,
.radius-0 {
    border-radius: none;
}

.radius-d3,
.rounded {
    border-radius: 3px;
    border-radius: var(--rounded);
}

.radius-d2 {
    border-radius: calc(calc(1rem / 1.66) / 1.66);
    border-radius: var(--space-d2);
}

.radius-d1 {
    border-radius: calc(1rem / 1.66);
    border-radius: var(--space-d1);
}

.radius {
    border-radius: 1rem;
    border-radius: var(--space);
}

.radius-pill {
    border-radius: 9999px;
}

.radius-100 {
    border-radius: 100%;
}

.radius-t {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.radius-tl {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.radius-tr {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.radius-r {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.radius-b {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.radius-bl {
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.radius-br {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.radius-l {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

:root {
    /*smaller dn-spread number makes darker colors*/
    --color-dn-spread: 7;
    /*smaller up-spread number makes lighter colors*/
    --color-up-spread: 6;

    --neutral-h: 0;
    --neutral-s: 0%;
    --neutral-l: 53%;
    --primary-h: 198;
    --primary-s: 100%;
    --primary-l: 33.3%;
    --accent-one-h: 80;
    --accent-one-s: 100%;
    --accent-one-l: 30%;
    --accent-two-h: 326.7;
    --accent-two-s: 100%;
    --accent-two-l: 30%;
    --accent-three-h: 356;
    --accent-three-s: 83%;
    --accent-three-l: 41%;
    --accent-four-h: 32;
    --accent-four-s: 100%;
    --accent-four-l: 49%;
    --accent-five-h: 43;
    --accent-five-s: 100%;
    --accent-five-l: 51%;
    --neutral-up-step: calc((100% - var(--neutral-l)) / var(--color-up-spread));
    --neutral-dn-step: calc(var(--neutral-l) / var(--color-dn-spread));
    --neutral-d5: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) - 5 * var(--neutral-dn-step)));
    --neutral-d4: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) - 4 * var(--neutral-dn-step)));
    --neutral-d3: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) - 3 * var(--neutral-dn-step)));
    --neutral-d2: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) - 2 * var(--neutral-dn-step)));
    --neutral-d1: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) - var(--neutral-dn-step)));
    --neutral: hsl(var(--neutral-h), var(--neutral-s), var(--neutral-l));
    --neutral-1: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + var(--neutral-up-step)));
    --neutral-2: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 2 * var(--neutral-up-step)));
    --neutral-3: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 3 * var(--neutral-up-step)));
    --neutral-4: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 4 * var(--neutral-up-step)));
    --neutral-5: hsl(var(--neutral-h), var(--neutral-s), calc(var(--neutral-l) + 5 * var(--neutral-up-step)));
    --primary-up-step: calc((100% - var(--primary-l)) / var(--color-up-spread));
    --primary-dn-step: calc(var(--primary-l) / var(--color-dn-spread));
    --primary-d5: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 5 * var(--primary-dn-step)));
    --primary-d4: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 4 * var(--primary-dn-step)));
    --primary-d3: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 3 * var(--primary-dn-step)));
    --primary-d2: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 2 * var(--primary-dn-step)));
    --primary-d1: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - var(--primary-dn-step)));
    --primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
    --primary-1: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + var(--primary-up-step)));
    --primary-2: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 2 * var(--primary-up-step)));
    --primary-3: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 3 * var(--primary-up-step)));
    --primary-4: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 4 * var(--primary-up-step)));
    --primary-5: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 5 * var(--primary-up-step)));
    --accent-one-up-step: calc((100% - var(--accent-one-l)) / var(--color-up-spread));
    --accent-one-dn-step: calc(var(--accent-one-l) / var(--color-dn-spread));
    --accent-one-d5: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) - 5 * var(--accent-one-dn-step)));
    --accent-one-d4: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) - 4 * var(--accent-one-dn-step)));
    --accent-one-d3: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) - 3 * var(--accent-one-dn-step)));
    --accent-one-d2: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) - 2 * var(--accent-one-dn-step)));
    --accent-one-d1: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) - var(--accent-one-dn-step)));
    --accent-one: hsl(var(--accent-one-h), var(--accent-one-s), var(--accent-one-l));
    --accent-one-1: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) + var(--accent-one-up-step)));
    --accent-one-2: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) + 2 * var(--accent-one-up-step)));
    --accent-one-3: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) + 3 * var(--accent-one-up-step)));
    --accent-one-4: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) + 4 * var(--accent-one-up-step)));
    --accent-one-5: hsl(var(--accent-one-h), var(--accent-one-s), calc(var(--accent-one-l) + 5 * var(--accent-one-up-step)));
    --accent-two-up-step: calc((100% - var(--accent-two-l)) / var(--color-up-spread));
    --accent-two-dn-step: calc(var(--accent-two-l) / var(--color-dn-spread));
    --accent-two-d5: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) - 5 * var(--accent-two-dn-step)));
    --accent-two-d4: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) - 4 * var(--accent-two-dn-step)));
    --accent-two-d3: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) - 3 * var(--accent-two-dn-step)));
    --accent-two-d2: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) - 2 * var(--accent-two-dn-step)));
    --accent-two-d1: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) - var(--accent-two-dn-step)));
    --accent-two: hsl(var(--accent-two-h), var(--accent-two-s), var(--accent-two-l));
    --accent-two-1: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) + var(--accent-two-up-step)));
    --accent-two-2: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) + 2 * var(--accent-two-up-step)));
    --accent-two-3: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) + 3 * var(--accent-two-up-step)));
    --accent-two-4: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) + 4 * var(--accent-two-up-step)));
    --accent-two-5: hsl(var(--accent-two-h), var(--accent-two-s), calc(var(--accent-two-l) + 5 * var(--accent-two-up-step)));
    --accent-three-up-step: calc((100% - var(--accent-three-l)) / var(--color-up-spread));
    --accent-three-dn-step: calc(var(--accent-three-l) / var(--color-dn-spread));
    --accent-three-d5: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) - 5 * var(--accent-three-dn-step)));
    --accent-three-d4: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) - 4 * var(--accent-three-dn-step)));
    --accent-three-d3: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) - 3 * var(--accent-three-dn-step)));
    --accent-three-d2: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) - 2 * var(--accent-three-dn-step)));
    --accent-three-d1: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) - var(--accent-three-dn-step)));
    --accent-three: hsl(var(--accent-three-h), var(--accent-three-s), var(--accent-three-l));
    --accent-three-1: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) + var(--accent-three-up-step)));
    --accent-three-2: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) + 2 * var(--accent-three-up-step)));
    --accent-three-3: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) + 3 * var(--accent-three-up-step)));
    --accent-three-4: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) + 4 * var(--accent-three-up-step)));
    --accent-three-5: hsl(var(--accent-three-h), var(--accent-three-s), calc(var(--accent-three-l) + 5 * var(--accent-three-up-step)));
    --accent-four-up-step: calc((100% - var(--accent-four-l)) / var(--color-up-spread));
    --accent-four-dn-step: calc(var(--accent-four-l) / var(--color-dn-spread));
    --accent-four-d5: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) - 5 * var(--accent-four-dn-step)));
    --accent-four-d4: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) - 4 * var(--accent-four-dn-step)));
    --accent-four-d3: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) - 3 * var(--accent-four-dn-step)));
    --accent-four-d2: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) - 2 * var(--accent-four-dn-step)));
    --accent-four-d1: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) - var(--accent-four-dn-step)));
    --accent-four: hsl(var(--accent-four-h), var(--accent-four-s), var(--accent-four-l));
    --accent-four-1: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) + var(--accent-four-up-step)));
    --accent-four-2: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) + 2 * var(--accent-four-up-step)));
    --accent-four-3: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) + 3 * var(--accent-four-up-step)));
    --accent-four-4: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-four-l) + 4 * var(--accent-four-up-step)));
    --accent-four-5: hsl(var(--accent-four-h), var(--accent-four-s), calc(var(--accent-three-l) + 5 * var(--accent-three-up-step)));
    --accent-five-up-step: calc((100% - var(--accent-five-l)) / var(--color-up-spread));
    --accent-five-dn-step: calc(var(--accent-five-l) / var(--color-dn-spread));
    --accent-five-d5: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) - 5 * var(--accent-five-dn-step)));
    --accent-five-d4: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) - 4 * var(--accent-five-dn-step)));
    --accent-five-d3: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) - 3 * var(--accent-five-dn-step)));
    --accent-five-d2: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) - 2 * var(--accent-five-dn-step)));
    --accent-five-d1: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) - var(--accent-five-dn-step)));
    --accent-five: hsl(var(--accent-five-h), var(--accent-five-s), var(--accent-five-l));
    --accent-five-1: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) + var(--accent-five-up-step)));
    --accent-five-2: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) + 2 * var(--accent-five-up-step)));
    --accent-five-3: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) + 3 * var(--accent-five-up-step)));
    --accent-five-4: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-five-l) + 4 * var(--accent-five-up-step)));
    --accent-five-5: hsl(var(--accent-five-h), var(--accent-five-s), calc(var(--accent-three-l) + 5 * var(--accent-three-up-step)));

    --base-color: var(--neutral-d5);
    --base-background: white;

    --mark-background: yellow;
    --mark-color: var(--neutral-d5);

    --mark-background: yellow;
    --mark-color: var(--neutral-d5);

    --inserted-background: greenyellow;
    --inserted-color: var(--neutral-d5);

    --deleted-background: lightsalmon;
    --deleted-color: var(--neutral-d5);

    --selection-background: var(--primary-5);
    --selection-color: var(--base-color);


    --border-color: var(--base-color);
    --link-color: inherit;
    --link-hover-color: var(--primary);
    --link-focus-color: var(--link-hover-color);
    --link-active-color: var(--link-hover-color);
    --outline-color: var(--primary);
    --heading-color: var(--base-color);
    --meta-color: var(--neutral-d1);
    --description-color: var(--meta-color);
    --error-color: crimson;
    --li-prefix-color: currentColor;
    --ul-li-prefix-color: var(--li-prefix-color);
    --ol-li-prefix-color: var(--li-prefix-color);
    --heading-outline-color: var(--ol-li-prefix-color);
    --form-label-color: var(--base-color);
    --form-field-color: var(--base-color);
    --form-field-border-color: var(--border-color);
    --caret-color: var(--primary-d1);
    --form-button-background: var(--primary);
    --form-button-active-brightness: 1.15;
    --form-button-hover-brightness: var(--form-button-active-brightness);
    --form-button-focus-brightness: 1;
    --form-button-disabled-opacity: .6;
    --form-button-color: white;
    --form-field-background: var(--neutral-5);
    --form-field-focus-color: var(--primary);
    --kbd-background: transparent;
    --kbd-color: var(--base-color);
    --kbd-border-color: var(--border-color);
    --timeline-color: var(--li-prefix-color);
    --timeline-blub-color: var(--timeline-color);
    --timeline-blub-background: var(--base-background);
    --code-background: var(--neutral-5);
    --code-color: var(--base-color);
    --pre-background: transparent;
    --pre-color: var(--base-color);
    --pre-code-color: var(--neutral-5);
    --pre-code-background: var(--neutral-d5);
    --blockquote-background: transparent;
    --table-alternate-row-background: var(--neutral-5);
    --table-alternate-col-background: var(--neutral-5);
    --table-hover-row-background: var(--primary-5);
    --table-underline-row-color: var(--border-color);
    --table-head-background: var(--base-background);

    --img-filter: ;
}

:root {
    /*smaller dn-spread number makes darker colors*/
    --dark-color-dn-spread: calc(var(--color-dn-spread));
    /*smaller up-spread number makes lighter colors*/
    --dark-color-up-spread: calc(var(--color-up-spread) + 1);

    --dark-lower-base-background: 5%;


    --dark-neutral-h: var(--neutral-h);
    --dark-neutral-s: var(--neutral-s);
    --dark-neutral-l: var(--neutral-l);
    --dark-primary-h: var(--primary-h);
    --dark-primary-s: var(--primary-s);
    --dark-primary-l: var(--primary-l);
    --dark-accent-one-h: var(--accent-one-h);
    --dark-accent-one-s: var(--accent-one-s);
    --dark-accent-one-l: var(--accent-one-l);
    --dark-accent-two-h: var(--accent-two-h);
    --dark-accent-two-s: var(--accent-two-s);
    --dark-accent-two-l: var(--accent-two-l);
    --dark-accent-three-h: var(--accent-three-h);
    --dark-accent-three-s: var(--accent-three-s);
    --dark-accent-three-l: var(--accent-three-l);
    --dark-accent-four-h: var(--accent-four-h);
    --dark-accent-four-s: var(--accent-four-s);
    --dark-accent-four-l: var(--accent-four-l);
    --dark-accent-five-h: var(--accent-five-h);
    --dark-accent-five-s: var(--accent-five-s);
    --dark-accent-five-l: var(--accent-five-l);
}

@media (prefers-color-scheme: dark) {
    .auto-dark-mode {
        --neutral-up-step: calc((100% - var(--dark-neutral-l)) / var(--dark-color-up-spread));
        --neutral-dn-step: calc(var(--dark-neutral-l) / var(--dark-color-dn-spread));
        --neutral-d5: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) - 5 * var(--neutral-dn-step)));
        --neutral-d4: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) - 4 * var(--neutral-dn-step)));
        --neutral-d3: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) - 3 * var(--neutral-dn-step)));
        --neutral-d2: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) - 2 * var(--neutral-dn-step)));
        --neutral-d1: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) - var(--neutral-dn-step)));
        --neutral: hsl(var(--dark-neutral-h), var(--dark-neutral-s), var(--dark-neutral-l));
        --neutral-1: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) + var(--neutral-up-step)));
        --neutral-2: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) + 2 * var(--neutral-up-step)));
        --neutral-3: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) + 3 * var(--neutral-up-step)));
        --neutral-4: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) + 4 * var(--neutral-up-step)));
        --neutral-5: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) + 5 * var(--neutral-up-step)));
        --primary-up-step: calc((100% - var(--dark-primary-l)) / var(--dark-color-up-spread));
        --primary-dn-step: calc(var(--dark-primary-l) / var(--dark-color-dn-spread));
        --primary-d5: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) - 5 * var(--primary-dn-step)));
        --primary-d4: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) - 4 * var(--primary-dn-step)));
        --primary-d3: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) - 3 * var(--primary-dn-step)));
        --primary-d2: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) - 2 * var(--primary-dn-step)));
        --primary-d1: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) - var(--primary-dn-step)));
        --primary: hsl(var(--dark-primary-h), var(--dark-primary-s), var(--dark-primary-l));
        --primary-1: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) + var(--primary-up-step)));
        --primary-2: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) + 2 * var(--primary-up-step)));
        --primary-3: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) + 3 * var(--primary-up-step)));
        --primary-4: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) + 4 * var(--primary-up-step)));
        --primary-5: hsl(var(--dark-primary-h), var(--dark-primary-s), calc(var(--dark-primary-l) + 5 * var(--primary-up-step)));
        --accent-one-up-step: calc((100% - var(--dark-accent-one-l)) / var(--dark-color-up-spread));
        --accent-one-dn-step: calc(var(--dark-accent-one-l) / var(--dark-color-dn-spread));
        --accent-one-d5: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) - 5 * var(--accent-one-dn-step)));
        --accent-one-d4: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) - 4 * var(--accent-one-dn-step)));
        --accent-one-d3: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) - 3 * var(--accent-one-dn-step)));
        --accent-one-d2: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) - 2 * var(--accent-one-dn-step)));
        --accent-one-d1: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) - var(--accent-one-dn-step)));
        --accent-one: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), var(--dark-accent-one-l));
        --accent-one-1: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) + var(--accent-one-up-step)));
        --accent-one-2: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) + 2 * var(--accent-one-up-step)));
        --accent-one-3: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) + 3 * var(--accent-one-up-step)));
        --accent-one-4: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) + 4 * var(--accent-one-up-step)));
        --accent-one-5: hsl(var(--dark-accent-one-h), var(--dark-accent-one-s), calc(var(--dark-accent-one-l) + 5 * var(--accent-one-up-step)));
        --accent-two-up-step: calc((100% - var(--dark-accent-two-l)) / var(--dark-color-up-spread));
        --accent-two-dn-step: calc(var(--dark-accent-two-l) / var(--dark-color-dn-spread));
        --accent-two-d5: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) - 5 * var(--accent-two-dn-step)));
        --accent-two-d4: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) - 4 * var(--accent-two-dn-step)));
        --accent-two-d3: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) - 3 * var(--accent-two-dn-step)));
        --accent-two-d2: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) - 2 * var(--accent-two-dn-step)));
        --accent-two-d1: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) - var(--accent-two-dn-step)));
        --accent-two: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), var(--dark-accent-two-l));
        --accent-two-1: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) + var(--accent-two-up-step)));
        --accent-two-2: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) + 2 * var(--accent-two-up-step)));
        --accent-two-3: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) + 3 * var(--accent-two-up-step)));
        --accent-two-4: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) + 4 * var(--accent-two-up-step)));
        --accent-two-5: hsl(var(--dark-accent-two-h), var(--dark-accent-two-s), calc(var(--dark-accent-two-l) + 5 * var(--accent-two-up-step)));
        --accent-three-up-step: calc((100% - var(--dark-accent-three-l)) / var(--dark-color-up-spread));
        --accent-three-dn-step: calc(var(--dark-accent-three-l) / var(--dark-color-dn-spread));
        --accent-three-d5: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) - 5 * var(--accent-three-dn-step)));
        --accent-three-d4: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) - 4 * var(--accent-three-dn-step)));
        --accent-three-d3: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) - 3 * var(--accent-three-dn-step)));
        --accent-three-d2: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) - 2 * var(--accent-three-dn-step)));
        --accent-three-d1: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) - var(--accent-three-dn-step)));
        --accent-three: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), var(--dark-accent-three-l));
        --accent-three-1: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) + var(--accent-three-up-step)));
        --accent-three-2: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) + 2 * var(--accent-three-up-step)));
        --accent-three-3: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) + 3 * var(--accent-three-up-step)));
        --accent-three-4: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) + 4 * var(--accent-three-up-step)));
        --accent-three-5: hsl(var(--dark-accent-three-h), var(--dark-accent-three-s), calc(var(--dark-accent-three-l) + 5 * var(--accent-three-up-step)));
        --accent-four-up-step: calc((100% - var(--dark-accent-four-l)) / var(--dark-color-up-spread));
        --accent-four-dn-step: calc(var(--dark-accent-four-l) / var(--dark-color-dn-spread));
        --accent-four-d5: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) - 5 * var(--accent-four-dn-step)));
        --accent-four-d4: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) - 4 * var(--accent-four-dn-step)));
        --accent-four-d3: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) - 3 * var(--accent-four-dn-step)));
        --accent-four-d2: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) - 2 * var(--accent-four-dn-step)));
        --accent-four-d1: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) - var(--accent-four-dn-step)));
        --accent-four: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), var(--dark-accent-four-l));
        --accent-four-1: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) + var(--accent-four-up-step)));
        --accent-four-2: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) + 2 * var(--accent-four-up-step)));
        --accent-four-3: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) + 3 * var(--accent-four-up-step)));
        --accent-four-4: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-four-l) + 4 * var(--accent-four-up-step)));
        --accent-four-5: hsl(var(--dark-accent-four-h), var(--dark-accent-four-s), calc(var(--dark-accent-three-l) + 5 * var(--accent-three-up-step)));
        --accent-five-up-step: calc((100% - var(--dark-accent-five-l)) / var(--dark-color-up-spread));
        --accent-five-dn-step: calc(var(--dark-accent-five-l) / var(--dark-color-dn-spread));
        --accent-five-d5: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) - 5 * var(--accent-five-dn-step)));
        --accent-five-d4: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) - 4 * var(--accent-five-dn-step)));
        --accent-five-d3: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) - 3 * var(--accent-five-dn-step)));
        --accent-five-d2: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) - 2 * var(--accent-five-dn-step)));
        --accent-five-d1: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) - var(--accent-five-dn-step)));
        --accent-five: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), var(--dark-accent-five-l));
        --accent-five-1: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) + var(--accent-five-up-step)));
        --accent-five-2: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) + 2 * var(--accent-five-up-step)));
        --accent-five-3: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) + 3 * var(--accent-five-up-step)));
        --accent-five-4: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-five-l) + 4 * var(--accent-five-up-step)));
        --accent-five-5: hsl(var(--dark-accent-five-h), var(--dark-accent-five-s), calc(var(--dark-accent-three-l) + 5 * var(--accent-three-up-step)));

        --base-color: var(--neutral-4);
        --base-background: hsl(var(--dark-neutral-h), var(--dark-neutral-s), calc(var(--dark-neutral-l) - var(--dark-lower-base-background) - 5 * var(--neutral-dn-step)));

        --mark-background: yellow;
        --mark-color: var(--neutral-d5);

        --inserted-background: greenyellow;
        --inserted-color: var(--neutral-d5);

        --deleted-background: lightsalmon;
        --deleted-color: var(--neutral-d5);

        --selection-background: var(--primary-5);
        --selection-color: var(--neutral-d5);
        
        --border-color: var(--base-color);
        --link-color: inherit;
        --link-hover-color: var(--primary-1);
        --link-focus-color: var(--link-hover-color);
        --link-active-color: var(--link-hover-color);
        --outline-color: var(--primary-1);
        --heading-color: var(--base-color);
        --meta-color: var(--neutral-1);
        --description-color: var(--meta-color);
        --error-color: crimson;
        --li-prefix-color: currentColor;
        --ul-li-prefix-color: var(--li-prefix-color);
        --ol-li-prefix-color: var(--li-prefix-color);
        --heading-outline-color: var(--ol-li-prefix-color);
        --form-label-color: var(--base-color);
        --form-field-color: var(--base-color);
        --form-field-border-color: var(--border-color);
        --caret-color: var(--primary-2);
        --form-button-background: var(--primary-1);
        --form-button-active-brightness: 1.15;
        --form-button-hover-brightness: var(--form-button-active-brightness);
        --form-button-focus-brightness: 1;
        --form-button-disabled-opacity: .6;
        --form-button-color: white;
        --form-field-background: var(--neutral-d4);
        --form-field-focus-color: var(--primary-1);
        --kbd-background: transparent;
        --kbd-color: var(--base-color);
        --kbd-border-color: var(--border-color);
        --timeline-color: var(--li-prefix-color);
        --timeline-blub-color: var(--timeline-color);
        --timeline-blub-background: var(--base-background);
        --code-background: var(--neutral-d4);
        --code-color: var(--neutral-5);
        --pre-background: transparent;
        --pre-color: var(--base-color);
        --pre-code-color: var(--neutral-5);
        --pre-code-background: var(--neutral-d4);
        --blockquote-background: transparent;
        --table-alternate-row-background: var(--neutral-d4);
        --table-alternate-col-background: var(--neutral-d4);
        --table-hover-row-background: var(--neutral-d3);
        --table-underline-row-color: var(--border-color);
        --table-head-background: var(--base-background);

        --img-filter: brightness(.8) contrast(1.2);
        }
}

:root {
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--base-color);
    background: white;
    background: var(--base-background);
    color-scheme: light dark;
    /* both supported */
}

::selection {
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--selection-color);
    background: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
    background: var(--selection-background);
}

.neutral-d5 {
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--neutral-d5);
}

.neutral-d4 {
    color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
    color: var(--neutral-d4);
}

.neutral-d3 {
    color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
    color: var(--neutral-d3);
}

.neutral-d2 {
    color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
    color: var(--neutral-d2);
}

.neutral-d1 {
    color: hsl(0, 0%, calc(53% - calc(53% / 7)));
    color: var(--neutral-d1);
}

.neutral {
    color: hsl(0, 0%, 53%);
    color: var(--neutral);
}

.neutral-1 {
    color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
    color: var(--neutral-1);
}

.neutral-2 {
    color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
    color: var(--neutral-2);
}

.neutral-3 {
    color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
    color: var(--neutral-3);
}

.neutral-4 {
    color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
    color: var(--neutral-4);
}

.neutral-5 {
    color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    color: var(--neutral-5);
}

.white {
    color: white;
}

.black {
    color: black;
}

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

.base-color {
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--base-color);
}

.meta-color {
    color: hsl(0, 0%, calc(53% - calc(53% / 7)));
    color: var(--meta-color);
}

.heading-color {
    color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    color: var(--heading-color);
}

.link-color {
    color: inherit;
    color: var(--link-color);
}

.link-hover-color {
    color: hsl(198, 100%, 33.3%);
    color: var(--link-hover-color);
}

.link-active-color {
    color: hsl(198, 100%, 33.3%);
    color: var(--link-active-color);
}

.link-focus-color {
    color: hsl(198, 100%, 33.3%);
    color: var(--link-focus-color);
}

.form-hover-color {
    color: var(--form-hover-color);
}

.form-active-color {
    color: var(--form-active-color);
}

.form-focus-color {
    color: var(--form-focus-color);
}

.li-prefix-color {
    color: currentColor;
    color: var(--li-prefix-color);
}

/* Background */

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

.bg-link-hover-color {
    background: hsl(198, 100%, 33.3%);
    background: var(--link-hover-color);
}

.bg-link-active-color {
    background: hsl(198, 100%, 33.3%);
    background: var(--link-active-color);
}

.bg-link-focus-color {
    background: hsl(198, 100%, 33.3%);
    background: var(--link-focus-color);
}

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

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

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

.bg-li-prefix-color {
    background: currentColor;
    background: var(--li-prefix-color);
}

.bg-neutral-d5 {
    background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    background-color: var(--neutral-d5);
}

.bg-neutral-d4 {
    background-color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
    background-color: var(--neutral-d4);
}

.bg-neutral-d3 {
    background-color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
    background-color: var(--neutral-d3);
}

.bg-neutral-d2 {
    background-color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
    background-color: var(--neutral-d2);
}

.bg-neutral-d1 {
    background-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
    background-color: var(--neutral-d1);
}

.bg-neutral {
    background-color: hsl(0, 0%, 53%);
    background-color: var(--neutral);
}

.bg-neutral-1 {
    background-color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
    background-color: var(--neutral-1);
}

.bg-neutral-2 {
    background-color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
    background-color: var(--neutral-2);
}

.bg-neutral-3 {
    background-color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
    background-color: var(--neutral-3);
}

.bg-neutral-4 {
    background-color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
    background-color: var(--neutral-4);
}

.bg-neutral-5 {
    background-color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    background-color: var(--neutral-5);
}

.bg-transparent {
    background-color: transparent;
}

.bg-white {
    background-color: white;
}

.bg-black {
    background-color: black;
}

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

.bg-base-color {
    background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    background-color: var(--base-color);
}

.bg-meta-color {
    background-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
    background-color: var(--meta-color);
}

.bg-heading-color {
    background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    background-color: var(--heading-color);
}

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

.bg-link-hover-color {
    background-color: hsl(198, 100%, 33.3%);
    background-color: var(--link-hover-color);
}

.bg-link-active-color {
    background-color: hsl(198, 100%, 33.3%);
    background-color: var(--link-active-color);
}

.bg-link-focus-color {
    background-color: hsl(198, 100%, 33.3%);
    background-color: var(--link-focus-color);
}

.bg-li-prefix-color {
    background-color: currentColor;
    background-color: var(--li-prefix-color);
}

/* Border Colors */

.br-neutral-d5 {
    border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-color: var(--neutral-d5);
}

.br-neutral-d4 {
    border-color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
    border-color: var(--neutral-d4);
}

.br-neutral-d3 {
    border-color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
    border-color: var(--neutral-d3);
}

.br-neutral-d2 {
    border-color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
    border-color: var(--neutral-d2);
}

.br-neutral-d1 {
    border-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
    border-color: var(--neutral-d1);
}

.br-neutral {
    border-color: hsl(0, 0%, 53%);
    border-color: var(--neutral);
}

.br-neutral-1 {
    border-color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
    border-color: var(--neutral-1);
}

.br-neutral-2 {
    border-color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
    border-color: var(--neutral-2);
}

.br-neutral-3 {
    border-color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
    border-color: var(--neutral-3);
}

.br-neutral-4 {
    border-color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
    border-color: var(--neutral-4);
}

.br-neutral-5 {
    border-color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    border-color: var(--neutral-5);
}

.br-white {
    border-color: white;
}

.br-black {
    border-color: black;
}

.br-base-background {
    border-color: white;
    border-color: var(--base-background);
}

.br-base-color {
    border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-color: var(--base-color);
}

.br-meta-color {
    border-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
    border-color: var(--meta-color);
}

.br-heading-color {
    border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-color: var(--heading-color);
}

.br-link-color {
    border-color: inherit;
    border-color: var(--link-color);
}

.br-link-hover-color {
    border-color: hsl(198, 100%, 33.3%);
    border-color: var(--link-hover-color);
}

.br-link-active-color {
    border-color: hsl(198, 100%, 33.3%);
    border-color: var(--link-active-color);
}

.br-link-focus-color {
    border-color: hsl(198, 100%, 33.3%);
    border-color: var(--link-focus-color);
}

.br-li-prefix-color {
    border-color: currentColor;
    border-color: var(--li-prefix-color);
}

.primary-d5 {
    color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
    color: var(--primary-d5);
}

.primary-d4 {
    color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
    color: var(--primary-d4);
}

.primary-d3 {
    color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
    color: var(--primary-d3);
}

.primary-d2 {
    color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
    color: var(--primary-d2);
}

.primary-d1 {
    color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
    color: var(--primary-d1);
}

.primary {
    color: hsl(198, 100%, 33.3%);
    color: var(--primary);
}

.primary-1 {
    color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
    color: var(--primary-1);
}

.primary-2 {
    color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
    color: var(--primary-2);
}

.primary-3 {
    color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
    color: var(--primary-3);
}

.primary-4 {
    color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
    color: var(--primary-4);
}

.primary-5 {
    color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
    color: var(--primary-5);
}

.accent-one-d5 {
    color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
    color: var(--accent-one-d5);
}

.accent-one-d4 {
    color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
    color: var(--accent-one-d4);
}

.accent-one-d3 {
    color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
    color: var(--accent-one-d3);
}

.accent-one-d2 {
    color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
    color: var(--accent-one-d2);
}

.accent-one-d1 {
    color: hsl(80, 100%, calc(30% - calc(30% / 7)));
    color: var(--accent-one-d1);
}

.accent-one {
    color: hsl(80, 100%, 30%);
    color: var(--accent-one);
}

.accent-one-1 {
    color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
    color: var(--accent-one-1);
}

.accent-one-2 {
    color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
    color: var(--accent-one-2);
}

.accent-one-3 {
    color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    color: var(--accent-one-3);
}

.accent-one-4 {
    color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
    color: var(--accent-one-4);
}

.accent-one-5 {
    color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
    color: var(--accent-one-5);
}

.accent-two-d5 {
    color: hsl(326.7, 100%, calc(30% - 5 * calc(30% / 7)));
    color: var(--accent-two-d5);
}

.accent-two-d4 {
    color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
    color: var(--accent-two-d4);
}

.accent-two-d3 {
    color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
    color: var(--accent-two-d3);
}

.accent-two-d2 {
    color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
    color: var(--accent-two-d2);
}

.accent-two-d1 {
    color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
    color: var(--accent-two-d1);
}

.accent-two {
    color: hsl(326.7, 100%, 30%);
    color: var(--accent-two);
}

.accent-two-1 {
    color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
    color: var(--accent-two-1);
}

.accent-two-2 {
    color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
    color: var(--accent-two-2);
}

.accent-two-3 {
    color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    color: var(--accent-two-3);
}

.accent-two-4 {
    color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
    color: var(--accent-two-4);
}

.accent-two-5 {
    color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
    color: var(--accent-two-5);
}

.accent-three-d5 {
    color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
    color: var(--accent-three-d5);
}

.accent-three-d4 {
    color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
    color: var(--accent-three-d4);
}

.accent-three-d3 {
    color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
    color: var(--accent-three-d3);
}

.accent-three-d2 {
    color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
    color: var(--accent-three-d2);
}

.accent-three-d1 {
    color: hsl(356, 83%, calc(41% - calc(41% / 7)));
    color: var(--accent-three-d1);
}

.accent-three {
    color: hsl(356, 83%, 41%);
    color: var(--accent-three);
}

.accent-three-1 {
    color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
    color: var(--accent-three-1);
}

.accent-three-2 {
    color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
    color: var(--accent-three-2);
}

.accent-three-3 {
    color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
    color: var(--accent-three-3);
}

.accent-three-4 {
    color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
    color: var(--accent-three-4);
}

.accent-three-5 {
    color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
    color: var(--accent-three-5);
}

.accent-four-d5 {
    color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
    color: var(--accent-four-d5);
}

.accent-four-d4 {
    color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
    color: var(--accent-four-d4);
}

.accent-four-d3 {
    color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
    color: var(--accent-four-d3);
}

.accent-four-d2 {
    color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
    color: var(--accent-four-d2);
}

.accent-four-d1 {
    color: hsl(32, 100%, calc(49% - calc(49% / 7)));
    color: var(--accent-four-d1);
}

.accent-four {
    color: hsl(32, 100%, 49%);
    color: var(--accent-four);
}

.accent-four-1 {
    color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
    color: var(--accent-four-1);
}

.accent-four-2 {
    color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
    color: var(--accent-four-2);
}

.accent-four-3 {
    color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
    color: var(--accent-four-3);
}

.accent-four-4 {
    color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
    color: var(--accent-four-4);
}

.accent-four-5 {
    color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
    color: var(--accent-four-5);
}

.accent-five-d5 {
    color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
    color: var(--accent-five-d5);
}

.accent-five-d4 {
    color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
    color: var(--accent-five-d4);
}

.accent-five-d3 {
    color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
    color: var(--accent-five-d3);
}

.accent-five-d2 {
    color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
    color: var(--accent-five-d2);
}

.accent-five-d1 {
    color: hsl(43, 100%, calc(51% - calc(51% / 7)));
    color: var(--accent-five-d1);
}

.accent-five {
    color: hsl(43, 100%, 51%);
    color: var(--accent-five);
}

.accent-five-1 {
    color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
    color: var(--accent-five-1);
}

.accent-five-2 {
    color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
    color: var(--accent-five-2);
}

.accent-five-3 {
    color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
    color: var(--accent-five-3);
}

.accent-five-4 {
    color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
    color: var(--accent-five-4);
}

.accent-five-5 {
    color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
    color: var(--accent-five-5);
}

/* Background */

.bg-primary-d5 {
    background-color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
    background-color: var(--primary-d5);
}

.bg-primary-d4 {
    background-color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
    background-color: var(--primary-d4);
}

.bg-primary-d3 {
    background-color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
    background-color: var(--primary-d3);
}

.bg-primary-d2 {
    background-color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
    background-color: var(--primary-d2);
}

.bg-primary-d1 {
    background-color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
    background-color: var(--primary-d1);
}

.bg-primary {
    background-color: hsl(198, 100%, 33.3%);
    background-color: var(--primary);
}

.bg-primary-1 {
    background-color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
    background-color: var(--primary-1);
}

.bg-primary-2 {
    background-color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
    background-color: var(--primary-2);
}

.bg-primary-3 {
    background-color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
    background-color: var(--primary-3);
}

.bg-primary-4 {
    background-color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
    background-color: var(--primary-4);
}

.bg-primary-5 {
    background-color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
    background-color: var(--primary-5);
}

.bg-accent-one-d5 {
    background-color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
    background-color: var(--accent-one-d5);
}

.bg-accent-one-d4 {
    background-color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
    background-color: var(--accent-one-d4);
}

.bg-accent-one-d3 {
    background-color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
    background-color: var(--accent-one-d3);
}

.bg-accent-one-d2 {
    background-color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
    background-color: var(--accent-one-d2);
}

.bg-accent-one-d1 {
    background-color: hsl(80, 100%, calc(30% - calc(30% / 7)));
    background-color: var(--accent-one-d1);
}

.bg-accent-one {
    background-color: hsl(80, 100%, 30%);
    background-color: var(--accent-one);
}

.bg-accent-one-1 {
    background-color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
    background-color: var(--accent-one-1);
}

.bg-accent-one-2 {
    background-color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
    background-color: var(--accent-one-2);
}

.bg-accent-one-3 {
    background-color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    background-color: var(--accent-one-3);
}

.bg-accent-one-4 {
    background-color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
    background-color: var(--accent-one-4);
}

.bg-accent-one-5 {
    background-color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
    background-color: var(--accent-one-5);
}

.bg-accent-two-d5 {
    background-color: hsl(326.7, 100%, calc(30% - 5 * calc(30% / 7)));
    background-color: var(--accent-two-d5);
}

.bg-accent-two-d4 {
    background-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
    background-color: var(--accent-two-d4);
}

.bg-accent-two-d3 {
    background-color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
    background-color: var(--accent-two-d3);
}

.bg-accent-two-d2 {
    background-color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
    background-color: var(--accent-two-d2);
}

.bg-accent-two-d1 {
    background-color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
    background-color: var(--accent-two-d1);
}

.bg-accent-two {
    background-color: hsl(326.7, 100%, 30%);
    background-color: var(--accent-two);
}

.bg-accent-two-1 {
    background-color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
    background-color: var(--accent-two-1);
}

.bg-accent-two-2 {
    background-color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
    background-color: var(--accent-two-2);
}

.bg-accent-two-3 {
    background-color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    background-color: var(--accent-two-3);
}

.bg-accent-two-4 {
    background-color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
    background-color: var(--accent-two-4);
}

.bg-accent-two-5 {
    background-color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
    background-color: var(--accent-two-5);
}

.bg-accent-three-d5 {
    background-color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
    background-color: var(--accent-three-d5);
}

.bg-accent-three-d4 {
    background-color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
    background-color: var(--accent-three-d4);
}

.bg-accent-three-d3 {
    background-color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
    background-color: var(--accent-three-d3);
}

.bg-accent-three-d2 {
    background-color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
    background-color: var(--accent-three-d2);
}

.bg-accent-three-d1 {
    background-color: hsl(356, 83%, calc(41% - calc(41% / 7)));
    background-color: var(--accent-three-d1);
}

.bg-accent-three {
    background-color: hsl(356, 83%, 41%);
    background-color: var(--accent-three);
}

.bg-accent-three-1 {
    background-color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
    background-color: var(--accent-three-1);
}

.bg-accent-three-2 {
    background-color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
    background-color: var(--accent-three-2);
}

.bg-accent-three-3 {
    background-color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
    background-color: var(--accent-three-3);
}

.bg-accent-three-4 {
    background-color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
    background-color: var(--accent-three-4);
}

.bg-accent-three-5 {
    background-color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
    background-color: var(--accent-three-5);
}

.bg-accent-four-d5 {
    background-color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
    background-color: var(--accent-four-d5);
}

.bg-accent-four-d4 {
    background-color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
    background-color: var(--accent-four-d4);
}

.bg-accent-four-d3 {
    background-color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
    background-color: var(--accent-four-d3);
}

.bg-accent-four-d2 {
    background-color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
    background-color: var(--accent-four-d2);
}

.bg-accent-four-d1 {
    background-color: hsl(32, 100%, calc(49% - calc(49% / 7)));
    background-color: var(--accent-four-d1);
}

.bg-accent-four {
    background-color: hsl(32, 100%, 49%);
    background-color: var(--accent-four);
}

.bg-accent-four-1 {
    background-color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
    background-color: var(--accent-four-1);
}

.bg-accent-four-2 {
    background-color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
    background-color: var(--accent-four-2);
}

.bg-accent-four-3 {
    background-color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
    background-color: var(--accent-four-3);
}

.bg-accent-four-4 {
    background-color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
    background-color: var(--accent-four-4);
}

.bg-accent-four-5 {
    background-color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
    background-color: var(--accent-four-5);
}

.bg-accent-five-d5 {
    background-color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
    background-color: var(--accent-five-d5);
}

.bg-accent-five-d4 {
    background-color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
    background-color: var(--accent-five-d4);
}

.bg-accent-five-d3 {
    background-color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
    background-color: var(--accent-five-d3);
}

.bg-accent-five-d2 {
    background-color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
    background-color: var(--accent-five-d2);
}

.bg-accent-five-d1 {
    background-color: hsl(43, 100%, calc(51% - calc(51% / 7)));
    background-color: var(--accent-five-d1);
}

.bg-accent-five {
    background-color: hsl(43, 100%, 51%);
    background-color: var(--accent-five);
}

.bg-accent-five-1 {
    background-color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
    background-color: var(--accent-five-1);
}

.bg-accent-five-2 {
    background-color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
    background-color: var(--accent-five-2);
}

.bg-accent-five-3 {
    background-color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
    background-color: var(--accent-five-3);
}

.bg-accent-five-4 {
    background-color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
    background-color: var(--accent-five-4);
}

.bg-accent-five-5 {
    background-color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
    background-color: var(--accent-five-5);
}

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

/* Border Colors */

.br-primary-d5 {
    border-color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
    border-color: var(--primary-d5);
}

.br-primary-d4 {
    border-color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
    border-color: var(--primary-d4);
}

.br-primary-d3 {
    border-color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
    border-color: var(--primary-d3);
}

.br-primary-d2 {
    border-color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
    border-color: var(--primary-d2);
}

.br-primary-d1 {
    border-color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
    border-color: var(--primary-d1);
}

.br-primary {
    border-color: hsl(198, 100%, 33.3%);
    border-color: var(--primary);
}

.br-primary-1 {
    border-color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
    border-color: var(--primary-1);
}

.br-primary-2 {
    border-color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
    border-color: var(--primary-2);
}

.br-primary-3 {
    border-color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
    border-color: var(--primary-3);
}

.br-primary-4 {
    border-color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
    border-color: var(--primary-4);
}

.br-primary-5 {
    border-color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
    border-color: var(--primary-5);
}

.br-accent-one-d5 {
    border-color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
    border-color: var(--accent-one-d5);
}

.br-accent-one-d4 {
    border-color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
    border-color: var(--accent-one-d4);
}

.br-accent-one-d3 {
    border-color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
    border-color: var(--accent-one-d3);
}

.br-accent-one-d2 {
    border-color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
    border-color: var(--accent-one-d2);
}

.br-accent-one-d1 {
    border-color: hsl(80, 100%, calc(30% - calc(30% / 7)));
    border-color: var(--accent-one-d1);
}

.br-accent-one {
    border-color: hsl(80, 100%, 30%);
    border-color: var(--accent-one);
}

.br-accent-one-1 {
    border-color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
    border-color: var(--accent-one-1);
}

.br-accent-one-2 {
    border-color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
    border-color: var(--accent-one-2);
}

.br-accent-one-3 {
    border-color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    border-color: var(--accent-one-3);
}

.br-accent-one-4 {
    border-color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
    border-color: var(--accent-one-4);
}

.br-accent-one-5 {
    border-color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
    border-color: var(--accent-one-5);
}

.br-accent-two-d5 {
    border-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
    border-color: var(--accent-two-d4);
}

.br-accent-two-d4 {
    border-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
    border-color: var(--accent-two-d4);
}

.br-accent-two-d3 {
    border-color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
    border-color: var(--accent-two-d3);
}

.br-accent-two-d2 {
    border-color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
    border-color: var(--accent-two-d2);
}

.br-accent-two-d1 {
    border-color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
    border-color: var(--accent-two-d1);
}

.br-accent-two {
    border-color: hsl(326.7, 100%, 30%);
    border-color: var(--accent-two);
}

.br-accent-two-1 {
    border-color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
    border-color: var(--accent-two-1);
}

.br-accent-two-2 {
    border-color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
    border-color: var(--accent-two-2);
}

.br-accent-two-3 {
    border-color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    border-color: var(--accent-two-3);
}

.br-accent-two-4 {
    border-color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
    border-color: var(--accent-two-4);
}

.br-accent-two-5 {
    border-color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
    border-color: var(--accent-two-5);
}

.br-accent-three-d5 {
    border-color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
    border-color: var(--accent-three-d5);
}

.br-accent-three-d4 {
    border-color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
    border-color: var(--accent-three-d4);
}

.br-accent-three-d3 {
    border-color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
    border-color: var(--accent-three-d3);
}

.br-accent-three-d2 {
    border-color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
    border-color: var(--accent-three-d2);
}

.br-accent-three-d1 {
    border-color: hsl(356, 83%, calc(41% - calc(41% / 7)));
    border-color: var(--accent-three-d1);
}

.br-accent-three {
    border-color: hsl(356, 83%, 41%);
    border-color: var(--accent-three);
}

.br-accent-three-1 {
    border-color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
    border-color: var(--accent-three-1);
}

.br-accent-three-2 {
    border-color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
    border-color: var(--accent-three-2);
}

.br-accent-three-3 {
    border-color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
    border-color: var(--accent-three-3);
}

.br-accent-three-4 {
    border-color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
    border-color: var(--accent-three-4);
}

.br-accent-three-5 {
    border-color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
    border-color: var(--accent-three-5);
}

.br-accent-four-d5 {
    border-color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
    border-color: var(--accent-four-d5);
}

.br-accent-four-d4 {
    border-color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
    border-color: var(--accent-four-d4);
}

.br-accent-four-d3 {
    border-color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
    border-color: var(--accent-four-d3);
}

.br-accent-four-d2 {
    border-color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
    border-color: var(--accent-four-d2);
}

.br-accent-four-d1 {
    border-color: hsl(32, 100%, calc(49% - calc(49% / 7)));
    border-color: var(--accent-four-d1);
}

.br-accent-four {
    border-color: hsl(32, 100%, 49%);
    border-color: var(--accent-four);
}

.br-accent-four-1 {
    border-color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
    border-color: var(--accent-four-1);
}

.br-accent-four-2 {
    border-color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
    border-color: var(--accent-four-2);
}

.br-accent-four-3 {
    border-color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
    border-color: var(--accent-four-3);
}

.br-accent-four-4 {
    border-color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
    border-color: var(--accent-four-4);
}

.br-accent-four-5 {
    border-color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
    border-color: var(--accent-four-5);
}

.br-accent-five-d5 {
    border-color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
    border-color: var(--accent-five-d5);
}

.br-accent-five-d4 {
    border-color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
    border-color: var(--accent-five-d4);
}

.br-accent-five-d3 {
    border-color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
    border-color: var(--accent-five-d3);
}

.br-accent-five-d2 {
    border-color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
    border-color: var(--accent-five-d2);
}

.br-accent-five-d1 {
    border-color: hsl(43, 100%, calc(51% - calc(51% / 7)));
    border-color: var(--accent-five-d1);
}

.br-accent-five {
    border-color: hsl(43, 100%, 51%);
    border-color: var(--accent-five);
}

.br-accent-five-1 {
    border-color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
    border-color: var(--accent-five-1);
}

.br-accent-five-2 {
    border-color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
    border-color: var(--accent-five-2);
}

.br-accent-five-3 {
    border-color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
    border-color: var(--accent-five-3);
}

.br-accent-five-4 {
    border-color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
    border-color: var(--accent-five-4);
}

.br-accent-five-5 {
    border-color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
    border-color: var(--accent-five-5);
}

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

@media (prefers-color-scheme: light) {
    .lt\:neutral-d5 {
        color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        color: var(--neutral-d5);
    }

    .lt\:neutral-d4 {
        color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
        color: var(--neutral-d4);
    }

    .lt\:neutral-d3 {
        color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
        color: var(--neutral-d3);
    }

    .lt\:neutral-d2 {
        color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
        color: var(--neutral-d2);
    }

    .lt\:neutral-d1 {
        color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        color: var(--neutral-d1);
    }

    .lt\:neutral {
        color: hsl(0, 0%, 53%);
        color: var(--neutral);
    }

    .lt\:neutral-1 {
        color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
        color: var(--neutral-1);
    }

    .lt\:neutral-2 {
        color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
        color: var(--neutral-2);
    }

    .lt\:neutral-3 {
        color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
        color: var(--neutral-3);
    }

    .lt\:neutral-4 {
        color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
        color: var(--neutral-4);
    }

    .lt\:neutral-5 {
        color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
        color: var(--neutral-5);
    }

    .lt\:white {
        color: white;
    }

    .lt\:black {
        color: black;
    }

    .lt\:base-background {
        color: white;
        color: var(--base-background);
    }

    .lt\:base-color {
        color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        color: var(--base-color);
    }

    .lt\:meta-color {
        color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        color: var(--meta-color);
    }

    .lt\:heading-color {
        color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        color: var(--heading-color);
    }

    .lt\:link-color {
        color: inherit;
        color: var(--link-color);
    }

    .lt\:link-hover-color {
        color: hsl(198, 100%, 33.3%);
        color: var(--link-hover-color);
    }

    .lt\:link-active-color {
        color: hsl(198, 100%, 33.3%);
        color: var(--link-active-color);
    }

    .lt\:link-focus-color {
        color: hsl(198, 100%, 33.3%);
        color: var(--link-focus-color);
    }

    .lt\:form-hover-color {
        color: var(--form-hover-color);
    }

    .lt\:form-active-color {
        color: var(--form-active-color);
    }

    .lt\:form-focus-color {
        color: var(--form-focus-color);
    }

    .lt\:li-prefix-color {
        color: currentColor;
        color: var(--li-prefix-color);
    }


    /* Background */

    .lt\:bg-link-color {
        background: inherit;
        background: var(--link-color);
    }

    .lt\:bg-link-hover-color {
        background: hsl(198, 100%, 33.3%);
        background: var(--link-hover-color);
    }

    .lt\:bg-link-active-color {
        background: hsl(198, 100%, 33.3%);
        background: var(--link-active-color);
    }

    .lt\:bg-link-focus-color {
        background: hsl(198, 100%, 33.3%);
        background: var(--link-focus-color);
    }

    .lt\:bg-form-hover-color {
        background: var(--form-hover-color);
    }

    .lt\:bg-form-active-color {
        background: var(--form-active-color);
    }

    .lt\:bg-form-focus-color {
        background: var(--form-focus-color);
    }

    .lt\:bg-li-prefix-color {
        background: currentColor;
        background: var(--li-prefix-color);
    }

    .lt\:bg-neutral-d5 {
        background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        background-color: var(--neutral-d5);
    }

    .lt\:bg-neutral-d4 {
        background-color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
        background-color: var(--neutral-d4);
    }

    .lt\:bg-neutral-d3 {
        background-color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
        background-color: var(--neutral-d3);
    }

    .lt\:bg-neutral-d2 {
        background-color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
        background-color: var(--neutral-d2);
    }

    .lt\:bg-neutral-d1 {
        background-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        background-color: var(--neutral-d1);
    }

    .lt\:bg-neutral {
        background-color: hsl(0, 0%, 53%);
        background-color: var(--neutral);
    }

    .lt\:bg-neutral-1 {
        background-color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
        background-color: var(--neutral-1);
    }

    .lt\:bg-neutral-2 {
        background-color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-2);
    }

    .lt\:bg-neutral-3 {
        background-color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-3);
    }

    .lt\:bg-neutral-4 {
        background-color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-4);
    }

    .lt\:bg-neutral-5 {
        background-color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-5);
    }

    .lt\:bg-transparent {
        background-color: transparent;
    }

    .lt\:bg-white {
        background-color: white;
    }

    .lt\:bg-black {
        background-color: black;
    }

    .lt\:bg-base-background {
        background-color: white;
        background-color: var(--base-background);
    }

    .lt\:bg-base-color {
        background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        background-color: var(--base-color);
    }

    .lt\:bg-meta-color {
        background-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        background-color: var(--meta-color);
    }

    .lt\:bg-heading-color {
        background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        background-color: var(--heading-color);
    }

    .lt\:bg-link-color {
        background-color: inherit;
        background-color: var(--link-color);
    }

    .lt\:bg-link-hover-color {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--link-hover-color);
    }

    .lt\:bg-link-active-color {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--link-active-color);
    }

    .lt\:bg-link-focus-color {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--link-focus-color);
    }

    .lt\:bg-li-prefix-color {
        background-color: currentColor;
        background-color: var(--li-prefix-color);
    }


    /* Border Colors */

    .lt\:br-neutral-d5 {
        border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        border-color: var(--neutral-d5);
    }

    .lt\:br-neutral-d4 {
        border-color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
        border-color: var(--neutral-d4);
    }

    .lt\:br-neutral-d3 {
        border-color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
        border-color: var(--neutral-d3);
    }

    .lt\:br-neutral-d2 {
        border-color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
        border-color: var(--neutral-d2);
    }

    .lt\:br-neutral-d1 {
        border-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        border-color: var(--neutral-d1);
    }

    .lt\:br-neutral {
        border-color: hsl(0, 0%, 53%);
        border-color: var(--neutral);
    }

    .lt\:br-neutral-1 {
        border-color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
        border-color: var(--neutral-1);
    }

    .lt\:br-neutral-2 {
        border-color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-2);
    }

    .lt\:br-neutral-3 {
        border-color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-3);
    }

    .lt\:br-neutral-4 {
        border-color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-4);
    }

    .lt\:br-neutral-5 {
        border-color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-5);
    }

    .lt\:br-white {
        border-color: white;
    }

    .lt\:br-black {
        border-color: black;
    }

    .lt\:br-base-background {
        border-color: white;
        border-color: var(--base-background);
    }

    .lt\:br-base-color {
        border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        border-color: var(--base-color);
    }

    .lt\:br-meta-color {
        border-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        border-color: var(--meta-color);
    }

    .lt\:br-heading-color {
        border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        border-color: var(--heading-color);
    }

    .lt\:br-link-color {
        border-color: inherit;
        border-color: var(--link-color);
    }

    .lt\:br-link-hover-color {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--link-hover-color);
    }

    .lt\:br-link-active-color {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--link-active-color);
    }

    .lt\:br-link-focus-color {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--link-focus-color);
    }

    .lt\:br-li-prefix-color {
        border-color: currentColor;
        border-color: var(--li-prefix-color);
    }

    .lt\:primary-d5 {
        color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
        color: var(--primary-d5);
    }

    .lt\:primary-d4 {
        color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
        color: var(--primary-d4);
    }

    .lt\:primary-d3 {
        color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
        color: var(--primary-d3);
    }

    .lt\:primary-d2 {
        color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
        color: var(--primary-d2);
    }

    .lt\:primary-d1 {
        color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
        color: var(--primary-d1);
    }

    .lt\:primary {
        color: hsl(198, 100%, 33.3%);
        color: var(--primary);
    }

    .lt\:primary-1 {
        color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
        color: var(--primary-1);
    }

    .lt\:primary-2 {
        color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
        color: var(--primary-2);
    }

    .lt\:primary-3 {
        color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
        color: var(--primary-3);
    }

    .lt\:primary-4 {
        color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
        color: var(--primary-4);
    }

    .lt\:primary-5 {
        color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
        color: var(--primary-5);
    }

    .lt\:accent-one-d5 {
        color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
        color: var(--accent-one-d5);
    }

    .lt\:accent-one-d4 {
        color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
        color: var(--accent-one-d4);
    }

    .lt\:accent-one-d3 {
        color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
        color: var(--accent-one-d3);
    }

    .lt\:accent-one-d2 {
        color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
        color: var(--accent-one-d2);
    }

    .lt\:accent-one-d1 {
        color: hsl(80, 100%, calc(30% - calc(30% / 7)));
        color: var(--accent-one-d1);
    }

    .lt\:accent-one {
        color: hsl(80, 100%, 30%);
        color: var(--accent-one);
    }

    .lt\:accent-one-1 {
        color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
        color: var(--accent-one-1);
    }

    .lt\:accent-one-2 {
        color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        color: var(--accent-one-2);
    }

    .lt\:accent-one-3 {
        color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        color: var(--accent-one-3);
    }

    .lt\:accent-one-4 {
        color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        color: var(--accent-one-4);
    }

    .lt\:accent-one-5 {
        color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        color: var(--accent-one-5);
    }

    .lt\:accent-two-d5 {
        color: hsl(326.7, 100%, calc(30% - 5 * calc(30% / 7)));
        color: var(--accent-two-d5);
    }

    .lt\:accent-two-d4 {
        color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        color: var(--accent-two-d4);
    }

    .lt\:accent-two-d3 {
        color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
        color: var(--accent-two-d3);
    }

    .lt\:accent-two-d2 {
        color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
        color: var(--accent-two-d2);
    }

    .lt\:accent-two-d1 {
        color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
        color: var(--accent-two-d1);
    }

    .lt\:accent-two {
        color: hsl(326.7, 100%, 30%);
        color: var(--accent-two);
    }

    .lt\:accent-two-1 {
        color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
        color: var(--accent-two-1);
    }

    .lt\:accent-two-2 {
        color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        color: var(--accent-two-2);
    }

    .lt\:accent-two-3 {
        color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        color: var(--accent-two-3);
    }

    .lt\:accent-two-4 {
        color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        color: var(--accent-two-4);
    }

    .lt\:accent-two-5 {
        color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        color: var(--accent-two-5);
    }

    .lt\:accent-three-d5 {
        color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
        color: var(--accent-three-d5);
    }

    .lt\:accent-three-d4 {
        color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
        color: var(--accent-three-d4);
    }

    .lt\:accent-three-d3 {
        color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
        color: var(--accent-three-d3);
    }

    .lt\:accent-three-d2 {
        color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
        color: var(--accent-three-d2);
    }

    .lt\:accent-three-d1 {
        color: hsl(356, 83%, calc(41% - calc(41% / 7)));
        color: var(--accent-three-d1);
    }

    .lt\:accent-three {
        color: hsl(356, 83%, 41%);
        color: var(--accent-three);
    }

    .lt\:accent-three-1 {
        color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
        color: var(--accent-three-1);
    }

    .lt\:accent-three-2 {
        color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
        color: var(--accent-three-2);
    }

    .lt\:accent-three-3 {
        color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
        color: var(--accent-three-3);
    }

    .lt\:accent-three-4 {
        color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
        color: var(--accent-three-4);
    }

    .lt\:accent-three-5 {
        color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
        color: var(--accent-three-5);
    }

    .lt\:accent-four-d5 {
        color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
        color: var(--accent-four-d5);
    }

    .lt\:accent-four-d4 {
        color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
        color: var(--accent-four-d4);
    }

    .lt\:accent-four-d3 {
        color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
        color: var(--accent-four-d3);
    }

    .lt\:accent-four-d2 {
        color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
        color: var(--accent-four-d2);
    }

    .lt\:accent-four-d1 {
        color: hsl(32, 100%, calc(49% - calc(49% / 7)));
        color: var(--accent-four-d1);
    }

    .lt\:accent-four {
        color: hsl(32, 100%, 49%);
        color: var(--accent-four);
    }

    .lt\:accent-four-1 {
        color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
        color: var(--accent-four-1);
    }

    .lt\:accent-four-2 {
        color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
        color: var(--accent-four-2);
    }

    .lt\:accent-four-3 {
        color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
        color: var(--accent-four-3);
    }

    .lt\:accent-four-4 {
        color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
        color: var(--accent-four-4);
    }

    .lt\:accent-four-5 {
        color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        color: var(--accent-four-5);
    }

    .lt\:accent-five-d5 {
        color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
        color: var(--accent-five-d5);
    }

    .lt\:accent-five-d4 {
        color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
        color: var(--accent-five-d4);
    }

    .lt\:accent-five-d3 {
        color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
        color: var(--accent-five-d3);
    }

    .lt\:accent-five-d2 {
        color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
        color: var(--accent-five-d2);
    }

    .lt\:accent-five-d1 {
        color: hsl(43, 100%, calc(51% - calc(51% / 7)));
        color: var(--accent-five-d1);
    }

    .lt\:accent-five {
        color: hsl(43, 100%, 51%);
        color: var(--accent-five);
    }

    .lt\:accent-five-1 {
        color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
        color: var(--accent-five-1);
    }

    .lt\:accent-five-2 {
        color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
        color: var(--accent-five-2);
    }

    .lt\:accent-five-3 {
        color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
        color: var(--accent-five-3);
    }

    .lt\:accent-five-4 {
        color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
        color: var(--accent-five-4);
    }

    .lt\:accent-five-5 {
        color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        color: var(--accent-five-5);
    }

    .lt\:error-color {
        color: crimson;
        color: var(--error-color);
    }


    /* Background */

    .lt\:bg-primary-d5 {
        background-color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
        background-color: var(--primary-d5);
    }

    .lt\:bg-primary-d4 {
        background-color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
        background-color: var(--primary-d4);
    }

    .lt\:bg-primary-d3 {
        background-color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
        background-color: var(--primary-d3);
    }

    .lt\:bg-primary-d2 {
        background-color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
        background-color: var(--primary-d2);
    }

    .lt\:bg-primary-d1 {
        background-color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
        background-color: var(--primary-d1);
    }

    .lt\:bg-primary {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--primary);
    }

    .lt\:bg-primary-1 {
        background-color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
        background-color: var(--primary-1);
    }

    .lt\:bg-primary-2 {
        background-color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-2);
    }

    .lt\:bg-primary-3 {
        background-color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-3);
    }

    .lt\:bg-primary-4 {
        background-color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-4);
    }

    .lt\:bg-primary-5 {
        background-color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-5);
    }

    .lt\:bg-accent-one-d5 {
        background-color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
        background-color: var(--accent-one-d5);
    }

    .lt\:bg-accent-one-d4 {
        background-color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
        background-color: var(--accent-one-d4);
    }

    .lt\:bg-accent-one-d3 {
        background-color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
        background-color: var(--accent-one-d3);
    }

    .lt\:bg-accent-one-d2 {
        background-color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
        background-color: var(--accent-one-d2);
    }

    .lt\:bg-accent-one-d1 {
        background-color: hsl(80, 100%, calc(30% - calc(30% / 7)));
        background-color: var(--accent-one-d1);
    }

    .lt\:bg-accent-one {
        background-color: hsl(80, 100%, 30%);
        background-color: var(--accent-one);
    }

    .lt\:bg-accent-one-1 {
        background-color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
        background-color: var(--accent-one-1);
    }

    .lt\:bg-accent-one-2 {
        background-color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-2);
    }

    .lt\:bg-accent-one-3 {
        background-color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-3);
    }

    .lt\:bg-accent-one-4 {
        background-color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-4);
    }

    .lt\:bg-accent-one-5 {
        background-color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-5);
    }

    .lt\:bg-accent-two-d5 {
        background-color: hsl(326.7, 100%, calc(30% - 5 * calc(30% / 7)));
        background-color: var(--accent-two-d5);
    }

    .lt\:bg-accent-two-d4 {
        background-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        background-color: var(--accent-two-d4);
    }

    .lt\:bg-accent-two-d3 {
        background-color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
        background-color: var(--accent-two-d3);
    }

    .lt\:bg-accent-two-d2 {
        background-color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
        background-color: var(--accent-two-d2);
    }

    .lt\:bg-accent-two-d1 {
        background-color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
        background-color: var(--accent-two-d1);
    }

    .lt\:bg-accent-two {
        background-color: hsl(326.7, 100%, 30%);
        background-color: var(--accent-two);
    }

    .lt\:bg-accent-two-1 {
        background-color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
        background-color: var(--accent-two-1);
    }

    .lt\:bg-accent-two-2 {
        background-color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-2);
    }

    .lt\:bg-accent-two-3 {
        background-color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-3);
    }

    .lt\:bg-accent-two-4 {
        background-color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-4);
    }

    .lt\:bg-accent-two-5 {
        background-color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-5);
    }

    .lt\:bg-accent-three-d5 {
        background-color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
        background-color: var(--accent-three-d5);
    }

    .lt\:bg-accent-three-d4 {
        background-color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
        background-color: var(--accent-three-d4);
    }

    .lt\:bg-accent-three-d3 {
        background-color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
        background-color: var(--accent-three-d3);
    }

    .lt\:bg-accent-three-d2 {
        background-color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
        background-color: var(--accent-three-d2);
    }

    .lt\:bg-accent-three-d1 {
        background-color: hsl(356, 83%, calc(41% - calc(41% / 7)));
        background-color: var(--accent-three-d1);
    }

    .lt\:bg-accent-three {
        background-color: hsl(356, 83%, 41%);
        background-color: var(--accent-three);
    }

    .lt\:bg-accent-three-1 {
        background-color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
        background-color: var(--accent-three-1);
    }

    .lt\:bg-accent-three-2 {
        background-color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-2);
    }

    .lt\:bg-accent-three-3 {
        background-color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-3);
    }

    .lt\:bg-accent-three-4 {
        background-color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-4);
    }

    .lt\:bg-accent-three-5 {
        background-color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-5);
    }

    .lt\:bg-accent-four-d5 {
        background-color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
        background-color: var(--accent-four-d5);
    }

    .lt\:bg-accent-four-d4 {
        background-color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
        background-color: var(--accent-four-d4);
    }

    .lt\:bg-accent-four-d3 {
        background-color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
        background-color: var(--accent-four-d3);
    }

    .lt\:bg-accent-four-d2 {
        background-color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
        background-color: var(--accent-four-d2);
    }

    .lt\:bg-accent-four-d1 {
        background-color: hsl(32, 100%, calc(49% - calc(49% / 7)));
        background-color: var(--accent-four-d1);
    }

    .lt\:bg-accent-four {
        background-color: hsl(32, 100%, 49%);
        background-color: var(--accent-four);
    }

    .lt\:bg-accent-four-1 {
        background-color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
        background-color: var(--accent-four-1);
    }

    .lt\:bg-accent-four-2 {
        background-color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
        background-color: var(--accent-four-2);
    }

    .lt\:bg-accent-four-3 {
        background-color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
        background-color: var(--accent-four-3);
    }

    .lt\:bg-accent-four-4 {
        background-color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
        background-color: var(--accent-four-4);
    }

    .lt\:bg-accent-four-5 {
        background-color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        background-color: var(--accent-four-5);
    }

    .lt\:bg-accent-five-d5 {
        background-color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
        background-color: var(--accent-five-d5);
    }

    .lt\:bg-accent-five-d4 {
        background-color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
        background-color: var(--accent-five-d4);
    }

    .lt\:bg-accent-five-d3 {
        background-color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
        background-color: var(--accent-five-d3);
    }

    .lt\:bg-accent-five-d2 {
        background-color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
        background-color: var(--accent-five-d2);
    }

    .lt\:bg-accent-five-d1 {
        background-color: hsl(43, 100%, calc(51% - calc(51% / 7)));
        background-color: var(--accent-five-d1);
    }

    .lt\:bg-accent-five {
        background-color: hsl(43, 100%, 51%);
        background-color: var(--accent-five);
    }

    .lt\:bg-accent-five-1 {
        background-color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
        background-color: var(--accent-five-1);
    }

    .lt\:bg-accent-five-2 {
        background-color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
        background-color: var(--accent-five-2);
    }

    .lt\:bg-accent-five-3 {
        background-color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
        background-color: var(--accent-five-3);
    }

    .lt\:bg-accent-five-4 {
        background-color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
        background-color: var(--accent-five-4);
    }

    .lt\:bg-accent-five-5 {
        background-color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        background-color: var(--accent-five-5);
    }

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


    /* Border Colors */

    .lt\:br-primary-d5 {
        border-color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
        border-color: var(--primary-d5);
    }

    .lt\:br-primary-d4 {
        border-color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
        border-color: var(--primary-d4);
    }

    .lt\:br-primary-d3 {
        border-color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
        border-color: var(--primary-d3);
    }

    .lt\:br-primary-d2 {
        border-color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
        border-color: var(--primary-d2);
    }

    .lt\:br-primary-d1 {
        border-color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
        border-color: var(--primary-d1);
    }

    .lt\:br-primary {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--primary);
    }

    .lt\:br-primary-1 {
        border-color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
        border-color: var(--primary-1);
    }

    .lt\:br-primary-2 {
        border-color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-2);
    }

    .lt\:br-primary-3 {
        border-color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-3);
    }

    .lt\:br-primary-4 {
        border-color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-4);
    }

    .lt\:br-primary-5 {
        border-color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-5);
    }

    .lt\:br-accent-one-d5 {
        border-color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
        border-color: var(--accent-one-d5);
    }

    .lt\:br-accent-one-d4 {
        border-color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
        border-color: var(--accent-one-d4);
    }

    .lt\:br-accent-one-d3 {
        border-color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
        border-color: var(--accent-one-d3);
    }

    .lt\:br-accent-one-d2 {
        border-color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
        border-color: var(--accent-one-d2);
    }

    .lt\:br-accent-one-d1 {
        border-color: hsl(80, 100%, calc(30% - calc(30% / 7)));
        border-color: var(--accent-one-d1);
    }

    .lt\:br-accent-one {
        border-color: hsl(80, 100%, 30%);
        border-color: var(--accent-one);
    }

    .lt\:br-accent-one-1 {
        border-color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
        border-color: var(--accent-one-1);
    }

    .lt\:br-accent-one-2 {
        border-color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-2);
    }

    .lt\:br-accent-one-3 {
        border-color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-3);
    }

    .lt\:br-accent-one-4 {
        border-color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-4);
    }

    .lt\:br-accent-one-5 {
        border-color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-5);
    }

    .lt\:br-accent-two-d5 {
        border-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        border-color: var(--accent-two-d4);
    }

    .lt\:br-accent-two-d4 {
        border-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        border-color: var(--accent-two-d4);
    }

    .lt\:br-accent-two-d3 {
        border-color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
        border-color: var(--accent-two-d3);
    }

    .lt\:br-accent-two-d2 {
        border-color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
        border-color: var(--accent-two-d2);
    }

    .lt\:br-accent-two-d1 {
        border-color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
        border-color: var(--accent-two-d1);
    }

    .lt\:br-accent-two {
        border-color: hsl(326.7, 100%, 30%);
        border-color: var(--accent-two);
    }

    .lt\:br-accent-two-1 {
        border-color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
        border-color: var(--accent-two-1);
    }

    .lt\:br-accent-two-2 {
        border-color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-2);
    }

    .lt\:br-accent-two-3 {
        border-color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-3);
    }

    .lt\:br-accent-two-4 {
        border-color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-4);
    }

    .lt\:br-accent-two-5 {
        border-color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-5);
    }

    .lt\:br-accent-three-d5 {
        border-color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
        border-color: var(--accent-three-d5);
    }

    .lt\:br-accent-three-d4 {
        border-color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
        border-color: var(--accent-three-d4);
    }

    .lt\:br-accent-three-d3 {
        border-color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
        border-color: var(--accent-three-d3);
    }

    .lt\:br-accent-three-d2 {
        border-color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
        border-color: var(--accent-three-d2);
    }

    .lt\:br-accent-three-d1 {
        border-color: hsl(356, 83%, calc(41% - calc(41% / 7)));
        border-color: var(--accent-three-d1);
    }

    .lt\:br-accent-three {
        border-color: hsl(356, 83%, 41%);
        border-color: var(--accent-three);
    }

    .lt\:br-accent-three-1 {
        border-color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
        border-color: var(--accent-three-1);
    }

    .lt\:br-accent-three-2 {
        border-color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-2);
    }

    .lt\:br-accent-three-3 {
        border-color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-3);
    }

    .lt\:br-accent-three-4 {
        border-color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-4);
    }

    .lt\:br-accent-three-5 {
        border-color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-5);
    }

    .lt\:br-accent-four-d5 {
        border-color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
        border-color: var(--accent-four-d5);
    }

    .lt\:br-accent-four-d4 {
        border-color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
        border-color: var(--accent-four-d4);
    }

    .lt\:br-accent-four-d3 {
        border-color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
        border-color: var(--accent-four-d3);
    }

    .lt\:br-accent-four-d2 {
        border-color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
        border-color: var(--accent-four-d2);
    }

    .lt\:br-accent-four-d1 {
        border-color: hsl(32, 100%, calc(49% - calc(49% / 7)));
        border-color: var(--accent-four-d1);
    }

    .lt\:br-accent-four {
        border-color: hsl(32, 100%, 49%);
        border-color: var(--accent-four);
    }

    .lt\:br-accent-four-1 {
        border-color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
        border-color: var(--accent-four-1);
    }

    .lt\:br-accent-four-2 {
        border-color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
        border-color: var(--accent-four-2);
    }

    .lt\:br-accent-four-3 {
        border-color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
        border-color: var(--accent-four-3);
    }

    .lt\:br-accent-four-4 {
        border-color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
        border-color: var(--accent-four-4);
    }

    .lt\:br-accent-four-5 {
        border-color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        border-color: var(--accent-four-5);
    }

    .lt\:br-accent-five-d5 {
        border-color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
        border-color: var(--accent-five-d5);
    }

    .lt\:br-accent-five-d4 {
        border-color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
        border-color: var(--accent-five-d4);
    }

    .lt\:br-accent-five-d3 {
        border-color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
        border-color: var(--accent-five-d3);
    }

    .lt\:br-accent-five-d2 {
        border-color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
        border-color: var(--accent-five-d2);
    }

    .lt\:br-accent-five-d1 {
        border-color: hsl(43, 100%, calc(51% - calc(51% / 7)));
        border-color: var(--accent-five-d1);
    }

    .lt\:br-accent-five {
        border-color: hsl(43, 100%, 51%);
        border-color: var(--accent-five);
    }

    .lt\:br-accent-five-1 {
        border-color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
        border-color: var(--accent-five-1);
    }

    .lt\:br-accent-five-2 {
        border-color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
        border-color: var(--accent-five-2);
    }

    .lt\:br-accent-five-3 {
        border-color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
        border-color: var(--accent-five-3);
    }

    .lt\:br-accent-five-4 {
        border-color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
        border-color: var(--accent-five-4);
    }

    .lt\:br-accent-five-5 {
        border-color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        border-color: var(--accent-five-5);
    }

    .lt\:br-error-color {
        border-color: crimson;
        border-color: var(--error-color);
    }

}

@media (prefers-color-scheme: dark) {

    .auto-dark-mode .dk\:neutral-d5,
    .auto-dark-mode.dk\:neutral-d5 {
        color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        color: var(--neutral-d5);
    }

    .auto-dark-mode .dk\:neutral-d4,
    .auto-dark-mode.dk\:neutral-d4 {
        color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
        color: var(--neutral-d4);
    }

    .auto-dark-mode .dk\:neutral-d3,
    .auto-dark-mode.dk\:neutral-d3 {
        color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
        color: var(--neutral-d3);
    }

    .auto-dark-mode .dk\:neutral-d2,
    .auto-dark-mode.dk\:neutral-d2 {
        color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
        color: var(--neutral-d2);
    }

    .auto-dark-mode .dk\:neutral-d1,
    .auto-dark-mode.dk\:neutral-d1 {
        color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        color: var(--neutral-d1);
    }

    .auto-dark-mode .dk\:neutral,
    .auto-dark-mode.dk\:neutral {
        color: hsl(0, 0%, 53%);
        color: var(--neutral);
    }

    .auto-dark-mode .dk\:neutral-1,
    .auto-dark-mode.dk\:neutral-1 {
        color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
        color: var(--neutral-1);
    }

    .auto-dark-mode .dk\:neutral-2,
    .auto-dark-mode.dk\:neutral-2 {
        color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
        color: var(--neutral-2);
    }

    .auto-dark-mode .dk\:neutral-3,
    .auto-dark-mode.dk\:neutral-3 {
        color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
        color: var(--neutral-3);
    }

    .auto-dark-mode .dk\:neutral-4,
    .auto-dark-mode.dk\:neutral-4 {
        color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
        color: var(--neutral-4);
    }

    .auto-dark-mode .dk\:neutral-5,
    .auto-dark-mode.dk\:neutral-5 {
        color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
        color: var(--neutral-5);
    }

    .auto-dark-mode .dk\:white,
    .auto-dark-mode.dk\:white {
        color: white;
    }

    .auto-dark-mode .dk\:black,
    .auto-dark-mode.dk\:black {
        color: black;
    }

    .auto-dark-mode .dk\:base-background,
    .auto-dark-mode.dk\:base-background {
        color: white;
        color: var(--base-background);
    }

    .auto-dark-mode .dk\:base-color,
    .auto-dark-mode.dk\:base-color {
        color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        color: var(--base-color);
    }

    .auto-dark-mode .dk\:meta-color,
    .auto-dark-mode.dk\:meta-color {
        color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        color: var(--meta-color);
    }

    .auto-dark-mode .dk\:heading-color,
    .auto-dark-mode.dk\:heading-color {
        color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        color: var(--heading-color);
    }

    .auto-dark-mode .dk\:link-color,
    .auto-dark-mode.dk\:link-color {
        color: inherit;
        color: var(--link-color);
    }

    .auto-dark-mode .dk\:link-hover-color,
    .auto-dark-mode.dk\:link-hover-color {
        color: hsl(198, 100%, 33.3%);
        color: var(--link-hover-color);
    }

    .auto-dark-mode .dk\:link-active-color,
    .auto-dark-mode.dk\:link-active-color {
        color: hsl(198, 100%, 33.3%);
        color: var(--link-active-color);
    }

    .auto-dark-mode .dk\:link-focus-color,
    .auto-dark-mode.dk\:link-focus-color {
        color: hsl(198, 100%, 33.3%);
        color: var(--link-focus-color);
    }

    .auto-dark-mode .dk\:form-hover-color,
    .auto-dark-mode.dk\:form-hover-color {
        color: var(--form-hover-color);
    }

    .auto-dark-mode .dk\:form-active-color,
    .auto-dark-mode.dk\:form-active-color {
        color: var(--form-active-color);
    }

    .auto-dark-mode .dk\:form-focus-color,
    .auto-dark-mode.dk\:form-focus-color {
        color: var(--form-focus-color);
    }

    .auto-dark-mode .dk\:li-prefix-color,
    .auto-dark-mode.dk\:li-prefix-color {
        color: currentColor;
        color: var(--li-prefix-color);
    }

    /* Background */

    .auto-dark-mode .dk\:bg-link-color,
    .auto-dark-mode.dk\:bg-link-color {
        background: inherit;
        background: var(--link-color);
    }

    .auto-dark-mode .dk\:bg-link-hover-color,
    .auto-dark-mode.dk\:bg-link-hover-color {
        background: hsl(198, 100%, 33.3%);
        background: var(--link-hover-color);
    }

    .auto-dark-mode .dk\:bg-link-active-color,
    .auto-dark-mode.dk\:bg-link-active-color {
        background: hsl(198, 100%, 33.3%);
        background: var(--link-active-color);
    }

    .auto-dark-mode .dk\:bg-link-focus-color,
    .auto-dark-mode.dk\:bg-link-focus-color {
        background: hsl(198, 100%, 33.3%);
        background: var(--link-focus-color);
    }

    .auto-dark-mode .dk\:bg-form-hover-color,
    .auto-dark-mode.dk\:bg-form-hover-color {
        background: var(--form-hover-color);
    }

    .auto-dark-mode .dk\:bg-form-active-color,
    .auto-dark-mode.dk\:bg-form-active-color {
        background: var(--form-active-color);
    }

    .auto-dark-mode .dk\:bg-form-focus-color,
    .auto-dark-mode.dk\:bg-form-focus-color {
        background: var(--form-focus-color);
    }

    .auto-dark-mode .dk\:bg-li-prefix-color,
    .auto-dark-mode.dk\:bg-li-prefix-color {
        background: currentColor;
        background: var(--li-prefix-color);
    }

    .auto-dark-mode .dk\:bg-neutral-d5,
    .auto-dark-mode.dk\:bg-neutral-d5 {
        background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        background-color: var(--neutral-d5);
    }

    .auto-dark-mode .dk\:bg-neutral-d4,
    .auto-dark-mode.dk\:bg-neutral-d4 {
        background-color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
        background-color: var(--neutral-d4);
    }

    .auto-dark-mode .dk\:bg-neutral-d3,
    .auto-dark-mode.dk\:bg-neutral-d3 {
        background-color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
        background-color: var(--neutral-d3);
    }

    .auto-dark-mode .dk\:bg-neutral-d2,
    .auto-dark-mode.dk\:bg-neutral-d2 {
        background-color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
        background-color: var(--neutral-d2);
    }

    .auto-dark-mode .dk\:bg-neutral-d1,
    .auto-dark-mode.dk\:bg-neutral-d1 {
        background-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        background-color: var(--neutral-d1);
    }

    .auto-dark-mode .dk\:bg-neutral,
    .auto-dark-mode.dk\:bg-neutral {
        background-color: hsl(0, 0%, 53%);
        background-color: var(--neutral);
    }

    .auto-dark-mode .dk\:bg-neutral-1,
    .auto-dark-mode.dk\:bg-neutral-1 {
        background-color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
        background-color: var(--neutral-1);
    }

    .auto-dark-mode .dk\:bg-neutral-2,
    .auto-dark-mode.dk\:bg-neutral-2 {
        background-color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-2);
    }

    .auto-dark-mode .dk\:bg-neutral-3,
    .auto-dark-mode.dk\:bg-neutral-3 {
        background-color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-3);
    }

    .auto-dark-mode .dk\:bg-neutral-4,
    .auto-dark-mode.dk\:bg-neutral-4 {
        background-color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-4);
    }

    .auto-dark-mode .dk\:bg-neutral-5,
    .auto-dark-mode.dk\:bg-neutral-5 {
        background-color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
        background-color: var(--neutral-5);
    }

    .auto-dark-mode .dk\:bg-transparent,
    .auto-dark-mode.dk\:bg-transparent {
        background-color: transparent;
    }

    .auto-dark-mode .dk\:bg-white,
    .auto-dark-mode.dk\:bg-white {
        background-color: white;
    }

    .auto-dark-mode .dk\:bg-black,
    .auto-dark-mode.dk\:bg-black {
        background-color: black;
    }

    .auto-dark-mode .dk\:bg-base-background,
    .auto-dark-mode.dk\:bg-base-background {
        background-color: white;
        background-color: var(--base-background);
    }

    .auto-dark-mode .dk\:bg-base-color,
    .auto-dark-mode.dk\:bg-base-color {
        background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        background-color: var(--base-color);
    }

    .auto-dark-mode .dk\:bg-meta-color,
    .auto-dark-mode.dk\:bg-meta-color {
        background-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        background-color: var(--meta-color);
    }

    .auto-dark-mode .dk\:bg-heading-color,
    .auto-dark-mode.dk\:bg-heading-color {
        background-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        background-color: var(--heading-color);
    }

    .auto-dark-mode .dk\:bg-link-color,
    .auto-dark-mode.dk\:bg-link-color {
        background-color: inherit;
        background-color: var(--link-color);
    }

    .auto-dark-mode .dk\:bg-link-hover-color,
    .auto-dark-mode.dk\:bg-link-hover-color {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--link-hover-color);
    }

    .auto-dark-mode .dk\:bg-link-active-color,
    .auto-dark-mode.dk\:bg-link-active-color {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--link-active-color);
    }

    .auto-dark-mode .dk\:bg-link-focus-color,
    .auto-dark-mode.dk\:bg-link-focus-color {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--link-focus-color);
    }

    .auto-dark-mode .dk\:bg-li-prefix-color,
    .auto-dark-mode.dk\:bg-li-prefix-color {
        background-color: currentColor;
        background-color: var(--li-prefix-color);
    }

    /* Border Colors */

    .auto-dark-mode .dk\:br-neutral-d5,
    .auto-dark-mode.dk\:br-neutral-d5 {
        border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        border-color: var(--neutral-d5);
    }

    .auto-dark-mode .dk\:br-neutral-d4,
    .auto-dark-mode.dk\:br-neutral-d4 {
        border-color: hsl(0, 0%, calc(53% - 4 * calc(53% / 7)));
        border-color: var(--neutral-d4);
    }

    .auto-dark-mode .dk\:br-neutral-d3,
    .auto-dark-mode.dk\:br-neutral-d3 {
        border-color: hsl(0, 0%, calc(53% - 3 * calc(53% / 7)));
        border-color: var(--neutral-d3);
    }

    .auto-dark-mode .dk\:br-neutral-d2,
    .auto-dark-mode.dk\:br-neutral-d2 {
        border-color: hsl(0, 0%, calc(53% - 2 * calc(53% / 7)));
        border-color: var(--neutral-d2);
    }

    .auto-dark-mode .dk\:br-neutral-d1,
    .auto-dark-mode.dk\:br-neutral-d1 {
        border-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        border-color: var(--neutral-d1);
    }

    .auto-dark-mode .dk\:br-neutral,
    .auto-dark-mode.dk\:br-neutral {
        border-color: hsl(0, 0%, 53%);
        border-color: var(--neutral);
    }

    .auto-dark-mode .dk\:br-neutral-1,
    .auto-dark-mode.dk\:br-neutral-1 {
        border-color: hsl(0, 0%, calc(53% + calc((100% - 53%) / 6)));
        border-color: var(--neutral-1);
    }

    .auto-dark-mode .dk\:br-neutral-2,
    .auto-dark-mode.dk\:br-neutral-2 {
        border-color: hsl(0, 0%, calc(53% + 2 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-2);
    }

    .auto-dark-mode .dk\:br-neutral-3,
    .auto-dark-mode.dk\:br-neutral-3 {
        border-color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-3);
    }

    .auto-dark-mode .dk\:br-neutral-4,
    .auto-dark-mode.dk\:br-neutral-4 {
        border-color: hsl(0, 0%, calc(53% + 4 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-4);
    }

    .auto-dark-mode .dk\:br-neutral-5,
    .auto-dark-mode.dk\:br-neutral-5 {
        border-color: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
        border-color: var(--neutral-5);
    }

    .auto-dark-mode .dk\:br-white,
    .auto-dark-mode.dk\:br-white {
        border-color: white;
    }

    .auto-dark-mode .dk\:br-black,
    .auto-dark-mode.dk\:br-black {
        border-color: black;
    }

    .auto-dark-mode .dk\:br-base-background,
    .auto-dark-mode.dk\:br-base-background {
        border-color: white;
        border-color: var(--base-background);
    }

    .auto-dark-mode .dk\:br-base-color,
    .auto-dark-mode.dk\:br-base-color {
        border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        border-color: var(--base-color);
    }

    .auto-dark-mode .dk\:br-meta-color,
    .auto-dark-mode.dk\:br-meta-color {
        border-color: hsl(0, 0%, calc(53% - calc(53% / 7)));
        border-color: var(--meta-color);
    }

    .auto-dark-mode .dk\:br-heading-color,
    .auto-dark-mode.dk\:br-heading-color {
        border-color: hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
        border-color: var(--heading-color);
    }

    .auto-dark-mode .dk\:br-link-color,
    .auto-dark-mode.dk\:br-link-color {
        border-color: inherit;
        border-color: var(--link-color);
    }

    .auto-dark-mode .dk\:br-link-hover-color,
    .auto-dark-mode.dk\:br-link-hover-color {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--link-hover-color);
    }

    .auto-dark-mode .dk\:br-link-active-color,
    .auto-dark-mode.dk\:br-link-active-color {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--link-active-color);
    }

    .auto-dark-mode .dk\:br-link-focus-color,
    .auto-dark-mode.dk\:br-link-focus-color {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--link-focus-color);
    }

    .auto-dark-mode .dk\:br-li-prefix-color,
    .auto-dark-mode.dk\:br-li-prefix-color {
        border-color: currentColor;
        border-color: var(--li-prefix-color);
    }

    .auto-dark-mode .dk\:primary-d5,
    .auto-dark-mode.dk\:primary-d5 {
        color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
        color: var(--primary-d5);
    }

    .auto-dark-mode .dk\:primary-d4,
    .auto-dark-mode.dk\:primary-d4 {
        color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
        color: var(--primary-d4);
    }

    .auto-dark-mode .dk\:primary-d3,
    .auto-dark-mode.dk\:primary-d3 {
        color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
        color: var(--primary-d3);
    }

    .auto-dark-mode .dk\:primary-d2,
    .auto-dark-mode.dk\:primary-d2 {
        color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
        color: var(--primary-d2);
    }

    .auto-dark-mode .dk\:primary-d1,
    .auto-dark-mode.dk\:primary-d1 {
        color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
        color: var(--primary-d1);
    }

    .auto-dark-mode .dk\:primary,
    .auto-dark-mode.dk\:primary {
        color: hsl(198, 100%, 33.3%);
        color: var(--primary);
    }

    .auto-dark-mode .dk\:primary-1,
    .auto-dark-mode.dk\:primary-1 {
        color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
        color: var(--primary-1);
    }

    .auto-dark-mode .dk\:primary-2,
    .auto-dark-mode.dk\:primary-2 {
        color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
        color: var(--primary-2);
    }

    .auto-dark-mode .dk\:primary-3,
    .auto-dark-mode.dk\:primary-3 {
        color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
        color: var(--primary-3);
    }

    .auto-dark-mode .dk\:primary-4,
    .auto-dark-mode.dk\:primary-4 {
        color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
        color: var(--primary-4);
    }

    .auto-dark-mode .dk\:primary-5,
    .auto-dark-mode.dk\:primary-5 {
        color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
        color: var(--primary-5);
    }

    .auto-dark-mode .dk\:accent-one-d5,
    .auto-dark-mode.dk\:accent-one-d5 {
        color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
        color: var(--accent-one-d5);
    }

    .auto-dark-mode .dk\:accent-one-d4,
    .auto-dark-mode.dk\:accent-one-d4 {
        color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
        color: var(--accent-one-d4);
    }

    .auto-dark-mode .dk\:accent-one-d3,
    .auto-dark-mode.dk\:accent-one-d3 {
        color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
        color: var(--accent-one-d3);
    }

    .auto-dark-mode .dk\:accent-one-d2,
    .auto-dark-mode.dk\:accent-one-d2 {
        color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
        color: var(--accent-one-d2);
    }

    .auto-dark-mode .dk\:accent-one-d1,
    .auto-dark-mode.dk\:accent-one-d1 {
        color: hsl(80, 100%, calc(30% - calc(30% / 7)));
        color: var(--accent-one-d1);
    }

    .auto-dark-mode .dk\:accent-one,
    .auto-dark-mode.dk\:accent-one {
        color: hsl(80, 100%, 30%);
        color: var(--accent-one);
    }

    .auto-dark-mode .dk\:accent-one-1,
    .auto-dark-mode.dk\:accent-one-1 {
        color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
        color: var(--accent-one-1);
    }

    .auto-dark-mode .dk\:accent-one-2,
    .auto-dark-mode.dk\:accent-one-2 {
        color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        color: var(--accent-one-2);
    }

    .auto-dark-mode .dk\:accent-one-3,
    .auto-dark-mode.dk\:accent-one-3 {
        color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        color: var(--accent-one-3);
    }

    .auto-dark-mode .dk\:accent-one-4,
    .auto-dark-mode.dk\:accent-one-4 {
        color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        color: var(--accent-one-4);
    }

    .auto-dark-mode .dk\:accent-one-5,
    .auto-dark-mode.dk\:accent-one-5 {
        color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        color: var(--accent-one-5);
    }

    .auto-dark-mode .dk\:accent-two-d5,
    .auto-dark-mode.dk\:accent-two-d5 {
        color: hsl(326.7, 100%, calc(30% - 5 * calc(30% / 7)));
        color: var(--accent-two-d5);
    }

    .auto-dark-mode .dk\:accent-two-d4,
    .auto-dark-mode.dk\:accent-two-d4 {
        color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        color: var(--accent-two-d4);
    }

    .auto-dark-mode .dk\:accent-two-d3,
    .auto-dark-mode.dk\:accent-two-d3 {
        color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
        color: var(--accent-two-d3);
    }

    .auto-dark-mode .dk\:accent-two-d2,
    .auto-dark-mode.dk\:accent-two-d2 {
        color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
        color: var(--accent-two-d2);
    }

    .auto-dark-mode .dk\:accent-two-d1,
    .auto-dark-mode.dk\:accent-two-d1 {
        color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
        color: var(--accent-two-d1);
    }

    .auto-dark-mode .dk\:accent-two,
    .auto-dark-mode.dk\:accent-two {
        color: hsl(326.7, 100%, 30%);
        color: var(--accent-two);
    }

    .auto-dark-mode .dk\:accent-two-1,
    .auto-dark-mode.dk\:accent-two-1 {
        color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
        color: var(--accent-two-1);
    }

    .auto-dark-mode .dk\:accent-two-2,
    .auto-dark-mode.dk\:accent-two-2 {
        color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        color: var(--accent-two-2);
    }

    .auto-dark-mode .dk\:accent-two-3,
    .auto-dark-mode.dk\:accent-two-3 {
        color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        color: var(--accent-two-3);
    }

    .auto-dark-mode .dk\:accent-two-4,
    .auto-dark-mode.dk\:accent-two-4 {
        color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        color: var(--accent-two-4);
    }

    .auto-dark-mode .dk\:accent-two-5,
    .auto-dark-mode.dk\:accent-two-5 {
        color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        color: var(--accent-two-5);
    }

    .auto-dark-mode .dk\:accent-three-d5,
    .auto-dark-mode.dk\:accent-three-d5 {
        color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
        color: var(--accent-three-d5);
    }

    .auto-dark-mode .dk\:accent-three-d4,
    .auto-dark-mode.dk\:accent-three-d4 {
        color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
        color: var(--accent-three-d4);
    }

    .auto-dark-mode .dk\:accent-three-d3,
    .auto-dark-mode.dk\:accent-three-d3 {
        color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
        color: var(--accent-three-d3);
    }

    .auto-dark-mode .dk\:accent-three-d2,
    .auto-dark-mode.dk\:accent-three-d2 {
        color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
        color: var(--accent-three-d2);
    }

    .auto-dark-mode .dk\:accent-three-d1,
    .auto-dark-mode.dk\:accent-three-d1 {
        color: hsl(356, 83%, calc(41% - calc(41% / 7)));
        color: var(--accent-three-d1);
    }

    .auto-dark-mode .dk\:accent-three,
    .auto-dark-mode.dk\:accent-three {
        color: hsl(356, 83%, 41%);
        color: var(--accent-three);
    }

    .auto-dark-mode .dk\:accent-three-1,
    .auto-dark-mode.dk\:accent-three-1 {
        color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
        color: var(--accent-three-1);
    }

    .auto-dark-mode .dk\:accent-three-2,
    .auto-dark-mode.dk\:accent-three-2 {
        color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
        color: var(--accent-three-2);
    }

    .auto-dark-mode .dk\:accent-three-3,
    .auto-dark-mode.dk\:accent-three-3 {
        color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
        color: var(--accent-three-3);
    }

    .auto-dark-mode .dk\:accent-three-4,
    .auto-dark-mode.dk\:accent-three-4 {
        color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
        color: var(--accent-three-4);
    }

    .auto-dark-mode .dk\:accent-three-5,
    .auto-dark-mode.dk\:accent-three-5 {
        color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
        color: var(--accent-three-5);
    }

    .auto-dark-mode .dk\:accent-four-d5,
    .auto-dark-mode.dk\:accent-four-d5 {
        color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
        color: var(--accent-four-d5);
    }

    .auto-dark-mode .dk\:accent-four-d4,
    .auto-dark-mode.dk\:accent-four-d4 {
        color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
        color: var(--accent-four-d4);
    }

    .auto-dark-mode .dk\:accent-four-d3,
    .auto-dark-mode.dk\:accent-four-d3 {
        color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
        color: var(--accent-four-d3);
    }

    .auto-dark-mode .dk\:accent-four-d2,
    .auto-dark-mode.dk\:accent-four-d2 {
        color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
        color: var(--accent-four-d2);
    }

    .auto-dark-mode .dk\:accent-four-d1,
    .auto-dark-mode.dk\:accent-four-d1 {
        color: hsl(32, 100%, calc(49% - calc(49% / 7)));
        color: var(--accent-four-d1);
    }

    .auto-dark-mode .dk\:accent-four,
    .auto-dark-mode.dk\:accent-four {
        color: hsl(32, 100%, 49%);
        color: var(--accent-four);
    }

    .auto-dark-mode .dk\:accent-four-1,
    .auto-dark-mode.dk\:accent-four-1 {
        color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
        color: var(--accent-four-1);
    }

    .auto-dark-mode .dk\:accent-four-2,
    .auto-dark-mode.dk\:accent-four-2 {
        color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
        color: var(--accent-four-2);
    }

    .auto-dark-mode .dk\:accent-four-3,
    .auto-dark-mode.dk\:accent-four-3 {
        color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
        color: var(--accent-four-3);
    }

    .auto-dark-mode .dk\:accent-four-4,
    .auto-dark-mode.dk\:accent-four-4 {
        color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
        color: var(--accent-four-4);
    }

    .auto-dark-mode .dk\:accent-four-5,
    .auto-dark-mode.dk\:accent-four-5 {
        color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        color: var(--accent-four-5);
    }

    .auto-dark-mode .dk\:accent-five-d5,
    .auto-dark-mode.dk\:accent-five-d5 {
        color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
        color: var(--accent-five-d5);
    }

    .auto-dark-mode .dk\:accent-five-d4,
    .auto-dark-mode.dk\:accent-five-d4 {
        color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
        color: var(--accent-five-d4);
    }

    .auto-dark-mode .dk\:accent-five-d3,
    .auto-dark-mode.dk\:accent-five-d3 {
        color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
        color: var(--accent-five-d3);
    }

    .auto-dark-mode .dk\:accent-five-d2,
    .auto-dark-mode.dk\:accent-five-d2 {
        color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
        color: var(--accent-five-d2);
    }

    .auto-dark-mode .dk\:accent-five-d1,
    .auto-dark-mode.dk\:accent-five-d1 {
        color: hsl(43, 100%, calc(51% - calc(51% / 7)));
        color: var(--accent-five-d1);
    }

    .auto-dark-mode .dk\:accent-five,
    .auto-dark-mode.dk\:accent-five {
        color: hsl(43, 100%, 51%);
        color: var(--accent-five);
    }

    .auto-dark-mode .dk\:accent-five-1,
    .auto-dark-mode.dk\:accent-five-1 {
        color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
        color: var(--accent-five-1);
    }

    .auto-dark-mode .dk\:accent-five-2,
    .auto-dark-mode.dk\:accent-five-2 {
        color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
        color: var(--accent-five-2);
    }

    .auto-dark-mode .dk\:accent-five-3,
    .auto-dark-mode.dk\:accent-five-3 {
        color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
        color: var(--accent-five-3);
    }

    .auto-dark-mode .dk\:accent-five-4,
    .auto-dark-mode.dk\:accent-five-4 {
        color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
        color: var(--accent-five-4);
    }

    .auto-dark-mode .dk\:accent-five-5,
    .auto-dark-mode.dk\:accent-five-5 {
        color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        color: var(--accent-five-5);
    }

    .auto-dark-mode .dk\:error-color,
    .auto-dark-mode.dk\:error-color {
        color: var(--error);
    }

    /* Background */

    .auto-dark-mode .dk\:bg-primary-d5,
    .auto-dark-mode.dk\:bg-primary-d5 {
        background-color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
        background-color: var(--primary-d5);
    }

    .auto-dark-mode .dk\:bg-primary-d4,
    .auto-dark-mode.dk\:bg-primary-d4 {
        background-color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
        background-color: var(--primary-d4);
    }

    .auto-dark-mode .dk\:bg-primary-d3,
    .auto-dark-mode.dk\:bg-primary-d3 {
        background-color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
        background-color: var(--primary-d3);
    }

    .auto-dark-mode .dk\:bg-primary-d2,
    .auto-dark-mode.dk\:bg-primary-d2 {
        background-color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
        background-color: var(--primary-d2);
    }

    .auto-dark-mode .dk\:bg-primary-d1,
    .auto-dark-mode.dk\:bg-primary-d1 {
        background-color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
        background-color: var(--primary-d1);
    }

    .auto-dark-mode .dk\:bg-primary,
    .auto-dark-mode.dk\:bg-primary {
        background-color: hsl(198, 100%, 33.3%);
        background-color: var(--primary);
    }

    .auto-dark-mode .dk\:bg-primary-1,
    .auto-dark-mode.dk\:bg-primary-1 {
        background-color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
        background-color: var(--primary-1);
    }

    .auto-dark-mode .dk\:bg-primary-2,
    .auto-dark-mode.dk\:bg-primary-2 {
        background-color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-2);
    }

    .auto-dark-mode .dk\:bg-primary-3,
    .auto-dark-mode.dk\:bg-primary-3 {
        background-color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-3);
    }

    .auto-dark-mode .dk\:bg-primary-4,
    .auto-dark-mode.dk\:bg-primary-4 {
        background-color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-4);
    }

    .auto-dark-mode .dk\:bg-primary-5,
    .auto-dark-mode.dk\:bg-primary-5 {
        background-color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
        background-color: var(--primary-5);
    }

    .auto-dark-mode .dk\:bg-accent-one-d5,
    .auto-dark-mode.dk\:bg-accent-one-d5 {
        background-color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
        background-color: var(--accent-one-d5);
    }

    .auto-dark-mode .dk\:bg-accent-one-d4,
    .auto-dark-mode.dk\:bg-accent-one-d4 {
        background-color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
        background-color: var(--accent-one-d4);
    }

    .auto-dark-mode .dk\:bg-accent-one-d3,
    .auto-dark-mode.dk\:bg-accent-one-d3 {
        background-color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
        background-color: var(--accent-one-d3);
    }

    .auto-dark-mode .dk\:bg-accent-one-d2,
    .auto-dark-mode.dk\:bg-accent-one-d2 {
        background-color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
        background-color: var(--accent-one-d2);
    }

    .auto-dark-mode .dk\:bg-accent-one-d1,
    .auto-dark-mode.dk\:bg-accent-one-d1 {
        background-color: hsl(80, 100%, calc(30% - calc(30% / 7)));
        background-color: var(--accent-one-d1);
    }

    .auto-dark-mode .dk\:bg-accent-one,
    .auto-dark-mode.dk\:bg-accent-one {
        background-color: hsl(80, 100%, 30%);
        background-color: var(--accent-one);
    }

    .auto-dark-mode .dk\:bg-accent-one-1,
    .auto-dark-mode.dk\:bg-accent-one-1 {
        background-color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
        background-color: var(--accent-one-1);
    }

    .auto-dark-mode .dk\:bg-accent-one-2,
    .auto-dark-mode.dk\:bg-accent-one-2 {
        background-color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-2);
    }

    .auto-dark-mode .dk\:bg-accent-one-3,
    .auto-dark-mode.dk\:bg-accent-one-3 {
        background-color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-3);
    }

    .auto-dark-mode .dk\:bg-accent-one-4,
    .auto-dark-mode.dk\:bg-accent-one-4 {
        background-color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-4);
    }

    .auto-dark-mode .dk\:bg-accent-one-5,
    .auto-dark-mode.dk\:bg-accent-one-5 {
        background-color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        background-color: var(--accent-one-5);
    }

    .auto-dark-mode .dk\:bg-accent-two-d5,
    .auto-dark-mode.dk\:bg-accent-two-d5 {
        background-color: hsl(326.7, 100%, calc(30% - 5 * calc(30% / 7)));
        background-color: var(--accent-two-d5);
    }

    .auto-dark-mode .dk\:bg-accent-two-d4,
    .auto-dark-mode.dk\:bg-accent-two-d4 {
        background-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        background-color: var(--accent-two-d4);
    }

    .auto-dark-mode .dk\:bg-accent-two-d3,
    .auto-dark-mode.dk\:bg-accent-two-d3 {
        background-color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
        background-color: var(--accent-two-d3);
    }

    .auto-dark-mode .dk\:bg-accent-two-d2,
    .auto-dark-mode.dk\:bg-accent-two-d2 {
        background-color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
        background-color: var(--accent-two-d2);
    }

    .auto-dark-mode .dk\:bg-accent-two-d1,
    .auto-dark-mode.dk\:bg-accent-two-d1 {
        background-color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
        background-color: var(--accent-two-d1);
    }

    .auto-dark-mode .dk\:bg-accent-two,
    .auto-dark-mode.dk\:bg-accent-two {
        background-color: hsl(326.7, 100%, 30%);
        background-color: var(--accent-two);
    }

    .auto-dark-mode .dk\:bg-accent-two-1,
    .auto-dark-mode.dk\:bg-accent-two-1 {
        background-color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
        background-color: var(--accent-two-1);
    }

    .auto-dark-mode .dk\:bg-accent-two-2,
    .auto-dark-mode.dk\:bg-accent-two-2 {
        background-color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-2);
    }

    .auto-dark-mode .dk\:bg-accent-two-3,
    .auto-dark-mode.dk\:bg-accent-two-3 {
        background-color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-3);
    }

    .auto-dark-mode .dk\:bg-accent-two-4,
    .auto-dark-mode.dk\:bg-accent-two-4 {
        background-color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-4);
    }

    .auto-dark-mode .dk\:bg-accent-two-5,
    .auto-dark-mode.dk\:bg-accent-two-5 {
        background-color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        background-color: var(--accent-two-5);
    }

    .auto-dark-mode .dk\:bg-accent-three-d5,
    .auto-dark-mode.dk\:bg-accent-three-d5 {
        background-color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
        background-color: var(--accent-three-d5);
    }

    .auto-dark-mode .dk\:bg-accent-three-d4,
    .auto-dark-mode.dk\:bg-accent-three-d4 {
        background-color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
        background-color: var(--accent-three-d4);
    }

    .auto-dark-mode .dk\:bg-accent-three-d3,
    .auto-dark-mode.dk\:bg-accent-three-d3 {
        background-color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
        background-color: var(--accent-three-d3);
    }

    .auto-dark-mode .dk\:bg-accent-three-d2,
    .auto-dark-mode.dk\:bg-accent-three-d2 {
        background-color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
        background-color: var(--accent-three-d2);
    }

    .auto-dark-mode .dk\:bg-accent-three-d1,
    .auto-dark-mode.dk\:bg-accent-three-d1 {
        background-color: hsl(356, 83%, calc(41% - calc(41% / 7)));
        background-color: var(--accent-three-d1);
    }

    .auto-dark-mode .dk\:bg-accent-three,
    .auto-dark-mode.dk\:bg-accent-three {
        background-color: hsl(356, 83%, 41%);
        background-color: var(--accent-three);
    }

    .auto-dark-mode .dk\:bg-accent-three-1,
    .auto-dark-mode.dk\:bg-accent-three-1 {
        background-color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
        background-color: var(--accent-three-1);
    }

    .auto-dark-mode .dk\:bg-accent-three-2,
    .auto-dark-mode.dk\:bg-accent-three-2 {
        background-color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-2);
    }

    .auto-dark-mode .dk\:bg-accent-three-3,
    .auto-dark-mode.dk\:bg-accent-three-3 {
        background-color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-3);
    }

    .auto-dark-mode .dk\:bg-accent-three-4,
    .auto-dark-mode.dk\:bg-accent-three-4 {
        background-color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-4);
    }

    .auto-dark-mode .dk\:bg-accent-three-5,
    .auto-dark-mode.dk\:bg-accent-three-5 {
        background-color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
        background-color: var(--accent-three-5);
    }

    .auto-dark-mode .dk\:bg-accent-four-d5,
    .auto-dark-mode.dk\:bg-accent-four-d5 {
        background-color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
        background-color: var(--accent-four-d5);
    }

    .auto-dark-mode .dk\:bg-accent-four-d4,
    .auto-dark-mode.dk\:bg-accent-four-d4 {
        background-color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
        background-color: var(--accent-four-d4);
    }

    .auto-dark-mode .dk\:bg-accent-four-d3,
    .auto-dark-mode.dk\:bg-accent-four-d3 {
        background-color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
        background-color: var(--accent-four-d3);
    }

    .auto-dark-mode .dk\:bg-accent-four-d2,
    .auto-dark-mode.dk\:bg-accent-four-d2 {
        background-color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
        background-color: var(--accent-four-d2);
    }

    .auto-dark-mode .dk\:bg-accent-four-d1,
    .auto-dark-mode.dk\:bg-accent-four-d1 {
        background-color: hsl(32, 100%, calc(49% - calc(49% / 7)));
        background-color: var(--accent-four-d1);
    }

    .auto-dark-mode .dk\:bg-accent-four,
    .auto-dark-mode.dk\:bg-accent-four {
        background-color: hsl(32, 100%, 49%);
        background-color: var(--accent-four);
    }

    .auto-dark-mode .dk\:bg-accent-four-1,
    .auto-dark-mode.dk\:bg-accent-four-1 {
        background-color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
        background-color: var(--accent-four-1);
    }

    .auto-dark-mode .dk\:bg-accent-four-2,
    .auto-dark-mode.dk\:bg-accent-four-2 {
        background-color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
        background-color: var(--accent-four-2);
    }

    .auto-dark-mode .dk\:bg-accent-four-3,
    .auto-dark-mode.dk\:bg-accent-four-3 {
        background-color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
        background-color: var(--accent-four-3);
    }

    .auto-dark-mode .dk\:bg-accent-four-4,
    .auto-dark-mode.dk\:bg-accent-four-4 {
        background-color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
        background-color: var(--accent-four-4);
    }

    .auto-dark-mode .dk\:bg-accent-four-5,
    .auto-dark-mode.dk\:bg-accent-four-5 {
        background-color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        background-color: var(--accent-four-5);
    }

    .auto-dark-mode .dk\:bg-accent-five-d5,
    .auto-dark-mode.dk\:bg-accent-five-d5 {
        background-color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
        background-color: var(--accent-five-d5);
    }

    .auto-dark-mode .dk\:bg-accent-five-d4,
    .auto-dark-mode.dk\:bg-accent-five-d4 {
        background-color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
        background-color: var(--accent-five-d4);
    }

    .auto-dark-mode .dk\:bg-accent-five-d3,
    .auto-dark-mode.dk\:bg-accent-five-d3 {
        background-color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
        background-color: var(--accent-five-d3);
    }

    .auto-dark-mode .dk\:bg-accent-five-d2,
    .auto-dark-mode.dk\:bg-accent-five-d2 {
        background-color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
        background-color: var(--accent-five-d2);
    }

    .auto-dark-mode .dk\:bg-accent-five-d1,
    .auto-dark-mode.dk\:bg-accent-five-d1 {
        background-color: hsl(43, 100%, calc(51% - calc(51% / 7)));
        background-color: var(--accent-five-d1);
    }

    .auto-dark-mode .dk\:bg-accent-five,
    .auto-dark-mode.dk\:bg-accent-five {
        background-color: hsl(43, 100%, 51%);
        background-color: var(--accent-five);
    }

    .auto-dark-mode .dk\:bg-accent-five-1,
    .auto-dark-mode.dk\:bg-accent-five-1 {
        background-color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
        background-color: var(--accent-five-1);
    }

    .auto-dark-mode .dk\:bg-accent-five-2,
    .auto-dark-mode.dk\:bg-accent-five-2 {
        background-color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
        background-color: var(--accent-five-2);
    }

    .auto-dark-mode .dk\:bg-accent-five-3,
    .auto-dark-mode.dk\:bg-accent-five-3 {
        background-color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
        background-color: var(--accent-five-3);
    }

    .auto-dark-mode .dk\:bg-accent-five-4,
    .auto-dark-mode.dk\:bg-accent-five-4 {
        background-color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
        background-color: var(--accent-five-4);
    }

    .auto-dark-mode .dk\:bg-accent-five-5,
    .auto-dark-mode.dk\:bg-accent-five-5 {
        background-color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        background-color: var(--accent-five-5);
    }

    .auto-dark-mode .dk\:bg-error-color,
    .auto-dark-mode.dk\:bg-error-color {
        background-color: crimson;
        background-color: var(--error-color);
    }

    /* Border Colors */

    .auto-dark-mode .dk\:br-primary-d5,
    .auto-dark-mode.dk\:br-primary-d5 {
        border-color: hsl(198, 100%, calc(33.3% - 5 * calc(33.3% / 7)));
        border-color: var(--primary-d5);
    }

    .auto-dark-mode .dk\:br-primary-d4,
    .auto-dark-mode.dk\:br-primary-d4 {
        border-color: hsl(198, 100%, calc(33.3% - 4 * calc(33.3% / 7)));
        border-color: var(--primary-d4);
    }

    .auto-dark-mode .dk\:br-primary-d3,
    .auto-dark-mode.dk\:br-primary-d3 {
        border-color: hsl(198, 100%, calc(33.3% - 3 * calc(33.3% / 7)));
        border-color: var(--primary-d3);
    }

    .auto-dark-mode .dk\:br-primary-d2,
    .auto-dark-mode.dk\:br-primary-d2 {
        border-color: hsl(198, 100%, calc(33.3% - 2 * calc(33.3% / 7)));
        border-color: var(--primary-d2);
    }

    .auto-dark-mode .dk\:br-primary-d1,
    .auto-dark-mode.dk\:br-primary-d1 {
        border-color: hsl(198, 100%, calc(33.3% - calc(33.3% / 7)));
        border-color: var(--primary-d1);
    }

    .auto-dark-mode .dk\:br-primary,
    .auto-dark-mode.dk\:br-primary {
        border-color: hsl(198, 100%, 33.3%);
        border-color: var(--primary);
    }

    .auto-dark-mode .dk\:br-primary-1,
    .auto-dark-mode.dk\:br-primary-1 {
        border-color: hsl(198, 100%, calc(33.3% + calc((100% - 33.3%) / 6)));
        border-color: var(--primary-1);
    }

    .auto-dark-mode .dk\:br-primary-2,
    .auto-dark-mode.dk\:br-primary-2 {
        border-color: hsl(198, 100%, calc(33.3% + 2 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-2);
    }

    .auto-dark-mode .dk\:br-primary-3,
    .auto-dark-mode.dk\:br-primary-3 {
        border-color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-3);
    }

    .auto-dark-mode .dk\:br-primary-4,
    .auto-dark-mode.dk\:br-primary-4 {
        border-color: hsl(198, 100%, calc(33.3% + 4 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-4);
    }

    .auto-dark-mode .dk\:br-primary-5,
    .auto-dark-mode.dk\:br-primary-5 {
        border-color: hsl(198, 100%, calc(33.3% + 5 * calc((100% - 33.3%) / 6)));
        border-color: var(--primary-5);
    }

    .auto-dark-mode .dk\:br-accent-one-d5,
    .auto-dark-mode.dk\:br-accent-one-d5 {
        border-color: hsl(80, 100%, calc(30% - 5 * calc(30% / 7)));
        border-color: var(--accent-one-d5);
    }

    .auto-dark-mode .dk\:br-accent-one-d4,
    .auto-dark-mode.dk\:br-accent-one-d4 {
        border-color: hsl(80, 100%, calc(30% - 4 * calc(30% / 7)));
        border-color: var(--accent-one-d4);
    }

    .auto-dark-mode .dk\:br-accent-one-d3,
    .auto-dark-mode.dk\:br-accent-one-d3 {
        border-color: hsl(80, 100%, calc(30% - 3 * calc(30% / 7)));
        border-color: var(--accent-one-d3);
    }

    .auto-dark-mode .dk\:br-accent-one-d2,
    .auto-dark-mode.dk\:br-accent-one-d2 {
        border-color: hsl(80, 100%, calc(30% - 2 * calc(30% / 7)));
        border-color: var(--accent-one-d2);
    }

    .auto-dark-mode .dk\:br-accent-one-d1,
    .auto-dark-mode.dk\:br-accent-one-d1 {
        border-color: hsl(80, 100%, calc(30% - calc(30% / 7)));
        border-color: var(--accent-one-d1);
    }

    .auto-dark-mode .dk\:br-accent-one,
    .auto-dark-mode.dk\:br-accent-one {
        border-color: hsl(80, 100%, 30%);
        border-color: var(--accent-one);
    }

    .auto-dark-mode .dk\:br-accent-one-1,
    .auto-dark-mode.dk\:br-accent-one-1 {
        border-color: hsl(80, 100%, calc(30% + calc((100% - 30%) / 6)));
        border-color: var(--accent-one-1);
    }

    .auto-dark-mode .dk\:br-accent-one-2,
    .auto-dark-mode.dk\:br-accent-one-2 {
        border-color: hsl(80, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-2);
    }

    .auto-dark-mode .dk\:br-accent-one-3,
    .auto-dark-mode.dk\:br-accent-one-3 {
        border-color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-3);
    }

    .auto-dark-mode .dk\:br-accent-one-4,
    .auto-dark-mode.dk\:br-accent-one-4 {
        border-color: hsl(80, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-4);
    }

    .auto-dark-mode .dk\:br-accent-one-5,
    .auto-dark-mode.dk\:br-accent-one-5 {
        border-color: hsl(80, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        border-color: var(--accent-one-5);
    }

    .auto-dark-mode .dk\:br-accent-two-d5,
    .auto-dark-mode.dk\:br-accent-two-d5 {
        border-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        border-color: var(--accent-two-d4);
    }

    .auto-dark-mode .dk\:br-accent-two-d4,
    .auto-dark-mode.dk\:br-accent-two-d4 {
        border-color: hsl(326.7, 100%, calc(30% - 4 * calc(30% / 7)));
        border-color: var(--accent-two-d4);
    }

    .auto-dark-mode .dk\:br-accent-two-d3,
    .auto-dark-mode.dk\:br-accent-two-d3 {
        border-color: hsl(326.7, 100%, calc(30% - 3 * calc(30% / 7)));
        border-color: var(--accent-two-d3);
    }

    .auto-dark-mode .dk\:br-accent-two-d2,
    .auto-dark-mode.dk\:br-accent-two-d2 {
        border-color: hsl(326.7, 100%, calc(30% - 2 * calc(30% / 7)));
        border-color: var(--accent-two-d2);
    }

    .auto-dark-mode .dk\:br-accent-two-d1,
    .auto-dark-mode.dk\:br-accent-two-d1 {
        border-color: hsl(326.7, 100%, calc(30% - calc(30% / 7)));
        border-color: var(--accent-two-d1);
    }

    .auto-dark-mode .dk\:br-accent-two,
    .auto-dark-mode.dk\:br-accent-two {
        border-color: hsl(326.7, 100%, 30%);
        border-color: var(--accent-two);
    }

    .auto-dark-mode .dk\:br-accent-two-1,
    .auto-dark-mode.dk\:br-accent-two-1 {
        border-color: hsl(326.7, 100%, calc(30% + calc((100% - 30%) / 6)));
        border-color: var(--accent-two-1);
    }

    .auto-dark-mode .dk\:br-accent-two-2,
    .auto-dark-mode.dk\:br-accent-two-2 {
        border-color: hsl(326.7, 100%, calc(30% + 2 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-2);
    }

    .auto-dark-mode .dk\:br-accent-two-3,
    .auto-dark-mode.dk\:br-accent-two-3 {
        border-color: hsl(326.7, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-3);
    }

    .auto-dark-mode .dk\:br-accent-two-4,
    .auto-dark-mode.dk\:br-accent-two-4 {
        border-color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-4);
    }

    .auto-dark-mode .dk\:br-accent-two-5,
    .auto-dark-mode.dk\:br-accent-two-5 {
        border-color: hsl(326.7, 100%, calc(30% + 5 * calc((100% - 30%) / 6)));
        border-color: var(--accent-two-5);
    }

    .auto-dark-mode .dk\:br-accent-three-d5,
    .auto-dark-mode.dk\:br-accent-three-d5 {
        border-color: hsl(356, 83%, calc(41% - 5 * calc(41% / 7)));
        border-color: var(--accent-three-d5);
    }

    .auto-dark-mode .dk\:br-accent-three-d4,
    .auto-dark-mode.dk\:br-accent-three-d4 {
        border-color: hsl(356, 83%, calc(41% - 4 * calc(41% / 7)));
        border-color: var(--accent-three-d4);
    }

    .auto-dark-mode .dk\:br-accent-three-d3,
    .auto-dark-mode.dk\:br-accent-three-d3 {
        border-color: hsl(356, 83%, calc(41% - 3 * calc(41% / 7)));
        border-color: var(--accent-three-d3);
    }

    .auto-dark-mode .dk\:br-accent-three-d2,
    .auto-dark-mode.dk\:br-accent-three-d2 {
        border-color: hsl(356, 83%, calc(41% - 2 * calc(41% / 7)));
        border-color: var(--accent-three-d2);
    }

    .auto-dark-mode .dk\:br-accent-three-d1,
    .auto-dark-mode.dk\:br-accent-three-d1 {
        border-color: hsl(356, 83%, calc(41% - calc(41% / 7)));
        border-color: var(--accent-three-d1);
    }

    .auto-dark-mode .dk\:br-accent-three,
    .auto-dark-mode.dk\:br-accent-three {
        border-color: hsl(356, 83%, 41%);
        border-color: var(--accent-three);
    }

    .auto-dark-mode .dk\:br-accent-three-1,
    .auto-dark-mode.dk\:br-accent-three-1 {
        border-color: hsl(356, 83%, calc(41% + calc((100% - 41%) / 6)));
        border-color: var(--accent-three-1);
    }

    .auto-dark-mode .dk\:br-accent-three-2,
    .auto-dark-mode.dk\:br-accent-three-2 {
        border-color: hsl(356, 83%, calc(41% + 2 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-2);
    }

    .auto-dark-mode .dk\:br-accent-three-3,
    .auto-dark-mode.dk\:br-accent-three-3 {
        border-color: hsl(356, 83%, calc(41% + 3 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-3);
    }

    .auto-dark-mode .dk\:br-accent-three-4,
    .auto-dark-mode.dk\:br-accent-three-4 {
        border-color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-4);
    }

    .auto-dark-mode .dk\:br-accent-three-5,
    .auto-dark-mode.dk\:br-accent-three-5 {
        border-color: hsl(356, 83%, calc(41% + 5 * calc((100% - 41%) / 6)));
        border-color: var(--accent-three-5);
    }

    .auto-dark-mode .dk\:br-accent-four-d5,
    .auto-dark-mode.dk\:br-accent-four-d5 {
        border-color: hsl(32, 100%, calc(49% - 5 * calc(49% / 7)));
        border-color: var(--accent-four-d5);
    }

    .auto-dark-mode .dk\:br-accent-four-d4,
    .auto-dark-mode.dk\:br-accent-four-d4 {
        border-color: hsl(32, 100%, calc(49% - 4 * calc(49% / 7)));
        border-color: var(--accent-four-d4);
    }

    .auto-dark-mode .dk\:br-accent-four-d3,
    .auto-dark-mode.dk\:br-accent-four-d3 {
        border-color: hsl(32, 100%, calc(49% - 3 * calc(49% / 7)));
        border-color: var(--accent-four-d3);
    }

    .auto-dark-mode .dk\:br-accent-four-d2,
    .auto-dark-mode.dk\:br-accent-four-d2 {
        border-color: hsl(32, 100%, calc(49% - 2 * calc(49% / 7)));
        border-color: var(--accent-four-d2);
    }

    .auto-dark-mode .dk\:br-accent-four-d1,
    .auto-dark-mode.dk\:br-accent-four-d1 {
        border-color: hsl(32, 100%, calc(49% - calc(49% / 7)));
        border-color: var(--accent-four-d1);
    }

    .auto-dark-mode .dk\:br-accent-four,
    .auto-dark-mode.dk\:br-accent-four {
        border-color: hsl(32, 100%, 49%);
        border-color: var(--accent-four);
    }

    .auto-dark-mode .dk\:br-accent-four-1,
    .auto-dark-mode.dk\:br-accent-four-1 {
        border-color: hsl(32, 100%, calc(49% + calc((100% - 49%) / 6)));
        border-color: var(--accent-four-1);
    }

    .auto-dark-mode .dk\:br-accent-four-2,
    .auto-dark-mode.dk\:br-accent-four-2 {
        border-color: hsl(32, 100%, calc(49% + 2 * calc((100% - 49%) / 6)));
        border-color: var(--accent-four-2);
    }

    .auto-dark-mode .dk\:br-accent-four-3,
    .auto-dark-mode.dk\:br-accent-four-3 {
        border-color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
        border-color: var(--accent-four-3);
    }

    .auto-dark-mode .dk\:br-accent-four-4,
    .auto-dark-mode.dk\:br-accent-four-4 {
        border-color: hsl(32, 100%, calc(49% + 4 * calc((100% - 49%) / 6)));
        border-color: var(--accent-four-4);
    }

    .auto-dark-mode .dk\:br-accent-four-5,
    .auto-dark-mode.dk\:br-accent-four-5 {
        border-color: hsl(32, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        border-color: var(--accent-four-5);
    }

    .auto-dark-mode .dk\:br-accent-five-d5,
    .auto-dark-mode.dk\:br-accent-five-d5 {
        border-color: hsl(43, 100%, calc(51% - 5 * calc(51% / 7)));
        border-color: var(--accent-five-d5);
    }

    .auto-dark-mode .dk\:br-accent-five-d4,
    .auto-dark-mode.dk\:br-accent-five-d4 {
        border-color: hsl(43, 100%, calc(51% - 4 * calc(51% / 7)));
        border-color: var(--accent-five-d4);
    }

    .auto-dark-mode .dk\:br-accent-five-d3,
    .auto-dark-mode.dk\:br-accent-five-d3 {
        border-color: hsl(43, 100%, calc(51% - 3 * calc(51% / 7)));
        border-color: var(--accent-five-d3);
    }

    .auto-dark-mode .dk\:br-accent-five-d2,
    .auto-dark-mode.dk\:br-accent-five-d2 {
        border-color: hsl(43, 100%, calc(51% - 2 * calc(51% / 7)));
        border-color: var(--accent-five-d2);
    }

    .auto-dark-mode .dk\:br-accent-five-d1,
    .auto-dark-mode.dk\:br-accent-five-d1 {
        border-color: hsl(43, 100%, calc(51% - calc(51% / 7)));
        border-color: var(--accent-five-d1);
    }

    .auto-dark-mode .dk\:br-accent-five,
    .auto-dark-mode.dk\:br-accent-five {
        border-color: hsl(43, 100%, 51%);
        border-color: var(--accent-five);
    }

    .auto-dark-mode .dk\:br-accent-five-1,
    .auto-dark-mode.dk\:br-accent-five-1 {
        border-color: hsl(43, 100%, calc(51% + calc((100% - 51%) / 6)));
        border-color: var(--accent-five-1);
    }

    .auto-dark-mode .dk\:br-accent-five-2,
    .auto-dark-mode.dk\:br-accent-five-2 {
        border-color: hsl(43, 100%, calc(51% + 2 * calc((100% - 51%) / 6)));
        border-color: var(--accent-five-2);
    }

    .auto-dark-mode .dk\:br-accent-five-3,
    .auto-dark-mode.dk\:br-accent-five-3 {
        border-color: hsl(43, 100%, calc(51% + 3 * calc((100% - 51%) / 6)));
        border-color: var(--accent-five-3);
    }

    .auto-dark-mode .dk\:br-accent-five-4,
    .auto-dark-mode.dk\:br-accent-five-4 {
        border-color: hsl(43, 100%, calc(51% + 4 * calc((100% - 51%) / 6)));
        border-color: var(--accent-five-4);
    }

    .auto-dark-mode .dk\:br-accent-five-5,
    .auto-dark-mode.dk\:br-accent-five-5 {
        border-color: hsl(43, 100%, calc(41% + 5 * calc((100% - 41%) / 6)));
        border-color: var(--accent-five-5);
    }

    .auto-dark-mode .dk\:br-error-color,
    .auto-dark-mode.dk\:br-error-color {
        border-color: crimson;
        border-color: var(--error-color);
    }

}

/**
Naming conventions
    x=x-axis
    y=y-axis
    t=top
    r=right
    b=bottom
    l=left
    n=negative
    0=none
    d<i>=decrease by <i>  
    <i>=increase by <i>
*/

.mr-0,
.no-mr {
    margin: 0;
}

.mrx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mry-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.mrt-0 {
    margin-top: 0;
}

.mrr-0 {
    margin-right: 0;
}

.mrb-0 {
    margin-bottom: 0;
}

.mrl-0 {
    margin-left: 0;
}

.mr-d5 {
    margin: 1px;
    margin: var(--space-d5);
}

.mrx-d5 {
    margin-left: 1px;
    margin-left: var(--space-d5);
    margin-right: 1px;
    margin-right: var(--space-d5);
}

.mry-d5 {
    margin-top: 1px;
    margin-top: var(--space-d5);
    margin-bottom: 1px;
    margin-bottom: var(--space-d5);
}

.mrt-d5 {
    margin-top: 1px;
    margin-top: var(--space-d5);
}

.mrr-d5 {
    margin-right: 1px;
    margin-right: var(--space-d5);
}

.mrb-d5 {
    margin-bottom: 1px;
    margin-bottom: var(--space-d5);
}

.mr-d4 {
    margin: 2px;
    margin: var(--space-d4);
}

.mrx-d4 {
    margin-left: 2px;
    margin-left: var(--space-d4);
    margin-right: 2px;
    margin-right: var(--space-d4);
}

.mry-d4 {
    margin-top: 2px;
    margin-top: var(--space-d4);
    margin-bottom: 2px;
    margin-bottom: var(--space-d4);
}

.mrt-d4 {
    margin-top: 2px;
    margin-top: var(--space-d4);
}

.mrr-d4 {
    margin-right: 2px;
    margin-right: var(--space-d4);
}

.mrb-d4 {
    margin-bottom: 2px;
    margin-bottom: var(--space-d4);
}

.mr-d3 {
    margin: 3px;
    margin: var(--space-d3);
}

.mrx-d3 {
    margin-left: 3px;
    margin-left: var(--space-d3);
    margin-right: 3px;
    margin-right: var(--space-d3);
}

.mry-d3 {
    margin-top: 3px;
    margin-top: var(--space-d3);
    margin-bottom: 3px;
    margin-bottom: var(--space-d3);
}

.mrt-d3 {
    margin-top: 3px;
    margin-top: var(--space-d3);
}

.mrr-d3 {
    margin-right: 3px;
    margin-right: var(--space-d3);
}

.mrb-d3 {
    margin-bottom: 3px;
    margin-bottom: var(--space-d3);
}

.mr-d2 {
    margin: calc(calc(1rem / 1.66) / 1.66);
    margin: var(--space-d2);
}

.mrx-d2 {
    margin-left: calc(calc(1rem / 1.66) / 1.66);
    margin-left: var(--space-d2);
    margin-right: calc(calc(1rem / 1.66) / 1.66);
    margin-right: var(--space-d2);
}

.mry-d2 {
    margin-top: calc(calc(1rem / 1.66) / 1.66);
    margin-top: var(--space-d2);
    margin-bottom: calc(calc(1rem / 1.66) / 1.66);
    margin-bottom: var(--space-d2);
}

.mrt-d2 {
    margin-top: calc(calc(1rem / 1.66) / 1.66);
    margin-top: var(--space-d2);
}

.mrr-d2 {
    margin-right: calc(calc(1rem / 1.66) / 1.66);
    margin-right: var(--space-d2);
}

.mrb-d2 {
    margin-bottom: calc(calc(1rem / 1.66) / 1.66);
    margin-bottom: var(--space-d2);
}

.mr-d1 {
    margin: calc(1rem / 1.66);
    margin: var(--space-d1);
}

.mrx-d1 {
    margin-left: calc(1rem / 1.66);
    margin-left: var(--space-d1);
    margin-right: calc(1rem / 1.66);
    margin-right: var(--space-d1);
}

.mry-d1 {
    margin-top: calc(1rem / 1.66);
    margin-top: var(--space-d1);
    margin-bottom: calc(1rem / 1.66);
    margin-bottom: var(--space-d1);
}

.mrt-d1 {
    margin-top: calc(1rem / 1.66);
    margin-top: var(--space-d1);
}

.mrr-d1 {
    margin-right: calc(1rem / 1.66);
    margin-right: var(--space-d1);
}

.mrb-d1 {
    margin-bottom: calc(1rem / 1.66);
    margin-bottom: var(--space-d1);
}

.mr {
    margin: 1rem;
    margin: var(--space);
}

.mrx {
    margin-left: 1rem;
    margin-left: var(--space);
    margin-right: 1rem;
    margin-right: var(--space);
}

.mry {
    margin-top: 1rem;
    margin-top: var(--space);
    margin-bottom: 1rem;
    margin-bottom: var(--space);
}

.mrt {
    margin-top: 1rem;
    margin-top: var(--space);
}

.mrr {
    margin-right: 1rem;
    margin-right: var(--space);
}

.mrb {
    margin-bottom: 1rem;
    margin-bottom: var(--space);
}

.mrl {
    margin-left: 1rem;
    margin-left: var(--space);
}

.mr-1 {
    margin: calc(1.66 * 1rem);
    margin: var(--space-1);
}

.mrx-1 {
    margin-left: calc(1.66 * 1rem);
    margin-left: var(--space-1);
    margin-right: calc(1.66 * 1rem);
    margin-right: var(--space-1);
}

.mry-1 {
    margin-top: calc(1.66 * 1rem);
    margin-top: var(--space-1);
    margin-bottom: calc(1.66 * 1rem);
    margin-bottom: var(--space-1);
}

.mrt-1 {
    margin-top: calc(1.66 * 1rem);
    margin-top: var(--space-1);
}

.mrr-1 {
    margin-right: calc(1.66 * 1rem);
    margin-right: var(--space-1);
}

.mrb-1 {
    margin-bottom: calc(1.66 * 1rem);
    margin-bottom: var(--space-1);
}

.mrl-1 {
    margin-left: calc(1.66 * 1rem);
    margin-left: var(--space-1);
}

.mr-2 {
    margin: calc(calc(1.66 * 1rem) * 1.66);
    margin: var(--space-2);
}

.mrx-2 {
    margin-left: calc(calc(1.66 * 1rem) * 1.66);
    margin-left: var(--space-2);
    margin-right: calc(calc(1.66 * 1rem) * 1.66);
    margin-right: var(--space-2);
}

.mry-2 {
    margin-top: calc(calc(1.66 * 1rem) * 1.66);
    margin-top: var(--space-2);
    margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
    margin-bottom: var(--space-2);
}

.mrt-2 {
    margin-top: calc(calc(1.66 * 1rem) * 1.66);
    margin-top: var(--space-2);
}

.mrr-2 {
    margin-right: calc(calc(1.66 * 1rem) * 1.66);
    margin-right: var(--space-2);
}

.mrb-2 {
    margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
    margin-bottom: var(--space-2);
}

.mrl-2 {
    margin-left: calc(calc(1.66 * 1rem) * 1.66);
    margin-left: var(--space-2);
}

.mr-3 {
    margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin: var(--space-3);
}

.mrx-3 {
    margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-left: var(--space-3);
    margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-right: var(--space-3);
}

.mry-3 {
    margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-top: var(--space-3);
    margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-bottom: var(--space-3);
}

.mrt-3 {
    margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-top: var(--space-3);
}

.mrr-3 {
    margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-right: var(--space-3);
}

.mrb-3 {
    margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-bottom: var(--space-3);
}

.mrl-3 {
    margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    margin-left: var(--space-3);
}

.mr-4 {
    margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin: var(--space-4);
}

.mrx-4 {
    margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-left: var(--space-4);
    margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-right: var(--space-4);
}

.mry-4 {
    margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-top: var(--space-4);
    margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-bottom: var(--space-4);
}

.mrt-4 {
    margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-top: var(--space-4);
}

.mrr-4 {
    margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-right: var(--space-4);
}

.mrb-4 {
    margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-bottom: var(--space-4);
}

.mrl-4 {
    margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    margin-left: var(--space-4);
}

.mr-5 {
    margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin: var(--space-5);
}

.mrx-5 {
    margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-left: var(--space-5);
    margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-right: var(--space-5);
}

.mry-5 {
    margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-top: var(--space-5);
    margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-bottom: var(--space-5);
}

.mrt-5 {
    margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-top: var(--space-5);
}

.mrr-5 {
    margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-right: var(--space-5);
}

.mrb-5 {
    margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-bottom: var(--space-5);
}

.mrl-5 {
    margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-left: var(--space-5);
}

.mr-6 {
    margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin: var(--space-6);
}

.mrx-6 {
    margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-left: var(--space-6);
    margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-right: var(--space-6);
}

.mry-6 {
    margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-top: var(--space-6);
    margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-bottom: var(--space-6);
}

.mrt-6 {
    margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-top: var(--space-6);
}

.mrr-6 {
    margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-right: var(--space-6);
}

.mrb-6 {
    margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-bottom: var(--space-6);
}

.mrl-6 {
    margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    margin-left: var(--space-6);
}

.mrtn-d5 {
    margin-top: calc(-1 * 1px);
    margin-top: calc(-1 * var(--space-d5));
}

.mrrn-d5 {
    margin-right: calc(-1 * 1px);
    margin-right: calc(-1 * var(--space-d5));
}

.mrbn-d5 {
    margin-bottom: calc(-1 * 1px);
    margin-bottom: calc(-1 * var(--space-d5));
}

.mrln-d5 {
    margin-left: calc(-1 * 1px);
    margin-left: calc(-1 * var(--space-d5));
}

.mrtn-d4 {
    margin-top: calc(-1 * 2px);
    margin-top: calc(-1 * var(--space-d4));
}

.mrrn-d4 {
    margin-right: calc(-1 * 2px);
    margin-right: calc(-1 * var(--space-d4));
}

.mrbn-d4 {
    margin-bottom: calc(-1 * 2px);
    margin-bottom: calc(-1 * var(--space-d4));
}

.mrln-d4 {
    margin-left: calc(-1 * 2px);
    margin-left: calc(-1 * var(--space-d4));
}

.mrtn-d3 {
    margin-top: calc(-1 * 3px);
    margin-top: calc(-1 * var(--space-d3));
}

.mrrn-d3 {
    margin-right: calc(-1 * 3px);
    margin-right: calc(-1 * var(--space-d3));
}

.mrbn-d3 {
    margin-bottom: calc(-1 * 3px);
    margin-bottom: calc(-1 * var(--space-d3));
}

.mrln-d3 {
    margin-left: calc(-1 * 3px);
    margin-left: calc(-1 * var(--space-d3));
}

.mrtn-d2 {
    margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    margin-top: calc(-1 * var(--space-d2));
}

.mrrn-d2 {
    margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    margin-right: calc(-1 * var(--space-d2));
}

.mrbn-d2 {
    margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    margin-bottom: calc(-1 * var(--space-d2));
}

.mrln-d2 {
    margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    margin-left: calc(-1 * var(--space-d2));
}

.mrtn-d1 {
    margin-top: calc(-1 * calc(1rem / 1.66));
    margin-top: calc(-1 * var(--space-d1));
}

.mrrn-d1 {
    margin-right: calc(-1 * calc(1rem / 1.66));
    margin-right: calc(-1 * var(--space-d1));
}

.mrbn-d1 {
    margin-bottom: calc(-1 * calc(1rem / 1.66));
    margin-bottom: calc(-1 * var(--space-d1));
}

.mrln-d1 {
    margin-left: calc(-1 * calc(1rem / 1.66));
    margin-left: calc(-1 * var(--space-d1));
}

.mrtn {
    margin-top: calc(-1 * 1rem);
    margin-top: calc(-1 * var(--space));
}

.mrrn {
    margin-right: calc(-1 * 1rem);
    margin-right: calc(-1 * var(--space));
}

.mrbn {
    margin-bottom: calc(-1 * 1rem);
    margin-bottom: calc(-1 * var(--space));
}

.mrln {
    margin-left: calc(-1 * 1rem);
    margin-left: calc(-1 * var(--space));
}

.mrtn-1 {
    margin-top: calc(-1 * calc(1.66 * 1rem));
    margin-top: calc(-1 * var(--space-1));
}

.mrrn-1 {
    margin-right: calc(-1 * calc(1.66 * 1rem));
    margin-right: calc(-1 * var(--space-1));
}

.mrbn-1 {
    margin-bottom: calc(-1 * calc(1.66 * 1rem));
    margin-bottom: calc(-1 * var(--space-1));
}

.mrln-1 {
    margin-left: calc(-1 * calc(1.66 * 1rem));
    margin-left: calc(-1 * var(--space-1));
}

.mrtn-2 {
    margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    margin-top: calc(-1 * var(--space-2));
}

.mrrn-2 {
    margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    margin-right: calc(-1 * var(--space-2));
}

.mrbn-2 {
    margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    margin-bottom: calc(-1 * var(--space-2));
}

.mrln-2 {
    margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    margin-left: calc(-1 * var(--space-2));
}

.mrtn-3 {
    margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    margin-top: calc(-1 * var(--space-3));
}

.mrrn-3 {
    margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    margin-right: calc(-1 * var(--space-3));
}

.mrbn-3 {
    margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    margin-bottom: calc(-1 * var(--space-3));
}

.mrln-3 {
    margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    margin-left: calc(-1 * var(--space-3));
}

.mrtn-4 {
    margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    margin-top: calc(-1 * var(--space-4));
}

.mrrn-4 {
    margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    margin-right: calc(-1 * var(--space-4));
}

.mrbn-4 {
    margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    margin-bottom: calc(-1 * var(--space-4));
}

.mrln-4 {
    margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    margin-left: calc(-1 * var(--space-4));
}

.mrtn-5 {
    margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    margin-top: calc(-1 * var(--space-5));
}

.mrrn-5 {
    margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    margin-right: calc(-1 * var(--space-5));
}

.mrbn-5 {
    margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    margin-bottom: calc(-1 * var(--space-5));
}

.mrln-5 {
    margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    margin-left: calc(-1 * var(--space-5));
}

.mrtn-4 {
    margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    margin-top: calc(-1 * var(--space-4));
}

.mrrn-4 {
    margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    margin-right: calc(-1 * var(--space-4));
}

.mrbn-6 {
    margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
    margin-bottom: calc(-1 * var(--space-6));
}

.mrln-6 {
    margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
    margin-left: calc(-1 * var(--space-6));
}

.mrt-auto {
    margin-top: auto;
    /* for flexbox*/
}

.mrb-auto {
    margin-bottom: auto;
    /* for flexbox */
}

.mrl-auto {
    margin-left: auto;
}

.mrr-auto {
    margin-right: auto;
}

.mrx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mry-auto {
    /* for flexbox */
    margin-top: auto;
    margin-bottom: auto;
}

.mr-auto {
    margin: auto;
    /*for flexbox */
}

.mry-vr {
    margin-top: 1rem;
    margin-top: var(--vertical-rhythm);
    margin-bottom: 1rem;
    margin-bottom: var(--vertical-rhythm);
}

.mrt-vr {
    margin-top: 1rem;
    margin-top: var(--vertical-rhythm);
}

.mrb-vr {
    margin-bottom: 1rem;
    margin-bottom: var(--vertical-rhythm);
}

.mry-vrplus {
    margin-top: calc(1.66 * 1rem);
    margin-top: var(--vertical-rhythm-plus);
    margin-bottom: calc(1.66 * 1rem);
    margin-bottom: var(--vertical-rhythm-plus);
}

.mrt-vrplus {
    margin-top: calc(1.66 * 1rem);
    margin-top: var(--vertical-rhythm-plus);
}

.mrb-vrplus {
    margin-bottom: calc(1.66 * 1rem);
    margin-bottom: var(--vertical-rhythm-plus);
}

.mrx-hr {
    margin-left: calc(2 * 1rem);
    margin-left: var(--horizontal-rhythm);
    margin-right: calc(2 * 1rem);
    margin-right: var(--horizontal-rhythm);
}

.mrl-hr {
    margin-left: calc(2 * 1rem);
    margin-left: var(--horizontal-rhythm);
}

.mrr-hr {
    margin-right: calc(2 * 1rem);
    margin-right: var(--horizontal-rhythm);
}

/**
Naming conventions
    x=x-axis
    y=y-axis
    t=top
    r=right
    b=bottom
    l=left
    n=negative
    0=none
    d<i>=decrease by <i>  
    <i>=increase by <i>
*/

@media (min-width: 401px) {

    .xs\:mr-0,
    .xs\:no-mr {
        margin: 0;
    }

    .xs\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .xs\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .xs\:mrt-0 {
        margin-top: 0;
    }

    .xs\:mrr-0 {
        margin-right: 0;
    }

    .xs\:mrb-0 {
        margin-bottom: 0;
    }

    .xs\:mrl-0 {
        margin-left: 0;
    }

    .xs\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .xs\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .xs\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .xs\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .xs\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .xs\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .xs\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .xs\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .xs\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .xs\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .xs\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .xs\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .xs\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .xs\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .xs\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .xs\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .xs\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .xs\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .xs\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .xs\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .xs\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .xs\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .xs\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .xs\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .xs\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .xs\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .xs\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .xs\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .xs\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .xs\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .xs\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .xs\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .xs\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .xs\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .xs\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .xs\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .xs\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .xs\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .xs\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .xs\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .xs\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .xs\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .xs\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .xs\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .xs\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .xs\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .xs\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .xs\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .xs\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .xs\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .xs\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .xs\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .xs\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .xs\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .xs\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .xs\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .xs\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .xs\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .xs\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .xs\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .xs\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .xs\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .xs\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .xs\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .xs\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .xs\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .xs\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .xs\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .xs\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .xs\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .xs\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .xs\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .xs\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .xs\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .xs\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .xs\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .xs\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .xs\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .xs\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .xs\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .xs\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .xs\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .xs\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .xs\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .xs\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .xs\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .xs\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .xs\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .xs\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .xs\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .xs\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .xs\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .xs\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .xs\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .xs\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .xs\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .xs\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .xs\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .xs\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .xs\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .xs\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .xs\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .xs\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .xs\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .xs\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .xs\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .xs\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .xs\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .xs\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .xs\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .xs\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .xs\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .xs\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .xs\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .xs\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .xs\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .xs\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .xs\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .xs\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .xs\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .xs\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .xs\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .xs\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .xs\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .xs\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .xs\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .xs\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .xs\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .xs\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .xs\:mrl-auto {
        margin-left: auto;
    }

    .xs\:mrr-auto {
        margin-right: auto;
    }

    .xs\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .xs\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .xs\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .xs\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .xs\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .xs\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .xs\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .xs\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .xs\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .xs\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (--mi-xs-breakpoint) {

    .xs\:mr-0,
    .xs\:no-mr {
        margin: 0;
    }

    .xs\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .xs\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .xs\:mrt-0 {
        margin-top: 0;
    }

    .xs\:mrr-0 {
        margin-right: 0;
    }

    .xs\:mrb-0 {
        margin-bottom: 0;
    }

    .xs\:mrl-0 {
        margin-left: 0;
    }

    .xs\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .xs\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .xs\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .xs\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .xs\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .xs\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .xs\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .xs\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .xs\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .xs\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .xs\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .xs\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .xs\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .xs\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .xs\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .xs\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .xs\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .xs\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .xs\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .xs\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .xs\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .xs\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .xs\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .xs\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .xs\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .xs\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .xs\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .xs\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .xs\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .xs\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .xs\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .xs\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .xs\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .xs\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .xs\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .xs\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .xs\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .xs\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .xs\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .xs\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .xs\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .xs\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .xs\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .xs\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .xs\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .xs\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .xs\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .xs\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .xs\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .xs\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .xs\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .xs\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .xs\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .xs\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .xs\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .xs\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .xs\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .xs\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .xs\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .xs\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .xs\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .xs\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .xs\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .xs\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .xs\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .xs\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .xs\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .xs\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .xs\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .xs\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .xs\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .xs\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .xs\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .xs\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .xs\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .xs\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .xs\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .xs\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .xs\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .xs\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .xs\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .xs\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .xs\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .xs\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .xs\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .xs\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .xs\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .xs\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .xs\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .xs\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .xs\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .xs\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .xs\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .xs\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .xs\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .xs\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .xs\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .xs\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .xs\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .xs\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .xs\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .xs\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .xs\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .xs\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .xs\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .xs\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .xs\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .xs\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .xs\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .xs\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .xs\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .xs\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .xs\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .xs\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .xs\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .xs\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .xs\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .xs\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .xs\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .xs\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .xs\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .xs\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .xs\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .xs\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .xs\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .xs\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .xs\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .xs\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .xs\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .xs\:mrl-auto {
        margin-left: auto;
    }

    .xs\:mrr-auto {
        margin-right: auto;
    }

    .xs\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .xs\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .xs\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .xs\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .xs\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .xs\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .xs\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .xs\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .xs\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .xs\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 601px) {

    .sm\:mr-0,
    .sm\:no-mr {
        margin: 0;
    }

    .sm\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .sm\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .sm\:mrt-0 {
        margin-top: 0;
    }

    .sm\:mrr-0 {
        margin-right: 0;
    }

    .sm\:mrb-0 {
        margin-bottom: 0;
    }

    .sm\:mrl-0 {
        margin-left: 0;
    }

    .sm\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .sm\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .sm\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .sm\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .sm\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .sm\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .sm\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .sm\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .sm\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .sm\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .sm\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .sm\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .sm\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .sm\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .sm\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .sm\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .sm\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .sm\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .sm\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .sm\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .sm\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .sm\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .sm\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .sm\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .sm\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .sm\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .sm\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .sm\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .sm\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .sm\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .sm\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .sm\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .sm\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .sm\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .sm\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .sm\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .sm\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .sm\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .sm\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .sm\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .sm\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .sm\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .sm\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .sm\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .sm\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .sm\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .sm\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .sm\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .sm\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .sm\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .sm\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .sm\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .sm\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .sm\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .sm\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .sm\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .sm\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .sm\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .sm\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .sm\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .sm\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .sm\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .sm\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .sm\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .sm\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .sm\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .sm\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .sm\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .sm\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .sm\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .sm\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .sm\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .sm\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .sm\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .sm\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .sm\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .sm\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .sm\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .sm\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .sm\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .sm\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .sm\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .sm\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .sm\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .sm\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .sm\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .sm\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .sm\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .sm\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .sm\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .sm\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .sm\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .sm\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .sm\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .sm\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .sm\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .sm\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .sm\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .sm\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .sm\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .sm\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .sm\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .sm\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .sm\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .sm\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .sm\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .sm\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .sm\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .sm\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .sm\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .sm\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .sm\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .sm\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .sm\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .sm\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .sm\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .sm\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .sm\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .sm\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .sm\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .sm\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .sm\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .sm\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .sm\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .sm\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .sm\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .sm\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .sm\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .sm\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .sm\:mrl-auto {
        margin-left: auto;
    }

    .sm\:mrr-auto {
        margin-right: auto;
    }

    .sm\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .sm\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .sm\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .sm\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .sm\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .sm\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .sm\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .sm\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .sm\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .sm\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (--mi-sm-breakpoint) {

    .sm\:mr-0,
    .sm\:no-mr {
        margin: 0;
    }

    .sm\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .sm\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .sm\:mrt-0 {
        margin-top: 0;
    }

    .sm\:mrr-0 {
        margin-right: 0;
    }

    .sm\:mrb-0 {
        margin-bottom: 0;
    }

    .sm\:mrl-0 {
        margin-left: 0;
    }

    .sm\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .sm\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .sm\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .sm\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .sm\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .sm\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .sm\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .sm\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .sm\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .sm\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .sm\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .sm\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .sm\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .sm\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .sm\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .sm\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .sm\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .sm\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .sm\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .sm\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .sm\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .sm\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .sm\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .sm\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .sm\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .sm\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .sm\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .sm\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .sm\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .sm\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .sm\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .sm\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .sm\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .sm\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .sm\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .sm\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .sm\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .sm\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .sm\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .sm\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .sm\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .sm\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .sm\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .sm\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .sm\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .sm\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .sm\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .sm\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .sm\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .sm\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .sm\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .sm\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .sm\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .sm\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .sm\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .sm\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .sm\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .sm\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .sm\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .sm\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .sm\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .sm\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .sm\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .sm\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .sm\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .sm\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .sm\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .sm\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .sm\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .sm\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .sm\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .sm\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .sm\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .sm\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .sm\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .sm\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .sm\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .sm\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .sm\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .sm\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .sm\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .sm\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .sm\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .sm\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .sm\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .sm\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .sm\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .sm\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .sm\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .sm\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .sm\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .sm\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .sm\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .sm\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .sm\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .sm\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .sm\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .sm\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .sm\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .sm\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .sm\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .sm\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .sm\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .sm\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .sm\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .sm\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .sm\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .sm\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .sm\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .sm\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .sm\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .sm\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .sm\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .sm\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .sm\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .sm\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .sm\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .sm\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .sm\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .sm\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .sm\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .sm\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .sm\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .sm\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .sm\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .sm\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .sm\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .sm\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .sm\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .sm\:mrl-auto {
        margin-left: auto;
    }

    .sm\:mrr-auto {
        margin-right: auto;
    }

    .sm\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .sm\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .sm\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .sm\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .sm\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .sm\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .sm\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .sm\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .sm\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .sm\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 801px) {

    .rg\:mr-0,
    .rg\:no-mr {
        margin: 0;
    }

    .rg\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .rg\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .rg\:mrt-0 {
        margin-top: 0;
    }

    .rg\:mrr-0 {
        margin-right: 0;
    }

    .rg\:mrb-0 {
        margin-bottom: 0;
    }

    .rg\:mrl-0 {
        margin-left: 0;
    }

    .rg\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .rg\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .rg\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .rg\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .rg\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .rg\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .rg\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .rg\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .rg\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .rg\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .rg\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .rg\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .rg\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .rg\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .rg\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .rg\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .rg\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .rg\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .rg\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .rg\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .rg\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .rg\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .rg\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .rg\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .rg\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .rg\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .rg\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .rg\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .rg\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .rg\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .rg\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .rg\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .rg\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .rg\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .rg\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .rg\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .rg\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .rg\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .rg\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .rg\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .rg\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .rg\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .rg\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .rg\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .rg\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .rg\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .rg\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .rg\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .rg\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .rg\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .rg\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .rg\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .rg\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .rg\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .rg\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .rg\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .rg\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .rg\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .rg\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .rg\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .rg\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .rg\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .rg\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .rg\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .rg\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .rg\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .rg\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .rg\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .rg\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .rg\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .rg\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .rg\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .rg\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .rg\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .rg\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .rg\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .rg\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .rg\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .rg\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .rg\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .rg\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .rg\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .rg\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .rg\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .rg\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .rg\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .rg\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .rg\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .rg\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .rg\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .rg\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .rg\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .rg\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .rg\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .rg\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .rg\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .rg\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .rg\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .rg\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .rg\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .rg\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .rg\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .rg\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .rg\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .rg\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .rg\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .rg\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .rg\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .rg\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .rg\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .rg\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .rg\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .rg\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .rg\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .rg\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .rg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .rg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .rg\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .rg\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .rg\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .rg\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .rg\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .rg\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .rg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .rg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .rg\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .rg\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .rg\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .rg\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .rg\:mrl-auto {
        margin-left: auto;
    }

    .rg\:mrr-auto {
        margin-right: auto;
    }

    .rg\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .rg\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .rg\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .rg\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .rg\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .rg\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .rg\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .rg\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .rg\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .rg\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (--mi-rg-breakpoint) {

    .rg\:mr-0,
    .rg\:no-mr {
        margin: 0;
    }

    .rg\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .rg\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .rg\:mrt-0 {
        margin-top: 0;
    }

    .rg\:mrr-0 {
        margin-right: 0;
    }

    .rg\:mrb-0 {
        margin-bottom: 0;
    }

    .rg\:mrl-0 {
        margin-left: 0;
    }

    .rg\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .rg\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .rg\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .rg\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .rg\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .rg\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .rg\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .rg\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .rg\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .rg\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .rg\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .rg\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .rg\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .rg\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .rg\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .rg\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .rg\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .rg\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .rg\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .rg\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .rg\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .rg\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .rg\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .rg\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .rg\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .rg\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .rg\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .rg\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .rg\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .rg\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .rg\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .rg\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .rg\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .rg\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .rg\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .rg\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .rg\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .rg\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .rg\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .rg\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .rg\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .rg\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .rg\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .rg\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .rg\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .rg\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .rg\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .rg\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .rg\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .rg\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .rg\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .rg\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .rg\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .rg\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .rg\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .rg\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .rg\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .rg\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .rg\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .rg\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .rg\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .rg\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .rg\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .rg\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .rg\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .rg\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .rg\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .rg\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .rg\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .rg\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .rg\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .rg\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .rg\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .rg\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .rg\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .rg\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .rg\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .rg\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .rg\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .rg\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .rg\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .rg\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .rg\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .rg\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .rg\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .rg\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .rg\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .rg\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .rg\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .rg\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .rg\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .rg\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .rg\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .rg\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .rg\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .rg\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .rg\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .rg\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .rg\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .rg\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .rg\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .rg\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .rg\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .rg\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .rg\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .rg\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .rg\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .rg\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .rg\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .rg\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .rg\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .rg\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .rg\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .rg\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .rg\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .rg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .rg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .rg\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .rg\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .rg\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .rg\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .rg\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .rg\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .rg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .rg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .rg\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .rg\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .rg\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .rg\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .rg\:mrl-auto {
        margin-left: auto;
    }

    .rg\:mrr-auto {
        margin-right: auto;
    }

    .rg\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .rg\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .rg\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .rg\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .rg\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .rg\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .rg\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .rg\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .rg\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .rg\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 1025px) {

    .md\:mr-0,
    .md\:no-mr {
        margin: 0;
    }

    .md\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .md\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .md\:mrt-0 {
        margin-top: 0;
    }

    .md\:mrr-0 {
        margin-right: 0;
    }

    .md\:mrb-0 {
        margin-bottom: 0;
    }

    .md\:mrl-0 {
        margin-left: 0;
    }

    .md\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .md\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .md\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .md\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .md\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .md\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .md\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .md\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .md\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .md\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .md\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .md\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .md\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .md\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .md\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .md\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .md\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .md\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .md\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .md\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .md\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .md\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .md\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .md\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .md\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .md\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .md\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .md\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .md\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .md\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .md\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .md\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .md\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .md\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .md\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .md\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .md\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .md\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .md\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .md\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .md\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .md\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .md\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .md\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .md\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .md\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .md\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .md\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .md\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .md\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .md\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .md\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .md\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .md\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .md\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .md\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .md\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .md\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .md\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .md\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .md\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .md\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .md\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .md\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .md\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .md\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .md\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .md\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .md\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .md\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .md\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .md\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .md\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .md\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .md\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .md\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .md\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .md\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .md\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .md\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .md\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .md\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .md\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .md\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .md\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .md\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .md\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .md\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .md\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .md\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .md\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .md\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .md\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .md\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .md\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .md\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .md\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .md\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .md\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .md\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .md\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .md\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .md\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .md\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .md\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .md\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .md\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .md\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .md\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .md\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .md\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .md\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .md\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .md\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .md\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .md\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .md\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .md\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .md\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .md\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .md\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .md\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .md\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .md\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .md\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .md\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .md\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .md\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .md\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .md\:mrl-auto {
        margin-left: auto;
    }

    .md\:mrr-auto {
        margin-right: auto;
    }

    .md\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .md\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .md\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .md\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .md\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .md\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .md\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .md\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .md\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .md\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .md\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .md\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (--mi-md-breakpoint) {

    .md\:mr-0,
    .md\:no-mr {
        margin: 0;
    }

    .md\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .md\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .md\:mrt-0 {
        margin-top: 0;
    }

    .md\:mrr-0 {
        margin-right: 0;
    }

    .md\:mrb-0 {
        margin-bottom: 0;
    }

    .md\:mrl-0 {
        margin-left: 0;
    }

    .md\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .md\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .md\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .md\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .md\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .md\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .md\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .md\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .md\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .md\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .md\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .md\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .md\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .md\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .md\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .md\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .md\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .md\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .md\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .md\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .md\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .md\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .md\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .md\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .md\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .md\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .md\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .md\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .md\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .md\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .md\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .md\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .md\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .md\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .md\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .md\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .md\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .md\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .md\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .md\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .md\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .md\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .md\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .md\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .md\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .md\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .md\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .md\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .md\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .md\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .md\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .md\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .md\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .md\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .md\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .md\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .md\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .md\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .md\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .md\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .md\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .md\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .md\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .md\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .md\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .md\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .md\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .md\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .md\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .md\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .md\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .md\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .md\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .md\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .md\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .md\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .md\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .md\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .md\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .md\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .md\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .md\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .md\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .md\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .md\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .md\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .md\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .md\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .md\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .md\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .md\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .md\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .md\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .md\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .md\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .md\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .md\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .md\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .md\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .md\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .md\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .md\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .md\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .md\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .md\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .md\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .md\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .md\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .md\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .md\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .md\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .md\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .md\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .md\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .md\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .md\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .md\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .md\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .md\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .md\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .md\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .md\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .md\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .md\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .md\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .md\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .md\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .md\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .md\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .md\:mrl-auto {
        margin-left: auto;
    }

    .md\:mrr-auto {
        margin-right: auto;
    }

    .md\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .md\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .md\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .md\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .md\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .md\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .md\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .md\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .md\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .md\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .md\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .md\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 1281px) {

    .lg\:mr-0,
    .lg\:no-mr {
        margin: 0;
    }

    .lg\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .lg\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lg\:mrt-0 {
        margin-top: 0;
    }

    .lg\:mrr-0 {
        margin-right: 0;
    }

    .lg\:mrb-0 {
        margin-bottom: 0;
    }

    .lg\:mrl-0 {
        margin-left: 0;
    }

    .lg\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .lg\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .lg\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .lg\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .lg\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .lg\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .lg\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .lg\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .lg\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .lg\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .lg\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .lg\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .lg\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .lg\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .lg\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .lg\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .lg\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .lg\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .lg\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .lg\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .lg\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .lg\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .lg\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .lg\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .lg\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .lg\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .lg\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .lg\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .lg\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .lg\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .lg\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .lg\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .lg\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .lg\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .lg\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .lg\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .lg\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .lg\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .lg\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .lg\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .lg\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .lg\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .lg\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .lg\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .lg\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .lg\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .lg\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .lg\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .lg\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .lg\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .lg\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .lg\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .lg\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .lg\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .lg\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .lg\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .lg\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .lg\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .lg\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .lg\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .lg\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .lg\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .lg\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .lg\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .lg\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .lg\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .lg\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .lg\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .lg\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .lg\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .lg\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .lg\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .lg\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .lg\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .lg\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .lg\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .lg\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .lg\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .lg\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .lg\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .lg\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .lg\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .lg\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .lg\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .lg\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .lg\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .lg\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .lg\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .lg\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .lg\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .lg\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .lg\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .lg\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .lg\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .lg\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .lg\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .lg\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .lg\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .lg\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .lg\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .lg\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .lg\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .lg\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .lg\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .lg\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .lg\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .lg\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .lg\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .lg\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .lg\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .lg\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .lg\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .lg\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .lg\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .lg\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .lg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .lg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .lg\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .lg\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .lg\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .lg\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .lg\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .lg\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .lg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .lg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .lg\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .lg\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .lg\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .lg\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .lg\:mrl-auto {
        margin-left: auto;
    }

    .lg\:mrr-auto {
        margin-right: auto;
    }

    .lg\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .lg\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .lg\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .lg\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .lg\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .lg\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .lg\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .lg\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .lg\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

@media (--mi-lg-breakpoint) {

    .lg\:mr-0,
    .lg\:no-mr {
        margin: 0;
    }

    .lg\:mrx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .lg\:mry-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lg\:mrt-0 {
        margin-top: 0;
    }

    .lg\:mrr-0 {
        margin-right: 0;
    }

    .lg\:mrb-0 {
        margin-bottom: 0;
    }

    .lg\:mrl-0 {
        margin-left: 0;
    }

    .lg\:mr-d5 {
        margin: 1px;
        margin: var(--space-d5);
    }

    .lg\:mrx-d5 {
        margin-left: 1px;
        margin-left: var(--space-d5);
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .lg\:mry-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .lg\:mrt-d5 {
        margin-top: 1px;
        margin-top: var(--space-d5);
    }

    .lg\:mrr-d5 {
        margin-right: 1px;
        margin-right: var(--space-d5);
    }

    .lg\:mrb-d5 {
        margin-bottom: 1px;
        margin-bottom: var(--space-d5);
    }

    .lg\:mr-d4 {
        margin: 2px;
        margin: var(--space-d4);
    }

    .lg\:mrx-d4 {
        margin-left: 2px;
        margin-left: var(--space-d4);
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .lg\:mry-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .lg\:mrt-d4 {
        margin-top: 2px;
        margin-top: var(--space-d4);
    }

    .lg\:mrr-d4 {
        margin-right: 2px;
        margin-right: var(--space-d4);
    }

    .lg\:mrb-d4 {
        margin-bottom: 2px;
        margin-bottom: var(--space-d4);
    }

    .lg\:mr-d3 {
        margin: 3px;
        margin: var(--space-d3);
    }

    .lg\:mrx-d3 {
        margin-left: 3px;
        margin-left: var(--space-d3);
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .lg\:mry-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .lg\:mrt-d3 {
        margin-top: 3px;
        margin-top: var(--space-d3);
    }

    .lg\:mrr-d3 {
        margin-right: 3px;
        margin-right: var(--space-d3);
    }

    .lg\:mrb-d3 {
        margin-bottom: 3px;
        margin-bottom: var(--space-d3);
    }

    .lg\:mr-d2 {
        margin: calc(calc(1rem / 1.66) / 1.66);
        margin: var(--space-d2);
    }

    .lg\:mrx-d2 {
        margin-left: calc(calc(1rem / 1.66) / 1.66);
        margin-left: var(--space-d2);
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .lg\:mry-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .lg\:mrt-d2 {
        margin-top: calc(calc(1rem / 1.66) / 1.66);
        margin-top: var(--space-d2);
    }

    .lg\:mrr-d2 {
        margin-right: calc(calc(1rem / 1.66) / 1.66);
        margin-right: var(--space-d2);
    }

    .lg\:mrb-d2 {
        margin-bottom: calc(calc(1rem / 1.66) / 1.66);
        margin-bottom: var(--space-d2);
    }

    .lg\:mr-d1 {
        margin: calc(1rem / 1.66);
        margin: var(--space-d1);
    }

    .lg\:mrx-d1 {
        margin-left: calc(1rem / 1.66);
        margin-left: var(--space-d1);
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .lg\:mry-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .lg\:mrt-d1 {
        margin-top: calc(1rem / 1.66);
        margin-top: var(--space-d1);
    }

    .lg\:mrr-d1 {
        margin-right: calc(1rem / 1.66);
        margin-right: var(--space-d1);
    }

    .lg\:mrb-d1 {
        margin-bottom: calc(1rem / 1.66);
        margin-bottom: var(--space-d1);
    }

    .lg\:mr {
        margin: 1rem;
        margin: var(--space);
    }

    .lg\:mrx {
        margin-left: 1rem;
        margin-left: var(--space);
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .lg\:mry {
        margin-top: 1rem;
        margin-top: var(--space);
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .lg\:mrt {
        margin-top: 1rem;
        margin-top: var(--space);
    }

    .lg\:mrr {
        margin-right: 1rem;
        margin-right: var(--space);
    }

    .lg\:mrb {
        margin-bottom: 1rem;
        margin-bottom: var(--space);
    }

    .lg\:mrl {
        margin-left: 1rem;
        margin-left: var(--space);
    }

    .lg\:mr-1 {
        margin: calc(1.66 * 1rem);
        margin: var(--space-1);
    }

    .lg\:mrx-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .lg\:mry-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .lg\:mrt-1 {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--space-1);
    }

    .lg\:mrr-1 {
        margin-right: calc(1.66 * 1rem);
        margin-right: var(--space-1);
    }

    .lg\:mrb-1 {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--space-1);
    }

    .lg\:mrl-1 {
        margin-left: calc(1.66 * 1rem);
        margin-left: var(--space-1);
    }

    .lg\:mr-2 {
        margin: calc(calc(1.66 * 1rem) * 1.66);
        margin: var(--space-2);
    }

    .lg\:mrx-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .lg\:mry-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .lg\:mrt-2 {
        margin-top: calc(calc(1.66 * 1rem) * 1.66);
        margin-top: var(--space-2);
    }

    .lg\:mrr-2 {
        margin-right: calc(calc(1.66 * 1rem) * 1.66);
        margin-right: var(--space-2);
    }

    .lg\:mrb-2 {
        margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
        margin-bottom: var(--space-2);
    }

    .lg\:mrl-2 {
        margin-left: calc(calc(1.66 * 1rem) * 1.66);
        margin-left: var(--space-2);
    }

    .lg\:mr-3 {
        margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin: var(--space-3);
    }

    .lg\:mrx-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .lg\:mry-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .lg\:mrt-3 {
        margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-top: var(--space-3);
    }

    .lg\:mrr-3 {
        margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-right: var(--space-3);
    }

    .lg\:mrb-3 {
        margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-bottom: var(--space-3);
    }

    .lg\:mrl-3 {
        margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        margin-left: var(--space-3);
    }

    .lg\:mr-4 {
        margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin: var(--space-4);
    }

    .lg\:mrx-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .lg\:mry-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .lg\:mrt-4 {
        margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-4);
    }

    .lg\:mrr-4 {
        margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-4);
    }

    .lg\:mrb-4 {
        margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-4);
    }

    .lg\:mrl-4 {
        margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-4);
    }

    .lg\:mr-5 {
        margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-5);
    }

    .lg\:mrx-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .lg\:mry-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .lg\:mrt-5 {
        margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-5);
    }

    .lg\:mrr-5 {
        margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-5);
    }

    .lg\:mrb-5 {
        margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-5);
    }

    .lg\:mrl-5 {
        margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-5);
    }

    .lg\:mr-6 {
        margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin: var(--space-6);
    }

    .lg\:mrx-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .lg\:mry-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .lg\:mrt-6 {
        margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-top: var(--space-6);
    }

    .lg\:mrr-6 {
        margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-right: var(--space-6);
    }

    .lg\:mrb-6 {
        margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-bottom: var(--space-6);
    }

    .lg\:mrl-6 {
        margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        margin-left: var(--space-6);
    }

    .lg\:mrtn-d5 {
        margin-top: calc(-1 * 1px);
        margin-top: calc(-1 * var(--space-d5));
    }

    .lg\:mrrn-d5 {
        margin-right: calc(-1 * 1px);
        margin-right: calc(-1 * var(--space-d5));
    }

    .lg\:mrbn-d5 {
        margin-bottom: calc(-1 * 1px);
        margin-bottom: calc(-1 * var(--space-d5));
    }

    .lg\:mrln-d5 {
        margin-left: calc(-1 * 1px);
        margin-left: calc(-1 * var(--space-d5));
    }

    .lg\:mrtn-d4 {
        margin-top: calc(-1 * 2px);
        margin-top: calc(-1 * var(--space-d4));
    }

    .lg\:mrrn-d4 {
        margin-right: calc(-1 * 2px);
        margin-right: calc(-1 * var(--space-d4));
    }

    .lg\:mrbn-d4 {
        margin-bottom: calc(-1 * 2px);
        margin-bottom: calc(-1 * var(--space-d4));
    }

    .lg\:mrln-d4 {
        margin-left: calc(-1 * 2px);
        margin-left: calc(-1 * var(--space-d4));
    }

    .lg\:mrtn-d3 {
        margin-top: calc(-1 * 3px);
        margin-top: calc(-1 * var(--space-d3));
    }

    .lg\:mrrn-d3 {
        margin-right: calc(-1 * 3px);
        margin-right: calc(-1 * var(--space-d3));
    }

    .lg\:mrbn-d3 {
        margin-bottom: calc(-1 * 3px);
        margin-bottom: calc(-1 * var(--space-d3));
    }

    .lg\:mrln-d3 {
        margin-left: calc(-1 * 3px);
        margin-left: calc(-1 * var(--space-d3));
    }

    .lg\:mrtn-d2 {
        margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-top: calc(-1 * var(--space-d2));
    }

    .lg\:mrrn-d2 {
        margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-right: calc(-1 * var(--space-d2));
    }

    .lg\:mrbn-d2 {
        margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-bottom: calc(-1 * var(--space-d2));
    }

    .lg\:mrln-d2 {
        margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
        margin-left: calc(-1 * var(--space-d2));
    }

    .lg\:mrtn-d1 {
        margin-top: calc(-1 * calc(1rem / 1.66));
        margin-top: calc(-1 * var(--space-d1));
    }

    .lg\:mrrn-d1 {
        margin-right: calc(-1 * calc(1rem / 1.66));
        margin-right: calc(-1 * var(--space-d1));
    }

    .lg\:mrbn-d1 {
        margin-bottom: calc(-1 * calc(1rem / 1.66));
        margin-bottom: calc(-1 * var(--space-d1));
    }

    .lg\:mrln-d1 {
        margin-left: calc(-1 * calc(1rem / 1.66));
        margin-left: calc(-1 * var(--space-d1));
    }

    .lg\:mrtn {
        margin-top: calc(-1 * 1rem);
        margin-top: calc(-1 * var(--space));
    }

    .lg\:mrrn {
        margin-right: calc(-1 * 1rem);
        margin-right: calc(-1 * var(--space));
    }

    .lg\:mrbn {
        margin-bottom: calc(-1 * 1rem);
        margin-bottom: calc(-1 * var(--space));
    }

    .lg\:mrln {
        margin-left: calc(-1 * 1rem);
        margin-left: calc(-1 * var(--space));
    }

    .lg\:mrtn-1 {
        margin-top: calc(-1 * calc(1.66 * 1rem));
        margin-top: calc(-1 * var(--space-1));
    }

    .lg\:mrrn-1 {
        margin-right: calc(-1 * calc(1.66 * 1rem));
        margin-right: calc(-1 * var(--space-1));
    }

    .lg\:mrbn-1 {
        margin-bottom: calc(-1 * calc(1.66 * 1rem));
        margin-bottom: calc(-1 * var(--space-1));
    }

    .lg\:mrln-1 {
        margin-left: calc(-1 * calc(1.66 * 1rem));
        margin-left: calc(-1 * var(--space-1));
    }

    .lg\:mrtn-2 {
        margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-top: calc(-1 * var(--space-2));
    }

    .lg\:mrrn-2 {
        margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-right: calc(-1 * var(--space-2));
    }

    .lg\:mrbn-2 {
        margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-bottom: calc(-1 * var(--space-2));
    }

    .lg\:mrln-2 {
        margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
        margin-left: calc(-1 * var(--space-2));
    }

    .lg\:mrtn-3 {
        margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-3));
    }

    .lg\:mrrn-3 {
        margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-3));
    }

    .lg\:mrbn-3 {
        margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-3));
    }

    .lg\:mrln-3 {
        margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-3));
    }

    .lg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .lg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .lg\:mrbn-4 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-4));
    }

    .lg\:mrln-4 {
        margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-4));
    }

    .lg\:mrtn-5 {
        margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-5));
    }

    .lg\:mrrn-5 {
        margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-5));
    }

    .lg\:mrbn-5 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-5));
    }

    .lg\:mrln-5 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-5));
    }

    .lg\:mrtn-4 {
        margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-top: calc(-1 * var(--space-4));
    }

    .lg\:mrrn-4 {
        margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
        margin-right: calc(-1 * var(--space-4));
    }

    .lg\:mrbn-6 {
        margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-bottom: calc(-1 * var(--space-6));
    }

    .lg\:mrln-6 {
        margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
        margin-left: calc(-1 * var(--space-6));
    }

    .lg\:mrt-auto {
        margin-top: auto;
        /* for flexbox*/
    }

    .lg\:mrb-auto {
        margin-bottom: auto;
        /* for flexbox */
    }

    .lg\:mrl-auto {
        margin-left: auto;
    }

    .lg\:mrr-auto {
        margin-right: auto;
    }

    .lg\:mrx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .lg\:mry-auto {
        /* for flexbox */
        margin-top: auto;
        margin-bottom: auto;
    }

    .lg\:mr-auto {
        margin: auto;
        /*for flexbox */
    }

    .lg\:mry-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .lg\:mrt-vr {
        margin-top: 1rem;
        margin-top: var(--vertical-rhythm);
    }

    .lg\:mrb-vr {
        margin-bottom: 1rem;
        margin-bottom: var(--vertical-rhythm);
    }

    .lg\:mry-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:mrt-vrplus {
        margin-top: calc(1.66 * 1rem);
        margin-top: var(--vertical-rhythm-plus);
    }

    .lg\:mrb-vrplus {
        margin-bottom: calc(1.66 * 1rem);
        margin-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:mrx-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }

    .lg\:mrl-hr {
        margin-left: calc(2 * 1rem);
        margin-left: var(--horizontal-rhythm);
    }

    .lg\:mrr-hr {
        margin-right: calc(2 * 1rem);
        margin-right: var(--horizontal-rhythm);
    }
}

/**
Naming conventions
    x=x-axis
    y=y-axis
    t=top
    r=right
    b=bottom
    l=left
    n=negative
    0=none
    d<i>=decrease by <i>  
    <i>=increase by <i>
    
*/

.pd-0,
.no-pd {
    padding: 0;
}

.pdx-0 {
    padding-left: 0;
    padding-right: 0;
}

.pdy-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.pdt-0 {
    padding-top: 0;
}

.pdr-0 {
    padding-right: 0;
}

.pdb-0 {
    padding-bottom: 0;
}

.pdl-0 {
    padding-left: 0;
}

.pd-d5 {
    padding: 1px;
    padding: var(--space-d5);
}

.pdx-d5 {
    padding-left: 1px;
    padding-left: var(--space-d5);
    padding-right: 1px;
    padding-right: var(--space-d5);
}

.pdy-d5 {
    padding-top: 1px;
    padding-top: var(--space-d5);
    padding-bottom: 1px;
    padding-bottom: var(--space-d5);
}

.pdt-d5 {
    padding-top: 1px;
    padding-top: var(--space-d5);
}

.pdr-d5 {
    padding-right: 1px;
    padding-right: var(--space-d5);
}

.pdb-d5 {
    padding-bottom: 1px;
    padding-bottom: var(--space-d5);
}

.pdl-d5 {
    padding-left: 1px;
    padding-left: var(--space-d5);
}

.pd-d4 {
    padding: 2px;
    padding: var(--space-d4);
}

.pdx-d4 {
    padding-left: 2px;
    padding-left: var(--space-d4);
    padding-right: 2px;
    padding-right: var(--space-d4);
}

.pdy-d4 {
    padding-top: 2px;
    padding-top: var(--space-d4);
    padding-bottom: 2px;
    padding-bottom: var(--space-d4);
}

.pdt-d4 {
    padding-top: 2px;
    padding-top: var(--space-d4);
}

.pdr-d4 {
    padding-right: 2px;
    padding-right: var(--space-d4);
}

.pdb-d4 {
    padding-bottom: 2px;
    padding-bottom: var(--space-d4);
}

.pdl-d4 {
    padding-left: 2px;
    padding-left: var(--space-d4);
}

.pd-d3 {
    padding: 3px;
    padding: var(--space-d3);
}

.pdx-d3 {
    padding-left: 3px;
    padding-left: var(--space-d3);
    padding-right: 3px;
    padding-right: var(--space-d3);
}

.pdy-d3 {
    padding-top: 3px;
    padding-top: var(--space-d3);
    padding-bottom: 3px;
    padding-bottom: var(--space-d3);
}

.pdt-d3 {
    padding-top: 3px;
    padding-top: var(--space-d3);
}

.pdr-d3 {
    padding-right: 3px;
    padding-right: var(--space-d3);
}

.pdb-d3 {
    padding-bottom: 3px;
    padding-bottom: var(--space-d3);
}

.pdl-d3 {
    padding-left: 3px;
    padding-left: var(--space-d3);
}

.pd-d2 {
    padding: calc(calc(1rem / 1.66) / 1.66);
    padding: var(--space-d2);
}

.pdx-d2 {
    padding-left: calc(calc(1rem / 1.66) / 1.66);
    padding-left: var(--space-d2);
    padding-right: calc(calc(1rem / 1.66) / 1.66);
    padding-right: var(--space-d2);
}

.pdy-d2 {
    padding-top: calc(calc(1rem / 1.66) / 1.66);
    padding-top: var(--space-d2);
    padding-bottom: calc(calc(1rem / 1.66) / 1.66);
    padding-bottom: var(--space-d2);
}

.pdt-d2 {
    padding-top: calc(calc(1rem / 1.66) / 1.66);
    padding-top: var(--space-d2);
}

.pdr-d2 {
    padding-right: calc(calc(1rem / 1.66) / 1.66);
    padding-right: var(--space-d2);
}

.pdb-d2 {
    padding-bottom: calc(calc(1rem / 1.66) / 1.66);
    padding-bottom: var(--space-d2);
}

.pdl-d2 {
    padding-left: calc(calc(1rem / 1.66) / 1.66);
    padding-left: var(--space-d2);
}

.pd-d1 {
    padding: calc(1rem / 1.66);
    padding: var(--space-d1);
}

.pdx-d1 {
    padding-left: calc(1rem / 1.66);
    padding-left: var(--space-d1);
    padding-right: calc(1rem / 1.66);
    padding-right: var(--space-d1);
}

.pdy-d1 {
    padding-top: calc(1rem / 1.66);
    padding-top: var(--space-d1);
    padding-bottom: calc(1rem / 1.66);
    padding-bottom: var(--space-d1);
}

.pdt-d1 {
    padding-top: calc(1rem / 1.66);
    padding-top: var(--space-d1);
}

.pdr-d1 {
    padding-right: calc(1rem / 1.66);
    padding-right: var(--space-d1);
}

.pdb-d1 {
    padding-bottom: calc(1rem / 1.66);
    padding-bottom: var(--space-d1);
}

.pdl-d1 {
    padding-left: calc(1rem / 1.66);
    padding-left: var(--space-d1);
}

.pd {
    padding: 1rem;
    padding: var(--space);
}

.pdx {
    padding-left: 1rem;
    padding-left: var(--space);
    padding-right: 1rem;
    padding-right: var(--space);
}

.pdy {
    padding-top: 1rem;
    padding-top: var(--space);
    padding-bottom: 1rem;
    padding-bottom: var(--space);
}

.pdt {
    padding-top: 1rem;
    padding-top: var(--space);
}

.pdr {
    padding-right: 1rem;
    padding-right: var(--space);
}

.pdb {
    padding-bottom: 1rem;
    padding-bottom: var(--space);
}

.pdl {
    padding-left: 1rem;
    padding-left: var(--space);
}

.pd-1 {
    padding: calc(1.66 * 1rem);
    padding: var(--space-1);
}

.pdx-1 {
    padding-left: calc(1.66 * 1rem);
    padding-left: var(--space-1);
    padding-right: calc(1.66 * 1rem);
    padding-right: var(--space-1);
}

.pdy-1 {
    padding-top: calc(1.66 * 1rem);
    padding-top: var(--space-1);
    padding-bottom: calc(1.66 * 1rem);
    padding-bottom: var(--space-1);
}

.pdt-1 {
    padding-top: calc(1.66 * 1rem);
    padding-top: var(--space-1);
}

.pdr-1 {
    padding-right: calc(1.66 * 1rem);
    padding-right: var(--space-1);
}

.pdb-1 {
    padding-bottom: calc(1.66 * 1rem);
    padding-bottom: var(--space-1);
}

.pdl-1 {
    padding-left: calc(1.66 * 1rem);
    padding-left: var(--space-1);
}

.pd-2 {
    padding: calc(calc(1.66 * 1rem) * 1.66);
    padding: var(--space-2);
}

.pdx-2 {
    padding-left: calc(calc(1.66 * 1rem) * 1.66);
    padding-left: var(--space-2);
    padding-right: calc(calc(1.66 * 1rem) * 1.66);
    padding-right: var(--space-2);
}

.pdy-2 {
    padding-top: calc(calc(1.66 * 1rem) * 1.66);
    padding-top: var(--space-2);
    padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
    padding-bottom: var(--space-2);
}

.pdt-2 {
    padding-top: calc(calc(1.66 * 1rem) * 1.66);
    padding-top: var(--space-2);
}

.pdr-2 {
    padding-right: calc(calc(1.66 * 1rem) * 1.66);
    padding-right: var(--space-2);
}

.pdb-2 {
    padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
    padding-bottom: var(--space-2);
}

.pdl-2 {
    padding-left: calc(calc(1.66 * 1rem) * 1.66);
    padding-left: var(--space-2);
}

.pd-3 {
    padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding: var(--space-3);
}

.pdx-3 {
    padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-left: var(--space-3);
    padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-right: var(--space-3);
}

.pdy-3 {
    padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-top: var(--space-3);
    padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-bottom: var(--space-3);
}

.pdt-3 {
    padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-top: var(--space-3);
}

.pdr-3 {
    padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-right: var(--space-3);
}

.pdb-3 {
    padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-bottom: var(--space-3);
}

.pdl-3 {
    padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    padding-left: var(--space-3);
}

.pd-4 {
    padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding: var(--space-4);
}

.pdx-4 {
    padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-left: var(--space-4);
    padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-right: var(--space-4);
}

.pdy-4 {
    padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-top: var(--space-4);
    padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-bottom: var(--space-4);
}

.pdt-4 {
    padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-top: var(--space-4);
}

.pdr-4 {
    padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-right: var(--space-4);
}

.pdb-4 {
    padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-bottom: var(--space-4);
}

.pdl-4 {
    padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    padding-left: var(--space-4);
}

.pd-5 {
    padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding: var(--space-5);
}

.pdx-5 {
    padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-left: var(--space-5);
    padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-right: var(--space-5);
}

.pdy-5 {
    padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-top: var(--space-5);
    padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-bottom: var(--space-5);
}

.pdt-5 {
    padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-top: var(--space-5);
}

.pdr-5 {
    padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-right: var(--space-5);
}

.pdb-5 {
    padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-bottom: var(--space-5);
}

.pdl-5 {
    padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-left: var(--space-5);
}

.pd-6 {
    padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding: var(--space-6);
}

.pdx-6 {
    padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-left: var(--space-6);
    padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-right: var(--space-6);
}

.pdy-6 {
    padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-top: var(--space-6);
    padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-bottom: var(--space-6);
}

.pdt-6 {
    padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-top: var(--space-6);
}

.pdr-6 {
    padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-right: var(--space-6);
}

.pdb-6 {
    padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-bottom: var(--space-6);
}

.pdl-6 {
    padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    padding-left: var(--space-6);
}

.pdy-vr {
    padding-top: 1rem;
    padding-top: var(--vertical-rhythm);
    padding-bottom: 1rem;
    padding-bottom: var(--vertical-rhythm);
}

.pdt-vr {
    padding-top: 1rem;
    padding-top: var(--vertical-rhythm);
}

.pdb-vr {
    padding-bottom: 1rem;
    padding-bottom: var(--vertical-rhythm);
}

.pdy-vrplus {
    padding-top: calc(1.66 * 1rem);
    padding-top: var(--vertical-rhythm-plus);
    padding-bottom: calc(1.66 * 1rem);
    padding-bottom: var(--vertical-rhythm-plus);
}

.pdt-vrplus {
    padding-top: calc(1.66 * 1rem);
    padding-top: var(--vertical-rhythm-plus);
}

.pdb-vrplus {
    padding-bottom: calc(1.66 * 1rem);
    padding-bottom: var(--vertical-rhythm-plus);
}

.pdx-hr {
    padding-left: calc(2 * 1rem);
    padding-left: var(--horizontal-rhythm);
    padding-right: calc(2 * 1rem);
    padding-right: var(--horizontal-rhythm);
}

.pdl-hr {
    padding-left: calc(2 * 1rem);
    padding-left: var(--horizontal-rhythm);
}

.pdr-hr {
    padding-right: calc(2 * 1rem);
    padding-right: var(--horizontal-rhythm);
}

/**
Naming conventions
    x=x-axis
    y=y-axis
    t=top
    r=right
    b=bottom
    l=left
    n=negative
    0=none
    d<i>=decrease by <i>  
    <i>=increase by <i>
    
*/

@media (min-width: 401px) {

    .xs\:pd-0,
    .xs\:no-pd {
        padding: 0;
    }

    .xs\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .xs\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .xs\:pdt-0 {
        padding-top: 0;
    }

    .xs\:pdr-0 {
        padding-right: 0;
    }

    .xs\:pdb-0 {
        padding-bottom: 0;
    }

    .xs\:pdl-0 {
        padding-left: 0;
    }

    .xs\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .xs\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .xs\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .xs\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .xs\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .xs\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .xs\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .xs\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .xs\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .xs\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .xs\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .xs\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .xs\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .xs\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .xs\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .xs\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .xs\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .xs\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .xs\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .xs\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .xs\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .xs\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .xs\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .xs\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .xs\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .xs\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .xs\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .xs\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .xs\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .xs\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .xs\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .xs\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .xs\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .xs\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .xs\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .xs\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .xs\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .xs\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .xs\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .xs\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .xs\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .xs\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .xs\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .xs\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .xs\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .xs\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .xs\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .xs\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .xs\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .xs\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .xs\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .xs\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .xs\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .xs\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .xs\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .xs\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .xs\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .xs\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .xs\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .xs\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .xs\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .xs\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .xs\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .xs\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .xs\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .xs\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .xs\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .xs\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .xs\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .xs\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .xs\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .xs\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .xs\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .xs\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .xs\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .xs\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .xs\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .xs\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .xs\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .xs\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .xs\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .xs\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .xs\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .xs\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .xs\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .xs\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .xs\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .xs\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .xs\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .xs\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .xs\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (--mi-xs-breakpoint) {

    .xs\:pd-0,
    .xs\:no-pd {
        padding: 0;
    }

    .xs\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .xs\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .xs\:pdt-0 {
        padding-top: 0;
    }

    .xs\:pdr-0 {
        padding-right: 0;
    }

    .xs\:pdb-0 {
        padding-bottom: 0;
    }

    .xs\:pdl-0 {
        padding-left: 0;
    }

    .xs\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .xs\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .xs\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .xs\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .xs\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .xs\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .xs\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .xs\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .xs\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .xs\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .xs\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .xs\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .xs\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .xs\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .xs\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .xs\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .xs\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .xs\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .xs\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .xs\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .xs\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .xs\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .xs\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .xs\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .xs\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .xs\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .xs\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .xs\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .xs\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .xs\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .xs\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .xs\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .xs\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .xs\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .xs\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .xs\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .xs\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .xs\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .xs\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .xs\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .xs\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .xs\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .xs\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .xs\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .xs\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .xs\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .xs\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .xs\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .xs\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .xs\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .xs\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .xs\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .xs\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .xs\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .xs\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .xs\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .xs\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .xs\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .xs\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .xs\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .xs\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .xs\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .xs\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .xs\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .xs\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .xs\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .xs\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .xs\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .xs\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .xs\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .xs\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .xs\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .xs\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .xs\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .xs\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .xs\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .xs\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .xs\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .xs\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .xs\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .xs\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .xs\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .xs\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .xs\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .xs\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .xs\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .xs\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .xs\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .xs\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .xs\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .xs\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .xs\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 601px) {

    .sm\:pd-0,
    .sm\:no-pd {
        padding: 0;
    }

    .sm\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .sm\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .sm\:pdt-0 {
        padding-top: 0;
    }

    .sm\:pdr-0 {
        padding-right: 0;
    }

    .sm\:pdb-0 {
        padding-bottom: 0;
    }

    .sm\:pdl-0 {
        padding-left: 0;
    }

    .sm\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .sm\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .sm\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .sm\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .sm\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .sm\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .sm\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .sm\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .sm\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .sm\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .sm\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .sm\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .sm\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .sm\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .sm\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .sm\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .sm\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .sm\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .sm\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .sm\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .sm\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .sm\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .sm\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .sm\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .sm\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .sm\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .sm\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .sm\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .sm\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .sm\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .sm\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .sm\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .sm\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .sm\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .sm\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .sm\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .sm\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .sm\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .sm\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .sm\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .sm\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .sm\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .sm\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .sm\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .sm\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .sm\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .sm\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .sm\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .sm\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .sm\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .sm\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .sm\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .sm\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .sm\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .sm\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .sm\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .sm\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .sm\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .sm\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .sm\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .sm\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .sm\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .sm\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .sm\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .sm\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .sm\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .sm\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .sm\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .sm\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .sm\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .sm\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .sm\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .sm\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .sm\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .sm\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .sm\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .sm\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .sm\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .sm\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .sm\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .sm\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .sm\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .sm\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .sm\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .sm\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .sm\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .sm\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .sm\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .sm\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .sm\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .sm\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (--mi-sm-breakpoint) {

    .sm\:pd-0,
    .sm\:no-pd {
        padding: 0;
    }

    .sm\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .sm\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .sm\:pdt-0 {
        padding-top: 0;
    }

    .sm\:pdr-0 {
        padding-right: 0;
    }

    .sm\:pdb-0 {
        padding-bottom: 0;
    }

    .sm\:pdl-0 {
        padding-left: 0;
    }

    .sm\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .sm\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .sm\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .sm\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .sm\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .sm\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .sm\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .sm\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .sm\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .sm\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .sm\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .sm\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .sm\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .sm\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .sm\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .sm\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .sm\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .sm\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .sm\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .sm\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .sm\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .sm\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .sm\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .sm\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .sm\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .sm\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .sm\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .sm\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .sm\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .sm\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .sm\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .sm\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .sm\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .sm\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .sm\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .sm\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .sm\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .sm\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .sm\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .sm\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .sm\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .sm\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .sm\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .sm\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .sm\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .sm\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .sm\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .sm\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .sm\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .sm\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .sm\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .sm\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .sm\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .sm\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .sm\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .sm\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .sm\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .sm\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .sm\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .sm\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .sm\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .sm\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .sm\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .sm\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .sm\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .sm\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .sm\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .sm\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .sm\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .sm\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .sm\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .sm\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .sm\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .sm\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .sm\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .sm\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .sm\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .sm\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .sm\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .sm\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .sm\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .sm\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .sm\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .sm\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .sm\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .sm\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .sm\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .sm\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .sm\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .sm\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .sm\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .sm\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 801px) {

    .rg\:pd-0,
    .rg\:no-pd {
        padding: 0;
    }

    .rg\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .rg\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .rg\:pdt-0 {
        padding-top: 0;
    }

    .rg\:pdr-0 {
        padding-right: 0;
    }

    .rg\:pdb-0 {
        padding-bottom: 0;
    }

    .rg\:pdl-0 {
        padding-left: 0;
    }

    .rg\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .rg\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .rg\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .rg\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .rg\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .rg\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .rg\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .rg\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .rg\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .rg\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .rg\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .rg\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .rg\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .rg\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .rg\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .rg\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .rg\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .rg\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .rg\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .rg\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .rg\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .rg\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .rg\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .rg\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .rg\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .rg\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .rg\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .rg\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .rg\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .rg\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .rg\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .rg\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .rg\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .rg\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .rg\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .rg\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .rg\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .rg\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .rg\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .rg\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .rg\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .rg\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .rg\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .rg\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .rg\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .rg\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .rg\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .rg\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .rg\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .rg\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .rg\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .rg\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .rg\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .rg\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .rg\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .rg\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .rg\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .rg\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .rg\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .rg\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .rg\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .rg\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .rg\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .rg\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .rg\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .rg\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .rg\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .rg\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .rg\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .rg\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .rg\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .rg\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .rg\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .rg\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .rg\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .rg\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .rg\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .rg\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .rg\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .rg\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .rg\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .rg\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .rg\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .rg\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .rg\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .rg\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .rg\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .rg\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .rg\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .rg\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .rg\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (--mi-rg-breakpoint) {

    .rg\:pd-0,
    .rg\:no-pd {
        padding: 0;
    }

    .rg\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .rg\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .rg\:pdt-0 {
        padding-top: 0;
    }

    .rg\:pdr-0 {
        padding-right: 0;
    }

    .rg\:pdb-0 {
        padding-bottom: 0;
    }

    .rg\:pdl-0 {
        padding-left: 0;
    }

    .rg\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .rg\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .rg\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .rg\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .rg\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .rg\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .rg\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .rg\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .rg\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .rg\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .rg\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .rg\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .rg\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .rg\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .rg\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .rg\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .rg\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .rg\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .rg\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .rg\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .rg\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .rg\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .rg\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .rg\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .rg\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .rg\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .rg\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .rg\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .rg\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .rg\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .rg\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .rg\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .rg\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .rg\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .rg\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .rg\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .rg\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .rg\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .rg\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .rg\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .rg\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .rg\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .rg\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .rg\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .rg\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .rg\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .rg\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .rg\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .rg\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .rg\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .rg\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .rg\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .rg\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .rg\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .rg\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .rg\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .rg\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .rg\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .rg\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .rg\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .rg\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .rg\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .rg\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .rg\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .rg\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .rg\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .rg\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .rg\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .rg\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .rg\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .rg\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .rg\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .rg\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .rg\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .rg\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .rg\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .rg\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .rg\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .rg\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .rg\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .rg\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .rg\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .rg\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .rg\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .rg\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .rg\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .rg\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .rg\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .rg\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .rg\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .rg\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .rg\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 1025px) {

    .md\:pd-0,
    .md\:no-pd {
        padding: 0;
    }

    .md\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .md\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .md\:pdt-0 {
        padding-top: 0;
    }

    .md\:pdr-0 {
        padding-right: 0;
    }

    .md\:pdb-0 {
        padding-bottom: 0;
    }

    .md\:pdl-0 {
        padding-left: 0;
    }

    .md\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .md\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .md\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .md\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .md\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .md\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .md\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .md\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .md\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .md\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .md\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .md\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .md\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .md\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .md\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .md\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .md\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .md\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .md\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .md\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .md\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .md\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .md\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .md\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .md\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .md\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .md\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .md\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .md\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .md\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .md\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .md\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .md\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .md\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .md\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .md\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .md\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .md\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .md\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .md\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .md\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .md\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .md\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .md\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .md\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .md\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .md\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .md\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .md\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .md\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .md\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .md\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .md\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .md\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .md\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .md\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .md\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .md\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .md\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .md\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .md\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .md\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .md\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .md\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .md\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .md\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .md\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .md\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .md\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .md\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .md\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .md\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .md\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .md\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .md\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .md\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .md\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .md\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .md\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .md\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .md\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .md\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .md\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .md\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .md\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .md\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .md\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .md\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .md\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .md\:pd-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .md\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .md\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .md\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (--mi-md-breakpoint) {

    .md\:pd-0,
    .md\:no-pd {
        padding: 0;
    }

    .md\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .md\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .md\:pdt-0 {
        padding-top: 0;
    }

    .md\:pdr-0 {
        padding-right: 0;
    }

    .md\:pdb-0 {
        padding-bottom: 0;
    }

    .md\:pdl-0 {
        padding-left: 0;
    }

    .md\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .md\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .md\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .md\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .md\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .md\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .md\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .md\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .md\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .md\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .md\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .md\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .md\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .md\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .md\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .md\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .md\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .md\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .md\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .md\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .md\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .md\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .md\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .md\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .md\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .md\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .md\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .md\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .md\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .md\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .md\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .md\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .md\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .md\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .md\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .md\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .md\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .md\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .md\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .md\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .md\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .md\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .md\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .md\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .md\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .md\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .md\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .md\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .md\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .md\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .md\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .md\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .md\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .md\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .md\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .md\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .md\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .md\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .md\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .md\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .md\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .md\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .md\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .md\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .md\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .md\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .md\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .md\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .md\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .md\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .md\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .md\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .md\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .md\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .md\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .md\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .md\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .md\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .md\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .md\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .md\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .md\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .md\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .md\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .md\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .md\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .md\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .md\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .md\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .md\:pd-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .md\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .md\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .md\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (min-width: 1281px) {

    .lg\:pd-0,
    .lg\:no-pd {
        padding: 0;
    }

    .lg\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .lg\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .lg\:pdt-0 {
        padding-top: 0;
    }

    .lg\:pdr-0 {
        padding-right: 0;
    }

    .lg\:pdb-0 {
        padding-bottom: 0;
    }

    .lg\:pdl-0 {
        padding-left: 0;
    }

    .lg\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .lg\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .lg\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .lg\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .lg\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .lg\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .lg\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .lg\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .lg\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .lg\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .lg\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .lg\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .lg\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .lg\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .lg\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .lg\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .lg\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .lg\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .lg\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .lg\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .lg\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .lg\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .lg\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .lg\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .lg\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .lg\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .lg\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .lg\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .lg\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .lg\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .lg\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .lg\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .lg\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .lg\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .lg\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .lg\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .lg\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .lg\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .lg\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .lg\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .lg\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .lg\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .lg\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .lg\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .lg\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .lg\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .lg\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .lg\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .lg\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .lg\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .lg\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .lg\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .lg\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .lg\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .lg\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .lg\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .lg\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .lg\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .lg\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .lg\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .lg\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .lg\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .lg\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .lg\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .lg\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .lg\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .lg\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .lg\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .lg\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .lg\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .lg\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .lg\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .lg\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .lg\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .lg\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .lg\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .lg\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .lg\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .lg\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .lg\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .lg\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .lg\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .lg\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .lg\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .lg\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .lg\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .lg\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .lg\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .lg\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .lg\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .lg\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

@media (--mi-lg-breakpoint) {

    .lg\:pd-0,
    .lg\:no-pd {
        padding: 0;
    }

    .lg\:pdx-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .lg\:pdy-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .lg\:pdt-0 {
        padding-top: 0;
    }

    .lg\:pdr-0 {
        padding-right: 0;
    }

    .lg\:pdb-0 {
        padding-bottom: 0;
    }

    .lg\:pdl-0 {
        padding-left: 0;
    }

    .lg\:pd-d5 {
        padding: 1px;
        padding: var(--space-d5);
    }

    .lg\:pdx-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .lg\:pdy-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .lg\:pdt-d5 {
        padding-top: 1px;
        padding-top: var(--space-d5);
    }

    .lg\:pdr-d5 {
        padding-right: 1px;
        padding-right: var(--space-d5);
    }

    .lg\:pdb-d5 {
        padding-bottom: 1px;
        padding-bottom: var(--space-d5);
    }

    .lg\:pdl-d5 {
        padding-left: 1px;
        padding-left: var(--space-d5);
    }

    .lg\:pd-d4 {
        padding: 2px;
        padding: var(--space-d4);
    }

    .lg\:pdx-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .lg\:pdy-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .lg\:pdt-d4 {
        padding-top: 2px;
        padding-top: var(--space-d4);
    }

    .lg\:pdr-d4 {
        padding-right: 2px;
        padding-right: var(--space-d4);
    }

    .lg\:pdb-d4 {
        padding-bottom: 2px;
        padding-bottom: var(--space-d4);
    }

    .lg\:pdl-d4 {
        padding-left: 2px;
        padding-left: var(--space-d4);
    }

    .lg\:pd-d3 {
        padding: 3px;
        padding: var(--space-d3);
    }

    .lg\:pdx-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .lg\:pdy-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .lg\:pdt-d3 {
        padding-top: 3px;
        padding-top: var(--space-d3);
    }

    .lg\:pdr-d3 {
        padding-right: 3px;
        padding-right: var(--space-d3);
    }

    .lg\:pdb-d3 {
        padding-bottom: 3px;
        padding-bottom: var(--space-d3);
    }

    .lg\:pdl-d3 {
        padding-left: 3px;
        padding-left: var(--space-d3);
    }

    .lg\:pd-d2 {
        padding: calc(calc(1rem / 1.66) / 1.66);
        padding: var(--space-d2);
    }

    .lg\:pdx-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .lg\:pdy-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .lg\:pdt-d2 {
        padding-top: calc(calc(1rem / 1.66) / 1.66);
        padding-top: var(--space-d2);
    }

    .lg\:pdr-d2 {
        padding-right: calc(calc(1rem / 1.66) / 1.66);
        padding-right: var(--space-d2);
    }

    .lg\:pdb-d2 {
        padding-bottom: calc(calc(1rem / 1.66) / 1.66);
        padding-bottom: var(--space-d2);
    }

    .lg\:pdl-d2 {
        padding-left: calc(calc(1rem / 1.66) / 1.66);
        padding-left: var(--space-d2);
    }

    .lg\:pd-d1 {
        padding: calc(1rem / 1.66);
        padding: var(--space-d1);
    }

    .lg\:pdx-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .lg\:pdy-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .lg\:pdt-d1 {
        padding-top: calc(1rem / 1.66);
        padding-top: var(--space-d1);
    }

    .lg\:pdr-d1 {
        padding-right: calc(1rem / 1.66);
        padding-right: var(--space-d1);
    }

    .lg\:pdb-d1 {
        padding-bottom: calc(1rem / 1.66);
        padding-bottom: var(--space-d1);
    }

    .lg\:pdl-d1 {
        padding-left: calc(1rem / 1.66);
        padding-left: var(--space-d1);
    }

    .lg\:pd {
        padding: 1rem;
        padding: var(--space);
    }

    .lg\:pdx {
        padding-left: 1rem;
        padding-left: var(--space);
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .lg\:pdy {
        padding-top: 1rem;
        padding-top: var(--space);
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .lg\:pdt {
        padding-top: 1rem;
        padding-top: var(--space);
    }

    .lg\:pdr {
        padding-right: 1rem;
        padding-right: var(--space);
    }

    .lg\:pdb {
        padding-bottom: 1rem;
        padding-bottom: var(--space);
    }

    .lg\:pdl {
        padding-left: 1rem;
        padding-left: var(--space);
    }

    .lg\:pd-1 {
        padding: calc(1.66 * 1rem);
        padding: var(--space-1);
    }

    .lg\:pdx-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .lg\:pdy-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .lg\:pdt-1 {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--space-1);
    }

    .lg\:pdr-1 {
        padding-right: calc(1.66 * 1rem);
        padding-right: var(--space-1);
    }

    .lg\:pdb-1 {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--space-1);
    }

    .lg\:pdl-1 {
        padding-left: calc(1.66 * 1rem);
        padding-left: var(--space-1);
    }

    .lg\:pd-2 {
        padding: calc(calc(1.66 * 1rem) * 1.66);
        padding: var(--space-2);
    }

    .lg\:pdx-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .lg\:pdy-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .lg\:pdt-2 {
        padding-top: calc(calc(1.66 * 1rem) * 1.66);
        padding-top: var(--space-2);
    }

    .lg\:pdr-2 {
        padding-right: calc(calc(1.66 * 1rem) * 1.66);
        padding-right: var(--space-2);
    }

    .lg\:pdb-2 {
        padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
        padding-bottom: var(--space-2);
    }

    .lg\:pdl-2 {
        padding-left: calc(calc(1.66 * 1rem) * 1.66);
        padding-left: var(--space-2);
    }

    .lg\:pd-3 {
        padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding: var(--space-3);
    }

    .lg\:pdx-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .lg\:pdy-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .lg\:pdt-3 {
        padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-top: var(--space-3);
    }

    .lg\:pdr-3 {
        padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-right: var(--space-3);
    }

    .lg\:pdb-3 {
        padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-bottom: var(--space-3);
    }

    .lg\:pdl-3 {
        padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        padding-left: var(--space-3);
    }

    .lg\:pd-4 {
        padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding: var(--space-4);
    }

    .lg\:pdx-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .lg\:pdy-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .lg\:pdt-4 {
        padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-4);
    }

    .lg\:pdr-4 {
        padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-4);
    }

    .lg\:pdb-4 {
        padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-4);
    }

    .lg\:pdl-4 {
        padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-4);
    }

    .lg\:pd-5 {
        padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-5);
    }

    .lg\:pdx-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .lg\:pdy-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .lg\:pdt-5 {
        padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-5);
    }

    .lg\:pdr-5 {
        padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-5);
    }

    .lg\:pdb-5 {
        padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-5);
    }

    .lg\:pdl-5 {
        padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-5);
    }

    .lg\:pd-6 {
        padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding: var(--space-6);
    }

    .lg\:pdx-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .lg\:pdy-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .lg\:pdt-6 {
        padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-top: var(--space-6);
    }

    .lg\:pdr-6 {
        padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-right: var(--space-6);
    }

    .lg\:pdb-6 {
        padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-bottom: var(--space-6);
    }

    .lg\:pdl-6 {
        padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        padding-left: var(--space-6);
    }

    .lg\:pdy-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .lg\:pdt-vr {
        padding-top: 1rem;
        padding-top: var(--vertical-rhythm);
    }

    .lg\:pdb-vr {
        padding-bottom: 1rem;
        padding-bottom: var(--vertical-rhythm);
    }

    .lg\:pdy-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:pdt-vrplus {
        padding-top: calc(1.66 * 1rem);
        padding-top: var(--vertical-rhythm-plus);
    }

    .lg\:pdb-vrplus {
        padding-bottom: calc(1.66 * 1rem);
        padding-bottom: var(--vertical-rhythm-plus);
    }

    .lg\:pdx-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }

    .lg\:pdl-hr {
        padding-left: calc(2 * 1rem);
        padding-left: var(--horizontal-rhythm);
    }

    .lg\:pdr-hr {
        padding-right: calc(2 * 1rem);
        padding-right: var(--horizontal-rhythm);
    }
}

/**
Naming conventions
    x=x-axis
    y=y-axis
    t=top
    r=right
    b=bottom
    l=left
    n=negative
    0=none
    d<i>=decrease by <i>  
    <i>=increase by <i>
    
*/

.gp-0,
.no-gp {
    gap: 0;
}

.gpx-0 {
    column-gap: 0;
}

.gpy-0 {
    row-gap: 0;
}

.gp-d5 {
    row-gap: 1px;
    row-gap: var(--space-d5);
    column-gap: 1px;
    column-gap: var(--space-d5);
}

.gpx-d5 {
    column-gap: 1px;
    column-gap: var(--space-d5);
}

.gpy-d5 {
    row-gap: 1px;
    row-gap: var(--space-d5);
}

.gp-d4 {
    row-gap: 2px;
    row-gap: var(--space-d4);
    column-gap: 2px;
    column-gap: var(--space-d4);
}

.gpx-d4 {
    column-gap: 2px;
    column-gap: var(--space-d4);
}

.gpy-d4 {
    row-gap: 2px;
    row-gap: var(--space-d4);
}

.gp-d3 {
    row-gap: 3px;
    row-gap: var(--space-d3);
    column-gap: 3px;
    column-gap: var(--space-d3);
}

.gpx-d3 {
    column-gap: 3px;
    column-gap: var(--space-d3);
}

.gpy-d3 {
    row-gap: 3px;
    row-gap: var(--space-d3);
}

.gp-d2 {
    row-gap: calc(calc(1rem / 1.66) / 1.66);
    row-gap: var(--space-d2);
    column-gap: calc(calc(1rem / 1.66) / 1.66);
    column-gap: var(--space-d2);
}

.gpx-d2 {
    column-gap: calc(calc(1rem / 1.66) / 1.66);
    column-gap: var(--space-d2);
}

.gpy-d2 {
    row-gap: calc(calc(1rem / 1.66) / 1.66);
    row-gap: var(--space-d2);
}

.gp-d1 {
    row-gap: calc(1rem / 1.66);
    row-gap: var(--space-d1);
    column-gap: calc(1rem / 1.66);
    column-gap: var(--space-d1);
}

.gpx-d1 {
    column-gap: calc(1rem / 1.66);
    column-gap: var(--space-d1);
}

.gpy-d1 {
    row-gap: calc(1rem / 1.66);
    row-gap: var(--space-d1);
}

.gp {
    row-gap: 1rem;
    row-gap: var(--space);
    column-gap: 1rem;
    column-gap: var(--space);
}

.gpx {
    column-gap: 1rem;
    column-gap: var(--space);
}

.gpy {
    row-gap: 1rem;
    row-gap: var(--space);
}

.gp-1 {
    row-gap: calc(1.66 * 1rem);
    row-gap: var(--space-1);
    column-gap: calc(1.66 * 1rem);
    column-gap: var(--space-1);
}

.gpx-1 {
    column-gap: calc(1.66 * 1rem);
    column-gap: var(--space-1);
}

.gpy-1 {
    row-gap: calc(1.66 * 1rem);
    row-gap: var(--space-1);
}

.gp-2 {
    row-gap: calc(calc(1.66 * 1rem) * 1.66);
    row-gap: var(--space-2);
    column-gap: calc(calc(1.66 * 1rem) * 1.66);
    column-gap: var(--space-2);
}

.gpx-2 {
    column-gap: calc(calc(1.66 * 1rem) * 1.66);
    column-gap: var(--space-2);
}

.gpy-2 {
    row-gap: calc(calc(1.66 * 1rem) * 1.66);
    row-gap: var(--space-2);
}

.gp-3 {
    row-gap: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    row-gap: var(--space-3);
    column-gap: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    column-gap: var(--space-3);
}

.gpx-3 {
    column-gap: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    column-gap: var(--space-3);
}

.gpy-3 {
    row-gap: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    row-gap: var(--space-3);
}

.gp-4 {
    row-gap: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    row-gap: var(--space-4);
    column-gap: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    column-gap: var(--space-4);
}

.gpx-4 {
    column-gap: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    column-gap: var(--space-4);
}

.gpy-4 {
    row-gap: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    row-gap: var(--space-4);
}

:root {

    --xs-width: 16rem;
    --sm-width: 26rem;
    --rg-width: 34rem;
    --md-width: 46rem;
    --lg-width: 58rem;
}

.w-unset {
    width: unset;
}

.w-100 {
    width: 100%;
}

.vw-100 {
    width: 100vw;
}

.vw-90 {
    width: 90vw;
}

.vw-80 {
    width: 80vw;
}

.vw-70 {
    width: 70vw;
}

.vw-60 {
    width: 60vw;
}

.vw-50 {
    width: 50vw;
}

.vw-40 {
    width: 40vw;
}

.vw-30 {
    width: 30vw;
}

.vw-20 {
    width: 20vw;
}

.vw-10 {
    width: 10vw;
}

.w-xs {
    width: 16rem;
    width: var(--xs-width);
}

.w-xs-breakpoint {
    width: 400px;
    width: var(--xs-breakpoint);
}

.w-sm {
    width: 26rem;
    width: var(--sm-width);
}

.w-sm-breakpoint {
    width: 600px;
    width: var(--sm-breakpoint);
}

.w-rg {
    width: 34rem;
    width: var(--rg-width);
}

.w-rg-breakpoint {
    width: 800px;
    width: var(--rg-breakpoint);
}

.w-md {
    width: 46rem;
    width: var(--md-width);
}

.w-md-breakpoint {
    width: 1024px;
    width: var(--md-breakpoint);
}

.w-lg {
    width: 58rem;
    width: var(--lg-width);
}

.w-lg-breakpoint {
    width: 1280px;
    width: var(--lg-breakpoint);
}

.w-d5 {
    width: 1px;
    width: var(--space-d5);
}

.w-d4 {
    width: 2px;
    width: var(--space-d4);
}

.w-d3 {
    width: 3px;
    width: var(--space-d3);
}

.w-d2 {
    width: calc(calc(1rem / 1.66) / 1.66);
    width: var(--space-d2);
}

.w-d1 {
    width: calc(1rem / 1.66);
    width: var(--space-d1);
}

.w {
    width: 1rem;
    width: var(--space);
}

.w-1 {
    width: calc(1.66 * 1rem);
    width: var(--space-1);
}

.w-2 {
    width: calc(calc(1.66 * 1rem) * 1.66);
    width: var(--space-2);
}

.w-3 {
    width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    width: var(--space-3);
}

.w-4 {
    width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    width: var(--space-4);
}

.w-5 {
    width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    width: var(--space-5);
}

.w-6 {
    width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    width: var(--space-6);
}

.w-bleed {
    width: 1280px;
    width: var(--bleed-width);
}

@media (min-width: 401px) {
    .xs\:w-unset {
        width: unset;
    }
    .xs\:w-100 {
        width: 100%;
    }
    .xs\:vw-100 {
        width: 100vh;
    }
    .xs\:vw-90 {
        width: 90vw;
    }
    .xs\:vw-80 {
        width: 80vw;
    }
    .xs\:vw-70 {
        width: 70vw;
    }
    .xs\:vw-60 {
        width: 60vw;
    }
    .xs\:vw-50 {
        width: 50vw;
    }
    .xs\:vw-40 {
        width: 40vw;
    }
    .xs\:vw-30 {
        width: 30vw;
    }
    .xs\:vw-20 {
        width: 20vw;
    }
    .xs\:vw-10 {
        width: 10vw;
    }
    .xs\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .xs\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .xs\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .xs\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .xs\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .xs\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .xs\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .xs\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .xs\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .xs\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .xs\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .xs\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .xs\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .xs\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .xs\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .xs\:width {
        width: 1rem;
        width: var(--space);
    }
    .xs\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .xs\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .xs\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .xs\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .xs\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .xs\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .xs\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:w-unset {
        width: unset;
    }
    .xs\:w-100 {
        width: 100%;
    }
    .xs\:vw-100 {
        width: 100vh;
    }
    .xs\:vw-90 {
        width: 90vw;
    }
    .xs\:vw-80 {
        width: 80vw;
    }
    .xs\:vw-70 {
        width: 70vw;
    }
    .xs\:vw-60 {
        width: 60vw;
    }
    .xs\:vw-50 {
        width: 50vw;
    }
    .xs\:vw-40 {
        width: 40vw;
    }
    .xs\:vw-30 {
        width: 30vw;
    }
    .xs\:vw-20 {
        width: 20vw;
    }
    .xs\:vw-10 {
        width: 10vw;
    }
    .xs\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .xs\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .xs\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .xs\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .xs\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .xs\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .xs\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .xs\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .xs\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .xs\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .xs\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .xs\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .xs\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .xs\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .xs\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .xs\:width {
        width: 1rem;
        width: var(--space);
    }
    .xs\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .xs\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .xs\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .xs\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .xs\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .xs\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .xs\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (min-width: 601px) {
    .sm\:w-unset {
        width: unset;
    }
    .sm\:w-100 {
        width: 100%;
    }
    .sm\:vw-100 {
        width: 100vh;
    }
    .sm\:vw-90 {
        width: 90vw;
    }
    .sm\:vw-80 {
        width: 80vw;
    }
    .sm\:vw-70 {
        width: 70vw;
    }
    .sm\:vw-60 {
        width: 60vw;
    }
    .sm\:vw-50 {
        width: 50vw;
    }
    .sm\:vw-40 {
        width: 40vw;
    }
    .sm\:vw-30 {
        width: 30vw;
    }
    .sm\:vw-20 {
        width: 20vw;
    }
    .sm\:vw-10 {
        width: 10vw;
    }
    .sm\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .sm\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .sm\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .sm\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .sm\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .sm\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .sm\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .sm\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .sm\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .sm\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .sm\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .sm\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .sm\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .sm\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .sm\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .sm\:width {
        width: 1rem;
        width: var(--space);
    }
    .sm\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .sm\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .sm\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .sm\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .sm\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .sm\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .sm\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:w-unset {
        width: unset;
    }
    .sm\:w-100 {
        width: 100%;
    }
    .sm\:vw-100 {
        width: 100vh;
    }
    .sm\:vw-90 {
        width: 90vw;
    }
    .sm\:vw-80 {
        width: 80vw;
    }
    .sm\:vw-70 {
        width: 70vw;
    }
    .sm\:vw-60 {
        width: 60vw;
    }
    .sm\:vw-50 {
        width: 50vw;
    }
    .sm\:vw-40 {
        width: 40vw;
    }
    .sm\:vw-30 {
        width: 30vw;
    }
    .sm\:vw-20 {
        width: 20vw;
    }
    .sm\:vw-10 {
        width: 10vw;
    }
    .sm\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .sm\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .sm\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .sm\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .sm\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .sm\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .sm\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .sm\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .sm\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .sm\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .sm\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .sm\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .sm\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .sm\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .sm\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .sm\:width {
        width: 1rem;
        width: var(--space);
    }
    .sm\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .sm\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .sm\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .sm\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .sm\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .sm\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .sm\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (min-width: 801px) {
    .rg\:w-unset {
        width: unset;
    }
    .rg\:w-100 {
        width: 100%;
    }
    .rg\:vw-100 {
        width: 100vh;
    }
    .rg\:vw-90 {
        width: 90vw;
    }
    .rg\:vw-80 {
        width: 80vw;
    }
    .rg\:vw-70 {
        width: 70vw;
    }
    .rg\:vw-60 {
        width: 60vw;
    }
    .rg\:vw-50 {
        width: 50vw;
    }
    .rg\:vw-40 {
        width: 40vw;
    }
    .rg\:vw-30 {
        width: 30vw;
    }
    .rg\:vw-80 {
        width: 20vw;
    }
    .rg\:vw-10 {
        width: 10vw;
    }
    .rg\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .rg\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .rg\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .rg\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .rg\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .rg\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .rg\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .rg\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .rg\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .rg\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .rg\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .rg\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .rg\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .rg\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .rg\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .rg\:width {
        width: 1rem;
        width: var(--space);
    }
    .rg\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .rg\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .rg\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .rg\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .rg\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .rg\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .rg\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:w-unset {
        width: unset;
    }
    .rg\:w-100 {
        width: 100%;
    }
    .rg\:vw-100 {
        width: 100vh;
    }
    .rg\:vw-90 {
        width: 90vw;
    }
    .rg\:vw-80 {
        width: 80vw;
    }
    .rg\:vw-70 {
        width: 70vw;
    }
    .rg\:vw-60 {
        width: 60vw;
    }
    .rg\:vw-50 {
        width: 50vw;
    }
    .rg\:vw-40 {
        width: 40vw;
    }
    .rg\:vw-30 {
        width: 30vw;
    }
    .rg\:vw-80 {
        width: 20vw;
    }
    .rg\:vw-10 {
        width: 10vw;
    }
    .rg\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .rg\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .rg\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .rg\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .rg\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .rg\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .rg\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .rg\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .rg\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .rg\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .rg\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .rg\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .rg\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .rg\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .rg\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .rg\:width {
        width: 1rem;
        width: var(--space);
    }
    .rg\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .rg\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .rg\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .rg\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .rg\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .rg\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .rg\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (min-width: 1025px) {
    .md\:w-unset {
        width: unset;
    }
    .md\:w-100 {
        width: 100%;
    }
    .md\:vw-100 {
        width: 100vh;
    }
    .md\:vw-90 {
        width: 90vw;
    }
    .md\:vw-80 {
        width: 80vw;
    }
    .md\:vw-70 {
        width: 70vw;
    }
    .md\:vw-60 {
        width: 60vw;
    }
    .md\:vw-50 {
        width: 50vw;
    }
    .md\:vw-40 {
        width: 40vw;
    }
    .md\:vw-30 {
        width: 30vw;
    }
    .md\:vw-20 {
        width: 20vw;
    }
    .md\:vw-10 {
        width: 10vw;
    }
    .md\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .md\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .md\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .md\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .md\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .md\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .md\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .md\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .md\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .md\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .md\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .md\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .md\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .md\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .md\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .md\:width {
        width: 1rem;
        width: var(--space);
    }
    .md\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .md\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .md\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .md\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .md\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .md\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .md\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (--mi-md-breakpoint) {
    .md\:w-unset {
        width: unset;
    }
    .md\:w-100 {
        width: 100%;
    }
    .md\:vw-100 {
        width: 100vh;
    }
    .md\:vw-90 {
        width: 90vw;
    }
    .md\:vw-80 {
        width: 80vw;
    }
    .md\:vw-70 {
        width: 70vw;
    }
    .md\:vw-60 {
        width: 60vw;
    }
    .md\:vw-50 {
        width: 50vw;
    }
    .md\:vw-40 {
        width: 40vw;
    }
    .md\:vw-30 {
        width: 30vw;
    }
    .md\:vw-20 {
        width: 20vw;
    }
    .md\:vw-10 {
        width: 10vw;
    }
    .md\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .md\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .md\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .md\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .md\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .md\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .md\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .md\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .md\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .md\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .md\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .md\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .md\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .md\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .md\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .md\:width {
        width: 1rem;
        width: var(--space);
    }
    .md\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .md\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .md\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .md\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .md\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .md\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .md\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (min-width: 1281px) {
    .lg\:w-unset {
        width: unset;
    }
    .lg\:w-100 {
        width: 100%;
    }
    .lg\:vw-100 {
        width: 100vh;
    }
    .lg\:vw-90 {
        width: 90vw;
    }
    .lg\:vw-80 {
        width: 80vw;
    }
    .lg\:vw-70 {
        width: 70vw;
    }
    .lg\:vw-60 {
        width: 60vw;
    }
    .lg\:vw-50 {
        width: 50vw;
    }
    .lg\:vw-40 {
        width: 40vw;
    }
    .lg\:vw-30 {
        width: 30vw;
    }
    .lg\:vw-20 {
        width: 20vw;
    }
    .lg\:vw-10 {
        width: 10vw;
    }
    .lg\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .lg\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .lg\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .lg\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .lg\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .lg\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .lg\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .lg\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .lg\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .lg\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .lg\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .lg\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .lg\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .lg\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .lg\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .lg\:width {
        width: 1rem;
        width: var(--space);
    }
    .lg\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .lg\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .lg\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .lg\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .lg\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .lg\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .lg\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:w-unset {
        width: unset;
    }
    .lg\:w-100 {
        width: 100%;
    }
    .lg\:vw-100 {
        width: 100vh;
    }
    .lg\:vw-90 {
        width: 90vw;
    }
    .lg\:vw-80 {
        width: 80vw;
    }
    .lg\:vw-70 {
        width: 70vw;
    }
    .lg\:vw-60 {
        width: 60vw;
    }
    .lg\:vw-50 {
        width: 50vw;
    }
    .lg\:vw-40 {
        width: 40vw;
    }
    .lg\:vw-30 {
        width: 30vw;
    }
    .lg\:vw-20 {
        width: 20vw;
    }
    .lg\:vw-10 {
        width: 10vw;
    }
    .lg\:w-xs {
        width: 16rem;
        width: var(--xs-width);
    }
    .lg\:w-xs-breakpoint {
        width: 400px;
        width: var(--xs-breakpoint);
    }
    .lg\:w-sm {
        width: 26rem;
        width: var(--sm-width);
    }
    .lg\:w-sm-breakpoint {
        width: 600px;
        width: var(--sm-breakpoint);
    }
    .lg\:w-rg {
        width: 34rem;
        width: var(--rg-width);
    }
    .lg\:w-rg-breakpoint {
        width: 800px;
        width: var(--rg-breakpoint);
    }
    .lg\:w-md {
        width: 46rem;
        width: var(--md-width);
    }
    .lg\:w-md-breakpoint {
        width: 1024px;
        width: var(--md-breakpoint);
    }
    .lg\:w-lg {
        width: 58rem;
        width: var(--lg-width);
    }
    .lg\:w-lg-breakpoint {
        width: 1280px;
        width: var(--lg-breakpoint);
    }
    .lg\:w-d5 {
        width: 1px;
        width: var(--space-d5);
    }
    .lg\:w-d4 {
        width: 2px;
        width: var(--space-d4);
    }
    .lg\:w-d3 {
        width: 3px;
        width: var(--space-d3);
    }
    .lg\:w-d2 {
        width: calc(calc(1rem / 1.66) / 1.66);
        width: var(--space-d2);
    }
    .lg\:w-d1 {
        width: calc(1rem / 1.66);
        width: var(--space-d1);
    }
    .lg\:width {
        width: 1rem;
        width: var(--space);
    }
    .lg\:w-1 {
        width: calc(1.66 * 1rem);
        width: var(--space-1);
    }
    .lg\:w-2 {
        width: calc(calc(1.66 * 1rem) * 1.66);
        width: var(--space-2);
    }
    .lg\:w-3 {
        width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        width: var(--space-3);
    }
    .lg\:w-4 {
        width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        width: var(--space-4);
    }
    .lg\:w-5 {
        width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-5);
    }
    .lg\:w-6 {
        width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        width: var(--space-6);
    }
    .lg\:w-bleed {
        width: 1280px;
        width: var(--bleed-width);
    }
}

.mxw-unset,
.mxw-u {
    max-width: unset;
}

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

.mxw-xs {
    max-width: 16rem;
    max-width: var(--xs-width);
}

.mxw-xs-breakpoint {
    max-width: 400px;
    max-width: var(--xs-breakpoint);
}

.mxw-sm {
    max-width: 26rem;
    max-width: var(--sm-width);
}

.mxw-sm-breakpoint {
    max-width: 600px;
    max-width: var(--sm-breakpoint);
}

.mxw-rg {
    max-width: 34rem;
    max-width: var(--rg-width);
}

.mxw-rg-breakpoint {
    max-width: 800px;
    max-width: var(--rg-breakpoint);
}

.mxw-md {
    max-width: 46rem;
    max-width: var(--md-width);
}

.mxw-md-breakpoint {
    max-width: 1024px;
    max-width: var(--md-breakpoint);
}

.mxw-lg {
    max-width: 58rem;
    max-width: var(--lg-width);
}

.mxw-lg-breakpoint {
    max-width: 1280px;
    max-width: var(--lg-breakpoint);
}

.mxw-d5 {
    max-width: 1px;
    max-width: var(--space-d5);
}

.mxw-d4 {
    max-width: 2px;
    max-width: var(--space-d4);
}

.mxw-d3 {
    max-width: 3px;
    max-width: var(--space-d3);
}

.mxw-d2 {
    max-width: calc(calc(1rem / 1.66) / 1.66);
    max-width: var(--space-d2);
}

.mxw-d1 {
    max-width: calc(1rem / 1.66);
    max-width: var(--space-d1);
}

.mxw {
    max-width: 1rem;
    max-width: var(--space);
}

.mxw-1 {
    max-width: calc(1.66 * 1rem);
    max-width: var(--space-1);
}

.mxw-2 {
    max-width: calc(calc(1.66 * 1rem) * 1.66);
    max-width: var(--space-2);
}

.mxw-3 {
    max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    max-width: var(--space-3);
}

.mxw-4 {
    max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    max-width: var(--space-4);
}

.mxw-5 {
    max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    max-width: var(--space-5);
}

.mxw-6 {
    max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    max-width: var(--space-6);
}

.mxvw-100 {
    max-width: 100vw;
}

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

.mxw-bleed {
    max-width: 1280px;
    max-width: var(--bleed-width);
}

@media (min-width: 401px) {
    .xs\:mxw-unset,
    .xs\:mxw-u {
        max-width: unset;
    }
    .xs\:mxvw-100 {
        max-width: 100vw;
    }
    .xs\:mxw-100 {
        max-width: 100%;
    }
    .xs\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .xs\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .xs\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .xs\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .xs\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .xs\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .xs\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .xs\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .xs\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .xs\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .xs\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .xs\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .xs\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .xs\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .xs\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .xs\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .xs\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .xs\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .xs\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .xs\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .xs\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .xs\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .xs\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:mxw-unset,
    .xs\:mxw-u {
        max-width: unset;
    }
    .xs\:mxvw-100 {
        max-width: 100vw;
    }
    .xs\:mxw-100 {
        max-width: 100%;
    }
    .xs\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .xs\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .xs\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .xs\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .xs\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .xs\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .xs\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .xs\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .xs\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .xs\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .xs\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .xs\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .xs\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .xs\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .xs\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .xs\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .xs\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .xs\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .xs\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .xs\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .xs\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .xs\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .xs\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (min-width: 601px) {
    .sm\:mxw-unset,
    .sm\:mxw-u {
        max-width: unset;
    }
    .sm\:mxvw-100 {
        max-width: 100vw;
    }
    .sm\:mxw-100 {
        max-width: 100%;
    }
    .sm\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .sm\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .sm\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .sm\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .sm\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .sm\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .sm\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .sm\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .sm\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .sm\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .sm\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .sm\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .sm\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .sm\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .sm\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .sm\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .sm\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .sm\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .sm\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .sm\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .sm\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .sm\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .sm\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:mxw-unset,
    .sm\:mxw-u {
        max-width: unset;
    }
    .sm\:mxvw-100 {
        max-width: 100vw;
    }
    .sm\:mxw-100 {
        max-width: 100%;
    }
    .sm\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .sm\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .sm\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .sm\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .sm\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .sm\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .sm\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .sm\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .sm\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .sm\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .sm\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .sm\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .sm\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .sm\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .sm\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .sm\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .sm\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .sm\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .sm\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .sm\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .sm\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .sm\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .sm\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (min-width: 801px) {
    .rg\:mxw-unset,
    .rg\:mxw-u {
        max-width: unset;
    }
    .rg\:mxvw-100 {
        max-width: 100vw;
    }
    .rg\:mxw-100 {
        max-width: 100%;
    }
    .rg\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .rg\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .rg\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .rg\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .rg\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .rg\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .rg\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .rg\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .rg\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .rg\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .rg\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .rg\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .rg\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .rg\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .rg\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .rg\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .rg\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .rg\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .rg\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .rg\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .rg\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .rg\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .rg\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:mxw-unset,
    .rg\:mxw-u {
        max-width: unset;
    }
    .rg\:mxvw-100 {
        max-width: 100vw;
    }
    .rg\:mxw-100 {
        max-width: 100%;
    }
    .rg\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .rg\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .rg\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .rg\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .rg\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .rg\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .rg\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .rg\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .rg\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .rg\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .rg\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .rg\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .rg\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .rg\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .rg\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .rg\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .rg\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .rg\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .rg\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .rg\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .rg\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .rg\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .rg\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (min-width: 1025px) {
    .md\:mxw-unset,
    .md\:mxw-u {
        max-width: unset;
    }
    .md\:mxvw-100 {
        max-width: 100vw;
    }
    .md\:mxw-100 {
        max-width: 100%;
    }
    .md\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .md\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .md\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .md\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .md\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .md\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .md\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .md\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .md\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .md\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .md\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .md\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .md\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .md\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .md\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .md\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .md\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .md\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .md\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .md\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .md\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .md\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .md\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (--mi-md-breakpoint) {
    .md\:mxw-unset,
    .md\:mxw-u {
        max-width: unset;
    }
    .md\:mxvw-100 {
        max-width: 100vw;
    }
    .md\:mxw-100 {
        max-width: 100%;
    }
    .md\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .md\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .md\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .md\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .md\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .md\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .md\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .md\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .md\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .md\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .md\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .md\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .md\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .md\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .md\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .md\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .md\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .md\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .md\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .md\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .md\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .md\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .md\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (min-width: 1281px) {
    .lg\:mxw-unset,
    .lg\:mxw-u {
        max-width: unset;
    }
    .lg\:mxvw-100 {
        max-width: 100vw;
    }
    .lg\:mxw-100 {
        max-width: 100%;
    }
    .lg\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .lg\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .lg\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .lg\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .lg\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .lg\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .lg\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .lg\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .lg\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .lg\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .lg\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .lg\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .lg\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .lg\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .lg\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .lg\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .lg\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .lg\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .lg\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .lg\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .lg\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .lg\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .lg\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:mxw-unset,
    .lg\:mxw-u {
        max-width: unset;
    }
    .lg\:mxvw-100 {
        max-width: 100vw;
    }
    .lg\:mxw-100 {
        max-width: 100%;
    }
    .lg\:mxw-xs {
        max-width: 16rem;
        max-width: var(--xs-width);
    }
    .lg\:mxw-xs-breakpoint {
        max-width: 400px;
        max-width: var(--xs-breakpoint);
    }
    .lg\:mxw-sm {
        max-width: 26rem;
        max-width: var(--sm-width);
    }
    .lg\:mxw-sm-breakpoint {
        max-width: 600px;
        max-width: var(--sm-breakpoint);
    }
    .lg\:mxw-rg {
        max-width: 34rem;
        max-width: var(--rg-width);
    }
    .lg\:mxw-rg-breakpoint {
        max-width: 800px;
        max-width: var(--rg-breakpoint);
    }
    .lg\:mxw-md {
        max-width: 46rem;
        max-width: var(--md-width);
    }
    .lg\:mxw-md-breakpoint {
        max-width: 1024px;
        max-width: var(--md-breakpoint);
    }
    .lg\:mxw-lg {
        max-width: 58rem;
        max-width: var(--lg-width);
    }
    .lg\:mxw-lg-breakpoint {
        max-width: 1280px;
        max-width: var(--lg-breakpoint);
    }
    .lg\:mxw-bleed {
        max-width: 1280px;
        max-width: var(--bleed-width);
    }
    .lg\:mxw-d5 {
        max-width: 1px;
        max-width: var(--space-d5);
    }
    .lg\:mxw-d4 {
        max-width: 2px;
        max-width: var(--space-d4);
    }
    .lg\:mxw-d3 {
        max-width: 3px;
        max-width: var(--space-d3);
    }
    .lg\:mxw-d2 {
        max-width: calc(calc(1rem / 1.66) / 1.66);
        max-width: var(--space-d2);
    }
    .lg\:mxw-d1 {
        max-width: calc(1rem / 1.66);
        max-width: var(--space-d1);
    }
    .lg\:mxw {
        max-width: 1rem;
        max-width: var(--space);
    }
    .lg\:mxw-1 {
        max-width: calc(1.66 * 1rem);
        max-width: var(--space-1);
    }
    .lg\:mxw-2 {
        max-width: calc(calc(1.66 * 1rem) * 1.66);
        max-width: var(--space-2);
    }
    .lg\:mxw-3 {
        max-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-width: var(--space-3);
    }
    .lg\:mxw-4 {
        max-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-4);
    }
    .lg\:mxw-5 {
        max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-5);
    }
    .lg\:mxw-6 {
        max-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-width: var(--space-6);
    }
}

.miw-unset,
.miw-u {
    min-width: unset;
}

.miw-xs {
    min-width: 16rem;
    min-width: var(--xs-width);
}

.miw-xs-breakpoint {
    min-width: 400px;
    min-width: var(--xs-breakpoint);
}

.miw-sm {
    min-width: 26rem;
    min-width: var(--sm-width);
}

.miw-sm-breakpoint {
    min-width: 600px;
    min-width: var(--sm-breakpoint);
}

.miw-rg {
    min-width: 34rem;
    min-width: var(--rg-width);
}

.miw-rg-breakpoint {
    min-width: 800px;
    min-width: var(--rg-breakpoint);
}

.miw-md {
    min-width: 46rem;
    min-width: var(--md-width);
}

.miw-md-breakpoint {
    min-width: 1024px;
    min-width: var(--md-breakpoint);
}

.miw-lg {
    min-width: 58rem;
    min-width: var(--lg-width);
}

.miw-lg-breakpoint {
    min-width: 1280px;
    min-width: var(--lg-breakpoint);
}

.miw-d5 {
    min-width: 1px;
    min-width: var(--space-d5);
}

.miw-d4 {
    min-width: 2px;
    min-width: var(--space-d4);
}

.miw-d3 {
    min-width: 3px;
    min-width: var(--space-d3);
}

.miw-d2 {
    min-width: calc(calc(1rem / 1.66) / 1.66);
    min-width: var(--space-d2);
}

.miw-d1 {
    min-width: calc(1rem / 1.66);
    min-width: var(--space-d1);
}

.miw {
    min-width: 1rem;
    min-width: var(--space);
}

.miw-1 {
    min-width: calc(1.66 * 1rem);
    min-width: var(--space-1);
}

.miw-2 {
    min-width: calc(calc(1.66 * 1rem) * 1.66);
    min-width: var(--space-2);
}

.miw-3 {
    min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    min-width: var(--space-3);
}

.miw-4 {
    min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    min-width: var(--space-4);
}

.miw-5 {
    min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    min-width: var(--space-5);
}

.miw-6 {
    min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    min-width: var(--space-6);
}

.mivw-100 {
    min-width: 100vw;
}

.miw-100 {
    min-width: 100%;
}

.miw-bleed {
    min-width: 1280px;
    min-width: var(--bleed-width);
}

@media (min-width: 401px) {
    .xs\:miw-unset,
    .xs\:miw-u {
        min-width: unset;
    }
    .xs\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .xs\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .xs\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .xs\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .xs\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .xs\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .xs\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .xs\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .xs\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .xs\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .xs\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .xs\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .xs\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .xs\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .xs\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .xs\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .xs\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .xs\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .xs\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .xs\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .xs\:miw-5,
    .xs\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .xs\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .xs\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .xs\:mivw-100 {
        min-width: 100vw;
    }
    .xs\:miw-100 {
        min-width: 100%;
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:miw-unset,
    .xs\:miw-u {
        min-width: unset;
    }
    .xs\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .xs\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .xs\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .xs\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .xs\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .xs\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .xs\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .xs\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .xs\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .xs\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .xs\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .xs\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .xs\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .xs\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .xs\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .xs\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .xs\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .xs\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .xs\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .xs\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .xs\:miw-5,
    .xs\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .xs\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .xs\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .xs\:mivw-100 {
        min-width: 100vw;
    }
    .xs\:miw-100 {
        min-width: 100%;
    }
}

@media (min-width: 601px) {
    .sm\:miw-unset,
    .sm\:miw-u {
        min-width: unset;
    }
    .sm\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .sm\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .sm\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .sm\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .sm\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .sm\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .sm\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .sm\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .sm\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .sm\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .sm\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .sm\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .sm\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .sm\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .sm\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .sm\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .sm\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .sm\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .sm\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .sm\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .sm\:miw-5,
    .sm\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .sm\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .sm\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .sm\:mivw-100 {
        min-width: 100vw;
    }
    .sm\:miw-100 {
        min-width: 100%;
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:miw-unset,
    .sm\:miw-u {
        min-width: unset;
    }
    .sm\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .sm\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .sm\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .sm\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .sm\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .sm\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .sm\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .sm\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .sm\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .sm\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .sm\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .sm\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .sm\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .sm\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .sm\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .sm\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .sm\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .sm\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .sm\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .sm\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .sm\:miw-5,
    .sm\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .sm\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .sm\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .sm\:mivw-100 {
        min-width: 100vw;
    }
    .sm\:miw-100 {
        min-width: 100%;
    }
}

@media (min-width: 801px) {
    .rg\:miw-unset,
    .rg\:miw-u {
        min-width: unset;
    }
    .rg\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .rg\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .rg\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .rg\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .rg\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .rg\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .rg\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .rg\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .rg\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .rg\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .rg\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .rg\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .rg\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .rg\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .rg\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .rg\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .rg\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .rg\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .rg\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .rg\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .rg\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .rg\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .rg\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .rg\:mivw-100 {
        min-width: 100vw;
    }
    .rg\:miw-100 {
        min-width: 100%;
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:miw-unset,
    .rg\:miw-u {
        min-width: unset;
    }
    .rg\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .rg\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .rg\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .rg\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .rg\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .rg\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .rg\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .rg\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .rg\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .rg\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .rg\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .rg\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .rg\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .rg\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .rg\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .rg\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .rg\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .rg\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .rg\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .rg\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .rg\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .rg\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .rg\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .rg\:mivw-100 {
        min-width: 100vw;
    }
    .rg\:miw-100 {
        min-width: 100%;
    }
}

@media (min-width: 1025px) {
    .md\:miw-unset,
    .md\:miw-u {
        min-width: unset;
    }
    .md\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .md\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .md\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .md\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .md\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .md\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .md\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .md\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .md\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .md\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .md\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .md\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .md\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .md\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .md\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .md\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .md\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .md\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .md\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .md\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .md\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .md\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .md\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .md\:mivw-100 {
        min-width: 100vw;
    }
    .md\:miw-100 {
        min-width: 100%;
    }
}

@media (--mi-md-breakpoint) {
    .md\:miw-unset,
    .md\:miw-u {
        min-width: unset;
    }
    .md\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .md\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .md\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .md\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .md\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .md\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .md\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .md\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .md\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .md\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .md\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .md\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .md\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .md\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .md\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .md\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .md\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .md\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .md\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .md\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .md\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .md\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .md\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .md\:mivw-100 {
        min-width: 100vw;
    }
    .md\:miw-100 {
        min-width: 100%;
    }
}

@media (min-width: 1281px) {
    .lg\:miw-unset,
    .lg\:miw-u {
        min-width: unset;
    }
    .lg\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .lg\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .lg\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .lg\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .lg\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .lg\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .lg\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .lg\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .lg\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .lg\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .lg\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .lg\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .lg\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .lg\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .lg\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .lg\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .lg\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .lg\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .lg\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .lg\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .lg\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .lg\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .lg\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .lg\:mivw-100 {
        min-width: 100vw;
    }
    .lg\:miw-100 {
        min-width: 100%;
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:miw-unset,
    .lg\:miw-u {
        min-width: unset;
    }
    .lg\:miw-xs {
        min-width: 16rem;
        min-width: var(--xs-width);
    }
    .lg\:miw-xs-breakpoint {
        min-width: 400px;
        min-width: var(--xs-breakpoint);
    }
    .lg\:miw-sm {
        min-width: 26rem;
        min-width: var(--sm-width);
    }
    .lg\:miw-sm-breakpoint {
        min-width: 600px;
        min-width: var(--sm-breakpoint);
    }
    .lg\:miw-rg {
        min-width: 34rem;
        min-width: var(--rg-width);
    }
    .lg\:miw-rg-breakpoint {
        min-width: 800px;
        min-width: var(--rg-breakpoint);
    }
    .lg\:miw-md {
        min-width: 46rem;
        min-width: var(--md-width);
    }
    .lg\:miw-md-breakpoint {
        min-width: 1024px;
        min-width: var(--md-breakpoint);
    }
    .lg\:miw-lg {
        min-width: 58rem;
        min-width: var(--lg-width);
    }
    .lg\:miw-lg-breakpoint {
        min-width: 1280px;
        min-width: var(--lg-breakpoint);
    }
    .lg\:miw-d5 {
        min-width: 1px;
        min-width: var(--space-d5);
    }
    .lg\:miw-d4 {
        min-width: 2px;
        min-width: var(--space-d4);
    }
    .lg\:miw-d3 {
        min-width: 3px;
        min-width: var(--space-d3);
    }
    .lg\:miw-d2 {
        min-width: calc(calc(1rem / 1.66) / 1.66);
        min-width: var(--space-d2);
    }
    .lg\:miw-d1 {
        min-width: calc(1rem / 1.66);
        min-width: var(--space-d1);
    }
    .lg\:miw {
        min-width: 1rem;
        min-width: var(--space);
    }
    .lg\:miw-1 {
        min-width: calc(1.66 * 1rem);
        min-width: var(--space-1);
    }
    .lg\:miw-2 {
        min-width: calc(calc(1.66 * 1rem) * 1.66);
        min-width: var(--space-2);
    }
    .lg\:miw-3 {
        min-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-width: var(--space-3);
    }
    .lg\:miw-4 {
        min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-4);
    }
    .lg\:miw-5 {
        min-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-5);
    }
    .lg\:miw-6 {
        min-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-width: var(--space-6);
    }
    .lg\:miw-bleed {
        min-width: 1280px;
        min-width: var(--bleed-width);
    }
    .lg\:mivw-100 {
        min-width: 100vw;
    }
    .lg\:miw-100 {
        min-width: 100%;
    }
}

.h-unset,
.h-unset {
    height: unset;
}

.h-sm,
.h-sm {
    height: 26rem;
    height: var(--sm-width);
}

.h-rg,
.h-rg {
    height: 34rem;
    height: var(--rg-width);
}

.h-md,
.h-md {
    height: 46rem;
    height: var(--md-width);
}

.h-lg,
.h-lg {
    height: 58rem;
    height: var(--lg-width);
}

.h-d5,
.h-d5 {
    height: 1px;
    height: var(--space-d5);
}

.h-d4,
.h-d4 {
    height: 2px;
    height: var(--space-d4);
}

.h-d3,
.h-d3 {
    height: 3px;
    height: var(--space-d3);
}

.h-d2,
.h-d2 {
    height: calc(calc(1rem / 1.66) / 1.66);
    height: var(--space-d2);
}

.h-d1,
.h-d1 {
    height: calc(1rem / 1.66);
    height: var(--space-d1);
}

.h,
.h {
    height: 1rem;
    height: var(--space);
}

.h-1,
.h-2 {
    height: calc(1.66 * 1rem);
    height: var(--space-1)
}

.h-2,
.h-2 {
    height: calc(calc(1.66 * 1rem) * 1.66);
    height: var(--space-2);
}

.h-3,
.h-3 {
    height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    height: var(--space-3);
}

.h-4,
.h-4 {
    height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    height: var(--space-4);
}

.h-5,
.h-5 {
    height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    height: var(--space-5);
}

.h-6,
.h-6 {
    height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    height: var(--space-6);
}

.h-100 {
    height: 100%;
}

.vh-100 {
    height: 100vh;
}

.vh-90 {
    height: 90vh;
}

.vh-80 {
    height: 80vh;
}

.vh-70 {
    height: 70vh;
}

.vh-60 {
    height: 60vh;
}

.vh-50 {
    height: 50vh;
}

.vh-40 {
    height: 40vh;
}

.vh-30 {
    height: 30vh;
}

.vh-20 {
    height: 20vh;
}

.vh-10 {
    height: 10vh;
}

@media (min-width: 401px) {
    .xs\:h-unset {
        height: unset;
    }
    .xs\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .xs\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .xs\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .xs\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .xs\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .xs\:height {
        height: 1rem;
        height: var(--space);
    }
    .xs\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .xs\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .xs\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .xs\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .xs\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .xs\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .xs\:h-100 {
        height: 100%;
    }
    .xs\:vh-100 {
        height: 100vh;
    }
    .xs\:vh-90 {
        height: 90vh;
    }
    .xs\:vh-80 {
        height: 80vh;
    }
    .xs\:vh-70 {
        height: 70vh;
    }
    .xs\:vh-60 {
        height: 60vh;
    }
    .xs\:vh-50 {
        height: 50vh;
    }
    .xs\:vh-40 {
        height: 40vh;
    }
    .xs\:vh-30 {
        height: 30vh;
    }
    .xs\:vh-20 {
        height: 20vh;
    }
    .xs\:vh-10 {
        height: 10vh;
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:h-unset {
        height: unset;
    }
    .xs\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .xs\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .xs\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .xs\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .xs\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .xs\:height {
        height: 1rem;
        height: var(--space);
    }
    .xs\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .xs\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .xs\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .xs\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .xs\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .xs\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .xs\:h-100 {
        height: 100%;
    }
    .xs\:vh-100 {
        height: 100vh;
    }
    .xs\:vh-90 {
        height: 90vh;
    }
    .xs\:vh-80 {
        height: 80vh;
    }
    .xs\:vh-70 {
        height: 70vh;
    }
    .xs\:vh-60 {
        height: 60vh;
    }
    .xs\:vh-50 {
        height: 50vh;
    }
    .xs\:vh-40 {
        height: 40vh;
    }
    .xs\:vh-30 {
        height: 30vh;
    }
    .xs\:vh-20 {
        height: 20vh;
    }
    .xs\:vh-10 {
        height: 10vh;
    }
}

@media (min-width: 601px) {
    .sm\:h-unset {
        height: unset;
    }
    .sm\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .sm\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .sm\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .sm\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .sm\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .sm\:height {
        height: 1rem;
        height: var(--space);
    }
    .sm\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .sm\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .sm\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .sm\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .sm\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .sm\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .sm\:h-100 {
        height: 100%;
    }
    .sm\:vh-100 {
        height: 100vh;
    }
    .sm\:vh-90 {
        height: 90vh;
    }
    .sm\:vh-80 {
        height: 80vh;
    }
    .sm\:vh-70 {
        height: 70vh;
    }
    .sm\:vh-60 {
        height: 60vh;
    }
    .sm\:vh-50 {
        height: 50vh;
    }
    .sm\:vh-40 {
        height: 40vh;
    }
    .sm\:vh-30 {
        height: 30vh;
    }
    .sm\:vh-20 {
        height: 20vh;
    }
    .sm\:vh-10 {
        height: 10vh;
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:h-unset {
        height: unset;
    }
    .sm\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .sm\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .sm\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .sm\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .sm\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .sm\:height {
        height: 1rem;
        height: var(--space);
    }
    .sm\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .sm\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .sm\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .sm\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .sm\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .sm\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .sm\:h-100 {
        height: 100%;
    }
    .sm\:vh-100 {
        height: 100vh;
    }
    .sm\:vh-90 {
        height: 90vh;
    }
    .sm\:vh-80 {
        height: 80vh;
    }
    .sm\:vh-70 {
        height: 70vh;
    }
    .sm\:vh-60 {
        height: 60vh;
    }
    .sm\:vh-50 {
        height: 50vh;
    }
    .sm\:vh-40 {
        height: 40vh;
    }
    .sm\:vh-30 {
        height: 30vh;
    }
    .sm\:vh-20 {
        height: 20vh;
    }
    .sm\:vh-10 {
        height: 10vh;
    }
}

@media (min-width: 801px) {
    .rg\:h-unset {
        height: unset;
    }
    .rg\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .rg\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .rg\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .rg\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .rg\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .rg\:height {
        height: 1rem;
        height: var(--space);
    }
    .rg\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .rg\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .rg\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .rg\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .rg\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .rg\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .rg\:h-100 {
        height: 100%;
    }
    .rg\:vh-100 {
        height: 100vh;
    }
    .rg\:vh-90 {
        height: 90vh;
    }
    .rg\:vh-80 {
        height: 80vh;
    }
    .rg\:vh-70 {
        height: 70vh;
    }
    .rg\:vh-60 {
        height: 60vh;
    }
    .rg\:vh-50 {
        height: 50vh;
    }
    .rg\:vh-40 {
        height: 40vh;
    }
    .rg\:vh-30 {
        height: 30vh;
    }
    .rg\:vh-20 {
        height: 20vh;
    }
    .rg\:vh-10 {
        height: 10vh;
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:h-unset {
        height: unset;
    }
    .rg\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .rg\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .rg\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .rg\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .rg\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .rg\:height {
        height: 1rem;
        height: var(--space);
    }
    .rg\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .rg\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .rg\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .rg\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .rg\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .rg\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .rg\:h-100 {
        height: 100%;
    }
    .rg\:vh-100 {
        height: 100vh;
    }
    .rg\:vh-90 {
        height: 90vh;
    }
    .rg\:vh-80 {
        height: 80vh;
    }
    .rg\:vh-70 {
        height: 70vh;
    }
    .rg\:vh-60 {
        height: 60vh;
    }
    .rg\:vh-50 {
        height: 50vh;
    }
    .rg\:vh-40 {
        height: 40vh;
    }
    .rg\:vh-30 {
        height: 30vh;
    }
    .rg\:vh-20 {
        height: 20vh;
    }
    .rg\:vh-10 {
        height: 10vh;
    }
}

@media (min-width: 1025px) {
    .md\:h-unset {
        height: unset;
    }
    .md\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .md\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .md\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .md\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .md\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .md\:height {
        height: 1rem;
        height: var(--space);
    }
    .md\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .md\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .md\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .md\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .md\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .md\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .md\:h-100 {
        height: 100%;
    }
    .md\:vh-100 {
        height: 100vh;
    }
    .md\:vh-90 {
        height: 90vh;
    }
    .md\:vh-80 {
        height: 80vh;
    }
    .md\:vh-70 {
        height: 70vh;
    }
    .md\:vh-60 {
        height: 60vh;
    }
    .md\:vh-50 {
        height: 50vh;
    }
    .md\:vh-40 {
        height: 40vh;
    }
    .md\:vh-30 {
        height: 30vh;
    }
    .md\:vh-20 {
        height: 20vh;
    }
    .md\:vh-10 {
        height: 10vh;
    }
}

@media (--mi-md-breakpoint) {
    .md\:h-unset {
        height: unset;
    }
    .md\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .md\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .md\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .md\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .md\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .md\:height {
        height: 1rem;
        height: var(--space);
    }
    .md\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .md\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .md\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .md\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .md\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .md\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .md\:h-100 {
        height: 100%;
    }
    .md\:vh-100 {
        height: 100vh;
    }
    .md\:vh-90 {
        height: 90vh;
    }
    .md\:vh-80 {
        height: 80vh;
    }
    .md\:vh-70 {
        height: 70vh;
    }
    .md\:vh-60 {
        height: 60vh;
    }
    .md\:vh-50 {
        height: 50vh;
    }
    .md\:vh-40 {
        height: 40vh;
    }
    .md\:vh-30 {
        height: 30vh;
    }
    .md\:vh-20 {
        height: 20vh;
    }
    .md\:vh-10 {
        height: 10vh;
    }
}

@media (min-width: 1281px) {
    .lg\:h-unset {
        height: unset;
    }
    .lg\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .lg\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .lg\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .lg\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .lg\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .lg\:height {
        height: 1rem;
        height: var(--space);
    }
    .lg\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .lg\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .lg\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .lg\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .lg\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .lg\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .lg\:h-100 {
        height: 100%;
    }
    .lg\:vh-100 {
        height: 100vh;
    }
    .lg\:vh-90 {
        height: 90vh;
    }
    .lg\:vh-80 {
        height: 80vh;
    }
    .lg\:vh-70 {
        height: 70vh;
    }
    .lg\:vh-60 {
        height: 60vh;
    }
    .lg\:vh-50 {
        height: 50vh;
    }
    .lg\:vh-40 {
        height: 40vh;
    }
    .lg\:vh-30 {
        height: 30vh;
    }
    .lg\:vh-20 {
        height: 20vh;
    }
    .lg\:vh-10 {
        height: 10vh;
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:h-unset {
        height: unset;
    }
    .lg\:h-d5 {
        height: 1px;
        height: var(--space-d5);
    }
    .lg\:h-d4 {
        height: 2px;
        height: var(--space-d4);
    }
    .lg\:h-d3 {
        height: 3px;
        height: var(--space-d3);
    }
    .lg\:h-d2 {
        height: calc(calc(1rem / 1.66) / 1.66);
        height: var(--space-d2);
    }
    .lg\:h-d1 {
        height: calc(1rem / 1.66);
        height: var(--space-d1);
    }
    .lg\:height {
        height: 1rem;
        height: var(--space);
    }
    .lg\:h-1 {
        height: calc(1.66 * 1rem);
        height: var(--space-1)
    }
    .lg\:h-2 {
        height: calc(calc(1.66 * 1rem) * 1.66);
        height: var(--space-2);
    }
    .lg\:h-3 {
        height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        height: var(--space-3);
    }
    .lg\:h-4 {
        height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        height: var(--space-4);
    }
    .lg\:h-5 {
        height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-5);
    }
    .lg\:h-6 {
        height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        height: var(--space-6);
    }
    .lg\:h-100 {
        height: 100%;
    }
    .lg\:vh-100 {
        height: 100vh;
    }
    .lg\:vh-90 {
        height: 90vh;
    }
    .lg\:vh-80 {
        height: 80vh;
    }
    .lg\:vh-70 {
        height: 70vh;
    }
    .lg\:vh-60 {
        height: 60vh;
    }
    .lg\:vh-50 {
        height: 50vh;
    }
    .lg\:vh-40 {
        height: 40vh;
    }
    .lg\:vh-30 {
        height: 30vh;
    }
    .lg\:vh-20 {
        height: 20vh;
    }
    .lg\:vh-10 {
        height: 10vh;
    }
}

.mxh-unset,
.mxh-u {
    max-height: unset;
}

.mxh-100,
.mxh-100 {
    max-height: 100%;
}

.mxh-sm,
.mxh-sm {
    max-height: 26rem;
    max-height: var(--sm-width);
}

.mxh-rg,
.mxh-rg {
    max-height: 34rem;
    max-height: var(--rg-width);
}

.mxh-md,
.mxh-md {
    max-height: 46rem;
    max-height: var(--md-width);
}

.mxh-lg,
.mxh-lg {
    max-height: 58rem;
    max-height: var(--lg-width);
}

.mxh-d5,
.mxh-d5 {
    max-height: 1px;
    max-height: var(--space-d5);
}

.mxh-d4,
.mxh-d4 {
    max-height: 2px;
    max-height: var(--space-d4);
}

.mxh-d3,
.mxh-d3 {
    max-height: 3px;
    max-height: var(--space-d3);
}

.mxh-d2,
.mxh-d2 {
    max-height: calc(calc(1rem / 1.66) / 1.66);
    max-height: var(--space-d2);
}

.mxh-d1,
.mxh-d1 {
    max-height: calc(1rem / 1.66);
    max-height: var(--space-d1);
}

.max-height,
.mxh {
    max-height: 1rem;
    max-height: var(--space);
}

.mxh-1,
.mxh-1 {
    max-height: calc(1.66 * 1rem);
    max-height: var(--space-1)
}

.mxh-2,
.mxh-2 {
    max-height: calc(calc(1.66 * 1rem) * 1.66);
    max-height: var(--space-2);
}

.mxh-3,
.mxh-3 {
    max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    max-height: var(--space-3);
}

.mxh-4,
.mxh-4 {
    max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    max-height: var(--space-4);
}

.mxh-5,
.mxh-5 {
    max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    max-height: var(--space-5);
}

.mxh-6,
.mxh-6 {
    max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    max-height: var(--space-6);
}

.max-vh-100,
.mxvh-100 {
    max-height: 100vh;
}

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

@media (min-width: 401px) {
    .xs\:mxh-unset,
    .xs\:mxh-u {
        max-height: unset;
    }
    .xs\:mxh-d5,
    .xs\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .xs\:mxh-d4,
    .xs\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .xs\:mxh-d3,
    .xs\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .xs\:mxh-d2,
    .xs\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .xs\:mxh-d1,
    .xs\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .xs\:max-height,
    .xs\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .xs\:mxh-1,
    .xs\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .xs\:mxh-2,
    .xs\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .xs\:mxh-3,
    .xs\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .xs\:mxh-4,
    .xs\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .xs\:mxh-5,
    .xs\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .xs\:mxh-6,
    .xs\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .xs\:max-vh-100,
    .xs\:mxvh-100 {
        max-height: 100vh;
    }
    .xs\:mxw-100 {
        max-height: 100%;
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:mxh-unset,
    .xs\:mxh-u {
        max-height: unset;
    }
    .xs\:mxh-d5,
    .xs\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .xs\:mxh-d4,
    .xs\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .xs\:mxh-d3,
    .xs\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .xs\:mxh-d2,
    .xs\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .xs\:mxh-d1,
    .xs\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .xs\:max-height,
    .xs\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .xs\:mxh-1,
    .xs\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .xs\:mxh-2,
    .xs\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .xs\:mxh-3,
    .xs\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .xs\:mxh-4,
    .xs\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .xs\:mxh-5,
    .xs\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .xs\:mxh-6,
    .xs\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .xs\:max-vh-100,
    .xs\:mxvh-100 {
        max-height: 100vh;
    }
    .xs\:mxw-100 {
        max-height: 100%;
    }
}

@media (min-width: 601px) {
    .sm\:mxh-unset,
    .sm\:mxh-u {
        max-height: unset;
    }
    .sm\:mxh-d5,
    .sm\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .sm\:mxh-d4,
    .sm\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .sm\:mxh-d3,
    .sm\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .sm\:mxh-d2,
    .sm\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .sm\:mxh-d1,
    .sm\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .sm\:max-height,
    .sm\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .sm\:mxh-1,
    .sm\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .sm\:mxh-2,
    .sm\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .sm\:mxh-3,
    .sm\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .sm\:mxh-4,
    .sm\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .sm\:mxh-5,
    .sm\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .sm\:mxh-6,
    .sm\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .sm\:max-vh-100,
    .sm\:mxvh-100 {
        max-height: 100vh;
    }
    .sm\:mxw-100 {
        max-height: 100%;
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:mxh-unset,
    .sm\:mxh-u {
        max-height: unset;
    }
    .sm\:mxh-d5,
    .sm\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .sm\:mxh-d4,
    .sm\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .sm\:mxh-d3,
    .sm\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .sm\:mxh-d2,
    .sm\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .sm\:mxh-d1,
    .sm\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .sm\:max-height,
    .sm\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .sm\:mxh-1,
    .sm\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .sm\:mxh-2,
    .sm\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .sm\:mxh-3,
    .sm\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .sm\:mxh-4,
    .sm\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .sm\:mxh-5,
    .sm\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .sm\:mxh-6,
    .sm\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .sm\:max-vh-100,
    .sm\:mxvh-100 {
        max-height: 100vh;
    }
    .sm\:mxw-100 {
        max-height: 100%;
    }
}

@media (min-width: 801px) {
    .rg\:mxh-unset,
    .rg\:mxh-u {
        max-height: unset;
    }
    .rg\:mxh-d5,
    .rg\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .rg\:mxh-d4,
    .rg\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .rg\:mxh-d3,
    .rg\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .rg\:mxh-d2,
    .rg\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .rg\:mxh-d1,
    .rg\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .rg\:max-height,
    .rg\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .rg\:mxh-1,
    .rg\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .rg\:mxh-2,
    .rg\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .rg\:mxh-3,
    .rg\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .rg\:mxh-4,
    .rg\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .rg\:mxh-5,
    .rg\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .rg\:mxh-6,
    .rg\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .rg\:max-vh-100,
    .rg\:mxvh-100 {
        max-height: 100vh;
    }
    .rg\:mxw-100 {
        max-height: 100%;
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:mxh-unset,
    .rg\:mxh-u {
        max-height: unset;
    }
    .rg\:mxh-d5,
    .rg\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .rg\:mxh-d4,
    .rg\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .rg\:mxh-d3,
    .rg\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .rg\:mxh-d2,
    .rg\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .rg\:mxh-d1,
    .rg\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .rg\:max-height,
    .rg\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .rg\:mxh-1,
    .rg\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .rg\:mxh-2,
    .rg\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .rg\:mxh-3,
    .rg\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .rg\:mxh-4,
    .rg\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .rg\:mxh-5,
    .rg\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .rg\:mxh-6,
    .rg\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .rg\:max-vh-100,
    .rg\:mxvh-100 {
        max-height: 100vh;
    }
    .rg\:mxw-100 {
        max-height: 100%;
    }
}

@media (min-width: 1025px) {
    .md\:mxh-unset,
    .md\:mxh-u {
        max-height: unset;
    }
    .md\:mxh-d5,
    .md\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .md\:mxh-d4,
    .md\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .md\:mxh-d3,
    .md\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .md\:mxh-d2,
    .md\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .md\:mxh-d1,
    .md\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .md\:max-height,
    .md\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .md\:mxh-1,
    .md\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .md\:mxh-2,
    .md\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .md\:mxh-3,
    .md\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .md\:mxh-4,
    .md\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .md\:mxh-5,
    .md\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .md\:mxh-6,
    .md\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .md\:max-vh-100,
    .md\:mxvh-100 {
        max-height: 100vh;
    }
    .md\:mxw-100 {
        max-height: 100%;
    }
}

@media (--mi-md-breakpoint) {
    .md\:mxh-unset,
    .md\:mxh-u {
        max-height: unset;
    }
    .md\:mxh-d5,
    .md\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .md\:mxh-d4,
    .md\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .md\:mxh-d3,
    .md\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .md\:mxh-d2,
    .md\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .md\:mxh-d1,
    .md\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .md\:max-height,
    .md\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .md\:mxh-1,
    .md\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .md\:mxh-2,
    .md\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .md\:mxh-3,
    .md\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .md\:mxh-4,
    .md\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .md\:mxh-5,
    .md\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .md\:mxh-6,
    .md\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .md\:max-vh-100,
    .md\:mxvh-100 {
        max-height: 100vh;
    }
    .md\:mxw-100 {
        max-height: 100%;
    }
}

@media (min-width: 1281px) {
    .lg\:mxh-unset,
    .lg\:mxh-u {
        max-height: unset;
    }
    .lg\:mxh-d5,
    .lg\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .lg\:mxh-d4,
    .lg\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .lg\:mxh-d3,
    .lg\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .lg\:mxh-d2,
    .lg\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .lg\:mxh-d1,
    .lg\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .lg\:max-height,
    .lg\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .lg\:mxh-1,
    .lg\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .lg\:mxh-2,
    .lg\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .lg\:mxh-3,
    .lg\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .lg\:mxh-4,
    .lg\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .lg\:mxh-5,
    .lg\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .lg\:mxh-6,
    .lg\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .lg\:max-vh-100,
    .lg\:mxvh-100 {
        max-height: 100vh;
    }
    .lg\:mxw-100 {
        max-height: 100%;
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:mxh-unset,
    .lg\:mxh-u {
        max-height: unset;
    }
    .lg\:mxh-d5,
    .lg\:mxh-d5 {
        max-height: 1px;
        max-height: var(--space-d5);
    }
    .lg\:mxh-d4,
    .lg\:mxh-d4 {
        max-height: 2px;
        max-height: var(--space-d4);
    }
    .lg\:mxh-d3,
    .lg\:mxh-d3 {
        max-height: 3px;
        max-height: var(--space-d3);
    }
    .lg\:mxh-d2,
    .lg\:mxh-d2 {
        max-height: calc(calc(1rem / 1.66) / 1.66);
        max-height: var(--space-d2);
    }
    .lg\:mxh-d1,
    .lg\:mxh-d1 {
        max-height: calc(1rem / 1.66);
        max-height: var(--space-d1);
    }
    .lg\:max-height,
    .lg\:mxh {
        max-height: 1rem;
        max-height: var(--space);
    }
    .lg\:mxh-1,
    .lg\:mxh-1 {
        max-height: calc(1.66 * 1rem);
        max-height: var(--space-1)
    }
    .lg\:mxh-2,
    .lg\:mxh-2 {
        max-height: calc(calc(1.66 * 1rem) * 1.66);
        max-height: var(--space-2);
    }
    .lg\:mxh-3,
    .lg\:mxh-3 {
        max-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        max-height: var(--space-3);
    }
    .lg\:mxh-4,
    .lg\:mxh-4 {
        max-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-4);
    }
    .lg\:mxh-5,
    .lg\:mxh-5 {
        max-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-5);
    }
    .lg\:mxh-6,
    .lg\:mxh-6 {
        max-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        max-height: var(--space-6);
    }
    .lg\:max-vh-100,
    .lg\:mxvh-100 {
        max-height: 100vh;
    }
    .lg\:mxw-100 {
        max-height: 100%;
    }
}

.mih-unset,
.mih-u {
    min-height: unset;
}

.mih-sm,
.mih-sm {
    min-height: 26rem;
    min-height: var(--sm-width);
}

.mih-rg,
.mih-rg {
    min-height: 34rem;
    min-height: var(--rg-width);
}

.mih-md,
.mih-md {
    min-height: 46rem;
    min-height: var(--md-width);
}

.mih-lg,
.mih-lg {
    min-height: 58rem;
    min-height: var(--lg-width);
}

.mih-d5,
.mih-d5 {
    min-height: 1px;
    min-height: var(--space-d5);
}

.mih-d4,
.mih-d4 {
    min-height: 2px;
    min-height: var(--space-d4);
}

.mih-d3,
.mih-d3 {
    min-height: 3px;
    min-height: var(--space-d3);
}

.mih-d2,
.mih-d2 {
    min-height: calc(calc(1rem / 1.66) / 1.66);
    min-height: var(--space-d2);
}

.mih-d1,
.mih-d1 {
    min-height: calc(1rem / 1.66);
    min-height: var(--space-d1);
}

.min-height,
.mih {
    min-height: 1rem;
    min-height: var(--space);
}

.mih-1,
.mih-1 {
    min-height: calc(1.66 * 1rem);
    min-height: var(--space-1)
}

.mih-2,
.mih-2 {
    min-height: calc(calc(1.66 * 1rem) * 1.66);
    min-height: var(--space-2);
}

.mih-3,
.mih-3 {
    min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    min-height: var(--space-3);
}

.mih-4,
.mih-4 {
    min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    min-height: var(--space-4);
}

.mih-5,
.mih-5 {
    min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    min-height: var(--space-5);
}

.mih-6,
.mih-6 {
    min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    min-height: var(--space-6);
}

.min-vh-100,
.mivh-100 {
    min-height: 100vh;
}

.mih-100 {
    min-height: 100%;
}

@media (min-width: 401px) {
    .xs\:mih-unset,
    .xs\:mih-u {
        min-height: unset;
    }
    .xs\:mih-d5,
    .xs\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .xs\:mih-d4,
    .xs\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .xs\:mih-d3,
    .xs\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .xs\:mih-d2,
    .xs\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .xs\:mih-d1,
    .xs\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .xs\:min-height,
    .xs\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .xs\:mih-1,
    .xs\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .xs\:mih-2,
    .xs\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .xs\:mih-3,
    .xs\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .xs\:mih-4,
    .xs\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .xs\:mih-5,
    .xs\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .xs\:mih-6,
    .xs\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .xs\:min-vh-100,
    .xs\:mivh-100 {
        min-height: 100vh;
    }
    .xs\:mih-100 {
        min-height: 100%;
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:mih-unset,
    .xs\:mih-u {
        min-height: unset;
    }
    .xs\:mih-d5,
    .xs\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .xs\:mih-d4,
    .xs\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .xs\:mih-d3,
    .xs\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .xs\:mih-d2,
    .xs\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .xs\:mih-d1,
    .xs\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .xs\:min-height,
    .xs\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .xs\:mih-1,
    .xs\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .xs\:mih-2,
    .xs\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .xs\:mih-3,
    .xs\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .xs\:mih-4,
    .xs\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .xs\:mih-5,
    .xs\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .xs\:mih-6,
    .xs\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .xs\:min-vh-100,
    .xs\:mivh-100 {
        min-height: 100vh;
    }
    .xs\:mih-100 {
        min-height: 100%;
    }
}

@media (min-width: 601px) {
    .sm\:mih-unset,
    .sm\:mih-u {
        min-height: unset;
    }
    .sm\:mih-d5,
    .sm\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .sm\:mih-d4,
    .sm\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .sm\:mih-d3,
    .sm\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .sm\:mih-d2,
    .sm\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .sm\:mih-d1,
    .sm\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .sm\:min-height,
    .sm\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .sm\:mih-1,
    .sm\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .sm\:mih-2,
    .sm\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .sm\:mih-3,
    .sm\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .sm\:mih-4,
    .sm\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .sm\:mih-5,
    .sm\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .sm\:mih-6,
    .sm\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .sm\:min-vh-100,
    .sm\:mivh-100 {
        min-height: 100vh;
    }
    .sm\:mih-100 {
        min-height: 100%;
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:mih-unset,
    .sm\:mih-u {
        min-height: unset;
    }
    .sm\:mih-d5,
    .sm\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .sm\:mih-d4,
    .sm\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .sm\:mih-d3,
    .sm\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .sm\:mih-d2,
    .sm\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .sm\:mih-d1,
    .sm\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .sm\:min-height,
    .sm\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .sm\:mih-1,
    .sm\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .sm\:mih-2,
    .sm\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .sm\:mih-3,
    .sm\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .sm\:mih-4,
    .sm\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .sm\:mih-5,
    .sm\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .sm\:mih-6,
    .sm\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .sm\:min-vh-100,
    .sm\:mivh-100 {
        min-height: 100vh;
    }
    .sm\:mih-100 {
        min-height: 100%;
    }
}

@media (min-width: 801px) {
    .rg\:mih-unset,
    .rg\:mih-u {
        min-height: unset;
    }
    .rg\:mih-d5,
    .rg\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .rg\:mih-d4,
    .rg\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .rg\:mih-d3,
    .rg\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .rg\:mih-d2,
    .rg\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .rg\:mih-d1,
    .rg\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .rg\:min-height,
    .rg\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .rg\:mih-1,
    .rg\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .rg\:mih-2,
    .rg\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .rg\:mih-3,
    .rg\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .rg\:mih-4,
    .rg\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .rg\:mih-5,
    .rg\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .rg\:mih-6,
    .rg\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .rg\:min-vh-100,
    .rg\:mivh-100 {
        min-height: 100vh;
    }
    .rg\:mih-100 {
        min-height: 100%;
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:mih-unset,
    .rg\:mih-u {
        min-height: unset;
    }
    .rg\:mih-d5,
    .rg\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .rg\:mih-d4,
    .rg\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .rg\:mih-d3,
    .rg\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .rg\:mih-d2,
    .rg\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .rg\:mih-d1,
    .rg\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .rg\:min-height,
    .rg\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .rg\:mih-1,
    .rg\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .rg\:mih-2,
    .rg\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .rg\:mih-3,
    .rg\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .rg\:mih-4,
    .rg\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .rg\:mih-5,
    .rg\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .rg\:mih-6,
    .rg\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .rg\:min-vh-100,
    .rg\:mivh-100 {
        min-height: 100vh;
    }
    .rg\:mih-100 {
        min-height: 100%;
    }
}

@media (min-width: 1025px) {
    .md\:mih-unset,
    .md\:mih-u {
        min-height: unset;
    }
    .md\:mih-d5,
    .md\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .md\:mih-d4,
    .md\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .md\:mih-d3,
    .md\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .md\:mih-d2,
    .md\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .md\:mih-d1,
    .md\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .md\:min-height,
    .md\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .md\:mih-1,
    .md\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .md\:mih-2,
    .md\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .md\:mih-3,
    .md\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .md\:mih-4,
    .md\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .md\:mih-5,
    .md\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .md\:mih-6,
    .md\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .md\:min-vh-100,
    .md\:mivh-100 {
        min-height: 100vh;
    }
    .md\:mih-100 {
        min-height: 100%;
    }
}

@media (--mi-md-breakpoint) {
    .md\:mih-unset,
    .md\:mih-u {
        min-height: unset;
    }
    .md\:mih-d5,
    .md\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .md\:mih-d4,
    .md\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .md\:mih-d3,
    .md\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .md\:mih-d2,
    .md\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .md\:mih-d1,
    .md\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .md\:min-height,
    .md\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .md\:mih-1,
    .md\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .md\:mih-2,
    .md\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .md\:mih-3,
    .md\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .md\:mih-4,
    .md\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .md\:mih-5,
    .md\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .md\:mih-6,
    .md\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .md\:min-vh-100,
    .md\:mivh-100 {
        min-height: 100vh;
    }
    .md\:mih-100 {
        min-height: 100%;
    }
}

@media (min-width: 1281px) {
    .lg\:mih-unset,
    .lg\:mih-u {
        min-height: unset;
    }
    .lg\:mih-d5,
    .lg\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .lg\:mih-d4,
    .lg\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .lg\:mih-d3,
    .lg\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .lg\:mih-d2,
    .lg\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .lg\:mih-d1,
    .lg\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .lg\:min-height,
    .lg\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .lg\:mih-1,
    .lg\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .lg\:mih-2,
    .lg\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .lg\:mih-3,
    .lg\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .lg\:mih-4,
    .lg\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .lg\:mih-5,
    .lg\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .lg\:mih-6,
    .lg\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .lg\:min-vh-100,
    .lg\:mivh-100 {
        min-height: 100vh;
    }
    .lg\:mih-100 {
        min-height: 100%;
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:mih-unset,
    .lg\:mih-u {
        min-height: unset;
    }
    .lg\:mih-d5,
    .lg\:mih-d5 {
        min-height: 1px;
        min-height: var(--space-d5);
    }
    .lg\:mih-d4,
    .lg\:mih-d4 {
        min-height: 2px;
        min-height: var(--space-d4);
    }
    .lg\:mih-d3,
    .lg\:mih-d3 {
        min-height: 3px;
        min-height: var(--space-d3);
    }
    .lg\:mih-d2,
    .lg\:mih-d2 {
        min-height: calc(calc(1rem / 1.66) / 1.66);
        min-height: var(--space-d2);
    }
    .lg\:mih-d1,
    .lg\:mih-d1 {
        min-height: calc(1rem / 1.66);
        min-height: var(--space-d1);
    }
    .lg\:min-height,
    .lg\:mih {
        min-height: 1rem;
        min-height: var(--space);
    }
    .lg\:mih-1,
    .lg\:mih-1 {
        min-height: calc(1.66 * 1rem);
        min-height: var(--space-1)
    }
    .lg\:mih-2,
    .lg\:mih-2 {
        min-height: calc(calc(1.66 * 1rem) * 1.66);
        min-height: var(--space-2);
    }
    .lg\:mih-3,
    .lg\:mih-3 {
        min-height: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        min-height: var(--space-3);
    }
    .lg\:mih-4,
    .lg\:mih-4 {
        min-height: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-4);
    }
    .lg\:mih-5,
    .lg\:mih-5 {
        min-height: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-5);
    }
    .lg\:mih-6,
    .lg\:mih-6 {
        min-height: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        min-height: var(--space-6);
    }
    .lg\:min-vh-100,
    .lg\:mivh-100 {
        min-height: 100vh;
    }
    .lg\:mih-100 {
        min-height: 100%;
    }
}

.hide {
    display: none !important;
}

@media (min-width: 401px) {
    .xs\:hide {
        display: none !important;
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:hide {
        display: none !important;
    }
}

@media (min-width: 601px) {
    .sm\:hide {
        display: none !important;
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:hide {
        display: none !important;
    }
}

@media (min-width: 801px) {
    .rg\:hide {
        display: none !important;
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:hide {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .md\:hide {
        display: none !important;
    }
}

@media (--mi-md-breakpoint) {
    .md\:hide {
        display: none !important;
    }
}

@media (min-width: 1281px) {
    .lg\:hide {
        display: none !important;
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:hide {
        display: none !important;
    }
}

@media (max-width: 400px) {
    .below-xs\:hide {
        display: none !important;
    }
}

@media (--mx-xs-breakpoint) {
    .below-xs\:hide {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .below-sm\:hide {
        display: none !important;
    }
}

@media (--mx-sm-breakpoint) {
    .below-sm\:hide {
        display: none !important;
    }
}

@media (max-width: 800px) {
    .below-rg\:hide {
        display: none !important;
    }
}

@media (--mx-rg-breakpoint) {
    .below-rg\:hide {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .below-md\:hide {
        display: none !important;
    }
}

@media (--mx-md-breakpoint) {
    .below-md\:hide {
        display: none !important;
    }
}

@media (max-width: 1280px) {
    .below-lg\:hide {
        display: none !important;
    }
}

@media (--mx-lg-breakpoint) {
    .below-lg\:hide {
        display: none !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.justify-space-evenly {
    justify-content: space-evenly
}

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

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

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

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

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

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

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

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

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

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

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

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

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-d1 {
    order: -1;
}

.order-d2 {
    order: -2;
}

.order-d3 {
    order: -3;
}

.order-d4 {
    order: -4;
}

.order-d5 {
    order: -5;
}

.order-d6 {
    order: -6;
}

.order-d7 {
    order: -7;
}

.order-d8 {
    order: -8;
}

.order-d9 {
    order: -9;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 401px) {
    .xs\:flex,
    .xs\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .xs\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .xs\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .xs\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .xs\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .xs\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .xs\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .xs\:justify-start {
        justify-content: start;
    }
    .xs\:justify-end {
        justify-content: end;
    }
    .xs\:justify-center {
        justify-content: center;
    }
    .xs\:justify-space-between {
        justify-content: space-between;
    }
    .xs\:justify-space-around {
        justify-content: space-around;
    }
    .xs\:justify-space-evenly {
        justify-content: space-evenly
    }
    .xs\:align-auto {
        align-items: auto;
    }
    .xs\:align-start {
        align-items: start;
    }
    .xs\:align-end {
        align-items: end;
    }
    .xs\:align-center {
        align-items: center;
    }
    .xs\:align-stretch {
        align-items: stretch;
    }
    .xs\:align-baseline {
        align-items: baseline;
    }
    .xs\:align-self-auto {
        align-self: auto;
    }
    .xs\:align-self-start {
        align-self: start;
    }
    .xs\:align-self-end {
        align-self: end;
    }
    .xs\:align-self-center {
        align-self: center;
    }
    .xs\:align-self-stretch {
        align-self: stretch;
    }
    .xs\:align-self-baseline {
        align-self: baseline;
    }
    .xs\:order-0 {
        order: 0;
    }
    .xs\:order-1 {
        order: 1;
    }
    .xs\:order-2 {
        order: 2;
    }
    .xs\:order-3 {
        order: 3;
    }
    .xs\:order-4 {
        order: 4;
    }
    .xs\:order-5 {
        order: 5;
    }
    .xs\:order-6 {
        order: 6;
    }
    .xs\:order-7 {
        order: 7;
    }
    .xs\:order-8 {
        order: 8;
    }
    .xs\:order-9 {
        order: 9;
    }
    .xs\:order-d1 {
        order: -1;
    }
    .xs\:order-d2 {
        order: -2;
    }
    .xs\:order-d3 {
        order: -3;
    }
    .xs\:order-d4 {
        order: -4;
    }
    .xs\:order-d5 {
        order: -5;
    }
    .xs\:order-d6 {
        order: -6;
    }
    .xs\:order-d7 {
        order: -7;
    }
    .xs\:order-d8 {
        order: -8;
    }
    .xs\:order-d9 {
        order: -9;
    }
    .xs\:flex-grow-0 {
        flex-grow: 0;
    }
    .xs\:flex-grow-1 {
        flex-grow: 1;
    }
    .xs\:flex-grow-2 {
        flex-grow: 2;
    }
    .xs\:flex-grow-3 {
        flex-grow: 3;
    }
    .xs\:flex-grow-4 {
        flex-grow: 4;
    }
    .xs\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .xs\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .xs\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .xs\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .xs\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:flex,
    .xs\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .xs\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .xs\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .xs\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .xs\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .xs\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .xs\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .xs\:justify-start {
        justify-content: start;
    }
    .xs\:justify-end {
        justify-content: end;
    }
    .xs\:justify-center {
        justify-content: center;
    }
    .xs\:justify-space-between {
        justify-content: space-between;
    }
    .xs\:justify-space-around {
        justify-content: space-around;
    }
    .xs\:justify-space-evenly {
        justify-content: space-evenly
    }
    .xs\:align-auto {
        align-items: auto;
    }
    .xs\:align-start {
        align-items: start;
    }
    .xs\:align-end {
        align-items: end;
    }
    .xs\:align-center {
        align-items: center;
    }
    .xs\:align-stretch {
        align-items: stretch;
    }
    .xs\:align-baseline {
        align-items: baseline;
    }
    .xs\:align-self-auto {
        align-self: auto;
    }
    .xs\:align-self-start {
        align-self: start;
    }
    .xs\:align-self-end {
        align-self: end;
    }
    .xs\:align-self-center {
        align-self: center;
    }
    .xs\:align-self-stretch {
        align-self: stretch;
    }
    .xs\:align-self-baseline {
        align-self: baseline;
    }
    .xs\:order-0 {
        order: 0;
    }
    .xs\:order-1 {
        order: 1;
    }
    .xs\:order-2 {
        order: 2;
    }
    .xs\:order-3 {
        order: 3;
    }
    .xs\:order-4 {
        order: 4;
    }
    .xs\:order-5 {
        order: 5;
    }
    .xs\:order-6 {
        order: 6;
    }
    .xs\:order-7 {
        order: 7;
    }
    .xs\:order-8 {
        order: 8;
    }
    .xs\:order-9 {
        order: 9;
    }
    .xs\:order-d1 {
        order: -1;
    }
    .xs\:order-d2 {
        order: -2;
    }
    .xs\:order-d3 {
        order: -3;
    }
    .xs\:order-d4 {
        order: -4;
    }
    .xs\:order-d5 {
        order: -5;
    }
    .xs\:order-d6 {
        order: -6;
    }
    .xs\:order-d7 {
        order: -7;
    }
    .xs\:order-d8 {
        order: -8;
    }
    .xs\:order-d9 {
        order: -9;
    }
    .xs\:flex-grow-0 {
        flex-grow: 0;
    }
    .xs\:flex-grow-1 {
        flex-grow: 1;
    }
    .xs\:flex-grow-2 {
        flex-grow: 2;
    }
    .xs\:flex-grow-3 {
        flex-grow: 3;
    }
    .xs\:flex-grow-4 {
        flex-grow: 4;
    }
    .xs\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .xs\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .xs\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .xs\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .xs\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (min-width: 601px) {
    .sm\:flex,
    .sm\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .sm\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .sm\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .sm\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .sm\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .sm\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .sm\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .sm\:justify-start {
        justify-content: start;
    }
    .sm\:justify-end {
        justify-content: end;
    }
    .sm\:justify-center {
        justify-content: center;
    }
    .sm\:justify-space-between {
        justify-content: space-between;
    }
    .sm\:justify-space-around {
        justify-content: space-around;
    }
    .sm\:justify-space-evenly {
        justify-content: space-evenly
    }
    .sm\:align-auto {
        align-items: auto;
    }
    .sm\:align-start {
        align-items: start;
    }
    .sm\:align-end {
        align-items: end;
    }
    .sm\:align-center {
        align-items: center;
    }
    .sm\:align-stretch {
        align-items: stretch;
    }
    .sm\:align-baseline {
        align-items: baseline;
    }
    .sm\:align-self-auto {
        align-self: auto;
    }
    .sm\:align-self-start {
        align-self: start;
    }
    .sm\:align-self-end {
        align-self: end;
    }
    .sm\:align-self-center {
        align-self: center;
    }
    .sm\:align-self-stretch {
        align-self: stretch;
    }
    .sm\:align-self-baseline {
        align-self: baseline;
    }
    .sm\:order-0 {
        order: 0;
    }
    .sm\:order-1 {
        order: 1;
    }
    .sm\:order-2 {
        order: 2;
    }
    .sm\:order-3 {
        order: 3;
    }
    .sm\:order-4 {
        order: 4;
    }
    .sm\:order-5 {
        order: 5;
    }
    .sm\:order-6 {
        order: 6;
    }
    .sm\:order-7 {
        order: 7;
    }
    .sm\:order-8 {
        order: 8;
    }
    .sm\:order-9 {
        order: 9;
    }
    .sm\:order-d1 {
        order: -1;
    }
    .sm\:order-d2 {
        order: -2;
    }
    .sm\:order-d3 {
        order: -3;
    }
    .sm\:order-d4 {
        order: -4;
    }
    .sm\:order-d5 {
        order: -5;
    }
    .sm\:order-d6 {
        order: -6;
    }
    .sm\:order-d7 {
        order: -7;
    }
    .sm\:order-d8 {
        order: -8;
    }
    .sm\:order-d9 {
        order: -9;
    }
    .sm\:flex-grow-0 {
        flex-grow: 0;
    }
    .sm\:flex-grow-1 {
        flex-grow: 1;
    }
    .sm\:flex-grow-2 {
        flex-grow: 2;
    }
    .sm\:flex-grow-3 {
        flex-grow: 3;
    }
    .sm\:flex-grow-4 {
        flex-grow: 4;
    }
    .sm\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .sm\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .sm\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .sm\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .sm\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:flex,
    .sm\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .sm\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .sm\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .sm\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .sm\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .sm\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .sm\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .sm\:justify-start {
        justify-content: start;
    }
    .sm\:justify-end {
        justify-content: end;
    }
    .sm\:justify-center {
        justify-content: center;
    }
    .sm\:justify-space-between {
        justify-content: space-between;
    }
    .sm\:justify-space-around {
        justify-content: space-around;
    }
    .sm\:justify-space-evenly {
        justify-content: space-evenly
    }
    .sm\:align-auto {
        align-items: auto;
    }
    .sm\:align-start {
        align-items: start;
    }
    .sm\:align-end {
        align-items: end;
    }
    .sm\:align-center {
        align-items: center;
    }
    .sm\:align-stretch {
        align-items: stretch;
    }
    .sm\:align-baseline {
        align-items: baseline;
    }
    .sm\:align-self-auto {
        align-self: auto;
    }
    .sm\:align-self-start {
        align-self: start;
    }
    .sm\:align-self-end {
        align-self: end;
    }
    .sm\:align-self-center {
        align-self: center;
    }
    .sm\:align-self-stretch {
        align-self: stretch;
    }
    .sm\:align-self-baseline {
        align-self: baseline;
    }
    .sm\:order-0 {
        order: 0;
    }
    .sm\:order-1 {
        order: 1;
    }
    .sm\:order-2 {
        order: 2;
    }
    .sm\:order-3 {
        order: 3;
    }
    .sm\:order-4 {
        order: 4;
    }
    .sm\:order-5 {
        order: 5;
    }
    .sm\:order-6 {
        order: 6;
    }
    .sm\:order-7 {
        order: 7;
    }
    .sm\:order-8 {
        order: 8;
    }
    .sm\:order-9 {
        order: 9;
    }
    .sm\:order-d1 {
        order: -1;
    }
    .sm\:order-d2 {
        order: -2;
    }
    .sm\:order-d3 {
        order: -3;
    }
    .sm\:order-d4 {
        order: -4;
    }
    .sm\:order-d5 {
        order: -5;
    }
    .sm\:order-d6 {
        order: -6;
    }
    .sm\:order-d7 {
        order: -7;
    }
    .sm\:order-d8 {
        order: -8;
    }
    .sm\:order-d9 {
        order: -9;
    }
    .sm\:flex-grow-0 {
        flex-grow: 0;
    }
    .sm\:flex-grow-1 {
        flex-grow: 1;
    }
    .sm\:flex-grow-2 {
        flex-grow: 2;
    }
    .sm\:flex-grow-3 {
        flex-grow: 3;
    }
    .sm\:flex-grow-4 {
        flex-grow: 4;
    }
    .sm\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .sm\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .sm\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .sm\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .sm\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (min-width: 801px) {
    .rg\:flex,
    .rg\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .rg\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .rg\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .rg\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .rg\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .rg\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .rg\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .rg\:justify-start {
        justify-content: start;
    }
    .rg\:justify-end {
        justify-content: end;
    }
    .rg\:justify-center {
        justify-content: center;
    }
    .rg\:justify-space-between {
        justify-content: space-between;
    }
    .rg\:justify-space-around {
        justify-content: space-around;
    }
    .rg\:justify-space-evenly {
        justify-content: space-evenly
    }
    .rg\:align-auto {
        align-items: auto;
    }
    .rg\:align-start {
        align-items: start;
    }
    .rg\:align-end {
        align-items: end;
    }
    .rg\:align-center {
        align-items: center;
    }
    .rg\:align-stretch {
        align-items: stretch;
    }
    .rg\:align-baseline {
        align-items: baseline;
    }
    .rg\:align-self-auto {
        align-self: auto;
    }
    .rg\:align-self-start {
        align-self: start;
    }
    .rg\:align-self-end {
        align-self: end;
    }
    .rg\:align-self-center {
        align-self: center;
    }
    .rg\:align-self-stretch {
        align-self: stretch;
    }
    .rg\:align-self-baseline {
        align-self: baseline;
    }
    .rg\:order-0 {
        order: 0;
    }
    .rg\:order-1 {
        order: 1;
    }
    .rg\:order-2 {
        order: 2;
    }
    .rg\:order-3 {
        order: 3;
    }
    .rg\:order-4 {
        order: 4;
    }
    .rg\:order-5 {
        order: 5;
    }
    .rg\:order-6 {
        order: 6;
    }
    .rg\:order-7 {
        order: 7;
    }
    .rg\:order-8 {
        order: 8;
    }
    .rg\:order-9 {
        order: 9;
    }
    .rg\:order-d1 {
        order: -1;
    }
    .rg\:order-d2 {
        order: -2;
    }
    .rg\:order-d3 {
        order: -3;
    }
    .rg\:order-d4 {
        order: -4;
    }
    .rg\:order-d5 {
        order: -5;
    }
    .rg\:order-d6 {
        order: -6;
    }
    .rg\:order-d7 {
        order: -7;
    }
    .rg\:order-d8 {
        order: -8;
    }
    .rg\:order-d9 {
        order: -9;
    }
    .rg\:flex-grow-0 {
        flex-grow: 0;
    }
    .rg\:flex-grow-1 {
        flex-grow: 1;
    }
    .rg\:flex-grow-2 {
        flex-grow: 2;
    }
    .rg\:flex-grow-3 {
        flex-grow: 3;
    }
    .rg\:flex-grow-4 {
        flex-grow: 4;
    }
    .rg\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .rg\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .rg\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .rg\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .rg\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:flex,
    .rg\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .rg\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .rg\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .rg\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .rg\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .rg\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .rg\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .rg\:justify-start {
        justify-content: start;
    }
    .rg\:justify-end {
        justify-content: end;
    }
    .rg\:justify-center {
        justify-content: center;
    }
    .rg\:justify-space-between {
        justify-content: space-between;
    }
    .rg\:justify-space-around {
        justify-content: space-around;
    }
    .rg\:justify-space-evenly {
        justify-content: space-evenly
    }
    .rg\:align-auto {
        align-items: auto;
    }
    .rg\:align-start {
        align-items: start;
    }
    .rg\:align-end {
        align-items: end;
    }
    .rg\:align-center {
        align-items: center;
    }
    .rg\:align-stretch {
        align-items: stretch;
    }
    .rg\:align-baseline {
        align-items: baseline;
    }
    .rg\:align-self-auto {
        align-self: auto;
    }
    .rg\:align-self-start {
        align-self: start;
    }
    .rg\:align-self-end {
        align-self: end;
    }
    .rg\:align-self-center {
        align-self: center;
    }
    .rg\:align-self-stretch {
        align-self: stretch;
    }
    .rg\:align-self-baseline {
        align-self: baseline;
    }
    .rg\:order-0 {
        order: 0;
    }
    .rg\:order-1 {
        order: 1;
    }
    .rg\:order-2 {
        order: 2;
    }
    .rg\:order-3 {
        order: 3;
    }
    .rg\:order-4 {
        order: 4;
    }
    .rg\:order-5 {
        order: 5;
    }
    .rg\:order-6 {
        order: 6;
    }
    .rg\:order-7 {
        order: 7;
    }
    .rg\:order-8 {
        order: 8;
    }
    .rg\:order-9 {
        order: 9;
    }
    .rg\:order-d1 {
        order: -1;
    }
    .rg\:order-d2 {
        order: -2;
    }
    .rg\:order-d3 {
        order: -3;
    }
    .rg\:order-d4 {
        order: -4;
    }
    .rg\:order-d5 {
        order: -5;
    }
    .rg\:order-d6 {
        order: -6;
    }
    .rg\:order-d7 {
        order: -7;
    }
    .rg\:order-d8 {
        order: -8;
    }
    .rg\:order-d9 {
        order: -9;
    }
    .rg\:flex-grow-0 {
        flex-grow: 0;
    }
    .rg\:flex-grow-1 {
        flex-grow: 1;
    }
    .rg\:flex-grow-2 {
        flex-grow: 2;
    }
    .rg\:flex-grow-3 {
        flex-grow: 3;
    }
    .rg\:flex-grow-4 {
        flex-grow: 4;
    }
    .rg\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .rg\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .rg\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .rg\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .rg\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (min-width: 1025px) {
    .md\:flex,
    .md\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .md\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .md\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .md\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .md\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .md\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .md\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .md\:justify-start {
        justify-content: start;
    }
    .md\:justify-end {
        justify-content: end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:justify-space-between {
        justify-content: space-between;
    }
    .md\:justify-space-around {
        justify-content: space-around;
    }
    .md\:justify-space-evenly {
        justify-content: space-evenly
    }
    .md\:align-auto {
        align-items: auto;
    }
    .md\:align-start {
        align-items: start;
    }
    .md\:align-end {
        align-items: end;
    }
    .md\:align-center {
        align-items: center;
    }
    .md\:align-stretch {
        align-items: stretch;
    }
    .md\:align-baseline {
        align-items: baseline;
    }
    .md\:align-self-auto {
        align-self: auto;
    }
    .md\:align-self-start {
        align-self: start;
    }
    .md\:align-self-end {
        align-self: end;
    }
    .md\:align-self-center {
        align-self: center;
    }
    .md\:align-self-stretch {
        align-self: stretch;
    }
    .md\:align-self-baseline {
        align-self: baseline;
    }
    .md\:order-0 {
        order: 0;
    }
    .md\:order-1 {
        order: 1;
    }
    .md\:order-2 {
        order: 2;
    }
    .md\:order-3 {
        order: 3;
    }
    .md\:order-4 {
        order: 4;
    }
    .md\:order-5 {
        order: 5;
    }
    .md\:order-6 {
        order: 6;
    }
    .md\:order-7 {
        order: 7;
    }
    .md\:order-8 {
        order: 8;
    }
    .md\:order-9 {
        order: 9;
    }
    .md\:order-d1 {
        order: -1;
    }
    .md\:order-d2 {
        order: -2;
    }
    .md\:order-d3 {
        order: -3;
    }
    .md\:order-d4 {
        order: -4;
    }
    .md\:order-d5 {
        order: -5;
    }
    .md\:order-d6 {
        order: -6;
    }
    .md\:order-d7 {
        order: -7;
    }
    .md\:order-d8 {
        order: -8;
    }
    .md\:order-d9 {
        order: -9;
    }
    .md\:flex-grow-0 {
        flex-grow: 0;
    }
    .md\:flex-grow-1 {
        flex-grow: 1;
    }
    .md\:flex-grow-2 {
        flex-grow: 2;
    }
    .md\:flex-grow-3 {
        flex-grow: 3;
    }
    .md\:flex-grow-4 {
        flex-grow: 4;
    }
    .md\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .md\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .md\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .md\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .md\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (--mi-md-breakpoint) {
    .md\:flex,
    .md\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .md\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .md\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .md\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .md\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .md\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .md\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .md\:justify-start {
        justify-content: start;
    }
    .md\:justify-end {
        justify-content: end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:justify-space-between {
        justify-content: space-between;
    }
    .md\:justify-space-around {
        justify-content: space-around;
    }
    .md\:justify-space-evenly {
        justify-content: space-evenly
    }
    .md\:align-auto {
        align-items: auto;
    }
    .md\:align-start {
        align-items: start;
    }
    .md\:align-end {
        align-items: end;
    }
    .md\:align-center {
        align-items: center;
    }
    .md\:align-stretch {
        align-items: stretch;
    }
    .md\:align-baseline {
        align-items: baseline;
    }
    .md\:align-self-auto {
        align-self: auto;
    }
    .md\:align-self-start {
        align-self: start;
    }
    .md\:align-self-end {
        align-self: end;
    }
    .md\:align-self-center {
        align-self: center;
    }
    .md\:align-self-stretch {
        align-self: stretch;
    }
    .md\:align-self-baseline {
        align-self: baseline;
    }
    .md\:order-0 {
        order: 0;
    }
    .md\:order-1 {
        order: 1;
    }
    .md\:order-2 {
        order: 2;
    }
    .md\:order-3 {
        order: 3;
    }
    .md\:order-4 {
        order: 4;
    }
    .md\:order-5 {
        order: 5;
    }
    .md\:order-6 {
        order: 6;
    }
    .md\:order-7 {
        order: 7;
    }
    .md\:order-8 {
        order: 8;
    }
    .md\:order-9 {
        order: 9;
    }
    .md\:order-d1 {
        order: -1;
    }
    .md\:order-d2 {
        order: -2;
    }
    .md\:order-d3 {
        order: -3;
    }
    .md\:order-d4 {
        order: -4;
    }
    .md\:order-d5 {
        order: -5;
    }
    .md\:order-d6 {
        order: -6;
    }
    .md\:order-d7 {
        order: -7;
    }
    .md\:order-d8 {
        order: -8;
    }
    .md\:order-d9 {
        order: -9;
    }
    .md\:flex-grow-0 {
        flex-grow: 0;
    }
    .md\:flex-grow-1 {
        flex-grow: 1;
    }
    .md\:flex-grow-2 {
        flex-grow: 2;
    }
    .md\:flex-grow-3 {
        flex-grow: 3;
    }
    .md\:flex-grow-4 {
        flex-grow: 4;
    }
    .md\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .md\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .md\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .md\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .md\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (min-width: 1281px) {
    .lg\:flex,
    .lg\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .lg\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .lg\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .lg\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .lg\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .lg\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .lg\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .lg\:justify-start {
        justify-content: start;
    }
    .lg\:justify-end {
        justify-content: end;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:justify-space-between {
        justify-content: space-between;
    }
    .lg\:justify-space-around {
        justify-content: space-around;
    }
    .lg\:justify-space-evenly {
        justify-content: space-evenly
    }
    .lg\:align-auto {
        align-items: auto;
    }
    .lg\:align-start {
        align-items: start;
    }
    .lg\:align-end {
        align-items: end;
    }
    .lg\:align-center {
        align-items: center;
    }
    .lg\:align-stretch {
        align-items: stretch;
    }
    .lg\:align-baseline {
        align-items: baseline;
    }
    .lg\:align-self-auto {
        align-self: auto;
    }
    .lg\:align-self-start {
        align-self: start;
    }
    .lg\:align-self-end {
        align-self: end;
    }
    .lg\:align-self-center {
        align-self: center;
    }
    .lg\:align-self-stretch {
        align-self: stretch;
    }
    .lg\:align-self-baseline {
        align-self: baseline;
    }
    .lg\:order-0 {
        order: 0;
    }
    .lg\:order-1 {
        order: 1;
    }
    .lg\:order-2 {
        order: 2;
    }
    .lg\:order-3 {
        order: 3;
    }
    .lg\:order-4 {
        order: 4;
    }
    .lg\:order-5 {
        order: 5;
    }
    .lg\:order-6 {
        order: 6;
    }
    .lg\:order-7 {
        order: 7;
    }
    .lg\:order-8 {
        order: 8;
    }
    .lg\:order-9 {
        order: 9;
    }
    .lg\:order-d1 {
        order: -1;
    }
    .lg\:order-d2 {
        order: -2;
    }
    .lg\:order-d3 {
        order: -3;
    }
    .lg\:order-d4 {
        order: -4;
    }
    .lg\:order-d5 {
        order: -5;
    }
    .lg\:order-d6 {
        order: -6;
    }
    .lg\:order-d7 {
        order: -7;
    }
    .lg\:order-d8 {
        order: -8;
    }
    .lg\:order-d9 {
        order: -9;
    }
    .lg\:flex-grow-0 {
        flex-grow: 0;
    }
    .lg\:flex-grow-1 {
        flex-grow: 1;
    }
    .lg\:flex-grow-2 {
        flex-grow: 2;
    }
    .lg\:flex-grow-3 {
        flex-grow: 3;
    }
    .lg\:flex-grow-4 {
        flex-grow: 4;
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .lg\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .lg\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .lg\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .lg\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:flex,
    .lg\:flex-row {
        display: flex;
        flex-direction: row;
    }
    .lg\:flex-row-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .lg\:flex-column {
        display: flex;
        flex-direction: column;
    }
    .lg\:flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .lg\:flex-nowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .lg\:flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .lg\:flex-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .lg\:justify-start {
        justify-content: start;
    }
    .lg\:justify-end {
        justify-content: end;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:justify-space-between {
        justify-content: space-between;
    }
    .lg\:justify-space-around {
        justify-content: space-around;
    }
    .lg\:justify-space-evenly {
        justify-content: space-evenly
    }
    .lg\:align-auto {
        align-items: auto;
    }
    .lg\:align-start {
        align-items: start;
    }
    .lg\:align-end {
        align-items: end;
    }
    .lg\:align-center {
        align-items: center;
    }
    .lg\:align-stretch {
        align-items: stretch;
    }
    .lg\:align-baseline {
        align-items: baseline;
    }
    .lg\:align-self-auto {
        align-self: auto;
    }
    .lg\:align-self-start {
        align-self: start;
    }
    .lg\:align-self-end {
        align-self: end;
    }
    .lg\:align-self-center {
        align-self: center;
    }
    .lg\:align-self-stretch {
        align-self: stretch;
    }
    .lg\:align-self-baseline {
        align-self: baseline;
    }
    .lg\:order-0 {
        order: 0;
    }
    .lg\:order-1 {
        order: 1;
    }
    .lg\:order-2 {
        order: 2;
    }
    .lg\:order-3 {
        order: 3;
    }
    .lg\:order-4 {
        order: 4;
    }
    .lg\:order-5 {
        order: 5;
    }
    .lg\:order-6 {
        order: 6;
    }
    .lg\:order-7 {
        order: 7;
    }
    .lg\:order-8 {
        order: 8;
    }
    .lg\:order-9 {
        order: 9;
    }
    .lg\:order-d1 {
        order: -1;
    }
    .lg\:order-d2 {
        order: -2;
    }
    .lg\:order-d3 {
        order: -3;
    }
    .lg\:order-d4 {
        order: -4;
    }
    .lg\:order-d5 {
        order: -5;
    }
    .lg\:order-d6 {
        order: -6;
    }
    .lg\:order-d7 {
        order: -7;
    }
    .lg\:order-d8 {
        order: -8;
    }
    .lg\:order-d9 {
        order: -9;
    }
    .lg\:flex-grow-0 {
        flex-grow: 0;
    }
    .lg\:flex-grow-1 {
        flex-grow: 1;
    }
    .lg\:flex-grow-2 {
        flex-grow: 2;
    }
    .lg\:flex-grow-3 {
        flex-grow: 3;
    }
    .lg\:flex-grow-4 {
        flex-grow: 4;
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0;
    }
    .lg\:flex-shrink-1 {
        flex-shrink: 1;
    }
    .lg\:flex-shrink-2 {
        flex-shrink: 2;
    }
    .lg\:lex-shrink-3 {
        flex-shrink: 3;
    }
    .lg\:flex-shrink-4 {
        flex-shrink: 4;
    }
}

:root {
  --mrt-list: var(--vertical-rhythm);
  --mrb-list: var(--vertical-rhythm);
  --list-item-type: "—";
  --ol-list-item-size: inherit;
  --ul-list-item-size: inherit;
  /*▁⁕●■▪→*—*/
  --ol-counter-delimiter: ".";
  --ol-counter-type: decimal;
  --h-counter-type: decimal;
  --h-counter-delimiter: ".";
  --ol-counter: counters(
    ol-counter,
    var(--ol-counter-delimiter),
    var(--ol-counter-type)
  );
  --h-counter: counters(
    ol-counter,
    var(--h-counter-delimiter),
    var(--h-counter-type)
  );
  --h2-counter: counter(h2-counter);
  --h3-counter: counter(h2-counter) var(--h-counter-delimiter)
    counter(h3-counter);
  --h4-counter: counter(h2-counter) var(--h-counter-delimiter)
    counter(h3-counter) var(--h-counter-delimiter) counter(h4-counter);
  --h5-counter: counter(h2-counter) var(--h-counter-delimiter)
    counter(h3-counter) var(--h-counter-delimiter) counter(h4-counter)
    var(--h-counter-delimiter) counter(h5-counter);
  --h6-counter: counter(h2-counter) var(--h-counter-delimiter)
    counter(h3-counter) var(--h-counter-delimiter) counter(h4-counter)
    var(--h-counter-delimiter) counter(h5-counter) var(--h-counter-delimiter)
    counter(h6-counter);

  /* timeline */
  --timeline-blub-size: var(--fs-d1);
  --timeline-width: 1px;
  --timeline-blub-border-width: 1px;
  /* column timeline */
  --timeline-right-gap: calc(var(--space) + var(--timeline-blub-size) / 2);
  --timeline-left-gap: calc(
    var(--horizontal-rhythm) - var(--timeline-right-gap) - var(--timeline-width)
  );
  --timeline-left-blub-pos: calc(
    -1 * (var(--timeline-right-gap) + var(--timeline-blub-size) / 2 +
          var(--timeline-width) / 2)
  );
  --timeline-top-blub-pos: calc(
    1em * var(--lh-default) / 2 - var(--timeline-blub-size) / 2
  );
  --timeline-framed-indent: var(--horizontal-rhythm);
  --timeline-framed-padding: var(--space);
  --timeline-framed-right-gap: calc(
    var(--timeline-framed-indent) + var(--horizontal-rhythm) -
      var(--timeline-left-gap) - var(--timeline-width)
  );
  --timeline-framed-left-blub-pos: calc(
    -1 * (var(--timeline-framed-indent) + var(--timeline-right-gap) +
          var(--timeline-blub-size) / 2 + var(--timeline-width) / 2)
  );
  /* row timeline */
  --timeline-row-y-gap: var(--vertical-rhythm);
  --timeline-row-x-gap: calc(var(--horizontal-rhythm) / 2);
  --timeline-row-framed-padding: calc(var(--timeline-framed-padding) / 2);
  --timeline-row-framed-indent: var(--timeline-row-y-gap);
  --timeline-row-item-width: var(--space-5);

  --outdent-outline-width: var(--space-4);
}

dl {
  margin-top: 1rem;
  margin-top: var(--mrt-list);
  margin-bottom: 1rem;
  margin-bottom: var(--mrb-list);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

dd {
  margin-left: calc(2 * 1rem);
  margin-left: var(--horizontal-rhythm);
}

table dd {
  margin-left: 0;
}

dd + dt,
dt + dt {
  margin-top: 1rem;
  margin-top: var(--mrt-list);
}

dl.timeline.framed dd + dt {
  margin-top: calc(calc(1.66 * 1rem) * 1.66);
  margin-top: var(--mrt-figure);
}

dl.timeline {
  border-left: 1px solid currentColor;
  border-left: var(--timeline-width) solid var(--timeline-color);
  margin-left: calc(
    calc(2 * 1rem) - calc(1rem + .9rem / 2) - 1px);
  margin-left: var(--timeline-left-gap);
}

dl.timeline > dt,
dl.timeline > dd {
  margin-left: 0;
  padding-left: calc(1rem + .9rem / 2);
  padding-left: var(--timeline-right-gap);
}

dl.timeline {
  counter-reset: ol-counter;
}

dl.timeline > dt {
  counter-increment: ol-counter;
}

dl.timeline.framed > dt,
dl.timeline.framed > dd {
  padding-left: calc(
    calc(2 * 1rem) + calc(2 * 1rem) -
      calc(
    calc(2 * 1rem) - calc(1rem + .9rem / 2) - 1px) - 1px);
  padding-left: var(--timeline-framed-right-gap);
}

dl.timeline > dt::before {
  border-radius: 50%;
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: .9rem;
  width: var(--timeline-blub-size);
  height: .9rem;
  height: var(--timeline-blub-size);
  position: absolute;
  margin-left: calc(
    -1 * (calc(1rem + .9rem / 2) + .9rem / 2 +
          1px / 2)
  );
  margin-left: var(--timeline-left-blub-pos);
  margin-top: calc(
    1em * calc(1.66 * 1) / 2 - .9rem / 2
  );
  margin-top: var(--timeline-top-blub-pos);
  background-color: white;
  background-color: var(--timeline-blub-background);
  border: 1px solid currentColor;
  border: var(--timeline-blub-border-width) solid var(--timeline-blub-color);
  z-index: 1000;
}

dl.timeline.framed > dt::before {
  margin-left: calc(
    -1 * (calc(2 * 1rem) + calc(1rem + .9rem / 2) +
          .9rem / 2 + 1px / 2)
  );
  margin-left: var(--timeline-framed-left-blub-pos);
}

dl.timeline > dt > .framed,
dl.timeline > dd > .framed {
  border: 1px solid currentColor;
  border: var(--timeline-width) solid var(--timeline-color);
  padding: 1rem;
  padding: var(--timeline-framed-padding);
}

dl.timeline:not(dl.timeline.framed) > dt > .framed,
dl.timeline:not(dl.timeline.framed) > dd > .framed {
  margin-left: calc(2 * 1rem);
  margin-left: var(--timeline-framed-indent);
}

dl.timeline > dt > *.framed::before,
dl.timeline > dd > *.framed::before {
  content: "";
  width: calc(
    calc(2 * 1rem) + calc(1rem + .9rem / 2) +
      1px);
  width: calc(
    var(--timeline-framed-indent) + var(--timeline-right-gap) +
      var(--timeline-width)
  );
  border-top: 1px solid currentColor;
  border-top: var(--timeline-width) solid var(--timeline-color);
  position: absolute;
  margin-top: calc(
    calc(
    1em * calc(1.66 * 1) / 2 - .9rem / 2
  ) + .9rem / 2 -
      1rem - 1px);
  margin-top: calc(
    var(--timeline-top-blub-pos) + var(--timeline-blub-size) / 2 -
      var(--timeline-framed-padding) - var(--timeline-width)
  );
  margin-left: calc(
    -1 * (calc(1rem + .9rem / 2) + calc(2 * 1rem) +
          1px * 2 + 1rem)
  );
  margin-left: calc(
    -1 * (var(--timeline-right-gap) + var(--timeline-framed-indent) +
          var(--timeline-width) * 2 + var(--timeline-framed-padding))
  );
}

@media (min-width: 601px) {
  dl.timeline.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0;
    border: 0;
    align-items: flex-end;
    max-width: unset;
    font-size: smaller;
    max-width: unset;
  }

  dl.timeline.row > dt,
  dl.timeline.row > dd {
    flex-shrink: 1;
    max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    max-width: var(--timeline-row-item-width);
    border-bottom: 1px solid currentColor;
    border-bottom: var(--timeline-width) solid var(--timeline-color);
    padding: calc(3 * 1rem) calc(calc(2 * 1rem) / 2)
      1rem calc(calc(2 * 1rem) / 2);
    padding: calc(3 * var(--timeline-row-y-gap)) var(--timeline-row-x-gap)
      var(--timeline-row-y-gap) var(--timeline-row-x-gap);
  }

  dl.timeline.row > :first-child {
    padding-left: 0;
  }

  dl.timeline.row > dt::before {
    display: none;
  }

  dl.timeline.row > dt::after {
    border-radius: 50%;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: .9rem;
    width: var(--timeline-blub-size);
    height: .9rem;
    height: var(--timeline-blub-size);
    position: absolute;
    margin-top: calc(1rem - .9rem / 2);
    margin-top: calc(var(--timeline-row-y-gap) - var(--timeline-blub-size) / 2);
    background-color: white;
    background-color: var(--timeline-blub-background);
    border: 1px solid currentColor;
    border: var(--timeline-blub-border-width) solid var(--timeline-blub-color);
    z-index: 1000;
  }

  dl.timeline.row > dt > *,
  dl.timeline.row > dd > * {
    margin: 0;
    padding: 0;
    background: white;
    background: var(--base-background);
  }

  dl.timeline.row > dt > * + *,
  dl.timeline.row > dd > * + * {
    margin-top: 1em;
    text-indent: 0;
  }

  dl.timeline.row > dt > .framed,
  dl.timeline.row > dd > .framed {
    margin: 0;
    margin-bottom: 1rem;
    margin-bottom: var(--timeline-row-framed-indent);
    background: white;
    background: var(--base-background);
    padding: calc(calc(1rem / 2));
    padding: calc(var(--timeline-row-framed-padding));
  }

  dl.timeline.row > dt > .framed + *,
  dl.timeline.row > dd > .framed + * {
    margin-top: calc(2 * 1rem);
    margin-top: calc(2 * var(--timeline-row-framed-indent));
  }

  dl.timeline.row > dt > .framed::before,
  dl.timeline.row > dd > .framed::before {
    display: none;
  }

  dl.timeline.row > dt > .framed::after,
  dl.timeline.row > dd > .framed::after {
    content: "";
    border-left: 1px solid currentColor;
    border-left: var(--timeline-width) solid var(--timeline-color);
    height: calc(1rem + 1rem);
    height: calc(var(--timeline-row-y-gap) + var(--timeline-row-framed-indent));
    position: absolute;
    display: block;
    margin-top: calc(
      calc(1rem / 2) + 1px);
    margin-top: calc(
      var(--timeline-row-framed-padding) + var(--timeline-width)
    );
    margin-left: calc(
      -1 * calc(1rem / 2) + .9rem / 2 - 1px);
    margin-left: calc(
      -1 * var(--timeline-row-framed-padding) + var(--timeline-blub-size) / 2 - var(--timeline-width)
    );
  }
}

@media (--mi-sm-breakpoint) {
  dl.timeline.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0;
    border: 0;
    align-items: flex-end;
    max-width: unset;
    font-size: smaller;
    max-width: unset;
  }

  dl.timeline.row > dt,
  dl.timeline.row > dd {
    flex-shrink: 1;
    max-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    max-width: var(--timeline-row-item-width);
    border-bottom: 1px solid currentColor;
    border-bottom: var(--timeline-width) solid var(--timeline-color);
    padding: calc(3 * 1rem) calc(calc(2 * 1rem) / 2)
      1rem calc(calc(2 * 1rem) / 2);
    padding: calc(3 * var(--timeline-row-y-gap)) var(--timeline-row-x-gap)
      var(--timeline-row-y-gap) var(--timeline-row-x-gap);
  }

  dl.timeline.row > :first-child {
    padding-left: 0;
  }

  dl.timeline.row > dt::before {
    display: none;
  }

  dl.timeline.row > dt::after {
    border-radius: 50%;
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: .9rem;
    width: var(--timeline-blub-size);
    height: .9rem;
    height: var(--timeline-blub-size);
    position: absolute;
    margin-top: calc(1rem - .9rem / 2);
    margin-top: calc(var(--timeline-row-y-gap) - var(--timeline-blub-size) / 2);
    background-color: white;
    background-color: var(--timeline-blub-background);
    border: 1px solid currentColor;
    border: var(--timeline-blub-border-width) solid var(--timeline-blub-color);
    z-index: 1000;
  }

  dl.timeline.row > dt > *,
  dl.timeline.row > dd > * {
    margin: 0;
    padding: 0;
    background: white;
    background: var(--base-background);
  }

  dl.timeline.row > dt > * + *,
  dl.timeline.row > dd > * + * {
    margin-top: 1em;
    text-indent: 0;
  }

  dl.timeline.row > dt > .framed,
  dl.timeline.row > dd > .framed {
    margin: 0;
    margin-bottom: 1rem;
    margin-bottom: var(--timeline-row-framed-indent);
    background: white;
    background: var(--base-background);
    padding: calc(calc(1rem / 2));
    padding: calc(var(--timeline-row-framed-padding));
  }

  dl.timeline.row > dt > .framed + *,
  dl.timeline.row > dd > .framed + * {
    margin-top: calc(2 * 1rem);
    margin-top: calc(2 * var(--timeline-row-framed-indent));
  }

  dl.timeline.row > dt > .framed::before,
  dl.timeline.row > dd > .framed::before {
    display: none;
  }

  dl.timeline.row > dt > .framed::after,
  dl.timeline.row > dd > .framed::after {
    content: "";
    border-left: 1px solid currentColor;
    border-left: var(--timeline-width) solid var(--timeline-color);
    height: calc(1rem + 1rem);
    height: calc(var(--timeline-row-y-gap) + var(--timeline-row-framed-indent));
    position: absolute;
    display: block;
    margin-top: calc(
      calc(1rem / 2) + 1px);
    margin-top: calc(
      var(--timeline-row-framed-padding) + var(--timeline-width)
    );
    margin-left: calc(
      -1 * calc(1rem / 2) + .9rem / 2 - 1px);
    margin-left: calc(
      -1 * var(--timeline-row-framed-padding) + var(--timeline-blub-size) / 2 - var(--timeline-width)
    );
  }
}

@media (min-width: 9999px) {
  .outdent
    dl.timeline:not(dl.timeline.no-outdent):not(.no-outdent
      dl.timeline):not(dl.timeline.row):not(table dl.timeline):not(pre
      dl.timeline) {
    margin-left: calc(-1 * (calc(1rem + .9rem / 2) - 1px));
    margin-left: calc(-1 * (var(--timeline-right-gap) - var(--timeline-width)));
  }
}

@media (--outdent-breakpoint) {
  .outdent
    dl.timeline:not(dl.timeline.no-outdent):not(.no-outdent
      dl.timeline):not(dl.timeline.row):not(table dl.timeline):not(pre
      dl.timeline) {
    margin-left: calc(-1 * (calc(1rem + .9rem / 2) - 1px));
    margin-left: calc(-1 * (var(--timeline-right-gap) - var(--timeline-width)));
  }
}

ol,
ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: calc(2 * 1rem);
  padding-left: var(--horizontal-rhythm);
  margin-top: 1rem;
  margin-top: var(--mrt-list);
  margin-bottom: 1rem;
  margin-bottom: var(--mrb-list);
}

li > ol,
li > ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: calc(2 * 1rem);
  padding-left: var(--horizontal-rhythm);
}

li {
  margin: 0;
  padding: 0;
}

li > p:first-child {
  display: inline;
}

li > ol {
  counter-reset: ol-counter;
}

ol > li {
  counter-increment: ol-counter;
}

ol > li::before {
  content: counters(
    ol-counter,
    ".",
    decimal);
  content: var(--ol-counter);
  min-width: calc(2 * 1rem);
  min-width: var(--horizontal-rhythm);
  margin-left: calc(calc(2 * 1rem) * -1);
  margin-left: calc(var(--horizontal-rhythm) * -1);
  display: inline-flex;
  justify-content: flex-end;
  align-content: baseline;
  padding-right: calc(1rem / 1.66);
  padding-right: var(--space-d1);
  font-family: system-ui, ui-sans-serif, sans-serif;
  font-family: var(--meta-font-family);
  color: currentColor;
  color: var(--ol-li-prefix-color);
  font-size: inherit;
  font-size: var(--ol-list-item-size);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

li > ol > li {
  justify-content: flex-start;
  margin-left: 0;
}

ul > li::before {
  content: "—";
  content: var(--list-item-type);
  margin-left: calc(calc(2 * 1rem) * -1);
  margin-left: calc(var(--horizontal-rhythm) * -1);
  padding-right: calc(1rem / 1.66);
  padding-right: var(--space-d1);
  min-width: calc(2 * 1rem);
  min-width: var(--horizontal-rhythm);
  display: inline-flex;
  justify-content: flex-end;
  padding-right: calc(1rem / 1.66);
  padding-right: var(--space-d1);
  align-items: baseline;
  color: var(--ul_li-prefix-color);
  font-size: inherit;
  font-size: var(--ul-list-item-size);
  white-space: nowrap;
}

*.outline {
  counter-reset: h2-counter;
}

.outline h2::before,
  .outline h3::before,
  .outline h4::before,
  .outline h5::before,
  .outline h6::before {
    display: inline-flex;
    color: currentColor;
    color: var(--heading-outline-color);
    padding-right: calc(1rem / 1.66);
    padding-right: var(--space-d1);
    font-variant-numeric: tabular-nums;
    align-items: baseline;
    justify-content: flex-start;
  }

.outline h2::before {
    content: counter(h2-counter);
    content: var(--h2-counter);
  }

.outline h2 {
    counter-increment: h2-counter;
    counter-reset: h3-counter;
  }

.outline h3::before {
    content: counter(h2-counter) "."
    counter(h3-counter);
    content: var(--h3-counter);
  }

.outline h3 {
    counter-increment: h3-counter;
    counter-reset: h4-counter;
  }

.outline h4::before {
    content: counter(h2-counter) "."
    counter(h3-counter) "." counter(h4-counter);
    content: var(--h4-counter);
  }

.outline h4 {
    counter-increment: h4-counter;
    counter-reset: h5-counter;
  }

.outline h5::before {
    content: counter(h2-counter) "."
    counter(h3-counter) "." counter(h4-counter)
    "." counter(h5-counter);
    content: var(--h5-counter);
  }

.outline h5 {
    counter-increment: h5-counter;
    counter-reset: h6-counter;
  }

.outline h6::before {
    content: counter(h2-counter) "."
    counter(h3-counter) "." counter(h4-counter)
    "." counter(h5-counter) "."
    counter(h6-counter);
    content: var(--h6-counter);
  }

.outline h6 {
    counter-increment: h6-counter;
  }

table li::before {
  justify-content: flex-start;
}

ol.indent,
ul.indent {
  padding-left: 0;
}

ol.indent li::before,
ul.indent li::before {
  margin-left: 0;
  justify-content: flex-start;
}

ol.indent li::before {
  font-weight: bold;
}

ul.no-list-type > li::before {
  content: unset;
}

ul.reset,
ul.clear,
ol.reset,
ol.clear {
  padding-left: 0;
}

ul.reset > li::before,
ul.clear > li::before,
ol.reset > li::before,
ol.clear > li::before {
  content: unset;
  min-width: 0;
  padding: 0;
  margin: 0;
}

@media (min-width: 9999px) {
  .outdent
    ol:not(ol.clear):not(ol.reset):not(.no-outdent ol):not(ol.no-outdent):not(li
      ol):not(li ul):not(table ol):not(pre ol),
  .outdent
    ul:not(ul.clear):not(ul.reset):not(.no-outdent ul):not(ul.no-outdent):not(li
      ul):not(li ol):not(table ul):not(pre ul) {
    padding-left: 0;
  }
}

@media (--outdent-breakpoint) {
  .outdent
    ol:not(ol.clear):not(ol.reset):not(.no-outdent ol):not(ol.no-outdent):not(li
      ol):not(li ul):not(table ol):not(pre ol),
  .outdent
    ul:not(ul.clear):not(ul.reset):not(.no-outdent ul):not(ul.no-outdent):not(li
      ul):not(li ol):not(table ul):not(pre ul) {
    padding-left: 0;
  }
}

@media (min-width: 9999px) {
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h2::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h3::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h4::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h5::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h6::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h2::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h3::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h4::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h5::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h6::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h2::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h3::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h4::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h5::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h6::before {
      margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
      margin-left: calc(-1 * var(--outdent-outline-width));
      padding-right: calc(1rem / 1.66);
      padding-right: var(--space-d1);
      white-space: nowrap;
      min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
      min-width: var(--outdent-outline-width);
      justify-content: flex-end;
    }
}

@media (--outdent-outline-breakpoint) {
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h2::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h3::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h4::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h5::before,
    .outdent
    .outline:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h6::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h2::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h3::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h4::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h5::before,
    .outdent.outline:not(.outline.no-outdent):not(.no-outdent
      .outline):not(.outline .no-outdent) h6::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h2::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h3::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h4::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h5::before,
    .outline
    .outdent:not(.outline.no-outdent):not(.no-outdent .outline):not(.outline
      .no-outdent) h6::before {
      margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
      margin-left: calc(-1 * var(--outdent-outline-width));
      padding-right: calc(1rem / 1.66);
      padding-right: var(--space-d1);
      white-space: nowrap;
      min-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
      min-width: var(--outdent-outline-width);
      justify-content: flex-end;
    }
}

@media (max-width: 600px) {
  dl:not(dl.timeline) dd {
    margin-left: 0;
  }
}

@media (--mx-sm-breakpoint) {
  dl:not(dl.timeline) dd {
    margin-left: 0;
  }
}

.pointer,
.button,
button,
a {
    cursor: pointer;
    touch-action: manipulation;
}

img {
    font-family: system-ui, ui-sans-serif, sans-serif;
    font-family: var(--meta-font-family);
    font-size: .9rem;
    font-size: var(--fs-d1);
    filter: ;
    filter: var(--img-filter);
}

.bg-cover {
    background-size: cover;
}

.bg-contain {
    background-size: contain;
}

.bg-repeat {
    background-repeat: repeat;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-center {
    background-position: center center;
}

.bg-top {
    background-position: top;
}

.bg-top-left {
    background-position: top left;
}

.bg-top-right {
    background-position: top right;
}

.bg-right {
    background-position: right;
}

.bg-bottom {
    background-position: bottom;
}

.bg-bottom-left {
    background-position: bottom left;
}

.bg-bottom-right {
    background-position: bottom right;
}

.bg-left {
    background-position: left;
}

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

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

.fit-center {
    object-position: center center;
}

.fit-top {
    object-position: top;
}

.fit-top-left {
    object-position: top left;
}

.fit-top-right {
    object-position: top right;
}

.fit-right {
    object-position: right;
}

.fit-bottom {
    object-position: bottom;
}

.fit-bottom-left {
    object-position: bottom left;
}

.fit-bottom-right {
    object-position: bottom right;
}

.fit-left {
    object-position: left;
}

.fit-video {
    position: relative;
    width: 100%;
    padding-bottom: calc(.5625 * 100%);
    padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
    height: 0;
}

.fit-video iframe,
.fit-video object,
.fit-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fluid-columns-1 {
    column-width: calc(1.66 * 1rem);
    column-width: var(--space-1);
}

.fluid-columns-2 {
    column-width: calc(calc(1.66 * 1rem) * 1.66);
    column-width: var(--space-2);
}

.fluid-columns-3 {
    column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    column-width: var(--space-3);
}

.fluid-columns-4 {
    column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    column-width: var(--space-4);
}

.fluid-columns-5 {
    column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    column-width: var(--space-5);
}

.fluid-columns-6 {
    column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    column-width: var(--space-6);
}

@media (min-width: 401px) {
    .xs\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .xs\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .xs\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .xs\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .xs\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .xs\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .xs\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .xs\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .xs\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .xs\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .xs\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (min-width: 601px) {
    .sm\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .sm\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .sm\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .sm\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .sm\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .sm\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .sm\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .sm\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .sm\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .sm\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .sm\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (min-width: 801px) {
    .rg\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .rg\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .rg\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .rg\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .rg\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .rg\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .rg\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .rg\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .rg\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .rg\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .rg\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (min-width: 1025px) {
    .md\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .md\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .md\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .md\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .md\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .md\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (--mi-md-breakpoint) {
    .md\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .md\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .md\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .md\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .md\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .md\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (min-width: 1281px) {
    .lg\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .lg\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .lg\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .lg\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .lg\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .lg\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:fluid-columns-1 {
        column-width: calc(1.66 * 1rem);
        column-width: var(--space-1);
    }
    .lg\:fluid-columns-2 {
        column-width: calc(calc(1.66 * 1rem) * 1.66);
        column-width: var(--space-2);
    }
    .lg\:fluid-columns-3 {
        column-width: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
        column-width: var(--space-3);
    }
    .lg\:fluid-columns-4 {
        column-width: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-4);
    }
    .lg\:fluid-columns-5 {
        column-width: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-5);
    }
    .lg\:fluid-columns-6 {
        column-width: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
        column-width: var(--space-6);
    }
}

:root {
    --table-underline-width: .5px;
    --table-underline: var(--table-underline-width) solid var(--table-underline-row-color);
    --table-heading-font-family: var(--heading-font-family);
    --table-font-family: var(--font-family);
    --table-font-size: var(--fs);
    --mrt-table: var(--space-2);
    --mrb-table: var(--space-2);
    --td-x-padding: var(--space);
    --td-y-padding: var(--space-d1);
}

table {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    margin-top: calc(calc(1.66 * 1rem) * 1.66);
    margin-top: var(--mrt-table);
    margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
    margin-bottom: var(--mrb-table);
    text-align: left;
    font-family: system-ui, ui-sans-serif, sans-serif;
    font-family: var(--table-font-family);
    font-size: 1rem;
    font-size: var(--table-font-size);
    line-height: calc((calc(1.66 * 1) - 1) / 3 * 2 + 1);
    line-height: var(--lh-2);
}

th {
    vertical-align: top;
}

thead>tr>th {
    vertical-align: bottom;
}

table table {
    margin: 0;
}

.alternate-rows tr:nth-child(odd) {
    background: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    background: var(--table-alternate-row-background);
}

.alternate-rows tr:nth-child(even) {
    background: transparent;
}

.alternate-cols col:nth-child(odd) {
    background: hsl(0, 0%, calc(53% + 5 * calc((100% - 53%) / 6)));
    background: var(--table-alternate-col-background);
}

.alternate-cols col:nth-child(even) {
    background: transparent;
}

.underline-rows tr {
    border-bottom: .5px solid hsl(0, 0%, calc(53% - 5 * calc(53% / 7)));
    border-bottom: var(--table-underline);
}

@media (hover: hover) {   
    .hover-rows tr:hover {
        outline: 3px solid hsl(198, 100%, 33.3%);
        outline: var(--outline);
        outline-offset: calc(-1 * 3px);
        outline-offset: calc(-1 * var(--outline-width));
    }
}

td {
    vertical-align: top;
}

th {
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    font-family: system-ui, ui-sans-serif, sans-serif;
    font-family: var(--table-heading-font-family);
    background: white;
    background: var(--table-head-background);
}

table caption {
    margin: 0;
    margin-bottom: 1rem;
    margin-bottom: var(--vertical-rhythm);
    padding: 0;
    text-align: left;
    font-style: normal;
    max-width: min(calc(100vw - 2 * 1rem), 34rem);
    max-width: min(calc(100vw - 2 * var(--space)), var(--rg-width));
    font-family: system-ui, ui-sans-serif, sans-serif;
    font-family: var(--figcaption-font-family);
    font-size: 1rem;
    font-size: var(--fs);
    line-height: calc(1.66 * 1);
    line-height: var(--lh-default);
}

table p {
    text-indent: 0 !important;
}

th,
td {
    padding: calc(1rem / 1.66) 1rem calc(1rem / 1.66) 0;
    padding: var(--td-y-padding) var(--td-x-padding) var(--td-y-padding) 0;
}

*+th,
*+td {
    padding-left: 1rem;
    padding-left: var(--td-x-padding);
}

caption {
    padding: calc(1rem / 1.66) 0;
    padding: var(--td-y-padding) 0;
}

.br-separate {
    border-collapse: separate;
}

.br-collapse {
    border-collapse: collapse;
}

/* support https://ulf.codes/tools/sotable/ */

th.sotable-column>button,
table.sotable button.restore-order {
    all: unset;
    /*remove all button styling*/
    cursor: pointer;
}

table.sotable button.restore-order {
    font-weight: bold;
}

th.sotable-column .indicator {
    font-size: smaller;
    margin-left: .5em;
}

@media print {
    table.sotable caption p.indicator {
        display: none;
    }
}

:root {
    --z-1: 1000;
    --z-2: 2000;
    --z-3: 3000;
    --z-4: 4000;
    --zn-1: -1000;
    --zn-2: -2000;
    --zn-3: -3000;
    --zn-4: -4000;
    --bleed-width: var(--lg-breakpoint);
    --bleed-padding: var(--space);
    --justify-split-items: inherit;
    --align-split-items: inherit;
    --split-column-gap: var(--horizontal-rhythm);
    --split-row-gap: var(--mrb-figure);    
}

.inline {
    display: inline;
}

.block {
    display: block;
}

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

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

.table {
    display: table;
}

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

.baseline {
    vertical-align: baseline;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.bottom {
    vertical-align: bottom;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.justify {
    text-align: justify;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.full-bleed {    
    width: calc(100vw - 2 * 1rem);    
    width: calc(100vw - 2 * var(--bleed-padding));
    margin-left: calc(50% - 50vw + 1rem);
    margin-left: calc(50% - 50vw + var(--bleed-padding));
}

.full-bleed-unpadded {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.bleed {
    width: min(100vw - 2 * 1rem, 1280px);
    width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
    margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
    margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
}

.bleed-right {
    width: auto;
    margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
    margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
}

.bleed-left {
    width: auto;
    margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
    margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
}

[class*=" split"],
[class|="split"],
.split {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(2 * 1rem);
    column-gap: var(--split-column-gap);
    row-gap: calc(calc(1.66 * 1rem) * 1.66);
    row-gap: var(--split-row-gap);
    align-items: inherit;
    align-items: var(--align-split-items);
    justify-items: inherit;
    justify-items: var(--justify-split-items);
}

[class*=" split"]>*,
[class|="split"]>* {
    margin: 0;
}

.split-1-2 {
    grid-template-columns: 1fr 2fr;
}

.split-2-1 {
    grid-template-columns: 2fr 1fr;
}

.split-1-3 {
    grid-template-columns: 1fr 3fr;
}

.split-3-1 {
    grid-template-columns: 3fr 1fr;
}

.split-1-4 {
    grid-template-columns: 1fr 4fr;
}

.split-4-1 {
    grid-template-columns: 4fr 1fr;
}

.split-1-5 {
    grid-template-columns: 1fr 5fr;
}

.split-5-1 {
    grid-template-columns: 5fr 1fr;
}

.split-1-6 {
    grid-template-columns: 1fr 6fr;
}

.split-6-1 {
    grid-template-columns: 6fr 1fr;
}

.split-1-sm {
    grid-template-columns: 1fr 26rem;
    grid-template-columns: 1fr var(--sm-width);
}

.split-1-rg {
    grid-template-columns: 1fr 34rem;
    grid-template-columns: 1fr var(--rg-width);
}

.split-1-md {
    grid-template-columns: 1fr 46rem;
    grid-template-columns: 1fr var(--md-width);
}

.split-1-lg {
    grid-template-columns: 1fr 58rem;
    grid-template-columns: 1fr var(--lg-width);
}

.split-sm-1 {
    grid-template-columns: 26rem 1fr;
    grid-template-columns: var(--sm-width) 1fr;
}

.split-rg-1 {
    grid-template-columns: 34rem 1fr;
    grid-template-columns: var(--rg-width) 1fr;
}

.split-md-1 {
    grid-template-columns: 46rem 1fr;
    grid-template-columns: var(--md-width) 1fr;
}

.split-lg-1 {
    grid-template-columns: 58rem 1fr;
    grid-template-columns: var(--lg-width) 1fr;
}

.split-aside-left {
    grid-template-columns: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem)) 1fr;
    grid-template-columns: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap)) 1fr;
}

.split-aside-right {
    grid-template-columns: 1fr calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
    grid-template-columns: 1fr calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
}

.aside-left {
    float: left;
    margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
    margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
    width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
    width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
}

.aside-right {
    float: right;
    margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
    margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
    width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
    width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
}

/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.fit {
    max-width: 100%;
}

.border-box {
    box-sizing: border-box;
}

.content-box {
    box-sizing: content-box;
}

.static {
    position: static;
}

.sticky {
    position: sticky;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.z-1 {
    z-index: 1000;
    z-index: var(--z-1)
}

.z-2 {
    z-index: 2000;
    z-index: var(--z-2)
}

.z-3 {
    z-index: 3000;
    z-index: var(--z-3)
}

.z-4 {
    z-index: 4000;
    z-index: var(--z-4)
}

.zn-1 {
    z-index: -1000;
    z-index: var(--zn-1)
}

.zn-2 {
    z-index: -2000;
    z-index: var(--zn-2)
}

.zn-3 {
    z-index: -3000;
    z-index: var(--zn-3)
}

.zn-4 {
    z-index: -4000;
    z-index: var(--zn-4)
}

.box-break-clone {
    box-decoration-break: clone;
    -o-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* containment */

.contain-content {
    contain: content;
}

.contain-strict {
    contain: strict;
}

.contain-layout {
    contain: layout;
}

.contain-paint {
    contain: paint;
}

.contain-size {
    contain: paint;
}

.contain-style {
    contain: style;
}

@media (min-width: 401px) {
    .xs\:inline {
        display: inline;
    }
    .xs\:block {
        display: block;
    }
    .xs\:inline-block {
        display: inline-block;
    }
    .xs\:inline-table {
        display: inline-table;
    }
    .xs\:table {
        display: table;
    }
    .xs\:table-cell {
        display: table-cell;
    }
    .xs\:baseline {
        vertical-align: baseline;
    }
    .xs\:top {
        vertical-align: top;
    }
    .xs\:middle {
        vertical-align: middle;
    }
    .xs\:bottom {
        vertical-align: bottom;
    }
    .xs\:left {
        text-align: left;
    }
    .xs\:center {
        text-align: center;
    }
    .xs\:right {
        text-align: right;
    }
    .xs\:justify {
        text-align: justify;
    }
    .xs\:overflow-hidden {
        overflow: hidden;
    }
    .xs\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .xs\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .xs\:overflow-auto {
        overflow: auto;
    }
    .xs\:overflow-x-auto {
        overflow-x: auto;
    }
    .xs\:overflow-y-auto {
        overflow-y: auto;
    }
    .xs\:overflow-scroll {
        overflow: scroll;
    }
    .xs\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .xs\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .xs\:full-bleed {        
        width: calc(100vw - 2 * 1rem);        
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .xs\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .xs\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .xs\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .xs\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="sm\:split"],
    .xs\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="sm\:split"]>* {
        margin: 0;
    }
    .xs\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .xs\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .xs\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .xs\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .xs\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .xs\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .xs\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .xs\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .xs\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .xs\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .xs\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .xs\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .xs\:clearfix::before,
    .xs\:clearfix::after {
        content: " ";
        display: table;
    }
    .xs\:clearfix::after {
        clear: both;
    }
    .xs\:clearfix {
        *zoom: 1;
    }
    .xs\:float-left {
        float: left;
    }
    .xs\:float-right {
        float: right;
    }
    .xs\:float-clear {
        clear: both;
    }
    .xs\:fit {
        max-width: 100%;
    }
    .xs\:border-box {
        box-sizing: border-box;
    }
    .xs\:content-box {
        box-sizing: content-box;
    }
    .xs\:static {
        position: static;
    }
    .xs\:sticky {
        position: sticky;
    }
    .xs\:relative {
        position: relative;
    }
    .xs\:absolute {
        position: absolute;
    }
    .xs\:fixed {
        position: fixed;
    }
    .xs\:top-0 {
        top: 0;
    }
    .xs\:right-0 {
        right: 0;
    }
    .xs\:bottom-0 {
        bottom: 0;
    }
    .xs\:left-0 {
        left: 0;
    }
    .xs\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .xs\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .xs\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .xs\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .xs\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .xs\:contain-content {
        contain: content;
    }
    .xs\:contain-strict {
        contain: strict;
    }
    .xs\:contain-layout {
        contain: layout;
    }
    .xs\:contain-paint {
        contain: paint;
    }
    .xs\:contain-size {
        contain: paint;
    }
    .xs\:contain-style {
        contain: style;
    }
}

@media (--mi-xs-breakpoint) {
    .xs\:inline {
        display: inline;
    }
    .xs\:block {
        display: block;
    }
    .xs\:inline-block {
        display: inline-block;
    }
    .xs\:inline-table {
        display: inline-table;
    }
    .xs\:table {
        display: table;
    }
    .xs\:table-cell {
        display: table-cell;
    }
    .xs\:baseline {
        vertical-align: baseline;
    }
    .xs\:top {
        vertical-align: top;
    }
    .xs\:middle {
        vertical-align: middle;
    }
    .xs\:bottom {
        vertical-align: bottom;
    }
    .xs\:left {
        text-align: left;
    }
    .xs\:center {
        text-align: center;
    }
    .xs\:right {
        text-align: right;
    }
    .xs\:justify {
        text-align: justify;
    }
    .xs\:overflow-hidden {
        overflow: hidden;
    }
    .xs\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .xs\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .xs\:overflow-auto {
        overflow: auto;
    }
    .xs\:overflow-x-auto {
        overflow-x: auto;
    }
    .xs\:overflow-y-auto {
        overflow-y: auto;
    }
    .xs\:overflow-scroll {
        overflow: scroll;
    }
    .xs\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .xs\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .xs\:full-bleed {        
        width: calc(100vw - 2 * 1rem);        
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .xs\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .xs\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .xs\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .xs\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="sm\:split"],
    .xs\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="sm\:split"]>* {
        margin: 0;
    }
    .xs\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .xs\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .xs\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .xs\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .xs\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .xs\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .xs\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .xs\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .xs\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .xs\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .xs\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .xs\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .xs\:clearfix::before,
    .xs\:clearfix::after {
        content: " ";
        display: table;
    }
    .xs\:clearfix::after {
        clear: both;
    }
    .xs\:clearfix {
        *zoom: 1;
    }
    .xs\:float-left {
        float: left;
    }
    .xs\:float-right {
        float: right;
    }
    .xs\:float-clear {
        clear: both;
    }
    .xs\:fit {
        max-width: 100%;
    }
    .xs\:border-box {
        box-sizing: border-box;
    }
    .xs\:content-box {
        box-sizing: content-box;
    }
    .xs\:static {
        position: static;
    }
    .xs\:sticky {
        position: sticky;
    }
    .xs\:relative {
        position: relative;
    }
    .xs\:absolute {
        position: absolute;
    }
    .xs\:fixed {
        position: fixed;
    }
    .xs\:top-0 {
        top: 0;
    }
    .xs\:right-0 {
        right: 0;
    }
    .xs\:bottom-0 {
        bottom: 0;
    }
    .xs\:left-0 {
        left: 0;
    }
    .xs\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .xs\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .xs\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .xs\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .xs\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .xs\:contain-content {
        contain: content;
    }
    .xs\:contain-strict {
        contain: strict;
    }
    .xs\:contain-layout {
        contain: layout;
    }
    .xs\:contain-paint {
        contain: paint;
    }
    .xs\:contain-size {
        contain: paint;
    }
    .xs\:contain-style {
        contain: style;
    }
}

@media (min-width: 601px) {
    .sm\:inline {
        display: inline;
    }
    .sm\:block {
        display: block;
    }
    .sm\:inline-block {
        display: inline-block;
    }
    .sm\:inline-table {
        display: inline-table;
    }
    .sm\:table {
        display: table;
    }
    .sm\:table-cell {
        display: table-cell;
    }
    .sm\:baseline {
        vertical-align: baseline;
    }
    .sm\:top {
        vertical-align: top;
    }
    .sm\:middle {
        vertical-align: middle;
    }
    .sm\:bottom {
        vertical-align: bottom;
    }
    .sm\:left {
        text-align: left;
    }
    .sm\:center {
        text-align: center;
    }
    .sm\:right {
        text-align: right;
    }
    .sm\:justify {
        text-align: justify;
    }
    .sm\:overflow-hidden {
        overflow: hidden;
    }
    .sm\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .sm\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .sm\:overflow-auto {
        overflow: auto;
    }
    .sm\:overflow-x-auto {
        overflow-x: auto;
    }
    .sm\:overflow-y-auto {
        overflow-y: auto;
    }
    .sm\:overflow-scroll {
        overflow: scroll;
    }
    .sm\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .sm\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .sm\:full-bleed {        
        width: calc(100vw - 2 * 1rem);        
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .sm\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .sm\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .sm\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .sm\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="sm\:split"],
    .sm\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="sm\:split"]>* {
        margin: 0;
    }
    .sm\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .sm\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .sm\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .sm\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .sm\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .sm\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .sm\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .sm\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .sm\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .sm\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .sm\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .sm\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .sm\:clearfix::before,
    .sm\:clearfix::after {
        content: " ";
        display: table;
    }
    .sm\:clearfix::after {
        clear: both;
    }
    .sm\:clearfix {
        *zoom: 1;
    }
    .sm\:float-left {
        float: left;
    }
    .sm\:float-right {
        float: right;
    }
    .sm\:float-clear {
        clear: both;
    }
    .sm\:fit {
        max-width: 100%;
    }
    .sm\:border-box {
        box-sizing: border-box;
    }
    .sm\:content-box {
        box-sizing: content-box;
    }
    .sm\:static {
        position: static;
    }
    .sm\:sticky {
        position: sticky;
    }
    .sm\:relative {
        position: relative;
    }
    .sm\:absolute {
        position: absolute;
    }
    .sm\:fixed {
        position: fixed;
    }
    .sm\:top-0 {
        top: 0;
    }
    .sm\:right-0 {
        right: 0;
    }
    .sm\:bottom-0 {
        bottom: 0;
    }
    .sm\:left-0 {
        left: 0;
    }
    .sm\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .sm\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .sm\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .sm\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .sm\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .sm\:contain-content {
        contain: content;
    }
    .sm\:contain-strict {
        contain: strict;
    }
    .sm\:contain-layout {
        contain: layout;
    }
    .sm\:contain-paint {
        contain: paint;
    }
    .sm\:contain-size {
        contain: paint;
    }
    .sm\:contain-style {
        contain: style;
    }
}

@media (--mi-sm-breakpoint) {
    .sm\:inline {
        display: inline;
    }
    .sm\:block {
        display: block;
    }
    .sm\:inline-block {
        display: inline-block;
    }
    .sm\:inline-table {
        display: inline-table;
    }
    .sm\:table {
        display: table;
    }
    .sm\:table-cell {
        display: table-cell;
    }
    .sm\:baseline {
        vertical-align: baseline;
    }
    .sm\:top {
        vertical-align: top;
    }
    .sm\:middle {
        vertical-align: middle;
    }
    .sm\:bottom {
        vertical-align: bottom;
    }
    .sm\:left {
        text-align: left;
    }
    .sm\:center {
        text-align: center;
    }
    .sm\:right {
        text-align: right;
    }
    .sm\:justify {
        text-align: justify;
    }
    .sm\:overflow-hidden {
        overflow: hidden;
    }
    .sm\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .sm\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .sm\:overflow-auto {
        overflow: auto;
    }
    .sm\:overflow-x-auto {
        overflow-x: auto;
    }
    .sm\:overflow-y-auto {
        overflow-y: auto;
    }
    .sm\:overflow-scroll {
        overflow: scroll;
    }
    .sm\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .sm\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .sm\:full-bleed {        
        width: calc(100vw - 2 * 1rem);        
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .sm\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .sm\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .sm\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .sm\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="sm\:split"],
    .sm\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="sm\:split"]>* {
        margin: 0;
    }
    .sm\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .sm\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .sm\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .sm\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .sm\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .sm\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .sm\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .sm\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .sm\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .sm\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .sm\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .sm\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .sm\:clearfix::before,
    .sm\:clearfix::after {
        content: " ";
        display: table;
    }
    .sm\:clearfix::after {
        clear: both;
    }
    .sm\:clearfix {
        *zoom: 1;
    }
    .sm\:float-left {
        float: left;
    }
    .sm\:float-right {
        float: right;
    }
    .sm\:float-clear {
        clear: both;
    }
    .sm\:fit {
        max-width: 100%;
    }
    .sm\:border-box {
        box-sizing: border-box;
    }
    .sm\:content-box {
        box-sizing: content-box;
    }
    .sm\:static {
        position: static;
    }
    .sm\:sticky {
        position: sticky;
    }
    .sm\:relative {
        position: relative;
    }
    .sm\:absolute {
        position: absolute;
    }
    .sm\:fixed {
        position: fixed;
    }
    .sm\:top-0 {
        top: 0;
    }
    .sm\:right-0 {
        right: 0;
    }
    .sm\:bottom-0 {
        bottom: 0;
    }
    .sm\:left-0 {
        left: 0;
    }
    .sm\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .sm\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .sm\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .sm\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .sm\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .sm\:contain-content {
        contain: content;
    }
    .sm\:contain-strict {
        contain: strict;
    }
    .sm\:contain-layout {
        contain: layout;
    }
    .sm\:contain-paint {
        contain: paint;
    }
    .sm\:contain-size {
        contain: paint;
    }
    .sm\:contain-style {
        contain: style;
    }
}

@media (min-width: 801px) {
    .rg\:inline {
        display: inline;
    }
    .rg\:block {
        display: block;
    }
    .rg\:inline-block {
        display: inline-block;
    }
    .rg\:inline-table {
        display: inline-table;
    }
    .rg\:table {
        display: table;
    }
    .rg\:table-cell {
        display: table-cell;
    }
    .rg\:baseline {
        vertical-align: baseline;
    }
    .rg\:top {
        vertical-align: top;
    }
    .rg\:middle {
        vertical-align: middle;
    }
    .rg\:bottom {
        vertical-align: bottom;
    }
    .rg\:left {
        text-align: left;
    }
    .rg\:center {
        text-align: center;
    }
    .rg\:right {
        text-align: right;
    }
    .rg\:justify {
        text-align: justify;
    }
    .rg\:overflow-hidden {
        overflow: hidden;
    }
    .rg\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .rg\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .rg\:overflow-auto {
        overflow: auto;
    }
    .rg\:overflow-x-auto {
        overflow-x: auto;
    }
    .rg\:overflow-y-auto {
        overflow-y: auto;
    }
    .rg\:overflow-scroll {
        overflow: scroll;
    }
    .rg\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .rg\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .rg\:full-bleed {
        width: calc(100vw - 2 * 1rem);
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .rg\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);        
    }
    .rg\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .rg\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .rg\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="rg\:split"],
    .rg\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="rg\:split"]>* {
        margin: 0;
    }
    .rg\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .rg\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .rg\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .rg\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .rg\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .rg\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .rg\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .rg\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .rg\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .rg\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .rg\:split-1-sm {
        grid-template-columns: 1fr 26rem;
        grid-template-columns: 1fr var(--sm-width);
    }
    .rg\:split-sm-1 {
        grid-template-columns: 26rem 1fr;
        grid-template-columns: var(--sm-width) 1fr;
    }
    .rg\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .rg\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .rg\:clearfix::before,
    .rg\:clearfix::after {
        content: " ";
        display: table;
    }
    .rg\:clearfix::after {
        clear: both;
    }
    .rg\:clearfix {
        *zoom: 1;
    }
    .rg\:float-left {
        float: left;
    }
    .rg\:float-right {
        float: right;
    }
    .rg\:float-clear {
        clear: both;
    }
    .rg\:fit {
        max-width: 100%;
    }
    .rg\:border-box {
        box-sizing: border-box;
    }
    .rg\:content-box {
        box-sizing: content-box;
    }
    .rg\:static {
        position: static;
    }
    .rg\:sticky {
        position: sticky;
    }
    .rg\:relative {
        position: relative;
    }
    .rg\:absolute {
        position: absolute;
    }
    .rg\:fixed {
        position: fixed;
    }
    .rg\:top-0 {
        top: 0;
    }
    .rg\:right-0 {
        right: 0;
    }
    .rg\:bottom-0 {
        bottom: 0;
    }
    .rg\:left-0 {
        left: 0;
    }
    .rg\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .rg\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .rg\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .rg\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .rg\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .rg\:contain-content {
        contain: content;
    }
    .rg\:contain-strict {
        contain: strict;
    }
    .rg\:contain-layout {
        contain: layout;
    }
    .rg\:contain-paint {
        contain: paint;
    }
    .rg\:contain-size {
        contain: paint;
    }
    .rg\:contain-style {
        contain: style;
    }
}

@media (--mi-rg-breakpoint) {
    .rg\:inline {
        display: inline;
    }
    .rg\:block {
        display: block;
    }
    .rg\:inline-block {
        display: inline-block;
    }
    .rg\:inline-table {
        display: inline-table;
    }
    .rg\:table {
        display: table;
    }
    .rg\:table-cell {
        display: table-cell;
    }
    .rg\:baseline {
        vertical-align: baseline;
    }
    .rg\:top {
        vertical-align: top;
    }
    .rg\:middle {
        vertical-align: middle;
    }
    .rg\:bottom {
        vertical-align: bottom;
    }
    .rg\:left {
        text-align: left;
    }
    .rg\:center {
        text-align: center;
    }
    .rg\:right {
        text-align: right;
    }
    .rg\:justify {
        text-align: justify;
    }
    .rg\:overflow-hidden {
        overflow: hidden;
    }
    .rg\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .rg\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .rg\:overflow-auto {
        overflow: auto;
    }
    .rg\:overflow-x-auto {
        overflow-x: auto;
    }
    .rg\:overflow-y-auto {
        overflow-y: auto;
    }
    .rg\:overflow-scroll {
        overflow: scroll;
    }
    .rg\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .rg\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .rg\:full-bleed {
        width: calc(100vw - 2 * 1rem);
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .rg\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);        
    }
    .rg\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .rg\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .rg\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="rg\:split"],
    .rg\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="rg\:split"]>* {
        margin: 0;
    }
    .rg\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .rg\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .rg\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .rg\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .rg\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .rg\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .rg\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .rg\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .rg\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .rg\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .rg\:split-1-sm {
        grid-template-columns: 1fr 26rem;
        grid-template-columns: 1fr var(--sm-width);
    }
    .rg\:split-sm-1 {
        grid-template-columns: 26rem 1fr;
        grid-template-columns: var(--sm-width) 1fr;
    }
    .rg\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .rg\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .rg\:clearfix::before,
    .rg\:clearfix::after {
        content: " ";
        display: table;
    }
    .rg\:clearfix::after {
        clear: both;
    }
    .rg\:clearfix {
        *zoom: 1;
    }
    .rg\:float-left {
        float: left;
    }
    .rg\:float-right {
        float: right;
    }
    .rg\:float-clear {
        clear: both;
    }
    .rg\:fit {
        max-width: 100%;
    }
    .rg\:border-box {
        box-sizing: border-box;
    }
    .rg\:content-box {
        box-sizing: content-box;
    }
    .rg\:static {
        position: static;
    }
    .rg\:sticky {
        position: sticky;
    }
    .rg\:relative {
        position: relative;
    }
    .rg\:absolute {
        position: absolute;
    }
    .rg\:fixed {
        position: fixed;
    }
    .rg\:top-0 {
        top: 0;
    }
    .rg\:right-0 {
        right: 0;
    }
    .rg\:bottom-0 {
        bottom: 0;
    }
    .rg\:left-0 {
        left: 0;
    }
    .rg\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .rg\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .rg\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .rg\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .rg\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .rg\:contain-content {
        contain: content;
    }
    .rg\:contain-strict {
        contain: strict;
    }
    .rg\:contain-layout {
        contain: layout;
    }
    .rg\:contain-paint {
        contain: paint;
    }
    .rg\:contain-size {
        contain: paint;
    }
    .rg\:contain-style {
        contain: style;
    }
}

@media (min-width: 1025px) {
    .md\:inline {
        display: inline;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:inline-table {
        display: inline-table;
    }
    .md\:table {
        display: table;
    }
    .md\:table-cell {
        display: table-cell;
    }
    .md\:baseline {
        vertical-align: baseline;
    }
    .md\:top {
        vertical-align: top;
    }
    .md\:middle {
        vertical-align: middle;
    }
    .md\:bottom {
        vertical-align: bottom;
    }
    .md\:left {
        text-align: left;
    }
    .md\:center {
        text-align: center;
    }
    .md\:right {
        text-align: right;
    }
    .md\:justify {
        text-align: justify;
    }
    .md\:overflow-hidden {
        overflow: hidden;
    }
    .md\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .md\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .md\:overflow-auto {
        overflow: auto;
    }
    .md\:overflow-x-auto {
        overflow-x: auto;
    }
    .md\:overflow-y-auto {
        overflow-y: auto;
    }
    .md\:overflow-scroll {
        overflow: scroll;
    }
    .md\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .md\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .md\:full-bleed {
        width: calc(100vw - 2 * 1rem);
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .md\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .md\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .md\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .md\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="md\:split"],
    .md\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="md\:split"]>* {
        margin: 0;
    }
    .md\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .md\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .md\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .md\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .md\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .md\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .md\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .md\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .md\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .md\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .md\:split-1-sm {
        grid-template-columns: 1fr 26rem;
        grid-template-columns: 1fr var(--sm-width);
    }
    .md\:split-1-rg {
        grid-template-columns: 1fr 34rem;
        grid-template-columns: 1fr var(--rg-width);
    }
    .md\:split-sm-1 {
        grid-template-columns: 26rem 1fr;
        grid-template-columns: var(--sm-width) 1fr;
    }
    .md\:split-rg-1 {
        grid-template-columns: 34rem 1fr;
        grid-template-columns: var(--rg-width) 1fr;
    }
    .md\:split-aside-left {
        grid-template-columns: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem)) 1fr;
        grid-template-columns: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap)) 1fr;
    }
    .md\:split-aside-right {
        grid-template-columns: 1fr calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        grid-template-columns: 1fr calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .md\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .md\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .md\:clearfix::before,
    .md\:clearfix::after {
        content: " ";
        display: table;
    }
    .md\:clearfix::after {
        clear: both;
    }
    .md\:clearfix {
        *zoom: 1;
    }
    .md\:float-left {
        float: left;
    }
    .md\:float-right {
        float: right;
    }
    .md\:float-clear {
        clear: both;
    }
    .md\:fit {
        max-width: 100%;
    }
    .md\:border-box {
        box-sizing: border-box;
    }
    .md\:content-box {
        box-sizing: content-box;
    }
    .md\:static {
        position: static;
    }
    .md\:sticky {
        position: sticky;
    }
    .md\:relative {
        position: relative;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:fixed {
        position: fixed;
    }
    .md\:top-0 {
        top: 0;
    }
    .md\:right-0 {
        right: 0;
    }
    .md\:bottom-0 {
        bottom: 0;
    }
    .md\:left-0 {
        left: 0;
    }
    .md\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .md\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .md\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .md\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .md\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .md\:contain-content {
        contain: content;
    }
    .md\:contain-strict {
        contain: strict;
    }
    .md\:contain-layout {
        contain: layout;
    }
    .md\:contain-paint {
        contain: paint;
    }
    .md\:contain-size {
        contain: paint;
    }
    .md\:contain-style {
        contain: style;
    }
}

@media (--mi-md-breakpoint) {
    .md\:inline {
        display: inline;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:inline-table {
        display: inline-table;
    }
    .md\:table {
        display: table;
    }
    .md\:table-cell {
        display: table-cell;
    }
    .md\:baseline {
        vertical-align: baseline;
    }
    .md\:top {
        vertical-align: top;
    }
    .md\:middle {
        vertical-align: middle;
    }
    .md\:bottom {
        vertical-align: bottom;
    }
    .md\:left {
        text-align: left;
    }
    .md\:center {
        text-align: center;
    }
    .md\:right {
        text-align: right;
    }
    .md\:justify {
        text-align: justify;
    }
    .md\:overflow-hidden {
        overflow: hidden;
    }
    .md\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .md\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .md\:overflow-auto {
        overflow: auto;
    }
    .md\:overflow-x-auto {
        overflow-x: auto;
    }
    .md\:overflow-y-auto {
        overflow-y: auto;
    }
    .md\:overflow-scroll {
        overflow: scroll;
    }
    .md\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .md\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .md\:full-bleed {
        width: calc(100vw - 2 * 1rem);
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .md\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .md\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .md\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .md\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="md\:split"],
    .md\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="md\:split"]>* {
        margin: 0;
    }
    .md\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .md\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .md\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .md\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .md\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .md\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .md\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .md\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .md\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .md\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .md\:split-1-sm {
        grid-template-columns: 1fr 26rem;
        grid-template-columns: 1fr var(--sm-width);
    }
    .md\:split-1-rg {
        grid-template-columns: 1fr 34rem;
        grid-template-columns: 1fr var(--rg-width);
    }
    .md\:split-sm-1 {
        grid-template-columns: 26rem 1fr;
        grid-template-columns: var(--sm-width) 1fr;
    }
    .md\:split-rg-1 {
        grid-template-columns: 34rem 1fr;
        grid-template-columns: var(--rg-width) 1fr;
    }
    .md\:split-aside-left {
        grid-template-columns: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem)) 1fr;
        grid-template-columns: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap)) 1fr;
    }
    .md\:split-aside-right {
        grid-template-columns: 1fr calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        grid-template-columns: 1fr calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .md\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .md\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .md\:clearfix::before,
    .md\:clearfix::after {
        content: " ";
        display: table;
    }
    .md\:clearfix::after {
        clear: both;
    }
    .md\:clearfix {
        *zoom: 1;
    }
    .md\:float-left {
        float: left;
    }
    .md\:float-right {
        float: right;
    }
    .md\:float-clear {
        clear: both;
    }
    .md\:fit {
        max-width: 100%;
    }
    .md\:border-box {
        box-sizing: border-box;
    }
    .md\:content-box {
        box-sizing: content-box;
    }
    .md\:static {
        position: static;
    }
    .md\:sticky {
        position: sticky;
    }
    .md\:relative {
        position: relative;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:fixed {
        position: fixed;
    }
    .md\:top-0 {
        top: 0;
    }
    .md\:right-0 {
        right: 0;
    }
    .md\:bottom-0 {
        bottom: 0;
    }
    .md\:left-0 {
        left: 0;
    }
    .md\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .md\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .md\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .md\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .md\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .md\:contain-content {
        contain: content;
    }
    .md\:contain-strict {
        contain: strict;
    }
    .md\:contain-layout {
        contain: layout;
    }
    .md\:contain-paint {
        contain: paint;
    }
    .md\:contain-size {
        contain: paint;
    }
    .md\:contain-style {
        contain: style;
    }
}

@media (min-width: 1281px) {
    .lg\:inline {
        display: inline;
    }
    .lg\:block {
        display: block;
    }
    .lg\:inline-block {
        display: inline-block;
    }
    .lg\:inline-table {
        display: inline-table;
    }
    .lg\:table {
        display: table;
    }
    .lg\:table-cell {
        display: table-cell;
    }
    .lg\:baseline {
        vertical-align: baseline;
    }
    .lg\:top {
        vertical-align: top;
    }
    .lg\:middle {
        vertical-align: middle;
    }
    .lg\:bottom {
        vertical-align: bottom;
    }
    .lg\:left {
        text-align: left;
    }
    .lg\:center {
        text-align: center;
    }
    .lg\:right {
        text-align: right;
    }
    .lg\:justify {
        text-align: justify;
    }
    .lg\:overflow-hidden {
        overflow: hidden;
    }
    .lg\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .lg\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .lg\:overflow-auto {
        overflow: auto;
    }
    .lg\:overflow-x-auto {
        overflow-x: auto;
    }
    .lg\:overflow-y-auto {
        overflow-y: auto;
    }
    .lg\:overflow-scroll {
        overflow: scroll;
    }
    .lg\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .lg\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .lg\:full-bleed {        
        width: calc(100vw - 2 * 1rem);        
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .lg\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .lg\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .lg\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .lg\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="lg\:split"],
    .lg\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="lg\:split"]>* {
        margin: 0;
    }
    .lg\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .lg\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .lg\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .lg\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .lg\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .lg\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .lg\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .lg\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .lg\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .lg\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .lg\:split-1-sm {
        grid-template-columns: 1fr 26rem;
        grid-template-columns: 1fr var(--sm-width);
    }
    .lg\:split-1-rg {
        grid-template-columns: 1fr 34rem;
        grid-template-columns: 1fr var(--rg-width);
    }
    .lg\:split-1-md {
        grid-template-columns: 1fr 46rem;
        grid-template-columns: 1fr var(--md-width);
    }
    .lg\:split-sm-1 {
        grid-template-columns: 26rem 1fr;
        grid-template-columns: var(--sm-width) 1fr;
    }
    .lg\:split-rg-1 {
        grid-template-columns: 34rem 1fr;
        grid-template-columns: var(--rg-width) 1fr;
    }
    .lg\:split-md-1 {
        grid-template-columns: 46rem 1fr;
        grid-template-columns: var(--md-width) 1fr;
    }
    .lg\:split-aside-left {
        grid-template-columns: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem)) 1fr;
        grid-template-columns: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap)) 1fr;
    }
    .lg\:split-aside-right {
        grid-template-columns: 1fr calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        grid-template-columns: 1fr calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .lg\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .lg\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .lg\:clearfix::before,
    .lg\:clearfix::after {
        content: " ";
        display: table;
    }
    .lg\:clearfix::after {
        clear: both;
    }
    .lg\:clearfix {
        *zoom: 1;
    }
    .lg\:float-left {
        float: left;
    }
    .lg\:float-right {
        float: right;
    }
    .lg\:float-clear {
        clear: both;
    }
    .lg\:fit {
        max-width: 100%;
    }
    .lg\:border-box {
        box-sizing: border-box;
    }
    .lg\:content-box {
        box-sizing: content-box;
    }
    .lg\:static {
        position: static;
    }
    .lg\:sticky {
        position: sticky;
    }
    .lg\:relative {
        position: relative;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:fixed {
        position: fixed;
    }
    .lg\:top-0 {
        top: 0;
    }
    .lg\:right-0 {
        right: 0;
    }
    .lg\:bottom-0 {
        bottom: 0;
    }
    .lg\:left-0 {
        left: 0;
    }
    .lg\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .lg\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .lg\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .lg\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .lg\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .lg\:contain-content {
        contain: content;
    }
    .lg\:contain-strict {
        contain: strict;
    }
    .lg\:contain-layout {
        contain: layout;
    }
    .lg\:contain-paint {
        contain: paint;
    }
    .lg\:contain-size {
        contain: paint;
    }
    .lg\:contain-style {
        contain: style;
    }
}

@media (--mi-lg-breakpoint) {
    .lg\:inline {
        display: inline;
    }
    .lg\:block {
        display: block;
    }
    .lg\:inline-block {
        display: inline-block;
    }
    .lg\:inline-table {
        display: inline-table;
    }
    .lg\:table {
        display: table;
    }
    .lg\:table-cell {
        display: table-cell;
    }
    .lg\:baseline {
        vertical-align: baseline;
    }
    .lg\:top {
        vertical-align: top;
    }
    .lg\:middle {
        vertical-align: middle;
    }
    .lg\:bottom {
        vertical-align: bottom;
    }
    .lg\:left {
        text-align: left;
    }
    .lg\:center {
        text-align: center;
    }
    .lg\:right {
        text-align: right;
    }
    .lg\:justify {
        text-align: justify;
    }
    .lg\:overflow-hidden {
        overflow: hidden;
    }
    .lg\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .lg\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .lg\:overflow-auto {
        overflow: auto;
    }
    .lg\:overflow-x-auto {
        overflow-x: auto;
    }
    .lg\:overflow-y-auto {
        overflow-y: auto;
    }
    .lg\:overflow-scroll {
        overflow: scroll;
    }
    .lg\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .lg\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .lg\:full-bleed {        
        width: calc(100vw - 2 * 1rem);        
        width: calc(100vw - 2 * var(--bleed-padding));
        margin-left: calc(50% - 50vw + 1rem);
        margin-left: calc(50% - 50vw + var(--bleed-padding));
    }
    .lg\:full-bleed-unpadded {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    .lg\:bleed {
        width: min(100vw - 2 * 1rem, 1280px);
        width: min(100vw - 2 * var(--bleed-padding), var(--bleed-width));
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .lg\:bleed-right {
        width: auto;
        margin-right: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-right: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    .lg\:bleed-left {
        width: auto;
        margin-left: max(50% - 50vw + 1rem, 50% - 1280px / 2);
        margin-left: max(50% - 50vw + var(--bleed-padding), 50% - var(--bleed-width) / 2);
    }
    [class*="lg\:split"],
    .lg\:split {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(2 * 1rem);
        column-gap: var(--split-column-gap);
        row-gap: calc(calc(1.66 * 1rem) * 1.66);
        row-gap: var(--split-row-gap);
        align-items: inherit;
        align-items: var(--align-split-items);
        justify-items: inherit;
        justify-items: var(--justify-split-items);
    }
    [class*="lg\:split"]>* {
        margin: 0;
    }
    .lg\:split-1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .lg\:split-2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .lg\:split-1-3 {
        grid-template-columns: 1fr 3fr;
    }
    .lg\:split-3-1 {
        grid-template-columns: 3fr 1fr;
    }
    .lg\:split-1-4 {
        grid-template-columns: 1fr 4fr;
    }
    .lg\:split-4-1 {
        grid-template-columns: 4fr 1fr;
    }
    .lg\:split-1-5 {
        grid-template-columns: 1fr 5fr;
    }
    .lg\:split-5-1 {
        grid-template-columns: 5fr 1fr;
    }
    .lg\:split-1-6 {
        grid-template-columns: 1fr 6fr;
    }
    .lg\:split-6-1 {
        grid-template-columns: 6fr 1fr;
    }
    .lg\:split-1-sm {
        grid-template-columns: 1fr 26rem;
        grid-template-columns: 1fr var(--sm-width);
    }
    .lg\:split-1-rg {
        grid-template-columns: 1fr 34rem;
        grid-template-columns: 1fr var(--rg-width);
    }
    .lg\:split-1-md {
        grid-template-columns: 1fr 46rem;
        grid-template-columns: 1fr var(--md-width);
    }
    .lg\:split-sm-1 {
        grid-template-columns: 26rem 1fr;
        grid-template-columns: var(--sm-width) 1fr;
    }
    .lg\:split-rg-1 {
        grid-template-columns: 34rem 1fr;
        grid-template-columns: var(--rg-width) 1fr;
    }
    .lg\:split-md-1 {
        grid-template-columns: 46rem 1fr;
        grid-template-columns: var(--md-width) 1fr;
    }
    .lg\:split-aside-left {
        grid-template-columns: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem)) 1fr;
        grid-template-columns: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap)) 1fr;
    }
    .lg\:split-aside-right {
        grid-template-columns: 1fr calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        grid-template-columns: 1fr calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .lg\:aside-left {
        float: left;
        margin-left: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-left: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    .lg\:aside-right {
        float: right;
        margin-right: calc(-1 * (min(1280px, 100vw - 2*1rem) - 34rem) / 2);
        margin-right: calc(-1 * (min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2);
        width: calc((min(1280px, 100vw - 2*1rem) - 34rem) / 2 - calc(2 * 1rem));
        width: calc((min(var(--bleed-width), 100vw - 2*var(--bleed-padding)) - var(--rg-width)) / 2 - var(--split-column-gap));
    }
    /* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
    .lg\:clearfix::before,
    .lg\:clearfix::after {
        content: " ";
        display: table;
    }
    .lg\:clearfix::after {
        clear: both;
    }
    .lg\:clearfix {
        *zoom: 1;
    }
    .lg\:float-left {
        float: left;
    }
    .lg\:float-right {
        float: right;
    }
    .lg\:float-clear {
        clear: both;
    }
    .lg\:fit {
        max-width: 100%;
    }
    .lg\:border-box {
        box-sizing: border-box;
    }
    .lg\:content-box {
        box-sizing: content-box;
    }
    .lg\:static {
        position: static;
    }
    .lg\:sticky {
        position: sticky;
    }
    .lg\:relative {
        position: relative;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:fixed {
        position: fixed;
    }
    .lg\:top-0 {
        top: 0;
    }
    .lg\:right-0 {
        right: 0;
    }
    .lg\:bottom-0 {
        bottom: 0;
    }
    .lg\:left-0 {
        left: 0;
    }
    .lg\:z-1 {
        z-index: 1000;
        z-index: var(--z-1)
    }
    .lg\:z-2 {
        z-index: 2000;
        z-index: var(--z-2)
    }
    .lg\:z-3 {
        z-index: 3000;
        z-index: var(--z-3)
    }
    .lg\:z-4 {
        z-index: 4000;
        z-index: var(--z-4)
    }
    .lg\:box-break-clone {
        box-decoration-break: clone;
        -o-box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
    .lg\:contain-content {
        contain: content;
    }
    .lg\:contain-strict {
        contain: strict;
    }
    .lg\:contain-layout {
        contain: layout;
    }
    .lg\:contain-paint {
        contain: paint;
    }
    .lg\:contain-size {
        contain: paint;
    }
    .lg\:contain-style {
        contain: style;
    }
}

/* scroll snap type */

.snap-y-mandatory {
    scroll-snap-type: y mandatory;
}

.snap-x-mandatory {
    scroll-snap-type: x mandatory;
}

.snap-block-mandatory {
    scroll-snap-type: block mandatory;
}

.snap-inline-mandatory {
    scroll-snap-type: inline mandatory;
}

.snap-both-mandatory {
    scroll-snap-type: both mandatory;
}

.snap-mandatory {
    scroll-snap-type: mandatory;
}

.snap-y-proximity {
    scroll-snap-type: y proximity;
}

.snap-x-proximity {
    scroll-snap-type: x proximity;
}

.snap-block-proximity {
    scroll-snap-type: block proximity;
}

.snap-inline-proximity {
    scroll-snap-type: inline proximity;
}

.snap-both-proximity {
    scroll-snap-type: both proximity;
}

.snap-proximity {
    scroll-snap-type: proximity;
}

.snap-none,
.no-snap {
    scroll-snap-type: none;
}

/* scroll snap align */

.snap-start {
    scroll-snap-align: start;
}

.snap-end {
    scroll-snap-align: end;
}

.snap-center {
    scroll-snap-align: center;
}

.snap-align-none {
    scroll-snap-align: none;
}

/* scroll-scroll-margin */

/**
Naming conventions
    x=x-axis
    y=y-axis
    t=top
    r=right
    b=bottom
    l=left
    n=negative
    0=none
    d<i>=decrease by <i>  
    <i>=increase by <i>
*/

.snap-mr-0,
.snap-no-mr {
    scroll-margin: 0;
}

.snap-mrx-0 {
    scroll-margin-left: 0;
    scroll-margin-right: 0;
}

.snap-mry-0 {
    scroll-margin-top: 0;
    scroll-margin-bottom: 0;
}

.snap-mrt-0 {
    scroll-margin-top: 0;
}

.snap-mrr-0 {
    scroll-margin-right: 0;
}

.snap-mrb-0 {
    scroll-margin-bottom: 0;
}

.snap-mrl-0 {
    scroll-margin-left: 0;
}

.snap-mr-d5 {
    scroll-margin: 1px;
    scroll-margin: var(--space-d5);
}

.snap-mrx-d5 {
    scroll-margin-left: 1px;
    scroll-margin-left: var(--space-d5);
    scroll-margin-right: 1px;
    scroll-margin-right: var(--space-d5);
}

.snap-mry-d5 {
    scroll-margin-top: 1px;
    scroll-margin-top: var(--space-d5);
    scroll-margin-bottom: 1px;
    scroll-margin-bottom: var(--space-d5);
}

.snap-mrt-d5 {
    scroll-margin-top: 1px;
    scroll-margin-top: var(--space-d5);
}

.snap-mrr-d5 {
    scroll-margin-right: 1px;
    scroll-margin-right: var(--space-d5);
}

.snap-mrb-d5 {
    scroll-margin-bottom: 1px;
    scroll-margin-bottom: var(--space-d5);
}

.snap-mr-d4 {
    scroll-margin: 2px;
    scroll-margin: var(--space-d4);
}

.snap-mrx-d4 {
    scroll-margin-left: 2px;
    scroll-margin-left: var(--space-d4);
    scroll-margin-right: 2px;
    scroll-margin-right: var(--space-d4);
}

.snap-mry-d4 {
    scroll-margin-top: 2px;
    scroll-margin-top: var(--space-d4);
    scroll-margin-bottom: 2px;
    scroll-margin-bottom: var(--space-d4);
}

.snap-mrt-d4 {
    scroll-margin-top: 2px;
    scroll-margin-top: var(--space-d4);
}

.snap-mrr-d4 {
    scroll-margin-right: 2px;
    scroll-margin-right: var(--space-d4);
}

.snap-mrb-d4 {
    scroll-margin-bottom: 2px;
    scroll-margin-bottom: var(--space-d4);
}

.snap-mr-d3 {
    scroll-margin: 3px;
    scroll-margin: var(--space-d3);
}

.snap-mrx-d3 {
    scroll-margin-left: 3px;
    scroll-margin-left: var(--space-d3);
    scroll-margin-right: 3px;
    scroll-margin-right: var(--space-d3);
}

.snap-mry-d3 {
    scroll-margin-top: 3px;
    scroll-margin-top: var(--space-d3);
    scroll-margin-bottom: 3px;
    scroll-margin-bottom: var(--space-d3);
}

.snap-mrt-d3 {
    scroll-margin-top: 3px;
    scroll-margin-top: var(--space-d3);
}

.snap-mrr-d3 {
    scroll-margin-right: 3px;
    scroll-margin-right: var(--space-d3);
}

.snap-mrb-d3 {
    scroll-margin-bottom: 3px;
    scroll-margin-bottom: var(--space-d3);
}

.snap-mr-d2 {
    scroll-margin: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin: var(--space-d2);
}

.snap-mrx-d2 {
    scroll-margin-left: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin-left: var(--space-d2);
    scroll-margin-right: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin-right: var(--space-d2);
}

.snap-mry-d2 {
    scroll-margin-top: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin-top: var(--space-d2);
    scroll-margin-bottom: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin-bottom: var(--space-d2);
}

.snap-mrt-d2 {
    scroll-margin-top: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin-top: var(--space-d2);
}

.snap-mrr-d2 {
    scroll-margin-right: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin-right: var(--space-d2);
}

.snap-mrb-d2 {
    scroll-margin-bottom: calc(calc(1rem / 1.66) / 1.66);
    scroll-margin-bottom: var(--space-d2);
}

.snap-mr-d1 {
    scroll-margin: calc(1rem / 1.66);
    scroll-margin: var(--space-d1);
}

.snap-mrx-d1 {
    scroll-margin-left: calc(1rem / 1.66);
    scroll-margin-left: var(--space-d1);
    scroll-margin-right: calc(1rem / 1.66);
    scroll-margin-right: var(--space-d1);
}

.snap-mry-d1 {
    scroll-margin-top: calc(1rem / 1.66);
    scroll-margin-top: var(--space-d1);
    scroll-margin-bottom: calc(1rem / 1.66);
    scroll-margin-bottom: var(--space-d1);
}

.snap-mrt-d1 {
    scroll-margin-top: calc(1rem / 1.66);
    scroll-margin-top: var(--space-d1);
}

.snap-mrr-d1 {
    scroll-margin-right: calc(1rem / 1.66);
    scroll-margin-right: var(--space-d1);
}

.snap-mrb-d1 {
    scroll-margin-bottom: calc(1rem / 1.66);
    scroll-margin-bottom: var(--space-d1);
}

.snap-mr {
    scroll-margin: 1rem;
    scroll-margin: var(--space);
}

.snap-mrx {
    scroll-margin-left: 1rem;
    scroll-margin-left: var(--space);
    scroll-margin-right: 1rem;
    scroll-margin-right: var(--space);
}

.snap-mry {
    scroll-margin-top: 1rem;
    scroll-margin-top: var(--space);
    scroll-margin-bottom: 1rem;
    scroll-margin-bottom: var(--space);
}

.snap-mrt {
    scroll-margin-top: 1rem;
    scroll-margin-top: var(--space);
}

.snap-mrr {
    scroll-margin-right: 1rem;
    scroll-margin-right: var(--space);
}

.snap-mrb {
    scroll-margin-bottom: 1rem;
    scroll-margin-bottom: var(--space);
}

.snap-mrl {
    scroll-margin-left: 1rem;
    scroll-margin-left: var(--space);
}

.snap-mr-1 {
    scroll-margin: calc(1.66 * 1rem);
    scroll-margin: var(--space-1);
}

.snap-mrx-1 {
    scroll-margin-left: calc(1.66 * 1rem);
    scroll-margin-left: var(--space-1);
    scroll-margin-right: calc(1.66 * 1rem);
    scroll-margin-right: var(--space-1);
}

.snap-mry-1 {
    scroll-margin-top: calc(1.66 * 1rem);
    scroll-margin-top: var(--space-1);
    scroll-margin-bottom: calc(1.66 * 1rem);
    scroll-margin-bottom: var(--space-1);
}

.snap-mrt-1 {
    scroll-margin-top: calc(1.66 * 1rem);
    scroll-margin-top: var(--space-1);
}

.snap-mrr-1 {
    scroll-margin-right: calc(1.66 * 1rem);
    scroll-margin-right: var(--space-1);
}

.snap-mrb-1 {
    scroll-margin-bottom: calc(1.66 * 1rem);
    scroll-margin-bottom: var(--space-1);
}

.snap-mrl-1 {
    scroll-margin-left: calc(1.66 * 1rem);
    scroll-margin-left: var(--space-1);
}

.snap-mr-2 {
    scroll-margin: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin: var(--space-2);
}

.snap-mrx-2 {
    scroll-margin-left: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-left: var(--space-2);
    scroll-margin-right: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-right: var(--space-2);
}

.snap-mry-2 {
    scroll-margin-top: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-top: var(--space-2);
    scroll-margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-bottom: var(--space-2);
}

.snap-mrt-2 {
    scroll-margin-top: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-top: var(--space-2);
}

.snap-mrr-2 {
    scroll-margin-right: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-right: var(--space-2);
}

.snap-mrb-2 {
    scroll-margin-bottom: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-bottom: var(--space-2);
}

.snap-mrl-2 {
    scroll-margin-left: calc(calc(1.66 * 1rem) * 1.66);
    scroll-margin-left: var(--space-2);
}

.snap-mr-3 {
    scroll-margin: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin: var(--space-3);
}

.snap-mrx-3 {
    scroll-margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-left: var(--space-3);
    scroll-margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-right: var(--space-3);
}

.snap-mry-3 {
    scroll-margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-top: var(--space-3);
    scroll-margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-3);
}

.snap-mrt-3 {
    scroll-margin-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-top: var(--space-3);
}

.snap-mrr-3 {
    scroll-margin-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-right: var(--space-3);
}

.snap-mrb-3 {
    scroll-margin-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-3);
}

.snap-mrl-3 {
    scroll-margin-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-margin-left: var(--space-3);
}

.snap-mr-4 {
    scroll-margin: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin: var(--space-4);
}

.snap-mrx-4 {
    scroll-margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-left: var(--space-4);
    scroll-margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-right: var(--space-4);
}

.snap-mry-4 {
    scroll-margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-top: var(--space-4);
    scroll-margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-4);
}

.snap-mrt-4 {
    scroll-margin-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-top: var(--space-4);
}

.snap-mrr-4 {
    scroll-margin-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-right: var(--space-4);
}

.snap-mrb-4 {
    scroll-margin-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-4);
}

.snap-mrl-4 {
    scroll-margin-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-margin-left: var(--space-4);
}

.snap-mr-5 {
    scroll-margin: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin: var(--space-5);
}

.snap-mrx-5 {
    scroll-margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-left: var(--space-5);
    scroll-margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-right: var(--space-5);
}

.snap-mry-5 {
    scroll-margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-top: var(--space-5);
    scroll-margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-5);
}

.snap-mrt-5 {
    scroll-margin-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-top: var(--space-5);
}

.snap-mrr-5 {
    scroll-margin-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-right: var(--space-5);
}

.snap-mrb-5 {
    scroll-margin-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-5);
}

.snap-mrl-5 {
    scroll-margin-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-left: var(--space-5);
}

.snap-mr-6 {
    scroll-margin: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin: var(--space-6);
}

.snap-mrx-6 {
    scroll-margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-left: var(--space-6);
    scroll-margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-right: var(--space-6);
}

.snap-mry-6 {
    scroll-margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-top: var(--space-6);
    scroll-margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-6);
}

.snap-mrt-6 {
    scroll-margin-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-top: var(--space-6);
}

.snap-mrr-6 {
    scroll-margin-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-right: var(--space-6);
}

.snap-mrb-6 {
    scroll-margin-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-bottom: var(--space-6);
}

.snap-mrl-6 {
    scroll-margin-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-margin-left: var(--space-6);
}

.snap-mrtn-d5 {
    scroll-margin-top: calc(-1 * 1px);
    scroll-margin-top: calc(-1 * var(--space-d5));
}

.snap-mrrn-d5 {
    scroll-margin-right: calc(-1 * 1px);
    scroll-margin-right: calc(-1 * var(--space-d5));
}

.snap-mrbn-d5 {
    scroll-margin-bottom: calc(-1 * 1px);
    scroll-margin-bottom: calc(-1 * var(--space-d5));
}

.snap-mrln-d5 {
    scroll-margin-left: calc(-1 * 1px);
    scroll-margin-left: calc(-1 * var(--space-d5));
}

.snap-mrtn-d4 {
    scroll-margin-top: calc(-1 * 2px);
    scroll-margin-top: calc(-1 * var(--space-d4));
}

.snap-mrrn-d4 {
    scroll-margin-right: calc(-1 * 2px);
    scroll-margin-right: calc(-1 * var(--space-d4));
}

.snap-mrbn-d4 {
    scroll-margin-bottom: calc(-1 * 2px);
    scroll-margin-bottom: calc(-1 * var(--space-d4));
}

.snap-mrln-d4 {
    scroll-margin-left: calc(-1 * 2px);
    scroll-margin-left: calc(-1 * var(--space-d4));
}

.snap-mrtn-d3 {
    scroll-margin-top: calc(-1 * 3px);
    scroll-margin-top: calc(-1 * var(--space-d3));
}

.snap-mrrn-d3 {
    scroll-margin-right: calc(-1 * 3px);
    scroll-margin-right: calc(-1 * var(--space-d3));
}

.snap-mrbn-d3 {
    scroll-margin-bottom: calc(-1 * 3px);
    scroll-margin-bottom: calc(-1 * var(--space-d3));
}

.snap-mrln-d3 {
    scroll-margin-left: calc(-1 * 3px);
    scroll-margin-left: calc(-1 * var(--space-d3));
}

.snap-mrtn-d2 {
    scroll-margin-top: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    scroll-margin-top: calc(-1 * var(--space-d2));
}

.snap-mrrn-d2 {
    scroll-margin-right: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    scroll-margin-right: calc(-1 * var(--space-d2));
}

.snap-mrbn-d2 {
    scroll-margin-bottom: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    scroll-margin-bottom: calc(-1 * var(--space-d2));
}

.snap-mrln-d2 {
    scroll-margin-left: calc(-1 * calc(calc(1rem / 1.66) / 1.66));
    scroll-margin-left: calc(-1 * var(--space-d2));
}

.snap-mrtn-d1 {
    scroll-margin-top: calc(-1 * calc(1rem / 1.66));
    scroll-margin-top: calc(-1 * var(--space-d1));
}

.snap-mrrn-d1 {
    scroll-margin-right: calc(-1 * calc(1rem / 1.66));
    scroll-margin-right: calc(-1 * var(--space-d1));
}

.snap-mrbn-d1 {
    scroll-margin-bottom: calc(-1 * calc(1rem / 1.66));
    scroll-margin-bottom: calc(-1 * var(--space-d1));
}

.snap-mrln-d1 {
    scroll-margin-left: calc(-1 * calc(1rem / 1.66));
    scroll-margin-left: calc(-1 * var(--space-d1));
}

.snap-mrtn {
    scroll-margin-top: calc(-1 * 1rem);
    scroll-margin-top: calc(-1 * var(--space));
}

.snap-mrrn {
    scroll-margin-right: calc(-1 * 1rem);
    scroll-margin-right: calc(-1 * var(--space));
}

.snap-mrbn {
    scroll-margin-bottom: calc(-1 * 1rem);
    scroll-margin-bottom: calc(-1 * var(--space));
}

.snap-mrln {
    scroll-margin-left: calc(-1 * 1rem);
    scroll-margin-left: calc(-1 * var(--space));
}

.snap-mrtn-1 {
    scroll-margin-top: calc(-1 * calc(1.66 * 1rem));
    scroll-margin-top: calc(-1 * var(--space-1));
}

.snap-mrrn-1 {
    scroll-margin-right: calc(-1 * calc(1.66 * 1rem));
    scroll-margin-right: calc(-1 * var(--space-1));
}

.snap-mrbn-1 {
    scroll-margin-bottom: calc(-1 * calc(1.66 * 1rem));
    scroll-margin-bottom: calc(-1 * var(--space-1));
}

.snap-mrln-1 {
    scroll-margin-left: calc(-1 * calc(1.66 * 1rem));
    scroll-margin-left: calc(-1 * var(--space-1));
}

.snap-mrtn-2 {
    scroll-margin-top: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    scroll-margin-top: calc(-1 * var(--space-2));
}

.snap-mrrn-2 {
    scroll-margin-right: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    scroll-margin-right: calc(-1 * var(--space-2));
}

.snap-mrbn-2 {
    scroll-margin-bottom: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    scroll-margin-bottom: calc(-1 * var(--space-2));
}

.snap-mrln-2 {
    scroll-margin-left: calc(-1 * calc(calc(1.66 * 1rem) * 1.66));
    scroll-margin-left: calc(-1 * var(--space-2));
}

.snap-mrtn-3 {
    scroll-margin-top: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    scroll-margin-top: calc(-1 * var(--space-3));
}

.snap-mrrn-3 {
    scroll-margin-right: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    scroll-margin-right: calc(-1 * var(--space-3));
}

.snap-mrbn-3 {
    scroll-margin-bottom: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    scroll-margin-bottom: calc(-1 * var(--space-3));
}

.snap-mrln-3 {
    scroll-margin-left: calc(-1 * calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66));
    scroll-margin-left: calc(-1 * var(--space-3));
}

.snap-mrtn-4 {
    scroll-margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    scroll-margin-top: calc(-1 * var(--space-4));
}

.snap-mrrn-4 {
    scroll-margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    scroll-margin-right: calc(-1 * var(--space-4));
}

.snap-mrbn-4 {
    scroll-margin-bottom: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    scroll-margin-bottom: calc(-1 * var(--space-4));
}

.snap-mrln-4 {
    scroll-margin-left: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    scroll-margin-left: calc(-1 * var(--space-4));
}

.snap-mrtn-5 {
    scroll-margin-top: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    scroll-margin-top: calc(-1 * var(--space-5));
}

.snap-mrrn-5 {
    scroll-margin-right: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    scroll-margin-right: calc(-1 * var(--space-5));
}

.snap-mrbn-5 {
    scroll-margin-bottom: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    scroll-margin-bottom: calc(-1 * var(--space-5));
}

.snap-mrln-5 {
    scroll-margin-left: calc(-1 * calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66));
    scroll-margin-left: calc(-1 * var(--space-5));
}

.snap-mrtn-4 {
    scroll-margin-top: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    scroll-margin-top: calc(-1 * var(--space-4));
}

.snap-mrrn-4 {
    scroll-margin-right: calc(-1 * calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66));
    scroll-margin-right: calc(-1 * var(--space-4));
}

.snap-mrbn-6 {
    scroll-margin-bottom: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
    scroll-margin-bottom: calc(-1 * var(--space-6));
}

.snap-mrln-6 {
    scroll-margin-left: calc(-1 * calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66));
    scroll-margin-left: calc(-1 * var(--space-6));
}

.snap-mrt-auto {
    scroll-margin-top: auto;
    /* for flexbox*/
}

.snap-mrb-auto {
    scroll-margin-bottom: auto;
    /* for flexbox */
}

.snap-mrl-auto {
    scroll-margin-left: auto;
}

.snap-mrr-auto {
    scroll-margin-right: auto;
}

.snap-mrx-auto {
    scroll-margin-left: auto;
    scroll-margin-right: auto;
}

.snap-mry-auto {
    /* for flexbox */
    scroll-margin-top: auto;
    scroll-margin-bottom: auto;
}

.snap-mr-auto {
    scroll-margin: auto;
    /*for flexbox */
}

/* scroll-padding */

/**
Naming conventions
    x=x-axis
    y=y-axis
    t=top
    r=right
    b=bottom
    l=left
    n=negative
    0=none
    d<i>=decrease by <i>  
    <i>=increase by <i>
    
*/

.snap-pd-0,
.snap-no-pd {
    scroll-padding: 0;
}

.snap-pdx-0 {
    scroll-padding-left: 0;
    scroll-padding-right: 0;
}

.snap-pdy-0 {
    scroll-padding-top: 0;
    scroll-padding-bottom: 0;
}

.snap-pdt-0 {
    scroll-padding-top: 0;
}

.snap-pdr-0 {
    scroll-padding-right: 0;
}

.snap-pdb-0 {
    scroll-padding-bottom: 0;
}

.snap-pdl-0 {
    scroll-padding-left: 0;
}

.snap-pd-d5 {
    scroll-padding: 1px;
    scroll-padding: var(--space-d5);
}

.snap-pdx-d5 {
    scroll-padding-left: 1px;
    scroll-padding-left: var(--space-d5);
    scroll-padding-right: 1px;
    scroll-padding-right: var(--space-d5);
}

.snap-pdy-d5 {
    scroll-padding-top: 1px;
    scroll-padding-top: var(--space-d5);
    scroll-padding-bottom: 1px;
    scroll-padding-bottom: var(--space-d5);
}

.snap-pdt-d5 {
    scroll-padding-top: 1px;
    scroll-padding-top: var(--space-d5);
}

.snap-pdr-d5 {
    scroll-padding-right: 1px;
    scroll-padding-right: var(--space-d5);
}

.snap-pdb-d5 {
    scroll-padding-bottom: 1px;
    scroll-padding-bottom: var(--space-d5);
}

.snap-pdl-d5 {
    scroll-padding-left: 1px;
    scroll-padding-left: var(--space-d5);
}

.snap-pd-d4 {
    scroll-padding: 2px;
    scroll-padding: var(--space-d4);
}

.snap-pdx-d4 {
    scroll-padding-left: 2px;
    scroll-padding-left: var(--space-d4);
    scroll-padding-right: 2px;
    scroll-padding-right: var(--space-d4);
}

.snap-pdy-d4 {
    scroll-padding-top: 2px;
    scroll-padding-top: var(--space-d4);
    scroll-padding-bottom: 2px;
    scroll-padding-bottom: var(--space-d4);
}

.snap-pdt-d4 {
    scroll-padding-top: 2px;
    scroll-padding-top: var(--space-d4);
}

.snap-pdr-d4 {
    scroll-padding-right: 2px;
    scroll-padding-right: var(--space-d4);
}

.snap-pdb-d4 {
    scroll-padding-bottom: 2px;
    scroll-padding-bottom: var(--space-d4);
}

.snap-pdl-d4 {
    scroll-padding-left: 2px;
    scroll-padding-left: var(--space-d4);
}

.snap-pd-d3 {
    scroll-padding: 3px;
    scroll-padding: var(--space-d3);
}

.snap-pdx-d3 {
    scroll-padding-left: 3px;
    scroll-padding-left: var(--space-d3);
    scroll-padding-right: 3px;
    scroll-padding-right: var(--space-d3);
}

.snap-pdy-d3 {
    scroll-padding-top: 3px;
    scroll-padding-top: var(--space-d3);
    scroll-padding-bottom: 3px;
    scroll-padding-bottom: var(--space-d3);
}

.snap-pdt-d3 {
    scroll-padding-top: 3px;
    scroll-padding-top: var(--space-d3);
}

.snap-pdr-d3 {
    scroll-padding-right: 3px;
    scroll-padding-right: var(--space-d3);
}

.snap-pdb-d3 {
    scroll-padding-bottom: 3px;
    scroll-padding-bottom: var(--space-d3);
}

.snap-pdl-d3 {
    scroll-padding-left: 3px;
    scroll-padding-left: var(--space-d3);
}

.snap-pd-d2 {
    scroll-padding: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding: var(--space-d2);
}

.snap-pdx-d2 {
    scroll-padding-left: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-left: var(--space-d2);
    scroll-padding-right: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-right: var(--space-d2);
}

.snap-pdy-d2 {
    scroll-padding-top: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-top: var(--space-d2);
    scroll-padding-bottom: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-bottom: var(--space-d2);
}

.snap-pdt-d2 {
    scroll-padding-top: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-top: var(--space-d2);
}

.snap-pdr-d2 {
    scroll-padding-right: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-right: var(--space-d2);
}

.snap-pdb-d2 {
    scroll-padding-bottom: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-bottom: var(--space-d2);
}

.snap-pdl-d2 {
    scroll-padding-left: calc(calc(1rem / 1.66) / 1.66);
    scroll-padding-left: var(--space-d2);
}

.snap-pd-d1 {
    scroll-padding: calc(1rem / 1.66);
    scroll-padding: var(--space-d1);
}

.snap-pdx-d1 {
    scroll-padding-left: calc(1rem / 1.66);
    scroll-padding-left: var(--space-d1);
    scroll-padding-right: calc(1rem / 1.66);
    scroll-padding-right: var(--space-d1);
}

.snap-pdy-d1 {
    scroll-padding-top: calc(1rem / 1.66);
    scroll-padding-top: var(--space-d1);
    scroll-padding-bottom: calc(1rem / 1.66);
    scroll-padding-bottom: var(--space-d1);
}

.snap-pdt-d1 {
    scroll-padding-top: calc(1rem / 1.66);
    scroll-padding-top: var(--space-d1);
}

.snap-pdr-d1 {
    scroll-padding-right: calc(1rem / 1.66);
    scroll-padding-right: var(--space-d1);
}

.snap-pdb-d1 {
    scroll-padding-bottom: calc(1rem / 1.66);
    scroll-padding-bottom: var(--space-d1);
}

.snap-pdl-d1 {
    scroll-padding-left: calc(1rem / 1.66);
    scroll-padding-left: var(--space-d1);
}

.snap-pd {
    scroll-padding: 1rem;
    scroll-padding: var(--space);
}

.snap-pdx {
    scroll-padding-left: 1rem;
    scroll-padding-left: var(--space);
    scroll-padding-right: 1rem;
    scroll-padding-right: var(--space);
}

.snap-pdy {
    scroll-padding-top: 1rem;
    scroll-padding-top: var(--space);
    scroll-padding-bottom: 1rem;
    scroll-padding-bottom: var(--space);
}

.snap-pdt {
    scroll-padding-top: 1rem;
    scroll-padding-top: var(--space);
}

.snap-pdr {
    scroll-padding-right: 1rem;
    scroll-padding-right: var(--space);
}

.snap-pdb {
    scroll-padding-bottom: 1rem;
    scroll-padding-bottom: var(--space);
}

.snap-pdl {
    scroll-padding-left: 1rem;
    scroll-padding-left: var(--space);
}

.snap-pd-1 {
    scroll-padding: calc(1.66 * 1rem);
    scroll-padding: var(--space-1);
}

.snap-pdx-1 {
    scroll-padding-left: calc(1.66 * 1rem);
    scroll-padding-left: var(--space-1);
    scroll-padding-right: calc(1.66 * 1rem);
    scroll-padding-right: var(--space-1);
}

.snap-pdy-1 {
    scroll-padding-top: calc(1.66 * 1rem);
    scroll-padding-top: var(--space-1);
    scroll-padding-bottom: calc(1.66 * 1rem);
    scroll-padding-bottom: var(--space-1);
}

.snap-pdt-1 {
    scroll-padding-top: calc(1.66 * 1rem);
    scroll-padding-top: var(--space-1);
}

.snap-pdr-1 {
    scroll-padding-right: calc(1.66 * 1rem);
    scroll-padding-right: var(--space-1);
}

.snap-pdb-1 {
    scroll-padding-bottom: calc(1.66 * 1rem);
    scroll-padding-bottom: var(--space-1);
}

.snap-pdl-1 {
    scroll-padding-left: calc(1.66 * 1rem);
    scroll-padding-left: var(--space-1);
}

.snap-pd-2 {
    scroll-padding: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding: var(--space-2);
}

.snap-pdx-2 {
    scroll-padding-left: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-left: var(--space-2);
    scroll-padding-right: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-right: var(--space-2);
}

.snap-pdy-2 {
    scroll-padding-top: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-top: var(--space-2);
    scroll-padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-bottom: var(--space-2);
}

.snap-pdt-2 {
    scroll-padding-top: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-top: var(--space-2);
}

.snap-pdr-2 {
    scroll-padding-right: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-right: var(--space-2);
}

.snap-pdb-2 {
    scroll-padding-bottom: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-bottom: var(--space-2);
}

.snap-pdl-2 {
    scroll-padding-left: calc(calc(1.66 * 1rem) * 1.66);
    scroll-padding-left: var(--space-2);
}

.snap-pd-3 {
    scroll-padding: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding: var(--space-3);
}

.snap-pdx-3 {
    scroll-padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-left: var(--space-3);
    scroll-padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-right: var(--space-3);
}

.snap-pdy-3 {
    scroll-padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-top: var(--space-3);
    scroll-padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-3);
}

.snap-pdt-3 {
    scroll-padding-top: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-top: var(--space-3);
}

.snap-pdr-3 {
    scroll-padding-right: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-right: var(--space-3);
}

.snap-pdb-3 {
    scroll-padding-bottom: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-3);
}

.snap-pdl-3 {
    scroll-padding-left: calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66);
    scroll-padding-left: var(--space-3);
}

.snap-pd-4 {
    scroll-padding: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding: var(--space-4);
}

.snap-pdx-4 {
    scroll-padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-left: var(--space-4);
    scroll-padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-right: var(--space-4);
}

.snap-pdy-4 {
    scroll-padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-top: var(--space-4);
    scroll-padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-4);
}

.snap-pdt-4 {
    scroll-padding-top: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-top: var(--space-4);
}

.snap-pdr-4 {
    scroll-padding-right: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-right: var(--space-4);
}

.snap-pdb-4 {
    scroll-padding-bottom: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-4);
}

.snap-pdl-4 {
    scroll-padding-left: calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66);
    scroll-padding-left: var(--space-4);
}

.snap-pd-5 {
    scroll-padding: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding: var(--space-5);
}

.snap-pdx-5 {
    scroll-padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-left: var(--space-5);
    scroll-padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-right: var(--space-5);
}

.snap-pdy-5 {
    scroll-padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-top: var(--space-5);
    scroll-padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-5);
}

.snap-pdt-5 {
    scroll-padding-top: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-top: var(--space-5);
}

.snap-pdr-5 {
    scroll-padding-right: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-right: var(--space-5);
}

.snap-pdb-5 {
    scroll-padding-bottom: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-5);
}

.snap-pdl-5 {
    scroll-padding-left: calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-left: var(--space-5);
}

.snap-pd-6 {
    scroll-padding: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding: var(--space-6);
}

.snap-pdx-6 {
    scroll-padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-left: var(--space-6);
    scroll-padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-right: var(--space-6);
}

.snap-pdy-6 {
    scroll-padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-top: var(--space-6);
    scroll-padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-6);
}

.snap-pdt-6 {
    scroll-padding-top: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-top: var(--space-6);
}

.snap-pdr-6 {
    scroll-padding-right: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-right: var(--space-6);
}

.snap-pdb-6 {
    scroll-padding-bottom: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-bottom: var(--space-6);
}

.snap-pdl-6 {
    scroll-padding-left: calc(calc(calc(calc(calc(calc(1.66 * 1rem) * 1.66) * 1.66) * 1.66) * 1.66) * 1.66);
    scroll-padding-left: var(--space-6);
}

:root {
    --transition-duration: .14s;
    --transition-function: ease;
    --blink-duration: 1.5s;
    --blink-function: step-end;
}

@keyframes blink {
    from,
    to {
        opacity: 0.0;
    }
    20% {
        opacity: 1.0;
    }
}

.blink {
    animation: 1.5s blink step-end infinite;
    animation: var(--blink-duration) blink var(--blink-function) infinite;
}

/* margin */

.trans-mr {
    transition: .14s margin ease;
    transition: var(--transition-duration) margin var(--transition-function);
}

.trans-mrx {
    transition: .14s margin-left ease, .14s margin-right ease;
    transition: var(--transition-duration) margin-left var(--transition-function), var(--transition-duration) margin-right var(--transition-function);
}

.trans-mry {
    transition: .14s margin-top ease, .14s margin-bottom ease;
    transition: var(--transition-duration) margin-top var(--transition-function), var(--transition-duration) margin-bottom var(--transition-function);
}

.trans-mrt {
    transition: .14s margin-top ease;
    transition: var(--transition-duration) margin-top var(--transition-function);
}

.trans-mrr {
    transition: .14s margin-right ease;
    transition: var(--transition-duration) margin-right var(--transition-function);
}

.trans-mrb {
    transition: .14s margin-bottom ease;
    transition: var(--transition-duration) margin-bottom var(--transition-function);
}

.trans-mrl {
    transition: .14s margin-left ease;
    transition: var(--transition-duration) margin-left var(--transition-function);
}

/* padding */

.trans-pd {
    transition: .14s padding ease;
    transition: var(--transition-duration) padding var(--transition-function);
}

.trans-pdx {
    transition: .14s padding-left ease, .14s padding-right ease;
    transition: var(--transition-duration) padding-left var(--transition-function), var(--transition-duration) padding-right var(--transition-function);
}

.trans-pdy {
    transition: .14s padding-top ease, .14s padding-bottom ease;
    transition: var(--transition-duration) padding-top var(--transition-function), var(--transition-duration) padding-bottom var(--transition-function);
}

.trans-pdt {
    transition: .14s padding-top ease;
    transition: var(--transition-duration) padding-top var(--transition-function);
}

.trans-pdr {
    transition: .14s padding-right ease;
    transition: var(--transition-duration) padding-right var(--transition-function);
}

.trans-pdb {
    transition: .14s padding-bottom ease;
    transition: var(--transition-duration) padding-bottom var(--transition-function);
}

.trans-pdl {
    transition: .14s padding-left ease;
    transition: var(--transition-duration) padding-left var(--transition-function);
}

/* color */

.trans-color {
    transition: .14s color ease;
    transition: var(--transition-duration) color var(--transition-function);
}

/* background */

.trans-background-color {
    transition: .14s background-color ease;
    transition: var(--transition-duration) background-color var(--transition-function);
}

/* background */

.trans-width,
.trans-x,
.trans-w {
    transition: .14s width ease;
    transition: var(--transition-duration) width var(--transition-function);
}

/*width and height*/

.trans-height,
.trans-y,
.trans-h {
    transition: .14s height ease;
    transition: var(--transition-duration) height var(--transition-function);
}

.trans-width-height,
.trans-size,
.trans-xy,
.trans-wh {
    transition: .14s width ease, .14s height ease;
    transition: var(--transition-duration) width var(--transition-function), var(--transition-duration) height var(--transition-function);
}

/*DEBUG GRID
from http://tachyons.io/docs/debug-grid/

Can be useful for debugging layout issues
or helping to make sure things line up perfectly.
Just tack one of these classes onto a parent element.
*/

.debug-grid {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat top left;
}

.debug-grid-16 {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat top left;
}

.debug-grid-8-solid {
    background: white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat top left;
}

.debug-grid-16-solid {
    background: white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat top left;
}

/* PrismJS 1.26.0
https://prismjs.com/download.html#themes=prism-funky&languages=markup+css+clike+javascript */

/**
 * prism.js Funky theme
 * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
 * @author Lea Verou
 */

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    color: var(--accent-one-3);
}

.token.punctuation {
    color: hsl(0, 0%, calc(53% + 3 * calc((100% - 53%) / 6)));
    color: var(--neutral-3);
}

.token.namespace {
    opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
    color: hsl(198, 100%, calc(33.3% + 3 * calc((100% - 33.3%) / 6)));
    color: var(--primary-3);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin {
    color: hsl(32, 100%, calc(49% + 3 * calc((100% - 49%) / 6)));
    color: var(--accent-four-3);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.token.variable,
.token.inserted {
    color: hsl(80, 100%, calc(30% + 3 * calc((100% - 30%) / 6)));
    color: var(--accent-one-3);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.function {
    color: hsl(326.7, 100%, calc(30% + 4 * calc((100% - 30%) / 6)));
    color: var(--accent-two-4);
}

.token.regex,
.token.important {
    color: hsl(356, 83%, calc(41% + 4 * calc((100% - 41%) / 6)));
    color: var(--accent-three-4);
}

.token.important,
.token.bold {
    font-weight: bold;
}

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

.token.entity {
    cursor: help;
}

.token.deleted {
    color: hsl(356, 83%, 41%);
    color: var(--accent-three);
}

/* Plugin styles: Diff Highlight */

pre.diff-highlight.diff-highlight>code .token.deleted:not(.prefix),
pre>code.diff-highlight.diff-highlight .token.deleted:not(.prefix) {
    background-color: rgba(255, 0, 0, .3);
    display: inline;
}

pre.diff-highlight.diff-highlight>code .token.inserted:not(.prefix),
pre>code.diff-highlight.diff-highlight .token.inserted:not(.prefix) {
    background-color: rgba(0, 255, 128, .3);
    display: inline;
}