@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Unbounded:wght@200..900&display=swap");

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

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    cursor: default;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-break: break-word
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
    margin: 0
}

hr {
    height: 0;
    overflow: visible
}

main {
    display: block
}

nav ol,
nav ul {
    list-style: none;
    padding: 0
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

iframe,
img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

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

fieldset {
    border: 1px solid #a0a0a0;
    padding: .35em .75em .625em
}

input {
    overflow: visible
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    padding: 0
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

details {
    display: block
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true],
[disabled] {
    cursor: not-allowed
}

[aria-hidden=false][hidden] {
    display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: transparent;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    line-height: 1
}

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

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

ins {
    text-decoration: none
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

html {
    --brand: #212025;
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
    scrollbar-color: var(--brand) Canvas
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

:root {
    accent-color: var(--brand)
}

:focus-visible {
    box-shadow: 0 0 5px rgba(0, 128, 0, .6);
    outline: 3px solid var(--brand);
    outline-offset: 2px;
    transition: all .3s ease
}

::-moz-selection {
    background-color: var(--brand);
    color: var(--white)
}

::selection {
    background-color: var(--brand);
    color: var(--white)
}

::marker {
    color: var(--brand)
}

:is(::-webkit-calendar-picker-indicator, ::-webkit-clear-button, ::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
    color: var(--brand)
}

@media (prefers-reduced-motion:reduce) {
    @view-transition {
        navigation: none
    }
}

body {
    background-color: var(--white);
    color: var(--main);
    font-family: var(--font-family);
    font-size: var(--base-font-size);
    font-style: normal;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    line-height: 145%;
    overflow-wrap: break-word
}

.main-page {
    display: grid;
    grid-template-areas: "header""main""footer";
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-x: clip;
    overflow-y: visible
}

header {
    grid-area: header
}

main {
    grid-area: main
}

footer {
    grid-area: footer
}

@supports (height:100dvh) {
    .main-page {
        min-height: 100dvh
    }
}

.text-field__input[type=search]::-webkit-search-cancel-button,
.text-field__input[type=search]::-webkit-search-decoration,
.text-field__input[type=search]::-webkit-search-results-button,
.text-field__input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}

input[type=email],
input[type=number],
input[type=tel],
input[type=text],
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

:focus {
    outline: none
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline-offset: -1px;
    outline-style: dashed;
    outline-width: 1px
}

input {
    transition: outline-color .3s ease, transform .3s ease
}

@keyframes shake2 {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-5px)
    }

    50% {
        transform: translateX(5px)
    }

    75% {
        transform: translateX(-5px)
    }

    to {
        transform: translateX(0)
    }
}

input:user-invalid {
    animation: shake2 .3s ease;
    outline: 2px solid red
}

input:focus-visible:user-invalid,
input:user-invalid {
    border: 0;
    outline: 2px solid var(--red)
}

input:focus-visible:user-valid,
input:user-valid {
    border: 0;
    outline: 2px solid var(--green)
}

img {
    border: none;
    display: inline-block;
    height: auto;
    max-width: 100%;
    position: relative;
    transition: transform var(--transition-duration) ease-in-out;
    vertical-align: bottom
}

img:before {
    background-color: #e6e6e6;
    content: "";
    display: block
}

img:after,
img:before {
    height: 100%;
    position: absolute;
    width: 100%
}

img:after {
    content: attr(alt);
    left: 0;
    top: 1px
}

img:after,
img[alt] {
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center
}

.hidden-box {
    display: none
}

.error {
    animation: shake .6s;
    color: var(--red) !important
}

form .error::-webkit-input-placeholder {
    color: var(--red) !important;
    outline: none
}

form .error:-moz-placeholder {
    color: var(--red) !important;
    outline: none
}

@keyframes shake {

    0%,
    to {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-.625rem)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(.625rem)
    }
}

#fixmenu {
    transition: all var(--transition-duration) ease-in-out;
    z-index: 888
}

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

.btn-clear {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0
}

.but {
    -ms-align-items: center;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    transition: all var(--transition-duration) ease-in-out
}

.but:active {
    position: relative;
    top: 1px
}

button[disabled],
html input[disabled] {
    cursor: default;
    opacity: .7;
    pointer-events: none
}

.cursor-pointer {
    cursor: pointer
}

.pop-politics {
    max-width: 50rem;
    padding: 2.5rem 1.875rem;
    width: 100%
}

.pop-politics-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.875rem;
    text-align: center
}

.pop-scroll {
    max-height: 13.75rem;
    overflow-y: scroll
}

.pop-scroll p:not(:last-child) {
    margin-bottom: 1.25rem
}

.btn-bg {
    background: linear-gradient(133deg, #9148a8, #7e44f6);
    min-width: 210px;
    padding: 15px 45px
}

.btn-hover:hover {
    box-shadow: 0 16px 35px -8px rgba(126, 68, 246, .4);
    transform: translateY(-5px)
}

.btn-size {
    min-height: 60px
}

.card-cases:hover button,
.card-t-hover:hover button {
    box-shadow: 0 16px 35px -8px rgba(255, 255, 246, .3);
    transform: translateY(-5px)
}

.btn-opacity {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.a-btn-opacity:has(input[type=checkbox]:checked) .btn-opacity {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto
}

:root {
    --base-font-size: 1rem;
    --font-family: "Inter", sans-serif;
    --second-family: "Unbounded", sans-serif;
    --checkbox-border-color: #333;
    --checkbox-active-bg: #4caf50;
    --checkbox-font-size: 16px;
    --main: #212025;
    --yellow: #ff0;
    --orange: orange;
    --purple: purple;
    --white: #fff;
    --red: red;
    --green: green;
    --blue: blue;
    --braun: braun;
    --black: #000;
    --grey: #f3f3f3;
    --size-5: 0.3125rem;
    --size-10: 0.625rem;
    --size-15: 0.9375rem;
    --size-16: 1rem;
    --size-20: 1.25rem;
    --size-25: 1.5625rem;
    --size-30: 1.875rem;
    --size-35: 2.1875rem;
    --size-40: 2.5rem;
    --size-45: 2.8125rem;
    --size-50: 3.125rem;
    --size-55: 3.4375rem;
    --size-60: 3.75rem;
    --size-65: 4.0625rem;
    --size-70: 4.375rem;
    --size-75: 4.6875rem;
    --size-80: 5rem;
    --size-85: 5.3125rem;
    --size-90: 5.625rem;
    --size-95: 5.9375rem;
    --size-100: 6.25rem;
    --h1-size: clamp(2rem, 1.595rem + 1.73vw, 3rem);
    --h2-size: clamp(1.8rem, 1.618rem + 0.778vw, 2.25rem);
    --h3-size: clamp(1.3rem, 1.219rem + 0.346vw, 1.5rem);
    --h4-size: 1.3rem;
    --h5-size: 1.2rem;
    --h6-size: 1.125rem;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-md: 1.125rem;
    --text-lg: 1.25rem;
    --text-xl: 1.375rem;
    --container-width: 81.25rem;
    --container-padding-x: 0.9375rem;
    --transition-duration: 0.2s
}

.h1,
h1 {
    font-size: var(--h1-size)
}

.h2,
h2 {
    font-size: var(--h2-size)
}

.h3,
h3 {
    font-size: var(--h3-size)
}

.h4,
h4 {
    font-size: var(--h4-size)
}

.h5,
h5 {
    font-size: var(--h5-size)
}

.h6,
h6 {
    font-size: var(--h6-size)
}

:where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    font-family: var(--second-family);
    line-height: normal
}

.h1 :where(h1, h2, h3, h4, h5, h6, ) {
    font-size: inherit
}

.h2 :where(h1, h2, h3, h4, h5, h6, ) {
    font-size: inherit
}

.h3 :where(h1, h2, h3, h4, h5, h6, ) {
    font-size: inherit
}

.h4 :where(h1, h2, h3, h4, h5, h6, ) {
    font-size: inherit
}

.h5 :where(h1, h2, h3, h4, h5, h6, ) {
    font-size: inherit
}

.h6 :where(h1, h2, h3, h4, h5, h6, ) {
    font-size: inherit
}

.text-xl {
    font-size: var(--text-xl)
}

.text-lg {
    font-size: var(--text-lg)
}

.text-md {
    font-size: var(--text-md)
}

.text-sm {
    font-size: var(--text-sm)
}

.text-xs {
    font-size: var(--text-xs)
}

div.p:first-child,
p:first-child {
    margin-top: 0
}

.icon {
    --size: 1em;
    display: inline-block;
    flex-shrink: 0;
    font-size: var(--size);
    height: 1em;
    line-height: 1;
    max-width: none;
    width: 1em
}

.icon,
.icon use {
    color: inherit;
    fill: currentColor
}

.icon--3xs {
    --size: 8px
}

.icon--2xs {
    --size: 12px
}

.icon--xs {
    --size: 16px
}

.icon--sm {
    --size: 24px
}

.icon--md {
    --size: 32px
}

.icon--lg {
    --size: 48px
}

.icon--xl {
    --size: 64px
}

.icon--2xl {
    --size: 96px
}

.icon--3xl {
    --size: 128px
}

.icon-container {
    grid-template-columns: auto 1fr
}

.icon--is-spinning {
    animation: icon-spin 1s linear infinite
}

@keyframes icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.list-unstyled {
    list-style: none;
    padding-left: 0
}

.bg-main {
    background-color: var(--main)
}

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

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

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

.bg-braun {
    background-color: var(--braun)
}

.bg-purple {
    background-color: var(--purple)
}

.bg-green {
    background-color: var(--green)
}

.bg-red {
    background-color: var(--red)
}

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

.bg-grey {
    background-color: var(--grey)
}

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

.bg-gradient {
    background: linear-gradient(133deg, #9148a8, #7e44f6)
}

.col-main {
    color: var(--main)
}

.col-white {
    color: var(--white)
}

.col-yellow {
    color: var(--yellow)
}

.col-orange {
    color: var(--orange)
}

.col-braun {
    color: var(--braun)
}

.col-purple {
    color: var(--purple)
}

.col-green {
    color: var(--green)
}

.col-red {
    color: var(--red)
}

.col-blue {
    color: var(--blue)
}

.col-grey {
    color: var(--grey)
}

.col-black {
    color: var(--black)
}

.col-gradient {
    background: linear-gradient(133deg, #9148a8, #7e44f6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.m-auto {
    margin: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mt-auto {
    margin-top: auto
}

.me-auto {
    margin-right: auto
}

.ms-auto {
    margin-left: auto
}

.mt-0 {
    margin-top: 0
}

.mt-10 {
    margin-top: var(--size-10)
}

.mt-15 {
    margin-top: var(--size-15)
}

.mt-16 {
    margin-top: var(--size-16)
}

.mt-20 {
    margin-top: var(--size-20)
}

.mt-30 {
    margin-top: var(--size-30)
}

.mt-40 {
    margin-top: var(--size-40)
}

.mt-50 {
    margin-top: var(--size-50)
}

.mt-60 {
    margin-top: var(--size-60)
}

.mt-70 {
    margin-top: var(--size-70)
}

.mt-80 {
    margin-top: var(--size-80)
}

.mt-90 {
    margin-top: var(--size-90)
}

.mt-100 {
    margin-top: var(--size-100)
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: var(--size-10)
}

.mb-15 {
    margin-bottom: var(--size-15)
}

.mb-16 {
    margin-bottom: var(--size-16)
}

.mb-20 {
    margin-bottom: var(--size-20)
}

.mb-30 {
    margin-bottom: var(--size-30)
}

.mb-40 {
    margin-bottom: var(--size-40)
}

.mb-50 {
    margin-bottom: var(--size-50)
}

.mb-60 {
    margin-bottom: var(--size-60)
}

.mb-70 {
    margin-bottom: var(--size-70)
}

.mb-80 {
    margin-bottom: var(--size-80)
}

.mb-90 {
    margin-bottom: var(--size-90)
}

.mb-100 {
    margin-bottom: var(--size-100)
}

.m-0 {
    margin: 0
}

.p-10 {
    padding: var(--size-10)
}

.p-15 {
    padding: var(--size-15)
}

.p-16 {
    padding: var(--size-16)
}

.p-20 {
    padding: var(--size-20)
}

.p-30 {
    padding: var(--size-30)
}

.p-40 {
    padding: var(--size-40)
}

.p-50 {
    padding: var(--size-50)
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-10 {
    padding-bottom: var(--size-10);
    padding-top: var(--size-10)
}

.py-15 {
    padding-bottom: var(--size-15);
    padding-top: var(--size-15)
}

.py-16 {
    padding-bottom: var(--size-16);
    padding-top: var(--size-16)
}

.py-20 {
    padding-bottom: var(--size-20);
    padding-top: var(--size-20)
}

.py-30 {
    padding-bottom: var(--size-30);
    padding-top: var(--size-30)
}

.py-40 {
    padding-bottom: var(--size-40);
    padding-top: var(--size-40)
}

.py-50 {
    padding-bottom: var(--size-50);
    padding-top: var(--size-50)
}

.px-10 {
    padding-left: 0;
    padding-left: var(--size-10);
    padding-right: 0;
    padding-right: var(--size-10)
}

.px-15 {
    padding-left: var(--size-15);
    padding-right: var(--size-15)
}

.px-16 {
    padding-left: var(--size-16);
    padding-right: var(--size-16)
}

.px-20 {
    padding-left: var(--size-20);
    padding-right: var(--size-20)
}

.px-30 {
    padding-left: var(--size-30);
    padding-right: var(--size-30)
}

.px-40 {
    padding-left: var(--size-40);
    padding-right: var(--size-40)
}

.px-50 {
    padding-left: var(--size-50);
    padding-right: var(--size-50)
}

.pt-0 {
    padding-top: 0
}

.pt-5 {
    padding-top: var(--size-5)
}

.pt-10 {
    padding-top: var(--size-10)
}

.pt-15 {
    padding-top: var(--size-15)
}

.pt-16 {
    padding-top: var(--size-16)
}

.pt-20 {
    padding-top: var(--size-20)
}

.pt-30 {
    padding-top: var(--size-30)
}

.pt-40 {
    padding-top: var(--size-40)
}

.pt-50 {
    padding-top: var(--size-50)
}

.pt-60 {
    padding-top: var(--size-60)
}

.pt-70 {
    padding-top: var(--size-70)
}

.pt-80 {
    padding-top: var(--size-80)
}

.pt-90 {
    padding-top: var(--size-90)
}

.pt-100 {
    padding-top: var(--size-100)
}

.pb-0 {
    padding-bottom: 0
}

.pb-10 {
    padding-bottom: var(--size-10)
}

.pb-15 {
    padding-bottom: var(--size-15)
}

.pb-16 {
    padding-bottom: var(--size-16)
}

.pb-20 {
    padding-bottom: var(--size-20)
}

.pb-30 {
    padding-bottom: var(--size-30)
}

.pb-40 {
    padding-bottom: var(--size-40)
}

.pb-50 {
    padding-bottom: var(--size-50)
}

.pb-60 {
    padding-bottom: var(--size-60)
}

.pb-70 {
    padding-bottom: var(--size-70)
}

.pb-80 {
    padding-bottom: var(--size-80)
}

.pb-90 {
    padding-bottom: var(--size-90)
}

.pb-100 {
    padding-bottom: var(--size-100)
}

.p-0 {
    padding: 0
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw
}

.zi1 {
    z-index: 1
}

.zi2 {
    z-index: 2
}

.zi3 {
    z-index: 3
}

.zi4 {
    z-index: 4
}

.zi5 {
    z-index: 5
}

.zi-1 {
    z-index: -1
}

.rounded-circle {
    border-radius: 50%
}

.rounded-5 {
    border-radius: var(--size-5)
}

.rounded-10 {
    border-radius: var(--size-10)
}

.rounded-15 {
    border-radius: var(--size-15)
}

.rounded-20 {
    border-radius: var(--size-20)
}

.rounded-25 {
    border-radius: var(--size-25)
}

.rounded-30 {
    border-radius: var(--size-30)
}

.inner-radius {
    --outer-radius: 1em;
    --padding: 0.5em;
    --inner-radius: calc(var(--outer-radius) - var(--padding))
}

.scroll-snap {
    --gap: 1rem;
    display: grid;
    grid-gap: var(--gap);
    grid-auto-columns: calc(50% - var(--gap)/2);
    grid-auto-columns: 30%;
    grid-auto-flow: column;
    overflow-x: scroll;
    scroll-padding: var(--gap);
    scroll-snap-type: x mandatory
}

.scroll-snap>* {
    scroll-snap-align: start
}

a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 3px
}

@media (hover:hover) and (pointer:fine) {
    a:hover {
        text-decoration: none
    }
}

a:active {
    color: var(--red)
}

a:visited {
    color: inherit
}

.transition-duration {
    transition-delay: var(--transition-duration)
}

ul:where(ul) {
    list-style-type: disc
}

teaxtarea {
    max-height: 400px;
    min-height: 200px;
    resize: vertical
}

input[type=checkbox] {
    accent-color: var(--brand);
    height: 1.5rem;
    width: 1.5em
}

.pointer-events {
    pointer-events: none
}

.d-grid-center {
    display: grid;
    place-items: center
}

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

.img-fluid {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%;
    width: 100%
}

.col-inherit {
    color: inherit
}

.embed-container {
    height: auto;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.container {
    max-width: calc(var(--container-width) + var(--container-padding-x)*2);
    width: 100%
}

.container,
.container-fluid {
    margin-inline: auto;
    padding-inline: var(--container-padding-x)
}

.container-fluid {
    max-width: 1920px
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-auto {
    overflow-x: auto
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    border: 0;
    clip-path: inset(100%);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.sr-only {
    white-space: nowrap !important
}

.screen-reader-text,
.sr-only {
    clip: rect(1px, 1px, 1px, 1px) !important;
    word-wrap: normal !important;
    border: 0 !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.text-start {
    text-align: left
}

.text-end {
    text-align: right
}

.text-center {
    text-align: center
}

.text-decoration-none {
    text-decoration: none
}

.text-decoration-thick {
    text-decoration-thickness: 1px;
    text-underline-offset: 1px
}

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

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

.text-decoration-hover a:hover,
.text-decoration-hover:hover {
    text-decoration: none
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-wrap {
    white-space: normal
}

.text-nowrap {
    white-space: nowrap
}

.fst-italic {
    font-style: italic
}

.fst-normal {
    font-style: normal
}

.fw-light {
    font-weight: 300
}

.fw-lighter {
    font-weight: lighter
}

.fw-normal {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-bold,
b,
strong {
    font-weight: 700
}

.fw-semibold {
    font-weight: 600
}

.fw-bolder {
    font-weight: bolder
}

.fixed-top {
    top: 0
}

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

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: sticky;
    top: -1px;
    z-index: 20
}

.sticky-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020
}

.position-static {
    position: static
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-sticky {
    position: sticky
}

.d-inline {
    display: inline
}

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

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-grid {
    display: grid
}

.d-inline-grid {
    display: inline-grid
}

.d-flex {
    display: flex
}

.d-flex-center {
    align-items: center;
    display: flex;
    justify-content: center
}

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

.d-inline-flex-center {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.flex-fill {
    flex: 1 1 auto
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

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

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

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

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

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

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

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

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

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

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

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

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

.justify-content-evenly {
    justify-content: space-evenly
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-last {
    order: 6
}

.order-first {
    order: -1
}

.child {
    background-color: violet;
    padding: 1rem
}

.auto-grid {
    --min-column-size: 22rem;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--min-column-size), 100%), 1fr))
}

.grid,
[class*=grid-auto-] {
    display: grid;
    grid-gap: var(--grid-gap, 0)
}

.grid {
    --grid-cols: 12;
    grid-template-columns: repeat(var(--grid-cols), 1fr)
}

.grid>* {
    grid-column: span var(--span, 12)/span var(--span, 12)
}

.grid-auto-lg,
.grid-auto-md,
.grid-auto-sm,
.grid-auto-xl,
.grid-auto-xs {
    grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr))
}

.grid-auto-xs {
    --col-min-width: 8rem
}

.grid-auto-sm {
    --col-min-width: 10rem
}

.grid-auto-md {
    --col-min-width: 15rem
}

.grid-auto-lg {
    --col-min-width: 20rem
}

.grid-auto-xl {
    --col-min-width: 25rem
}

.grid-auto-cols {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
}

.gap-5 {
    gap: var(--size-5)
}

.gap-10 {
    gap: var(--size-10)
}

.gap-15 {
    gap: var(--size-15)
}

.gap-16 {
    gap: var(--size-16)
}

.gap-20 {
    gap: var(--size-20)
}

.gap-25 {
    gap: var(--size-25)
}

.gap-30 {
    gap: var(--size-30)
}

.gap-35 {
    gap: var(--size-35)
}

.gap-40 {
    gap: var(--size-40)
}

.gap-45 {
    gap: var(--size-45)
}

.gap-50 {
    gap: var(--size-50)
}

.gap-55 {
    gap: var(--size-55)
}

.gap-60 {
    gap: var(--size-60)
}

.gap-65 {
    gap: var(--size-65)
}

.gap-70 {
    gap: var(--size-70)
}

.gap-75 {
    gap: var(--size-75)
}

.gap-80 {
    gap: var(--size-80)
}

.gap-85 {
    gap: var(--size-85)
}

.gap-90 {
    gap: var(--size-90)
}

.gap-95 {
    gap: var(--size-95)
}

.gap-100 {
    gap: var(--size-100)
}

.gap-x-5 {
    -moz-column-gap: var(--size-5);
    column-gap: var(--size-5)
}

.gap-x-10 {
    -moz-column-gap: var(--size-10);
    column-gap: var(--size-10)
}

.gap-x-15 {
    -moz-column-gap: var(--size-15);
    column-gap: var(--size-15)
}

.gap-x-16 {
    -moz-column-gap: var(--size-16);
    column-gap: var(--size-16)
}

.gap-x-20 {
    -moz-column-gap: var(--size-20);
    column-gap: var(--size-20)
}

.gap-x-25 {
    -moz-column-gap: var(--size-25);
    column-gap: var(--size-25)
}

.gap-x-30 {
    -moz-column-gap: var(--size-30);
    column-gap: var(--size-30)
}

.gap-x-35 {
    -moz-column-gap: var(--size-35);
    column-gap: var(--size-35)
}

.gap-x-40 {
    -moz-column-gap: var(--size-40);
    column-gap: var(--size-40)
}

.gap-x-45 {
    -moz-column-gap: var(--size-45);
    column-gap: var(--size-45)
}

.gap-x-50 {
    -moz-column-gap: var(--size-50);
    column-gap: var(--size-50)
}

.gap-x-55 {
    -moz-column-gap: var(--size-55);
    column-gap: var(--size-55)
}

.gap-x-60 {
    -moz-column-gap: var(--size-60);
    column-gap: var(--size-60)
}

.gap-x-65 {
    -moz-column-gap: var(--size-65);
    column-gap: var(--size-65)
}

.gap-x-70 {
    -moz-column-gap: var(--size-70);
    column-gap: var(--size-70)
}

.gap-x-75 {
    -moz-column-gap: var(--size-75);
    column-gap: var(--size-75)
}

.gap-x-80 {
    -moz-column-gap: var(--size-80);
    column-gap: var(--size-80)
}

.gap-x-85 {
    -moz-column-gap: var(--size-85);
    column-gap: var(--size-85)
}

.gap-x-90 {
    -moz-column-gap: var(--size-90);
    column-gap: var(--size-90)
}

.gap-x-95 {
    -moz-column-gap: var(--size-95);
    column-gap: var(--size-95)
}

.gap-x-100 {
    -moz-column-gap: var(--size-100);
    column-gap: var(--size-100)
}

.gap-y-5 {
    row-gap: var(--size-5)
}

.gap-y-10 {
    row-gap: var(--size-10)
}

.gap-y-15 {
    row-gap: var(--size-15)
}

.gap-y-16 {
    row-gap: var(--size-16)
}

.gap-y-20 {
    row-gap: var(--size-20)
}

.gap-y-25 {
    row-gap: var(--size-25)
}

.gap-y-30 {
    row-gap: var(--size-30)
}

.gap-y-35 {
    row-gap: var(--size-35)
}

.gap-y-40 {
    row-gap: var(--size-40)
}

.gap-y-45 {
    row-gap: var(--size-45)
}

.gap-y-50 {
    row-gap: var(--size-50)
}

.gap-y-55 {
    row-gap: var(--size-55)
}

.gap-y-60 {
    row-gap: var(--size-60)
}

.gap-y-65 {
    row-gap: var(--size-65)
}

.gap-y-70 {
    row-gap: var(--size-70)
}

.gap-y-75 {
    row-gap: var(--size-75)
}

.gap-y-80 {
    row-gap: var(--size-80)
}

.gap-y-85 {
    row-gap: var(--size-85)
}

.gap-y-90 {
    row-gap: var(--size-90)
}

.gap-y-95 {
    row-gap: var(--size-95)
}

.gap-y-100 {
    row-gap: var(--size-100)
}

.col-1 {
    --span: 1
}

.col-start-1 {
    grid-column-start: 1
}

.col-end-2 {
    grid-column-end: 2
}

.row-1 {
    grid-row: span 1/span 1
}

.row-start-1 {
    grid-row-start: 1
}

.row-end-2 {
    grid-row-end: 2
}

.col-2 {
    --span: 2
}

.col-start-2 {
    grid-column-start: 2
}

.col-end-3 {
    grid-column-end: 3
}

.row-2 {
    grid-row: span 2/span 2
}

.row-start-2 {
    grid-row-start: 2
}

.row-end-3 {
    grid-row-end: 3
}

.col-3 {
    --span: 3
}

.col-start-3 {
    grid-column-start: 3
}

.col-end-4 {
    grid-column-end: 4
}

.row-3 {
    grid-row: span 3/span 3
}

.row-start-3 {
    grid-row-start: 3
}

.row-end-4 {
    grid-row-end: 4
}

.col-4 {
    --span: 4
}

.col-start-4 {
    grid-column-start: 4
}

.col-end-5 {
    grid-column-end: 5
}

.row-4 {
    grid-row: span 4/span 4
}

.row-start-4 {
    grid-row-start: 4
}

.row-end-5 {
    grid-row-end: 5
}

.col-5 {
    --span: 5
}

.col-start-5 {
    grid-column-start: 5
}

.col-end-6 {
    grid-column-end: 6
}

.row-5 {
    grid-row: span 5/span 5
}

.row-start-5 {
    grid-row-start: 5
}

.row-end-6 {
    grid-row-end: 6
}

.col-6 {
    --span: 6
}

.col-start-6 {
    grid-column-start: 6
}

.col-end-7 {
    grid-column-end: 7
}

.row-6 {
    grid-row: span 6/span 6
}

.row-start-6 {
    grid-row-start: 6
}

.row-end-7 {
    grid-row-end: 7
}

.col-7 {
    --span: 7
}

.col-start-7 {
    grid-column-start: 7
}

.col-end-8 {
    grid-column-end: 8
}

.row-7 {
    grid-row: span 7/span 7
}

.row-start-7 {
    grid-row-start: 7
}

.row-end-8 {
    grid-row-end: 8
}

.col-8 {
    --span: 8
}

.col-start-8 {
    grid-column-start: 8
}

.col-end-9 {
    grid-column-end: 9
}

.row-8 {
    grid-row: span 8/span 8
}

.row-start-8 {
    grid-row-start: 8
}

.row-end-9 {
    grid-row-end: 9
}

.col-9 {
    --span: 9
}

.col-start-9 {
    grid-column-start: 9
}

.col-end-10 {
    grid-column-end: 10
}

.row-9 {
    grid-row: span 9/span 9
}

.row-start-9 {
    grid-row-start: 9
}

.row-end-10 {
    grid-row-end: 10
}

.col-10 {
    --span: 10
}

.col-start-10 {
    grid-column-start: 10
}

.col-end-11 {
    grid-column-end: 11
}

.row-10 {
    grid-row: span 10/span 10
}

.row-start-10 {
    grid-row-start: 10
}

.row-end-11 {
    grid-row-end: 11
}

.col-11 {
    --span: 11
}

.col-start-11 {
    grid-column-start: 11
}

.col-end-12 {
    grid-column-end: 12
}

.row-11 {
    grid-row: span 11/span 11
}

.row-start-11 {
    grid-row-start: 11
}

.row-end-12 {
    grid-row-end: 12
}

.col-12 {
    --span: 12
}

.col-start-12 {
    grid-column-start: 12
}

.col-end-13 {
    grid-column-end: 13
}

.row-12 {
    grid-row: span 12/span 12
}

.row-start-12 {
    grid-row-start: 12
}

.row-end-13 {
    grid-row-end: 13
}

.col-start {
    grid-column-start: 1
}

.col-end {
    grid-column-end: -1
}

.row-start {
    grid-row-start: 1
}

.row-end {
    grid-row-end: -1
}

.row-start-auto {
    grid-row-start: auto
}

.row-end-auto {
    grid-row-end: auto
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-none {
    grid-template-columns: none
}

.col-auto {
    grid-column: auto
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-span-9 {
    grid-column: span 9/span 9
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-full {
    grid-column: 1/-1
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
}

.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr))
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr))
}

.grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr))
}

.grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr))
}

.grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr))
}

.grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr))
}

.grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr))
}

.grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr))
}

.grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr))
}

.grid-rows-none {
    grid-template-rows: none
}

.row-auto {
    grid-row: auto
}

.row-span-1 {
    grid-row: span 1/span 1
}

.row-span-2 {
    grid-row: span 2/span 2
}

.row-span-3 {
    grid-row: span 3/span 3
}

.row-span-4 {
    grid-row: span 4/span 4
}

.row-span-5 {
    grid-row: span 5/span 5
}

.row-span-6 {
    grid-row: span 6/span 6
}

.row-span-7 {
    grid-row: span 7/span 7
}

.row-span-8 {
    grid-row: span 8/span 8
}

.row-span-9 {
    grid-row: span 9/span 9
}

.row-span-10 {
    grid-row: span 10/span 10
}

.row-span-11 {
    grid-row: span 11/span 11
}

.row-span-12 {
    grid-row: span 12/span 12
}

.row-span-full {
    grid-row: 1/-1
}

@media (min-width:32rem) {
    .w-100\@xs {
        width: 100%
    }

    .h-100\@xs {
        height: 100%
    }

    .d-block\@xs {
        display: block
    }

    .d-none\@xs {
        display: none
    }

    .position-absolute\@xs {
        position: absolute
    }

    .sticky-top\@xs {
        position: sticky;
        top: 0;
        z-index: 5
    }

    .text-center\@xs {
        text-align: center
    }

    .text-start\@xs {
        text-align: left
    }

    .text-end\@xs {
        text-align: right
    }

    .d-inline\@xs {
        display: inline
    }

    .d-inline-block\@xs {
        display: inline-block
    }

    .d-grid\@xs {
        display: grid
    }

    .d-flex\@xs {
        display: flex
    }

    .d-flex-center\@xs {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .d-inline-flex\@xs {
        display: inline-flex
    }

    .d-inline-flex-center\@xs {
        align-items: center;
        display: inline-flex;
        justify-content: center
    }

    .flex-fill\@xs {
        flex: 1 1 auto
    }

    .flex-row\@xs {
        flex-direction: row
    }

    .flex-column\@xs {
        flex-direction: column
    }

    .flex-row-reverse\@xs {
        flex-direction: row-reverse
    }

    .flex-column-reverse\@xs {
        flex-direction: column-reverse
    }

    .flex-grow-0\@xs {
        flex-grow: 0
    }

    .flex-grow-1\@xs {
        flex-grow: 1
    }

    .flex-shrink-0\@xs {
        flex-shrink: 0
    }

    .flex-shrink-1\@xs {
        flex-shrink: 1
    }

    .flex-wrap\@xs {
        flex-wrap: wrap
    }

    .flex-nowrap\@xs {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse\@xs {
        flex-wrap: wrap-reverse
    }

    .justify-content-start\@xs {
        justify-content: flex-start
    }

    .justify-content-end\@xs {
        justify-content: flex-end
    }

    .justify-content-center\@xs {
        justify-content: center
    }

    .justify-content-between\@xs {
        justify-content: space-between
    }

    .justify-content-around\@xs {
        justify-content: space-around
    }

    .justify-content-evenly\@xs {
        justify-content: space-evenly
    }

    .align-items-start\@xs {
        align-items: flex-start
    }

    .align-items-end\@xs {
        align-items: flex-end
    }

    .align-items-center\@xs {
        align-items: center
    }

    .align-items-baseline\@xs {
        align-items: baseline
    }

    .align-items-stretch\@xs {
        align-items: stretch
    }

    .align-content-start\@xs {
        align-content: flex-start
    }

    .align-content-end\@xs {
        align-content: flex-end
    }

    .align-content-center\@xs {
        align-content: center
    }

    .align-content-between\@xs {
        align-content: space-between
    }

    .align-content-around\@xs {
        align-content: space-around
    }

    .align-content-stretch\@xs {
        align-content: stretch
    }

    .align-self-auto\@xs {
        align-self: auto
    }

    .align-self-start\@xs {
        align-self: flex-start
    }

    .align-self-end\@xs {
        align-self: flex-end
    }

    .align-self-center\@xs {
        align-self: center
    }

    .align-self-baseline\@xs {
        align-self: baseline
    }

    .align-self-stretch\@xs {
        align-self: stretch
    }

    .order-1\@xs {
        order: 1
    }

    .order-2\@xs {
        order: 2
    }

    .order-3\@xs {
        order: 3
    }

    .order-4\@xs {
        order: 4
    }

    .order-5\@xs {
        order: 5
    }

    .order-last\@xs {
        order: 6
    }

    .order-first\@xs {
        order: -1
    }

    .grid-auto-xs\@xs {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@xs {
        --col-min-width: 10rem
    }

    .grid-auto-md\@xs {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@xs {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@xs {
        --col-min-width: 25rem
    }

    .grid-auto-cols\@xs {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
    }

    .col-1\@xs {
        --span: 1
    }

    .col-start-1\@xs {
        grid-column-start: 1
    }

    .col-end-2\@xs {
        grid-column-end: 2
    }

    .row-1\@xs {
        grid-row: span 1/span 1
    }

    .row-start-1\@xs {
        grid-row-start: 1
    }

    .row-end-2\@xs {
        grid-row-end: 2
    }

    .col-2\@xs {
        --span: 2
    }

    .col-start-2\@xs {
        grid-column-start: 2
    }

    .col-end-3\@xs {
        grid-column-end: 3
    }

    .row-2\@xs {
        grid-row: span 2/span 2
    }

    .row-start-2\@xs {
        grid-row-start: 2
    }

    .row-end-3\@xs {
        grid-row-end: 3
    }

    .col-3\@xs {
        --span: 3
    }

    .col-start-3\@xs {
        grid-column-start: 3
    }

    .col-end-4\@xs {
        grid-column-end: 4
    }

    .row-3\@xs {
        grid-row: span 3/span 3
    }

    .row-start-3\@xs {
        grid-row-start: 3
    }

    .row-end-4\@xs {
        grid-row-end: 4
    }

    .col-4\@xs {
        --span: 4
    }

    .col-start-4\@xs {
        grid-column-start: 4
    }

    .col-end-5\@xs {
        grid-column-end: 5
    }

    .row-4\@xs {
        grid-row: span 4/span 4
    }

    .row-start-4\@xs {
        grid-row-start: 4
    }

    .row-end-5\@xs {
        grid-row-end: 5
    }

    .col-5\@xs {
        --span: 5
    }

    .col-start-5\@xs {
        grid-column-start: 5
    }

    .col-end-6\@xs {
        grid-column-end: 6
    }

    .row-5\@xs {
        grid-row: span 5/span 5
    }

    .row-start-5\@xs {
        grid-row-start: 5
    }

    .row-end-6\@xs {
        grid-row-end: 6
    }

    .col-6\@xs {
        --span: 6
    }

    .col-start-6\@xs {
        grid-column-start: 6
    }

    .col-end-7\@xs {
        grid-column-end: 7
    }

    .row-6\@xs {
        grid-row: span 6/span 6
    }

    .row-start-6\@xs {
        grid-row-start: 6
    }

    .row-end-7\@xs {
        grid-row-end: 7
    }

    .col-7\@xs {
        --span: 7
    }

    .col-start-7\@xs {
        grid-column-start: 7
    }

    .col-end-8\@xs {
        grid-column-end: 8
    }

    .row-7\@xs {
        grid-row: span 7/span 7
    }

    .row-start-7\@xs {
        grid-row-start: 7
    }

    .row-end-8\@xs {
        grid-row-end: 8
    }

    .col-8\@xs {
        --span: 8
    }

    .col-start-8\@xs {
        grid-column-start: 8
    }

    .col-end-9\@xs {
        grid-column-end: 9
    }

    .row-8\@xs {
        grid-row: span 8/span 8
    }

    .row-start-8\@xs {
        grid-row-start: 8
    }

    .row-end-9\@xs {
        grid-row-end: 9
    }

    .col-9\@xs {
        --span: 9
    }

    .col-start-9\@xs {
        grid-column-start: 9
    }

    .col-end-10\@xs {
        grid-column-end: 10
    }

    .row-9\@xs {
        grid-row: span 9/span 9
    }

    .row-start-9\@xs {
        grid-row-start: 9
    }

    .row-end-10\@xs {
        grid-row-end: 10
    }

    .col-10\@xs {
        --span: 10
    }

    .col-start-10\@xs {
        grid-column-start: 10
    }

    .col-end-11\@xs {
        grid-column-end: 11
    }

    .row-10\@xs {
        grid-row: span 10/span 10
    }

    .row-start-10\@xs {
        grid-row-start: 10
    }

    .row-end-11\@xs {
        grid-row-end: 11
    }

    .col-11\@xs {
        --span: 11
    }

    .col-start-11\@xs {
        grid-column-start: 11
    }

    .col-end-12\@xs {
        grid-column-end: 12
    }

    .row-11\@xs {
        grid-row: span 11/span 11
    }

    .row-start-11\@xs {
        grid-row-start: 11
    }

    .row-end-12\@xs {
        grid-row-end: 12
    }

    .col-12\@xs {
        --span: 12
    }

    .col-start-12\@xs {
        grid-column-start: 12
    }

    .col-end-13\@xs {
        grid-column-end: 13
    }

    .row-12\@xs {
        grid-row: span 12/span 12
    }

    .row-start-12\@xs {
        grid-row-start: 12
    }

    .row-end-13\@xs {
        grid-row-end: 13
    }

    .col-start\@xs {
        grid-column-start: 1
    }

    .col-end\@xs {
        grid-column-end: -1
    }

    .row-start\@xs {
        grid-row-start: 1
    }

    .row-end\@xs {
        grid-row-end: -1
    }

    .col-start-auto\@xs {
        grid-column-start: auto
    }

    .col-end-auto\@xs {
        grid-column-end: auto
    }

    .row-start-auto\@xs {
        grid-row-start: auto
    }

    .row-end-auto\@xs {
        grid-row-end: auto
    }

    .grid-cols-1\@xs {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2\@xs {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3\@xs {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4\@xs {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5\@xs {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6\@xs {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-7\@xs {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .grid-cols-8\@xs {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .grid-cols-9\@xs {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .grid-cols-10\@xs {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .grid-cols-11\@xs {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .grid-cols-12\@xs {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .grid-cols-none\@xs {
        grid-template-columns: none
    }

    .col-auto\@xs {
        grid-column: auto
    }

    .col-span-1\@xs {
        grid-column: span 1/span 1
    }

    .col-span-2\@xs {
        grid-column: span 2/span 2
    }

    .col-span-3\@xs {
        grid-column: span 3/span 3
    }

    .col-span-4\@xs {
        grid-column: span 4/span 4
    }

    .col-span-5\@xs {
        grid-column: span 5/span 5
    }

    .col-span-6\@xs {
        grid-column: span 6/span 6
    }

    .col-span-7\@xs {
        grid-column: span 7/span 7
    }

    .col-span-8\@xs {
        grid-column: span 8/span 8
    }

    .col-span-9\@xs {
        grid-column: span 9/span 9
    }

    .col-span-10\@xs {
        grid-column: span 10/span 10
    }

    .col-span-11\@xs {
        grid-column: span 11/span 11
    }

    .col-span-12\@xs {
        grid-column: span 12/span 12
    }

    .col-span-full\@xs {
        grid-column: 1/-1
    }

    .grid-rows-1\@xs {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .grid-rows-2\@xs {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .grid-rows-3\@xs {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .grid-rows-4\@xs {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .grid-rows-5\@xs {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .grid-rows-6\@xs {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .grid-rows-7\@xs {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .grid-rows-8\@xs {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .grid-rows-9\@xs {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .grid-rows-10\@xs {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .grid-rows-11\@xs {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .grid-rows-12\@xs {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .grid-rows-none\@xs {
        grid-template-rows: none
    }

    .row-auto\@xs {
        grid-row: auto
    }

    .row-span-1\@xs {
        grid-row: span 1/span 1
    }

    .row-span-2\@xs {
        grid-row: span 2/span 2
    }

    .row-span-3\@xs {
        grid-row: span 3/span 3
    }

    .row-span-4\@xs {
        grid-row: span 4/span 4
    }

    .row-span-5\@xs {
        grid-row: span 5/span 5
    }

    .row-span-6\@xs {
        grid-row: span 6/span 6
    }

    .row-span-7\@xs {
        grid-row: span 7/span 7
    }

    .row-span-8\@xs {
        grid-row: span 8/span 8
    }

    .row-span-9\@xs {
        grid-row: span 9/span 9
    }

    .row-span-10\@xs {
        grid-row: span 10/span 10
    }

    .row-span-11\@xs {
        grid-row: span 11/span 11
    }

    .row-span-12\@xs {
        grid-row: span 12/span 12
    }

    .row-span-full\@xs {
        grid-row: 1/-1
    }

    .gap-5\@xs {
        gap: var(--size-5)
    }

    .gap-10\@xs {
        gap: var(--size-10)
    }

    .gap-15\@xs {
        gap: var(--size-15)
    }

    .gap-16\@xs {
        gap: var(--size-16)
    }

    .gap-20\@xs {
        gap: var(--size-20)
    }

    .gap-25\@xs {
        gap: var(--size-25)
    }

    .gap-30\@xs {
        gap: var(--size-30)
    }

    .gap-35\@xs {
        gap: var(--size-35)
    }

    .gap-40\@xs {
        gap: var(--size-40)
    }

    .gap-45\@xs {
        gap: var(--size-45)
    }

    .gap-50\@xs {
        gap: var(--size-50)
    }

    .gap-55\@xs {
        gap: var(--size-55)
    }

    .gap-60\@xs {
        gap: var(--size-60)
    }

    .gap-65\@xs {
        gap: var(--size-65)
    }

    .gap-70\@xs {
        gap: var(--size-70)
    }

    .gap-75\@xs {
        gap: var(--size-75)
    }

    .gap-80\@xs {
        gap: var(--size-80)
    }

    .gap-85\@xs {
        gap: var(--size-85)
    }

    .gap-90\@xs {
        gap: var(--size-90)
    }

    .gap-95\@xs {
        gap: var(--size-95)
    }

    .gap-100\@xs {
        gap: var(--size-100)
    }

    .gap-x-5\@xs {
        -moz-column-gap: var(--size-5);
        column-gap: var(--size-5)
    }

    .gap-x-10\@xs {
        -moz-column-gap: var(--size-10);
        column-gap: var(--size-10)
    }

    .gap-x-15\@xs {
        -moz-column-gap: var(--size-15);
        column-gap: var(--size-15)
    }

    .gap-x-16\@xs {
        -moz-column-gap: var(--size-16);
        column-gap: var(--size-16)
    }

    .gap-x-20\@xs {
        -moz-column-gap: var(--size-20);
        column-gap: var(--size-20)
    }

    .gap-x-25\@xs {
        -moz-column-gap: var(--size-25);
        column-gap: var(--size-25)
    }

    .gap-x-30\@xs {
        -moz-column-gap: var(--size-30);
        column-gap: var(--size-30)
    }

    .gap-x-35\@xs {
        -moz-column-gap: var(--size-35);
        column-gap: var(--size-35)
    }

    .gap-x-40\@xs {
        -moz-column-gap: var(--size-40);
        column-gap: var(--size-40)
    }

    .gap-x-45\@xs {
        -moz-column-gap: var(--size-45);
        column-gap: var(--size-45)
    }

    .gap-x-50\@xs {
        -moz-column-gap: var(--size-50);
        column-gap: var(--size-50)
    }

    .gap-x-55\@xs {
        -moz-column-gap: var(--size-55);
        column-gap: var(--size-55)
    }

    .gap-x-60\@xs {
        -moz-column-gap: var(--size-60);
        column-gap: var(--size-60)
    }

    .gap-x-65\@xs {
        -moz-column-gap: var(--size-65);
        column-gap: var(--size-65)
    }

    .gap-x-70\@xs {
        -moz-column-gap: var(--size-70);
        column-gap: var(--size-70)
    }

    .gap-x-75\@xs {
        -moz-column-gap: var(--size-75);
        column-gap: var(--size-75)
    }

    .gap-x-80\@xs {
        -moz-column-gap: var(--size-80);
        column-gap: var(--size-80)
    }

    .gap-x-85\@xs {
        -moz-column-gap: var(--size-85);
        column-gap: var(--size-85)
    }

    .gap-x-90\@xs {
        -moz-column-gap: var(--size-90);
        column-gap: var(--size-90)
    }

    .gap-x-95\@xs {
        -moz-column-gap: var(--size-95);
        column-gap: var(--size-95)
    }

    .gap-x-100\@xs {
        -moz-column-gap: var(--size-100);
        column-gap: var(--size-100)
    }

    .gap-y-5\@xs {
        row-gap: var(--size-5)
    }

    .gap-y-10\@xs {
        row-gap: var(--size-10)
    }

    .gap-y-15\@xs {
        row-gap: var(--size-15)
    }

    .gap-y-16\@xs {
        row-gap: var(--size-16)
    }

    .gap-y-20\@xs {
        row-gap: var(--size-20)
    }

    .gap-y-25\@xs {
        row-gap: var(--size-25)
    }

    .gap-y-30\@xs {
        row-gap: var(--size-30)
    }

    .gap-y-35\@xs {
        row-gap: var(--size-35)
    }

    .gap-y-40\@xs {
        row-gap: var(--size-40)
    }

    .gap-y-45\@xs {
        row-gap: var(--size-45)
    }

    .gap-y-50\@xs {
        row-gap: var(--size-50)
    }

    .gap-y-55\@xs {
        row-gap: var(--size-55)
    }

    .gap-y-60\@xs {
        row-gap: var(--size-60)
    }

    .gap-y-65\@xs {
        row-gap: var(--size-65)
    }

    .gap-y-70\@xs {
        row-gap: var(--size-70)
    }

    .gap-y-75\@xs {
        row-gap: var(--size-75)
    }

    .gap-y-80\@xs {
        row-gap: var(--size-80)
    }

    .gap-y-85\@xs {
        row-gap: var(--size-85)
    }

    .gap-y-90\@xs {
        row-gap: var(--size-90)
    }

    .gap-y-95\@xs {
        row-gap: var(--size-95)
    }

    .gap-y-100\@xs {
        row-gap: var(--size-100)
    }

    .m-auto\@xs {
        margin: auto
    }

    .mx-auto\@xs {
        margin-left: auto;
        margin-right: auto
    }

    .mt-auto\@xs {
        margin-top: auto
    }

    .me-auto\@xs {
        margin-right: auto
    }

    .ms-auto\@xs {
        margin-left: auto
    }

    .mt-0\@xs {
        margin-top: 0
    }

    .mt-10\@xs {
        margin-top: var(--size-10)
    }

    .mt-15\@xs {
        margin-top: var(--size-15)
    }

    .mt-16\@xs {
        margin-top: var(--size-16)
    }

    .mt-20\@xs {
        margin-top: var(--size-20)
    }

    .mt-30\@xs {
        margin-top: var(--size-30)
    }

    .mt-40\@xs {
        margin-top: var(--size-40)
    }

    .mt-50\@xs {
        margin-top: var(--size-50)
    }

    .mt-60\@xs {
        margin-top: var(--size-60)
    }

    .mt-70\@xs {
        margin-top: var(--size-70)
    }

    .mt-80\@xs {
        margin-top: var(--size-80)
    }

    .mt-90\@xs {
        margin-top: var(--size-90)
    }

    .mt-100\@xs {
        margin-top: var(--size-100)
    }

    .mb-0\@xs {
        margin-bottom: 0
    }

    .mb-10\@xs {
        margin-bottom: var(--size-10)
    }

    .mb-15\@xs {
        margin-bottom: var(--size-15)
    }

    .mb-16\@xs {
        margin-bottom: var(--size-16)
    }

    .mb-20\@xs {
        margin-bottom: var(--size-20)
    }

    .mb-30\@xs {
        margin-bottom: var(--size-30)
    }

    .mb-40\@xs {
        margin-bottom: var(--size-40)
    }

    .mb-50\@xs {
        margin-bottom: var(--size-50)
    }

    .mb-60\@xs {
        margin-bottom: var(--size-60)
    }

    .mb-70\@xs {
        margin-bottom: var(--size-70)
    }

    .mb-80\@xs {
        margin-bottom: var(--size-80)
    }

    .mb-90\@xs {
        margin-bottom: var(--size-90)
    }

    .mb-100\@xs {
        margin-bottom: var(--size-100)
    }

    .m-0\@xs {
        margin: 0
    }

    .p-10\@xs {
        padding: var(--size-10)
    }

    .p-15\@xs {
        padding: var(--size-15)
    }

    .p-16\@xs {
        padding: var(--size-16)
    }

    .p-20\@xs {
        padding: var(--size-20)
    }

    .p-30\@xs {
        padding: var(--size-30)
    }

    .p-40\@xs {
        padding: var(--size-40)
    }

    .p-50\@xs {
        padding: var(--size-50)
    }

    .py-0\@xs {
        padding-bottom: 0;
        padding-top: 0
    }

    .py-10\@xs {
        padding-bottom: var(--size-10);
        padding-top: var(--size-10)
    }

    .py-15\@xs {
        padding-bottom: var(--size-15);
        padding-top: var(--size-15)
    }

    .py-16\@xs {
        padding-bottom: var(--size-16);
        padding-top: var(--size-16)
    }

    .py-20\@xs {
        padding-bottom: var(--size-20);
        padding-top: var(--size-20)
    }

    .py-30\@xs {
        padding-bottom: var(--size-30);
        padding-top: var(--size-30)
    }

    .py-40\@xs {
        padding-bottom: var(--size-40);
        padding-top: var(--size-40)
    }

    .py-50\@xs {
        padding-bottom: var(--size-50);
        padding-top: var(--size-50)
    }

    .px-10\@xs {
        padding-left: 0;
        padding-left: var(--size-10);
        padding-right: 0;
        padding-right: var(--size-10)
    }

    .px-15\@xs {
        padding-left: var(--size-15);
        padding-right: var(--size-15)
    }

    .px-16\@xs {
        padding-left: var(--size-16);
        padding-right: var(--size-16)
    }

    .px-20\@xs {
        padding-left: var(--size-20);
        padding-right: var(--size-20)
    }

    .px-30\@xs {
        padding-left: var(--size-30);
        padding-right: var(--size-30)
    }

    .px-40\@xs {
        padding-left: var(--size-40);
        padding-right: var(--size-40)
    }

    .px-50\@xs {
        padding-left: var(--size-50);
        padding-right: var(--size-50)
    }

    .pt-0\@xs {
        padding-top: 0
    }

    .pt-10\@xs {
        padding-top: var(--size-10)
    }

    .pt-15\@xs {
        padding-top: var(--size-15)
    }

    .pt-16\@xs {
        padding-top: var(--size-16)
    }

    .pt-20\@xs {
        padding-top: var(--size-20)
    }

    .pt-30\@xs {
        padding-top: var(--size-30)
    }

    .pt-40\@xs {
        padding-top: var(--size-40)
    }

    .pt-50\@xs {
        padding-top: var(--size-50)
    }

    .pt-60\@xs {
        padding-top: var(--size-60)
    }

    .pt-70\@xs {
        padding-top: var(--size-70)
    }

    .pt-80\@xs {
        padding-top: var(--size-80)
    }

    .pt-90\@xs {
        padding-top: var(--size-90)
    }

    .pt-100\@xs {
        padding-top: var(--size-100)
    }

    .pb-0\@xs {
        padding-bottom: 0
    }

    .pb-10\@xs {
        padding-bottom: var(--size-10)
    }

    .pb-15\@xs {
        padding-bottom: var(--size-15)
    }

    .pb-16\@xs {
        padding-bottom: var(--size-16)
    }

    .pb-20\@xs {
        padding-bottom: var(--size-20)
    }

    .pb-30\@xs {
        padding-bottom: var(--size-30)
    }

    .pb-40\@xs {
        padding-bottom: var(--size-40)
    }

    .pb-50\@xs {
        padding-bottom: var(--size-50)
    }

    .pb-60\@xs {
        padding-bottom: var(--size-60)
    }

    .pb-70\@xs {
        padding-bottom: var(--size-70)
    }

    .pb-80\@xs {
        padding-bottom: var(--size-80)
    }

    .pb-90\@xs {
        padding-bottom: var(--size-90)
    }

    .pb-100\@xs {
        padding-bottom: var(--size-100)
    }

    .h1\@xs {
        font-size: var(--h1-size)
    }

    .h2\@xs {
        font-size: var(--h2-size)
    }

    .h3\@xs {
        font-size: var(--h3-size)
    }

    .h4\@xs {
        font-size: var(--h4-size)
    }

    .h5\@xs {
        font-size: var(--h5-size)
    }

    .h6\@xs {
        font-size: var(--h6-size)
    }

    .text-xl\@xs {
        font-size: var(--text-xl)
    }

    .text-lg\@xs {
        font-size: var(--text-lg)
    }

    .text-md\@xs {
        font-size: var(--text-md)
    }

    .text-sm\@xs {
        font-size: var(--text-sm)
    }

    .text-xs\@xs {
        font-size: var(--text-xs)
    }

    .rounded-circle\@xs {
        border-radius: 50%
    }

    .rounded-5\@xs {
        border-radius: 5px
    }

    .rounded-10\@xs {
        border-radius: 10px
    }

    .rounded-15\@xs {
        border-radius: 15px
    }

    .rounded-20\@xs {
        border-radius: 20px
    }

    .rounded-25\@xs {
        border-radius: 25px
    }

    .rounded-30\@xs {
        border-radius: 30px
    }
}

@media (min-width:48rem) {
    .w-100\@sm {
        width: 100%
    }

    .h-100\@sm {
        height: 100%
    }

    .d-block\@sm {
        display: block
    }

    .d-none\@sm {
        display: none
    }

    .position-absolute\@sm {
        position: absolute
    }

    .sticky-top\@sm {
        position: sticky;
        top: 0;
        z-index: 5
    }

    .text-center\@sm {
        text-align: center
    }

    .text-start\@sm {
        text-align: left
    }

    .text-end\@sm {
        text-align: right
    }

    .d-inline\@sm {
        display: inline
    }

    .d-inline-block\@sm {
        display: inline-block
    }

    .d-grid\@sm {
        display: grid
    }

    .d-flex\@sm {
        display: flex
    }

    .d-flex-center\@sm {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .d-inline-flex\@sm {
        display: inline-flex
    }

    .d-inline-flex-center\@sm {
        align-items: center;
        display: inline-flex;
        justify-content: center
    }

    .flex-fill\@sm {
        flex: 1 1 auto
    }

    .flex-row\@sm {
        flex-direction: row
    }

    .flex-column\@sm {
        flex-direction: column
    }

    .flex-row-reverse\@sm {
        flex-direction: row-reverse
    }

    .flex-column-reverse\@sm {
        flex-direction: column-reverse
    }

    .flex-grow-0\@sm {
        flex-grow: 0
    }

    .flex-grow-1\@sm {
        flex-grow: 1
    }

    .flex-shrink-0\@sm {
        flex-shrink: 0
    }

    .flex-shrink-1\@sm {
        flex-shrink: 1
    }

    .flex-wrap\@sm {
        flex-wrap: wrap
    }

    .flex-nowrap\@sm {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse\@sm {
        flex-wrap: wrap-reverse
    }

    .justify-content-start\@sm {
        justify-content: flex-start
    }

    .justify-content-end\@sm {
        justify-content: flex-end
    }

    .justify-content-center\@sm {
        justify-content: center
    }

    .justify-content-between\@sm {
        justify-content: space-between
    }

    .justify-content-around\@sm {
        justify-content: space-around
    }

    .justify-content-evenly\@sm {
        justify-content: space-evenly
    }

    .align-items-start\@sm {
        align-items: flex-start
    }

    .align-items-end\@sm {
        align-items: flex-end
    }

    .align-items-center\@sm {
        align-items: center
    }

    .align-items-baseline\@sm {
        align-items: baseline
    }

    .align-items-stretch\@sm {
        align-items: stretch
    }

    .align-content-start\@sm {
        align-content: flex-start
    }

    .align-content-end\@sm {
        align-content: flex-end
    }

    .align-content-center\@sm {
        align-content: center
    }

    .align-content-between\@sm {
        align-content: space-between
    }

    .align-content-around\@sm {
        align-content: space-around
    }

    .align-content-stretch\@sm {
        align-content: stretch
    }

    .align-self-auto\@sm {
        align-self: auto
    }

    .align-self-start\@sm {
        align-self: flex-start
    }

    .align-self-end\@sm {
        align-self: flex-end
    }

    .align-self-center\@sm {
        align-self: center
    }

    .align-self-baseline\@sm {
        align-self: baseline
    }

    .align-self-stretch\@sm {
        align-self: stretch
    }

    .order-1\@sm {
        order: 1
    }

    .order-2\@sm {
        order: 2
    }

    .order-3\@sm {
        order: 3
    }

    .order-4\@sm {
        order: 4
    }

    .order-5\@sm {
        order: 5
    }

    .order-last\@sm {
        order: 6
    }

    .order-first\@sm {
        order: -1
    }

    .grid-auto-xs\@sm {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@sm {
        --col-min-width: 10rem
    }

    .grid-auto-md\@sm {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@sm {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@sm {
        --col-min-width: 25rem
    }

    .grid-auto-cols\@sm {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
    }

    .col-1\@sm {
        --span: 1
    }

    .col-start-1\@sm {
        grid-column-start: 1
    }

    .col-end-2\@sm {
        grid-column-end: 2
    }

    .row-1\@sm {
        grid-row: span 1/span 1
    }

    .row-start-1\@sm {
        grid-row-start: 1
    }

    .row-end-2\@sm {
        grid-row-end: 2
    }

    .col-2\@sm {
        --span: 2
    }

    .col-start-2\@sm {
        grid-column-start: 2
    }

    .col-end-3\@sm {
        grid-column-end: 3
    }

    .row-2\@sm {
        grid-row: span 2/span 2
    }

    .row-start-2\@sm {
        grid-row-start: 2
    }

    .row-end-3\@sm {
        grid-row-end: 3
    }

    .col-3\@sm {
        --span: 3
    }

    .col-start-3\@sm {
        grid-column-start: 3
    }

    .col-end-4\@sm {
        grid-column-end: 4
    }

    .row-3\@sm {
        grid-row: span 3/span 3
    }

    .row-start-3\@sm {
        grid-row-start: 3
    }

    .row-end-4\@sm {
        grid-row-end: 4
    }

    .col-4\@sm {
        --span: 4
    }

    .col-start-4\@sm {
        grid-column-start: 4
    }

    .col-end-5\@sm {
        grid-column-end: 5
    }

    .row-4\@sm {
        grid-row: span 4/span 4
    }

    .row-start-4\@sm {
        grid-row-start: 4
    }

    .row-end-5\@sm {
        grid-row-end: 5
    }

    .col-5\@sm {
        --span: 5
    }

    .col-start-5\@sm {
        grid-column-start: 5
    }

    .col-end-6\@sm {
        grid-column-end: 6
    }

    .row-5\@sm {
        grid-row: span 5/span 5
    }

    .row-start-5\@sm {
        grid-row-start: 5
    }

    .row-end-6\@sm {
        grid-row-end: 6
    }

    .col-6\@sm {
        --span: 6
    }

    .col-start-6\@sm {
        grid-column-start: 6
    }

    .col-end-7\@sm {
        grid-column-end: 7
    }

    .row-6\@sm {
        grid-row: span 6/span 6
    }

    .row-start-6\@sm {
        grid-row-start: 6
    }

    .row-end-7\@sm {
        grid-row-end: 7
    }

    .col-7\@sm {
        --span: 7
    }

    .col-start-7\@sm {
        grid-column-start: 7
    }

    .col-end-8\@sm {
        grid-column-end: 8
    }

    .row-7\@sm {
        grid-row: span 7/span 7
    }

    .row-start-7\@sm {
        grid-row-start: 7
    }

    .row-end-8\@sm {
        grid-row-end: 8
    }

    .col-8\@sm {
        --span: 8
    }

    .col-start-8\@sm {
        grid-column-start: 8
    }

    .col-end-9\@sm {
        grid-column-end: 9
    }

    .row-8\@sm {
        grid-row: span 8/span 8
    }

    .row-start-8\@sm {
        grid-row-start: 8
    }

    .row-end-9\@sm {
        grid-row-end: 9
    }

    .col-9\@sm {
        --span: 9
    }

    .col-start-9\@sm {
        grid-column-start: 9
    }

    .col-end-10\@sm {
        grid-column-end: 10
    }

    .row-9\@sm {
        grid-row: span 9/span 9
    }

    .row-start-9\@sm {
        grid-row-start: 9
    }

    .row-end-10\@sm {
        grid-row-end: 10
    }

    .col-10\@sm {
        --span: 10
    }

    .col-start-10\@sm {
        grid-column-start: 10
    }

    .col-end-11\@sm {
        grid-column-end: 11
    }

    .row-10\@sm {
        grid-row: span 10/span 10
    }

    .row-start-10\@sm {
        grid-row-start: 10
    }

    .row-end-11\@sm {
        grid-row-end: 11
    }

    .col-11\@sm {
        --span: 11
    }

    .col-start-11\@sm {
        grid-column-start: 11
    }

    .col-end-12\@sm {
        grid-column-end: 12
    }

    .row-11\@sm {
        grid-row: span 11/span 11
    }

    .row-start-11\@sm {
        grid-row-start: 11
    }

    .row-end-12\@sm {
        grid-row-end: 12
    }

    .col-12\@sm {
        --span: 12
    }

    .col-start-12\@sm {
        grid-column-start: 12
    }

    .col-end-13\@sm {
        grid-column-end: 13
    }

    .row-12\@sm {
        grid-row: span 12/span 12
    }

    .row-start-12\@sm {
        grid-row-start: 12
    }

    .row-end-13\@sm {
        grid-row-end: 13
    }

    .col-start\@sm {
        grid-column-start: 1
    }

    .col-end\@sm {
        grid-column-end: -1
    }

    .row-start\@sm {
        grid-row-start: 1
    }

    .row-end\@sm {
        grid-row-end: 2
    }

    .col-start-auto\@sm {
        grid-column-start: auto
    }

    .col-end-auto\@sm {
        grid-column-end: auto
    }

    .row-start-auto\@sm {
        grid-row-start: auto
    }

    .row-end-auto\@sm {
        grid-row-end: auto
    }

    .grid-cols-1\@sm {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2\@sm {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3\@sm {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4\@sm {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5\@sm {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6\@sm {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-7\@sm {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .grid-cols-8\@sm {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .grid-cols-9\@sm {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .grid-cols-10\@sm {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .grid-cols-11\@sm {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .grid-cols-12\@sm {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .grid-cols-none\@sm {
        grid-template-columns: none
    }

    .col-auto\@sm {
        grid-column: auto
    }

    .col-span-1\@sm {
        grid-column: span 1/span 1
    }

    .col-span-2\@sm {
        grid-column: span 2/span 2
    }

    .col-span-3\@sm {
        grid-column: span 3/span 3
    }

    .col-span-4\@sm {
        grid-column: span 4/span 4
    }

    .col-span-5\@sm {
        grid-column: span 5/span 5
    }

    .col-span-6\@sm {
        grid-column: span 6/span 6
    }

    .col-span-7\@sm {
        grid-column: span 7/span 7
    }

    .col-span-8\@sm {
        grid-column: span 8/span 8
    }

    .col-span-9\@sm {
        grid-column: span 9/span 9
    }

    .col-span-10\@sm {
        grid-column: span 10/span 10
    }

    .col-span-11\@sm {
        grid-column: span 11/span 11
    }

    .col-span-12\@sm {
        grid-column: span 12/span 12
    }

    .col-span-full\@sm {
        grid-column: 1/-1
    }

    .grid-rows-1\@sm {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .grid-rows-2\@sm {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .grid-rows-3\@sm {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .grid-rows-4\@sm {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .grid-rows-5\@sm {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .grid-rows-6\@sm {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .grid-rows-7\@sm {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .grid-rows-8\@sm {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .grid-rows-9\@sm {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .grid-rows-10\@sm {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .grid-rows-11\@sm {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .grid-rows-12\@sm {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .grid-rows-none\@sm {
        grid-template-rows: none
    }

    .row-auto\@sm {
        grid-row: auto
    }

    .row-span-1\@sm {
        grid-row: span 1/span 1
    }

    .row-span-2\@sm {
        grid-row: span 2/span 2
    }

    .row-span-3\@sm {
        grid-row: span 3/span 3
    }

    .row-span-4\@sm {
        grid-row: span 4/span 4
    }

    .row-span-5\@sm {
        grid-row: span 5/span 5
    }

    .row-span-6\@sm {
        grid-row: span 6/span 6
    }

    .row-span-7\@sm {
        grid-row: span 7/span 7
    }

    .row-span-8\@sm {
        grid-row: span 8/span 8
    }

    .row-span-9\@sm {
        grid-row: span 9/span 9
    }

    .row-span-10\@sm {
        grid-row: span 10/span 10
    }

    .row-span-11\@sm {
        grid-row: span 11/span 11
    }

    .row-span-12\@sm {
        grid-row: span 12/span 12
    }

    .row-span-full\@sm {
        grid-row: 1/-1
    }

    .gap-5\@sm {
        gap: var(--size-5)
    }

    .gap-10\@sm {
        gap: var(--size-10)
    }

    .gap-15\@sm {
        gap: var(--size-15)
    }

    .gap-16\@sm {
        gap: var(--size-16)
    }

    .gap-20\@sm {
        gap: var(--size-20)
    }

    .gap-25\@sm {
        gap: var(--size-25)
    }

    .gap-30\@sm {
        gap: var(--size-30)
    }

    .gap-35\@sm {
        gap: var(--size-35)
    }

    .gap-40\@sm {
        gap: var(--size-40)
    }

    .gap-45\@sm {
        gap: var(--size-45)
    }

    .gap-50\@sm {
        gap: var(--size-50)
    }

    .gap-55\@sm {
        gap: var(--size-55)
    }

    .gap-60\@sm {
        gap: var(--size-60)
    }

    .gap-65\@sm {
        gap: var(--size-65)
    }

    .gap-70\@sm {
        gap: var(--size-70)
    }

    .gap-75\@sm {
        gap: var(--size-75)
    }

    .gap-80\@sm {
        gap: var(--size-80)
    }

    .gap-85\@sm {
        gap: var(--size-85)
    }

    .gap-90\@sm {
        gap: var(--size-90)
    }

    .gap-95\@sm {
        gap: var(--size-95)
    }

    .gap-100\@sm {
        gap: var(--size-100)
    }

    .gap-x-5\@sm {
        -moz-column-gap: var(--size-5);
        column-gap: var(--size-5)
    }

    .gap-x-10\@sm {
        -moz-column-gap: var(--size-10);
        column-gap: var(--size-10)
    }

    .gap-x-15\@sm {
        -moz-column-gap: var(--size-15);
        column-gap: var(--size-15)
    }

    .gap-x-16\@sm {
        -moz-column-gap: var(--size-16);
        column-gap: var(--size-16)
    }

    .gap-x-20\@sm {
        -moz-column-gap: var(--size-20);
        column-gap: var(--size-20)
    }

    .gap-x-25\@sm {
        -moz-column-gap: var(--size-25);
        column-gap: var(--size-25)
    }

    .gap-x-30\@sm {
        -moz-column-gap: var(--size-30);
        column-gap: var(--size-30)
    }

    .gap-x-35\@sm {
        -moz-column-gap: var(--size-35);
        column-gap: var(--size-35)
    }

    .gap-x-40\@sm {
        -moz-column-gap: var(--size-40);
        column-gap: var(--size-40)
    }

    .gap-x-45\@sm {
        -moz-column-gap: var(--size-45);
        column-gap: var(--size-45)
    }

    .gap-x-50\@sm {
        -moz-column-gap: var(--size-50);
        column-gap: var(--size-50)
    }

    .gap-x-55\@sm {
        -moz-column-gap: var(--size-55);
        column-gap: var(--size-55)
    }

    .gap-x-60\@sm {
        -moz-column-gap: var(--size-60);
        column-gap: var(--size-60)
    }

    .gap-x-65\@sm {
        -moz-column-gap: var(--size-65);
        column-gap: var(--size-65)
    }

    .gap-x-70\@sm {
        -moz-column-gap: var(--size-70);
        column-gap: var(--size-70)
    }

    .gap-x-75\@sm {
        -moz-column-gap: var(--size-75);
        column-gap: var(--size-75)
    }

    .gap-x-80\@sm {
        -moz-column-gap: var(--size-80);
        column-gap: var(--size-80)
    }

    .gap-x-85\@sm {
        -moz-column-gap: var(--size-85);
        column-gap: var(--size-85)
    }

    .gap-x-90\@sm {
        -moz-column-gap: var(--size-90);
        column-gap: var(--size-90)
    }

    .gap-x-95\@sm {
        -moz-column-gap: var(--size-95);
        column-gap: var(--size-95)
    }

    .gap-x-100\@sm {
        -moz-column-gap: var(--size-100);
        column-gap: var(--size-100)
    }

    .gap-y-5\@sm {
        row-gap: var(--size-5)
    }

    .gap-y-10\@sm {
        row-gap: var(--size-10)
    }

    .gap-y-15\@sm {
        row-gap: var(--size-15)
    }

    .gap-y-16\@sm {
        row-gap: var(--size-16)
    }

    .gap-y-20\@sm {
        row-gap: var(--size-20)
    }

    .gap-y-25\@sm {
        row-gap: var(--size-25)
    }

    .gap-y-30\@sm {
        row-gap: var(--size-30)
    }

    .gap-y-35\@sm {
        row-gap: var(--size-35)
    }

    .gap-y-40\@sm {
        row-gap: var(--size-40)
    }

    .gap-y-45\@sm {
        row-gap: var(--size-45)
    }

    .gap-y-50\@sm {
        row-gap: var(--size-50)
    }

    .gap-y-55\@sm {
        row-gap: var(--size-55)
    }

    .gap-y-60\@sm {
        row-gap: var(--size-60)
    }

    .gap-y-65\@sm {
        row-gap: var(--size-65)
    }

    .gap-y-70\@sm {
        row-gap: var(--size-70)
    }

    .gap-y-75\@sm {
        row-gap: var(--size-75)
    }

    .gap-y-80\@sm {
        row-gap: var(--size-80)
    }

    .gap-y-85\@sm {
        row-gap: var(--size-85)
    }

    .gap-y-90\@sm {
        row-gap: var(--size-90)
    }

    .gap-y-95\@sm {
        row-gap: var(--size-95)
    }

    .gap-y-100\@sm {
        row-gap: var(--size-100)
    }

    .m-auto\@sm {
        margin: auto
    }

    .mx-auto\@sm {
        margin-left: auto;
        margin-right: auto
    }

    .mt-auto\@sm {
        margin-top: auto
    }

    .me-auto\@sm {
        margin-right: auto
    }

    .ms-auto\@sm {
        margin-left: auto
    }

    .mt-0\@sm {
        margin-top: 0
    }

    .mt-10\@sm {
        margin-top: var(--size-10)
    }

    .mt-15\@sm {
        margin-top: var(--size-15)
    }

    .mt-16\@sm {
        margin-top: var(--size-16)
    }

    .mt-20\@sm {
        margin-top: var(--size-20)
    }

    .mt-30\@sm {
        margin-top: var(--size-30)
    }

    .mt-40\@sm {
        margin-top: var(--size-40)
    }

    .mt-50\@sm {
        margin-top: var(--size-50)
    }

    .mt-60\@sm {
        margin-top: var(--size-60)
    }

    .mt-70\@sm {
        margin-top: var(--size-70)
    }

    .mt-80\@sm {
        margin-top: var(--size-80)
    }

    .mt-90\@sm {
        margin-top: var(--size-90)
    }

    .mt-100\@sm {
        margin-top: var(--size-100)
    }

    .mb-0\@sm {
        margin-bottom: 0
    }

    .mb-10\@sm {
        margin-bottom: var(--size-10)
    }

    .mb-15\@sm {
        margin-bottom: var(--size-15)
    }

    .mb-16\@sm {
        margin-bottom: var(--size-16)
    }

    .mb-20\@sm {
        margin-bottom: var(--size-20)
    }

    .mb-30\@sm {
        margin-bottom: var(--size-30)
    }

    .mb-40\@sm {
        margin-bottom: var(--size-40)
    }

    .mb-50\@sm {
        margin-bottom: var(--size-50)
    }

    .mb-60\@sm {
        margin-bottom: var(--size-60)
    }

    .mb-70\@sm {
        margin-bottom: var(--size-70)
    }

    .mb-80\@sm {
        margin-bottom: var(--size-80)
    }

    .mb-90\@sm {
        margin-bottom: var(--size-90)
    }

    .mb-100\@sm {
        margin-bottom: var(--size-100)
    }

    .m-0\@sm {
        margin: 0
    }

    .p-10\@sm {
        padding: var(--size-10)
    }

    .p-15\@sm {
        padding: var(--size-15)
    }

    .p-16\@sm {
        padding: var(--size-16)
    }

    .p-20\@sm {
        padding: var(--size-20)
    }

    .p-30\@sm {
        padding: var(--size-30)
    }

    .p-40\@sm {
        padding: var(--size-40)
    }

    .p-50\@sm {
        padding: var(--size-50)
    }

    .py-0\@sm {
        padding-bottom: 0;
        padding-top: 0
    }

    .py-10\@sm {
        padding-bottom: var(--size-10);
        padding-top: var(--size-10)
    }

    .py-15\@sm {
        padding-bottom: var(--size-15);
        padding-top: var(--size-15)
    }

    .py-16\@sm {
        padding-bottom: var(--size-16);
        padding-top: var(--size-16)
    }

    .py-20\@sm {
        padding-bottom: var(--size-20);
        padding-top: var(--size-20)
    }

    .py-30\@sm {
        padding-bottom: var(--size-30);
        padding-top: var(--size-30)
    }

    .py-40\@sm {
        padding-bottom: var(--size-40);
        padding-top: var(--size-40)
    }

    .py-50\@sm {
        padding-bottom: var(--size-50);
        padding-top: var(--size-50)
    }

    .px-10\@sm {
        padding-left: 0;
        padding-left: var(--size-10);
        padding-right: 0;
        padding-right: var(--size-10)
    }

    .px-15\@sm {
        padding-left: var(--size-15);
        padding-right: var(--size-15)
    }

    .px-16\@sm {
        padding-left: var(--size-16);
        padding-right: var(--size-16)
    }

    .px-20\@sm {
        padding-left: var(--size-20);
        padding-right: var(--size-20)
    }

    .px-30\@sm {
        padding-left: var(--size-30);
        padding-right: var(--size-30)
    }

    .px-40\@sm {
        padding-left: var(--size-40);
        padding-right: var(--size-40)
    }

    .px-50\@sm {
        padding-left: var(--size-50);
        padding-right: var(--size-50)
    }

    .pt-0\@sm {
        padding-top: 0
    }

    .pt-10\@sm {
        padding-top: var(--size-10)
    }

    .pt-15\@sm {
        padding-top: var(--size-15)
    }

    .pt-16\@sm {
        padding-top: var(--size-16)
    }

    .pt-20\@sm {
        padding-top: var(--size-20)
    }

    .pt-30\@sm {
        padding-top: var(--size-30)
    }

    .pt-40\@sm {
        padding-top: var(--size-40)
    }

    .pt-50\@sm {
        padding-top: var(--size-50)
    }

    .pt-60\@sm {
        padding-top: var(--size-60)
    }

    .pt-70\@sm {
        padding-top: var(--size-70)
    }

    .pt-80\@sm {
        padding-top: var(--size-80)
    }

    .pt-90\@sm {
        padding-top: var(--size-90)
    }

    .pt-100\@sm {
        padding-top: var(--size-100)
    }

    .pb-0\@sm {
        padding-bottom: 0
    }

    .pb-10\@sm {
        padding-bottom: var(--size-10)
    }

    .pb-15\@sm {
        padding-bottom: var(--size-15)
    }

    .pb-16\@sm {
        padding-bottom: var(--size-16)
    }

    .pb-20\@sm {
        padding-bottom: var(--size-20)
    }

    .pb-30\@sm {
        padding-bottom: var(--size-30)
    }

    .pb-40\@sm {
        padding-bottom: var(--size-40)
    }

    .pb-50\@sm {
        padding-bottom: var(--size-50)
    }

    .pb-60\@sm {
        padding-bottom: var(--size-60)
    }

    .pb-70\@sm {
        padding-bottom: var(--size-70)
    }

    .pb-80\@sm {
        padding-bottom: var(--size-80)
    }

    .pb-90\@sm {
        padding-bottom: var(--size-90)
    }

    .pb-100\@sm {
        padding-bottom: var(--size-100)
    }

    .h1\@sm {
        font-size: var(--h1-size)
    }

    .h2\@sm {
        font-size: var(--h2-size)
    }

    .h3\@sm {
        font-size: var(--h3-size)
    }

    .h4\@sm {
        font-size: var(--h4-size)
    }

    .h5\@sm {
        font-size: var(--h5-size)
    }

    .h6\@sm {
        font-size: var(--h6-size)
    }

    .text-xl\@sm {
        font-size: var(--text-xl)
    }

    .text-lg\@sm {
        font-size: var(--text-lg)
    }

    .text-md\@sm {
        font-size: var(--text-md)
    }

    .text-sm\@sm {
        font-size: var(--text-sm)
    }

    .text-xs\@sm {
        font-size: var(--text-xs)
    }

    .rounded-circle\@sm {
        border-radius: 50%
    }

    .rounded-5\@sm {
        border-radius: 5px
    }

    .rounded-10\@sm {
        border-radius: 10px
    }

    .rounded-15\@sm {
        border-radius: 15px
    }

    .rounded-20\@sm {
        border-radius: 20px
    }

    .rounded-25\@sm {
        border-radius: 25px
    }

    .rounded-30\@sm {
        border-radius: 30px
    }
}

@media (min-width:64rem) {
    .w-100\@md {
        width: 100%
    }

    .h-100\@md {
        height: 100%
    }

    .d-block\@md {
        display: block
    }

    .d-none\@md {
        display: none
    }

    .position-absolute\@md {
        position: absolute
    }

    .sticky-top\@md {
        position: sticky;
        top: 0;
        z-index: 5
    }

    .text-center\@md {
        text-align: center
    }

    .text-start\@md {
        text-align: left
    }

    .text-end\@md {
        text-align: right
    }

    .d-inline\@md {
        display: inline
    }

    .d-inline-block\@md {
        display: inline-block
    }

    .d-grid\@md {
        display: grid
    }

    .d-flex\@md {
        display: flex
    }

    .d-flex-center\@md {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .d-inline-flex\@md {
        display: inline-flex
    }

    .d-inline-flex-center\@md {
        align-items: center;
        display: inline-flex;
        justify-content: center
    }

    .flex-fill\@md {
        flex: 1 1 auto
    }

    .flex-row\@md {
        flex-direction: row
    }

    .flex-column\@md {
        flex-direction: column
    }

    .flex-row-reverse\@md {
        flex-direction: row-reverse
    }

    .flex-column-reverse\@md {
        flex-direction: column-reverse
    }

    .flex-grow-0\@md {
        flex-grow: 0
    }

    .flex-grow-1\@md {
        flex-grow: 1
    }

    .flex-shrink-0\@md {
        flex-shrink: 0
    }

    .flex-shrink-1\@md {
        flex-shrink: 1
    }

    .flex-wrap\@md {
        flex-wrap: wrap
    }

    .flex-nowrap\@md {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse\@md {
        flex-wrap: wrap-reverse
    }

    .justify-content-start\@md {
        justify-content: flex-start
    }

    .justify-content-end\@md {
        justify-content: flex-end
    }

    .justify-content-center\@md {
        justify-content: center
    }

    .justify-content-between\@md {
        justify-content: space-between
    }

    .justify-content-around\@md {
        justify-content: space-around
    }

    .justify-content-evenly\@md {
        justify-content: space-evenly
    }

    .align-items-start\@md {
        align-items: flex-start
    }

    .align-items-end\@md {
        align-items: flex-end
    }

    .align-items-center\@md {
        align-items: center
    }

    .align-items-baseline\@md {
        align-items: baseline
    }

    .align-items-stretch\@md {
        align-items: stretch
    }

    .align-content-start\@md {
        align-content: flex-start
    }

    .align-content-end\@md {
        align-content: flex-end
    }

    .align-content-center\@md {
        align-content: center
    }

    .align-content-between\@md {
        align-content: space-between
    }

    .align-content-around\@md {
        align-content: space-around
    }

    .align-content-stretch\@md {
        align-content: stretch
    }

    .align-self-auto\@md {
        align-self: auto
    }

    .align-self-start\@md {
        align-self: flex-start
    }

    .align-self-end\@md {
        align-self: flex-end
    }

    .align-self-center\@md {
        align-self: center
    }

    .align-self-baseline\@md {
        align-self: baseline
    }

    .align-self-stretch\@md {
        align-self: stretch
    }

    .order-1\@md {
        order: 1
    }

    .order-2\@md {
        order: 2
    }

    .order-3\@md {
        order: 3
    }

    .order-4\@md {
        order: 4
    }

    .order-5\@md {
        order: 5
    }

    .order-last\@md {
        order: 6
    }

    .order-first\@md {
        order: -1
    }

    .grid-auto-xs\@md {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@md {
        --col-min-width: 10rem
    }

    .grid-auto-md\@md {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@md {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@md {
        --col-min-width: 25rem
    }

    .grid-auto-cols\@md {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
    }

    .col-1\@md {
        --span: 1
    }

    .col-start-1\@md {
        grid-column-start: 1
    }

    .col-end-2\@md {
        grid-column-end: 2
    }

    .row-1\@md {
        grid-row: span 1/span 1
    }

    .row-start-1\@md {
        grid-row-start: 1
    }

    .row-end-2\@md {
        grid-row-end: 2
    }

    .col-2\@md {
        --span: 2
    }

    .col-start-2\@md {
        grid-column-start: 2
    }

    .col-end-3\@md {
        grid-column-end: 3
    }

    .row-2\@md {
        grid-row: span 2/span 2
    }

    .row-start-2\@md {
        grid-row-start: 2
    }

    .row-end-3\@md {
        grid-row-end: 3
    }

    .col-3\@md {
        --span: 3
    }

    .col-start-3\@md {
        grid-column-start: 3
    }

    .col-end-4\@md {
        grid-column-end: 4
    }

    .row-3\@md {
        grid-row: span 3/span 3
    }

    .row-start-3\@md {
        grid-row-start: 3
    }

    .row-end-4\@md {
        grid-row-end: 4
    }

    .col-4\@md {
        --span: 4
    }

    .col-start-4\@md {
        grid-column-start: 4
    }

    .col-end-5\@md {
        grid-column-end: 5
    }

    .row-4\@md {
        grid-row: span 4/span 4
    }

    .row-start-4\@md {
        grid-row-start: 4
    }

    .row-end-5\@md {
        grid-row-end: 5
    }

    .col-5\@md {
        --span: 5
    }

    .col-start-5\@md {
        grid-column-start: 5
    }

    .col-end-6\@md {
        grid-column-end: 6
    }

    .row-5\@md {
        grid-row: span 5/span 5
    }

    .row-start-5\@md {
        grid-row-start: 5
    }

    .row-end-6\@md {
        grid-row-end: 6
    }

    .col-6\@md {
        --span: 6
    }

    .col-start-6\@md {
        grid-column-start: 6
    }

    .col-end-7\@md {
        grid-column-end: 7
    }

    .row-6\@md {
        grid-row: span 6/span 6
    }

    .row-start-6\@md {
        grid-row-start: 6
    }

    .row-end-7\@md {
        grid-row-end: 7
    }

    .col-7\@md {
        --span: 7
    }

    .col-start-7\@md {
        grid-column-start: 7
    }

    .col-end-8\@md {
        grid-column-end: 8
    }

    .row-7\@md {
        grid-row: span 7/span 7
    }

    .row-start-7\@md {
        grid-row-start: 7
    }

    .row-end-8\@md {
        grid-row-end: 8
    }

    .col-8\@md {
        --span: 8
    }

    .col-start-8\@md {
        grid-column-start: 8
    }

    .col-end-9\@md {
        grid-column-end: 9
    }

    .row-8\@md {
        grid-row: span 8/span 8
    }

    .row-start-8\@md {
        grid-row-start: 8
    }

    .row-end-9\@md {
        grid-row-end: 9
    }

    .col-9\@md {
        --span: 9
    }

    .col-start-9\@md {
        grid-column-start: 9
    }

    .col-end-10\@md {
        grid-column-end: 10
    }

    .row-9\@md {
        grid-row: span 9/span 9
    }

    .row-start-9\@md {
        grid-row-start: 9
    }

    .row-end-10\@md {
        grid-row-end: 10
    }

    .col-10\@md {
        --span: 10
    }

    .col-start-10\@md {
        grid-column-start: 10
    }

    .col-end-11\@md {
        grid-column-end: 11
    }

    .row-10\@md {
        grid-row: span 10/span 10
    }

    .row-start-10\@md {
        grid-row-start: 10
    }

    .row-end-11\@md {
        grid-row-end: 11
    }

    .col-11\@md {
        --span: 11
    }

    .col-start-11\@md {
        grid-column-start: 11
    }

    .col-end-12\@md {
        grid-column-end: 12
    }

    .row-11\@md {
        grid-row: span 11/span 11
    }

    .row-start-11\@md {
        grid-row-start: 11
    }

    .row-end-12\@md {
        grid-row-end: 12
    }

    .col-12\@md {
        --span: 12
    }

    .col-start-12\@md {
        grid-column-start: 12
    }

    .col-end-13\@md {
        grid-column-end: 13
    }

    .row-12\@md {
        grid-row: span 12/span 12
    }

    .row-start-12\@md {
        grid-row-start: 12
    }

    .row-end-13\@md {
        grid-row-end: 13
    }

    .col-start\@md {
        grid-column-start: 1
    }

    .col-end\@md {
        grid-column-end: -1
    }

    .row-start\@md {
        grid-row-start: 1
    }

    .row-end\@md {
        grid-row-end: -1
    }

    .col-start-auto\@md {
        grid-column-start: auto
    }

    .col-end-auto\@md {
        grid-column-end: auto
    }

    .row-start-auto\@md {
        grid-row-start: auto
    }

    .row-end-auto\@md {
        grid-row-end: auto
    }

    .grid-cols-1\@md {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2\@md {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3\@md {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4\@md {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5\@md {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6\@md {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-7\@md {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .grid-cols-8\@md {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .grid-cols-9\@md {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .grid-cols-10\@md {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .grid-cols-11\@md {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .grid-cols-12\@md {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .grid-cols-none\@md {
        grid-template-columns: none
    }

    .col-auto\@md {
        grid-column: auto
    }

    .col-span-1\@md {
        grid-column: span 1/span 1
    }

    .col-span-2\@md {
        grid-column: span 2/span 2
    }

    .col-span-3\@md {
        grid-column: span 3/span 3
    }

    .col-span-4\@md {
        grid-column: span 4/span 4
    }

    .col-span-5\@md {
        grid-column: span 5/span 5
    }

    .col-span-6\@md {
        grid-column: span 6/span 6
    }

    .col-span-7\@md {
        grid-column: span 7/span 7
    }

    .col-span-8\@md {
        grid-column: span 8/span 8
    }

    .col-span-9\@md {
        grid-column: span 9/span 9
    }

    .col-span-10\@md {
        grid-column: span 10/span 10
    }

    .col-span-11\@md {
        grid-column: span 11/span 11
    }

    .col-span-12\@md {
        grid-column: span 12/span 12
    }

    .col-span-full\@md {
        grid-column: 1/-1
    }

    .grid-rows-1\@md {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .grid-rows-2\@md {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .grid-rows-3\@md {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .grid-rows-4\@md {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .grid-rows-5\@md {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .grid-rows-6\@md {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .grid-rows-7\@md {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .grid-rows-8\@md {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .grid-rows-9\@md {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .grid-rows-10\@md {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .grid-rows-11\@md {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .grid-rows-12\@md {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .grid-rows-none\@md {
        grid-template-rows: none
    }

    .row-auto\@md {
        grid-row: auto
    }

    .row-span-1\@md {
        grid-row: span 1/span 1
    }

    .row-span-2\@md {
        grid-row: span 2/span 2
    }

    .row-span-3\@md {
        grid-row: span 3/span 3
    }

    .row-span-4\@md {
        grid-row: span 4/span 4
    }

    .row-span-5\@md {
        grid-row: span 5/span 5
    }

    .row-span-6\@md {
        grid-row: span 6/span 6
    }

    .row-span-7\@md {
        grid-row: span 7/span 7
    }

    .row-span-8\@md {
        grid-row: span 8/span 8
    }

    .row-span-9\@md {
        grid-row: span 9/span 9
    }

    .row-span-10\@md {
        grid-row: span 10/span 10
    }

    .row-span-11\@md {
        grid-row: span 11/span 11
    }

    .row-span-12\@md {
        grid-row: span 12/span 12
    }

    .row-span-full\@md {
        grid-row: 1/-1
    }

    .gap-5\@md {
        gap: var(--size-5)
    }

    .gap-10\@md {
        gap: var(--size-10)
    }

    .gap-15\@md {
        gap: var(--size-15)
    }

    .gap-16\@md {
        gap: var(--size-16)
    }

    .gap-20\@md {
        gap: var(--size-20)
    }

    .gap-25\@md {
        gap: var(--size-25)
    }

    .gap-30\@md {
        gap: var(--size-30)
    }

    .gap-35\@md {
        gap: var(--size-35)
    }

    .gap-40\@md {
        gap: var(--size-40)
    }

    .gap-45\@md {
        gap: var(--size-45)
    }

    .gap-50\@md {
        gap: var(--size-50)
    }

    .gap-55\@md {
        gap: var(--size-55)
    }

    .gap-60\@md {
        gap: var(--size-60)
    }

    .gap-65\@md {
        gap: var(--size-65)
    }

    .gap-70\@md {
        gap: var(--size-70)
    }

    .gap-75\@md {
        gap: var(--size-75)
    }

    .gap-80\@md {
        gap: var(--size-80)
    }

    .gap-85\@md {
        gap: var(--size-85)
    }

    .gap-90\@md {
        gap: var(--size-90)
    }

    .gap-95\@md {
        gap: var(--size-95)
    }

    .gap-100\@md {
        gap: var(--size-100)
    }

    .gap-x-5\@md {
        -moz-column-gap: var(--size-5);
        column-gap: var(--size-5)
    }

    .gap-x-10\@md {
        -moz-column-gap: var(--size-10);
        column-gap: var(--size-10)
    }

    .gap-x-15\@md {
        -moz-column-gap: var(--size-15);
        column-gap: var(--size-15)
    }

    .gap-x-16\@md {
        -moz-column-gap: var(--size-16);
        column-gap: var(--size-16)
    }

    .gap-x-20\@md {
        -moz-column-gap: var(--size-20);
        column-gap: var(--size-20)
    }

    .gap-x-25\@md {
        -moz-column-gap: var(--size-25);
        column-gap: var(--size-25)
    }

    .gap-x-30\@md {
        -moz-column-gap: var(--size-30);
        column-gap: var(--size-30)
    }

    .gap-x-35\@md {
        -moz-column-gap: var(--size-35);
        column-gap: var(--size-35)
    }

    .gap-x-40\@md {
        -moz-column-gap: var(--size-40);
        column-gap: var(--size-40)
    }

    .gap-x-45\@md {
        -moz-column-gap: var(--size-45);
        column-gap: var(--size-45)
    }

    .gap-x-50\@md {
        -moz-column-gap: var(--size-50);
        column-gap: var(--size-50)
    }

    .gap-x-55\@md {
        -moz-column-gap: var(--size-55);
        column-gap: var(--size-55)
    }

    .gap-x-60\@md {
        -moz-column-gap: var(--size-60);
        column-gap: var(--size-60)
    }

    .gap-x-65\@md {
        -moz-column-gap: var(--size-65);
        column-gap: var(--size-65)
    }

    .gap-x-70\@md {
        -moz-column-gap: var(--size-70);
        column-gap: var(--size-70)
    }

    .gap-x-75\@md {
        -moz-column-gap: var(--size-75);
        column-gap: var(--size-75)
    }

    .gap-x-80\@md {
        -moz-column-gap: var(--size-80);
        column-gap: var(--size-80)
    }

    .gap-x-85\@md {
        -moz-column-gap: var(--size-85);
        column-gap: var(--size-85)
    }

    .gap-x-90\@md {
        -moz-column-gap: var(--size-90);
        column-gap: var(--size-90)
    }

    .gap-x-95\@md {
        -moz-column-gap: var(--size-95);
        column-gap: var(--size-95)
    }

    .gap-x-100\@md {
        -moz-column-gap: var(--size-100);
        column-gap: var(--size-100)
    }

    .gap-y-5\@md {
        row-gap: var(--size-5)
    }

    .gap-y-10\@md {
        row-gap: var(--size-10)
    }

    .gap-y-15\@md {
        row-gap: var(--size-15)
    }

    .gap-y-16\@md {
        row-gap: var(--size-16)
    }

    .gap-y-20\@md {
        row-gap: var(--size-20)
    }

    .gap-y-25\@md {
        row-gap: var(--size-25)
    }

    .gap-y-30\@md {
        row-gap: var(--size-30)
    }

    .gap-y-35\@md {
        row-gap: var(--size-35)
    }

    .gap-y-40\@md {
        row-gap: var(--size-40)
    }

    .gap-y-45\@md {
        row-gap: var(--size-45)
    }

    .gap-y-50\@md {
        row-gap: var(--size-50)
    }

    .gap-y-55\@md {
        row-gap: var(--size-55)
    }

    .gap-y-60\@md {
        row-gap: var(--size-60)
    }

    .gap-y-65\@md {
        row-gap: var(--size-65)
    }

    .gap-y-70\@md {
        row-gap: var(--size-70)
    }

    .gap-y-75\@md {
        row-gap: var(--size-75)
    }

    .gap-y-80\@md {
        row-gap: var(--size-80)
    }

    .gap-y-85\@md {
        row-gap: var(--size-85)
    }

    .gap-y-90\@md {
        row-gap: var(--size-90)
    }

    .gap-y-95\@md {
        row-gap: var(--size-95)
    }

    .gap-y-100\@md {
        row-gap: var(--size-100)
    }

    .m-auto\@md {
        margin: auto
    }

    .mx-auto\@md {
        margin-left: auto;
        margin-right: auto
    }

    .mt-auto\@md {
        margin-top: auto
    }

    .me-auto\@md {
        margin-right: auto
    }

    .ms-auto\@md {
        margin-left: auto
    }

    .mt-0\@md {
        margin-top: 0
    }

    .mt-10\@md {
        margin-top: var(--size-10)
    }

    .mt-15\@md {
        margin-top: var(--size-15)
    }

    .mt-16\@md {
        margin-top: var(--size-16)
    }

    .mt-20\@md {
        margin-top: var(--size-20)
    }

    .mt-30\@md {
        margin-top: var(--size-30)
    }

    .mt-40\@md {
        margin-top: var(--size-40)
    }

    .mt-50\@md {
        margin-top: var(--size-50)
    }

    .mt-60\@md {
        margin-top: var(--size-60)
    }

    .mt-70\@md {
        margin-top: var(--size-70)
    }

    .mt-80\@md {
        margin-top: var(--size-80)
    }

    .mt-90\@md {
        margin-top: var(--size-90)
    }

    .mt-100\@md {
        margin-top: var(--size-100)
    }

    .mb-0\@md {
        margin-bottom: 0
    }

    .mb-10\@md {
        margin-bottom: var(--size-10)
    }

    .mb-15\@md {
        margin-bottom: var(--size-15)
    }

    .mb-16\@md {
        margin-bottom: var(--size-16)
    }

    .mb-20\@md {
        margin-bottom: var(--size-20)
    }

    .mb-30\@md {
        margin-bottom: var(--size-30)
    }

    .mb-40\@md {
        margin-bottom: var(--size-40)
    }

    .mb-50\@md {
        margin-bottom: var(--size-50)
    }

    .mb-60\@md {
        margin-bottom: var(--size-60)
    }

    .mb-70\@md {
        margin-bottom: var(--size-70)
    }

    .mb-80\@md {
        margin-bottom: var(--size-80)
    }

    .mb-90\@md {
        margin-bottom: var(--size-90)
    }

    .mb-100\@md {
        margin-bottom: var(--size-100)
    }

    .m-0\@md {
        margin: 0
    }

    .p-10\@md {
        padding: var(--size-10)
    }

    .p-15\@md {
        padding: var(--size-15)
    }

    .p-16\@md {
        padding: var(--size-16)
    }

    .p-20\@md {
        padding: var(--size-20)
    }

    .p-30\@md {
        padding: var(--size-30)
    }

    .p-40\@md {
        padding: var(--size-40)
    }

    .p-50\@md {
        padding: var(--size-50)
    }

    .py-0\@md {
        padding-bottom: 0;
        padding-top: 0
    }

    .py-10\@md {
        padding-bottom: var(--size-10);
        padding-top: var(--size-10)
    }

    .py-15\@md {
        padding-bottom: var(--size-15);
        padding-top: var(--size-15)
    }

    .py-16\@md {
        padding-bottom: var(--size-16);
        padding-top: var(--size-16)
    }

    .py-20\@md {
        padding-bottom: var(--size-20);
        padding-top: var(--size-20)
    }

    .py-30\@md {
        padding-bottom: var(--size-30);
        padding-top: var(--size-30)
    }

    .py-40\@md {
        padding-bottom: var(--size-40);
        padding-top: var(--size-40)
    }

    .py-50\@md {
        padding-bottom: var(--size-50);
        padding-top: var(--size-50)
    }

    .px-10\@md {
        padding-left: 0;
        padding-left: var(--size-10);
        padding-right: 0;
        padding-right: var(--size-10)
    }

    .px-15\@md {
        padding-left: var(--size-15);
        padding-right: var(--size-15)
    }

    .px-16\@md {
        padding-left: var(--size-16);
        padding-right: var(--size-16)
    }

    .px-20\@md {
        padding-left: var(--size-20);
        padding-right: var(--size-20)
    }

    .px-30\@md {
        padding-left: var(--size-30);
        padding-right: var(--size-30)
    }

    .px-40\@md {
        padding-left: var(--size-40);
        padding-right: var(--size-40)
    }

    .px-50\@md {
        padding-left: var(--size-50);
        padding-right: var(--size-50)
    }

    .pt-0\@md {
        padding-top: 0
    }

    .pt-10\@md {
        padding-top: var(--size-10)
    }

    .pt-15\@md {
        padding-top: var(--size-15)
    }

    .pt-16\@md {
        padding-top: var(--size-16)
    }

    .pt-20\@md {
        padding-top: var(--size-20)
    }

    .pt-30\@md {
        padding-top: var(--size-30)
    }

    .pt-40\@md {
        padding-top: var(--size-40)
    }

    .pt-50\@md {
        padding-top: var(--size-50)
    }

    .pt-60\@md {
        padding-top: var(--size-60)
    }

    .pt-70\@md {
        padding-top: var(--size-70)
    }

    .pt-80\@md {
        padding-top: var(--size-80)
    }

    .pt-90\@md {
        padding-top: var(--size-90)
    }

    .pt-100\@md {
        padding-top: var(--size-100)
    }

    .pb-0\@md {
        padding-bottom: 0
    }

    .pb-10\@md {
        padding-bottom: var(--size-10)
    }

    .pb-15\@md {
        padding-bottom: var(--size-15)
    }

    .pb-16\@md {
        padding-bottom: var(--size-16)
    }

    .pb-20\@md {
        padding-bottom: var(--size-20)
    }

    .pb-30\@md {
        padding-bottom: var(--size-30)
    }

    .pb-40\@md {
        padding-bottom: var(--size-40)
    }

    .pb-50\@md {
        padding-bottom: var(--size-50)
    }

    .pb-60\@md {
        padding-bottom: var(--size-60)
    }

    .pb-70\@md {
        padding-bottom: var(--size-70)
    }

    .pb-80\@md {
        padding-bottom: var(--size-80)
    }

    .pb-90\@md {
        padding-bottom: var(--size-90)
    }

    .pb-100\@md {
        padding-bottom: var(--size-100)
    }

    .h1\@md {
        font-size: var(--h1-size)
    }

    .h2\@md {
        font-size: var(--h2-size)
    }

    .h3\@md {
        font-size: var(--h3-size)
    }

    .h4\@md {
        font-size: var(--h4-size)
    }

    .h5\@md {
        font-size: var(--h5-size)
    }

    .h6\@md {
        font-size: var(--h6-size)
    }

    .text-xl\@md {
        font-size: var(--text-xl)
    }

    .text-lg\@md {
        font-size: var(--text-lg)
    }

    .text-md\@md {
        font-size: var(--text-md)
    }

    .text-sm\@md {
        font-size: var(--text-sm)
    }

    .text-xs\@md {
        font-size: var(--text-xs)
    }

    .rounded-circle\@md {
        border-radius: 50%
    }

    .rounded-5\@md {
        border-radius: 5px
    }

    .rounded-10\@md {
        border-radius: 10px
    }

    .rounded-15\@md {
        border-radius: 15px
    }

    .rounded-20\@md {
        border-radius: 20px
    }

    .rounded-25\@md {
        border-radius: 25px
    }

    .rounded-30\@md {
        border-radius: 30px
    }
}

@media (min-width:80rem) {
    .w-100\@lg {
        width: 100%
    }

    .h-100\@lg {
        height: 100%
    }

    .d-block\@lg {
        display: block
    }

    .d-none\@lg {
        display: none
    }

    .position-absolute\@lg {
        position: absolute
    }

    .sticky-top\@lg {
        position: sticky;
        top: 0;
        z-index: 5
    }

    .text-center\@lg {
        text-align: center
    }

    .text-start\@lg {
        text-align: left
    }

    .text-end\@lg {
        text-align: right
    }

    .d-inline\@lg {
        display: inline
    }

    .d-inline-block\@lg {
        display: inline-block
    }

    .d-grid\@lg {
        display: grid
    }

    .d-flex\@lg {
        display: flex
    }

    .d-flex-center\@lg {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .d-inline-flex\@lg {
        display: inline-flex
    }

    .d-inline-flex-center\@lg {
        align-items: center;
        display: inline-flex;
        justify-content: center
    }

    .flex-fill\@lg {
        flex: 1 1 auto
    }

    .flex-row\@lg {
        flex-direction: row
    }

    .flex-column\@lg {
        flex-direction: column
    }

    .flex-row-reverse\@lg {
        flex-direction: row-reverse
    }

    .flex-column-reverse\@lg {
        flex-direction: column-reverse
    }

    .flex-grow-0\@lg {
        flex-grow: 0
    }

    .flex-grow-1\@lg {
        flex-grow: 1
    }

    .flex-shrink-0\@lg {
        flex-shrink: 0
    }

    .flex-shrink-1\@lg {
        flex-shrink: 1
    }

    .flex-wrap\@lg {
        flex-wrap: wrap
    }

    .flex-nowrap\@lg {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse\@lg {
        flex-wrap: wrap-reverse
    }

    .justify-content-start\@lg {
        justify-content: flex-start
    }

    .justify-content-end\@lg {
        justify-content: flex-end
    }

    .justify-content-center\@lg {
        justify-content: center
    }

    .justify-content-between\@lg {
        justify-content: space-between
    }

    .justify-content-around\@lg {
        justify-content: space-around
    }

    .justify-content-evenly\@lg {
        justify-content: space-evenly
    }

    .align-items-start\@lg {
        align-items: flex-start
    }

    .align-items-end\@lg {
        align-items: flex-end
    }

    .align-items-center\@lg {
        align-items: center
    }

    .align-items-baseline\@lg {
        align-items: baseline
    }

    .align-items-stretch\@lg {
        align-items: stretch
    }

    .align-content-start\@lg {
        align-content: flex-start
    }

    .align-content-end\@lg {
        align-content: flex-end
    }

    .align-content-center\@lg {
        align-content: center
    }

    .align-content-between\@lg {
        align-content: space-between
    }

    .align-content-around\@lg {
        align-content: space-around
    }

    .align-content-stretch\@lg {
        align-content: stretch
    }

    .align-self-auto\@lg {
        align-self: auto
    }

    .align-self-start\@lg {
        align-self: flex-start
    }

    .align-self-end\@lg {
        align-self: flex-end
    }

    .align-self-center\@lg {
        align-self: center
    }

    .align-self-baseline\@lg {
        align-self: baseline
    }

    .align-self-stretch\@lg {
        align-self: stretch
    }

    .order-1\@lg {
        order: 1
    }

    .order-2\@lg {
        order: 2
    }

    .order-3\@lg {
        order: 3
    }

    .order-4\@lg {
        order: 4
    }

    .order-5\@lg {
        order: 5
    }

    .order-last\@lg {
        order: 6
    }

    .order-first\@lg {
        order: -1
    }

    .grid-auto-xs\@lg {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@lg {
        --col-min-width: 10rem
    }

    .grid-auto-md\@lg {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@lg {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@lg {
        --col-min-width: 25rem
    }

    .grid-auto-cols\@lg {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
    }

    .col-1\@lg {
        --span: 1
    }

    .col-start-1\@lg {
        grid-column-start: 1
    }

    .col-end-2\@lg {
        grid-column-end: 2
    }

    .row-1\@lg {
        grid-row: span 1/span 1
    }

    .row-start-1\@lg {
        grid-row-start: 1
    }

    .row-end-2\@lg {
        grid-row-end: 2
    }

    .col-2\@lg {
        --span: 2
    }

    .col-start-2\@lg {
        grid-column-start: 2
    }

    .col-end-3\@lg {
        grid-column-end: 3
    }

    .row-2\@lg {
        grid-row: span 2/span 2
    }

    .row-start-2\@lg {
        grid-row-start: 2
    }

    .row-end-3\@lg {
        grid-row-end: 3
    }

    .col-3\@lg {
        --span: 3
    }

    .col-start-3\@lg {
        grid-column-start: 3
    }

    .col-end-4\@lg {
        grid-column-end: 4
    }

    .row-3\@lg {
        grid-row: span 3/span 3
    }

    .row-start-3\@lg {
        grid-row-start: 3
    }

    .row-end-4\@lg {
        grid-row-end: 4
    }

    .col-4\@lg {
        --span: 4
    }

    .col-start-4\@lg {
        grid-column-start: 4
    }

    .col-end-5\@lg {
        grid-column-end: 5
    }

    .row-4\@lg {
        grid-row: span 4/span 4
    }

    .row-start-4\@lg {
        grid-row-start: 4
    }

    .row-end-5\@lg {
        grid-row-end: 5
    }

    .col-5\@lg {
        --span: 5
    }

    .col-start-5\@lg {
        grid-column-start: 5
    }

    .col-end-6\@lg {
        grid-column-end: 6
    }

    .row-5\@lg {
        grid-row: span 5/span 5
    }

    .row-start-5\@lg {
        grid-row-start: 5
    }

    .row-end-6\@lg {
        grid-row-end: 6
    }

    .col-6\@lg {
        --span: 6
    }

    .col-start-6\@lg {
        grid-column-start: 6
    }

    .col-end-7\@lg {
        grid-column-end: 7
    }

    .row-6\@lg {
        grid-row: span 6/span 6
    }

    .row-start-6\@lg {
        grid-row-start: 6
    }

    .row-end-7\@lg {
        grid-row-end: 7
    }

    .col-7\@lg {
        --span: 7
    }

    .col-start-7\@lg {
        grid-column-start: 7
    }

    .col-end-8\@lg {
        grid-column-end: 8
    }

    .row-7\@lg {
        grid-row: span 7/span 7
    }

    .row-start-7\@lg {
        grid-row-start: 7
    }

    .row-end-8\@lg {
        grid-row-end: 8
    }

    .col-8\@lg {
        --span: 8
    }

    .col-start-8\@lg {
        grid-column-start: 8
    }

    .col-end-9\@lg {
        grid-column-end: 9
    }

    .row-8\@lg {
        grid-row: span 8/span 8
    }

    .row-start-8\@lg {
        grid-row-start: 8
    }

    .row-end-9\@lg {
        grid-row-end: 9
    }

    .col-9\@lg {
        --span: 9
    }

    .col-start-9\@lg {
        grid-column-start: 9
    }

    .col-end-10\@lg {
        grid-column-end: 10
    }

    .row-9\@lg {
        grid-row: span 9/span 9
    }

    .row-start-9\@lg {
        grid-row-start: 9
    }

    .row-end-10\@lg {
        grid-row-end: 10
    }

    .col-10\@lg {
        --span: 10
    }

    .col-start-10\@lg {
        grid-column-start: 10
    }

    .col-end-11\@lg {
        grid-column-end: 11
    }

    .row-10\@lg {
        grid-row: span 10/span 10
    }

    .row-start-10\@lg {
        grid-row-start: 10
    }

    .row-end-11\@lg {
        grid-row-end: 11
    }

    .col-11\@lg {
        --span: 11
    }

    .col-start-11\@lg {
        grid-column-start: 11
    }

    .col-end-12\@lg {
        grid-column-end: 12
    }

    .row-11\@lg {
        grid-row: span 11/span 11
    }

    .row-start-11\@lg {
        grid-row-start: 11
    }

    .row-end-12\@lg {
        grid-row-end: 12
    }

    .col-12\@lg {
        --span: 12
    }

    .col-start-12\@lg {
        grid-column-start: 12
    }

    .col-end-13\@lg {
        grid-column-end: 13
    }

    .row-12\@lg {
        grid-row: span 12/span 12
    }

    .row-start-12\@lg {
        grid-row-start: 12
    }

    .row-end-13\@lg {
        grid-row-end: 13
    }

    .col-start\@lg {
        grid-column-start: 1
    }

    .col-end\@lg {
        grid-column-end: -1
    }

    .row-start\@lg {
        grid-row-start: 1
    }

    .row-end\@lg {
        grid-row-end: -1
    }

    .col-start-auto\@lg {
        grid-column-start: auto
    }

    .col-end-auto\@lg {
        grid-column-end: auto
    }

    .row-start-auto\@lg {
        grid-row-start: auto
    }

    .row-end-auto\@lg {
        grid-row-end: auto
    }

    .grid-cols-1\@lg {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2\@lg {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3\@lg {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4\@lg {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5\@lg {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6\@lg {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-7\@lg {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .grid-cols-8\@lg {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .grid-cols-9\@lg {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .grid-cols-10\@lg {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .grid-cols-11\@lg {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .grid-cols-12\@lg {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .grid-cols-none\@lg {
        grid-template-columns: none
    }

    .col-auto\@lg {
        grid-column: auto
    }

    .col-span-1\@lg {
        grid-column: span 1/span 1
    }

    .col-span-2\@lg {
        grid-column: span 2/span 2
    }

    .col-span-3\@lg {
        grid-column: span 3/span 3
    }

    .col-span-4\@lg {
        grid-column: span 4/span 4
    }

    .col-span-5\@lg {
        grid-column: span 5/span 5
    }

    .col-span-6\@lg {
        grid-column: span 6/span 6
    }

    .col-span-7\@lg {
        grid-column: span 7/span 7
    }

    .col-span-8\@lg {
        grid-column: span 8/span 8
    }

    .col-span-9\@lg {
        grid-column: span 9/span 9
    }

    .col-span-10\@lg {
        grid-column: span 10/span 10
    }

    .col-span-11\@lg {
        grid-column: span 11/span 11
    }

    .col-span-12\@lg {
        grid-column: span 12/span 12
    }

    .col-span-full\@lg {
        grid-column: 1/-1
    }

    .grid-rows-1\@lg {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .grid-rows-2\@lg {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .grid-rows-3\@lg {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .grid-rows-4\@lg {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .grid-rows-5\@lg {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .grid-rows-6\@lg {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .grid-rows-7\@lg {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .grid-rows-8\@lg {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .grid-rows-9\@lg {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .grid-rows-10\@lg {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .grid-rows-11\@lg {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .grid-rows-12\@lg {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .grid-rows-none\@lg {
        grid-template-rows: none
    }

    .row-auto\@lg {
        grid-row: auto
    }

    .row-span-1\@lg {
        grid-row: span 1/span 1
    }

    .row-span-2\@lg {
        grid-row: span 2/span 2
    }

    .row-span-3\@lg {
        grid-row: span 3/span 3
    }

    .row-span-4\@lg {
        grid-row: span 4/span 4
    }

    .row-span-5\@lg {
        grid-row: span 5/span 5
    }

    .row-span-6\@lg {
        grid-row: span 6/span 6
    }

    .row-span-7\@lg {
        grid-row: span 7/span 7
    }

    .row-span-8\@lg {
        grid-row: span 8/span 8
    }

    .row-span-9\@lg {
        grid-row: span 9/span 9
    }

    .row-span-10\@lg {
        grid-row: span 10/span 10
    }

    .row-span-11\@lg {
        grid-row: span 11/span 11
    }

    .row-span-12\@lg {
        grid-row: span 12/span 12
    }

    .row-span-full\@lg {
        grid-row: 1/-1
    }

    .gap-5\@lg {
        gap: var(--size-5)
    }

    .gap-10\@lg {
        gap: var(--size-10)
    }

    .gap-15\@lg {
        gap: var(--size-15)
    }

    .gap-16\@lg {
        gap: var(--size-16)
    }

    .gap-20\@lg {
        gap: var(--size-20)
    }

    .gap-25\@lg {
        gap: var(--size-25)
    }

    .gap-30\@lg {
        gap: var(--size-30)
    }

    .gap-35\@lg {
        gap: var(--size-35)
    }

    .gap-40\@lg {
        gap: var(--size-40)
    }

    .gap-45\@lg {
        gap: var(--size-45)
    }

    .gap-50\@lg {
        gap: var(--size-50)
    }

    .gap-55\@lg {
        gap: var(--size-55)
    }

    .gap-60\@lg {
        gap: var(--size-60)
    }

    .gap-65\@lg {
        gap: var(--size-65)
    }

    .gap-70\@lg {
        gap: var(--size-70)
    }

    .gap-75\@lg {
        gap: var(--size-75)
    }

    .gap-80\@lg {
        gap: var(--size-80)
    }

    .gap-85\@lg {
        gap: var(--size-85)
    }

    .gap-90\@lg {
        gap: var(--size-90)
    }

    .gap-95\@lg {
        gap: var(--size-95)
    }

    .gap-100\@lg {
        gap: var(--size-100)
    }

    .gap-x-5\@lg {
        -moz-column-gap: var(--size-5);
        column-gap: var(--size-5)
    }

    .gap-x-10\@lg {
        -moz-column-gap: var(--size-10);
        column-gap: var(--size-10)
    }

    .gap-x-15\@lg {
        -moz-column-gap: var(--size-15);
        column-gap: var(--size-15)
    }

    .gap-x-16\@lg {
        -moz-column-gap: var(--size-16);
        column-gap: var(--size-16)
    }

    .gap-x-20\@lg {
        -moz-column-gap: var(--size-20);
        column-gap: var(--size-20)
    }

    .gap-x-25\@lg {
        -moz-column-gap: var(--size-25);
        column-gap: var(--size-25)
    }

    .gap-x-30\@lg {
        -moz-column-gap: var(--size-30);
        column-gap: var(--size-30)
    }

    .gap-x-35\@lg {
        -moz-column-gap: var(--size-35);
        column-gap: var(--size-35)
    }

    .gap-x-40\@lg {
        -moz-column-gap: var(--size-40);
        column-gap: var(--size-40)
    }

    .gap-x-45\@lg {
        -moz-column-gap: var(--size-45);
        column-gap: var(--size-45)
    }

    .gap-x-50\@lg {
        -moz-column-gap: var(--size-50);
        column-gap: var(--size-50)
    }

    .gap-x-55\@lg {
        -moz-column-gap: var(--size-55);
        column-gap: var(--size-55)
    }

    .gap-x-60\@lg {
        -moz-column-gap: var(--size-60);
        column-gap: var(--size-60)
    }

    .gap-x-65\@lg {
        -moz-column-gap: var(--size-65);
        column-gap: var(--size-65)
    }

    .gap-x-70\@lg {
        -moz-column-gap: var(--size-70);
        column-gap: var(--size-70)
    }

    .gap-x-75\@lg {
        -moz-column-gap: var(--size-75);
        column-gap: var(--size-75)
    }

    .gap-x-80\@lg {
        -moz-column-gap: var(--size-80);
        column-gap: var(--size-80)
    }

    .gap-x-85\@lg {
        -moz-column-gap: var(--size-85);
        column-gap: var(--size-85)
    }

    .gap-x-90\@lg {
        -moz-column-gap: var(--size-90);
        column-gap: var(--size-90)
    }

    .gap-x-95\@lg {
        -moz-column-gap: var(--size-95);
        column-gap: var(--size-95)
    }

    .gap-x-100\@lg {
        -moz-column-gap: var(--size-100);
        column-gap: var(--size-100)
    }

    .gap-y-5\@lg {
        row-gap: var(--size-5)
    }

    .gap-y-10\@lg {
        row-gap: var(--size-10)
    }

    .gap-y-15\@lg {
        row-gap: var(--size-15)
    }

    .gap-y-16\@lg {
        row-gap: var(--size-16)
    }

    .gap-y-20\@lg {
        row-gap: var(--size-20)
    }

    .gap-y-25\@lg {
        row-gap: var(--size-25)
    }

    .gap-y-30\@lg {
        row-gap: var(--size-30)
    }

    .gap-y-35\@lg {
        row-gap: var(--size-35)
    }

    .gap-y-40\@lg {
        row-gap: var(--size-40)
    }

    .gap-y-45\@lg {
        row-gap: var(--size-45)
    }

    .gap-y-50\@lg {
        row-gap: var(--size-50)
    }

    .gap-y-55\@lg {
        row-gap: var(--size-55)
    }

    .gap-y-60\@lg {
        row-gap: var(--size-60)
    }

    .gap-y-65\@lg {
        row-gap: var(--size-65)
    }

    .gap-y-70\@lg {
        row-gap: var(--size-70)
    }

    .gap-y-75\@lg {
        row-gap: var(--size-75)
    }

    .gap-y-80\@lg {
        row-gap: var(--size-80)
    }

    .gap-y-85\@lg {
        row-gap: var(--size-85)
    }

    .gap-y-90\@lg {
        row-gap: var(--size-90)
    }

    .gap-y-95\@lg {
        row-gap: var(--size-95)
    }

    .gap-y-100\@lg {
        row-gap: var(--size-100)
    }

    .m-auto\@lg {
        margin: auto
    }

    .mx-auto\@lg {
        margin-left: auto;
        margin-right: auto
    }

    .mt-auto\@lg {
        margin-top: auto
    }

    .me-auto\@lg {
        margin-right: auto
    }

    .ms-auto\@lg {
        margin-left: auto
    }

    .mt-0\@lg {
        margin-top: 0
    }

    .mt-10\@lg {
        margin-top: var(--size-10)
    }

    .mt-15\@lg {
        margin-top: var(--size-15)
    }

    .mt-16\@lg {
        margin-top: var(--size-16)
    }

    .mt-20\@lg {
        margin-top: var(--size-20)
    }

    .mt-30\@lg {
        margin-top: var(--size-30)
    }

    .mt-40\@lg {
        margin-top: var(--size-40)
    }

    .mt-50\@lg {
        margin-top: var(--size-50)
    }

    .mt-60\@lg {
        margin-top: var(--size-60)
    }

    .mt-70\@lg {
        margin-top: var(--size-70)
    }

    .mt-80\@lg {
        margin-top: var(--size-80)
    }

    .mt-90\@lg {
        margin-top: var(--size-90)
    }

    .mt-100\@lg {
        margin-top: var(--size-100)
    }

    .mb-0\@lg {
        margin-bottom: 0
    }

    .mb-10\@lg {
        margin-bottom: var(--size-10)
    }

    .mb-15\@lg {
        margin-bottom: var(--size-15)
    }

    .mb-16\@lg {
        margin-bottom: var(--size-16)
    }

    .mb-20\@lg {
        margin-bottom: var(--size-20)
    }

    .mb-30\@lg {
        margin-bottom: var(--size-30)
    }

    .mb-40\@lg {
        margin-bottom: var(--size-40)
    }

    .mb-50\@lg {
        margin-bottom: var(--size-50)
    }

    .mb-60\@lg {
        margin-bottom: var(--size-60)
    }

    .mb-70\@lg {
        margin-bottom: var(--size-70)
    }

    .mb-80\@lg {
        margin-bottom: var(--size-80)
    }

    .mb-90\@lg {
        margin-bottom: var(--size-90)
    }

    .mb-100\@lg {
        margin-bottom: var(--size-100)
    }

    .m-0\@lg {
        margin: 0
    }

    .p-10\@lg {
        padding: var(--size-10)
    }

    .p-15\@lg {
        padding: var(--size-15)
    }

    .p-16\@lg {
        padding: var(--size-16)
    }

    .p-20\@lg {
        padding: var(--size-20)
    }

    .p-30\@lg {
        padding: var(--size-30)
    }

    .p-40\@lg {
        padding: var(--size-40)
    }

    .p-50\@lg {
        padding: var(--size-50)
    }

    .py-0\@lg {
        padding-bottom: 0;
        padding-top: 0
    }

    .py-10\@lg {
        padding-bottom: var(--size-10);
        padding-top: var(--size-10)
    }

    .py-15\@lg {
        padding-bottom: var(--size-15);
        padding-top: var(--size-15)
    }

    .py-16\@lg {
        padding-bottom: var(--size-16);
        padding-top: var(--size-16)
    }

    .py-20\@lg {
        padding-bottom: var(--size-20);
        padding-top: var(--size-20)
    }

    .py-30\@lg {
        padding-bottom: var(--size-30);
        padding-top: var(--size-30)
    }

    .py-40\@lg {
        padding-bottom: var(--size-40);
        padding-top: var(--size-40)
    }

    .py-50\@lg {
        padding-bottom: var(--size-50);
        padding-top: var(--size-50)
    }

    .px-10\@lg {
        padding-left: 0;
        padding-left: var(--size-10);
        padding-right: 0;
        padding-right: var(--size-10)
    }

    .px-15\@lg {
        padding-left: var(--size-15);
        padding-right: var(--size-15)
    }

    .px-16\@lg {
        padding-left: var(--size-16);
        padding-right: var(--size-16)
    }

    .px-20\@lg {
        padding-left: var(--size-20);
        padding-right: var(--size-20)
    }

    .px-30\@lg {
        padding-left: var(--size-30);
        padding-right: var(--size-30)
    }

    .px-40\@lg {
        padding-left: var(--size-40);
        padding-right: var(--size-40)
    }

    .px-50\@lg {
        padding-left: var(--size-50);
        padding-right: var(--size-50)
    }

    .pt-0\@lg {
        padding-top: 0
    }

    .pt-10\@lg {
        padding-top: var(--size-10)
    }

    .pt-15\@lg {
        padding-top: var(--size-15)
    }

    .pt-16\@lg {
        padding-top: var(--size-16)
    }

    .pt-20\@lg {
        padding-top: var(--size-20)
    }

    .pt-30\@lg {
        padding-top: var(--size-30)
    }

    .pt-40\@lg {
        padding-top: var(--size-40)
    }

    .pt-50\@lg {
        padding-top: var(--size-50)
    }

    .pt-60\@lg {
        padding-top: var(--size-60)
    }

    .pt-70\@lg {
        padding-top: var(--size-70)
    }

    .pt-80\@lg {
        padding-top: var(--size-80)
    }

    .pt-90\@lg {
        padding-top: var(--size-90)
    }

    .pt-100\@lg {
        padding-top: var(--size-100)
    }

    .pb-0\@lg {
        padding-bottom: 0
    }

    .pb-10\@lg {
        padding-bottom: var(--size-10)
    }

    .pb-15\@lg {
        padding-bottom: var(--size-15)
    }

    .pb-16\@lg {
        padding-bottom: var(--size-16)
    }

    .pb-20\@lg {
        padding-bottom: var(--size-20)
    }

    .pb-30\@lg {
        padding-bottom: var(--size-30)
    }

    .pb-40\@lg {
        padding-bottom: var(--size-40)
    }

    .pb-50\@lg {
        padding-bottom: var(--size-50)
    }

    .pb-60\@lg {
        padding-bottom: var(--size-60)
    }

    .pb-70\@lg {
        padding-bottom: var(--size-70)
    }

    .pb-80\@lg {
        padding-bottom: var(--size-80)
    }

    .pb-90\@lg {
        padding-bottom: var(--size-90)
    }

    .pb-100\@lg {
        padding-bottom: var(--size-100)
    }

    .h1\@lg {
        font-size: var(--h1-size)
    }

    .h2\@lg {
        font-size: var(--h2-size)
    }

    .h3\@lg {
        font-size: var(--h3-size)
    }

    .h4\@lg {
        font-size: var(--h4-size)
    }

    .h5\@lg {
        font-size: var(--h5-size)
    }

    .h6\@lg {
        font-size: var(--h6-size)
    }

    .text-xl\@lg {
        font-size: var(--text-xl)
    }

    .text-lg\@lg {
        font-size: var(--text-lg)
    }

    .text-md\@lg {
        font-size: var(--text-md)
    }

    .text-sm\@lg {
        font-size: var(--text-sm)
    }

    .text-xs\@lg {
        font-size: var(--text-xs)
    }

    .rounded-circle\@lg {
        border-radius: 50%
    }

    .rounded-5\@lg {
        border-radius: 5px
    }

    .rounded-10\@lg {
        border-radius: 10px
    }

    .rounded-15\@lg {
        border-radius: 15px
    }

    .rounded-20\@lg {
        border-radius: 20px
    }

    .rounded-25\@lg {
        border-radius: 25px
    }

    .rounded-30\@lg {
        border-radius: 30px
    }
}

@media (min-width:90rem) {
    .w-100\@xl {
        width: 100%
    }

    .h-100\@xl {
        height: 100%
    }

    .d-block\@xl {
        display: block
    }

    .d-none\@xl {
        display: none
    }

    .position-absolute\@xl {
        position: absolute
    }

    .sticky-top\@xl {
        position: sticky;
        top: 0;
        z-index: 5
    }

    .text-center\@xl {
        text-align: center
    }

    .text-start\@xl {
        text-align: left
    }

    .text-end\@xl {
        text-align: right
    }

    .d-inline\@xl {
        display: inline
    }

    .d-inline-block\@xl {
        display: inline-block
    }

    .d-grid\@xl {
        display: grid
    }

    .d-flex\@xl {
        display: flex
    }

    .d-flex-center\@xl {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .d-inline-flex\@xl {
        display: inline-flex
    }

    .d-inline-flex-center\@xl {
        align-items: center;
        display: inline-flex;
        justify-content: center
    }

    .flex-fill\@xl {
        flex: 1 1 auto
    }

    .flex-row\@xl {
        flex-direction: row
    }

    .flex-column\@xl {
        flex-direction: column
    }

    .flex-row-reverse\@xl {
        flex-direction: row-reverse
    }

    .flex-column-reverse\@xl {
        flex-direction: column-reverse
    }

    .flex-grow-0\@xl {
        flex-grow: 0
    }

    .flex-grow-1\@xl {
        flex-grow: 1
    }

    .flex-shrink-0\@xl {
        flex-shrink: 0
    }

    .flex-shrink-1\@xl {
        flex-shrink: 1
    }

    .flex-wrap\@xl {
        flex-wrap: wrap
    }

    .flex-nowrap\@xl {
        flex-wrap: nowrap
    }

    .flex-wrap-reverse\@xl {
        flex-wrap: wrap-reverse
    }

    .justify-content-start\@xl {
        justify-content: flex-start
    }

    .justify-content-end\@xl {
        justify-content: flex-end
    }

    .justify-content-center\@xl {
        justify-content: center
    }

    .justify-content-between\@xl {
        justify-content: space-between
    }

    .justify-content-around\@xl {
        justify-content: space-around
    }

    .justify-content-evenly\@xl {
        justify-content: space-evenly
    }

    .align-items-start\@xl {
        align-items: flex-start
    }

    .align-items-end\@xl {
        align-items: flex-end
    }

    .align-items-center\@xl {
        align-items: center
    }

    .align-items-baseline\@xl {
        align-items: baseline
    }

    .align-items-stretch\@xl {
        align-items: stretch
    }

    .align-content-start\@xl {
        align-content: flex-start
    }

    .align-content-end\@xl {
        align-content: flex-end
    }

    .align-content-center\@xl {
        align-content: center
    }

    .align-content-between\@xl {
        align-content: space-between
    }

    .align-content-around\@xl {
        align-content: space-around
    }

    .align-content-stretch\@xl {
        align-content: stretch
    }

    .align-self-auto\@xl {
        align-self: auto
    }

    .align-self-start\@xl {
        align-self: flex-start
    }

    .align-self-end\@xl {
        align-self: flex-end
    }

    .align-self-center\@xl {
        align-self: center
    }

    .align-self-baseline\@xl {
        align-self: baseline
    }

    .align-self-stretch\@xl {
        align-self: stretch
    }

    .order-1\@xl {
        order: 1
    }

    .order-2\@xl {
        order: 2
    }

    .order-3\@xl {
        order: 3
    }

    .order-4\@xl {
        order: 4
    }

    .order-5\@xl {
        order: 5
    }

    .order-last\@xl {
        order: 6
    }

    .order-first\@xl {
        order: -1
    }

    .grid-auto-xs\@xl {
        --col-min-width: 8rem
    }

    .grid-auto-sm\@xl {
        --col-min-width: 10rem
    }

    .grid-auto-md\@xl {
        --col-min-width: 15rem
    }

    .grid-auto-lg\@xl {
        --col-min-width: 20rem
    }

    .grid-auto-xl\@xl {
        --col-min-width: 25rem
    }

    .grid-auto-cols\@xl {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
    }

    .col-1\@xl {
        --span: 1
    }

    .col-start-1\@xl {
        grid-column-start: 1
    }

    .col-end-2\@xl {
        grid-column-end: 2
    }

    .row-1\@xl {
        grid-row: span 1/span 1
    }

    .row-start-1\@xl {
        grid-row-start: 1
    }

    .row-end-2\@xl {
        grid-row-end: 2
    }

    .col-2\@xl {
        --span: 2
    }

    .col-start-2\@xl {
        grid-column-start: 2
    }

    .col-end-3\@xl {
        grid-column-end: 3
    }

    .row-2\@xl {
        grid-row: span 2/span 2
    }

    .row-start-2\@xl {
        grid-row-start: 2
    }

    .row-end-3\@xl {
        grid-row-end: 3
    }

    .col-3\@xl {
        --span: 3
    }

    .col-start-3\@xl {
        grid-column-start: 3
    }

    .col-end-4\@xl {
        grid-column-end: 4
    }

    .row-3\@xl {
        grid-row: span 3/span 3
    }

    .row-start-3\@xl {
        grid-row-start: 3
    }

    .row-end-4\@xl {
        grid-row-end: 4
    }

    .col-4\@xl {
        --span: 4
    }

    .col-start-4\@xl {
        grid-column-start: 4
    }

    .col-end-5\@xl {
        grid-column-end: 5
    }

    .row-4\@xl {
        grid-row: span 4/span 4
    }

    .row-start-4\@xl {
        grid-row-start: 4
    }

    .row-end-5\@xl {
        grid-row-end: 5
    }

    .col-5\@xl {
        --span: 5
    }

    .col-start-5\@xl {
        grid-column-start: 5
    }

    .col-end-6\@xl {
        grid-column-end: 6
    }

    .row-5\@xl {
        grid-row: span 5/span 5
    }

    .row-start-5\@xl {
        grid-row-start: 5
    }

    .row-end-6\@xl {
        grid-row-end: 6
    }

    .col-6\@xl {
        --span: 6
    }

    .col-start-6\@xl {
        grid-column-start: 6
    }

    .col-end-7\@xl {
        grid-column-end: 7
    }

    .row-6\@xl {
        grid-row: span 6/span 6
    }

    .row-start-6\@xl {
        grid-row-start: 6
    }

    .row-end-7\@xl {
        grid-row-end: 7
    }

    .col-7\@xl {
        --span: 7
    }

    .col-start-7\@xl {
        grid-column-start: 7
    }

    .col-end-8\@xl {
        grid-column-end: 8
    }

    .row-7\@xl {
        grid-row: span 7/span 7
    }

    .row-start-7\@xl {
        grid-row-start: 7
    }

    .row-end-8\@xl {
        grid-row-end: 8
    }

    .col-8\@xl {
        --span: 8
    }

    .col-start-8\@xl {
        grid-column-start: 8
    }

    .col-end-9\@xl {
        grid-column-end: 9
    }

    .row-8\@xl {
        grid-row: span 8/span 8
    }

    .row-start-8\@xl {
        grid-row-start: 8
    }

    .row-end-9\@xl {
        grid-row-end: 9
    }

    .col-9\@xl {
        --span: 9
    }

    .col-start-9\@xl {
        grid-column-start: 9
    }

    .col-end-10\@xl {
        grid-column-end: 10
    }

    .row-9\@xl {
        grid-row: span 9/span 9
    }

    .row-start-9\@xl {
        grid-row-start: 9
    }

    .row-end-10\@xl {
        grid-row-end: 10
    }

    .col-10\@xl {
        --span: 10
    }

    .col-start-10\@xl {
        grid-column-start: 10
    }

    .col-end-11\@xl {
        grid-column-end: 11
    }

    .row-10\@xl {
        grid-row: span 10/span 10
    }

    .row-start-10\@xl {
        grid-row-start: 10
    }

    .row-end-11\@xl {
        grid-row-end: 11
    }

    .col-11\@xl {
        --span: 11
    }

    .col-start-11\@xl {
        grid-column-start: 11
    }

    .col-end-12\@xl {
        grid-column-end: 12
    }

    .row-11\@xl {
        grid-row: span 11/span 11
    }

    .row-start-11\@xl {
        grid-row-start: 11
    }

    .row-end-12\@xl {
        grid-row-end: 12
    }

    .col-12\@xl {
        --span: 12
    }

    .col-start-12\@xl {
        grid-column-start: 12
    }

    .col-end-13\@xl {
        grid-column-end: 13
    }

    .row-12\@xl {
        grid-row: span 12/span 12
    }

    .row-start-12\@xl {
        grid-row-start: 12
    }

    .row-end-13\@xl {
        grid-row-end: 13
    }

    .col-start\@xl {
        grid-column-start: 1
    }

    .col-end\@xl {
        grid-column-end: -1
    }

    .row-start\@xl {
        grid-row-start: 1
    }

    .row-end\@xl {
        grid-row-end: -1
    }

    .col-start-auto\@xl {
        grid-column-start: auto
    }

    .col-end-auto\@xl {
        grid-column-end: auto
    }

    .row-start-auto\@xl {
        grid-row-start: auto
    }

    .row-end-auto\@xl {
        grid-row-end: auto
    }

    .grid-cols-1\@xl {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2\@xl {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-3\@xl {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .grid-cols-4\@xl {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .grid-cols-5\@xl {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-6\@xl {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .grid-cols-7\@xl {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .grid-cols-8\@xl {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .grid-cols-9\@xl {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .grid-cols-10\@xl {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .grid-cols-11\@xl {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .grid-cols-12\@xl {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .grid-cols-none\@xl {
        grid-template-columns: none
    }

    .col-auto\@xl {
        grid-column: auto
    }

    .col-span-1\@xl {
        grid-column: span 1/span 1
    }

    .col-span-2\@xl {
        grid-column: span 2/span 2
    }

    .col-span-3\@xl {
        grid-column: span 3/span 3
    }

    .col-span-4\@xl {
        grid-column: span 4/span 4
    }

    .col-span-5\@xl {
        grid-column: span 5/span 5
    }

    .col-span-6\@xl {
        grid-column: span 6/span 6
    }

    .col-span-7\@xl {
        grid-column: span 7/span 7
    }

    .col-span-8\@xl {
        grid-column: span 8/span 8
    }

    .col-span-9\@xl {
        grid-column: span 9/span 9
    }

    .col-span-10\@xl {
        grid-column: span 10/span 10
    }

    .col-span-11\@xl {
        grid-column: span 11/span 11
    }

    .col-span-12\@xl {
        grid-column: span 12/span 12
    }

    .col-span-full\@xl {
        grid-column: 1/-1
    }

    .grid-rows-1\@xl {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .grid-rows-2\@xl {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .grid-rows-3\@xl {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .grid-rows-4\@xl {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .grid-rows-5\@xl {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .grid-rows-6\@xl {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }

    .grid-rows-7\@xl {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .grid-rows-8\@xl {
        grid-template-rows: repeat(8, minmax(0, 1fr))
    }

    .grid-rows-9\@xl {
        grid-template-rows: repeat(9, minmax(0, 1fr))
    }

    .grid-rows-10\@xl {
        grid-template-rows: repeat(10, minmax(0, 1fr))
    }

    .grid-rows-11\@xl {
        grid-template-rows: repeat(11, minmax(0, 1fr))
    }

    .grid-rows-12\@xl {
        grid-template-rows: repeat(12, minmax(0, 1fr))
    }

    .grid-rows-none\@xl {
        grid-template-rows: none
    }

    .row-auto\@xl {
        grid-row: auto
    }

    .row-span-1\@xl {
        grid-row: span 1/span 1
    }

    .row-span-2\@xl {
        grid-row: span 2/span 2
    }

    .row-span-3\@xl {
        grid-row: span 3/span 3
    }

    .row-span-4\@xl {
        grid-row: span 4/span 4
    }

    .row-span-5\@xl {
        grid-row: span 5/span 5
    }

    .row-span-6\@xl {
        grid-row: span 6/span 6
    }

    .row-span-7\@xl {
        grid-row: span 7/span 7
    }

    .row-span-8\@xl {
        grid-row: span 8/span 8
    }

    .row-span-9\@xl {
        grid-row: span 9/span 9
    }

    .row-span-10\@xl {
        grid-row: span 10/span 10
    }

    .row-span-11\@xl {
        grid-row: span 11/span 11
    }

    .row-span-12\@xl {
        grid-row: span 12/span 12
    }

    .row-span-full\@xl {
        grid-row: 1/-1
    }

    .gap-5\@xl {
        gap: var(--size-5)
    }

    .gap-10\@xl {
        gap: var(--size-10)
    }

    .gap-15\@xl {
        gap: var(--size-15)
    }

    .gap-16\@xl {
        gap: var(--size-16)
    }

    .gap-20\@xl {
        gap: var(--size-20)
    }

    .gap-25\@xl {
        gap: var(--size-25)
    }

    .gap-30\@xl {
        gap: var(--size-30)
    }

    .gap-35\@xl {
        gap: var(--size-35)
    }

    .gap-40\@xl {
        gap: var(--size-40)
    }

    .gap-45\@xl {
        gap: var(--size-45)
    }

    .gap-50\@xl {
        gap: var(--size-50)
    }

    .gap-55\@xl {
        gap: var(--size-55)
    }

    .gap-60\@xl {
        gap: var(--size-60)
    }

    .gap-65\@xl {
        gap: var(--size-65)
    }

    .gap-70\@xl {
        gap: var(--size-70)
    }

    .gap-75\@xl {
        gap: var(--size-75)
    }

    .gap-80\@xl {
        gap: var(--size-80)
    }

    .gap-85\@xl {
        gap: var(--size-85)
    }

    .gap-90\@xl {
        gap: var(--size-90)
    }

    .gap-95\@xl {
        gap: var(--size-95)
    }

    .gap-100\@xl {
        gap: var(--size-100)
    }

    .gap-x-5\@xl {
        -moz-column-gap: var(--size-5);
        column-gap: var(--size-5)
    }

    .gap-x-10\@xl {
        -moz-column-gap: var(--size-10);
        column-gap: var(--size-10)
    }

    .gap-x-15\@xl {
        -moz-column-gap: var(--size-15);
        column-gap: var(--size-15)
    }

    .gap-x-16\@xl {
        -moz-column-gap: var(--size-16);
        column-gap: var(--size-16)
    }

    .gap-x-20\@xl {
        -moz-column-gap: var(--size-20);
        column-gap: var(--size-20)
    }

    .gap-x-25\@xl {
        -moz-column-gap: var(--size-25);
        column-gap: var(--size-25)
    }

    .gap-x-30\@xl {
        -moz-column-gap: var(--size-30);
        column-gap: var(--size-30)
    }

    .gap-x-35\@xl {
        -moz-column-gap: var(--size-35);
        column-gap: var(--size-35)
    }

    .gap-x-40\@xl {
        -moz-column-gap: var(--size-40);
        column-gap: var(--size-40)
    }

    .gap-x-45\@xl {
        -moz-column-gap: var(--size-45);
        column-gap: var(--size-45)
    }

    .gap-x-50\@xl {
        -moz-column-gap: var(--size-50);
        column-gap: var(--size-50)
    }

    .gap-x-55\@xl {
        -moz-column-gap: var(--size-55);
        column-gap: var(--size-55)
    }

    .gap-x-60\@xl {
        -moz-column-gap: var(--size-60);
        column-gap: var(--size-60)
    }

    .gap-x-65\@xl {
        -moz-column-gap: var(--size-65);
        column-gap: var(--size-65)
    }

    .gap-x-70\@xl {
        -moz-column-gap: var(--size-70);
        column-gap: var(--size-70)
    }

    .gap-x-75\@xl {
        -moz-column-gap: var(--size-75);
        column-gap: var(--size-75)
    }

    .gap-x-80\@xl {
        -moz-column-gap: var(--size-80);
        column-gap: var(--size-80)
    }

    .gap-x-85\@xl {
        -moz-column-gap: var(--size-85);
        column-gap: var(--size-85)
    }

    .gap-x-90\@xl {
        -moz-column-gap: var(--size-90);
        column-gap: var(--size-90)
    }

    .gap-x-95\@xl {
        -moz-column-gap: var(--size-95);
        column-gap: var(--size-95)
    }

    .gap-x-100\@xl {
        -moz-column-gap: var(--size-100);
        column-gap: var(--size-100)
    }

    .gap-y-5\@xl {
        row-gap: var(--size-5)
    }

    .gap-y-10\@xl {
        row-gap: var(--size-10)
    }

    .gap-y-15\@xl {
        row-gap: var(--size-15)
    }

    .gap-y-16\@xl {
        row-gap: var(--size-16)
    }

    .gap-y-20\@xl {
        row-gap: var(--size-20)
    }

    .gap-y-25\@xl {
        row-gap: var(--size-25)
    }

    .gap-y-30\@xl {
        row-gap: var(--size-30)
    }

    .gap-y-35\@xl {
        row-gap: var(--size-35)
    }

    .gap-y-40\@xl {
        row-gap: var(--size-40)
    }

    .gap-y-45\@xl {
        row-gap: var(--size-45)
    }

    .gap-y-50\@xl {
        row-gap: var(--size-50)
    }

    .gap-y-55\@xl {
        row-gap: var(--size-55)
    }

    .gap-y-60\@xl {
        row-gap: var(--size-60)
    }

    .gap-y-65\@xl {
        row-gap: var(--size-65)
    }

    .gap-y-70\@xl {
        row-gap: var(--size-70)
    }

    .gap-y-75\@xl {
        row-gap: var(--size-75)
    }

    .gap-y-80\@xl {
        row-gap: var(--size-80)
    }

    .gap-y-85\@xl {
        row-gap: var(--size-85)
    }

    .gap-y-90\@xl {
        row-gap: var(--size-90)
    }

    .gap-y-95\@xl {
        row-gap: var(--size-95)
    }

    .gap-y-100\@xl {
        row-gap: var(--size-100)
    }

    .m-auto\@xl {
        margin: auto
    }

    .mx-auto\@xl {
        margin-left: auto;
        margin-right: auto
    }

    .mt-auto\@xl {
        margin-top: auto
    }

    .me-auto\@xl {
        margin-right: auto
    }

    .ms-auto\@xl {
        margin-left: auto
    }

    .mt-0\@xl {
        margin-top: 0
    }

    .mt-10\@xl {
        margin-top: var(--size-10)
    }

    .mt-15\@xl {
        margin-top: var(--size-15)
    }

    .mt-16\@xl {
        margin-top: var(--size-16)
    }

    .mt-20\@xl {
        margin-top: var(--size-20)
    }

    .mt-30\@xl {
        margin-top: var(--size-30)
    }

    .mt-40\@xl {
        margin-top: var(--size-40)
    }

    .mt-50\@xl {
        margin-top: var(--size-50)
    }

    .mt-60\@xl {
        margin-top: var(--size-60)
    }

    .mt-70\@xl {
        margin-top: var(--size-70)
    }

    .mt-80\@xl {
        margin-top: var(--size-80)
    }

    .mt-90\@xl {
        margin-top: var(--size-90)
    }

    .mt-100\@xl {
        margin-top: var(--size-100)
    }

    .mb-0\@xl {
        margin-bottom: 0
    }

    .mb-10\@xl {
        margin-bottom: var(--size-10)
    }

    .mb-15\@xl {
        margin-bottom: var(--size-15)
    }

    .mb-16\@xl {
        margin-bottom: var(--size-16)
    }

    .mb-20\@xl {
        margin-bottom: var(--size-20)
    }

    .mb-30\@xl {
        margin-bottom: var(--size-30)
    }

    .mb-40\@xl {
        margin-bottom: var(--size-40)
    }

    .mb-50\@xl {
        margin-bottom: var(--size-50)
    }

    .mb-60\@xl {
        margin-bottom: var(--size-60)
    }

    .mb-70\@xl {
        margin-bottom: var(--size-70)
    }

    .mb-80\@xl {
        margin-bottom: var(--size-80)
    }

    .mb-90\@xl {
        margin-bottom: var(--size-90)
    }

    .mb-100\@xl {
        margin-bottom: var(--size-100)
    }

    .m-0\@xl {
        margin: 0
    }

    .p-10\@xl {
        padding: var(--size-10)
    }

    .p-15\@xl {
        padding: var(--size-15)
    }

    .p-16\@xl {
        padding: var(--size-16)
    }

    .p-20\@xl {
        padding: var(--size-20)
    }

    .p-30\@xl {
        padding: var(--size-30)
    }

    .p-40\@xl {
        padding: var(--size-40)
    }

    .p-50\@xl {
        padding: var(--size-50)
    }

    .py-0\@xl {
        padding-bottom: 0;
        padding-top: 0
    }

    .py-10\@xl {
        padding-bottom: var(--size-10);
        padding-top: var(--size-10)
    }

    .py-15\@xl {
        padding-bottom: var(--size-15);
        padding-top: var(--size-15)
    }

    .py-16\@xl {
        padding-bottom: var(--size-16);
        padding-top: var(--size-16)
    }

    .py-20\@xl {
        padding-bottom: var(--size-20);
        padding-top: var(--size-20)
    }

    .py-30\@xl {
        padding-bottom: var(--size-30);
        padding-top: var(--size-30)
    }

    .py-40\@xl {
        padding-bottom: var(--size-40);
        padding-top: var(--size-40)
    }

    .py-50\@xl {
        padding-bottom: var(--size-50);
        padding-top: var(--size-50)
    }

    .px-10\@xl {
        padding-left: 0;
        padding-left: var(--size-10);
        padding-right: 0;
        padding-right: var(--size-10)
    }

    .px-15\@xl {
        padding-left: var(--size-15);
        padding-right: var(--size-15)
    }

    .px-16\@xl {
        padding-left: var(--size-16);
        padding-right: var(--size-16)
    }

    .px-20\@xl {
        padding-left: var(--size-20);
        padding-right: var(--size-20)
    }

    .px-30\@xl {
        padding-left: var(--size-30);
        padding-right: var(--size-30)
    }

    .px-40\@xl {
        padding-left: var(--size-40);
        padding-right: var(--size-40)
    }

    .px-50\@xl {
        padding-left: var(--size-50);
        padding-right: var(--size-50)
    }

    .pt-0\@xl {
        padding-top: 0
    }

    .pt-10\@xl {
        padding-top: var(--size-10)
    }

    .pt-15\@xl {
        padding-top: var(--size-15)
    }

    .pt-16\@xl {
        padding-top: var(--size-16)
    }

    .pt-20\@xl {
        padding-top: var(--size-20)
    }

    .pt-30\@xl {
        padding-top: var(--size-30)
    }

    .pt-40\@xl {
        padding-top: var(--size-40)
    }

    .pt-50\@xl {
        padding-top: var(--size-50)
    }

    .pt-60\@xl {
        padding-top: var(--size-60)
    }

    .pt-70\@xl {
        padding-top: var(--size-70)
    }

    .pt-80\@xl {
        padding-top: var(--size-80)
    }

    .pt-90\@xl {
        padding-top: var(--size-90)
    }

    .pt-100\@xl {
        padding-top: var(--size-100)
    }

    .pb-0\@xl {
        padding-bottom: 0
    }

    .pb-10\@xl {
        padding-bottom: var(--size-10)
    }

    .pb-15\@xl {
        padding-bottom: var(--size-15)
    }

    .pb-16\@xl {
        padding-bottom: var(--size-16)
    }

    .pb-20\@xl {
        padding-bottom: var(--size-20)
    }

    .pb-30\@xl {
        padding-bottom: var(--size-30)
    }

    .pb-40\@xl {
        padding-bottom: var(--size-40)
    }

    .pb-50\@xl {
        padding-bottom: var(--size-50)
    }

    .pb-60\@xl {
        padding-bottom: var(--size-60)
    }

    .pb-70\@xl {
        padding-bottom: var(--size-70)
    }

    .pb-80\@xl {
        padding-bottom: var(--size-80)
    }

    .pb-90\@xl {
        padding-bottom: var(--size-90)
    }

    .pb-100\@xl {
        padding-bottom: var(--size-100)
    }

    .h1\@xl {
        font-size: var(--h1-size)
    }

    .h2\@xl {
        font-size: var(--h2-size)
    }

    .h3\@xl {
        font-size: var(--h3-size)
    }

    .h4\@xl {
        font-size: var(--h4-size)
    }

    .h5\@xl {
        font-size: var(--h5-size)
    }

    .h6\@xl {
        font-size: var(--h6-size)
    }

    .text-xl\@xl {
        font-size: var(--text-xl)
    }

    .text-lg\@xl {
        font-size: var(--text-lg)
    }

    .text-md\@xl {
        font-size: var(--text-md)
    }

    .text-sm\@xl {
        font-size: var(--text-sm)
    }

    .text-xs\@xl {
        font-size: var(--text-xs)
    }

    .rounded-circle\@xl {
        border-radius: 50%
    }

    .rounded-5\@xl {
        border-radius: 5px
    }

    .rounded-10\@xl {
        border-radius: 10px
    }

    .rounded-15\@xl {
        border-radius: 15px
    }

    .rounded-20\@xl {
        border-radius: 20px
    }

    .rounded-25\@xl {
        border-radius: 25px
    }

    .rounded-30\@xl {
        border-radius: 30px
    }
}

.a-nav {
    flex: 0 1 467px
}

.menu-1 a {
    color: inherit;
    display: inline-flex;
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 400;
    line-height: 145%;
    padding-bottom: 1px;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-out;
    transition: font-weight .3s ease
}

.menu-1 a:hover {
    background: linear-gradient(133deg, #9148a8, #7e44f6);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 700;
    -webkit-text-fill-color: transparent
}

.menu-1 a:hover:before {
    background: linear-gradient(133deg, #9148a8, #7e44f6);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.card-hover {
    transition: background .2s ease-out, color .2s ease-out
}

.card-hover:hover {
    background: linear-gradient(133deg, #9148a8, #7e44f6);
    color: #fff
}

.slider {
    overflow: hidden;
    width: 100%
}

.items {
    animation: slide 50s linear infinite;
    display: flex;
    gap: 10px;
    width: -moz-max-content;
    width: max-content;
    will-change: transform
}

.item {
    align-items: center;
    background-color: #f3f3f3;
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    min-height: 70px;
    min-width: 192px;
    padding: 14px
}

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

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.items:hover {
    animation-play-state: paused
}

.card-w__title {
    font-family: var(--second-family)
}

.card-w-right__img {
    height: 263px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 267px
}

.a-link-position {
    inset: 0
}

.card-w:hover .cards-w-text {
    display: block;
    transition: all .2s ease-out
}

.card-w .cards-w-link {
    padding: 15px 45px;
    transition: all .2s ease-out
}

.card-w__title-box {
    flex: 1
}

.card-w-right {
    flex: none;
    min-height: 194px
}

.card-more {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 50px;
    min-height: 60px;
    opacity: 0;
    padding: 15px 30px;
    pointer-events: none;
    visibility: hidden;
    width: min(100%, 230px)
}

.card-cases:hover .card-cases__img .card-more {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    z-index: 2
}

.card-cases:hover .card-cases__img:before {
    background-color: rgba(0, 0, 0, .4);
    content: "";
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.card-cases__img {
    border: 1px solid rgba(0, 0, 0, .1)
}

.card-t {
    background-image: url(../img/neiron-def.svg);
    background-position-x: 100px;
    background-position-y: 198px;
    background-repeat: no-repeat
}

.trans {
    transition: all .2s ease-out
}

.a-checked {
    aspect-ratio: 1;
    background-image: url(../img/i-check-color.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 30px
}

.a-attention {
    padding-inline: 30px
}

.a-number {
    color: #fff;
    font-family: var(--second-family);
    font-size: 89px;
    font-weight: 700;
    line-height: normal;
    text-align: right;
    z-index: -1
}

.lists-work li {
    min-height: 194px
}

.lists-work li .a-number,
.lists-work li:first-child .a-number {
    bottom: -24px;
    right: 23px
}

.accordion .accordion-item {
    background-color: #f3f3f3;
    border-radius: 20px
}

.accordion button {
    background: none;
    border: none;
    color: #212025;
    display: grid;
    font-size: 18px;
    font-weight: 700;
    grid-template-columns: auto 1fr;
    line-height: 145%;
    outline: none;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
    grid-column-gap: 20px;
    align-items: center
}

.accordion button:focus,
.accordion button:hover {
    color: #4d4d4d;
    cursor: pointer
}

.accordion button:focus:after,
.accordion button:hover:after {
    border: 1px solid #03b5d2;
    color: #03b5d2;
    cursor: pointer
}

.accordion button .icon {
    display: inline-block;
    height: 18px;
    position: relative;
    transition: all .2s ease-out;
    width: 18px
}

.accordion button .icon:before {
    height: 2px;
    width: 100%
}

.accordion button .icon:after,
.accordion button .icon:before {
    background: currentColor;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.accordion button .icon:after {
    height: 100%;
    width: 2px
}

.accordion button[aria-expanded=true] .icon {
    rotate: -45deg
}

.accordion button[aria-expanded=true]+.accordion-content {
    max-height: 9em;
    opacity: 1;
    transition: all .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .2s linear, max-height .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content p {
    padding: 0 60px 20px
}

.card-cases-questions {
    min-height: 315px
}

.video-play {
    aspect-ratio: 1;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    width: 50px
}

.video-box {
    width: -moz-fit-content;
    width: fit-content
}

.cookie-banner {
    border: 1px solid rgba(0, 0, 0, .2);
    bottom: 80px;
    left: 50%;
    max-width: 846px;
    position: fixed;
    transform: translateX(-50%);
    width: calc(100% - 30px);
    z-index: 9999
}

.cookie-close-top {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: inline-flex;
    font-size: 30px;
    height: 50px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .2s ease-out;
    width: 50px
}

.cookie-close-top:hover {
    background-color: rgba(0, 0, 0, .1)
}

.cookie-details__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px
}

.cookie-details__des {
    font-size: 16px;
    line-height: normal;
    margin: 0
}

.cookie-close {
    min-height: 60px;
    padding: 15px 45px
}

.cookie-close:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .02), 0 1px 10px rgba(0, 0, 0, .1)
}

.video-link {
    display: block;
    height: 100%;
    width: 100%
}

.border-0 {
    border: 0
}

.shield-box {
    grid-template-columns: 1fr
}

.card-w {
    flex-direction: column-reverse
}

.a-footer-box {
    padding-block: 50px
}

.lists-footer a {
    background-color: #2b2931;
    transition: all .2s ease-out;
    overflow: hidden;
}

.lists-footer a:hover {
    background-color: #fff;
    color: var(--main)
}

.menu-footer a {
    color: #fff;
    text-decoration: none;
    transition: all .2s ease-out
}

.menu-footer a:hover {
    text-decoration: underline
}

.address-footer-box {
    width: min(100%, 370px)
}

.link-footer__img-box {
    aspect-ratio: 1;
    width: 24px
}

.link-footer__img-box svg {
    height: 100%;
    width: 100%
}

.footer-end {
    background-color: #2b2931
}

.lists-politic a:hover {
    text-decoration: underline
}

.popup--css {
    background-color: #fff;
    border-radius: 20px;
    padding-block: 80px;
    width: min(100%, 511px)
}

.popup-box-width {
    width: min(100%, 380px)
}

.form-inp {
    border: 1px solid #7e44f6;
    border-radius: 10px;
    color: #212025;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    min-height: 50px;
    padding: 10px 20px;
    width: 100%
}

.form-inp::-moz-placeholder {
    color: #212025;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    opacity: 1
}

.form-inp::placeholder {
    color: #212025;
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 145%;
    opacity: 1
}

.form-inp:focus::-moz-placeholder {
    opacity: .3
}

.form-inp:focus::placeholder {
    opacity: .3
}

.a-group-btn .btn-bg {
    min-width: 180px
}

input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

label.checkbox-wrapper {
    align-items: center;
    -moz-column-gap: 7px;
    column-gap: 7px;
    cursor: pointer;
    display: flex
}

label.checkbox-wrapper:before {
    background-color: #f3f3f3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 17px;
    border: 1px solid #d4cce4;
    border-radius: 4px;
    content: "";
    display: inline-block;
    flex: none;
    height: 20px;
    transition: all .3s ease;
    width: 20px
}

label.checkbox-wrapper:has(input:checked):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='url(%23a)' stroke-linecap='round' stroke-linejoin='round' d='M10.512 1.107 4.725 6.893 1.488 3.661'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.486' x2='4.467' y1='.7' y2='7.355' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239148A8'/%3E%3Cstop offset='1' stop-color='%237E44F6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 17px
}

.lh-145 {
    line-height: 145%
}

.fancybox__slide .f-button[data-fancybox-close] {
    background-color: #f3f3f3;
    border-radius: 50%;
    color: var(--purple);
    height: 42px;
    right: -21px;
    top: -21px;
    width: 42px
}

.a-group-form {
    position: relative
}

.floating-label {
    background-color: #fff;
    color: #212025;
    font-size: 16px;
    font-size: 14px;
    left: 18px;
    padding-inline: 3px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    top: 0;
    transform: translateY(-50%);
    transition: all .2s ease
}

[name=form_phone] {
    color: #bdbdbd
}

[name=form_phone]:focus {
    color: var(--main)
}

.a-pop-img {
    margin-bottom: 10px
}

.a-pop-img svg {
    fill: #9148a8;
    height: 100px;
    width: 100px
}

.popup-thanks--css {
    border-radius: 20px;
    max-width: 400px;
    text-align: center;
    width: 100%
}

.popup--css h2 {
    margin-bottom: 5px
}

.popup--css .font-18 {
    font-size: 1.125rem;
    margin-bottom: 0
}

.a-logo-cont {
    margin-right: auto
}

.a-menu-toggle {
    border: 1px solid #7e44f6;
    border-radius: 50px;
    height: 60px;
    letter-spacing: .02em;
    line-height: 125%;
    padding: 20px 18px;
    transition: all .5s ease-out
}

.popup-menu {
    display: flex;
    justify-content: end;
    opacity: 0;
    position: fixed;
    transition: all .5s ease;
    visibility: hidden;
    z-index: 1030
}

.popup-menu,
.popup_bg {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.popup_bg {
    background-color: rgba(0, 0, 0, .7);
    position: absolute
}

.popup_main {
    align-items: center;
    align-items: flex-start;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    justify-content: flex-start;
    max-width: 440px;
    padding: 40px 20px;
    position: relative;
    transform: translateX(150%);
    transition: all .5s ease;
    width: 100%
}

.popup--menu {
    width: 100%
}

.popup--menu li a {
    border-bottom: 1px solid #ecefed;
    color: var(--black);
    display: block;
    font-size: clamp(1rem, .94rem + .255vw, 1.125rem);
    font-weight: 700;
    line-height: 145%;
    padding-block: 20px;
    text-decoration: none
}

.popup_menu--infoList {
    margin-bottom: 3rem
}

.popup_menu--infoList li {
    margin-bottom: .7rem
}

.popup_menu--infoList li a {
    font-size: 1rem;
    text-decoration: none
}

.lists-popup-contacts .popup-items-padding {
    padding-block: 20px
}

.lists-popup-contacts,
.lists-popup-contacts .popup-items-padding {
    color: var(--black);
    font-size: clamp(1rem, .94rem + .255vw, 1.125rem);
    line-height: 145%;
    text-decoration: none
}

.lists-popup-contacts li {
    border-bottom: 1px solid #ecefed
}

.popup_menu--social {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 3rem
}

.popup_menu--social li {
    margin-right: 1.5rem
}

.popup-menu.active {
    opacity: 1;
    visibility: visible
}

.popup-menu.active .popup_main {
    transform: translateX(0)
}

.btn-close {
    background: linear-gradient(133deg, #9148a8, #7e44f6);
    color: var(--white);
    display: grid;
    height: 60px;
    place-items: center;
    transition: all .2s ease-out;
    width: 60px
}

.btn-close:hover {
    font-size: 20px;
    transform: rotate(90deg)
}

.a-soc-link {
    background-color: #fff;
    border-radius: 20px;
    display: grid;
    height: 60px;
    place-items: center;
    transition: outline .2s ease-out;
    width: 60px
}

.a-soc-link svg {
    height: 30px;
    width: 30px
}

@media (min-width:32rem) {
    .a-menu-toggle {
        padding: 20px 18px
    }

    .shield-box {
        grid-template-columns: auto 1fr
    }

    .py-80 {
        padding-block: 80px
    }

    .item {
        padding: 15px
    }

    .card-w {
        flex-direction: row
    }

    .popup_main {
        padding: 40px
    }
}

@media (min-width:48rem) {
    .px-100 {
        padding-inline: 100px
    }

    .card-cases-questions {
        min-height: 415px
    }
}

@media (min-width:64rem) {
    .a-logo-cont {
        margin-right: 0
    }

    .items {
        gap: 10px
    }

    .cards-w--min {
        grid-template-columns: 41.5% 1fr
    }

    .cards-w--big {
        grid-template-columns: 1fr 41.5%
    }

    .cards-w li:first-child .card-w__title-box {
        flex: 0 1 328px
    }

    .cards-w li:nth-child(2) .card-w__title-box {
        flex: 0 1 400px
    }

    .cards-w li:nth-child(3) .card-w__title-box {
        flex: 0 1 445px
    }

    .cards-w li:nth-child(4) .card-w__title-box {
        flex: 0 1 330px
    }

    .cards-w li:nth-child(5) .card-w__title-box {
        flex: 0 1 340px
    }

    .cards-w li:nth-child(6) .card-w__title-box {
        flex: 0 1 400px
    }

    .cards-w-link {
        justify-content: center;
        min-height: 60px;
        transition: all .2s ease-out;
        width: 60px
    }

    .card-w .cards-w-link {
        padding: 0
    }

    .card-w:hover .cards-w-link {
        padding: 15px 45px;
        transition: all .2s ease-out;
        width: auto
    }

    .cards-w-text {
        display: none
    }

    .cards-w-link svg {
        rotate: -45deg
    }

    .card-w:hover .cards-w-link svg {
        rotate: 0deg;
        transition: all .2s ease-out
    }

    .card-t-hover:hover {
        background: url(../img/neiron-purple.svg) 100px 198px no-repeat, linear-gradient(133deg, #9148a8, #7e44f6);
        color: var(--white);
        grid-row-gap: 70px
    }

    .card-t-hover:hover .h5 {
        color: var(--white);
        -webkit-text-fill-color: #fff
    }

    .card-t-hover:hover .a-subscription {
        background-color: #6f3898
    }

    .card-t-hover:hover .a-subscription svg {
        fill: #fff
    }

    .card-t-hover:hover .a-checked {
        background-image: url(../img/i-check.svg)
    }
}

/*# sourceMappingURL=main.min.css.map */