@charset "UTF-8";
/* typescale ---------------------------------- */
:root {
    --type-display3: 56px;
    --type-display2: 45px;
    --type-display1: 34px;
    --type-headline: 24px;
    --type-title: 20px;
    --type-subhead: 18px;
    --type-lead: 18px;
    --type-body: 16px;
    --type-footnote: 14px;
    --type-caption: 12px;
    --type-small: 10px;
    --type-micro: 8px;
}

/* Reset ================================== */
/* document ---------------------------------- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
    margin: 0;
    text-align: left;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

/* divider ---------------------------------- */
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/* headings ---------------------------------- */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

/* paragraph ---------------------------------- */
p {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* lists ---------------------------------- */
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

/* format ---------------------------------- */
b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

/* link ---------------------------------- */
a {
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: underline;
}

/* images ---------------------------------- */
img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

figure {
    margin: 0 0 1rem;
}

/* label ---------------------------------- */
label {
    display: inline-block;
}

/* inputs ---------------------------------- */
button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

/* fieldset ---------------------------------- */
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

/* legend ---------------------------------- */
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

/* progress ---------------------------------- */
progress {
    vertical-align: baseline;
}

/* output ---------------------------------- */
output {
    display: inline-block;
}

/* summary ---------------------------------- */
summary {
    display: list-item;
    cursor: pointer;
}

/* template ---------------------------------- */
template {
    display: none;
}

/* hidden ---------------------------------- */
[hidden] {
    display: none !important;
}

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

hr, .divider {
    color: var(--divider-color);
}

a {
    color: var(--link-color);
}

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

.sf, .surface {
    background-color: var(--surface-color);
}

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

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

.text-hint,
.text-disabled {
    color: var(--disabled-color);
}

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

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

.color-secondary {
    color: var(--secondary-color);
}

.color-hint,
.color-disabled {
    color: var(--disabled-color);
}

.color-inverse {
    color: var(--inverse-color);
}

/* document ---------------------------------- */
html {
    scroll-behavior: smooth;
}

html, body {
    height: 100%;
}

body {
    overflow-x: hidden;
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
}

/* breakpoints ---------------------------------- */
body {
    content: "screen: 0";
}

@media screen and (min-width: 481px) {
    body {
        content: "screen-xs: 480px";
    }
}

@media screen and (min-width: 769px) {
    body {
        content: "screen-sm: 768px";
    }
}

@media screen and (min-width: 993px) {
    body {
        content: "screen-md: 992px";
    }
}

@media screen and (min-width: 1201px) {
    body {
        content: "screen-lg: 1200px";
    }
}

@media screen and (min-width: 1401px) {
    body {
        content: "screen-xl: 1400px";
    }
}

/* Typography elements ================================== */
/* headings ---------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

/* typeset ---------------------------------- */
.type-display3 {
    font-size: var(--type-display3);
    line-height: 1;
    letter-spacing: -0.05px;
}

.type-display2 {
    font-size: var(--type-display2);
    line-height: 1.25;
    letter-spacing: 0;
}

.type-display1 {
    font-size: var(--type-display1);
    line-height: 1.25;
    letter-spacing: 0;
}

.type-headline {
    font-size: var(--type-headline);
    line-height: 1.25;
    letter-spacing: 0;
}

.type-title {
    font-size: var(--type-title);
    line-height: 1.25;
    letter-spacing: 0.05px;
}

.type-subhead {
    font-size: var(--type-subhead);
    line-height: 1.25;
    letter-spacing: 0.1px;
}

.type-lead {
    font-size: var(--type-lead);
    line-height: 1.25;
    letter-spacing: 0.1px;
}

.type-body {
    font-size: var(--type-body);
    line-height: 1.25;
    letter-spacing: 0.1px;
}

.type-footnote {
    font-size: var(--type-footnote);
    line-height: 1.25;
    letter-spacing: 0.1px;
}

.type-caption {
    font-size: var(--type-caption);
    line-height: 1.25;
    letter-spacing: 0.2px;
}

.type-small {
    font-size: var(--type-small);
    line-height: 1.25;
    letter-spacing: 0.2px;
}

.type-micro {
    font-size: var(--type-micro);
    line-height: 1.25;
    letter-spacing: 0.2px;
}

/* lists ---------------------------------- */
ul {
    list-style: decimal inside;
}

ol {
    list-style: disc inside;
}

ol,
ul,
dl {
    padding-left: 0;
    margin: 0;
}

li {
    margin-bottom: 0.75rem;
    list-style: none;
}

dt {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

dd {
    margin: 0 0 1.5rem 0;
}

/* link ---------------------------------- */
a.link {
    font-weight: bold;
    color: var(--link-color);
}

a.link:hover {
    color: var(--link-hover-color);
}

a.link,
a.hover\:link {
    font-weight: bold;
    border-bottom: 2px solid;
}

a.link:hover,
a.hover\:link:hover {
    text-decoration: none;
    border-color: currentColor;
}

a.link {
    border-color: currentColor;
}

a.hover\:link {
    border-color: transparent;
}

.link-unstyled {
    color: inherit;
    text-decoration: none;
}

.link-unstyled:hover {
    text-decoration: none;
}

.dark-link,
.dark-links,
.inverse-link,
.inverse-links {
    --link-color: var(--inverse-color);
    --link-hover-color: var(--link-color);
}

.light-link,
.light-links,
.text-link,
.text-links {
    --link-color: var(--text-color);
    --link-hover-color: var(--link-color);
}

.secondary-link,
.secondary-links {
    --link-color: var(--secondary-color);
    --link-hover-color: var(--text-color);
}

.primary-link,
.primary-links {
    --link-color: var(--link-color);
    --link-hover-color: var(--link-hover-color);
}

/* Forms elements ================================== */
/* inputs ---------------------------------- */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="week"],
input[type="month"],
input[type="time"],
input[type="datetime-local"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[list],
textarea,
select {
    width: 100%;
}

/* Removes awkward default styles on some inputs for iOS */
input, textarea, select {
    font-weight: normal;
}

textarea {
    min-height: 65px;
}

input:focus,
textarea:focus,
select:focus {
    outline: 0;
}

label,
legend {
    display: block;
}

legend {
    color: var(--secondary-color);
}

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

input[type="checkbox"],
input[type="radio"] {
    display: inline;
    width: auto;
}

label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #aaa;
}

input::placeholder,
textarea::placeholder {
    color: #aaa;
}

input:disabled,
select:disabled,
textarea:disabled {
    color: var(--secondary-color);
    background-color: #f6f6f6;
}

select {
    padding-right: 2em !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='12' fill='%23aaaaaa'><polygon points='12,4 24,4 18,10'/></svg>");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2.25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select:hover,
select:focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='12' fill='%23222222'><polygon points='12,4 24,4 18,10'/></svg>");
    cursor: pointer;
}

.button {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    font-weight: var(--font-bold);
    line-height: 1rem;
    text-align: center;
    text-decoration: none;
    cursor: var(--pointer);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: var(--control-border-width);
    border-style: var(--control-border-style);
    padding: var(--control-padding);
}

.button:hover, .button:focus {
    outline: 0;
    text-decoration: none;
    color: var(--primary-color);
    border-color: var(--current);
}

.button + .button {
    margin-left: .5em;
}

/* buttons ---------------------------------- */
/* Media elements ================================== */
/* divider ---------------------------------- */
hr, .divider {
    --border-width: var(--border-thin);
    --spacing: .25rem;
    margin-top: var(--spacing);
    margin-bottom: var(--spacing);
    border-width: 0;
    border-top: var(--border-width) solid;
}

hr.thin {
    --border-width: var(--border-thin);
}

hr.medium {
    --border-width: var(--border-medium);
}

hr.thick {
    --border-width: var(--border-thick);
}

/* images ---------------------------------- */
img {
    max-width: 100%;
}

.image-2x {
    width: 100%;
}

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

/* icons ---------------------------------- */
i, .icon {
    display: inline-block;
    font-family: var(--icons-font) !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    vertical-align: middle;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i, .icon {
    color: currentColor;
}

svg.icon {
    width: 1em;
}

svg.icon g, svg.icon path {
    fill: currentColor;
}

.icon-xs {
    font-size: 8px;
}

.icon-sm {
    font-size: 16px;
}

.icon-md {
    font-size: 20px;
}

.icon-lg {
    font-size: 24px;
}

.icon-xl {
    font-size: 32px;
}

.icon-xxl {
    font-size: 64px;
}

/* spacing ---------------------------------- */
table input,
table select,
table textarea {
    margin-bottom: 0;
}

.content input,
.content textarea,
.content select,
.content fieldset {
    margin-bottom: var(--spacing-input);
}

.content label,
.content legend {
    margin-bottom: var(--spacing-caption);
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: var(--spacing-headings);
}

p {
    margin-top: 0;
}

p,
pre,
blockquote,
figure,
ul,
ol,
dl,
table,
form {
    margin-bottom: var(--spacing-content);
}

.content input:last-child,
.content textarea:last-child,
.content select:last-child,
.content fieldset:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child,
pre:last-child,
blockquote:last-child,
figure:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
form:last-child {
    margin-bottom: 0;
}

/* Layout ================================== */
/* container ---------------------------------- */
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    padding: 0 var(--margin);
}

.container {
    max-width: 1200px;
}

.container.xsmall {
    max-width: 400px;
}

.container.small {
    max-width: 600px;
}

.container.medium {
    max-width: 800px;
}

.container.large {
    max-width: 1400px;
}

.container.fluid {
    max-width: 100%;
}

/* columns ---------------------------------- */
:root {
    --column-gutter: calc(var(--gutter) / 2);
}

.columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.columns.inverse-order {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.container .columns {
    margin-left: calc(var(--column-gutter) * -1);
    margin-right: calc(var(--column-gutter) * -1);
}

.row {
    margin-bottom: 1rem;
}

.column {
    padding-left: var(--column-gutter);
    padding-right: var(--column-gutter);
    box-sizing: border-box;
}

/* stack ---------------------------------- */
.stack, .page, .stack.horizontal, .horizontal.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: start;
}

.stack.vertical, .vertical.page {
    -ms-flex-direction: column;
    flex-direction: column;
}

.stack.center, .center.page {
    -ms-flex-align: center;
    align-items: center;
}

.layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    flex-direction: row;
}

.layout.horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

.layout.vertical {
    -ms-flex-direction: column;
    flex-direction: column;
}

.flexible {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

@media screen and (min-width: 769px) {
    .page {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

/* overlay ---------------------------------- */
.overlay, .backdrop:after {
    position: absolute;
}

.backdrop:after {
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--backdrop-color);
    will-change: background;
    z-index: -1;
}

/* modal ---------------------------------- */
.modal-opened {
    overflow-y: hidden;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-header,
.modal-dialog {
    position: relative;
    width: auto;
}

.modal-header {
    z-index: 1056 !important;
}

.modal-dialog {
    z-index: 1055 !important;
}

.modal-header {
    background-color: var(--surface-color) !important;
}

.modal-dialog {
    margin: 0.5rem;
    pointer-events: none;
}

.modal-dialog {
    margin: 2.5rem auto;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: absolute;
    margin: 0;
}

.modal.left .modal-dialog {
    left: 0;
    right: auto;
}

.modal.right .modal-dialog {
    left: auto;
    right: 0;
}

.modal.fade .modal-header, .modal.fade
.modal-dialog {
    opacity: 0;
    transition: all 0.3s ease-out;
    transform: translate(0, 120%);
}

.modal.left .modal-header, .modal.left
.modal-dialog {
    transform: translate(-120%, 0);
}

.modal.right .modal-header, .modal.right
.modal-dialog {
    transform: translate(120%, 0);
}

.modal.show .modal-header, .modal.show
.modal-dialog {
    opacity: 1;
    transform: none;
}

.modal.modal-static .modal-header, .modal.modal-static
.modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    height: subtract(100%, 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: black;
    transition: all 0.3s ease-out;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: var(--surface-color);
    background-clip: padding-box;
    border-radius: 0.5rem;
    outline: 0;
}

.modal-full .modal-content {
    background-color: var(--transparent);
}

.modal-full .modal-backdrop {
    background-color: var(--surface-color);
}

.modal-dialog {
    max-width: 500px;
}

.modal-sm {
    max-width: 320px;
}

.modal-lg {
    max-width: 800px;
}

.modal-xl {
    max-width: 1140px;
}

.modal.fade {
    pointer-events: none;
}

.modal.show {
    pointer-events: auto;
}

.fade .modal-content {
    pointer-events: none;
    display: none;
    opacity: 0;
}

.show .modal-content {
    pointer-events: auto;
    display: block;
    opacity: 1;
}

.fade .modal-backdrop {
    pointer-events: none;
    opacity: 0;
}

.show .modal-backdrop {
    pointer-events: auto;
    opacity: 0.5;
}

.modal-full.show .modal-backdrop {
    opacity: 1;
}

/* section ---------------------------------- */
.main {
    --spacing: var(--main-top-spacing);
    padding-top: var(--spacing);
}

.section {
    --spacing: var(--section-spacing);
    overflow: hidden;
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
}

.section-flush {
    left: 0;
    right: 0;
    position: absolute;
}

.with-background {
    position: relative;
}

.blocks .background,
.blocks .with-background:after, .blocks.with-background:after,
.section .background,
.section .with-background:after,
.section.with-background:after, .blocks.with-bottom-fade:before,
.section.with-bottom-fade:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.blocks .background,
.blocks .with-background:after, .blocks.with-background:after,
.section .background,
.section .with-background:after,
.section.with-background:after {
    --image: var(--background-image);
    background-size: cover;
    background: var(--background);
    background-image: var(--image);
    z-index: -2;
    background-size: cover;
}

.blocks.with-scrim:after,
.section.with-scrim:after {
    filter: brightness(0.7);
}

.blocks.with-bottom-fade:before,
.section.with-bottom-fade:before {
    --color: var(--fade-color);
    background: linear-gradient(360deg, var(--color), transparent);
    top: auto;
    height: 60%;
}

.section {
    --spacing: 5rem;
}

.section.slim {
    --spacing: 3rem;
}

.section.huge {
    --spacing: 7rem;
}

.section.fat {
    --spacing: 10rem;
}

.section.small {
    --spacing: 1rem;
}

.section.medium {
    --spacing: 2rem;
}

.section.large {
    --spacing: 3rem;
}

.section.xlarge {
    --spacing: 5rem;
}

/* divider ---------------------------------- */
.divider-small {
    --spacing: .5rem;
}

.divider-large {
    --spacing: 3rem;
}

/* colors ---------------------------------- */
.text-themed {
    color: var(--themed-color) !important;
}

.text-brand {
    color: var(--brand-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

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

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

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

.text-danger {
    color: var(--danger-color) !important;
}

.text-inverse {
    color: var(--inverse-color) !important;
}

.color-themed {
    color: var(--themed-color) !important;
}

.color-brand {
    color: var(--brand-color) !important;
}

.color-primary {
    color: var(--primary-color) !important;
}

.color-info {
    color: var(--info-color) !important;
}

.color-success {
    color: var(--success-color) !important;
}

.color-warning {
    color: var(--warning-color) !important;
}

.color-danger {
    color: var(--danger-color) !important;
}

.color-inverse {
    color: var(--inverse-color) !important;
}

/* backgrounds ---------------------------------- */
.bg-themed {
    background-color: var(--themed-color) !important;
}

.bg-brand {
    background-color: var(--brand-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

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

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

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

.bg-danger {
    background-color: var(--danger-color) !important;
}

.bg-lowest {
    background-color: var(--surface-lowest-color) !important;
}

.bg-lower {
    background-color: var(--surface-lower-color) !important;
}

.bg-low {
    background-color: var(--surface-low-color) !important;
}

.bg-medium {
    background-color: var(--surface-medium-color) !important;
}

.bg-high {
    background-color: var(--surface-high-color) !important;
}

.bg-higher {
    background-color: var(--surface-higher-color) !important;
}

.bg-highesst {
    background-color: var(--surface-highest-color) !important;
}

.bg-lightest {
    background-color: var(--surface-lowest-color) !important;
}

.bg-lighter {
    background-color: var(--surface-lower-color) !important;
}

.bg-light {
    background-color: var(--surface-low-color) !important;
}

.bg-dark {
    background-color: var(--surface-high-color) !important;
}

.bg-darker {
    background-color: var(--surface-higher-color) !important;
}

.bg-darkest {
    background-color: var(--surface-highest-color) !important;
}

/* borders ---------------------------------- */
.border {
    --border-width: var(--border-thin);
    --border-style: var(--border-solid);
    --border-color: var(--border-color);
    border: var(--border-width) var(--border-style) var(--border-color);
}

.border.thin {
    --border-width: var(--border-thin);
}

.border.medium {
    --border-width: var(--border-medium);
}

.border.thick {
    --border-width: var(--border-thick);
}

.border.dotted {
    --border-style: var(--border-dotted);
}

.border.dashed {
    --border-style: var(--border-dashed);
}

.border.solid {
    --border-style: var(--border-solid);
}

.border.double {
    --border-style: var(--border-double);
}

/* boxes ---------------------------------- */
.box {
    --box-background: none;
    --box-padding: 1rem;
    --box-shape: var(--shape-rounded-sm);
    --box-shadow: "";
    --border-width: var(--border-thin);
    --border-style: var(--border-solid);
}

.box.none {
    --box-padding: 0;
}

.box.xsmall {
    --box-padding: .5rem;
}

.box.small {
    --box-padding: 1rem;
}

.box.medium {
    --box-padding: 1.5rem;
}

.box.large {
    --box-padding: 2rem;
}

.box.xlarge {
    --box-padding: 3rem;
}

.box.rised {
    --box-shadow: var(--shadow-1);
    --border-style: none;
    --box-background: var(--surface-color);
}

.box {
    border: var(--border-width) var(--border-style) var(--divider-color);
    border-radius: var(--box-shape);
    padding: var(--box-padding);
    box-shadow: var(--box-shadow);
    background: var(--box-background);
    position: relative;
    color: var(--text-color);
}

.box + .box {
    margin-top: 1rem;
}

.box-content {
    position: relative;
    background-color: var(--surface-color);
    margin: calc(var(--box-padding) * -1);
    padding-bottom: var(--box-padding);
    border-radius: var(--box-shape);
}

.box-content:after {
    content: "";
    display: block;
    width: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: .5rem;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--surface-color) 75%);
}

/* social ---------------------------------- */
.color-facebook {
    color: var(--facebook-color);
}

.color-twitter {
    color: var(--twitter-color);
}

.color-linkedin {
    color: var(--linkedin-color);
}

.color-youtube {
    color: var(--youtube-color);
}

.color-instagram {
    color: var(--instagram-color);
}

.color-whatsapp {
    color: var(--instagram-color);
}

/* Interactions ================================== */
/* cursors ---------------------------------- */
/* scroll ---------------------------------- */
.scroll-horizontal {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.scroll-hide {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

.scroll-hide::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

/* collapse ---------------------------------- */
@keyframes collapse-open {
    from {
        pointer-events: none;
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    to {
        pointer-events: auto;
        display: block;
        height: auto;
        padding-top: 2rem;
        padding-bottom: 2 rem¡;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes collapse-close {
    from {
        pointer-events: auto;
        height: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    to {
        pointer-events: none;
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.collapse {
    overflow: hidden;
    height: 0;
    animation-name: collapse-close;
    animation-duration: 250ms;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}

.collapse.opened {
    animation-name: collapse-open;
    animation-duration: 250ms;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}

.draggable {
    cursor: pointer;
}

.draggable:hover {
    background-color: var(--surface-lowest-color);
}

/* focus ---------------------------------- */
/* zoom ---------------------------------- */
/* Components ================================== */
/* feather-icons ---------------------------------- */
/* caret ---------------------------------- */
.caret {
    line-height: 1;
}

.caret:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin-right: .3em;
    border-style: solid;
    border-color: transparent;
    border-width: .3em;
}

.caret,
.caret-bottom {
    color: currentColor;
}

.caret:before,
.caret-bottom:before {
    border-top-color: currentColor;
    border-bottom: 0;
}

.caret-top {
    color: currentColor;
}

.caret-top:before {
    border-bottom-color: currentColor;
    border-top: 0;
}

/* avatar ---------------------------------- */
.avatar {
    --avatar-size: 2.5rem;
}

.avatar {
    border-radius: var(--shape-circle);
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.avatar img {
    width: var(--avatar-size);
    max-width: initial;
}

.avatar.xsmall {
    --avatar-size: 1.25rem;
}

.avatar.small {
    --avatar-size: 2rem;
}

.avatar.large {
    --avatar-size: 3rem;
}

.avatar.xlarge {
    --avatar-size: 5rem;
}

.avatar-group {
    display: -ms-flexbox;
    display: flex;
}

.avatar-group .avatar {
    border: 2px solid var(--surface-color);
}

.avatar-group .avatar + .avatar {
    margin-left: -.5rem;
}

/* badge ---------------------------------- */
.badge {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 75%;
    font-weight: 700;
    border-radius: 2em;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

/* buttons ---------------------------------- */
.button {
    background-color: var(--background);
    border-color: var(--border);
    color: var(--color);
    padding: var(--padding);
    border-radius: var(--shape);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.button:hover, .button:focus, .button:active, .button.active {
    background-color: var(--background);
    border-color: var(--border);
    color: var(--color);
}

.button {
    --background: var(--transparent);
    --border: var(--border-color);
    --color: var(--secondary-color);
    --shape: var(--control-shape);
}

.button:hover, .button:focus, .button:active, .button.active {
    --background: var(--transparent);
    --border: var(--text-border);
    --color: var(--text-color);
}

.button.block {
    display: block;
}

.button.block + .button.block {
    margin-left: 0;
    margin-top: .5rem;
}

.button {
    --padding: var(--control-padding);
}

.button.small {
    --padding: var(--control-padding-small);
    font-size: 12px;
}

.button.large {
    --padding: var(--control-padding-large);
    font-size: 18px;
}

.button.solid {
    --border: var(--transparent);
}

.button.solid {
    --background: var(--secondary-color);
    --color: var(--dark);
}

.button.solid:hover, .button.solid:focus, .button.solid:active, .button.solid.active {
    --background: var(--text-color);
}

.button.solid.themed {
    --background: var(--themed-color);
    --color: var(--dark);
}

.button.solid.themed:hover, .button.solid.themed:focus, .button.solid.themed:active, .button.solid.themed.active {
    --background: var(--themed-hover-color);
}

.button.solid.primary {
    --background: var(--primary-color);
    --color: var(--dark);
}

.button.solid.primary:hover, .button.solid.primary:focus, .button.solid.primary:active, .button.solid.primary.active {
    --background: var(--primary-dark-color);
}

.button.solid.success {
    --background: var(--success-color);
    --color: var(--dark);
}

.button.solid.success:hover, .button.solid.success:focus, .button.solid.success:active, .button.solid.success.active {
    --background: var(--success-dark-color);
}

.button.solid.warning {
    --background: var(--warning-color);
    --color: var(--dark);
}

.button.solid.warning:hover, .button.solid.warning:focus, .button.solid.warning:active, .button.solid.warning.active {
    --background: var(--warning-dark-color);
}

.button.solid.danger {
    --background: var(--danger-color);
    --color: var(--dark);
}

.button.solid.danger:hover, .button.solid.danger:focus, .button.solid.danger:active, .button.solid.danger.active {
    --background: var(--danger-dark-color);
}

.button.ghost {
    --border: var(--transparent);
}

.button.ghost {
    --background: var(--divider-color);
    --color: var(--text-color);
}

.button.ghost:hover, .button.ghost:focus, .button.ghost:active, .button.ghost.active {
    --background: var(--text-color);
    --border: var(--transparent);
    --color: var(--dark);
}

.button.ghost.primary {
    --background: var(--primary-lighter-color);
    --color: var(--primary-color);
}

.button.ghost.primary:hover, .button.ghost.primary:focus, .button.ghost.primary:active, .button.ghost.primary.active {
    --background: var(--primary-color);
    --border: var(--transparent);
    --color: var(--dark);
}

.button.ghost.success {
    --background: var(--success-lightest-color);
    --color: var(--success-color);
}

.button.ghost.success:hover, .button.ghost.success:focus, .button.ghost.success:active, .button.ghost.success.active {
    --background: var(--success-color);
    --border: var(--transparent);
    --color: var(--dark);
}

.button.ghost.warning {
    --background: var(--warning-lightest-color);
    --color: var(--warning-color);
}

.button.ghost.warning:hover, .button.ghost.warning:focus, .button.ghost.warning:active, .button.ghost.warning.active {
    --background: var(--warning-color);
    --border: var(--transparent);
    --color: var(--dark);
}

.button.ghost.danger {
    --background: var(--danger-lightest-color);
    --color: var(--danger-color);
}

.button.ghost.danger:hover, .button.ghost.danger:focus, .button.ghost.danger:active, .button.ghost.danger.active {
    --background: var(--danger-color);
    --border: var(--transparent);
    --color: var(--dark);
}

.button.bordered {
    border-width: var(--border-medium);
    --border: var(--border-color);
}

.button.bordered:hover, .button.bordered:focus, .button.bordered:active, .button.bordered.active {
    --border: var(--text-color);
}

.button.outline {
    border-width: var(--border-thin);
    --background: var(--transparent);
}

.button.dashed {
    border-width: var(--border-thin);
    border-style: var(--border-dashed);
}

.button.text {
    --border: var(--transparent);
}

.button.clear {
    border: var(--transparent);
    --background: var(--transparent);
}

.button.clear:hover, .button.clear:focus, .button.clear:active, .button.clear.active {
    --background: var(--control-color);
}

/* inputs ---------------------------------- */
.select {
    line-height: 1.5;
}

.input {
    line-height: 1;
}

.select, .input {
    --border-width: var(--control-border-width);
    --border-style: var(--control-border-style);
    --color: var(--text-color);
    --border: var(--border-color);
    --background: transparent;
    --shape: var(--control-shape);
    --padding: var(--control-padding);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: normal;
    color: var(--color);
    border-width: var(--border-width);
    border-style: var(--border-style);
    border-color: var(--border);
    border-radius: var(--shape);
    background-color: var(--background);
    padding: var(--padding);
    transition: 0.3s ease 0s;
}

.select:focus, .input:focus {
    --border: var(--text-color);
    border-color: var(--border);
    color: var(--color);
}

.select.small, .input.small {
    --padding: var(--control-padding-small);
    font-size: 12px;
}

.select.large, .input.large {
    --padding: var(--control-padding-large);
    font-size: 18px;
}

.select {
    padding-right: 2em !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='12' fill='%23aaaaaa'><polygon points='12,4 24,4 18,10'/></svg>");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2.25em;
}

.select:hover, .select:focus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='12' fill='%23222222'><polygon points='12,4 24,4 18,10'/></svg>");
    cursor: pointer;
}

.form-check,
.checkbox {
    display: -ms-flexbox;
    display: flex;
}

.form-check input,
.checkbox input {
    margin-right: .5rem;
}

.form-check label + input,
.checkbox label + input {
    margin-right: 0 !important;
    margin-left: .5rem;
}

@media (min-width: 900px) {
    .aligned input,
    .aligned textarea,
    .aligned select {
        display: inline-block;
        width: auto;
    }

    .aligned label {
        text-align: right;
        display: inline-block;
        width: 18em;
        margin: 0 1em 0 0;
    }
}

.form-group {
    margin-bottom: 1rem;
}

@media screen and (max-width: 480px) {
    .form-control {
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 481px) {
    .form-inline {
        display: -ms-flexbox;
        display: flex;
    }

    .form-control {
        display: -ms-flexbox;
        display: flex;
    }
}

.toolbar {
    font-size: 0;
}

.toolbar .button + .button {
    margin: 0;
}

/* close ---------------------------------- */
.close-button {
    --button-spacing: 0;
    display: inline-block;
    width: 14px;
    line-height: 1rem;
    text-align: center;
    color: inherit;
    -webkit-appearance: none;
    background: transparent;
    /* reset stuff if used as button */
    height: auto;
    padding: var(--button-spacing);
    border: 0;
    font-weight: 300;
    transition: all 0.3s ease-out;
    border-radius: var(--shape-round);
}

.modal-content .close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 1em 1.5em;
}

.modal-content .close-button:after {
    margin-top: -4px;
    margin-left: -11px;
    width: 1em;
}

a.close-button {
    text-decoration: none;
}

.close-button.left {
    margin-right: 10px;
}

.close-button.right {
    margin-left: 10px;
}

.close-button:focus {
    outline: none;
}

.close-button:after {
    content: '\00d7';
    display: block;
    font-size: 22px;
    opacity: 0.6;
    color: #666;
    text-align: center;
    font-weight: bolder;
}

.close-button:hover {
    background-color: var(--control-color);
}

.close-button:hover:after {
    opacity: 1;
}

/* progress ---------------------------------- */
.progress {
    --color: var(--primary-color);
    --background: var(--control-color);
    --bar-size: .75rem;
    --font-size: .75rem;
    --shape: var(--shape-rect);
}

.progress.small {
    --bar-size: .5rem;
}

.progress.round {
    --shape: var(--shape-round);
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: var(--bar-size);
    overflow: hidden;
    font-size: var(--font-size);
    background-color: var(--background);
    border-radius: var(--shape);
}

.progress-bar {
    background-color: var(--color);
    border-radius: var(--shape-rect);
}

.progress-bar.themed {
    --color: var(--themed-color);
}

/* menu ---------------------------------- */
:root {
    --menu-font-size: var(--font-size);
    --menu-item-spacing: .5rem;
    --menu-item-divider: var(--divider-width) solid var(--divider-color);
}

.menu {
    padding-left: 0;
    line-height: 1;
}

.menu-header {
    border-bottom: var(--base-divider) var(--divider-color);
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

.menu-item {
    list-style: none;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: var(--menu-font-size);
}

.menu-divider {
    list-style: none;
    margin-bottom: 0;
    vertical-align: middle;
}

.menu-divider hr {
    margin: 1rem;
}

.menu-title,
.menu-label,
.menu-link {
    display: block;
}

.menu-title,
.menu-label,
.menu-link {
    padding: var(--menu-item-spacing);
}

.menu-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    word-break: break-word;
    white-space: nowrap;
}

.menu-text {
    -ms-flex: 1;
    flex: 1;
    margin: 0 .5rem;
}

/* dropdown ---------------------------------- */
:root {
    --dropdown-size: 260px;
    --dropdown-spacing: 1rem;
    --dropdown-background: var(--surface-color);
    --dropdown-shadow: var(--shadow-2);
    --dropdown-border: 0;
    --dropdown-shape: var(--shape-rect);
}

.dropdown-menu,
.dropdown-content {
    z-index: 100;
    position: absolute;
    left: 0;
    margin: 0;
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
    transform: translate3d(0, -1rem, 0);
    transition: all 0.3s ease 0s;
}

.dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.dropdown:hover {
    cursor: default;
}

.dropdown.mega-menu {
    position: static;
}

.dropdown .panel img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dropdown .menu-link {
    transition: all 0.3s ease 0s;
}

.dropdown .column .menu {
    padding: 0;
}

.dropdown:not(.on-click):hover > .dropdown-menu,
.dropdown:not(.on-click):hover > .dropdown-content,
.dropdown > .dropdown-menu.active {
    transform: translate3d(0, 0, 0);
    pointer-events: all;
    opacity: 1;
}

.dropdown-menu,
.dropdown-content {
    top: 100%;
}

.dropdown-menu,
.dropdown-panel {
    display: block;
    width: var(--dropdown-size);
    padding: var(--dropdown-spacing);
    background: var(--dropdown-background);
    box-shadow: var(--dropdown-shadow);
    border-radius: var(--dropdown-shape);
}

.dropdown-menu.xsmall,
.dropdown-panel.xsmall {
    --dropdown-size: 200px;
}

.dropdown-menu.small,
.dropdown-panel.small {
    --dropdown-size: 260px;
}

.dropdown-menu.medium,
.dropdown-panel.medium {
    --dropdown-size: 480px;
}

.dropdown-menu.large,
.dropdown-panel.large {
    --dropdown-size: 880px;
}

.dropdown-up {
    top: auto;
    bottom: 100%;
    transform: translate3d(0, 1rem, 0);
}

.dropdown-spaced {
    padding-top: 1rem;
}

.dropdown-spaced.dropdown-up {
    padding-bottom: 1rem;
}

.dropdown-right {
    right: 0;
    left: auto;
}

.dropdown-top-right {
    left: 100%;
    top: 0;
}

.dropdown--open > .dropdown-menu,
.dropdown--open > .dropdown-content {
    transform: translate3d(0, 0, 0);
    pointer-events: all;
    opacity: 1;
}

.dropdown.mega-menu .dropdown-panel {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
}

.dropdown-title {
    margin: 0.25rem 0.5rem 0.75rem 0.5rem;
    border-bottom: var(--base-border) var(--divider-color);
    padding-bottom: 0.75rem;
}

/* navbar ---------------------------------- */
.navbar {
    display: block;
    width: 100%;
    z-index: 1030;
    background: var(--navbar-background);
    padding: var(--navbar-spacing);
    transition: padding 0.3s ease 0s;
}

.navbar > .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.navbar-menu {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0;
}

.navbar-button {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.navbar-brand {
    color: var(--text-color);
    position: relative;
    max-height: 2.5rem;
    display: inline-block;
}

.navbar-brand img {
    height: var(--brand-max-height);
}

.navbar-brand:hover {
    text-decoration: none;
}

.navbar-spacer {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.navbar-icon {
    font-size: 1.75rem;
    padding: .5rem;
}

@media screen and (max-width: 992px) {
    .navbar-menu {
        -ms-flex-align: center;
        align-items: center;
        display: block !important;
        z-index: -1;
        width: 100%;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        height: 0;
        animation-name: collapse-close;
        animation-duration: 250ms;
        animation-timing-function: ease-in;
        animation-fill-mode: forwards;
    }

    .navbar-collapse.opened {
        animation-name: collapse-open;
        animation-duration: 250ms;
        animation-timing-function: ease-in;
        animation-fill-mode: forwards;
    }

    .navbar-menu .menu-link:hover {
        text-decoration: none;
    }
}

@media screen and (min-width: 993px) {
    .navbar-menu {
        display: -ms-flexbox;
        display: flex;
    }

    .navbar-collapse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

/* Utilities ================================== */
/* accesibility ---------------------------------- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

/* fonts ---------------------------------- */
.font-serif {
    font-family: DEFINIR;
}

.font-sans {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-mono {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

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

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

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

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

.text-black {
    font-weight: 900;
}

.font-light {
    font-weight: 300;
}

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

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

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

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

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.line-none {
    line-height: var(--line-none);
}

.line-normal {
    line-height: var(--line-normal);
}

.line-small {
    line-height: var(--line-small);
}

.line-medium {
    line-height: var(--line-medium);
}

.line-large {
    line-height: var(--line-large);
}

/* display ---------------------------------- */
.normal {
    display: inherit !important;
}

.block {
    display: block !important;
}

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

.inline {
    display: inline !important;
}

.flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.hidden {
    display: none !important;
}

.nowrap {
    white-space: nowrap !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media screen and (min-width: 481px) {
    .xs\:normal {
        display: inherit !important;
    }

    .xs\:block {
        display: block !important;
    }

    .xs\:inline-block {
        display: inline-block !important;
    }

    .xs\:inline {
        display: inline !important;
    }

    .xs\:flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .xs\:hidden {
        display: none !important;
    }

    .xs\:nowrap {
        white-space: nowrap !important;
    }

    .xs\:visible {
        visibility: visible !important;
    }

    .xs\:invisible {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 769px) {
    .sm\:normal {
        display: inherit !important;
    }

    .sm\:block {
        display: block !important;
    }

    .sm\:inline-block {
        display: inline-block !important;
    }

    .sm\:inline {
        display: inline !important;
    }

    .sm\:flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .sm\:hidden {
        display: none !important;
    }

    .sm\:nowrap {
        white-space: nowrap !important;
    }

    .sm\:visible {
        visibility: visible !important;
    }

    .sm\:invisible {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 993px) {
    .md\:normal {
        display: inherit !important;
    }

    .md\:block {
        display: block !important;
    }

    .md\:inline-block {
        display: inline-block !important;
    }

    .md\:inline {
        display: inline !important;
    }

    .md\:flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .md\:hidden {
        display: none !important;
    }

    .md\:nowrap {
        white-space: nowrap !important;
    }

    .md\:visible {
        visibility: visible !important;
    }

    .md\:invisible {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 1201px) {
    .lg\:normal {
        display: inherit !important;
    }

    .lg\:block {
        display: block !important;
    }

    .lg\:inline-block {
        display: inline-block !important;
    }

    .lg\:inline {
        display: inline !important;
    }

    .lg\:flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .lg\:hidden {
        display: none !important;
    }

    .lg\:nowrap {
        white-space: nowrap !important;
    }

    .lg\:visible {
        visibility: visible !important;
    }

    .lg\:invisible {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 1401px) {
    .xl\:normal {
        display: inherit !important;
    }

    .xl\:block {
        display: block !important;
    }

    .xl\:inline-block {
        display: inline-block !important;
    }

    .xl\:inline {
        display: inline !important;
    }

    .xl\:flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .xl\:hidden {
        display: none !important;
    }

    .xl\:nowrap {
        white-space: nowrap !important;
    }

    .xl\:visible {
        visibility: visible !important;
    }

    .xl\:invisible {
        visibility: hidden !important;
    }
}

/* positions ---------------------------------- */
.p-static, .position-static {
    position: static !important;
}

.p-relative, .position-relative {
    position: relative !important;
}

.p-absolute, .position-absolute {
    position: absolute !important;
}

.p-fixed, .position-fixed {
    position: fixed !important;
}

.p-sticky, .position-sticky {
    position: sticky !important;
}

.fixed-top,
.fixed-right,
.fixed-bottom,
.fixed-left {
    position: fixed;
    z-index: 1030;
}

.fixed-top {
    top: 0;
    right: 0;
    left: 0;
}

.fixed-right {
    top: 0;
    bottom: 0;
    right: 0;
}

.fixed-bottom {
    bottom: 0;
    right: 0;
    left: 0;
}

.fixed-left {
    top: 0;
    bottom: 0;
    left: 0;
}

.on-top {
    position: absolute;
    top: 0;
    right: auto;
    left: auto;
}

.on-top-center {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.on-top-right {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}

.on-top-left {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
}

.on-middle {
    position: absolute;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: auto;
    left: auto;
}

.on-middle-center {
    position: absolute;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    left: 0;
}

.on-middle-right {
    position: absolute;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    left: auto;
}

.on-middle-left {
    position: absolute;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: auto;
}

.on-bottom {
    position: absolute;
    bottom: 0;
    right: auto;
    left: auto;
}

.on-bottom-center {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.on-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
}

.on-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
}

.on-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.on-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

/* align ---------------------------------- */
.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.items-top, .align-items-top,
.items-start, .align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.items-bottom, .align-items-bottom,
.items-end, .align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.items-center, .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.items-baseline, .align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.items-stretch, .align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.self-top, .align-self-top,
.self-start .align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.self-bottom, .align-self-bottom,
.self-end, .align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.self-center, .align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.self-baseline, .align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.self-stretch, .align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
}

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

.content-center {
    -ms-flex-pack: center;
    justify-content: center;
}

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

.space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.space-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.space-evenly {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.left {
    float: left !important;
    clear: left;
}

.right {
    float: right !important;
    clear: right;
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.clear {
    clear: both;
}

/* spacing ---------------------------------- */
.my-0, .mt-0 {
    margin-top: var(--space-0) !important;
}

.mx-0, .mr-0 {
    margin-right: var(--space-0) !important;
}

.my-0, .mb-0 {
    margin-bottom: var(--space-0) !important;
}

.mx-0, .ml-0 {
    margin-left: var(--space-0) !important;
}

.m-0, .m-0 {
    margin: var(--space-0) !important;
}

.py-0, .pt-0 {
    padding-top: var(--space-0) !important;
}

.px-0, .pr-0 {
    padding-right: var(--space-0) !important;
}

.py-0, .pb-0 {
    padding-bottom: var(--space-0) !important;
}

.px-0, .pl-0 {
    padding-left: var(--space-0) !important;
}

.p-0, .p-0 {
    padding: var(--space-0) !important;
}

.my-1, .mt-1 {
    margin-top: var(--space-1) !important;
}

.mx-1, .mr-1 {
    margin-right: var(--space-1) !important;
}

.my-1, .mb-1 {
    margin-bottom: var(--space-1) !important;
}

.mx-1, .ml-1 {
    margin-left: var(--space-1) !important;
}

.m-1, .m-1 {
    margin: var(--space-1) !important;
}

.py-1, .pt-1 {
    padding-top: var(--space-1) !important;
}

.px-1, .pr-1 {
    padding-right: var(--space-1) !important;
}

.py-1, .pb-1 {
    padding-bottom: var(--space-1) !important;
}

.px-1, .pl-1 {
    padding-left: var(--space-1) !important;
}

.p-1, .p-1 {
    padding: var(--space-1) !important;
}

.my-2, .mt-2 {
    margin-top: var(--space-2) !important;
}

.mx-2, .mr-2 {
    margin-right: var(--space-2) !important;
}

.my-2, .mb-2 {
    margin-bottom: var(--space-2) !important;
}

.mx-2, .ml-2 {
    margin-left: var(--space-2) !important;
}

.m-2, .m-2 {
    margin: var(--space-2) !important;
}

.py-2, .pt-2 {
    padding-top: var(--space-2) !important;
}

.px-2, .pr-2 {
    padding-right: var(--space-2) !important;
}

.py-2, .pb-2 {
    padding-bottom: var(--space-2) !important;
}

.px-2, .pl-2 {
    padding-left: var(--space-2) !important;
}

.p-2, .p-2 {
    padding: var(--space-2) !important;
}

.my-3, .mt-3 {
    margin-top: var(--space-3) !important;
}

.mx-3, .mr-3 {
    margin-right: var(--space-3) !important;
}

.my-3, .mb-3 {
    margin-bottom: var(--space-3) !important;
}

.mx-3, .ml-3 {
    margin-left: var(--space-3) !important;
}

.m-3, .m-3 {
    margin: var(--space-3) !important;
}

.py-3, .pt-3 {
    padding-top: var(--space-3) !important;
}

.px-3, .pr-3 {
    padding-right: var(--space-3) !important;
}

.py-3, .pb-3 {
    padding-bottom: var(--space-3) !important;
}

.px-3, .pl-3 {
    padding-left: var(--space-3) !important;
}

.p-3, .p-3 {
    padding: var(--space-3) !important;
}

.my-4, .mt-4 {
    margin-top: var(--space-4) !important;
}

.mx-4, .mr-4 {
    margin-right: var(--space-4) !important;
}

.my-4, .mb-4 {
    margin-bottom: var(--space-4) !important;
}

.mx-4, .ml-4 {
    margin-left: var(--space-4) !important;
}

.m-4, .m-4 {
    margin: var(--space-4) !important;
}

.py-4, .pt-4 {
    padding-top: var(--space-4) !important;
}

.px-4, .pr-4 {
    padding-right: var(--space-4) !important;
}

.py-4, .pb-4 {
    padding-bottom: var(--space-4) !important;
}

.px-4, .pl-4 {
    padding-left: var(--space-4) !important;
}

.p-4, .p-4 {
    padding: var(--space-4) !important;
}

.my-5, .mt-5 {
    margin-top: var(--space-5) !important;
}

.mx-5, .mr-5 {
    margin-right: var(--space-5) !important;
}

.my-5, .mb-5 {
    margin-bottom: var(--space-5) !important;
}

.mx-5, .ml-5 {
    margin-left: var(--space-5) !important;
}

.m-5, .m-5 {
    margin: var(--space-5) !important;
}

.py-5, .pt-5 {
    padding-top: var(--space-5) !important;
}

.px-5, .pr-5 {
    padding-right: var(--space-5) !important;
}

.py-5, .pb-5 {
    padding-bottom: var(--space-5) !important;
}

.px-5, .pl-5 {
    padding-left: var(--space-5) !important;
}

.p-5, .p-5 {
    padding: var(--space-5) !important;
}

.my-6, .mt-6 {
    margin-top: var(--space-6) !important;
}

.mx-6, .mr-6 {
    margin-right: var(--space-6) !important;
}

.my-6, .mb-6 {
    margin-bottom: var(--space-6) !important;
}

.mx-6, .ml-6 {
    margin-left: var(--space-6) !important;
}

.m-6, .m-6 {
    margin: var(--space-6) !important;
}

.py-6, .pt-6 {
    padding-top: var(--space-6) !important;
}

.px-6, .pr-6 {
    padding-right: var(--space-6) !important;
}

.py-6, .pb-6 {
    padding-bottom: var(--space-6) !important;
}

.px-6, .pl-6 {
    padding-left: var(--space-6) !important;
}

.p-6, .p-6 {
    padding: var(--space-6) !important;
}

.my-7, .mt-7 {
    margin-top: var(--space-7) !important;
}

.mx-7, .mr-7 {
    margin-right: var(--space-7) !important;
}

.my-7, .mb-7 {
    margin-bottom: var(--space-7) !important;
}

.mx-7, .ml-7 {
    margin-left: var(--space-7) !important;
}

.m-7, .m-7 {
    margin: var(--space-7) !important;
}

.py-7, .pt-7 {
    padding-top: var(--space-7) !important;
}

.px-7, .pr-7 {
    padding-right: var(--space-7) !important;
}

.py-7, .pb-7 {
    padding-bottom: var(--space-7) !important;
}

.px-7, .pl-7 {
    padding-left: var(--space-7) !important;
}

.p-7, .p-7 {
    padding: var(--space-7) !important;
}

.my-8, .mt-8 {
    margin-top: var(--space-8) !important;
}

.mx-8, .mr-8 {
    margin-right: var(--space-8) !important;
}

.my-8, .mb-8 {
    margin-bottom: var(--space-8) !important;
}

.mx-8, .ml-8 {
    margin-left: var(--space-8) !important;
}

.m-8, .m-8 {
    margin: var(--space-8) !important;
}

.py-8, .pt-8 {
    padding-top: var(--space-8) !important;
}

.px-8, .pr-8 {
    padding-right: var(--space-8) !important;
}

.py-8, .pb-8 {
    padding-bottom: var(--space-8) !important;
}

.px-8, .pl-8 {
    padding-left: var(--space-8) !important;
}

.p-8, .p-8 {
    padding: var(--space-8) !important;
}

.my-9, .mt-9 {
    margin-top: var(--space-9) !important;
}

.mx-9, .mr-9 {
    margin-right: var(--space-9) !important;
}

.my-9, .mb-9 {
    margin-bottom: var(--space-9) !important;
}

.mx-9, .ml-9 {
    margin-left: var(--space-9) !important;
}

.m-9, .m-9 {
    margin: var(--space-9) !important;
}

.py-9, .pt-9 {
    padding-top: var(--space-9) !important;
}

.px-9, .pr-9 {
    padding-right: var(--space-9) !important;
}

.py-9, .pb-9 {
    padding-bottom: var(--space-9) !important;
}

.px-9, .pl-9 {
    padding-left: var(--space-9) !important;
}

.p-9, .p-9 {
    padding: var(--space-9) !important;
}

.my-10, .mt-10 {
    margin-top: var(--space-10) !important;
}

.mx-10, .mr-10 {
    margin-right: var(--space-10) !important;
}

.my-10, .mb-10 {
    margin-bottom: var(--space-10) !important;
}

.mx-10, .ml-10 {
    margin-left: var(--space-10) !important;
}

.m-10, .m-10 {
    margin: var(--space-10) !important;
}

.py-10, .pt-10 {
    padding-top: var(--space-10) !important;
}

.px-10, .pr-10 {
    padding-right: var(--space-10) !important;
}

.py-10, .pb-10 {
    padding-bottom: var(--space-10) !important;
}

.px-10, .pl-10 {
    padding-left: var(--space-10) !important;
}

.p-10, .p-10 {
    padding: var(--space-10) !important;
}

.my-11, .mt-11 {
    margin-top: var(--space-11) !important;
}

.mx-11, .mr-11 {
    margin-right: var(--space-11) !important;
}

.my-11, .mb-11 {
    margin-bottom: var(--space-11) !important;
}

.mx-11, .ml-11 {
    margin-left: var(--space-11) !important;
}

.m-11, .m-11 {
    margin: var(--space-11) !important;
}

.py-11, .pt-11 {
    padding-top: var(--space-11) !important;
}

.px-11, .pr-11 {
    padding-right: var(--space-11) !important;
}

.py-11, .pb-11 {
    padding-bottom: var(--space-11) !important;
}

.px-11, .pl-11 {
    padding-left: var(--space-11) !important;
}

.p-11, .p-11 {
    padding: var(--space-11) !important;
}

.my-12, .mt-12 {
    margin-top: var(--space-12) !important;
}

.mx-12, .mr-12 {
    margin-right: var(--space-12) !important;
}

.my-12, .mb-12 {
    margin-bottom: var(--space-12) !important;
}

.mx-12, .ml-12 {
    margin-left: var(--space-12) !important;
}

.m-12, .m-12 {
    margin: var(--space-12) !important;
}

.py-12, .pt-12 {
    padding-top: var(--space-12) !important;
}

.px-12, .pr-12 {
    padding-right: var(--space-12) !important;
}

.py-12, .pb-12 {
    padding-bottom: var(--space-12) !important;
}

.px-12, .pl-12 {
    padding-left: var(--space-12) !important;
}

.p-12, .p-12 {
    padding: var(--space-12) !important;
}

@media screen and (min-width: 481px) {
    .xs\:my-0, .xs\:mt-0 {
        margin-top: var(--space-0) !important;
    }

    .xs\:mx-0, .xs\:mr-0 {
        margin-right: var(--space-0) !important;
    }

    .xs\:my-0, .xs\:mb-0 {
        margin-bottom: var(--space-0) !important;
    }

    .xs\:mx-0, .xs\:ml-0 {
        margin-left: var(--space-0) !important;
    }

    .xs\:m-0, .xs\:m-0 {
        margin: var(--space-0) !important;
    }

    .xs\:py-0, .xs\:pt-0 {
        padding-top: var(--space-0) !important;
    }

    .xs\:px-0, .xs\:pr-0 {
        padding-right: var(--space-0) !important;
    }

    .xs\:py-0, .xs\:pb-0 {
        padding-bottom: var(--space-0) !important;
    }

    .xs\:px-0, .xs\:pl-0 {
        padding-left: var(--space-0) !important;
    }

    .xs\:p-0, .xs\:p-0 {
        padding: var(--space-0) !important;
    }

    .xs\:my-1, .xs\:mt-1 {
        margin-top: var(--space-1) !important;
    }

    .xs\:mx-1, .xs\:mr-1 {
        margin-right: var(--space-1) !important;
    }

    .xs\:my-1, .xs\:mb-1 {
        margin-bottom: var(--space-1) !important;
    }

    .xs\:mx-1, .xs\:ml-1 {
        margin-left: var(--space-1) !important;
    }

    .xs\:m-1, .xs\:m-1 {
        margin: var(--space-1) !important;
    }

    .xs\:py-1, .xs\:pt-1 {
        padding-top: var(--space-1) !important;
    }

    .xs\:px-1, .xs\:pr-1 {
        padding-right: var(--space-1) !important;
    }

    .xs\:py-1, .xs\:pb-1 {
        padding-bottom: var(--space-1) !important;
    }

    .xs\:px-1, .xs\:pl-1 {
        padding-left: var(--space-1) !important;
    }

    .xs\:p-1, .xs\:p-1 {
        padding: var(--space-1) !important;
    }

    .xs\:my-2, .xs\:mt-2 {
        margin-top: var(--space-2) !important;
    }

    .xs\:mx-2, .xs\:mr-2 {
        margin-right: var(--space-2) !important;
    }

    .xs\:my-2, .xs\:mb-2 {
        margin-bottom: var(--space-2) !important;
    }

    .xs\:mx-2, .xs\:ml-2 {
        margin-left: var(--space-2) !important;
    }

    .xs\:m-2, .xs\:m-2 {
        margin: var(--space-2) !important;
    }

    .xs\:py-2, .xs\:pt-2 {
        padding-top: var(--space-2) !important;
    }

    .xs\:px-2, .xs\:pr-2 {
        padding-right: var(--space-2) !important;
    }

    .xs\:py-2, .xs\:pb-2 {
        padding-bottom: var(--space-2) !important;
    }

    .xs\:px-2, .xs\:pl-2 {
        padding-left: var(--space-2) !important;
    }

    .xs\:p-2, .xs\:p-2 {
        padding: var(--space-2) !important;
    }

    .xs\:my-3, .xs\:mt-3 {
        margin-top: var(--space-3) !important;
    }

    .xs\:mx-3, .xs\:mr-3 {
        margin-right: var(--space-3) !important;
    }

    .xs\:my-3, .xs\:mb-3 {
        margin-bottom: var(--space-3) !important;
    }

    .xs\:mx-3, .xs\:ml-3 {
        margin-left: var(--space-3) !important;
    }

    .xs\:m-3, .xs\:m-3 {
        margin: var(--space-3) !important;
    }

    .xs\:py-3, .xs\:pt-3 {
        padding-top: var(--space-3) !important;
    }

    .xs\:px-3, .xs\:pr-3 {
        padding-right: var(--space-3) !important;
    }

    .xs\:py-3, .xs\:pb-3 {
        padding-bottom: var(--space-3) !important;
    }

    .xs\:px-3, .xs\:pl-3 {
        padding-left: var(--space-3) !important;
    }

    .xs\:p-3, .xs\:p-3 {
        padding: var(--space-3) !important;
    }

    .xs\:my-4, .xs\:mt-4 {
        margin-top: var(--space-4) !important;
    }

    .xs\:mx-4, .xs\:mr-4 {
        margin-right: var(--space-4) !important;
    }

    .xs\:my-4, .xs\:mb-4 {
        margin-bottom: var(--space-4) !important;
    }

    .xs\:mx-4, .xs\:ml-4 {
        margin-left: var(--space-4) !important;
    }

    .xs\:m-4, .xs\:m-4 {
        margin: var(--space-4) !important;
    }

    .xs\:py-4, .xs\:pt-4 {
        padding-top: var(--space-4) !important;
    }

    .xs\:px-4, .xs\:pr-4 {
        padding-right: var(--space-4) !important;
    }

    .xs\:py-4, .xs\:pb-4 {
        padding-bottom: var(--space-4) !important;
    }

    .xs\:px-4, .xs\:pl-4 {
        padding-left: var(--space-4) !important;
    }

    .xs\:p-4, .xs\:p-4 {
        padding: var(--space-4) !important;
    }

    .xs\:my-5, .xs\:mt-5 {
        margin-top: var(--space-5) !important;
    }

    .xs\:mx-5, .xs\:mr-5 {
        margin-right: var(--space-5) !important;
    }

    .xs\:my-5, .xs\:mb-5 {
        margin-bottom: var(--space-5) !important;
    }

    .xs\:mx-5, .xs\:ml-5 {
        margin-left: var(--space-5) !important;
    }

    .xs\:m-5, .xs\:m-5 {
        margin: var(--space-5) !important;
    }

    .xs\:py-5, .xs\:pt-5 {
        padding-top: var(--space-5) !important;
    }

    .xs\:px-5, .xs\:pr-5 {
        padding-right: var(--space-5) !important;
    }

    .xs\:py-5, .xs\:pb-5 {
        padding-bottom: var(--space-5) !important;
    }

    .xs\:px-5, .xs\:pl-5 {
        padding-left: var(--space-5) !important;
    }

    .xs\:p-5, .xs\:p-5 {
        padding: var(--space-5) !important;
    }

    .xs\:my-6, .xs\:mt-6 {
        margin-top: var(--space-6) !important;
    }

    .xs\:mx-6, .xs\:mr-6 {
        margin-right: var(--space-6) !important;
    }

    .xs\:my-6, .xs\:mb-6 {
        margin-bottom: var(--space-6) !important;
    }

    .xs\:mx-6, .xs\:ml-6 {
        margin-left: var(--space-6) !important;
    }

    .xs\:m-6, .xs\:m-6 {
        margin: var(--space-6) !important;
    }

    .xs\:py-6, .xs\:pt-6 {
        padding-top: var(--space-6) !important;
    }

    .xs\:px-6, .xs\:pr-6 {
        padding-right: var(--space-6) !important;
    }

    .xs\:py-6, .xs\:pb-6 {
        padding-bottom: var(--space-6) !important;
    }

    .xs\:px-6, .xs\:pl-6 {
        padding-left: var(--space-6) !important;
    }

    .xs\:p-6, .xs\:p-6 {
        padding: var(--space-6) !important;
    }

    .xs\:my-7, .xs\:mt-7 {
        margin-top: var(--space-7) !important;
    }

    .xs\:mx-7, .xs\:mr-7 {
        margin-right: var(--space-7) !important;
    }

    .xs\:my-7, .xs\:mb-7 {
        margin-bottom: var(--space-7) !important;
    }

    .xs\:mx-7, .xs\:ml-7 {
        margin-left: var(--space-7) !important;
    }

    .xs\:m-7, .xs\:m-7 {
        margin: var(--space-7) !important;
    }

    .xs\:py-7, .xs\:pt-7 {
        padding-top: var(--space-7) !important;
    }

    .xs\:px-7, .xs\:pr-7 {
        padding-right: var(--space-7) !important;
    }

    .xs\:py-7, .xs\:pb-7 {
        padding-bottom: var(--space-7) !important;
    }

    .xs\:px-7, .xs\:pl-7 {
        padding-left: var(--space-7) !important;
    }

    .xs\:p-7, .xs\:p-7 {
        padding: var(--space-7) !important;
    }

    .xs\:my-8, .xs\:mt-8 {
        margin-top: var(--space-8) !important;
    }

    .xs\:mx-8, .xs\:mr-8 {
        margin-right: var(--space-8) !important;
    }

    .xs\:my-8, .xs\:mb-8 {
        margin-bottom: var(--space-8) !important;
    }

    .xs\:mx-8, .xs\:ml-8 {
        margin-left: var(--space-8) !important;
    }

    .xs\:m-8, .xs\:m-8 {
        margin: var(--space-8) !important;
    }

    .xs\:py-8, .xs\:pt-8 {
        padding-top: var(--space-8) !important;
    }

    .xs\:px-8, .xs\:pr-8 {
        padding-right: var(--space-8) !important;
    }

    .xs\:py-8, .xs\:pb-8 {
        padding-bottom: var(--space-8) !important;
    }

    .xs\:px-8, .xs\:pl-8 {
        padding-left: var(--space-8) !important;
    }

    .xs\:p-8, .xs\:p-8 {
        padding: var(--space-8) !important;
    }

    .xs\:my-9, .xs\:mt-9 {
        margin-top: var(--space-9) !important;
    }

    .xs\:mx-9, .xs\:mr-9 {
        margin-right: var(--space-9) !important;
    }

    .xs\:my-9, .xs\:mb-9 {
        margin-bottom: var(--space-9) !important;
    }

    .xs\:mx-9, .xs\:ml-9 {
        margin-left: var(--space-9) !important;
    }

    .xs\:m-9, .xs\:m-9 {
        margin: var(--space-9) !important;
    }

    .xs\:py-9, .xs\:pt-9 {
        padding-top: var(--space-9) !important;
    }

    .xs\:px-9, .xs\:pr-9 {
        padding-right: var(--space-9) !important;
    }

    .xs\:py-9, .xs\:pb-9 {
        padding-bottom: var(--space-9) !important;
    }

    .xs\:px-9, .xs\:pl-9 {
        padding-left: var(--space-9) !important;
    }

    .xs\:p-9, .xs\:p-9 {
        padding: var(--space-9) !important;
    }

    .xs\:my-10, .xs\:mt-10 {
        margin-top: var(--space-10) !important;
    }

    .xs\:mx-10, .xs\:mr-10 {
        margin-right: var(--space-10) !important;
    }

    .xs\:my-10, .xs\:mb-10 {
        margin-bottom: var(--space-10) !important;
    }

    .xs\:mx-10, .xs\:ml-10 {
        margin-left: var(--space-10) !important;
    }

    .xs\:m-10, .xs\:m-10 {
        margin: var(--space-10) !important;
    }

    .xs\:py-10, .xs\:pt-10 {
        padding-top: var(--space-10) !important;
    }

    .xs\:px-10, .xs\:pr-10 {
        padding-right: var(--space-10) !important;
    }

    .xs\:py-10, .xs\:pb-10 {
        padding-bottom: var(--space-10) !important;
    }

    .xs\:px-10, .xs\:pl-10 {
        padding-left: var(--space-10) !important;
    }

    .xs\:p-10, .xs\:p-10 {
        padding: var(--space-10) !important;
    }

    .xs\:my-11, .xs\:mt-11 {
        margin-top: var(--space-11) !important;
    }

    .xs\:mx-11, .xs\:mr-11 {
        margin-right: var(--space-11) !important;
    }

    .xs\:my-11, .xs\:mb-11 {
        margin-bottom: var(--space-11) !important;
    }

    .xs\:mx-11, .xs\:ml-11 {
        margin-left: var(--space-11) !important;
    }

    .xs\:m-11, .xs\:m-11 {
        margin: var(--space-11) !important;
    }

    .xs\:py-11, .xs\:pt-11 {
        padding-top: var(--space-11) !important;
    }

    .xs\:px-11, .xs\:pr-11 {
        padding-right: var(--space-11) !important;
    }

    .xs\:py-11, .xs\:pb-11 {
        padding-bottom: var(--space-11) !important;
    }

    .xs\:px-11, .xs\:pl-11 {
        padding-left: var(--space-11) !important;
    }

    .xs\:p-11, .xs\:p-11 {
        padding: var(--space-11) !important;
    }

    .xs\:my-12, .xs\:mt-12 {
        margin-top: var(--space-12) !important;
    }

    .xs\:mx-12, .xs\:mr-12 {
        margin-right: var(--space-12) !important;
    }

    .xs\:my-12, .xs\:mb-12 {
        margin-bottom: var(--space-12) !important;
    }

    .xs\:mx-12, .xs\:ml-12 {
        margin-left: var(--space-12) !important;
    }

    .xs\:m-12, .xs\:m-12 {
        margin: var(--space-12) !important;
    }

    .xs\:py-12, .xs\:pt-12 {
        padding-top: var(--space-12) !important;
    }

    .xs\:px-12, .xs\:pr-12 {
        padding-right: var(--space-12) !important;
    }

    .xs\:py-12, .xs\:pb-12 {
        padding-bottom: var(--space-12) !important;
    }

    .xs\:px-12, .xs\:pl-12 {
        padding-left: var(--space-12) !important;
    }

    .xs\:p-12, .xs\:p-12 {
        padding: var(--space-12) !important;
    }
}

@media screen and (min-width: 769px) {
    .sm\:my-0, .sm\:mt-0 {
        margin-top: var(--space-0) !important;
    }

    .sm\:mx-0, .sm\:mr-0 {
        margin-right: var(--space-0) !important;
    }

    .sm\:my-0, .sm\:mb-0 {
        margin-bottom: var(--space-0) !important;
    }

    .sm\:mx-0, .sm\:ml-0 {
        margin-left: var(--space-0) !important;
    }

    .sm\:m-0, .sm\:m-0 {
        margin: var(--space-0) !important;
    }

    .sm\:py-0, .sm\:pt-0 {
        padding-top: var(--space-0) !important;
    }

    .sm\:px-0, .sm\:pr-0 {
        padding-right: var(--space-0) !important;
    }

    .sm\:py-0, .sm\:pb-0 {
        padding-bottom: var(--space-0) !important;
    }

    .sm\:px-0, .sm\:pl-0 {
        padding-left: var(--space-0) !important;
    }

    .sm\:p-0, .sm\:p-0 {
        padding: var(--space-0) !important;
    }

    .sm\:my-1, .sm\:mt-1 {
        margin-top: var(--space-1) !important;
    }

    .sm\:mx-1, .sm\:mr-1 {
        margin-right: var(--space-1) !important;
    }

    .sm\:my-1, .sm\:mb-1 {
        margin-bottom: var(--space-1) !important;
    }

    .sm\:mx-1, .sm\:ml-1 {
        margin-left: var(--space-1) !important;
    }

    .sm\:m-1, .sm\:m-1 {
        margin: var(--space-1) !important;
    }

    .sm\:py-1, .sm\:pt-1 {
        padding-top: var(--space-1) !important;
    }

    .sm\:px-1, .sm\:pr-1 {
        padding-right: var(--space-1) !important;
    }

    .sm\:py-1, .sm\:pb-1 {
        padding-bottom: var(--space-1) !important;
    }

    .sm\:px-1, .sm\:pl-1 {
        padding-left: var(--space-1) !important;
    }

    .sm\:p-1, .sm\:p-1 {
        padding: var(--space-1) !important;
    }

    .sm\:my-2, .sm\:mt-2 {
        margin-top: var(--space-2) !important;
    }

    .sm\:mx-2, .sm\:mr-2 {
        margin-right: var(--space-2) !important;
    }

    .sm\:my-2, .sm\:mb-2 {
        margin-bottom: var(--space-2) !important;
    }

    .sm\:mx-2, .sm\:ml-2 {
        margin-left: var(--space-2) !important;
    }

    .sm\:m-2, .sm\:m-2 {
        margin: var(--space-2) !important;
    }

    .sm\:py-2, .sm\:pt-2 {
        padding-top: var(--space-2) !important;
    }

    .sm\:px-2, .sm\:pr-2 {
        padding-right: var(--space-2) !important;
    }

    .sm\:py-2, .sm\:pb-2 {
        padding-bottom: var(--space-2) !important;
    }

    .sm\:px-2, .sm\:pl-2 {
        padding-left: var(--space-2) !important;
    }

    .sm\:p-2, .sm\:p-2 {
        padding: var(--space-2) !important;
    }

    .sm\:my-3, .sm\:mt-3 {
        margin-top: var(--space-3) !important;
    }

    .sm\:mx-3, .sm\:mr-3 {
        margin-right: var(--space-3) !important;
    }

    .sm\:my-3, .sm\:mb-3 {
        margin-bottom: var(--space-3) !important;
    }

    .sm\:mx-3, .sm\:ml-3 {
        margin-left: var(--space-3) !important;
    }

    .sm\:m-3, .sm\:m-3 {
        margin: var(--space-3) !important;
    }

    .sm\:py-3, .sm\:pt-3 {
        padding-top: var(--space-3) !important;
    }

    .sm\:px-3, .sm\:pr-3 {
        padding-right: var(--space-3) !important;
    }

    .sm\:py-3, .sm\:pb-3 {
        padding-bottom: var(--space-3) !important;
    }

    .sm\:px-3, .sm\:pl-3 {
        padding-left: var(--space-3) !important;
    }

    .sm\:p-3, .sm\:p-3 {
        padding: var(--space-3) !important;
    }

    .sm\:my-4, .sm\:mt-4 {
        margin-top: var(--space-4) !important;
    }

    .sm\:mx-4, .sm\:mr-4 {
        margin-right: var(--space-4) !important;
    }

    .sm\:my-4, .sm\:mb-4 {
        margin-bottom: var(--space-4) !important;
    }

    .sm\:mx-4, .sm\:ml-4 {
        margin-left: var(--space-4) !important;
    }

    .sm\:m-4, .sm\:m-4 {
        margin: var(--space-4) !important;
    }

    .sm\:py-4, .sm\:pt-4 {
        padding-top: var(--space-4) !important;
    }

    .sm\:px-4, .sm\:pr-4 {
        padding-right: var(--space-4) !important;
    }

    .sm\:py-4, .sm\:pb-4 {
        padding-bottom: var(--space-4) !important;
    }

    .sm\:px-4, .sm\:pl-4 {
        padding-left: var(--space-4) !important;
    }

    .sm\:p-4, .sm\:p-4 {
        padding: var(--space-4) !important;
    }

    .sm\:my-5, .sm\:mt-5 {
        margin-top: var(--space-5) !important;
    }

    .sm\:mx-5, .sm\:mr-5 {
        margin-right: var(--space-5) !important;
    }

    .sm\:my-5, .sm\:mb-5 {
        margin-bottom: var(--space-5) !important;
    }

    .sm\:mx-5, .sm\:ml-5 {
        margin-left: var(--space-5) !important;
    }

    .sm\:m-5, .sm\:m-5 {
        margin: var(--space-5) !important;
    }

    .sm\:py-5, .sm\:pt-5 {
        padding-top: var(--space-5) !important;
    }

    .sm\:px-5, .sm\:pr-5 {
        padding-right: var(--space-5) !important;
    }

    .sm\:py-5, .sm\:pb-5 {
        padding-bottom: var(--space-5) !important;
    }

    .sm\:px-5, .sm\:pl-5 {
        padding-left: var(--space-5) !important;
    }

    .sm\:p-5, .sm\:p-5 {
        padding: var(--space-5) !important;
    }

    .sm\:my-6, .sm\:mt-6 {
        margin-top: var(--space-6) !important;
    }

    .sm\:mx-6, .sm\:mr-6 {
        margin-right: var(--space-6) !important;
    }

    .sm\:my-6, .sm\:mb-6 {
        margin-bottom: var(--space-6) !important;
    }

    .sm\:mx-6, .sm\:ml-6 {
        margin-left: var(--space-6) !important;
    }

    .sm\:m-6, .sm\:m-6 {
        margin: var(--space-6) !important;
    }

    .sm\:py-6, .sm\:pt-6 {
        padding-top: var(--space-6) !important;
    }

    .sm\:px-6, .sm\:pr-6 {
        padding-right: var(--space-6) !important;
    }

    .sm\:py-6, .sm\:pb-6 {
        padding-bottom: var(--space-6) !important;
    }

    .sm\:px-6, .sm\:pl-6 {
        padding-left: var(--space-6) !important;
    }

    .sm\:p-6, .sm\:p-6 {
        padding: var(--space-6) !important;
    }

    .sm\:my-7, .sm\:mt-7 {
        margin-top: var(--space-7) !important;
    }

    .sm\:mx-7, .sm\:mr-7 {
        margin-right: var(--space-7) !important;
    }

    .sm\:my-7, .sm\:mb-7 {
        margin-bottom: var(--space-7) !important;
    }

    .sm\:mx-7, .sm\:ml-7 {
        margin-left: var(--space-7) !important;
    }

    .sm\:m-7, .sm\:m-7 {
        margin: var(--space-7) !important;
    }

    .sm\:py-7, .sm\:pt-7 {
        padding-top: var(--space-7) !important;
    }

    .sm\:px-7, .sm\:pr-7 {
        padding-right: var(--space-7) !important;
    }

    .sm\:py-7, .sm\:pb-7 {
        padding-bottom: var(--space-7) !important;
    }

    .sm\:px-7, .sm\:pl-7 {
        padding-left: var(--space-7) !important;
    }

    .sm\:p-7, .sm\:p-7 {
        padding: var(--space-7) !important;
    }

    .sm\:my-8, .sm\:mt-8 {
        margin-top: var(--space-8) !important;
    }

    .sm\:mx-8, .sm\:mr-8 {
        margin-right: var(--space-8) !important;
    }

    .sm\:my-8, .sm\:mb-8 {
        margin-bottom: var(--space-8) !important;
    }

    .sm\:mx-8, .sm\:ml-8 {
        margin-left: var(--space-8) !important;
    }

    .sm\:m-8, .sm\:m-8 {
        margin: var(--space-8) !important;
    }

    .sm\:py-8, .sm\:pt-8 {
        padding-top: var(--space-8) !important;
    }

    .sm\:px-8, .sm\:pr-8 {
        padding-right: var(--space-8) !important;
    }

    .sm\:py-8, .sm\:pb-8 {
        padding-bottom: var(--space-8) !important;
    }

    .sm\:px-8, .sm\:pl-8 {
        padding-left: var(--space-8) !important;
    }

    .sm\:p-8, .sm\:p-8 {
        padding: var(--space-8) !important;
    }

    .sm\:my-9, .sm\:mt-9 {
        margin-top: var(--space-9) !important;
    }

    .sm\:mx-9, .sm\:mr-9 {
        margin-right: var(--space-9) !important;
    }

    .sm\:my-9, .sm\:mb-9 {
        margin-bottom: var(--space-9) !important;
    }

    .sm\:mx-9, .sm\:ml-9 {
        margin-left: var(--space-9) !important;
    }

    .sm\:m-9, .sm\:m-9 {
        margin: var(--space-9) !important;
    }

    .sm\:py-9, .sm\:pt-9 {
        padding-top: var(--space-9) !important;
    }

    .sm\:px-9, .sm\:pr-9 {
        padding-right: var(--space-9) !important;
    }

    .sm\:py-9, .sm\:pb-9 {
        padding-bottom: var(--space-9) !important;
    }

    .sm\:px-9, .sm\:pl-9 {
        padding-left: var(--space-9) !important;
    }

    .sm\:p-9, .sm\:p-9 {
        padding: var(--space-9) !important;
    }

    .sm\:my-10, .sm\:mt-10 {
        margin-top: var(--space-10) !important;
    }

    .sm\:mx-10, .sm\:mr-10 {
        margin-right: var(--space-10) !important;
    }

    .sm\:my-10, .sm\:mb-10 {
        margin-bottom: var(--space-10) !important;
    }

    .sm\:mx-10, .sm\:ml-10 {
        margin-left: var(--space-10) !important;
    }

    .sm\:m-10, .sm\:m-10 {
        margin: var(--space-10) !important;
    }

    .sm\:py-10, .sm\:pt-10 {
        padding-top: var(--space-10) !important;
    }

    .sm\:px-10, .sm\:pr-10 {
        padding-right: var(--space-10) !important;
    }

    .sm\:py-10, .sm\:pb-10 {
        padding-bottom: var(--space-10) !important;
    }

    .sm\:px-10, .sm\:pl-10 {
        padding-left: var(--space-10) !important;
    }

    .sm\:p-10, .sm\:p-10 {
        padding: var(--space-10) !important;
    }

    .sm\:my-11, .sm\:mt-11 {
        margin-top: var(--space-11) !important;
    }

    .sm\:mx-11, .sm\:mr-11 {
        margin-right: var(--space-11) !important;
    }

    .sm\:my-11, .sm\:mb-11 {
        margin-bottom: var(--space-11) !important;
    }

    .sm\:mx-11, .sm\:ml-11 {
        margin-left: var(--space-11) !important;
    }

    .sm\:m-11, .sm\:m-11 {
        margin: var(--space-11) !important;
    }

    .sm\:py-11, .sm\:pt-11 {
        padding-top: var(--space-11) !important;
    }

    .sm\:px-11, .sm\:pr-11 {
        padding-right: var(--space-11) !important;
    }

    .sm\:py-11, .sm\:pb-11 {
        padding-bottom: var(--space-11) !important;
    }

    .sm\:px-11, .sm\:pl-11 {
        padding-left: var(--space-11) !important;
    }

    .sm\:p-11, .sm\:p-11 {
        padding: var(--space-11) !important;
    }

    .sm\:my-12, .sm\:mt-12 {
        margin-top: var(--space-12) !important;
    }

    .sm\:mx-12, .sm\:mr-12 {
        margin-right: var(--space-12) !important;
    }

    .sm\:my-12, .sm\:mb-12 {
        margin-bottom: var(--space-12) !important;
    }

    .sm\:mx-12, .sm\:ml-12 {
        margin-left: var(--space-12) !important;
    }

    .sm\:m-12, .sm\:m-12 {
        margin: var(--space-12) !important;
    }

    .sm\:py-12, .sm\:pt-12 {
        padding-top: var(--space-12) !important;
    }

    .sm\:px-12, .sm\:pr-12 {
        padding-right: var(--space-12) !important;
    }

    .sm\:py-12, .sm\:pb-12 {
        padding-bottom: var(--space-12) !important;
    }

    .sm\:px-12, .sm\:pl-12 {
        padding-left: var(--space-12) !important;
    }

    .sm\:p-12, .sm\:p-12 {
        padding: var(--space-12) !important;
    }
}

@media screen and (min-width: 993px) {
    .md\:my-0, .md\:mt-0 {
        margin-top: var(--space-0) !important;
    }

    .md\:mx-0, .md\:mr-0 {
        margin-right: var(--space-0) !important;
    }

    .md\:my-0, .md\:mb-0 {
        margin-bottom: var(--space-0) !important;
    }

    .md\:mx-0, .md\:ml-0 {
        margin-left: var(--space-0) !important;
    }

    .md\:m-0, .md\:m-0 {
        margin: var(--space-0) !important;
    }

    .md\:py-0, .md\:pt-0 {
        padding-top: var(--space-0) !important;
    }

    .md\:px-0, .md\:pr-0 {
        padding-right: var(--space-0) !important;
    }

    .md\:py-0, .md\:pb-0 {
        padding-bottom: var(--space-0) !important;
    }

    .md\:px-0, .md\:pl-0 {
        padding-left: var(--space-0) !important;
    }

    .md\:p-0, .md\:p-0 {
        padding: var(--space-0) !important;
    }

    .md\:my-1, .md\:mt-1 {
        margin-top: var(--space-1) !important;
    }

    .md\:mx-1, .md\:mr-1 {
        margin-right: var(--space-1) !important;
    }

    .md\:my-1, .md\:mb-1 {
        margin-bottom: var(--space-1) !important;
    }

    .md\:mx-1, .md\:ml-1 {
        margin-left: var(--space-1) !important;
    }

    .md\:m-1, .md\:m-1 {
        margin: var(--space-1) !important;
    }

    .md\:py-1, .md\:pt-1 {
        padding-top: var(--space-1) !important;
    }

    .md\:px-1, .md\:pr-1 {
        padding-right: var(--space-1) !important;
    }

    .md\:py-1, .md\:pb-1 {
        padding-bottom: var(--space-1) !important;
    }

    .md\:px-1, .md\:pl-1 {
        padding-left: var(--space-1) !important;
    }

    .md\:p-1, .md\:p-1 {
        padding: var(--space-1) !important;
    }

    .md\:my-2, .md\:mt-2 {
        margin-top: var(--space-2) !important;
    }

    .md\:mx-2, .md\:mr-2 {
        margin-right: var(--space-2) !important;
    }

    .md\:my-2, .md\:mb-2 {
        margin-bottom: var(--space-2) !important;
    }

    .md\:mx-2, .md\:ml-2 {
        margin-left: var(--space-2) !important;
    }

    .md\:m-2, .md\:m-2 {
        margin: var(--space-2) !important;
    }

    .md\:py-2, .md\:pt-2 {
        padding-top: var(--space-2) !important;
    }

    .md\:px-2, .md\:pr-2 {
        padding-right: var(--space-2) !important;
    }

    .md\:py-2, .md\:pb-2 {
        padding-bottom: var(--space-2) !important;
    }

    .md\:px-2, .md\:pl-2 {
        padding-left: var(--space-2) !important;
    }

    .md\:p-2, .md\:p-2 {
        padding: var(--space-2) !important;
    }

    .md\:my-3, .md\:mt-3 {
        margin-top: var(--space-3) !important;
    }

    .md\:mx-3, .md\:mr-3 {
        margin-right: var(--space-3) !important;
    }

    .md\:my-3, .md\:mb-3 {
        margin-bottom: var(--space-3) !important;
    }

    .md\:mx-3, .md\:ml-3 {
        margin-left: var(--space-3) !important;
    }

    .md\:m-3, .md\:m-3 {
        margin: var(--space-3) !important;
    }

    .md\:py-3, .md\:pt-3 {
        padding-top: var(--space-3) !important;
    }

    .md\:px-3, .md\:pr-3 {
        padding-right: var(--space-3) !important;
    }

    .md\:py-3, .md\:pb-3 {
        padding-bottom: var(--space-3) !important;
    }

    .md\:px-3, .md\:pl-3 {
        padding-left: var(--space-3) !important;
    }

    .md\:p-3, .md\:p-3 {
        padding: var(--space-3) !important;
    }

    .md\:my-4, .md\:mt-4 {
        margin-top: var(--space-4) !important;
    }

    .md\:mx-4, .md\:mr-4 {
        margin-right: var(--space-4) !important;
    }

    .md\:my-4, .md\:mb-4 {
        margin-bottom: var(--space-4) !important;
    }

    .md\:mx-4, .md\:ml-4 {
        margin-left: var(--space-4) !important;
    }

    .md\:m-4, .md\:m-4 {
        margin: var(--space-4) !important;
    }

    .md\:py-4, .md\:pt-4 {
        padding-top: var(--space-4) !important;
    }

    .md\:px-4, .md\:pr-4 {
        padding-right: var(--space-4) !important;
    }

    .md\:py-4, .md\:pb-4 {
        padding-bottom: var(--space-4) !important;
    }

    .md\:px-4, .md\:pl-4 {
        padding-left: var(--space-4) !important;
    }

    .md\:p-4, .md\:p-4 {
        padding: var(--space-4) !important;
    }

    .md\:my-5, .md\:mt-5 {
        margin-top: var(--space-5) !important;
    }

    .md\:mx-5, .md\:mr-5 {
        margin-right: var(--space-5) !important;
    }

    .md\:my-5, .md\:mb-5 {
        margin-bottom: var(--space-5) !important;
    }

    .md\:mx-5, .md\:ml-5 {
        margin-left: var(--space-5) !important;
    }

    .md\:m-5, .md\:m-5 {
        margin: var(--space-5) !important;
    }

    .md\:py-5, .md\:pt-5 {
        padding-top: var(--space-5) !important;
    }

    .md\:px-5, .md\:pr-5 {
        padding-right: var(--space-5) !important;
    }

    .md\:py-5, .md\:pb-5 {
        padding-bottom: var(--space-5) !important;
    }

    .md\:px-5, .md\:pl-5 {
        padding-left: var(--space-5) !important;
    }

    .md\:p-5, .md\:p-5 {
        padding: var(--space-5) !important;
    }

    .md\:my-6, .md\:mt-6 {
        margin-top: var(--space-6) !important;
    }

    .md\:mx-6, .md\:mr-6 {
        margin-right: var(--space-6) !important;
    }

    .md\:my-6, .md\:mb-6 {
        margin-bottom: var(--space-6) !important;
    }

    .md\:mx-6, .md\:ml-6 {
        margin-left: var(--space-6) !important;
    }

    .md\:m-6, .md\:m-6 {
        margin: var(--space-6) !important;
    }

    .md\:py-6, .md\:pt-6 {
        padding-top: var(--space-6) !important;
    }

    .md\:px-6, .md\:pr-6 {
        padding-right: var(--space-6) !important;
    }

    .md\:py-6, .md\:pb-6 {
        padding-bottom: var(--space-6) !important;
    }

    .md\:px-6, .md\:pl-6 {
        padding-left: var(--space-6) !important;
    }

    .md\:p-6, .md\:p-6 {
        padding: var(--space-6) !important;
    }

    .md\:my-7, .md\:mt-7 {
        margin-top: var(--space-7) !important;
    }

    .md\:mx-7, .md\:mr-7 {
        margin-right: var(--space-7) !important;
    }

    .md\:my-7, .md\:mb-7 {
        margin-bottom: var(--space-7) !important;
    }

    .md\:mx-7, .md\:ml-7 {
        margin-left: var(--space-7) !important;
    }

    .md\:m-7, .md\:m-7 {
        margin: var(--space-7) !important;
    }

    .md\:py-7, .md\:pt-7 {
        padding-top: var(--space-7) !important;
    }

    .md\:px-7, .md\:pr-7 {
        padding-right: var(--space-7) !important;
    }

    .md\:py-7, .md\:pb-7 {
        padding-bottom: var(--space-7) !important;
    }

    .md\:px-7, .md\:pl-7 {
        padding-left: var(--space-7) !important;
    }

    .md\:p-7, .md\:p-7 {
        padding: var(--space-7) !important;
    }

    .md\:my-8, .md\:mt-8 {
        margin-top: var(--space-8) !important;
    }

    .md\:mx-8, .md\:mr-8 {
        margin-right: var(--space-8) !important;
    }

    .md\:my-8, .md\:mb-8 {
        margin-bottom: var(--space-8) !important;
    }

    .md\:mx-8, .md\:ml-8 {
        margin-left: var(--space-8) !important;
    }

    .md\:m-8, .md\:m-8 {
        margin: var(--space-8) !important;
    }

    .md\:py-8, .md\:pt-8 {
        padding-top: var(--space-8) !important;
    }

    .md\:px-8, .md\:pr-8 {
        padding-right: var(--space-8) !important;
    }

    .md\:py-8, .md\:pb-8 {
        padding-bottom: var(--space-8) !important;
    }

    .md\:px-8, .md\:pl-8 {
        padding-left: var(--space-8) !important;
    }

    .md\:p-8, .md\:p-8 {
        padding: var(--space-8) !important;
    }

    .md\:my-9, .md\:mt-9 {
        margin-top: var(--space-9) !important;
    }

    .md\:mx-9, .md\:mr-9 {
        margin-right: var(--space-9) !important;
    }

    .md\:my-9, .md\:mb-9 {
        margin-bottom: var(--space-9) !important;
    }

    .md\:mx-9, .md\:ml-9 {
        margin-left: var(--space-9) !important;
    }

    .md\:m-9, .md\:m-9 {
        margin: var(--space-9) !important;
    }

    .md\:py-9, .md\:pt-9 {
        padding-top: var(--space-9) !important;
    }

    .md\:px-9, .md\:pr-9 {
        padding-right: var(--space-9) !important;
    }

    .md\:py-9, .md\:pb-9 {
        padding-bottom: var(--space-9) !important;
    }

    .md\:px-9, .md\:pl-9 {
        padding-left: var(--space-9) !important;
    }

    .md\:p-9, .md\:p-9 {
        padding: var(--space-9) !important;
    }

    .md\:my-10, .md\:mt-10 {
        margin-top: var(--space-10) !important;
    }

    .md\:mx-10, .md\:mr-10 {
        margin-right: var(--space-10) !important;
    }

    .md\:my-10, .md\:mb-10 {
        margin-bottom: var(--space-10) !important;
    }

    .md\:mx-10, .md\:ml-10 {
        margin-left: var(--space-10) !important;
    }

    .md\:m-10, .md\:m-10 {
        margin: var(--space-10) !important;
    }

    .md\:py-10, .md\:pt-10 {
        padding-top: var(--space-10) !important;
    }

    .md\:px-10, .md\:pr-10 {
        padding-right: var(--space-10) !important;
    }

    .md\:py-10, .md\:pb-10 {
        padding-bottom: var(--space-10) !important;
    }

    .md\:px-10, .md\:pl-10 {
        padding-left: var(--space-10) !important;
    }

    .md\:p-10, .md\:p-10 {
        padding: var(--space-10) !important;
    }

    .md\:my-11, .md\:mt-11 {
        margin-top: var(--space-11) !important;
    }

    .md\:mx-11, .md\:mr-11 {
        margin-right: var(--space-11) !important;
    }

    .md\:my-11, .md\:mb-11 {
        margin-bottom: var(--space-11) !important;
    }

    .md\:mx-11, .md\:ml-11 {
        margin-left: var(--space-11) !important;
    }

    .md\:m-11, .md\:m-11 {
        margin: var(--space-11) !important;
    }

    .md\:py-11, .md\:pt-11 {
        padding-top: var(--space-11) !important;
    }

    .md\:px-11, .md\:pr-11 {
        padding-right: var(--space-11) !important;
    }

    .md\:py-11, .md\:pb-11 {
        padding-bottom: var(--space-11) !important;
    }

    .md\:px-11, .md\:pl-11 {
        padding-left: var(--space-11) !important;
    }

    .md\:p-11, .md\:p-11 {
        padding: var(--space-11) !important;
    }

    .md\:my-12, .md\:mt-12 {
        margin-top: var(--space-12) !important;
    }

    .md\:mx-12, .md\:mr-12 {
        margin-right: var(--space-12) !important;
    }

    .md\:my-12, .md\:mb-12 {
        margin-bottom: var(--space-12) !important;
    }

    .md\:mx-12, .md\:ml-12 {
        margin-left: var(--space-12) !important;
    }

    .md\:m-12, .md\:m-12 {
        margin: var(--space-12) !important;
    }

    .md\:py-12, .md\:pt-12 {
        padding-top: var(--space-12) !important;
    }

    .md\:px-12, .md\:pr-12 {
        padding-right: var(--space-12) !important;
    }

    .md\:py-12, .md\:pb-12 {
        padding-bottom: var(--space-12) !important;
    }

    .md\:px-12, .md\:pl-12 {
        padding-left: var(--space-12) !important;
    }

    .md\:p-12, .md\:p-12 {
        padding: var(--space-12) !important;
    }
}

@media screen and (min-width: 1201px) {
    .lg\:my-0, .lg\:mt-0 {
        margin-top: var(--space-0) !important;
    }

    .lg\:mx-0, .lg\:mr-0 {
        margin-right: var(--space-0) !important;
    }

    .lg\:my-0, .lg\:mb-0 {
        margin-bottom: var(--space-0) !important;
    }

    .lg\:mx-0, .lg\:ml-0 {
        margin-left: var(--space-0) !important;
    }

    .lg\:m-0, .lg\:m-0 {
        margin: var(--space-0) !important;
    }

    .lg\:py-0, .lg\:pt-0 {
        padding-top: var(--space-0) !important;
    }

    .lg\:px-0, .lg\:pr-0 {
        padding-right: var(--space-0) !important;
    }

    .lg\:py-0, .lg\:pb-0 {
        padding-bottom: var(--space-0) !important;
    }

    .lg\:px-0, .lg\:pl-0 {
        padding-left: var(--space-0) !important;
    }

    .lg\:p-0, .lg\:p-0 {
        padding: var(--space-0) !important;
    }

    .lg\:my-1, .lg\:mt-1 {
        margin-top: var(--space-1) !important;
    }

    .lg\:mx-1, .lg\:mr-1 {
        margin-right: var(--space-1) !important;
    }

    .lg\:my-1, .lg\:mb-1 {
        margin-bottom: var(--space-1) !important;
    }

    .lg\:mx-1, .lg\:ml-1 {
        margin-left: var(--space-1) !important;
    }

    .lg\:m-1, .lg\:m-1 {
        margin: var(--space-1) !important;
    }

    .lg\:py-1, .lg\:pt-1 {
        padding-top: var(--space-1) !important;
    }

    .lg\:px-1, .lg\:pr-1 {
        padding-right: var(--space-1) !important;
    }

    .lg\:py-1, .lg\:pb-1 {
        padding-bottom: var(--space-1) !important;
    }

    .lg\:px-1, .lg\:pl-1 {
        padding-left: var(--space-1) !important;
    }

    .lg\:p-1, .lg\:p-1 {
        padding: var(--space-1) !important;
    }

    .lg\:my-2, .lg\:mt-2 {
        margin-top: var(--space-2) !important;
    }

    .lg\:mx-2, .lg\:mr-2 {
        margin-right: var(--space-2) !important;
    }

    .lg\:my-2, .lg\:mb-2 {
        margin-bottom: var(--space-2) !important;
    }

    .lg\:mx-2, .lg\:ml-2 {
        margin-left: var(--space-2) !important;
    }

    .lg\:m-2, .lg\:m-2 {
        margin: var(--space-2) !important;
    }

    .lg\:py-2, .lg\:pt-2 {
        padding-top: var(--space-2) !important;
    }

    .lg\:px-2, .lg\:pr-2 {
        padding-right: var(--space-2) !important;
    }

    .lg\:py-2, .lg\:pb-2 {
        padding-bottom: var(--space-2) !important;
    }

    .lg\:px-2, .lg\:pl-2 {
        padding-left: var(--space-2) !important;
    }

    .lg\:p-2, .lg\:p-2 {
        padding: var(--space-2) !important;
    }

    .lg\:my-3, .lg\:mt-3 {
        margin-top: var(--space-3) !important;
    }

    .lg\:mx-3, .lg\:mr-3 {
        margin-right: var(--space-3) !important;
    }

    .lg\:my-3, .lg\:mb-3 {
        margin-bottom: var(--space-3) !important;
    }

    .lg\:mx-3, .lg\:ml-3 {
        margin-left: var(--space-3) !important;
    }

    .lg\:m-3, .lg\:m-3 {
        margin: var(--space-3) !important;
    }

    .lg\:py-3, .lg\:pt-3 {
        padding-top: var(--space-3) !important;
    }

    .lg\:px-3, .lg\:pr-3 {
        padding-right: var(--space-3) !important;
    }

    .lg\:py-3, .lg\:pb-3 {
        padding-bottom: var(--space-3) !important;
    }

    .lg\:px-3, .lg\:pl-3 {
        padding-left: var(--space-3) !important;
    }

    .lg\:p-3, .lg\:p-3 {
        padding: var(--space-3) !important;
    }

    .lg\:my-4, .lg\:mt-4 {
        margin-top: var(--space-4) !important;
    }

    .lg\:mx-4, .lg\:mr-4 {
        margin-right: var(--space-4) !important;
    }

    .lg\:my-4, .lg\:mb-4 {
        margin-bottom: var(--space-4) !important;
    }

    .lg\:mx-4, .lg\:ml-4 {
        margin-left: var(--space-4) !important;
    }

    .lg\:m-4, .lg\:m-4 {
        margin: var(--space-4) !important;
    }

    .lg\:py-4, .lg\:pt-4 {
        padding-top: var(--space-4) !important;
    }

    .lg\:px-4, .lg\:pr-4 {
        padding-right: var(--space-4) !important;
    }

    .lg\:py-4, .lg\:pb-4 {
        padding-bottom: var(--space-4) !important;
    }

    .lg\:px-4, .lg\:pl-4 {
        padding-left: var(--space-4) !important;
    }

    .lg\:p-4, .lg\:p-4 {
        padding: var(--space-4) !important;
    }

    .lg\:my-5, .lg\:mt-5 {
        margin-top: var(--space-5) !important;
    }

    .lg\:mx-5, .lg\:mr-5 {
        margin-right: var(--space-5) !important;
    }

    .lg\:my-5, .lg\:mb-5 {
        margin-bottom: var(--space-5) !important;
    }

    .lg\:mx-5, .lg\:ml-5 {
        margin-left: var(--space-5) !important;
    }

    .lg\:m-5, .lg\:m-5 {
        margin: var(--space-5) !important;
    }

    .lg\:py-5, .lg\:pt-5 {
        padding-top: var(--space-5) !important;
    }

    .lg\:px-5, .lg\:pr-5 {
        padding-right: var(--space-5) !important;
    }

    .lg\:py-5, .lg\:pb-5 {
        padding-bottom: var(--space-5) !important;
    }

    .lg\:px-5, .lg\:pl-5 {
        padding-left: var(--space-5) !important;
    }

    .lg\:p-5, .lg\:p-5 {
        padding: var(--space-5) !important;
    }

    .lg\:my-6, .lg\:mt-6 {
        margin-top: var(--space-6) !important;
    }

    .lg\:mx-6, .lg\:mr-6 {
        margin-right: var(--space-6) !important;
    }

    .lg\:my-6, .lg\:mb-6 {
        margin-bottom: var(--space-6) !important;
    }

    .lg\:mx-6, .lg\:ml-6 {
        margin-left: var(--space-6) !important;
    }

    .lg\:m-6, .lg\:m-6 {
        margin: var(--space-6) !important;
    }

    .lg\:py-6, .lg\:pt-6 {
        padding-top: var(--space-6) !important;
    }

    .lg\:px-6, .lg\:pr-6 {
        padding-right: var(--space-6) !important;
    }

    .lg\:py-6, .lg\:pb-6 {
        padding-bottom: var(--space-6) !important;
    }

    .lg\:px-6, .lg\:pl-6 {
        padding-left: var(--space-6) !important;
    }

    .lg\:p-6, .lg\:p-6 {
        padding: var(--space-6) !important;
    }

    .lg\:my-7, .lg\:mt-7 {
        margin-top: var(--space-7) !important;
    }

    .lg\:mx-7, .lg\:mr-7 {
        margin-right: var(--space-7) !important;
    }

    .lg\:my-7, .lg\:mb-7 {
        margin-bottom: var(--space-7) !important;
    }

    .lg\:mx-7, .lg\:ml-7 {
        margin-left: var(--space-7) !important;
    }

    .lg\:m-7, .lg\:m-7 {
        margin: var(--space-7) !important;
    }

    .lg\:py-7, .lg\:pt-7 {
        padding-top: var(--space-7) !important;
    }

    .lg\:px-7, .lg\:pr-7 {
        padding-right: var(--space-7) !important;
    }

    .lg\:py-7, .lg\:pb-7 {
        padding-bottom: var(--space-7) !important;
    }

    .lg\:px-7, .lg\:pl-7 {
        padding-left: var(--space-7) !important;
    }

    .lg\:p-7, .lg\:p-7 {
        padding: var(--space-7) !important;
    }

    .lg\:my-8, .lg\:mt-8 {
        margin-top: var(--space-8) !important;
    }

    .lg\:mx-8, .lg\:mr-8 {
        margin-right: var(--space-8) !important;
    }

    .lg\:my-8, .lg\:mb-8 {
        margin-bottom: var(--space-8) !important;
    }

    .lg\:mx-8, .lg\:ml-8 {
        margin-left: var(--space-8) !important;
    }

    .lg\:m-8, .lg\:m-8 {
        margin: var(--space-8) !important;
    }

    .lg\:py-8, .lg\:pt-8 {
        padding-top: var(--space-8) !important;
    }

    .lg\:px-8, .lg\:pr-8 {
        padding-right: var(--space-8) !important;
    }

    .lg\:py-8, .lg\:pb-8 {
        padding-bottom: var(--space-8) !important;
    }

    .lg\:px-8, .lg\:pl-8 {
        padding-left: var(--space-8) !important;
    }

    .lg\:p-8, .lg\:p-8 {
        padding: var(--space-8) !important;
    }

    .lg\:my-9, .lg\:mt-9 {
        margin-top: var(--space-9) !important;
    }

    .lg\:mx-9, .lg\:mr-9 {
        margin-right: var(--space-9) !important;
    }

    .lg\:my-9, .lg\:mb-9 {
        margin-bottom: var(--space-9) !important;
    }

    .lg\:mx-9, .lg\:ml-9 {
        margin-left: var(--space-9) !important;
    }

    .lg\:m-9, .lg\:m-9 {
        margin: var(--space-9) !important;
    }

    .lg\:py-9, .lg\:pt-9 {
        padding-top: var(--space-9) !important;
    }

    .lg\:px-9, .lg\:pr-9 {
        padding-right: var(--space-9) !important;
    }

    .lg\:py-9, .lg\:pb-9 {
        padding-bottom: var(--space-9) !important;
    }

    .lg\:px-9, .lg\:pl-9 {
        padding-left: var(--space-9) !important;
    }

    .lg\:p-9, .lg\:p-9 {
        padding: var(--space-9) !important;
    }

    .lg\:my-10, .lg\:mt-10 {
        margin-top: var(--space-10) !important;
    }

    .lg\:mx-10, .lg\:mr-10 {
        margin-right: var(--space-10) !important;
    }

    .lg\:my-10, .lg\:mb-10 {
        margin-bottom: var(--space-10) !important;
    }

    .lg\:mx-10, .lg\:ml-10 {
        margin-left: var(--space-10) !important;
    }

    .lg\:m-10, .lg\:m-10 {
        margin: var(--space-10) !important;
    }

    .lg\:py-10, .lg\:pt-10 {
        padding-top: var(--space-10) !important;
    }

    .lg\:px-10, .lg\:pr-10 {
        padding-right: var(--space-10) !important;
    }

    .lg\:py-10, .lg\:pb-10 {
        padding-bottom: var(--space-10) !important;
    }

    .lg\:px-10, .lg\:pl-10 {
        padding-left: var(--space-10) !important;
    }

    .lg\:p-10, .lg\:p-10 {
        padding: var(--space-10) !important;
    }

    .lg\:my-11, .lg\:mt-11 {
        margin-top: var(--space-11) !important;
    }

    .lg\:mx-11, .lg\:mr-11 {
        margin-right: var(--space-11) !important;
    }

    .lg\:my-11, .lg\:mb-11 {
        margin-bottom: var(--space-11) !important;
    }

    .lg\:mx-11, .lg\:ml-11 {
        margin-left: var(--space-11) !important;
    }

    .lg\:m-11, .lg\:m-11 {
        margin: var(--space-11) !important;
    }

    .lg\:py-11, .lg\:pt-11 {
        padding-top: var(--space-11) !important;
    }

    .lg\:px-11, .lg\:pr-11 {
        padding-right: var(--space-11) !important;
    }

    .lg\:py-11, .lg\:pb-11 {
        padding-bottom: var(--space-11) !important;
    }

    .lg\:px-11, .lg\:pl-11 {
        padding-left: var(--space-11) !important;
    }

    .lg\:p-11, .lg\:p-11 {
        padding: var(--space-11) !important;
    }

    .lg\:my-12, .lg\:mt-12 {
        margin-top: var(--space-12) !important;
    }

    .lg\:mx-12, .lg\:mr-12 {
        margin-right: var(--space-12) !important;
    }

    .lg\:my-12, .lg\:mb-12 {
        margin-bottom: var(--space-12) !important;
    }

    .lg\:mx-12, .lg\:ml-12 {
        margin-left: var(--space-12) !important;
    }

    .lg\:m-12, .lg\:m-12 {
        margin: var(--space-12) !important;
    }

    .lg\:py-12, .lg\:pt-12 {
        padding-top: var(--space-12) !important;
    }

    .lg\:px-12, .lg\:pr-12 {
        padding-right: var(--space-12) !important;
    }

    .lg\:py-12, .lg\:pb-12 {
        padding-bottom: var(--space-12) !important;
    }

    .lg\:px-12, .lg\:pl-12 {
        padding-left: var(--space-12) !important;
    }

    .lg\:p-12, .lg\:p-12 {
        padding: var(--space-12) !important;
    }
}

@media screen and (min-width: 1401px) {
    .xl\:my-0, .xl\:mt-0 {
        margin-top: var(--space-0) !important;
    }

    .xl\:mx-0, .xl\:mr-0 {
        margin-right: var(--space-0) !important;
    }

    .xl\:my-0, .xl\:mb-0 {
        margin-bottom: var(--space-0) !important;
    }

    .xl\:mx-0, .xl\:ml-0 {
        margin-left: var(--space-0) !important;
    }

    .xl\:m-0, .xl\:m-0 {
        margin: var(--space-0) !important;
    }

    .xl\:py-0, .xl\:pt-0 {
        padding-top: var(--space-0) !important;
    }

    .xl\:px-0, .xl\:pr-0 {
        padding-right: var(--space-0) !important;
    }

    .xl\:py-0, .xl\:pb-0 {
        padding-bottom: var(--space-0) !important;
    }

    .xl\:px-0, .xl\:pl-0 {
        padding-left: var(--space-0) !important;
    }

    .xl\:p-0, .xl\:p-0 {
        padding: var(--space-0) !important;
    }

    .xl\:my-1, .xl\:mt-1 {
        margin-top: var(--space-1) !important;
    }

    .xl\:mx-1, .xl\:mr-1 {
        margin-right: var(--space-1) !important;
    }

    .xl\:my-1, .xl\:mb-1 {
        margin-bottom: var(--space-1) !important;
    }

    .xl\:mx-1, .xl\:ml-1 {
        margin-left: var(--space-1) !important;
    }

    .xl\:m-1, .xl\:m-1 {
        margin: var(--space-1) !important;
    }

    .xl\:py-1, .xl\:pt-1 {
        padding-top: var(--space-1) !important;
    }

    .xl\:px-1, .xl\:pr-1 {
        padding-right: var(--space-1) !important;
    }

    .xl\:py-1, .xl\:pb-1 {
        padding-bottom: var(--space-1) !important;
    }

    .xl\:px-1, .xl\:pl-1 {
        padding-left: var(--space-1) !important;
    }

    .xl\:p-1, .xl\:p-1 {
        padding: var(--space-1) !important;
    }

    .xl\:my-2, .xl\:mt-2 {
        margin-top: var(--space-2) !important;
    }

    .xl\:mx-2, .xl\:mr-2 {
        margin-right: var(--space-2) !important;
    }

    .xl\:my-2, .xl\:mb-2 {
        margin-bottom: var(--space-2) !important;
    }

    .xl\:mx-2, .xl\:ml-2 {
        margin-left: var(--space-2) !important;
    }

    .xl\:m-2, .xl\:m-2 {
        margin: var(--space-2) !important;
    }

    .xl\:py-2, .xl\:pt-2 {
        padding-top: var(--space-2) !important;
    }

    .xl\:px-2, .xl\:pr-2 {
        padding-right: var(--space-2) !important;
    }

    .xl\:py-2, .xl\:pb-2 {
        padding-bottom: var(--space-2) !important;
    }

    .xl\:px-2, .xl\:pl-2 {
        padding-left: var(--space-2) !important;
    }

    .xl\:p-2, .xl\:p-2 {
        padding: var(--space-2) !important;
    }

    .xl\:my-3, .xl\:mt-3 {
        margin-top: var(--space-3) !important;
    }

    .xl\:mx-3, .xl\:mr-3 {
        margin-right: var(--space-3) !important;
    }

    .xl\:my-3, .xl\:mb-3 {
        margin-bottom: var(--space-3) !important;
    }

    .xl\:mx-3, .xl\:ml-3 {
        margin-left: var(--space-3) !important;
    }

    .xl\:m-3, .xl\:m-3 {
        margin: var(--space-3) !important;
    }

    .xl\:py-3, .xl\:pt-3 {
        padding-top: var(--space-3) !important;
    }

    .xl\:px-3, .xl\:pr-3 {
        padding-right: var(--space-3) !important;
    }

    .xl\:py-3, .xl\:pb-3 {
        padding-bottom: var(--space-3) !important;
    }

    .xl\:px-3, .xl\:pl-3 {
        padding-left: var(--space-3) !important;
    }

    .xl\:p-3, .xl\:p-3 {
        padding: var(--space-3) !important;
    }

    .xl\:my-4, .xl\:mt-4 {
        margin-top: var(--space-4) !important;
    }

    .xl\:mx-4, .xl\:mr-4 {
        margin-right: var(--space-4) !important;
    }

    .xl\:my-4, .xl\:mb-4 {
        margin-bottom: var(--space-4) !important;
    }

    .xl\:mx-4, .xl\:ml-4 {
        margin-left: var(--space-4) !important;
    }

    .xl\:m-4, .xl\:m-4 {
        margin: var(--space-4) !important;
    }

    .xl\:py-4, .xl\:pt-4 {
        padding-top: var(--space-4) !important;
    }

    .xl\:px-4, .xl\:pr-4 {
        padding-right: var(--space-4) !important;
    }

    .xl\:py-4, .xl\:pb-4 {
        padding-bottom: var(--space-4) !important;
    }

    .xl\:px-4, .xl\:pl-4 {
        padding-left: var(--space-4) !important;
    }

    .xl\:p-4, .xl\:p-4 {
        padding: var(--space-4) !important;
    }

    .xl\:my-5, .xl\:mt-5 {
        margin-top: var(--space-5) !important;
    }

    .xl\:mx-5, .xl\:mr-5 {
        margin-right: var(--space-5) !important;
    }

    .xl\:my-5, .xl\:mb-5 {
        margin-bottom: var(--space-5) !important;
    }

    .xl\:mx-5, .xl\:ml-5 {
        margin-left: var(--space-5) !important;
    }

    .xl\:m-5, .xl\:m-5 {
        margin: var(--space-5) !important;
    }

    .xl\:py-5, .xl\:pt-5 {
        padding-top: var(--space-5) !important;
    }

    .xl\:px-5, .xl\:pr-5 {
        padding-right: var(--space-5) !important;
    }

    .xl\:py-5, .xl\:pb-5 {
        padding-bottom: var(--space-5) !important;
    }

    .xl\:px-5, .xl\:pl-5 {
        padding-left: var(--space-5) !important;
    }

    .xl\:p-5, .xl\:p-5 {
        padding: var(--space-5) !important;
    }

    .xl\:my-6, .xl\:mt-6 {
        margin-top: var(--space-6) !important;
    }

    .xl\:mx-6, .xl\:mr-6 {
        margin-right: var(--space-6) !important;
    }

    .xl\:my-6, .xl\:mb-6 {
        margin-bottom: var(--space-6) !important;
    }

    .xl\:mx-6, .xl\:ml-6 {
        margin-left: var(--space-6) !important;
    }

    .xl\:m-6, .xl\:m-6 {
        margin: var(--space-6) !important;
    }

    .xl\:py-6, .xl\:pt-6 {
        padding-top: var(--space-6) !important;
    }

    .xl\:px-6, .xl\:pr-6 {
        padding-right: var(--space-6) !important;
    }

    .xl\:py-6, .xl\:pb-6 {
        padding-bottom: var(--space-6) !important;
    }

    .xl\:px-6, .xl\:pl-6 {
        padding-left: var(--space-6) !important;
    }

    .xl\:p-6, .xl\:p-6 {
        padding: var(--space-6) !important;
    }

    .xl\:my-7, .xl\:mt-7 {
        margin-top: var(--space-7) !important;
    }

    .xl\:mx-7, .xl\:mr-7 {
        margin-right: var(--space-7) !important;
    }

    .xl\:my-7, .xl\:mb-7 {
        margin-bottom: var(--space-7) !important;
    }

    .xl\:mx-7, .xl\:ml-7 {
        margin-left: var(--space-7) !important;
    }

    .xl\:m-7, .xl\:m-7 {
        margin: var(--space-7) !important;
    }

    .xl\:py-7, .xl\:pt-7 {
        padding-top: var(--space-7) !important;
    }

    .xl\:px-7, .xl\:pr-7 {
        padding-right: var(--space-7) !important;
    }

    .xl\:py-7, .xl\:pb-7 {
        padding-bottom: var(--space-7) !important;
    }

    .xl\:px-7, .xl\:pl-7 {
        padding-left: var(--space-7) !important;
    }

    .xl\:p-7, .xl\:p-7 {
        padding: var(--space-7) !important;
    }

    .xl\:my-8, .xl\:mt-8 {
        margin-top: var(--space-8) !important;
    }

    .xl\:mx-8, .xl\:mr-8 {
        margin-right: var(--space-8) !important;
    }

    .xl\:my-8, .xl\:mb-8 {
        margin-bottom: var(--space-8) !important;
    }

    .xl\:mx-8, .xl\:ml-8 {
        margin-left: var(--space-8) !important;
    }

    .xl\:m-8, .xl\:m-8 {
        margin: var(--space-8) !important;
    }

    .xl\:py-8, .xl\:pt-8 {
        padding-top: var(--space-8) !important;
    }

    .xl\:px-8, .xl\:pr-8 {
        padding-right: var(--space-8) !important;
    }

    .xl\:py-8, .xl\:pb-8 {
        padding-bottom: var(--space-8) !important;
    }

    .xl\:px-8, .xl\:pl-8 {
        padding-left: var(--space-8) !important;
    }

    .xl\:p-8, .xl\:p-8 {
        padding: var(--space-8) !important;
    }

    .xl\:my-9, .xl\:mt-9 {
        margin-top: var(--space-9) !important;
    }

    .xl\:mx-9, .xl\:mr-9 {
        margin-right: var(--space-9) !important;
    }

    .xl\:my-9, .xl\:mb-9 {
        margin-bottom: var(--space-9) !important;
    }

    .xl\:mx-9, .xl\:ml-9 {
        margin-left: var(--space-9) !important;
    }

    .xl\:m-9, .xl\:m-9 {
        margin: var(--space-9) !important;
    }

    .xl\:py-9, .xl\:pt-9 {
        padding-top: var(--space-9) !important;
    }

    .xl\:px-9, .xl\:pr-9 {
        padding-right: var(--space-9) !important;
    }

    .xl\:py-9, .xl\:pb-9 {
        padding-bottom: var(--space-9) !important;
    }

    .xl\:px-9, .xl\:pl-9 {
        padding-left: var(--space-9) !important;
    }

    .xl\:p-9, .xl\:p-9 {
        padding: var(--space-9) !important;
    }

    .xl\:my-10, .xl\:mt-10 {
        margin-top: var(--space-10) !important;
    }

    .xl\:mx-10, .xl\:mr-10 {
        margin-right: var(--space-10) !important;
    }

    .xl\:my-10, .xl\:mb-10 {
        margin-bottom: var(--space-10) !important;
    }

    .xl\:mx-10, .xl\:ml-10 {
        margin-left: var(--space-10) !important;
    }

    .xl\:m-10, .xl\:m-10 {
        margin: var(--space-10) !important;
    }

    .xl\:py-10, .xl\:pt-10 {
        padding-top: var(--space-10) !important;
    }

    .xl\:px-10, .xl\:pr-10 {
        padding-right: var(--space-10) !important;
    }

    .xl\:py-10, .xl\:pb-10 {
        padding-bottom: var(--space-10) !important;
    }

    .xl\:px-10, .xl\:pl-10 {
        padding-left: var(--space-10) !important;
    }

    .xl\:p-10, .xl\:p-10 {
        padding: var(--space-10) !important;
    }

    .xl\:my-11, .xl\:mt-11 {
        margin-top: var(--space-11) !important;
    }

    .xl\:mx-11, .xl\:mr-11 {
        margin-right: var(--space-11) !important;
    }

    .xl\:my-11, .xl\:mb-11 {
        margin-bottom: var(--space-11) !important;
    }

    .xl\:mx-11, .xl\:ml-11 {
        margin-left: var(--space-11) !important;
    }

    .xl\:m-11, .xl\:m-11 {
        margin: var(--space-11) !important;
    }

    .xl\:py-11, .xl\:pt-11 {
        padding-top: var(--space-11) !important;
    }

    .xl\:px-11, .xl\:pr-11 {
        padding-right: var(--space-11) !important;
    }

    .xl\:py-11, .xl\:pb-11 {
        padding-bottom: var(--space-11) !important;
    }

    .xl\:px-11, .xl\:pl-11 {
        padding-left: var(--space-11) !important;
    }

    .xl\:p-11, .xl\:p-11 {
        padding: var(--space-11) !important;
    }

    .xl\:my-12, .xl\:mt-12 {
        margin-top: var(--space-12) !important;
    }

    .xl\:mx-12, .xl\:mr-12 {
        margin-right: var(--space-12) !important;
    }

    .xl\:my-12, .xl\:mb-12 {
        margin-bottom: var(--space-12) !important;
    }

    .xl\:mx-12, .xl\:ml-12 {
        margin-left: var(--space-12) !important;
    }

    .xl\:m-12, .xl\:m-12 {
        margin: var(--space-12) !important;
    }

    .xl\:py-12, .xl\:pt-12 {
        padding-top: var(--space-12) !important;
    }

    .xl\:px-12, .xl\:pr-12 {
        padding-right: var(--space-12) !important;
    }

    .xl\:py-12, .xl\:pb-12 {
        padding-bottom: var(--space-12) !important;
    }

    .xl\:px-12, .xl\:pl-12 {
        padding-left: var(--space-12) !important;
    }

    .xl\:p-12, .xl\:p-12 {
        padding: var(--space-12) !important;
    }
}

/* sizes ---------------------------------- */
/* widths */
.w-0 {
    width: 0 !important;
}

.w-10 {
    width: 10% !important;
}

.five.columns > .column,
.w-one-fifth,
.w-20 {
    width: 20% !important;
}

.four.columns > .column,
.w-one-fourth,
.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.three.columns > .column,
.w-one-third {
    width: 33.333% !important;
}

.w-40 {
    width: 40% !important;
}

.two.columns > .column,
.w-one-half,
.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-two-thirds {
    width: 66.666% !important;
}

.w-70 {
    width: 70% !important;
}

.w-three-fourths {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.one.columns > .column,
.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-0 {
    height: 0 !important;
}

.h-10 {
    height: 10% !important;
}

.h-one-fifth,
.h-1-5,
.h-20 {
    height: 20% !important;
}

.h-one-fourth,
.h-1-4,
.h-25 {
    height: 25% !important;
}

.h-30 {
    height: 30% !important;
}

.h-one-third,
.h-1-3 {
    height: 33.333% !important;
}

.h-40 {
    height: 40% !important;
}

.h-one-half,
.h-1-2,
.h-50,
.h-half {
    height: 50% !important;
}

.h-60 {
    height: 60% !important;
}

.h-two-thirds,
.h-2-3 {
    height: 66.666% !important;
}

.h-70 {
    height: 70% !important;
}

.h-three-fourths,
.h-3-4 {
    height: 75% !important;
}

.h-80 {
    height: 80% !important;
}

.h-90 {
    height: 90% !important;
}

.h-100,
.h-full {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.vh-0 {
    height: 0 !important;
}

.vh-10 {
    height: 10vh !important;
}

.vh-one-fifth,
.vh-20 {
    height: 20vh !important;
}

.vh-one-fourth,
.vh-25 {
    height: 25vh !important;
}

.vh-30 {
    height: 30vh !important;
}

.vh-one-third {
    height: 33.333vh !important;
}

.vh-40 {
    height: 40vh !important;
}

.vh-one-half,
.vh-50,
.vh-half {
    height: 50vh !important;
}

.vh-60 {
    height: 60vh !important;
}

.vh-two-thirds {
    height: 66.666vh !important;
}

.vh-70 {
    height: 70vh !important;
}

.vh-three-fourths {
    height: 75vh !important;
}

.vh-80 {
    height: 80vh !important;
}

.vh-90 {
    height: 90vh !important;
}

.vh-100,
.vh-full {
    height: 100vh !important;
}

.vh-auto {
    height: auto !important;
}

.wf-1 {
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.wf-2 {
    -ms-flex: 2 !important;
    flex: 2 !important;
}

.wf-3 {
    -ms-flex: 3 !important;
    flex: 3 !important;
}

.wf-4 {
    -ms-flex: 4 !important;
    flex: 4 !important;
}

.wf-5 {
    -ms-flex: 5 !important;
    flex: 5 !important;
}

@media screen and (min-width: 481px) {
    /* widths */
    .xs\:w-0 {
        width: 0 !important;
    }

    .xs\:w-10 {
        width: 10% !important;
    }

    .xs\:five.columns > .column,
    .xs\:w-one-fifth,
    .xs\:w-20 {
        width: 20% !important;
    }

    .xs\:four.columns > .column,
    .xs\:w-one-fourth,
    .xs\:w-25 {
        width: 25% !important;
    }

    .xs\:w-30 {
        width: 30% !important;
    }

    .xs\:three.columns > .column,
    .xs\:w-one-third {
        width: 33.333% !important;
    }

    .xs\:w-40 {
        width: 40% !important;
    }

    .xs\:two.columns > .column,
    .xs\:w-one-half,
    .xs\:w-50 {
        width: 50% !important;
    }

    .xs\:w-60 {
        width: 60% !important;
    }

    .xs\:w-two-thirds {
        width: 66.666% !important;
    }

    .xs\:w-70 {
        width: 70% !important;
    }

    .xs\:w-three-fourths {
        width: 75% !important;
    }

    .xs\:w-80 {
        width: 80% !important;
    }

    .xs\:w-90 {
        width: 90% !important;
    }

    .xs\:one.columns > .column,
    .xs\:w-100 {
        width: 100% !important;
    }

    .xs\:w-auto {
        width: auto !important;
    }

    .xs\:h-0 {
        height: 0 !important;
    }

    .xs\:h-10 {
        height: 10% !important;
    }

    .xs\:h-one-fifth,
    .xs\:h-1-5,
    .xs\:h-20 {
        height: 20% !important;
    }

    .xs\:h-one-fourth,
    .xs\:h-1-4,
    .xs\:h-25 {
        height: 25% !important;
    }

    .xs\:h-30 {
        height: 30% !important;
    }

    .xs\:h-one-third,
    .xs\:h-1-3 {
        height: 33.333% !important;
    }

    .xs\:h-40 {
        height: 40% !important;
    }

    .xs\:h-one-half,
    .xs\:h-1-2,
    .xs\:h-50,
    .xs\:h-half {
        height: 50% !important;
    }

    .xs\:h-60 {
        height: 60% !important;
    }

    .xs\:h-two-thirds,
    .xs\:h-2-3 {
        height: 66.666% !important;
    }

    .xs\:h-70 {
        height: 70% !important;
    }

    .xs\:h-three-fourths,
    .xs\:h-3-4 {
        height: 75% !important;
    }

    .xs\:h-80 {
        height: 80% !important;
    }

    .xs\:h-90 {
        height: 90% !important;
    }

    .xs\:h-100,
    .xs\:h-full {
        height: 100% !important;
    }

    .xs\:h-auto {
        height: auto !important;
    }

    .xs\:vh-0 {
        height: 0 !important;
    }

    .xs\:vh-10 {
        height: 10vh !important;
    }

    .xs\:vh-one-fifth,
    .xs\:vh-20 {
        height: 20vh !important;
    }

    .xs\:vh-one-fourth,
    .xs\:vh-25 {
        height: 25vh !important;
    }

    .xs\:vh-30 {
        height: 30vh !important;
    }

    .xs\:vh-one-third {
        height: 33.333vh !important;
    }

    .xs\:vh-40 {
        height: 40vh !important;
    }

    .xs\:vh-one-half,
    .xs\:vh-50,
    .xs\:vh-half {
        height: 50vh !important;
    }

    .xs\:vh-60 {
        height: 60vh !important;
    }

    .xs\:vh-two-thirds {
        height: 66.666vh !important;
    }

    .xs\:vh-70 {
        height: 70vh !important;
    }

    .xs\:vh-three-fourths {
        height: 75vh !important;
    }

    .xs\:vh-80 {
        height: 80vh !important;
    }

    .xs\:vh-90 {
        height: 90vh !important;
    }

    .xs\:vh-100,
    .xs\:vh-full {
        height: 100vh !important;
    }

    .xs\:vh-auto {
        height: auto !important;
    }

    .xs\:wf-1 {
        -ms-flex: 1 !important;
        flex: 1 !important;
    }

    .xs\:wf-2 {
        -ms-flex: 2 !important;
        flex: 2 !important;
    }

    .xs\:wf-3 {
        -ms-flex: 3 !important;
        flex: 3 !important;
    }

    .xs\:wf-4 {
        -ms-flex: 4 !important;
        flex: 4 !important;
    }

    .xs\:wf-5 {
        -ms-flex: 5 !important;
        flex: 5 !important;
    }
}

@media screen and (min-width: 769px) {
    /* widths */
    .sm\:w-0 {
        width: 0 !important;
    }

    .sm\:w-10 {
        width: 10% !important;
    }

    .sm\:five.columns > .column,
    .sm\:w-one-fifth,
    .sm\:w-20 {
        width: 20% !important;
    }

    .sm\:four.columns > .column,
    .sm\:w-one-fourth,
    .sm\:w-25 {
        width: 25% !important;
    }

    .sm\:w-30 {
        width: 30% !important;
    }

    .sm\:three.columns > .column,
    .sm\:w-one-third {
        width: 33.333% !important;
    }

    .sm\:w-40 {
        width: 40% !important;
    }

    .sm\:two.columns > .column,
    .sm\:w-one-half,
    .sm\:w-50 {
        width: 50% !important;
    }

    .sm\:w-60 {
        width: 60% !important;
    }

    .sm\:w-two-thirds {
        width: 66.666% !important;
    }

    .sm\:w-70 {
        width: 70% !important;
    }

    .sm\:w-three-fourths {
        width: 75% !important;
    }

    .sm\:w-80 {
        width: 80% !important;
    }

    .sm\:w-90 {
        width: 90% !important;
    }

    .sm\:one.columns > .column,
    .sm\:w-100 {
        width: 100% !important;
    }

    .sm\:w-auto {
        width: auto !important;
    }

    .sm\:h-0 {
        height: 0 !important;
    }

    .sm\:h-10 {
        height: 10% !important;
    }

    .sm\:h-one-fifth,
    .sm\:h-1-5,
    .sm\:h-20 {
        height: 20% !important;
    }

    .sm\:h-one-fourth,
    .sm\:h-1-4,
    .sm\:h-25 {
        height: 25% !important;
    }

    .sm\:h-30 {
        height: 30% !important;
    }

    .sm\:h-one-third,
    .sm\:h-1-3 {
        height: 33.333% !important;
    }

    .sm\:h-40 {
        height: 40% !important;
    }

    .sm\:h-one-half,
    .sm\:h-1-2,
    .sm\:h-50,
    .sm\:h-half {
        height: 50% !important;
    }

    .sm\:h-60 {
        height: 60% !important;
    }

    .sm\:h-two-thirds,
    .sm\:h-2-3 {
        height: 66.666% !important;
    }

    .sm\:h-70 {
        height: 70% !important;
    }

    .sm\:h-three-fourths,
    .sm\:h-3-4 {
        height: 75% !important;
    }

    .sm\:h-80 {
        height: 80% !important;
    }

    .sm\:h-90 {
        height: 90% !important;
    }

    .sm\:h-100,
    .sm\:h-full {
        height: 100% !important;
    }

    .sm\:h-auto {
        height: auto !important;
    }

    .sm\:vh-0 {
        height: 0 !important;
    }

    .sm\:vh-10 {
        height: 10vh !important;
    }

    .sm\:vh-one-fifth,
    .sm\:vh-20 {
        height: 20vh !important;
    }

    .sm\:vh-one-fourth,
    .sm\:vh-25 {
        height: 25vh !important;
    }

    .sm\:vh-30 {
        height: 30vh !important;
    }

    .sm\:vh-one-third {
        height: 33.333vh !important;
    }

    .sm\:vh-40 {
        height: 40vh !important;
    }

    .sm\:vh-one-half,
    .sm\:vh-50,
    .sm\:vh-half {
        height: 50vh !important;
    }

    .sm\:vh-60 {
        height: 60vh !important;
    }

    .sm\:vh-two-thirds {
        height: 66.666vh !important;
    }

    .sm\:vh-70 {
        height: 70vh !important;
    }

    .sm\:vh-three-fourths {
        height: 75vh !important;
    }

    .sm\:vh-80 {
        height: 80vh !important;
    }

    .sm\:vh-90 {
        height: 90vh !important;
    }

    .sm\:vh-100,
    .sm\:vh-full {
        height: 100vh !important;
    }

    .sm\:vh-auto {
        height: auto !important;
    }

    .sm\:wf-1 {
        -ms-flex: 1 !important;
        flex: 1 !important;
    }

    .sm\:wf-2 {
        -ms-flex: 2 !important;
        flex: 2 !important;
    }

    .sm\:wf-3 {
        -ms-flex: 3 !important;
        flex: 3 !important;
    }

    .sm\:wf-4 {
        -ms-flex: 4 !important;
        flex: 4 !important;
    }

    .sm\:wf-5 {
        -ms-flex: 5 !important;
        flex: 5 !important;
    }
}

@media screen and (min-width: 993px) {
    /* widths */
    .md\:w-0 {
        width: 0 !important;
    }

    .md\:w-10 {
        width: 10% !important;
    }

    .md\:five.columns > .column,
    .md\:w-one-fifth,
    .md\:w-20 {
        width: 20% !important;
    }

    .md\:four.columns > .column,
    .md\:w-one-fourth,
    .md\:w-25 {
        width: 25% !important;
    }

    .md\:w-30 {
        width: 30% !important;
    }

    .md\:three.columns > .column,
    .md\:w-one-third {
        width: 33.333% !important;
    }

    .md\:w-40 {
        width: 40% !important;
    }

    .md\:two.columns > .column,
    .md\:w-one-half,
    .md\:w-50 {
        width: 50% !important;
    }

    .md\:w-60 {
        width: 60% !important;
    }

    .md\:w-two-thirds {
        width: 66.666% !important;
    }

    .md\:w-70 {
        width: 70% !important;
    }

    .md\:w-three-fourths {
        width: 75% !important;
    }

    .md\:w-80 {
        width: 80% !important;
    }

    .md\:w-90 {
        width: 90% !important;
    }

    .md\:one.columns > .column,
    .md\:w-100 {
        width: 100% !important;
    }

    .md\:w-auto {
        width: auto !important;
    }

    .md\:h-0 {
        height: 0 !important;
    }

    .md\:h-10 {
        height: 10% !important;
    }

    .md\:h-one-fifth,
    .md\:h-1-5,
    .md\:h-20 {
        height: 20% !important;
    }

    .md\:h-one-fourth,
    .md\:h-1-4,
    .md\:h-25 {
        height: 25% !important;
    }

    .md\:h-30 {
        height: 30% !important;
    }

    .md\:h-one-third,
    .md\:h-1-3 {
        height: 33.333% !important;
    }

    .md\:h-40 {
        height: 40% !important;
    }

    .md\:h-one-half,
    .md\:h-1-2,
    .md\:h-50,
    .md\:h-half {
        height: 50% !important;
    }

    .md\:h-60 {
        height: 60% !important;
    }

    .md\:h-two-thirds,
    .md\:h-2-3 {
        height: 66.666% !important;
    }

    .md\:h-70 {
        height: 70% !important;
    }

    .md\:h-three-fourths,
    .md\:h-3-4 {
        height: 75% !important;
    }

    .md\:h-80 {
        height: 80% !important;
    }

    .md\:h-90 {
        height: 90% !important;
    }

    .md\:h-100,
    .md\:h-full {
        height: 100% !important;
    }

    .md\:h-auto {
        height: auto !important;
    }

    .md\:vh-0 {
        height: 0 !important;
    }

    .md\:vh-10 {
        height: 10vh !important;
    }

    .md\:vh-one-fifth,
    .md\:vh-20 {
        height: 20vh !important;
    }

    .md\:vh-one-fourth,
    .md\:vh-25 {
        height: 25vh !important;
    }

    .md\:vh-30 {
        height: 30vh !important;
    }

    .md\:vh-one-third {
        height: 33.333vh !important;
    }

    .md\:vh-40 {
        height: 40vh !important;
    }

    .md\:vh-one-half,
    .md\:vh-50,
    .md\:vh-half {
        height: 50vh !important;
    }

    .md\:vh-60 {
        height: 60vh !important;
    }

    .md\:vh-two-thirds {
        height: 66.666vh !important;
    }

    .md\:vh-70 {
        height: 70vh !important;
    }

    .md\:vh-three-fourths {
        height: 75vh !important;
    }

    .md\:vh-80 {
        height: 80vh !important;
    }

    .md\:vh-90 {
        height: 90vh !important;
    }

    .md\:vh-100,
    .md\:vh-full {
        height: 100vh !important;
    }

    .md\:vh-auto {
        height: auto !important;
    }

    .md\:wf-1 {
        -ms-flex: 1 !important;
        flex: 1 !important;
    }

    .md\:wf-2 {
        -ms-flex: 2 !important;
        flex: 2 !important;
    }

    .md\:wf-3 {
        -ms-flex: 3 !important;
        flex: 3 !important;
    }

    .md\:wf-4 {
        -ms-flex: 4 !important;
        flex: 4 !important;
    }

    .md\:wf-5 {
        -ms-flex: 5 !important;
        flex: 5 !important;
    }
}

@media screen and (min-width: 1201px) {
    /* widths */
    .lg\:w-0 {
        width: 0 !important;
    }

    .lg\:w-10 {
        width: 10% !important;
    }

    .lg\:five.columns > .column,
    .lg\:w-one-fifth,
    .lg\:w-20 {
        width: 20% !important;
    }

    .lg\:four.columns > .column,
    .lg\:w-one-fourth,
    .lg\:w-25 {
        width: 25% !important;
    }

    .lg\:w-30 {
        width: 30% !important;
    }

    .lg\:three.columns > .column,
    .lg\:w-one-third {
        width: 33.333% !important;
    }

    .lg\:w-40 {
        width: 40% !important;
    }

    .lg\:two.columns > .column,
    .lg\:w-one-half,
    .lg\:w-50 {
        width: 50% !important;
    }

    .lg\:w-60 {
        width: 60% !important;
    }

    .lg\:w-two-thirds {
        width: 66.666% !important;
    }

    .lg\:w-70 {
        width: 70% !important;
    }

    .lg\:w-three-fourths {
        width: 75% !important;
    }

    .lg\:w-80 {
        width: 80% !important;
    }

    .lg\:w-90 {
        width: 90% !important;
    }

    .lg\:one.columns > .column,
    .lg\:w-100 {
        width: 100% !important;
    }

    .lg\:w-auto {
        width: auto !important;
    }

    .lg\:h-0 {
        height: 0 !important;
    }

    .lg\:h-10 {
        height: 10% !important;
    }

    .lg\:h-one-fifth,
    .lg\:h-1-5,
    .lg\:h-20 {
        height: 20% !important;
    }

    .lg\:h-one-fourth,
    .lg\:h-1-4,
    .lg\:h-25 {
        height: 25% !important;
    }

    .lg\:h-30 {
        height: 30% !important;
    }

    .lg\:h-one-third,
    .lg\:h-1-3 {
        height: 33.333% !important;
    }

    .lg\:h-40 {
        height: 40% !important;
    }

    .lg\:h-one-half,
    .lg\:h-1-2,
    .lg\:h-50,
    .lg\:h-half {
        height: 50% !important;
    }

    .lg\:h-60 {
        height: 60% !important;
    }

    .lg\:h-two-thirds,
    .lg\:h-2-3 {
        height: 66.666% !important;
    }

    .lg\:h-70 {
        height: 70% !important;
    }

    .lg\:h-three-fourths,
    .lg\:h-3-4 {
        height: 75% !important;
    }

    .lg\:h-80 {
        height: 80% !important;
    }

    .lg\:h-90 {
        height: 90% !important;
    }

    .lg\:h-100,
    .lg\:h-full {
        height: 100% !important;
    }

    .lg\:h-auto {
        height: auto !important;
    }

    .lg\:vh-0 {
        height: 0 !important;
    }

    .lg\:vh-10 {
        height: 10vh !important;
    }

    .lg\:vh-one-fifth,
    .lg\:vh-20 {
        height: 20vh !important;
    }

    .lg\:vh-one-fourth,
    .lg\:vh-25 {
        height: 25vh !important;
    }

    .lg\:vh-30 {
        height: 30vh !important;
    }

    .lg\:vh-one-third {
        height: 33.333vh !important;
    }

    .lg\:vh-40 {
        height: 40vh !important;
    }

    .lg\:vh-one-half,
    .lg\:vh-50,
    .lg\:vh-half {
        height: 50vh !important;
    }

    .lg\:vh-60 {
        height: 60vh !important;
    }

    .lg\:vh-two-thirds {
        height: 66.666vh !important;
    }

    .lg\:vh-70 {
        height: 70vh !important;
    }

    .lg\:vh-three-fourths {
        height: 75vh !important;
    }

    .lg\:vh-80 {
        height: 80vh !important;
    }

    .lg\:vh-90 {
        height: 90vh !important;
    }

    .lg\:vh-100,
    .lg\:vh-full {
        height: 100vh !important;
    }

    .lg\:vh-auto {
        height: auto !important;
    }

    .lg\:wf-1 {
        -ms-flex: 1 !important;
        flex: 1 !important;
    }

    .lg\:wf-2 {
        -ms-flex: 2 !important;
        flex: 2 !important;
    }

    .lg\:wf-3 {
        -ms-flex: 3 !important;
        flex: 3 !important;
    }

    .lg\:wf-4 {
        -ms-flex: 4 !important;
        flex: 4 !important;
    }

    .lg\:wf-5 {
        -ms-flex: 5 !important;
        flex: 5 !important;
    }
}

@media screen and (min-width: 1401px) {
    /* widths */
    .xl\:w-0 {
        width: 0 !important;
    }

    .xl\:w-10 {
        width: 10% !important;
    }

    .xl\:five.columns > .column,
    .xl\:w-one-fifth,
    .xl\:w-20 {
        width: 20% !important;
    }

    .xl\:four.columns > .column,
    .xl\:w-one-fourth,
    .xl\:w-25 {
        width: 25% !important;
    }

    .xl\:w-30 {
        width: 30% !important;
    }

    .xl\:three.columns > .column,
    .xl\:w-one-third {
        width: 33.333% !important;
    }

    .xl\:w-40 {
        width: 40% !important;
    }

    .xl\:two.columns > .column,
    .xl\:w-one-half,
    .xl\:w-50 {
        width: 50% !important;
    }

    .xl\:w-60 {
        width: 60% !important;
    }

    .xl\:w-two-thirds {
        width: 66.666% !important;
    }

    .xl\:w-70 {
        width: 70% !important;
    }

    .xl\:w-three-fourths {
        width: 75% !important;
    }

    .xl\:w-80 {
        width: 80% !important;
    }

    .xl\:w-90 {
        width: 90% !important;
    }

    .xl\:one.columns > .column,
    .xl\:w-100 {
        width: 100% !important;
    }

    .xl\:w-auto {
        width: auto !important;
    }

    .xl\:h-0 {
        height: 0 !important;
    }

    .xl\:h-10 {
        height: 10% !important;
    }

    .xl\:h-one-fifth,
    .xl\:h-1-5,
    .xl\:h-20 {
        height: 20% !important;
    }

    .xl\:h-one-fourth,
    .xl\:h-1-4,
    .xl\:h-25 {
        height: 25% !important;
    }

    .xl\:h-30 {
        height: 30% !important;
    }

    .xl\:h-one-third,
    .xl\:h-1-3 {
        height: 33.333% !important;
    }

    .xl\:h-40 {
        height: 40% !important;
    }

    .xl\:h-one-half,
    .xl\:h-1-2,
    .xl\:h-50,
    .xl\:h-half {
        height: 50% !important;
    }

    .xl\:h-60 {
        height: 60% !important;
    }

    .xl\:h-two-thirds,
    .xl\:h-2-3 {
        height: 66.666% !important;
    }

    .xl\:h-70 {
        height: 70% !important;
    }

    .xl\:h-three-fourths,
    .xl\:h-3-4 {
        height: 75% !important;
    }

    .xl\:h-80 {
        height: 80% !important;
    }

    .xl\:h-90 {
        height: 90% !important;
    }

    .xl\:h-100,
    .xl\:h-full {
        height: 100% !important;
    }

    .xl\:h-auto {
        height: auto !important;
    }

    .xl\:vh-0 {
        height: 0 !important;
    }

    .xl\:vh-10 {
        height: 10vh !important;
    }

    .xl\:vh-one-fifth,
    .xl\:vh-20 {
        height: 20vh !important;
    }

    .xl\:vh-one-fourth,
    .xl\:vh-25 {
        height: 25vh !important;
    }

    .xl\:vh-30 {
        height: 30vh !important;
    }

    .xl\:vh-one-third {
        height: 33.333vh !important;
    }

    .xl\:vh-40 {
        height: 40vh !important;
    }

    .xl\:vh-one-half,
    .xl\:vh-50,
    .xl\:vh-half {
        height: 50vh !important;
    }

    .xl\:vh-60 {
        height: 60vh !important;
    }

    .xl\:vh-two-thirds {
        height: 66.666vh !important;
    }

    .xl\:vh-70 {
        height: 70vh !important;
    }

    .xl\:vh-three-fourths {
        height: 75vh !important;
    }

    .xl\:vh-80 {
        height: 80vh !important;
    }

    .xl\:vh-90 {
        height: 90vh !important;
    }

    .xl\:vh-100,
    .xl\:vh-full {
        height: 100vh !important;
    }

    .xl\:vh-auto {
        height: auto !important;
    }

    .xl\:wf-1 {
        -ms-flex: 1 !important;
        flex: 1 !important;
    }

    .xl\:wf-2 {
        -ms-flex: 2 !important;
        flex: 2 !important;
    }

    .xl\:wf-3 {
        -ms-flex: 3 !important;
        flex: 3 !important;
    }

    .xl\:wf-4 {
        -ms-flex: 4 !important;
        flex: 4 !important;
    }

    .xl\:wf-5 {
        -ms-flex: 5 !important;
        flex: 5 !important;
    }
}

.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-21x9 {
    --aspect-ratio: 42.85714%;
}

.ratio-16x9 {
    --aspect-ratio: 56.25%;
}

.ratio-10x8 {
    --aspect-ratio: 90%;
}

.ratio-7x5 {
    --aspect-ratio: 71.42857%;
}

.ratio-4x3 {
    --aspect-ratio: 75%;
}

.ratio-5x3 {
    --aspect-ratio: 60%;
}

.ratio-3x2 {
    --aspect-ratio: 66.66667%;
}

.ratio-1x1 {
    --aspect-ratio: 100%;
}

.ratio-2x3 {
    --aspect-ratio: 150%;
}

.ratio-3x5 {
    --aspect-ratio: 166.66667%;
}

.ratio-3x4 {
    --aspect-ratio: 133.33333%;
}

.ratio-5x7 {
    --aspect-ratio: 140%;
}

.ratio-8x10 {
    --aspect-ratio: 125%;
}

.ratio-9x16 {
    --aspect-ratio: 177.77778%;
}

.ratio-9x21 {
    --aspect-ratio: 233.33333%;
}

/* shapes ---------------------------------- */
.shape,
.rect,
.rounded, .rounded-xs,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl,
.round,
.circle {
    --box-shape: var(--shape-rect);
    border-radius: var(--box-shape);
}

.rect {
    --box-shape: var(--shape-rect);
}

.rounded, .rounded-xs,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl {
    --box-shape: var(--shape-rounded);
}

.round {
    --box-shape: var(--shape-round);
}

.circle {
    --box-shape: var(--shape-circle);
}

.rounded-xs {
    --box-shape: var(--shape-rounded-xs);
}

.rounded-sm {
    --box-shape: var(--shape-rounded-sm);
}

.rounded-md {
    --box-shape: var(--shape-rounded-md);
}

.rounded-lg {
    --box-shape: var(--shape-rounded-lg);
}

.rounded-xl {
    --box-shape: var(--shape-rounded-xl);
}

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

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

label > input + strong{
    color: var(--co-link-color);
}

img.brand{
   max-width: 20rem; 
}

/* shadows ---------------------------------- */

.clickable{
    cursor: pointer;
}

/*# sourceMappingURL=styles.css.map*/