:root {
    --item-spacer: 0 0 1em;
    --color-theme: #1565c1;
    --color-theme-fade: rgba(21, 101, 193, 0.2);
    --color-on-theme: #fff;
    --color-bg: #fff;
    --color-text: rgba(0, 0, 0, 0.87);
    --color-text-alt: rgba(0, 0, 0, 0.68);
    --color-text-muted: rgba(0, 0, 0, 0.56);
    --color-success: #00e676;
    --color-warning: #ffab40;
    --color-error: #b00020;
    --selection-bg: rgba(21, 101, 193, 0.2);
    --selection-color: inherit;
    --family-main: system-ui, -apple-system, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
    --family-header: var(--family-main);
    --font-size: 1rem;
    --line-height: 1.5;
    --font-weight: normal;
    color-scheme: var(--color-scheme, light);
    accent-color: var(--color-theme)
}

html {
    box-sizing: border-box
}

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

body {
    margin: 0;
    background-color: var(--color-bg, #fff);
    color: var(--color-text);
    font-family: var(--family-main);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--font-weight);
    -webkit-text-size-adjust: 100%
}

::selection {
    text-shadow: none;
    background-color: var(--selection-bg, rgba(21, 101, 193, 0.2));
    color: var(--selection-color, inherit)
}

p {
    margin: var(--item-spacer, 0 0 1em)
}

:any-link {
    color: var(--link-color, var(--color-theme));
    text-decoration: none
}

:any-link:hover,
:any-link:focus {
    color: var(--link-color-focus, var(--color-theme));
    text-decoration: underline
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    margin: var(--h-margin, 1.33em 0 0.67em);
    font-family: var(--h-family, var(--family-header));
    font-size: var(--h-font-size, 1em);
    line-height: var(--h-line-height, inherit);
    font-weight: var(--h-font-weight, normal)
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):first-child {
    margin-block-start: 0
}

h1,
.h1 {
    --h-margin: 0 0 0.45em;
    --h-font-size: 2.2em
}

h2,
.h2 {
    --h-margin: 1.33em 0 0.55em;
    --h-font-size: 1.6em
}

h3,
.h3 {
    --h-margin: 1.33em 0 0.6em;
    --h-font-size: 1.35em
}

h4,
.h4 {
    --h-font-size: 1.25em
}

h5,
.h5 {
    --h-font-size: 1.125em;
    --h-font-weight: 500
}

h6,
.h6 {
    --h-font-size: 1em;
    --h-font-weight: bolder
}

address {
    margin: var(--item-spacer);
    font-style: normal
}

b,
strong {
    font-weight: var(--bold, bolder)
}

small,
.text-small {
    font-size: var(--small, smaller)
}

hr,
.hr {
    margin: var(--hr-margin, 1em 0);
    border: 0;
    border-top: var(--hr-size, 1px) var(--hr-style, solid) var(--hr-color, currentcolor);
    color: inherit
}

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

mark {
    padding: 0 .15em;
    background-color: var(--mark-bg, var(--selection-bg));
    color: var(--mark-color, var(--selection-color))
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

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

:focus:not(:focus-visible) {
    outline: 0
}

:is(ul, ol) {
    margin: var(--item-spacer, 0 0 1em)
}

:is(ul, ol) :is(ul, ol) {
    margin-top: 0;
    margin-bottom: 0
}

dl {
    margin: var(--item-spacer, 0 0 1em)
}

dt {
    font-weight: bolder
}

dd {
    margin: var(--dd-margin, 0 0 0.5rem)
}

summary {
    display: list-item
}

img,
svg {
    vertical-align: middle
}

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

iframe {
    border: 0
}

figure {
    display: inline-block;
    margin: var(--item-spacer)
}

blockquote,
q {
    quotes: var(--quotes, “ ” ‘ ’)
}

blockquote {
    margin: var(--blockquote-margin, 2em 0);
    padding-inline-start: var(--blockquote-padding-start, 1em);
    border-inline-start: var(--blockquote-border-start, 0.25em solid var(--quote-border-color, var(--color-theme)));
    font-style: italic
}

@media print {
    * {
        background-color: rgba(0, 0, 0, 0) !important;
        color: #000 !important;
        -webkit-print-color-adjust: economy;
        print-color-adjust: economy;
        box-shadow: none !important;
        text-shadow: none !important
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    a {
        text-decoration: underline
    }

    a[href]:not([href^="#"], [href^="javascript:"])::after {
        content: " (" attr(href) ")"
    }

    thead {
        display: table-header-group
    }

    tr,
    img,
    svg,
    pre,
    blockquote {
        page-break-inside: avoid
    }

    pre {
        white-space: pre-wrap !important;
        border: 1px solid currentcolor
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.auto-grid {
    --cols-size: 250px;
    --cols: repeat(var(--grid-auto, auto-fill), minmax(min(100%, var(--cols-size)), 1fr));
    --gap: 1em;
    display: grid;
    gap: var(--gap);
    grid-template-columns: var(--cols)
}

.avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: var(--avatar-size, 3em);
    height: var(--avatar-size, 3em);
    background-color: var(--avatar-bg, #eee);
    color: var(--avatar-color);
    border-radius: var(--avatar-radius, 50%);
    overflow: hidden
}

.badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 2em;
    min-height: 2em;
    padding: var(--badge-padding, 0.125em 0.75em);
    border-radius: var(--badge-radius, 0.375em);
    background-color: var(--badge-bg, #eee);
    color: var(--badge-color, rgba(0, 0, 0, 0.87));
    font-size: var(--badge-font-size, 0.75em);
    font-weight: var(--badge-font-weight, 500);
    font-variant-numeric: tabular-nums
}

.badge.-theme {
    --badge-bg: var(--color-theme, #1565c1);
    --badge-color: var(--color-on-theme, #fff)
}

.badge-addon {
    display: inline-flex;
    border-radius: var(--badge-radius, 0.375em);
    vertical-align: baseline
}

.badge-addon .badge:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.badge-addon .badge:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.breadcrumbs {
    display: flex;
    flex-flow: row wrap;
    margin: 10px 0;
    padding: 0;
    list-style-type: none
}

.breadcrumbs [aria-current=page] {
    color: var(--breadcrumbs-current-color, var(--color-text-alt, rgba(0, 0, 0, 0.68)))
}

.breadcrumbs li+li::before {
    content: var(--breadcrumbs-divider, "  /  ");
    color: var(--breadcrumbs-divider-color, #ccc);
    white-space: pre
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: var(--btn-margin, 0);
    padding: var(--btn-padding, 0.375rem 0.8rem);
    border: var(--btn-border-width, 1px) solid var(--btn-stroke, transparent);
    border-radius: var(--btn-radius, 4px);
    background-color: var(--btn-bg, transparent);
    color: var(--btn-color, inherit);
    font-size: var(--btn-font-size, inherit);
    line-height: var(--btn-line-height, inherit);
    font-weight: var(--btn-font-weight, 500);
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    transition: .2s linear;
    transition-property: color, background-color, border-color, box-shadow;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

.btn:focus {
    outline: 0
}

.btn:is(:focus, :hover) {
    border-color: var(--btn-focus-stroke, transparent);
    background-color: var(--btn-focus-bg, rgba(0, 0, 0, 0.05));
    color: var(--btn-focus-color, inherit);
    text-decoration: none
}

.btn:is(.is-active, :active) {
    border-color: var(--btn-active-stroke, transparent);
    background-color: var(--btn-active-bg, rgba(0, 0, 0, 0.2));
    color: var(--btn-active-color, inherit)
}

.btn:is(.is-disabled, :disabled) {
    opacity: .7;
    pointer-events: none
}

.btn.-outline {
    --btn-stroke: currentcolor;
    --btn-hover-stroke: currentcolor
}

.btn.-theme {
    --btn-bg: var(--color-theme, #1565c1);
    --btn-color: var(--color-on-theme, #fff);
    --btn-focus-bg: #1876e1;
    --btn-focus-color: #fff;
    --btn-active-bg: #2f85e8;
    --btn-active-color: #fff
}

.btn.-icon {
    --btn-padding: 1px;
    --btn-size: 2.125em;
    min-width: var(--btn-size);
    min-height: var(--btn-size)
}

.card {
    position: relative;
    display: flex;
    flex-direction: var(--card-dir, column);
    border-radius: var(--card-radius, 6px);
    border: var(--card-border, 0);
    box-shadow: var(--card-elevation, var(--elevation-z2, 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12)));
    background-color: var(--card-bg, white);
    color: var(--card-color, rgba(0, 0, 0, 0.87));
    overflow: hidden
}

.card-media,
.card-content,
.card-action {
    flex: var(--card-flex, 0 0 auto);
    padding: var(--card-padding, 1rem)
}

.card-media {
    --card-padding: 0
}

.card-content {
    --card-flex: 1 1 auto
}

:is(.card-media, .card-content, .card-action)>:first-child {
    margin-top: 0
}

:is(.card-media, .card-content, .card-action)>:last-child {
    margin-bottom: 0
}

a:is(.card, .card.-has-link, .card-media, .card-content, .card-action) {
    position: relative;
    text-decoration: none
}

a:is(.card, .card.-has-link, .card-media, .card-content, .card-action)::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--card-link-color, currentcolor);
    opacity: 0;
    pointer-events: none
}

a:is(.card, .card.-has-link, .card-media, .card-content, .card-action):is(:focus, :hover) {
    text-decoration: none
}

a:is(.card, .card.-has-link, .card-media, .card-content, .card-action):is(:focus, :hover)::after {
    transition: opacity .15s linear;
    opacity: var(--card-link-opacity, 0.05)
}

:root {
    --family-code: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace
}

pre,
code,
kbd,
samp {
    font-family: var(--family-code);
    direction: ltr
}

:not(pre)>code {
    border-radius: .2rem;
    border: 1px solid var(--code-stroke, rgba(0, 0, 0, 0.05));
    padding: 0 .15em;
    background-color: var(--code-bg, #eee);
    color: var(--code-color, #111);
    overflow-wrap: break-word
}

pre {
    margin: 1em 0;
    padding: 1rem;
    border-radius: .2rem;
    border: 1px solid var(--code-stroke, rgba(0, 0, 0, 0.05));
    background-color: var(--code-bg, #f2f2f2);
    color: var(--code-color, #111);
    font-size: var(--code-font-size, 0.875em);
    tab-size: 4;
    direction: ltr;
    overflow-x: auto
}

:not(kbd)>kbd {
    border-radius: .3em;
    border: 1px solid currentcolor;
    box-shadow: inset 0 -1px 0 currentcolor;
    padding: .1em .25em;
    font-size: .875em
}

:root {
    --container-size: 1280px;
    --container-padding-y: 0;
    --container-padding-x: 1.25rem
}

.container {
    inline-size: 100%;
    max-inline-size: var(--container-size);
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding-block-start: var(--container-padding-y);
    padding-block-end: var(--container-padding-y);
    padding-inline-start: var(--container-padding-x);
    padding-inline-end: var(--container-padding-x)
}

:is([type=checkbox], .control-checkbox, [type=radio], .control-radio, .control-switch) {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
    width: var(--control-width, 1em);
    height: var(--control-height, 1em);
    margin: var(--form-margin, 0);
    padding: 0;
    border-radius: var(--control-radius, 0.25rem);
    border: var(--control-border-width, 1px) var(--control-border-style, solid) var(--control-stroke, currentcolor);
    background: var(--control-bg, transparent) center/contain no-repeat;
    color: var(--control-color, inherit);
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}

:is([type=checkbox], .control-checkbox, [type=radio], .control-radio, .control-switch)::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentcolor;
    -webkit-mask-image: var(--control-icon);
    mask-image: var(--control-icon);
    -webkit-mask-size: var(--control-icon-size, contain);
    mask-size: var(--control-icon-size, contain);
    -webkit-mask-position: var(--control-icon-position, center);
    mask-position: var(--control-icon-position, center);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: -webkit-mask-position .15s ease, mask-position .15s ease
}

:is([type=checkbox], .control-checkbox, [type=radio], .control-radio, .control-switch):focus {
    box-shadow: var(--control-focus-shadow, 0 0 0 0.2rem var(--color-theme-fade, rgba(21, 101, 193, 0.2)));
    outline: 0
}

:is([type=checkbox], .control-checkbox, [type=radio], .control-radio, .control-switch):is(:checked, .is-active) {
    border-color: var(--control-checked-stroke, var(--color-theme, #1565c1));
    background-color: var(--control-checked-bg, var(--color-theme, #1565c1));
    color: var(--control-checked-color, var(--color-on-theme, #fff))
}

:is([type=checkbox], .control-checkbox, [type=radio], .control-radio, .control-switch):is(:checked, .is-active)::before {
    -webkit-mask-image: var(--control-checked-icon);
    mask-image: var(--control-checked-icon)
}

:is([type=checkbox], .control-checkbox, [type=radio], .control-radio, .control-switch):is(:disabled, .is-disabled) {
    border-style: var(--control-disabled-border-style, dashed);
    box-shadow: none;
    opacity: var(--control-disabled-opacity, 0.7);
    pointer-events: none
}

[type=checkbox],
.control-checkbox {
    --control-icon: url("#");
    --control-checked-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")
}

[type=checkbox]:indeterminate {
    --control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    border-color: var(--control-checked-stroke, var(--color-theme, #1565c1));
    background-color: var(--control-checked-bg, var(--color-theme, #1565c1));
    color: var(--control-checked-color, var(--color-on-theme, #fff))
}

[type=radio],
.control-radio {
    --control-radius: 50%;
    --control-icon: url("#");
    --control-checked-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4'/%3e%3c/svg%3e")
}

.control-switch {
    --control-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='5'/%3e%3c/svg%3e");
    --control-width: 1.75em;
    --control-height: 1em;
    --control-radius: 3rem;
    --control-icon-position: left center;
    --control-checked-icon: var(--control-icon)
}

.control-switch:is(:checked, .is-active) {
    --control-icon-position: right center
}

[dir=rtl] .control-switch,
.control-switch[dir=rtl] {
    --control-icon-position: right center
}

[dir=rtl] .control-switch:is(:checked, .is-active),
.control-switch[dir=rtl]:is(:checked, .is-active) {
    --control-icon-position: left center
}

@keyframes details-show {
    from {
        opacity: 0;
        transform: var(--details-translate, translateY(-1em))
    }
}

summary {
    display: list-item;
    font-weight: bolder;
    cursor: pointer
}

summary>* {
    display: inline
}

details {
    margin: var(--details-margin, 1em 0)
}

details>* {
    box-sizing: border-box;
    animation: none
}

details[open]>*:not(summary) {
    animation: details-show .3s ease-in-out
}

:is(dialog, .dialog) {
    --dialog-speed: 200ms;
    z-index: 9;
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    width: var(--dialog-width, fit-content);
    max-width: var(--dialog-max-width, calc(100% - 2em));
    height: var(--dialog-height, fit-content);
    max-height: var(--dialog-max-height, calc(100% - 2em));
    box-shadow: var(--dialog-elevation, var(--elevation-z6, 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)));
    border: var(--dialog-border, 0);
    border-radius: var(--dialog-radius, 0.3em);
    margin: auto;
    padding: var(--dialog-padding, 2em);
    background: var(--dialog-bg, var(--color-bg, #fff));
    color: var(--dialog-color, inherit);
    transform: var(--dialog-translate, translateY(2em));
    transition: opacity var(--dialog-speed), transform var(--dialog-speed), visibility 0s var(--dialog-speed);
    opacity: 0;
    visibility: hidden;
    content-visibility: auto
}

:is(dialog, .dialog).snackbar {
    margin-block-end: 1em
}

:is(dialog, .dialog).offcanvas {
    --dialog-height: 100%;
    --dialog-max-height: 100%;
    --dialog-translate: translateX(-100%);
    --dialog-radius: 0 0.3em 0.3em 0;
    --dialog-border: 0;
    margin-inline-start: 0
}

[dir=rtl] :is(dialog, .dialog).offcanvas,
:is(dialog, .dialog).offcanvas[dir=rtl] {
    --dialog-radius: 0.3em 0 0 0.3em;
    --dialog-translate: translateX(100%)
}

:is(dialog, .dialog).offcanvas-end {
    --dialog-height: 100%;
    --dialog-max-height: 100%;
    --dialog-translate: translateX(100%);
    --dialog-radius: 0.3em 0 0 0.3em;
    --dialog-border: 0;
    margin-inline-end: 0
}

[dir=rtl] :is(dialog, .dialog).offcanvas-end,
:is(dialog, .dialog).offcanvas-end[dir=rtl] {
    --dialog-radius: 0 0.3em 0.3em 0;
    --dialog-translate: translateX(-100%)
}

:is(dialog, .dialog):is([open], .is-open) {
    --dialog-speed: 300ms;
    transform: translate(0, 0);
    transition: opacity var(--dialog-speed), transform var(--dialog-speed), visibility 0s;
    opacity: 1;
    visibility: visible
}

.dialog-inner {
    overflow: auto;
    overscroll-behavior: contain
}

dialog::backdrop {
    background-color: var(--backdrop, rgba(0, 0, 0, 0.2))
}

.backdrop {
    position: fixed;
    inset: 0;
    background-color: var(--backdrop, rgba(0, 0, 0, 0.2))
}

input,
select,
textarea {
    margin: var(--form-margin, 0);
    font: inherit
}

select {
    word-wrap: normal;
    overflow-x: hidden;
    text-overflow: ellipsis
}

label {
    display: inline-block;
    margin: var(--label-margin, 0)
}

fieldset {
    min-inline-size: 0;
    margin: var(--fieldset-margin, 1rem 0);
    padding: var(--fieldset-padding, 0);
    border: var(--fieldset-padding, 0)
}

legend {
    display: block;
    width: 100%;
    margin: var(--legend-margin, 1rem 0);
    padding: var(--legend-padding, 0);
    border: var(--legend-border, 0);
    font-size: var(--legend-font-size, 1.25em)
}

optgroup {
    font-weight: bolder;
    font-style: normal
}

::placeholder {
    color: inherit;
    opacity: var(--form-placeholder, 0.5)
}

:-webkit-autofill {
    color-scheme: light
}

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

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

::-webkit-datetime-edit,
::-webkit-datetime-edit-fields-wrapper {
    display: block
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding-block-start: 0;
    padding-block-end: 0
}

[type=tel],
[type=url],
[type=email],
[type=number] {
    direction: ltr
}

input:not([type]),
:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=url], [type=date], [type=datetime-local], [type=time], [type=month], [type=week], [type=color], [type=file], textarea, select) {
    width: 100%;
    padding: var(--form-padding, 0.375em 0.625em);
    border: var(--form-border-width, 1px) solid;
    border-color: var(--form-stroke, currentcolor);
    border-radius: var(--form-radius, 5px);
    background-color: var(--form-bg, transparent);
    color: var(--form-color, inherit);
    transition: 150ms linear;
    transition-property: border-color, box-shadow;
    -webkit-appearance: none;
    appearance: none
}

input:not([type]):focus,
:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=url], [type=date], [type=datetime-local], [type=time], [type=month], [type=week], [type=color], [type=file], textarea, select):focus {
    border-color: var(--form-focus-color, var(--color-theme, #1565c1));
    box-shadow: var(--form-focus-style, inset 0 0 0 1px var(--color-theme, #1565c1));
    outline: 0
}

input:not([type]):is(:disabled, .is-disabled),
:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=url], [type=date], [type=datetime-local], [type=time], [type=month], [type=week], [type=color], [type=file], textarea, select):is(:disabled, .is-disabled) {
    border-style: dotted;
    box-shadow: none;
    opacity: .7;
    pointer-events: none
}

input:not([type])[readonly],
:is([type=text], [type=number], [type=email], [type=tel], [type=password], [type=search], [type=url], [type=date], [type=datetime-local], [type=time], [type=month], [type=week], [type=color], [type=file], textarea, select)[readonly] {
    border-style: dotted
}

textarea {
    overflow: auto;
    resize: vertical
}

select:not([multiple]) {
    padding-right: var(--select-icon-padding, calc(0.625em + var(--select-icon-size, 1.25em)));
    background: var(--form-bg, transparent) right var(--select-icon-offset, 0.625em) center/var(--select-icon-size, 1.25em) no-repeat;
    background-image: var(--select-icon, url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(0, 0, 0, 0.87)"><path d="M0 0h24v24H0z" fill="none"/><path d="M7 10l5 5 5-5z"/></svg>'))
}

[type=color] {
    display: inline-block;
    width: 2.375rem;
    height: 2.375rem;
    padding: 3px
}

[type=color]::-webkit-color-swatch-wrapper {
    padding: 0
}

[type=color]::-moz-color-swatch {
    border: 0;
    border-radius: var(--form-radius, 5px)
}

[type=color]::-webkit-color-swatch {
    border: 0;
    border-radius: var(--form-radius, 5px)
}

[type=file] {
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    overflow: hidden
}

[type=file]::-webkit-file-upload-button {
    margin-inline-end: 1ch;
    padding: var(--form-file-btn-padding, var(--form-padding, 0.375em 0.625em));
    border: 0;
    border-radius: var(--form-file-btn-radius, var(--form-radius, 0));
    background-color: var(--form-file-btn-bg, var(--color-theme, #1565c1));
    color: var(--form-file-btn-color, var(--color-on-theme, #fff));
    font: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none
}

[type=file]::file-selector-button {
    margin-inline-end: 1ch;
    padding: var(--form-file-btn-padding, var(--form-padding, 0.375em 0.625em));
    border: 0;
    border-radius: var(--form-file-btn-radius, var(--form-radius, 0));
    background-color: var(--form-file-btn-bg, var(--color-theme, #1565c1));
    color: var(--form-file-btn-color, var(--color-on-theme, #fff));
    font: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none
}

.input-group {
    position: relative;
    display: flex;
    width: 100%;
    min-height: var(--input-group-height);
    border: var(--form-border-width, 1px) solid;
    border-color: var(--form-stroke, currentcolor);
    border-radius: var(--form-radius, 5px);
    background-color: var(--form-bg, transparent);
    color: var(--form-color, inherit);
    overflow: hidden
}

.input-group::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transition: box-shadow .15s linear;
    pointer-events: none
}

.input-group:focus-within {
    --form-stroke: var(--color-theme, #1565c1);
    outline: 0
}

.input-group:focus-within::after {
    box-shadow: var(--form-focus-style, inset 0 0 0 1px var(--color-theme, #1565c1))
}

.input-group>* {
    border-radius: 0
}

.input-group>:is(input, select, textarea) {
    --form-border-width: 0;
    --form-radius: 0;
    --form-bg: transparent;
    --form-color: currentcolor
}

.input-icon,
.input-group>svg {
    color: var(--form-stroke, currentcolor)
}

.list-style {
    --marker-icon: "•";
    list-style-type: none
}

.list-style>li {
    position: relative
}

.list-style>li::before {
    content: var(--marker-icon);
    position: absolute;
    right: 100%;
    margin-inline-end: var(--marker-gap, 1ch);
    color: var(--marker-color);
    font-variant-numeric: tabular-nums;
    white-space: pre
}

ol.list-style {
    --marker-gap: 0.4ch;
    --marker-icon: counter(li, decimal) ".";
    counter-reset: li 0
}

ol.list-style>li {
    counter-increment: li 1
}

[dir=rtl] .list-style>li::before,
.list-style[dir=rtl]>li::before {
    right: auto;
    left: 100%
}

.list-style.-none {
    --marker-icon: none;
    padding: 0
}

.menu {
    list-style: none;
    display: var(--menu-display, flex);
    flex-direction: var(--menu-dir, column);
    margin: var(--menu-margin, 0);
    padding: var(--menu-padding, 0);
    padding-inline-start: var(--menu-nested-indent)
}

.menu :is(ul, ol) {
    --menu-nested-indent: 1em
}

.menu.-row {
    --menu-display: inline-flex;
    --menu-dir: row
}

.menu.-row :is(ul, ol) {
    --menu-dir: column;
    --menu-nested-indent: 0
}

.menu.-column {
    --menu-display: flex;
    --menu-dir: column
}

:is(.menu-item, .menu-label, .menu>a:not([class*=btn]), .menu li>a:not([class*=btn])) {
    display: flex;
    justify-content: var(--menu-item-justify, space-between);
    align-items: var(--menu-item-align, center);
    padding: var(--menu-item-padding, 0.4375rem 1em);
    border-radius: var(--menu-item-radius, 4px);
    border: var(--menu-item-border, 0);
    background-color: var(--menu-item-bg, transparent);
    color: var(--menu-item-color, inherit);
    text-decoration: none
}

:is(.menu-item, .menu>a:not([class*=btn]), .menu li>a:not([class*=btn])):focus {
    outline: 0
}

:is(.menu-item, .menu>a:not([class*=btn]), .menu li>a:not([class*=btn])):is(:focus, :hover) {
    border-color: var(--menu-item-focus-stroke, 0);
    background-color: var(--menu-item-focus-bg, rgba(0, 0, 0, 0.05));
    color: var(--menu-item-focus-color, 0);
    text-decoration: none
}

:is(.menu-item, .menu>a:not([class*=btn]), .menu li>a:not([class*=btn])):is(.is-active, :active, [aria-current=page]) {
    border-color: var(--menu-item-active-stroke, 0);
    background-color: var(--menu-item-active-bg, var(--color-theme-fade, rgba(21, 101, 193, 0.2)));
    color: var(--menu-item-active-color, inherit)
}

.menu-label {
    font-weight: bolder
}

.pagination {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.pagination>* {
    margin-top: calc(var(--pagination-gap, 2px)/2);
    margin-bottom: calc(var(--pagination-gap, 2px)/2)
}

.pagination>*:not(:last-child) {
    margin-right: var(--pagination-gap, 2px)
}

.pagination a,
.pagination-item,
.pagination-ellipsis {
    display: block;
    min-width: var(--pagination-size, 2em);
    min-height: var(--pagination-size, 2em);
    padding: var(--pagination-padding, 0.25em 0.5em);
    border: 1px solid var(--pagination-stroke, transparent);
    border-radius: var(--pagination-radius, 4px);
    background-color: var(--pagination-bg, transparent);
    color: var(--pagination-color, inherit);
    text-align: center;
    text-decoration: none;
    transition: .2s linear;
    transition-property: color, background-color, border-color, box-shadow;
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none
}

:is(.pagination a, .pagination-item) {
    cursor: pointer
}

:is(.pagination a, .pagination-item):focus {
    outline: 0
}

:is(.pagination a, .pagination-item):is(:focus, :hover) {
    border-color: var(--pagination-focus-stroke, currentcolor);
    background-color: var(--pagination-focus-bg, transparent);
    color: var(--pagination-focus-color, inherit);
    text-decoration: none
}

:is(.pagination a, .pagination-item):is(.is-active, [aria-current=page]) {
    border-color: var(--pagination-active-stroke, var(--color-theme, #1565c1));
    background-color: var(--pagination-active-bg, var(--color-theme, #1565c1));
    color: var(--pagination-active-color, var(--color-on-theme, #fff))
}

:is(.pagination a, .pagination-item).is-disabled {
    opacity: .8;
    pointer-events: none
}

.pagination.-dots :is(a, .pagination-item) {
    --pagination-size: 0.625em;
    --pagination-gap: 0.35em;
    --pagination-padding: 0;
    --pagination-radius: 50%;
    --pagination-stroke: currentcolor;
    --pagination-focus-bg: var(--color-theme, #1565c1);
    --pagination-focus-stroke: var(--color-theme, #1565c1)
}

@keyframes progress-loading {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1em 0
    }
}

progress,
.progress {
    display: block;
    width: 100%;
    height: .8em;
    border-radius: .5em;
    border: 0;
    background-color: rgba(221, 221, 221, .3);
    color: var(--color-theme, #1565c1);
    vertical-align: baseline;
    overflow: hidden
}

progress {
    animation-name: none;
    -webkit-appearance: none
}

progress::-webkit-progress-bar {
    background-color: rgba(0, 0, 0, 0)
}

progress::-webkit-progress-value {
    border-radius: .5em;
    background-color: currentcolor
}

progress::-moz-progress-bar {
    border-radius: .5em;
    background-color: currentcolor
}

progress:indeterminate {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1em 1em;
    background-color: currentcolor
}

@media(prefers-reduced-motion: no-preference) {
    progress:indeterminate {
        animation: progress-loading 1s linear infinite
    }
}

progress:indeterminate::-webkit-progress-value {
    background: none
}

progress:indeterminate::-moz-progress-bar {
    background: none
}

.progress::after {
    content: "";
    display: block;
    width: var(--progress);
    height: 100%;
    border-radius: .5em;
    background-color: currentcolor
}

.progress.is-loading {
    --progress: 100%
}

.progress.is-loading::after {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1em 1em
}

@media(prefers-reduced-motion: no-preference) {
    .progress.is-loading::after {
        animation: progress-loading 1s linear infinite
    }
}

[type=range] {
    --_fill: 0;
    --_height: var(--range-track-height, 0.5rem);
    --_radius: var(--range-track-radius, 1rem);
    --_bg: var(--range-track-bg, linear-gradient(to var(--_fill-direction, right), var(--color-theme, #1565c1) 0%, var(--color-theme, #1565c1) calc(var(--_fill) * 1%), currentcolor calc(var(--_fill) * 1%), currentcolor 100%));
    --_color: var(--range-track-color, #ccc);
    --_disabled-bg: var(--range-track-disabled-bg, currentcolor);
    --_disabled-color: var(--range-track-disabled-color, #ddd);
    --_thumb-color: var(--range-thumb-color, var(--color-theme, #1565c1));
    --_thumb-disabled-color: var(--range-thumb-disabled-color, #aaa);
    --_thumb-size: var(--range-thumb-size, 1rem);
    --_thumb-radius: var(--range-thumb-radius, 100%);
    --_thumb-border-size: var(--range-thumb-border-size, 0);
    --_thumb-stroke: var(--range-thumb-stroke, var(--color-theme, #1565c1));
    --_thumb-shadow: var(--range-thumb-shadow, 0 1px 2px rgba(0, 0, 0, 0.5));
    width: 100%;
    height: var(--_thumb-size);
    min-height: 1.25rem;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    appearance: none
}

[type=range].fill-reverse {
    --_fill-direction: left
}

[type=range][dir=rtl],
[dir=rtl] [type=range] {
    --_fill-direction: left
}

[type=range][dir=rtl].fill-reverse,
[dir=rtl] [type=range].fill-reverse {
    --_fill-direction: right
}

[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: var(--_height);
    border-radius: var(--_radius);
    background: var(--_bg);
    color: var(--_color);
    transition: background-color .2s ease-out;
    cursor: pointer
}

[type=range]::-moz-range-track {
    width: 100%;
    height: var(--_height);
    border-radius: var(--_radius);
    background: var(--_bg);
    color: var(--_color);
    transition: background-color .2s ease-out;
    cursor: pointer
}

[type=range]::-webkit-slider-thumb {
    --_focus-ring: 0 0 0 transparent;
    width: var(--_thumb-size);
    height: var(--_thumb-size);
    box-shadow: var(--_thumb-shadow), var(--_focus-ring);
    border: var(--_thumb-border-size) solid var(--_thumb-stroke, currentcolor);
    border-radius: var(--_thumb-radius);
    background-color: var(--_thumb-bg, currentcolor);
    color: var(--_thumb-color);
    transition: box-shadow .1s ease-out, background-color .1s ease-out;
    -webkit-appearance: none;
    appearance: none;
    margin-top: calc(.5*(var(--_height) - var(--_thumb-size)))
}

[type=range]::-moz-range-thumb {
    --_focus-ring: 0 0 0 transparent;
    width: var(--_thumb-size);
    height: var(--_thumb-size);
    box-shadow: var(--_thumb-shadow), var(--_focus-ring);
    border: var(--_thumb-border-size) solid var(--_thumb-stroke, currentcolor);
    border-radius: var(--_thumb-radius);
    background-color: var(--_thumb-bg, currentcolor);
    color: var(--_thumb-color);
    transition: box-shadow .1s ease-out, background-color .1s ease-out;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box
}

[type=range]:is(:active, :focus)::-webkit-slider-thumb {
    --_focus-ring: var(--range-focus-shadow, 0 0 0 0.4rem var(--range-focus-color, var(--color-theme-fade, rgba(21, 101, 193, 0.2))))
}

[type=range]:is(:active, :focus)::-moz-range-thumb {
    --_focus-ring: var(--range-focus-shadow, 0 0 0 0.4rem var(--range-focus-color, var(--color-theme-fade, rgba(21, 101, 193, 0.2))))
}

[type=range]:focus {
    outline: 0
}

[type=range]:active::-webkit-slider-thumb {
    cursor: grabbing
}

[type=range]:active::-moz-range-thumb {
    cursor: grabbing
}

[type=range]:disabled::-webkit-slider-runnable-track {
    background: var(--_disabled-bg);
    color: var(--_disabled-color);
    cursor: not-allowed
}

[type=range]:disabled::-moz-range-track {
    background: var(--_disabled-bg);
    color: var(--_disabled-color);
    cursor: not-allowed
}

[type=range]:disabled::-webkit-slider-thumb {
    box-shadow: none;
    border-color: var(--_thumb-disabled-stroke);
    background: none var(--_thumb-disabled-color);
    cursor: not-allowed
}

[type=range]:disabled::-moz-range-thumb {
    box-shadow: none;
    border-color: var(--_thumb-disabled-stroke);
    background: none var(--_thumb-disabled-color);
    cursor: not-allowed
}

.scroll-slider {
    --gap-inline: 1.25em;
    --gap-block: calc(var(--gap-inline) / 2);
    display: flex;
    flex-direction: row;
    scroll-snap-type: inline mandatory;
    padding-block-start: var(--gap-block);
    padding-block-end: var(--gap-block);
    padding-inline-start: var(--gap-inline);
    padding-inline-end: var(--gap-inline);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding-left: var(--gap-inline);
    scroll-padding-right: var(--gap-inline);
    scroll-padding-inline: var(--gap-inline)
}

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

.scroll-slider>:not([hidden]) {
    flex: 0 0 auto;
    inline-size: var(--scroll-size);
    scroll-snap-align: var(--scroll-align, start)
}

.scroll-slider>:not([hidden])~:not([hidden]) {
    margin-inline-start: var(--item-gap, 0.5em)
}

@supports(-webkit-hyphens: none) {
    .scroll-slider::after {
        content: "";
        order: 1;
        flex: 0 0 auto;
        inline-size: var(--gap-inline, 1.25em)
    }
}

:is(section, .section) {
    min-height: var(--height);
    background: var(--img, none) var(--bg) var(--img-layout, center/cover) var(--img-repeat, no-repeat);
    color: var(--color)
}

:is(section, .section).-theme {
    --bg: var(--color-theme, #1565c1);
    --color: var(--color-on-theme, #fff)
}

table {
    margin: var(--table-margin, 1rem 0);
    border-collapse: var(--table-collapse, collapse);
    border-spacing: var(--table-gap, 2px);
    border-color: var(--table-border-color, #ccc)
}

thead,
tbody,
tfoot,
tr,
th,
td {
    border: 0 var(--table-border-style, solid);
    border-color: var(--table-border-color, inherit)
}

caption {
    text-align: var(--table-align, center);
    caption-side: var(--caption-side)
}

thead,
tfoot {
    vertical-align: var(--table-valign, middle)
}

thead {
    border-width: var(--table-border-width, 0 0 2px)
}

th,
td {
    border-width: var(--table-border-width, 0 0 1px);
    padding: var(--table-padding, 5px 8px);
    background-color: var(--table-bg, transparent);
    color: var(--table-color, inherit);
    text-align: var(--table-align, start);
    vertical-align: var(--table-valign, inherit)
}

th {
    font-weight: var(--table-weight, bolder)
}

td {
    font-weight: var(--table-weight)
}

.aria-only,
.aria-only-focusable:not(:focus, :focus-within) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    white-space: nowrap;
    overflow: hidden;
    clip-path: inset(50%)
}

:is(.bg-gradient, .border-gradient, .text-gradient) {
    --gradient-from: currentcolor;
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 0));
    --gradient: linear-gradient(var(--gradient-angle, 0deg), var(--gradient-stops))
}

:is(.bg-gradient, .border-gradient, .text-gradient).-from-theme {
    --gradient-from: var(--color-theme, #1565c1)
}

:is(.bg-gradient, .border-gradient, .text-gradient).-stop-theme {
    --gradient-stops: var(--gradient-from), var(--color-theme, #1565c1), var(--gradient-to, rgba(0, 0, 0, 0))
}

:is(.bg-gradient, .border-gradient, .text-gradient).-to-theme {
    --gradient-to: var(--color-theme, #1565c1)
}

:is(.bg-gradient, .border-gradient, .text-gradient).-from-bg {
    --gradient-from: var(--color-bg, #fff)
}

:is(.bg-gradient, .border-gradient, .text-gradient).-stop-bg {
    --gradient-stops: var(--gradient-from), var(--color-bg, #fff), var(--gradient-to, rgba(0, 0, 0, 0))
}

:is(.bg-gradient, .border-gradient, .text-gradient).-to-bg {
    --gradient-to: var(--color-bg, #fff)
}

:is(.bg-gradient, .border-gradient, .text-gradient).-from-color {
    --gradient-from: currentcolor
}

:is(.bg-gradient, .border-gradient, .text-gradient).-stop-color {
    --gradient-stops: var(--gradient-from), currentcolor, var(--gradient-to, rgba(0, 0, 0, 0))
}

:is(.bg-gradient, .border-gradient, .text-gradient).-to-color {
    --gradient-to: currentcolor
}

:is(.bg-gradient, .border-gradient, .text-gradient).-angle-top-right {
    --gradient-angle: to top right
}

:is(.bg-gradient, .border-gradient, .text-gradient).-angle-top-left {
    --gradient-angle: to top left
}

:is(.bg-gradient, .border-gradient, .text-gradient).-angle-right {
    --gradient-angle: 90deg
}

:is(.bg-gradient, .border-gradient, .text-gradient).-angle-left {
    --gradient-angle: 270deg
}

:is(.bg-gradient, .border-gradient, .text-gradient).-angle-bottom {
    --gradient-angle: 180deg
}

:is(.bg-gradient, .border-gradient, .text-gradient).-angle-bottom-right {
    --gradient-angle: to bottom right
}

:is(.bg-gradient, .border-gradient, .text-gradient).-angle-bottom-left {
    --gradient-angle: to bottom left
}

.bg-gradient {
    background-image: var(--gradient)
}

.border-gradient {
    border-image-source: var(--gradient);
    border-image-slice: 1
}

@supports(background-clip: text) or (-webkit-background-clip: text) {
    .text-gradient {
        -webkit-background-clip: text;
        background-clip: text;
        background-image: var(--gradient);
        color: rgba(0, 0, 0, 0)
    }
}

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

[id] {
    scroll-margin-top: var(--scroll-offset, 1rem)
}

.hide-scrollbar {
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.thin-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-color, rgba(0, 0, 0, 0.2)) var(--scrollbar-track-color, rgba(0, 0, 0, 0))
}

.thin-scrollbar::-webkit-scrollbar {
    width: .4rem;
    height: .4rem
}

.thin-scrollbar::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    background-color: var(--scrollbar-thumb-color, rgba(0, 0, 0, 0.2))
}

.thin-scrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-color, rgba(0, 0, 0, 0))
}

.thin-scrollbar::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-track-color, rgba(0, 0, 0, 0))
}

.stretched-link::after {
    content: "";
    position: absolute;
    inset: 0
}

.transform {
    --tx: 0;
    --ty: 0;
    --tz: 0;
    --ta: 0;
    --sx: 1;
    --sy: 1;
    --sz: 1;
    --ax: 0;
    --ay: 0;
    --origin: 50% 50% 0;
    transform: translate3d(var(--tx), var(--ty), var(--tz)) rotate(var(--ta)) skew(var(--ax), var(--ay)) scale3d(var(--sx), var(--sy), var(--sz));
    transform-origin: var(--origin)
}

.transform3d {
    --tx: 0;
    --ty: 0;
    --tz: 0;
    --ta: 0;
    --sx: 1;
    --sy: 1;
    --sz: 1;
    --ax: 0;
    --ay: 0;
    --origin: 50% 50% 0;
    transform: translate3d(var(--tx), var(--ty), var(--tz)) rotate(var(--ta)) skew(var(--ax), var(--ay)) scale3d(var(--sx), var(--sy), var(--sz));
    transform-origin: var(--origin)
}

.transform.-t-1 {
    --tx: 1em;
    --ty: 1em
}

.transform.-t-n1 {
    --tx: -1em;
    --ty: -1em
}

.transform.-t-25 {
    --tx: 25%;
    --ty: 25%
}

.transform.-t-50 {
    --tx: 50%;
    --ty: 50%
}

.transform.-t-75 {
    --tx: 75%;
    --ty: 75%
}

.transform.-t-full {
    --tx: 100%;
    --ty: 100%
}

.transform.-t-n25 {
    --tx: -25%;
    --ty: -25%
}

.transform.-t-n50 {
    --tx: -50%;
    --ty: -50%
}

.transform.-t-n75 {
    --tx: -75%;
    --ty: -75%
}

.transform.-t-nfull {
    --tx: -100%;
    --ty: -100%
}

.transform.-tx-1 {
    --tx: 1em
}

.transform.-tx-n1 {
    --tx: -1em
}

.transform.-tx-25 {
    --tx: 25%
}

.transform.-tx-50 {
    --tx: 50%
}

.transform.-tx-75 {
    --tx: 75%
}

.transform.-tx-full {
    --tx: 100%
}

.transform.-tx-n25 {
    --tx: -25%
}

.transform.-tx-n50 {
    --tx: -50%
}

.transform.-tx-n75 {
    --tx: -75%
}

.transform.-tx-nfull {
    --tx: -100%
}

.transform.-ty-1 {
    --ty: 1em
}

.transform.-ty-n1 {
    --ty: -1em
}

.transform.-ty-25 {
    --ty: 25%
}

.transform.-ty-50 {
    --ty: 50%
}

.transform.-ty-75 {
    --ty: 75%
}

.transform.-ty-full {
    --ty: 100%
}

.transform.-ty-n25 {
    --ty: -25%
}

.transform.-ty-n50 {
    --ty: -50%
}

.transform.-ty-n75 {
    --ty: -75%
}

.transform.-ty-nfull {
    --ty: -100%
}

.transform.-ta-45 {
    --ta: 45deg
}

.transform.-ta-90 {
    --ta: 90deg
}

.transform.-ta-180 {
    --ta: 180deg
}

.transform.-s-50 {
    --sx: 0.5;
    --sy: 0.5
}

.transform.-s-90 {
    --sx: 0.9;
    --sy: 0.9
}

.transform.-s-100 {
    --sx: 1;
    --sy: 1
}

.transform.-s-120 {
    --sx: 1.2;
    --sy: 1.2
}

.transform.-sx-50 {
    --sx: 0.5
}

.transform.-sx-90 {
    --sx: 0.9
}

.transform.-sx-100 {
    --sx: 1
}

.transform.-sx-120 {
    --sx: 1.2
}

.transform.-sy-50 {
    --sy: 0.5
}

.transform.-sy-90 {
    --sy: 0.9
}

.transform.-sy-100 {
    --sy: 1
}

.transform.-sy-120 {
    --sy: 1.2
}

.transform.-origin-center {
    --origin: center
}

.transform.-origin-top {
    --origin: top
}

.transform.-origin-top-right {
    --origin: top right
}

.transform.-origin-right {
    --origin: right
}

.transform.-origin-bottom-right {
    --origin: bottom right
}

.transform.-origin-bottom {
    --origin: bottom
}

.transform.-origin-bottom-left {
    --origin: bottom left
}

.transform.-origin-left {
    --origin: left
}

.transform.-origin-top-left {
    --origin: top left
}

@media(min-width: 420px) {
    .transform.-xs-t-1 {
        --tx: 1em;
        --ty: 1em
    }

    .transform.-xs-t-n1 {
        --tx: -1em;
        --ty: -1em
    }

    .transform.-xs-t-25 {
        --tx: 25%;
        --ty: 25%
    }

    .transform.-xs-t-50 {
        --tx: 50%;
        --ty: 50%
    }

    .transform.-xs-t-75 {
        --tx: 75%;
        --ty: 75%
    }

    .transform.-xs-t-full {
        --tx: 100%;
        --ty: 100%
    }

    .transform.-xs-t-n25 {
        --tx: -25%;
        --ty: -25%
    }

    .transform.-xs-t-n50 {
        --tx: -50%;
        --ty: -50%
    }

    .transform.-xs-t-n75 {
        --tx: -75%;
        --ty: -75%
    }

    .transform.-xs-t-nfull {
        --tx: -100%;
        --ty: -100%
    }

    .transform.-xs-tx-1 {
        --tx: 1em
    }

    .transform.-xs-tx-n1 {
        --tx: -1em
    }

    .transform.-xs-tx-25 {
        --tx: 25%
    }

    .transform.-xs-tx-50 {
        --tx: 50%
    }

    .transform.-xs-tx-75 {
        --tx: 75%
    }

    .transform.-xs-tx-full {
        --tx: 100%
    }

    .transform.-xs-tx-n25 {
        --tx: -25%
    }

    .transform.-xs-tx-n50 {
        --tx: -50%
    }

    .transform.-xs-tx-n75 {
        --tx: -75%
    }

    .transform.-xs-tx-nfull {
        --tx: -100%
    }

    .transform.-xs-ty-1 {
        --ty: 1em
    }

    .transform.-xs-ty-n1 {
        --ty: -1em
    }

    .transform.-xs-ty-25 {
        --ty: 25%
    }

    .transform.-xs-ty-50 {
        --ty: 50%
    }

    .transform.-xs-ty-75 {
        --ty: 75%
    }

    .transform.-xs-ty-full {
        --ty: 100%
    }

    .transform.-xs-ty-n25 {
        --ty: -25%
    }

    .transform.-xs-ty-n50 {
        --ty: -50%
    }

    .transform.-xs-ty-n75 {
        --ty: -75%
    }

    .transform.-xs-ty-nfull {
        --ty: -100%
    }

    .transform.-xs-ta-45 {
        --ta: 45deg
    }

    .transform.-xs-ta-90 {
        --ta: 90deg
    }

    .transform.-xs-ta-180 {
        --ta: 180deg
    }

    .transform.-xs-s-50 {
        --sx: 0.5;
        --sy: 0.5
    }

    .transform.-xs-s-90 {
        --sx: 0.9;
        --sy: 0.9
    }

    .transform.-xs-s-100 {
        --sx: 1;
        --sy: 1
    }

    .transform.-xs-s-120 {
        --sx: 1.2;
        --sy: 1.2
    }

    .transform.-xs-sx-50 {
        --sx: 0.5
    }

    .transform.-xs-sx-90 {
        --sx: 0.9
    }

    .transform.-xs-sx-100 {
        --sx: 1
    }

    .transform.-xs-sx-120 {
        --sx: 1.2
    }

    .transform.-xs-sy-50 {
        --sy: 0.5
    }

    .transform.-xs-sy-90 {
        --sy: 0.9
    }

    .transform.-xs-sy-100 {
        --sy: 1
    }

    .transform.-xs-sy-120 {
        --sy: 1.2
    }

    .transform.-xs-origin-center {
        --origin: center
    }

    .transform.-xs-origin-top {
        --origin: top
    }

    .transform.-xs-origin-top-right {
        --origin: top right
    }

    .transform.-xs-origin-right {
        --origin: right
    }

    .transform.-xs-origin-bottom-right {
        --origin: bottom right
    }

    .transform.-xs-origin-bottom {
        --origin: bottom
    }

    .transform.-xs-origin-bottom-left {
        --origin: bottom left
    }

    .transform.-xs-origin-left {
        --origin: left
    }

    .transform.-xs-origin-top-left {
        --origin: top left
    }
}

@media(min-width: 640px) {
    .transform.-sm-t-1 {
        --tx: 1em;
        --ty: 1em
    }

    .transform.-sm-t-n1 {
        --tx: -1em;
        --ty: -1em
    }

    .transform.-sm-t-25 {
        --tx: 25%;
        --ty: 25%
    }

    .transform.-sm-t-50 {
        --tx: 50%;
        --ty: 50%
    }

    .transform.-sm-t-75 {
        --tx: 75%;
        --ty: 75%
    }

    .transform.-sm-t-full {
        --tx: 100%;
        --ty: 100%
    }

    .transform.-sm-t-n25 {
        --tx: -25%;
        --ty: -25%
    }

    .transform.-sm-t-n50 {
        --tx: -50%;
        --ty: -50%
    }

    .transform.-sm-t-n75 {
        --tx: -75%;
        --ty: -75%
    }

    .transform.-sm-t-nfull {
        --tx: -100%;
        --ty: -100%
    }

    .transform.-sm-tx-1 {
        --tx: 1em
    }

    .transform.-sm-tx-n1 {
        --tx: -1em
    }

    .transform.-sm-tx-25 {
        --tx: 25%
    }

    .transform.-sm-tx-50 {
        --tx: 50%
    }

    .transform.-sm-tx-75 {
        --tx: 75%
    }

    .transform.-sm-tx-full {
        --tx: 100%
    }

    .transform.-sm-tx-n25 {
        --tx: -25%
    }

    .transform.-sm-tx-n50 {
        --tx: -50%
    }

    .transform.-sm-tx-n75 {
        --tx: -75%
    }

    .transform.-sm-tx-nfull {
        --tx: -100%
    }

    .transform.-sm-ty-1 {
        --ty: 1em
    }

    .transform.-sm-ty-n1 {
        --ty: -1em
    }

    .transform.-sm-ty-25 {
        --ty: 25%
    }

    .transform.-sm-ty-50 {
        --ty: 50%
    }

    .transform.-sm-ty-75 {
        --ty: 75%
    }

    .transform.-sm-ty-full {
        --ty: 100%
    }

    .transform.-sm-ty-n25 {
        --ty: -25%
    }

    .transform.-sm-ty-n50 {
        --ty: -50%
    }

    .transform.-sm-ty-n75 {
        --ty: -75%
    }

    .transform.-sm-ty-nfull {
        --ty: -100%
    }

    .transform.-sm-ta-45 {
        --ta: 45deg
    }

    .transform.-sm-ta-90 {
        --ta: 90deg
    }

    .transform.-sm-ta-180 {
        --ta: 180deg
    }

    .transform.-sm-s-50 {
        --sx: 0.5;
        --sy: 0.5
    }

    .transform.-sm-s-90 {
        --sx: 0.9;
        --sy: 0.9
    }

    .transform.-sm-s-100 {
        --sx: 1;
        --sy: 1
    }

    .transform.-sm-s-120 {
        --sx: 1.2;
        --sy: 1.2
    }

    .transform.-sm-sx-50 {
        --sx: 0.5
    }

    .transform.-sm-sx-90 {
        --sx: 0.9
    }

    .transform.-sm-sx-100 {
        --sx: 1
    }

    .transform.-sm-sx-120 {
        --sx: 1.2
    }

    .transform.-sm-sy-50 {
        --sy: 0.5
    }

    .transform.-sm-sy-90 {
        --sy: 0.9
    }

    .transform.-sm-sy-100 {
        --sy: 1
    }

    .transform.-sm-sy-120 {
        --sy: 1.2
    }

    .transform.-sm-origin-center {
        --origin: center
    }

    .transform.-sm-origin-top {
        --origin: top
    }

    .transform.-sm-origin-top-right {
        --origin: top right
    }

    .transform.-sm-origin-right {
        --origin: right
    }

    .transform.-sm-origin-bottom-right {
        --origin: bottom right
    }

    .transform.-sm-origin-bottom {
        --origin: bottom
    }

    .transform.-sm-origin-bottom-left {
        --origin: bottom left
    }

    .transform.-sm-origin-left {
        --origin: left
    }

    .transform.-sm-origin-top-left {
        --origin: top left
    }
}

@media(min-width: 768px) {
    .transform.-md-t-1 {
        --tx: 1em;
        --ty: 1em
    }

    .transform.-md-t-n1 {
        --tx: -1em;
        --ty: -1em
    }

    .transform.-md-t-25 {
        --tx: 25%;
        --ty: 25%
    }

    .transform.-md-t-50 {
        --tx: 50%;
        --ty: 50%
    }

    .transform.-md-t-75 {
        --tx: 75%;
        --ty: 75%
    }

    .transform.-md-t-full {
        --tx: 100%;
        --ty: 100%
    }

    .transform.-md-t-n25 {
        --tx: -25%;
        --ty: -25%
    }

    .transform.-md-t-n50 {
        --tx: -50%;
        --ty: -50%
    }

    .transform.-md-t-n75 {
        --tx: -75%;
        --ty: -75%
    }

    .transform.-md-t-nfull {
        --tx: -100%;
        --ty: -100%
    }

    .transform.-md-tx-1 {
        --tx: 1em
    }

    .transform.-md-tx-n1 {
        --tx: -1em
    }

    .transform.-md-tx-25 {
        --tx: 25%
    }

    .transform.-md-tx-50 {
        --tx: 50%
    }

    .transform.-md-tx-75 {
        --tx: 75%
    }

    .transform.-md-tx-full {
        --tx: 100%
    }

    .transform.-md-tx-n25 {
        --tx: -25%
    }

    .transform.-md-tx-n50 {
        --tx: -50%
    }

    .transform.-md-tx-n75 {
        --tx: -75%
    }

    .transform.-md-tx-nfull {
        --tx: -100%
    }

    .transform.-md-ty-1 {
        --ty: 1em
    }

    .transform.-md-ty-n1 {
        --ty: -1em
    }

    .transform.-md-ty-25 {
        --ty: 25%
    }

    .transform.-md-ty-50 {
        --ty: 50%
    }

    .transform.-md-ty-75 {
        --ty: 75%
    }

    .transform.-md-ty-full {
        --ty: 100%
    }

    .transform.-md-ty-n25 {
        --ty: -25%
    }

    .transform.-md-ty-n50 {
        --ty: -50%
    }

    .transform.-md-ty-n75 {
        --ty: -75%
    }

    .transform.-md-ty-nfull {
        --ty: -100%
    }

    .transform.-md-ta-45 {
        --ta: 45deg
    }

    .transform.-md-ta-90 {
        --ta: 90deg
    }

    .transform.-md-ta-180 {
        --ta: 180deg
    }

    .transform.-md-s-50 {
        --sx: 0.5;
        --sy: 0.5
    }

    .transform.-md-s-90 {
        --sx: 0.9;
        --sy: 0.9
    }

    .transform.-md-s-100 {
        --sx: 1;
        --sy: 1
    }

    .transform.-md-s-120 {
        --sx: 1.2;
        --sy: 1.2
    }

    .transform.-md-sx-50 {
        --sx: 0.5
    }

    .transform.-md-sx-90 {
        --sx: 0.9
    }

    .transform.-md-sx-100 {
        --sx: 1
    }

    .transform.-md-sx-120 {
        --sx: 1.2
    }

    .transform.-md-sy-50 {
        --sy: 0.5
    }

    .transform.-md-sy-90 {
        --sy: 0.9
    }

    .transform.-md-sy-100 {
        --sy: 1
    }

    .transform.-md-sy-120 {
        --sy: 1.2
    }

    .transform.-md-origin-center {
        --origin: center
    }

    .transform.-md-origin-top {
        --origin: top
    }

    .transform.-md-origin-top-right {
        --origin: top right
    }

    .transform.-md-origin-right {
        --origin: right
    }

    .transform.-md-origin-bottom-right {
        --origin: bottom right
    }

    .transform.-md-origin-bottom {
        --origin: bottom
    }

    .transform.-md-origin-bottom-left {
        --origin: bottom left
    }

    .transform.-md-origin-left {
        --origin: left
    }

    .transform.-md-origin-top-left {
        --origin: top left
    }
}

@media(min-width: 1024px) {
    .transform.-lg-t-1 {
        --tx: 1em;
        --ty: 1em
    }

    .transform.-lg-t-n1 {
        --tx: -1em;
        --ty: -1em
    }

    .transform.-lg-t-25 {
        --tx: 25%;
        --ty: 25%
    }

    .transform.-lg-t-50 {
        --tx: 50%;
        --ty: 50%
    }

    .transform.-lg-t-75 {
        --tx: 75%;
        --ty: 75%
    }

    .transform.-lg-t-full {
        --tx: 100%;
        --ty: 100%
    }

    .transform.-lg-t-n25 {
        --tx: -25%;
        --ty: -25%
    }

    .transform.-lg-t-n50 {
        --tx: -50%;
        --ty: -50%
    }

    .transform.-lg-t-n75 {
        --tx: -75%;
        --ty: -75%
    }

    .transform.-lg-t-nfull {
        --tx: -100%;
        --ty: -100%
    }

    .transform.-lg-tx-1 {
        --tx: 1em
    }

    .transform.-lg-tx-n1 {
        --tx: -1em
    }

    .transform.-lg-tx-25 {
        --tx: 25%
    }

    .transform.-lg-tx-50 {
        --tx: 50%
    }

    .transform.-lg-tx-75 {
        --tx: 75%
    }

    .transform.-lg-tx-full {
        --tx: 100%
    }

    .transform.-lg-tx-n25 {
        --tx: -25%
    }

    .transform.-lg-tx-n50 {
        --tx: -50%
    }

    .transform.-lg-tx-n75 {
        --tx: -75%
    }

    .transform.-lg-tx-nfull {
        --tx: -100%
    }

    .transform.-lg-ty-1 {
        --ty: 1em
    }

    .transform.-lg-ty-n1 {
        --ty: -1em
    }

    .transform.-lg-ty-25 {
        --ty: 25%
    }

    .transform.-lg-ty-50 {
        --ty: 50%
    }

    .transform.-lg-ty-75 {
        --ty: 75%
    }

    .transform.-lg-ty-full {
        --ty: 100%
    }

    .transform.-lg-ty-n25 {
        --ty: -25%
    }

    .transform.-lg-ty-n50 {
        --ty: -50%
    }

    .transform.-lg-ty-n75 {
        --ty: -75%
    }

    .transform.-lg-ty-nfull {
        --ty: -100%
    }

    .transform.-lg-ta-45 {
        --ta: 45deg
    }

    .transform.-lg-ta-90 {
        --ta: 90deg
    }

    .transform.-lg-ta-180 {
        --ta: 180deg
    }

    .transform.-lg-s-50 {
        --sx: 0.5;
        --sy: 0.5
    }

    .transform.-lg-s-90 {
        --sx: 0.9;
        --sy: 0.9
    }

    .transform.-lg-s-100 {
        --sx: 1;
        --sy: 1
    }

    .transform.-lg-s-120 {
        --sx: 1.2;
        --sy: 1.2
    }

    .transform.-lg-sx-50 {
        --sx: 0.5
    }

    .transform.-lg-sx-90 {
        --sx: 0.9
    }

    .transform.-lg-sx-100 {
        --sx: 1
    }

    .transform.-lg-sx-120 {
        --sx: 1.2
    }

    .transform.-lg-sy-50 {
        --sy: 0.5
    }

    .transform.-lg-sy-90 {
        --sy: 0.9
    }

    .transform.-lg-sy-100 {
        --sy: 1
    }

    .transform.-lg-sy-120 {
        --sy: 1.2
    }

    .transform.-lg-origin-center {
        --origin: center
    }

    .transform.-lg-origin-top {
        --origin: top
    }

    .transform.-lg-origin-top-right {
        --origin: top right
    }

    .transform.-lg-origin-right {
        --origin: right
    }

    .transform.-lg-origin-bottom-right {
        --origin: bottom right
    }

    .transform.-lg-origin-bottom {
        --origin: bottom
    }

    .transform.-lg-origin-bottom-left {
        --origin: bottom left
    }

    .transform.-lg-origin-left {
        --origin: left
    }

    .transform.-lg-origin-top-left {
        --origin: top left
    }
}

@media(min-width: 1440px) {
    .transform.-xl-t-1 {
        --tx: 1em;
        --ty: 1em
    }

    .transform.-xl-t-n1 {
        --tx: -1em;
        --ty: -1em
    }

    .transform.-xl-t-25 {
        --tx: 25%;
        --ty: 25%
    }

    .transform.-xl-t-50 {
        --tx: 50%;
        --ty: 50%
    }

    .transform.-xl-t-75 {
        --tx: 75%;
        --ty: 75%
    }

    .transform.-xl-t-full {
        --tx: 100%;
        --ty: 100%
    }

    .transform.-xl-t-n25 {
        --tx: -25%;
        --ty: -25%
    }

    .transform.-xl-t-n50 {
        --tx: -50%;
        --ty: -50%
    }

    .transform.-xl-t-n75 {
        --tx: -75%;
        --ty: -75%
    }

    .transform.-xl-t-nfull {
        --tx: -100%;
        --ty: -100%
    }

    .transform.-xl-tx-1 {
        --tx: 1em
    }

    .transform.-xl-tx-n1 {
        --tx: -1em
    }

    .transform.-xl-tx-25 {
        --tx: 25%
    }

    .transform.-xl-tx-50 {
        --tx: 50%
    }

    .transform.-xl-tx-75 {
        --tx: 75%
    }

    .transform.-xl-tx-full {
        --tx: 100%
    }

    .transform.-xl-tx-n25 {
        --tx: -25%
    }

    .transform.-xl-tx-n50 {
        --tx: -50%
    }

    .transform.-xl-tx-n75 {
        --tx: -75%
    }

    .transform.-xl-tx-nfull {
        --tx: -100%
    }

    .transform.-xl-ty-1 {
        --ty: 1em
    }

    .transform.-xl-ty-n1 {
        --ty: -1em
    }

    .transform.-xl-ty-25 {
        --ty: 25%
    }

    .transform.-xl-ty-50 {
        --ty: 50%
    }

    .transform.-xl-ty-75 {
        --ty: 75%
    }

    .transform.-xl-ty-full {
        --ty: 100%
    }

    .transform.-xl-ty-n25 {
        --ty: -25%
    }

    .transform.-xl-ty-n50 {
        --ty: -50%
    }

    .transform.-xl-ty-n75 {
        --ty: -75%
    }

    .transform.-xl-ty-nfull {
        --ty: -100%
    }

    .transform.-xl-ta-45 {
        --ta: 45deg
    }

    .transform.-xl-ta-90 {
        --ta: 90deg
    }

    .transform.-xl-ta-180 {
        --ta: 180deg
    }

    .transform.-xl-s-50 {
        --sx: 0.5;
        --sy: 0.5
    }

    .transform.-xl-s-90 {
        --sx: 0.9;
        --sy: 0.9
    }

    .transform.-xl-s-100 {
        --sx: 1;
        --sy: 1
    }

    .transform.-xl-s-120 {
        --sx: 1.2;
        --sy: 1.2
    }

    .transform.-xl-sx-50 {
        --sx: 0.5
    }

    .transform.-xl-sx-90 {
        --sx: 0.9
    }

    .transform.-xl-sx-100 {
        --sx: 1
    }

    .transform.-xl-sx-120 {
        --sx: 1.2
    }

    .transform.-xl-sy-50 {
        --sy: 0.5
    }

    .transform.-xl-sy-90 {
        --sy: 0.9
    }

    .transform.-xl-sy-100 {
        --sy: 1
    }

    .transform.-xl-sy-120 {
        --sy: 1.2
    }

    .transform.-xl-origin-center {
        --origin: center
    }

    .transform.-xl-origin-top {
        --origin: top
    }

    .transform.-xl-origin-top-right {
        --origin: top right
    }

    .transform.-xl-origin-right {
        --origin: right
    }

    .transform.-xl-origin-bottom-right {
        --origin: bottom right
    }

    .transform.-xl-origin-bottom {
        --origin: bottom
    }

    .transform.-xl-origin-bottom-left {
        --origin: bottom left
    }

    .transform.-xl-origin-left {
        --origin: left
    }

    .transform.-xl-origin-top-left {
        --origin: top left
    }
}

@media(min-width: 2200px) {
    .transform.-xxl-t-1 {
        --tx: 1em;
        --ty: 1em
    }

    .transform.-xxl-t-n1 {
        --tx: -1em;
        --ty: -1em
    }

    .transform.-xxl-t-25 {
        --tx: 25%;
        --ty: 25%
    }

    .transform.-xxl-t-50 {
        --tx: 50%;
        --ty: 50%
    }

    .transform.-xxl-t-75 {
        --tx: 75%;
        --ty: 75%
    }

    .transform.-xxl-t-full {
        --tx: 100%;
        --ty: 100%
    }

    .transform.-xxl-t-n25 {
        --tx: -25%;
        --ty: -25%
    }

    .transform.-xxl-t-n50 {
        --tx: -50%;
        --ty: -50%
    }

    .transform.-xxl-t-n75 {
        --tx: -75%;
        --ty: -75%
    }

    .transform.-xxl-t-nfull {
        --tx: -100%;
        --ty: -100%
    }

    .transform.-xxl-tx-1 {
        --tx: 1em
    }

    .transform.-xxl-tx-n1 {
        --tx: -1em
    }

    .transform.-xxl-tx-25 {
        --tx: 25%
    }

    .transform.-xxl-tx-50 {
        --tx: 50%
    }

    .transform.-xxl-tx-75 {
        --tx: 75%
    }

    .transform.-xxl-tx-full {
        --tx: 100%
    }

    .transform.-xxl-tx-n25 {
        --tx: -25%
    }

    .transform.-xxl-tx-n50 {
        --tx: -50%
    }

    .transform.-xxl-tx-n75 {
        --tx: -75%
    }

    .transform.-xxl-tx-nfull {
        --tx: -100%
    }

    .transform.-xxl-ty-1 {
        --ty: 1em
    }

    .transform.-xxl-ty-n1 {
        --ty: -1em
    }

    .transform.-xxl-ty-25 {
        --ty: 25%
    }

    .transform.-xxl-ty-50 {
        --ty: 50%
    }

    .transform.-xxl-ty-75 {
        --ty: 75%
    }

    .transform.-xxl-ty-full {
        --ty: 100%
    }

    .transform.-xxl-ty-n25 {
        --ty: -25%
    }

    .transform.-xxl-ty-n50 {
        --ty: -50%
    }

    .transform.-xxl-ty-n75 {
        --ty: -75%
    }

    .transform.-xxl-ty-nfull {
        --ty: -100%
    }

    .transform.-xxl-ta-45 {
        --ta: 45deg
    }

    .transform.-xxl-ta-90 {
        --ta: 90deg
    }

    .transform.-xxl-ta-180 {
        --ta: 180deg
    }

    .transform.-xxl-s-50 {
        --sx: 0.5;
        --sy: 0.5
    }

    .transform.-xxl-s-90 {
        --sx: 0.9;
        --sy: 0.9
    }

    .transform.-xxl-s-100 {
        --sx: 1;
        --sy: 1
    }

    .transform.-xxl-s-120 {
        --sx: 1.2;
        --sy: 1.2
    }

    .transform.-xxl-sx-50 {
        --sx: 0.5
    }

    .transform.-xxl-sx-90 {
        --sx: 0.9
    }

    .transform.-xxl-sx-100 {
        --sx: 1
    }

    .transform.-xxl-sx-120 {
        --sx: 1.2
    }

    .transform.-xxl-sy-50 {
        --sy: 0.5
    }

    .transform.-xxl-sy-90 {
        --sy: 0.9
    }

    .transform.-xxl-sy-100 {
        --sy: 1
    }

    .transform.-xxl-sy-120 {
        --sy: 1.2
    }

    .transform.-xxl-origin-center {
        --origin: center
    }

    .transform.-xxl-origin-top {
        --origin: top
    }

    .transform.-xxl-origin-top-right {
        --origin: top right
    }

    .transform.-xxl-origin-right {
        --origin: right
    }

    .transform.-xxl-origin-bottom-right {
        --origin: bottom right
    }

    .transform.-xxl-origin-bottom {
        --origin: bottom
    }

    .transform.-xxl-origin-bottom-left {
        --origin: bottom left
    }

    .transform.-xxl-origin-left {
        --origin: left
    }

    .transform.-xxl-origin-top-left {
        --origin: top left
    }
}

.transition {
    --property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    --duration: 0.2s;
    --easing: ease-in;
    --delay: 0s;
    transition: var(--duration) var(--easing) var(--delay);
    transition-property: var(--property)
}

[class*=border],
[class*=divide-]>:not([hidden], template)~:not([hidden], template) {
    border: 0 var(--border-style, solid) var(--border-color, currentColor)
}

.text-reset {
    color: currentcolor
}

.underline {
    text-decoration: underline
}

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

.no-underline {
    text-decoration: none
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.text-center {
    text-align: center
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-text-top {
    vertical-align: text-top
}

.align-text-bottom {
    vertical-align: text-bottom
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-wrap {
    white-space: wrap
}

.text-nowrap {
    white-space: nowrap
}

.break-normal {
    overflow-wrap: normal
}

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

.break-any {
    overflow-wrap: anywhere
}

.break-auto {
    hyphens: auto
}

.weight-thin {
    font-weight: 100
}

.weight-extralight {
    font-weight: 200
}

.weight-light {
    font-weight: 300
}

.weight-normal {
    font-weight: 400
}

.weight-strong {
    font-weight: 500
}

.weight-semibold {
    font-weight: 600
}

.weight-bold {
    font-weight: 700
}

.weight-extrabold {
    font-weight: 800
}

.weight-black {
    font-weight: 900
}

.weight-lighter {
    font-weight: lighter
}

.weight-bolder {
    font-weight: bolder
}

.slant-normal {
    font-style: normal
}

.slant-italic {
    font-style: italic
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: 0.25em
}

.m-2 {
    margin: 0.5em
}

.m-3 {
    margin: 0.75em
}

.m-4 {
    margin: 1em
}

.m-5 {
    margin: 1.25em
}

.m-6 {
    margin: 1.5em
}

.m-7 {
    margin: 1.75em
}

.m-8 {
    margin: 2em
}

.m-9 {
    margin: 2.25em
}

.m-10 {
    margin: 2.5em
}

.m-11 {
    margin: 2.75em
}

.m-12 {
    margin: 3em
}

.m-auto {
    margin: auto
}

.my-0 {
    margin-block-start: 0;
    margin-block-end: 0
}

.my-1 {
    margin-block-start: 0.25em;
    margin-block-end: 0.25em
}

.my-2 {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em
}

.my-3 {
    margin-block-start: 0.75em;
    margin-block-end: 0.75em
}

.my-4 {
    margin-block-start: 1em;
    margin-block-end: 1em
}

.my-5 {
    margin-block-start: 1.25em;
    margin-block-end: 1.25em
}

.my-6 {
    margin-block-start: 1.5em;
    margin-block-end: 1.5em
}

.my-7 {
    margin-block-start: 1.75em;
    margin-block-end: 1.75em
}

.my-8 {
    margin-block-start: 2em;
    margin-block-end: 2em
}

.my-9 {
    margin-block-start: 2.25em;
    margin-block-end: 2.25em
}

.my-10 {
    margin-block-start: 2.5em;
    margin-block-end: 2.5em
}

.my-11 {
    margin-block-start: 2.75em;
    margin-block-end: 2.75em
}

.my-12 {
    margin-block-start: 3em;
    margin-block-end: 3em
}

.my-auto {
    margin-block-start: auto;
    margin-block-end: auto
}

.mt-0 {
    margin-block-start: 0
}

.mt-1 {
    margin-block-start: 0.25em
}

.mt-2 {
    margin-block-start: 0.5em
}

.mt-3 {
    margin-block-start: 0.75em
}

.mt-4 {
    margin-block-start: 1em
}

.mt-5 {
    margin-block-start: 1.25em
}

.mt-6 {
    margin-block-start: 1.5em
}

.mt-7 {
    margin-block-start: 1.75em
}

.mt-8 {
    margin-block-start: 2em
}

.mt-9 {
    margin-block-start: 2.25em
}

.mt-10 {
    margin-block-start: 2.5em
}

.mt-11 {
    margin-block-start: 2.75em
}

.mt-12 {
    margin-block-start: 3em
}

.mt-auto {
    margin-block-start: auto
}

.mb-0 {
    margin-block-end: 0
}

.mb-1 {
    margin-block-end: 0.25em
}

.mb-2 {
    margin-block-end: 0.5em
}

.mb-3 {
    margin-block-end: 0.75em
}

.mb-4 {
    margin-block-end: 1em
}

.mb-5 {
    margin-block-end: 1.25em
}

.mb-6 {
    margin-block-end: 1.5em
}

.mb-7 {
    margin-block-end: 1.75em
}

.mb-8 {
    margin-block-end: 2em
}

.mb-9 {
    margin-block-end: 2.25em
}

.mb-10 {
    margin-block-end: 2.5em
}

.mb-11 {
    margin-block-end: 2.75em
}

.mb-12 {
    margin-block-end: 3em
}

.mb-auto {
    margin-block-end: auto
}

.mx-0 {
    margin-inline-start: 0;
    margin-inline-end: 0
}

.mx-1 {
    margin-inline-start: 0.25em;
    margin-inline-end: 0.25em
}

.mx-2 {
    margin-inline-start: 0.5em;
    margin-inline-end: 0.5em
}

.mx-3 {
    margin-inline-start: 0.75em;
    margin-inline-end: 0.75em
}

.mx-4 {
    margin-inline-start: 1em;
    margin-inline-end: 1em
}

.mx-5 {
    margin-inline-start: 1.25em;
    margin-inline-end: 1.25em
}

.mx-6 {
    margin-inline-start: 1.5em;
    margin-inline-end: 1.5em
}

.mx-7 {
    margin-inline-start: 1.75em;
    margin-inline-end: 1.75em
}

.mx-8 {
    margin-inline-start: 2em;
    margin-inline-end: 2em
}

.mx-9 {
    margin-inline-start: 2.25em;
    margin-inline-end: 2.25em
}

.mx-10 {
    margin-inline-start: 2.5em;
    margin-inline-end: 2.5em
}

.mx-11 {
    margin-inline-start: 2.75em;
    margin-inline-end: 2.75em
}

.mx-12 {
    margin-inline-start: 3em;
    margin-inline-end: 3em
}

.mx-auto {
    margin-inline-start: auto;
    margin-inline-end: auto
}

.ms-0 {
    margin-inline-start: 0
}

.ms-1 {
    margin-inline-start: 0.25em
}

.ms-2 {
    margin-inline-start: 0.5em
}

.ms-3 {
    margin-inline-start: 0.75em
}

.ms-4 {
    margin-inline-start: 1em
}

.ms-5 {
    margin-inline-start: 1.25em
}

.ms-6 {
    margin-inline-start: 1.5em
}

.ms-7 {
    margin-inline-start: 1.75em
}

.ms-8 {
    margin-inline-start: 2em
}

.ms-9 {
    margin-inline-start: 2.25em
}

.ms-10 {
    margin-inline-start: 2.5em
}

.ms-11 {
    margin-inline-start: 2.75em
}

.ms-12 {
    margin-inline-start: 3em
}

.ms-auto {
    margin-inline-start: auto
}

.me-0 {
    margin-inline-end: 0
}

.me-1 {
    margin-inline-end: 0.25em
}

.me-2 {
    margin-inline-end: 0.5em
}

.me-3 {
    margin-inline-end: 0.75em
}

.me-4 {
    margin-inline-end: 1em
}

.me-5 {
    margin-inline-end: 1.25em
}

.me-6 {
    margin-inline-end: 1.5em
}

.me-7 {
    margin-inline-end: 1.75em
}

.me-8 {
    margin-inline-end: 2em
}

.me-9 {
    margin-inline-end: 2.25em
}

.me-10 {
    margin-inline-end: 2.5em
}

.me-11 {
    margin-inline-end: 2.75em
}

.me-12 {
    margin-inline-end: 3em
}

.me-auto {
    margin-inline-end: auto
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 0.25em
}

.p-2 {
    padding: 0.5em
}

.p-3 {
    padding: 0.75em
}

.p-4 {
    padding: 1em
}

.p-5 {
    padding: 1.25em
}

.p-6 {
    padding: 1.5em
}

.p-7 {
    padding: 1.75em
}

.p-8 {
    padding: 2em
}

.p-9 {
    padding: 2.25em
}

.p-10 {
    padding: 2.5em
}

.p-11 {
    padding: 2.75em
}

.p-12 {
    padding: 3em
}

.py-0 {
    padding-block-start: 0;
    padding-block-end: 0
}

.py-1 {
    padding-block-start: 0.25em;
    padding-block-end: 0.25em
}

.py-2 {
    padding-block-start: 0.5em;
    padding-block-end: 0.5em
}

.py-3 {
    padding-block-start: 0.75em;
    padding-block-end: 0.75em
}

.py-4 {
    padding-block-start: 1em;
    padding-block-end: 1em
}

.py-5 {
    padding-block-start: 1.25em;
    padding-block-end: 1.25em
}

.py-6 {
    padding-block-start: 1.5em;
    padding-block-end: 1.5em
}

.py-7 {
    padding-block-start: 1.75em;
    padding-block-end: 1.75em
}

.py-8 {
    padding-block-start: 2em;
    padding-block-end: 2em
}

.py-9 {
    padding-block-start: 2.25em;
    padding-block-end: 2.25em
}

.py-10 {
    padding-block-start: 2.5em;
    padding-block-end: 2.5em
}

.py-11 {
    padding-block-start: 2.75em;
    padding-block-end: 2.75em
}

.py-12 {
    padding-block-start: 3em;
    padding-block-end: 3em
}

.pt-0 {
    padding-block-start: 0
}

.pt-1 {
    padding-block-start: 0.25em
}

.pt-2 {
    padding-block-start: 0.5em
}

.pt-3 {
    padding-block-start: 0.75em
}

.pt-4 {
    padding-block-start: 1em
}

.pt-5 {
    padding-block-start: 1.25em
}

.pt-6 {
    padding-block-start: 1.5em
}

.pt-7 {
    padding-block-start: 1.75em
}

.pt-8 {
    padding-block-start: 2em
}

.pt-9 {
    padding-block-start: 2.25em
}

.pt-10 {
    padding-block-start: 2.5em
}

.pt-11 {
    padding-block-start: 2.75em
}

.pt-12 {
    padding-block-start: 3em
}

.pb-0 {
    padding-block-end: 0
}

.pb-1 {
    padding-block-end: 0.25em
}

.pb-2 {
    padding-block-end: 0.5em
}

.pb-3 {
    padding-block-end: 0.75em
}

.pb-4 {
    padding-block-end: 1em
}

.pb-5 {
    padding-block-end: 1.25em
}

.pb-6 {
    padding-block-end: 1.5em
}

.pb-7 {
    padding-block-end: 1.75em
}

.pb-8 {
    padding-block-end: 2em
}

.pb-9 {
    padding-block-end: 2.25em
}

.pb-10 {
    padding-block-end: 2.5em
}

.pb-11 {
    padding-block-end: 2.75em
}

.pb-12 {
    padding-block-end: 3em
}

.px-0 {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.px-1 {
    padding-inline-start: 0.25em;
    padding-inline-end: 0.25em
}

.px-2 {
    padding-inline-start: 0.5em;
    padding-inline-end: 0.5em
}

.px-3 {
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em
}

.px-4 {
    padding-inline-start: 1em;
    padding-inline-end: 1em
}

.px-5 {
    padding-inline-start: 1.25em;
    padding-inline-end: 1.25em
}

.px-6 {
    padding-inline-start: 1.5em;
    padding-inline-end: 1.5em
}

.px-7 {
    padding-inline-start: 1.75em;
    padding-inline-end: 1.75em
}

.px-8 {
    padding-inline-start: 2em;
    padding-inline-end: 2em
}

.px-9 {
    padding-inline-start: 2.25em;
    padding-inline-end: 2.25em
}

.px-10 {
    padding-inline-start: 2.5em;
    padding-inline-end: 2.5em
}

.px-11 {
    padding-inline-start: 2.75em;
    padding-inline-end: 2.75em
}

.px-12 {
    padding-inline-start: 3em;
    padding-inline-end: 3em
}

.ps-0 {
    padding-inline-start: 0
}

.ps-1 {
    padding-inline-start: 0.25em
}

.ps-2 {
    padding-inline-start: 0.5em
}

.ps-3 {
    padding-inline-start: 0.75em
}

.ps-4 {
    padding-inline-start: 1em
}

.ps-5 {
    padding-inline-start: 1.25em
}

.ps-6 {
    padding-inline-start: 1.5em
}

.ps-7 {
    padding-inline-start: 1.75em
}

.ps-8 {
    padding-inline-start: 2em
}

.ps-9 {
    padding-inline-start: 2.25em
}

.ps-10 {
    padding-inline-start: 2.5em
}

.ps-11 {
    padding-inline-start: 2.75em
}

.ps-12 {
    padding-inline-start: 3em
}

.pe-0 {
    padding-inline-end: 0
}

.pe-1 {
    padding-inline-end: 0.25em
}

.pe-2 {
    padding-inline-end: 0.5em
}

.pe-3 {
    padding-inline-end: 0.75em
}

.pe-4 {
    padding-inline-end: 1em
}

.pe-5 {
    padding-inline-end: 1.25em
}

.pe-6 {
    padding-inline-end: 1.5em
}

.pe-7 {
    padding-inline-end: 1.75em
}

.pe-8 {
    padding-inline-end: 2em
}

.pe-9 {
    padding-inline-end: 2.25em
}

.pe-10 {
    padding-inline-end: 2.5em
}

.pe-11 {
    padding-inline-end: 2.75em
}

.pe-12 {
    padding-inline-end: 3em
}

.space-y-0>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 0
}

.space-y-1>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 0.25em
}

.space-y-2>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 0.5em
}

.space-y-3>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 0.75em
}

.space-y-4>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 1em
}

.space-y-5>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 1.25em
}

.space-y-6>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 1.5em
}

.space-y-7>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 1.75em
}

.space-y-8>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 2em
}

.space-y-9>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 2.25em
}

.space-y-10>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 2.5em
}

.space-y-11>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 2.75em
}

.space-y-12>:not([hidden], template)~:not([hidden], template) {
    margin-block-start: 3em
}

.space-x-0>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 0
}

.space-x-1>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 0.25em
}

.space-x-2>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 0.5em
}

.space-x-3>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 0.75em
}

.space-x-4>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 1em
}

.space-x-5>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 1.25em
}

.space-x-6>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 1.5em
}

.space-x-7>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 1.75em
}

.space-x-8>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 2em
}

.space-x-9>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 2.25em
}

.space-x-10>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 2.5em
}

.space-x-11>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 2.75em
}

.space-x-12>:not([hidden], template)~:not([hidden], template) {
    margin-inline-start: 3em
}

.w-auto {
    width: auto
}

.w-none {
    width: 0
}

.w-25 {
    width: 25%
}

.w-33 {
    width: 33.3333333333%
}

.w-50 {
    width: 50%
}

.w-66 {
    width: 66.6666666667%
}

.w-75 {
    width: 75%
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.w-max {
    width: max-content
}

.w-min {
    width: min-content
}

.min-w-none {
    min-width: 0
}

.min-w-full {
    min-width: 100%
}

.min-w-screen {
    min-width: 100vw
}

.min-w-max {
    min-width: max-content
}

.min-w {
    min-width: min-content
}

.max-w-none {
    max-width: 0
}

.max-w-full {
    max-width: 100%
}

.max-w-screen {
    max-width: 100vw
}

.max-w {
    max-width: max-content
}

.max-w-min {
    max-width: min-content
}

.h-auto {
    height: auto
}

.h-none {
    height: 0
}

.h-25 {
    height: 25%
}

.h-33 {
    height: 33.3333333333%
}

.h-50 {
    height: 50%
}

.h-66 {
    height: 66.6666666667%
}

.h-75 {
    height: 75%
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.h-max {
    height: max-content
}

.h-min {
    height: min-content
}

.min-h-none {
    min-height: 0
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.min-h-max {
    min-height: max-content
}

.min-h {
    min-height: min-content
}

.max-h-none {
    max-height: 0
}

.max-h-full {
    max-height: 100%
}

.max-h-screen {
    max-height: 100vh
}

.max-h {
    max-height: max-content
}

.max-h-min {
    max-height: min-content
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flow-root {
    display: flow-root
}

.hidden {
    display: none
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none
}

.clear-right {
    clear: right
}

.clear-left {
    clear: left
}

.clear-both {
    clear: both
}

.clear-none {
    clear: none
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-fill {
    object-fit: fill
}

.object-none {
    object-fit: none
}

.object-scale-down {
    object-fit: scale-down
}

.object-top {
    object-position: top
}

.object-right {
    object-position: right
}

.object-bottom {
    object-position: bottom
}

.object-left {
    object-position: left
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

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

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-y-scroll {
    overflow-y: scroll
}

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

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

.z-auto {
    z-index: auto
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.static {
    position: static
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.sticky {
    position: sticky
}

.top-auto {
    top: auto
}

.top-0 {
    top: 0
}

.top-50 {
    top: 50%
}

.top-full {
    top: 100%
}

.right-auto {
    right: auto
}

.right-0 {
    right: 0
}

.right-50 {
    right: 50%
}

.right-full {
    right: 100%
}

.bottom-auto {
    bottom: auto
}

.bottom-0 {
    bottom: 0
}

.bottom-50 {
    bottom: 50%
}

.bottom-full {
    bottom: 100%
}

.left-auto {
    left: auto
}

.left-0 {
    left: 0
}

.left-50 {
    left: 50%
}

.left-full {
    left: 100%
}

.inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-50 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%
}

.inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%
}

.inset-y-auto {
    top: auto;
    bottom: auto
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.inset-y-50 {
    top: 50%;
    bottom: 50%
}

.inset-y-full {
    top: 100%;
    bottom: 100%
}

.inset-x-auto {
    right: auto;
    left: auto
}

.inset-x-0 {
    right: 0;
    left: 0
}

.inset-x-50 {
    right: 50%;
    left: 50%
}

.inset-x-full {
    right: 100%;
    left: 100%
}

.flex-row {
    flex-direction: row
}

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

.flex-col {
    flex-direction: column
}

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

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

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

.flex-fill {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-shrink {
    flex: 0 0 auto
}

.flex-grow {
    flex: 1 0 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

.order-first {
    order: -1
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-last {
    order: 9
}

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

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

.justify-center {
    justify-content: center
}

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

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

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

.justify-items-start {
    justify-items: start
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.justify-items-stretch {
    justify-items: stretch
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

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

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

.content-center {
    align-content: center
}

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

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

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

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

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

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

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-3 {
    border-width: 3px
}

.border-block-start {
    border-block-start-width: 1px
}

.border-block-start-0 {
    border-block-start-width: 0
}

.border-block-start-2 {
    border-block-start-width: 2px
}

.border-block-start-3 {
    border-block-start-width: 3px
}

.border-block-end {
    border-block-end-width: 1px
}

.border-block-end-0 {
    border-block-end-width: 0
}

.border-block-end-2 {
    border-block-end-width: 2px
}

.border-block-end-3 {
    border-block-end-width: 3px
}

.border-inline-end {
    border-inline-end-width: 1px
}

.border-inline-end-0 {
    border-inline-end-width: 0
}

.border-inline-end-2 {
    border-inline-end-width: 2px
}

.border-inline-end-3 {
    border-inline-end-width: 3px
}

.border-inline-start {
    border-inline-start-width: 1px
}

.border-inline-start-0 {
    border-inline-start-width: 0
}

.border-inline-start-2 {
    border-inline-start-width: 2px
}

.border-inline-start-3 {
    border-inline-start-width: 3px
}

.divide-y>:not([hidden], template)~:not([hidden], template) {
    border-block-start-width: 1px
}

.divide-y-none>:not([hidden], template)~:not([hidden], template) {
    border-block-start-width: 0
}

.divide-x>:not([hidden], template)~:not([hidden], template) {
    border-inline-start-width: 1px
}

.divide-x-none>:not([hidden], template)~:not([hidden], template) {
    border-inline-start-width: 0
}

@media(min-width: 420px) {
    .xs-underline {
        text-decoration: underline
    }

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

    .xs-no-underline {
        text-decoration: none
    }

    .xs-text-start {
        text-align: start
    }

    .xs-text-end {
        text-align: end
    }

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

    .xs-align-baseline {
        vertical-align: baseline
    }

    .xs-align-top {
        vertical-align: top
    }

    .xs-align-middle {
        vertical-align: middle
    }

    .xs-align-bottom {
        vertical-align: bottom
    }

    .xs-align-text-top {
        vertical-align: text-top
    }

    .xs-align-text-bottom {
        vertical-align: text-bottom
    }

    .xs-text-uppercase {
        text-transform: uppercase
    }

    .xs-text-lowercase {
        text-transform: lowercase
    }

    .xs-text-capitalize {
        text-transform: capitalize
    }

    .xs-text-wrap {
        white-space: wrap
    }

    .xs-text-nowrap {
        white-space: nowrap
    }

    .xs-break-normal {
        overflow-wrap: normal
    }

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

    .xs-break-any {
        overflow-wrap: anywhere
    }

    .xs-break-auto {
        hyphens: auto
    }

    .xs-weight-thin {
        font-weight: 100
    }

    .xs-weight-extralight {
        font-weight: 200
    }

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

    .xs-weight-normal {
        font-weight: 400
    }

    .xs-weight-strong {
        font-weight: 500
    }

    .xs-weight-semibold {
        font-weight: 600
    }

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

    .xs-weight-extrabold {
        font-weight: 800
    }

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

    .xs-weight-lighter {
        font-weight: lighter
    }

    .xs-weight-bolder {
        font-weight: bolder
    }

    .xs-slant-normal {
        font-style: normal
    }

    .xs-slant-italic {
        font-style: italic
    }

    .xs-m-0 {
        margin: 0
    }

    .xs-m-1 {
        margin: 0.25em
    }

    .xs-m-2 {
        margin: 0.5em
    }

    .xs-m-3 {
        margin: 0.75em
    }

    .xs-m-4 {
        margin: 1em
    }

    .xs-m-5 {
        margin: 1.25em
    }

    .xs-m-6 {
        margin: 1.5em
    }

    .xs-m-7 {
        margin: 1.75em
    }

    .xs-m-8 {
        margin: 2em
    }

    .xs-m-9 {
        margin: 2.25em
    }

    .xs-m-10 {
        margin: 2.5em
    }

    .xs-m-11 {
        margin: 2.75em
    }

    .xs-m-12 {
        margin: 3em
    }

    .xs-m-auto {
        margin: auto
    }

    .xs-my-0 {
        margin-block-start: 0;
        margin-block-end: 0
    }

    .xs-my-1 {
        margin-block-start: 0.25em;
        margin-block-end: 0.25em
    }

    .xs-my-2 {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em
    }

    .xs-my-3 {
        margin-block-start: 0.75em;
        margin-block-end: 0.75em
    }

    .xs-my-4 {
        margin-block-start: 1em;
        margin-block-end: 1em
    }

    .xs-my-5 {
        margin-block-start: 1.25em;
        margin-block-end: 1.25em
    }

    .xs-my-6 {
        margin-block-start: 1.5em;
        margin-block-end: 1.5em
    }

    .xs-my-7 {
        margin-block-start: 1.75em;
        margin-block-end: 1.75em
    }

    .xs-my-8 {
        margin-block-start: 2em;
        margin-block-end: 2em
    }

    .xs-my-9 {
        margin-block-start: 2.25em;
        margin-block-end: 2.25em
    }

    .xs-my-10 {
        margin-block-start: 2.5em;
        margin-block-end: 2.5em
    }

    .xs-my-11 {
        margin-block-start: 2.75em;
        margin-block-end: 2.75em
    }

    .xs-my-12 {
        margin-block-start: 3em;
        margin-block-end: 3em
    }

    .xs-my-auto {
        margin-block-start: auto;
        margin-block-end: auto
    }

    .xs-mt-0 {
        margin-block-start: 0
    }

    .xs-mt-1 {
        margin-block-start: 0.25em
    }

    .xs-mt-2 {
        margin-block-start: 0.5em
    }

    .xs-mt-3 {
        margin-block-start: 0.75em
    }

    .xs-mt-4 {
        margin-block-start: 1em
    }

    .xs-mt-5 {
        margin-block-start: 1.25em
    }

    .xs-mt-6 {
        margin-block-start: 1.5em
    }

    .xs-mt-7 {
        margin-block-start: 1.75em
    }

    .xs-mt-8 {
        margin-block-start: 2em
    }

    .xs-mt-9 {
        margin-block-start: 2.25em
    }

    .xs-mt-10 {
        margin-block-start: 2.5em
    }

    .xs-mt-11 {
        margin-block-start: 2.75em
    }

    .xs-mt-12 {
        margin-block-start: 3em
    }

    .xs-mt-auto {
        margin-block-start: auto
    }

    .xs-mb-0 {
        margin-block-end: 0
    }

    .xs-mb-1 {
        margin-block-end: 0.25em
    }

    .xs-mb-2 {
        margin-block-end: 0.5em
    }

    .xs-mb-3 {
        margin-block-end: 0.75em
    }

    .xs-mb-4 {
        margin-block-end: 1em
    }

    .xs-mb-5 {
        margin-block-end: 1.25em
    }

    .xs-mb-6 {
        margin-block-end: 1.5em
    }

    .xs-mb-7 {
        margin-block-end: 1.75em
    }

    .xs-mb-8 {
        margin-block-end: 2em
    }

    .xs-mb-9 {
        margin-block-end: 2.25em
    }

    .xs-mb-10 {
        margin-block-end: 2.5em
    }

    .xs-mb-11 {
        margin-block-end: 2.75em
    }

    .xs-mb-12 {
        margin-block-end: 3em
    }

    .xs-mb-auto {
        margin-block-end: auto
    }

    .xs-mx-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .xs-mx-1 {
        margin-inline-start: 0.25em;
        margin-inline-end: 0.25em
    }

    .xs-mx-2 {
        margin-inline-start: 0.5em;
        margin-inline-end: 0.5em
    }

    .xs-mx-3 {
        margin-inline-start: 0.75em;
        margin-inline-end: 0.75em
    }

    .xs-mx-4 {
        margin-inline-start: 1em;
        margin-inline-end: 1em
    }

    .xs-mx-5 {
        margin-inline-start: 1.25em;
        margin-inline-end: 1.25em
    }

    .xs-mx-6 {
        margin-inline-start: 1.5em;
        margin-inline-end: 1.5em
    }

    .xs-mx-7 {
        margin-inline-start: 1.75em;
        margin-inline-end: 1.75em
    }

    .xs-mx-8 {
        margin-inline-start: 2em;
        margin-inline-end: 2em
    }

    .xs-mx-9 {
        margin-inline-start: 2.25em;
        margin-inline-end: 2.25em
    }

    .xs-mx-10 {
        margin-inline-start: 2.5em;
        margin-inline-end: 2.5em
    }

    .xs-mx-11 {
        margin-inline-start: 2.75em;
        margin-inline-end: 2.75em
    }

    .xs-mx-12 {
        margin-inline-start: 3em;
        margin-inline-end: 3em
    }

    .xs-mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .xs-ms-0 {
        margin-inline-start: 0
    }

    .xs-ms-1 {
        margin-inline-start: 0.25em
    }

    .xs-ms-2 {
        margin-inline-start: 0.5em
    }

    .xs-ms-3 {
        margin-inline-start: 0.75em
    }

    .xs-ms-4 {
        margin-inline-start: 1em
    }

    .xs-ms-5 {
        margin-inline-start: 1.25em
    }

    .xs-ms-6 {
        margin-inline-start: 1.5em
    }

    .xs-ms-7 {
        margin-inline-start: 1.75em
    }

    .xs-ms-8 {
        margin-inline-start: 2em
    }

    .xs-ms-9 {
        margin-inline-start: 2.25em
    }

    .xs-ms-10 {
        margin-inline-start: 2.5em
    }

    .xs-ms-11 {
        margin-inline-start: 2.75em
    }

    .xs-ms-12 {
        margin-inline-start: 3em
    }

    .xs-ms-auto {
        margin-inline-start: auto
    }

    .xs-me-0 {
        margin-inline-end: 0
    }

    .xs-me-1 {
        margin-inline-end: 0.25em
    }

    .xs-me-2 {
        margin-inline-end: 0.5em
    }

    .xs-me-3 {
        margin-inline-end: 0.75em
    }

    .xs-me-4 {
        margin-inline-end: 1em
    }

    .xs-me-5 {
        margin-inline-end: 1.25em
    }

    .xs-me-6 {
        margin-inline-end: 1.5em
    }

    .xs-me-7 {
        margin-inline-end: 1.75em
    }

    .xs-me-8 {
        margin-inline-end: 2em
    }

    .xs-me-9 {
        margin-inline-end: 2.25em
    }

    .xs-me-10 {
        margin-inline-end: 2.5em
    }

    .xs-me-11 {
        margin-inline-end: 2.75em
    }

    .xs-me-12 {
        margin-inline-end: 3em
    }

    .xs-me-auto {
        margin-inline-end: auto
    }

    .xs-p-0 {
        padding: 0
    }

    .xs-p-1 {
        padding: 0.25em
    }

    .xs-p-2 {
        padding: 0.5em
    }

    .xs-p-3 {
        padding: 0.75em
    }

    .xs-p-4 {
        padding: 1em
    }

    .xs-p-5 {
        padding: 1.25em
    }

    .xs-p-6 {
        padding: 1.5em
    }

    .xs-p-7 {
        padding: 1.75em
    }

    .xs-p-8 {
        padding: 2em
    }

    .xs-p-9 {
        padding: 2.25em
    }

    .xs-p-10 {
        padding: 2.5em
    }

    .xs-p-11 {
        padding: 2.75em
    }

    .xs-p-12 {
        padding: 3em
    }

    .xs-py-0 {
        padding-block-start: 0;
        padding-block-end: 0
    }

    .xs-py-1 {
        padding-block-start: 0.25em;
        padding-block-end: 0.25em
    }

    .xs-py-2 {
        padding-block-start: 0.5em;
        padding-block-end: 0.5em
    }

    .xs-py-3 {
        padding-block-start: 0.75em;
        padding-block-end: 0.75em
    }

    .xs-py-4 {
        padding-block-start: 1em;
        padding-block-end: 1em
    }

    .xs-py-5 {
        padding-block-start: 1.25em;
        padding-block-end: 1.25em
    }

    .xs-py-6 {
        padding-block-start: 1.5em;
        padding-block-end: 1.5em
    }

    .xs-py-7 {
        padding-block-start: 1.75em;
        padding-block-end: 1.75em
    }

    .xs-py-8 {
        padding-block-start: 2em;
        padding-block-end: 2em
    }

    .xs-py-9 {
        padding-block-start: 2.25em;
        padding-block-end: 2.25em
    }

    .xs-py-10 {
        padding-block-start: 2.5em;
        padding-block-end: 2.5em
    }

    .xs-py-11 {
        padding-block-start: 2.75em;
        padding-block-end: 2.75em
    }

    .xs-py-12 {
        padding-block-start: 3em;
        padding-block-end: 3em
    }

    .xs-pt-0 {
        padding-block-start: 0
    }

    .xs-pt-1 {
        padding-block-start: 0.25em
    }

    .xs-pt-2 {
        padding-block-start: 0.5em
    }

    .xs-pt-3 {
        padding-block-start: 0.75em
    }

    .xs-pt-4 {
        padding-block-start: 1em
    }

    .xs-pt-5 {
        padding-block-start: 1.25em
    }

    .xs-pt-6 {
        padding-block-start: 1.5em
    }

    .xs-pt-7 {
        padding-block-start: 1.75em
    }

    .xs-pt-8 {
        padding-block-start: 2em
    }

    .xs-pt-9 {
        padding-block-start: 2.25em
    }

    .xs-pt-10 {
        padding-block-start: 2.5em
    }

    .xs-pt-11 {
        padding-block-start: 2.75em
    }

    .xs-pt-12 {
        padding-block-start: 3em
    }

    .xs-pb-0 {
        padding-block-end: 0
    }

    .xs-pb-1 {
        padding-block-end: 0.25em
    }

    .xs-pb-2 {
        padding-block-end: 0.5em
    }

    .xs-pb-3 {
        padding-block-end: 0.75em
    }

    .xs-pb-4 {
        padding-block-end: 1em
    }

    .xs-pb-5 {
        padding-block-end: 1.25em
    }

    .xs-pb-6 {
        padding-block-end: 1.5em
    }

    .xs-pb-7 {
        padding-block-end: 1.75em
    }

    .xs-pb-8 {
        padding-block-end: 2em
    }

    .xs-pb-9 {
        padding-block-end: 2.25em
    }

    .xs-pb-10 {
        padding-block-end: 2.5em
    }

    .xs-pb-11 {
        padding-block-end: 2.75em
    }

    .xs-pb-12 {
        padding-block-end: 3em
    }

    .xs-px-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .xs-px-1 {
        padding-inline-start: 0.25em;
        padding-inline-end: 0.25em
    }

    .xs-px-2 {
        padding-inline-start: 0.5em;
        padding-inline-end: 0.5em
    }

    .xs-px-3 {
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em
    }

    .xs-px-4 {
        padding-inline-start: 1em;
        padding-inline-end: 1em
    }

    .xs-px-5 {
        padding-inline-start: 1.25em;
        padding-inline-end: 1.25em
    }

    .xs-px-6 {
        padding-inline-start: 1.5em;
        padding-inline-end: 1.5em
    }

    .xs-px-7 {
        padding-inline-start: 1.75em;
        padding-inline-end: 1.75em
    }

    .xs-px-8 {
        padding-inline-start: 2em;
        padding-inline-end: 2em
    }

    .xs-px-9 {
        padding-inline-start: 2.25em;
        padding-inline-end: 2.25em
    }

    .xs-px-10 {
        padding-inline-start: 2.5em;
        padding-inline-end: 2.5em
    }

    .xs-px-11 {
        padding-inline-start: 2.75em;
        padding-inline-end: 2.75em
    }

    .xs-px-12 {
        padding-inline-start: 3em;
        padding-inline-end: 3em
    }

    .xs-ps-0 {
        padding-inline-start: 0
    }

    .xs-ps-1 {
        padding-inline-start: 0.25em
    }

    .xs-ps-2 {
        padding-inline-start: 0.5em
    }

    .xs-ps-3 {
        padding-inline-start: 0.75em
    }

    .xs-ps-4 {
        padding-inline-start: 1em
    }

    .xs-ps-5 {
        padding-inline-start: 1.25em
    }

    .xs-ps-6 {
        padding-inline-start: 1.5em
    }

    .xs-ps-7 {
        padding-inline-start: 1.75em
    }

    .xs-ps-8 {
        padding-inline-start: 2em
    }

    .xs-ps-9 {
        padding-inline-start: 2.25em
    }

    .xs-ps-10 {
        padding-inline-start: 2.5em
    }

    .xs-ps-11 {
        padding-inline-start: 2.75em
    }

    .xs-ps-12 {
        padding-inline-start: 3em
    }

    .xs-pe-0 {
        padding-inline-end: 0
    }

    .xs-pe-1 {
        padding-inline-end: 0.25em
    }

    .xs-pe-2 {
        padding-inline-end: 0.5em
    }

    .xs-pe-3 {
        padding-inline-end: 0.75em
    }

    .xs-pe-4 {
        padding-inline-end: 1em
    }

    .xs-pe-5 {
        padding-inline-end: 1.25em
    }

    .xs-pe-6 {
        padding-inline-end: 1.5em
    }

    .xs-pe-7 {
        padding-inline-end: 1.75em
    }

    .xs-pe-8 {
        padding-inline-end: 2em
    }

    .xs-pe-9 {
        padding-inline-end: 2.25em
    }

    .xs-pe-10 {
        padding-inline-end: 2.5em
    }

    .xs-pe-11 {
        padding-inline-end: 2.75em
    }

    .xs-pe-12 {
        padding-inline-end: 3em
    }

    .xs-space-y-0>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0
    }

    .xs-space-y-1>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.25em
    }

    .xs-space-y-2>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.5em
    }

    .xs-space-y-3>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.75em
    }

    .xs-space-y-4>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1em
    }

    .xs-space-y-5>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.25em
    }

    .xs-space-y-6>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.5em
    }

    .xs-space-y-7>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.75em
    }

    .xs-space-y-8>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2em
    }

    .xs-space-y-9>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.25em
    }

    .xs-space-y-10>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.5em
    }

    .xs-space-y-11>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.75em
    }

    .xs-space-y-12>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 3em
    }

    .xs-space-x-0>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0
    }

    .xs-space-x-1>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.25em
    }

    .xs-space-x-2>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.5em
    }

    .xs-space-x-3>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.75em
    }

    .xs-space-x-4>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1em
    }

    .xs-space-x-5>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.25em
    }

    .xs-space-x-6>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.5em
    }

    .xs-space-x-7>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.75em
    }

    .xs-space-x-8>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2em
    }

    .xs-space-x-9>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.25em
    }

    .xs-space-x-10>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.5em
    }

    .xs-space-x-11>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.75em
    }

    .xs-space-x-12>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 3em
    }

    .xs-w-auto {
        width: auto
    }

    .xs-w-none {
        width: 0
    }

    .xs-w-25 {
        width: 25%
    }

    .xs-w-33 {
        width: 33.3333333333%
    }

    .xs-w-50 {
        width: 50%
    }

    .xs-w-66 {
        width: 66.6666666667%
    }

    .xs-w-75 {
        width: 75%
    }

    .xs-w-full {
        width: 100%
    }

    .xs-w-screen {
        width: 100vw
    }

    .xs-w-max {
        width: max-content
    }

    .xs-w-min {
        width: min-content
    }

    .xs-min-w-none {
        min-width: 0
    }

    .xs-min-w-full {
        min-width: 100%
    }

    .xs-min-w-screen {
        min-width: 100vw
    }

    .xs-min-w-max {
        min-width: max-content
    }

    .xs-min-w {
        min-width: min-content
    }

    .xs-max-w-none {
        max-width: 0
    }

    .xs-max-w-full {
        max-width: 100%
    }

    .xs-max-w-screen {
        max-width: 100vw
    }

    .xs-max-w {
        max-width: max-content
    }

    .xs-max-w-min {
        max-width: min-content
    }

    .xs-h-auto {
        height: auto
    }

    .xs-h-none {
        height: 0
    }

    .xs-h-25 {
        height: 25%
    }

    .xs-h-33 {
        height: 33.3333333333%
    }

    .xs-h-50 {
        height: 50%
    }

    .xs-h-66 {
        height: 66.6666666667%
    }

    .xs-h-75 {
        height: 75%
    }

    .xs-h-full {
        height: 100%
    }

    .xs-h-screen {
        height: 100vh
    }

    .xs-h-max {
        height: max-content
    }

    .xs-h-min {
        height: min-content
    }

    .xs-min-h-none {
        min-height: 0
    }

    .xs-min-h-full {
        min-height: 100%
    }

    .xs-min-h-screen {
        min-height: 100vh
    }

    .xs-min-h-max {
        min-height: max-content
    }

    .xs-min-h {
        min-height: min-content
    }

    .xs-max-h-none {
        max-height: 0
    }

    .xs-max-h-full {
        max-height: 100%
    }

    .xs-max-h-screen {
        max-height: 100vh
    }

    .xs-max-h {
        max-height: max-content
    }

    .xs-max-h-min {
        max-height: min-content
    }

    .xs-block {
        display: block
    }

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

    .xs-flex {
        display: flex
    }

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

    .xs-flow-root {
        display: flow-root
    }

    .xs-hidden {
        display: none
    }

    .xs-float-right {
        float: right
    }

    .xs-float-left {
        float: left
    }

    .xs-float-none {
        float: none
    }

    .xs-clear-right {
        clear: right
    }

    .xs-clear-left {
        clear: left
    }

    .xs-clear-both {
        clear: both
    }

    .xs-clear-none {
        clear: none
    }

    .xs-invisible {
        visibility: hidden
    }

    .xs-visible {
        visibility: visible
    }

    .xs-static {
        position: static
    }

    .xs-relative {
        position: relative
    }

    .xs-absolute {
        position: absolute
    }

    .xs-fixed {
        position: fixed
    }

    .xs-sticky {
        position: sticky
    }

    .xs-top-auto {
        top: auto
    }

    .xs-top-0 {
        top: 0
    }

    .xs-top-50 {
        top: 50%
    }

    .xs-top-full {
        top: 100%
    }

    .xs-right-auto {
        right: auto
    }

    .xs-right-0 {
        right: 0
    }

    .xs-right-50 {
        right: 50%
    }

    .xs-right-full {
        right: 100%
    }

    .xs-bottom-auto {
        bottom: auto
    }

    .xs-bottom-0 {
        bottom: 0
    }

    .xs-bottom-50 {
        bottom: 50%
    }

    .xs-bottom-full {
        bottom: 100%
    }

    .xs-left-auto {
        left: auto
    }

    .xs-left-0 {
        left: 0
    }

    .xs-left-50 {
        left: 50%
    }

    .xs-left-full {
        left: 100%
    }

    .xs-inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .xs-inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .xs-inset-50 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }

    .xs-inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }

    .xs-inset-y-auto {
        top: auto;
        bottom: auto
    }

    .xs-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .xs-inset-y-50 {
        top: 50%;
        bottom: 50%
    }

    .xs-inset-y-full {
        top: 100%;
        bottom: 100%
    }

    .xs-inset-x-auto {
        right: auto;
        left: auto
    }

    .xs-inset-x-0 {
        right: 0;
        left: 0
    }

    .xs-inset-x-50 {
        right: 50%;
        left: 50%
    }

    .xs-inset-x-full {
        right: 100%;
        left: 100%
    }

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

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

    .xs-flex-col {
        flex-direction: column
    }

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

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

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

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

    .xs-flex-fill {
        flex: 1 1 0%
    }

    .xs-flex-auto {
        flex: 1 1 auto
    }

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

    .xs-flex-grow {
        flex: 1 0 auto
    }

    .xs-flex-initial {
        flex: 0 1 auto
    }

    .xs-flex-none {
        flex: none
    }

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

    .xs-order-0 {
        order: 0
    }

    .xs-order-1 {
        order: 1
    }

    .xs-order-last {
        order: 9
    }

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

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

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

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

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

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

    .xs-justify-items-start {
        justify-items: start
    }

    .xs-justify-items-end {
        justify-items: end
    }

    .xs-justify-items-center {
        justify-items: center
    }

    .xs-justify-items-stretch {
        justify-items: stretch
    }

    .xs-justify-self-start {
        justify-self: start
    }

    .xs-justify-self-end {
        justify-self: end
    }

    .xs-justify-self-center {
        justify-self: center
    }

    .xs-justify-self-stretch {
        justify-self: stretch
    }

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

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

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

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

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

    .xs-content-evenly {
        align-content: space-evenly
    }

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

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

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

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

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

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

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

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

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

    .xs-border {
        border-width: 1px
    }

    .xs-border-0 {
        border-width: 0
    }

    .xs-border-2 {
        border-width: 2px
    }

    .xs-border-3 {
        border-width: 3px
    }

    .xs-border-block-start {
        border-block-start-width: 1px
    }

    .xs-border-block-start-0 {
        border-block-start-width: 0
    }

    .xs-border-block-start-2 {
        border-block-start-width: 2px
    }

    .xs-border-block-start-3 {
        border-block-start-width: 3px
    }

    .xs-border-block-end {
        border-block-end-width: 1px
    }

    .xs-border-block-end-0 {
        border-block-end-width: 0
    }

    .xs-border-block-end-2 {
        border-block-end-width: 2px
    }

    .xs-border-block-end-3 {
        border-block-end-width: 3px
    }

    .xs-border-inline-end {
        border-inline-end-width: 1px
    }

    .xs-border-inline-end-0 {
        border-inline-end-width: 0
    }

    .xs-border-inline-end-2 {
        border-inline-end-width: 2px
    }

    .xs-border-inline-end-3 {
        border-inline-end-width: 3px
    }

    .xs-border-inline-start {
        border-inline-start-width: 1px
    }

    .xs-border-inline-start-0 {
        border-inline-start-width: 0
    }

    .xs-border-inline-start-2 {
        border-inline-start-width: 2px
    }

    .xs-border-inline-start-3 {
        border-inline-start-width: 3px
    }

    .xs-divide-y>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 1px
    }

    .xs-divide-y-none>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 0
    }

    .xs-divide-x>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 1px
    }

    .xs-divide-x-none>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 0
    }
}

@media(min-width: 640px) {
    .sm-underline {
        text-decoration: underline
    }

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

    .sm-no-underline {
        text-decoration: none
    }

    .sm-text-start {
        text-align: start
    }

    .sm-text-end {
        text-align: end
    }

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

    .sm-align-baseline {
        vertical-align: baseline
    }

    .sm-align-top {
        vertical-align: top
    }

    .sm-align-middle {
        vertical-align: middle
    }

    .sm-align-bottom {
        vertical-align: bottom
    }

    .sm-align-text-top {
        vertical-align: text-top
    }

    .sm-align-text-bottom {
        vertical-align: text-bottom
    }

    .sm-text-uppercase {
        text-transform: uppercase
    }

    .sm-text-lowercase {
        text-transform: lowercase
    }

    .sm-text-capitalize {
        text-transform: capitalize
    }

    .sm-text-wrap {
        white-space: wrap
    }

    .sm-text-nowrap {
        white-space: nowrap
    }

    .sm-break-normal {
        overflow-wrap: normal
    }

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

    .sm-break-any {
        overflow-wrap: anywhere
    }

    .sm-break-auto {
        hyphens: auto
    }

    .sm-weight-thin {
        font-weight: 100
    }

    .sm-weight-extralight {
        font-weight: 200
    }

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

    .sm-weight-normal {
        font-weight: 400
    }

    .sm-weight-strong {
        font-weight: 500
    }

    .sm-weight-semibold {
        font-weight: 600
    }

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

    .sm-weight-extrabold {
        font-weight: 800
    }

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

    .sm-weight-lighter {
        font-weight: lighter
    }

    .sm-weight-bolder {
        font-weight: bolder
    }

    .sm-slant-normal {
        font-style: normal
    }

    .sm-slant-italic {
        font-style: italic
    }

    .sm-m-0 {
        margin: 0
    }

    .sm-m-1 {
        margin: 0.25em
    }

    .sm-m-2 {
        margin: 0.5em
    }

    .sm-m-3 {
        margin: 0.75em
    }

    .sm-m-4 {
        margin: 1em
    }

    .sm-m-5 {
        margin: 1.25em
    }

    .sm-m-6 {
        margin: 1.5em
    }

    .sm-m-7 {
        margin: 1.75em
    }

    .sm-m-8 {
        margin: 2em
    }

    .sm-m-9 {
        margin: 2.25em
    }

    .sm-m-10 {
        margin: 2.5em
    }

    .sm-m-11 {
        margin: 2.75em
    }

    .sm-m-12 {
        margin: 3em
    }

    .sm-m-auto {
        margin: auto
    }

    .sm-my-0 {
        margin-block-start: 0;
        margin-block-end: 0
    }

    .sm-my-1 {
        margin-block-start: 0.25em;
        margin-block-end: 0.25em
    }

    .sm-my-2 {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em
    }

    .sm-my-3 {
        margin-block-start: 0.75em;
        margin-block-end: 0.75em
    }

    .sm-my-4 {
        margin-block-start: 1em;
        margin-block-end: 1em
    }

    .sm-my-5 {
        margin-block-start: 1.25em;
        margin-block-end: 1.25em
    }

    .sm-my-6 {
        margin-block-start: 1.5em;
        margin-block-end: 1.5em
    }

    .sm-my-7 {
        margin-block-start: 1.75em;
        margin-block-end: 1.75em
    }

    .sm-my-8 {
        margin-block-start: 2em;
        margin-block-end: 2em
    }

    .sm-my-9 {
        margin-block-start: 2.25em;
        margin-block-end: 2.25em
    }

    .sm-my-10 {
        margin-block-start: 2.5em;
        margin-block-end: 2.5em
    }

    .sm-my-11 {
        margin-block-start: 2.75em;
        margin-block-end: 2.75em
    }

    .sm-my-12 {
        margin-block-start: 3em;
        margin-block-end: 3em
    }

    .sm-my-auto {
        margin-block-start: auto;
        margin-block-end: auto
    }

    .sm-mt-0 {
        margin-block-start: 0
    }

    .sm-mt-1 {
        margin-block-start: 0.25em
    }

    .sm-mt-2 {
        margin-block-start: 0.5em
    }

    .sm-mt-3 {
        margin-block-start: 0.75em
    }

    .sm-mt-4 {
        margin-block-start: 1em
    }

    .sm-mt-5 {
        margin-block-start: 1.25em
    }

    .sm-mt-6 {
        margin-block-start: 1.5em
    }

    .sm-mt-7 {
        margin-block-start: 1.75em
    }

    .sm-mt-8 {
        margin-block-start: 2em
    }

    .sm-mt-9 {
        margin-block-start: 2.25em
    }

    .sm-mt-10 {
        margin-block-start: 2.5em
    }

    .sm-mt-11 {
        margin-block-start: 2.75em
    }

    .sm-mt-12 {
        margin-block-start: 3em
    }

    .sm-mt-auto {
        margin-block-start: auto
    }

    .sm-mb-0 {
        margin-block-end: 0
    }

    .sm-mb-1 {
        margin-block-end: 0.25em
    }

    .sm-mb-2 {
        margin-block-end: 0.5em
    }

    .sm-mb-3 {
        margin-block-end: 0.75em
    }

    .sm-mb-4 {
        margin-block-end: 1em
    }

    .sm-mb-5 {
        margin-block-end: 1.25em
    }

    .sm-mb-6 {
        margin-block-end: 1.5em
    }

    .sm-mb-7 {
        margin-block-end: 1.75em
    }

    .sm-mb-8 {
        margin-block-end: 2em
    }

    .sm-mb-9 {
        margin-block-end: 2.25em
    }

    .sm-mb-10 {
        margin-block-end: 2.5em
    }

    .sm-mb-11 {
        margin-block-end: 2.75em
    }

    .sm-mb-12 {
        margin-block-end: 3em
    }

    .sm-mb-auto {
        margin-block-end: auto
    }

    .sm-mx-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .sm-mx-1 {
        margin-inline-start: 0.25em;
        margin-inline-end: 0.25em
    }

    .sm-mx-2 {
        margin-inline-start: 0.5em;
        margin-inline-end: 0.5em
    }

    .sm-mx-3 {
        margin-inline-start: 0.75em;
        margin-inline-end: 0.75em
    }

    .sm-mx-4 {
        margin-inline-start: 1em;
        margin-inline-end: 1em
    }

    .sm-mx-5 {
        margin-inline-start: 1.25em;
        margin-inline-end: 1.25em
    }

    .sm-mx-6 {
        margin-inline-start: 1.5em;
        margin-inline-end: 1.5em
    }

    .sm-mx-7 {
        margin-inline-start: 1.75em;
        margin-inline-end: 1.75em
    }

    .sm-mx-8 {
        margin-inline-start: 2em;
        margin-inline-end: 2em
    }

    .sm-mx-9 {
        margin-inline-start: 2.25em;
        margin-inline-end: 2.25em
    }

    .sm-mx-10 {
        margin-inline-start: 2.5em;
        margin-inline-end: 2.5em
    }

    .sm-mx-11 {
        margin-inline-start: 2.75em;
        margin-inline-end: 2.75em
    }

    .sm-mx-12 {
        margin-inline-start: 3em;
        margin-inline-end: 3em
    }

    .sm-mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .sm-ms-0 {
        margin-inline-start: 0
    }

    .sm-ms-1 {
        margin-inline-start: 0.25em
    }

    .sm-ms-2 {
        margin-inline-start: 0.5em
    }

    .sm-ms-3 {
        margin-inline-start: 0.75em
    }

    .sm-ms-4 {
        margin-inline-start: 1em
    }

    .sm-ms-5 {
        margin-inline-start: 1.25em
    }

    .sm-ms-6 {
        margin-inline-start: 1.5em
    }

    .sm-ms-7 {
        margin-inline-start: 1.75em
    }

    .sm-ms-8 {
        margin-inline-start: 2em
    }

    .sm-ms-9 {
        margin-inline-start: 2.25em
    }

    .sm-ms-10 {
        margin-inline-start: 2.5em
    }

    .sm-ms-11 {
        margin-inline-start: 2.75em
    }

    .sm-ms-12 {
        margin-inline-start: 3em
    }

    .sm-ms-auto {
        margin-inline-start: auto
    }

    .sm-me-0 {
        margin-inline-end: 0
    }

    .sm-me-1 {
        margin-inline-end: 0.25em
    }

    .sm-me-2 {
        margin-inline-end: 0.5em
    }

    .sm-me-3 {
        margin-inline-end: 0.75em
    }

    .sm-me-4 {
        margin-inline-end: 1em
    }

    .sm-me-5 {
        margin-inline-end: 1.25em
    }

    .sm-me-6 {
        margin-inline-end: 1.5em
    }

    .sm-me-7 {
        margin-inline-end: 1.75em
    }

    .sm-me-8 {
        margin-inline-end: 2em
    }

    .sm-me-9 {
        margin-inline-end: 2.25em
    }

    .sm-me-10 {
        margin-inline-end: 2.5em
    }

    .sm-me-11 {
        margin-inline-end: 2.75em
    }

    .sm-me-12 {
        margin-inline-end: 3em
    }

    .sm-me-auto {
        margin-inline-end: auto
    }

    .sm-p-0 {
        padding: 0
    }

    .sm-p-1 {
        padding: 0.25em
    }

    .sm-p-2 {
        padding: 0.5em
    }

    .sm-p-3 {
        padding: 0.75em
    }

    .sm-p-4 {
        padding: 1em
    }

    .sm-p-5 {
        padding: 1.25em
    }

    .sm-p-6 {
        padding: 1.5em
    }

    .sm-p-7 {
        padding: 1.75em
    }

    .sm-p-8 {
        padding: 2em
    }

    .sm-p-9 {
        padding: 2.25em
    }

    .sm-p-10 {
        padding: 2.5em
    }

    .sm-p-11 {
        padding: 2.75em
    }

    .sm-p-12 {
        padding: 3em
    }

    .sm-py-0 {
        padding-block-start: 0;
        padding-block-end: 0
    }

    .sm-py-1 {
        padding-block-start: 0.25em;
        padding-block-end: 0.25em
    }

    .sm-py-2 {
        padding-block-start: 0.5em;
        padding-block-end: 0.5em
    }

    .sm-py-3 {
        padding-block-start: 0.75em;
        padding-block-end: 0.75em
    }

    .sm-py-4 {
        padding-block-start: 1em;
        padding-block-end: 1em
    }

    .sm-py-5 {
        padding-block-start: 1.25em;
        padding-block-end: 1.25em
    }

    .sm-py-6 {
        padding-block-start: 1.5em;
        padding-block-end: 1.5em
    }

    .sm-py-7 {
        padding-block-start: 1.75em;
        padding-block-end: 1.75em
    }

    .sm-py-8 {
        padding-block-start: 2em;
        padding-block-end: 2em
    }

    .sm-py-9 {
        padding-block-start: 2.25em;
        padding-block-end: 2.25em
    }

    .sm-py-10 {
        padding-block-start: 2.5em;
        padding-block-end: 2.5em
    }

    .sm-py-11 {
        padding-block-start: 2.75em;
        padding-block-end: 2.75em
    }

    .sm-py-12 {
        padding-block-start: 3em;
        padding-block-end: 3em
    }

    .sm-pt-0 {
        padding-block-start: 0
    }

    .sm-pt-1 {
        padding-block-start: 0.25em
    }

    .sm-pt-2 {
        padding-block-start: 0.5em
    }

    .sm-pt-3 {
        padding-block-start: 0.75em
    }

    .sm-pt-4 {
        padding-block-start: 1em
    }

    .sm-pt-5 {
        padding-block-start: 1.25em
    }

    .sm-pt-6 {
        padding-block-start: 1.5em
    }

    .sm-pt-7 {
        padding-block-start: 1.75em
    }

    .sm-pt-8 {
        padding-block-start: 2em
    }

    .sm-pt-9 {
        padding-block-start: 2.25em
    }

    .sm-pt-10 {
        padding-block-start: 2.5em
    }

    .sm-pt-11 {
        padding-block-start: 2.75em
    }

    .sm-pt-12 {
        padding-block-start: 3em
    }

    .sm-pb-0 {
        padding-block-end: 0
    }

    .sm-pb-1 {
        padding-block-end: 0.25em
    }

    .sm-pb-2 {
        padding-block-end: 0.5em
    }

    .sm-pb-3 {
        padding-block-end: 0.75em
    }

    .sm-pb-4 {
        padding-block-end: 1em
    }

    .sm-pb-5 {
        padding-block-end: 1.25em
    }

    .sm-pb-6 {
        padding-block-end: 1.5em
    }

    .sm-pb-7 {
        padding-block-end: 1.75em
    }

    .sm-pb-8 {
        padding-block-end: 2em
    }

    .sm-pb-9 {
        padding-block-end: 2.25em
    }

    .sm-pb-10 {
        padding-block-end: 2.5em
    }

    .sm-pb-11 {
        padding-block-end: 2.75em
    }

    .sm-pb-12 {
        padding-block-end: 3em
    }

    .sm-px-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .sm-px-1 {
        padding-inline-start: 0.25em;
        padding-inline-end: 0.25em
    }

    .sm-px-2 {
        padding-inline-start: 0.5em;
        padding-inline-end: 0.5em
    }

    .sm-px-3 {
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em
    }

    .sm-px-4 {
        padding-inline-start: 1em;
        padding-inline-end: 1em
    }

    .sm-px-5 {
        padding-inline-start: 1.25em;
        padding-inline-end: 1.25em
    }

    .sm-px-6 {
        padding-inline-start: 1.5em;
        padding-inline-end: 1.5em
    }

    .sm-px-7 {
        padding-inline-start: 1.75em;
        padding-inline-end: 1.75em
    }

    .sm-px-8 {
        padding-inline-start: 2em;
        padding-inline-end: 2em
    }

    .sm-px-9 {
        padding-inline-start: 2.25em;
        padding-inline-end: 2.25em
    }

    .sm-px-10 {
        padding-inline-start: 2.5em;
        padding-inline-end: 2.5em
    }

    .sm-px-11 {
        padding-inline-start: 2.75em;
        padding-inline-end: 2.75em
    }

    .sm-px-12 {
        padding-inline-start: 3em;
        padding-inline-end: 3em
    }

    .sm-ps-0 {
        padding-inline-start: 0
    }

    .sm-ps-1 {
        padding-inline-start: 0.25em
    }

    .sm-ps-2 {
        padding-inline-start: 0.5em
    }

    .sm-ps-3 {
        padding-inline-start: 0.75em
    }

    .sm-ps-4 {
        padding-inline-start: 1em
    }

    .sm-ps-5 {
        padding-inline-start: 1.25em
    }

    .sm-ps-6 {
        padding-inline-start: 1.5em
    }

    .sm-ps-7 {
        padding-inline-start: 1.75em
    }

    .sm-ps-8 {
        padding-inline-start: 2em
    }

    .sm-ps-9 {
        padding-inline-start: 2.25em
    }

    .sm-ps-10 {
        padding-inline-start: 2.5em
    }

    .sm-ps-11 {
        padding-inline-start: 2.75em
    }

    .sm-ps-12 {
        padding-inline-start: 3em
    }

    .sm-pe-0 {
        padding-inline-end: 0
    }

    .sm-pe-1 {
        padding-inline-end: 0.25em
    }

    .sm-pe-2 {
        padding-inline-end: 0.5em
    }

    .sm-pe-3 {
        padding-inline-end: 0.75em
    }

    .sm-pe-4 {
        padding-inline-end: 1em
    }

    .sm-pe-5 {
        padding-inline-end: 1.25em
    }

    .sm-pe-6 {
        padding-inline-end: 1.5em
    }

    .sm-pe-7 {
        padding-inline-end: 1.75em
    }

    .sm-pe-8 {
        padding-inline-end: 2em
    }

    .sm-pe-9 {
        padding-inline-end: 2.25em
    }

    .sm-pe-10 {
        padding-inline-end: 2.5em
    }

    .sm-pe-11 {
        padding-inline-end: 2.75em
    }

    .sm-pe-12 {
        padding-inline-end: 3em
    }

    .sm-space-y-0>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0
    }

    .sm-space-y-1>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.25em
    }

    .sm-space-y-2>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.5em
    }

    .sm-space-y-3>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.75em
    }

    .sm-space-y-4>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1em
    }

    .sm-space-y-5>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.25em
    }

    .sm-space-y-6>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.5em
    }

    .sm-space-y-7>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.75em
    }

    .sm-space-y-8>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2em
    }

    .sm-space-y-9>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.25em
    }

    .sm-space-y-10>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.5em
    }

    .sm-space-y-11>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.75em
    }

    .sm-space-y-12>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 3em
    }

    .sm-space-x-0>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0
    }

    .sm-space-x-1>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.25em
    }

    .sm-space-x-2>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.5em
    }

    .sm-space-x-3>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.75em
    }

    .sm-space-x-4>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1em
    }

    .sm-space-x-5>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.25em
    }

    .sm-space-x-6>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.5em
    }

    .sm-space-x-7>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.75em
    }

    .sm-space-x-8>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2em
    }

    .sm-space-x-9>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.25em
    }

    .sm-space-x-10>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.5em
    }

    .sm-space-x-11>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.75em
    }

    .sm-space-x-12>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 3em
    }

    .sm-w-auto {
        width: auto
    }

    .sm-w-none {
        width: 0
    }

    .sm-w-25 {
        width: 25%
    }

    .sm-w-33 {
        width: 33.3333333333%
    }

    .sm-w-50 {
        width: 50%
    }

    .sm-w-66 {
        width: 66.6666666667%
    }

    .sm-w-75 {
        width: 75%
    }

    .sm-w-full {
        width: 100%
    }

    .sm-w-screen {
        width: 100vw
    }

    .sm-w-max {
        width: max-content
    }

    .sm-w-min {
        width: min-content
    }

    .sm-min-w-none {
        min-width: 0
    }

    .sm-min-w-full {
        min-width: 100%
    }

    .sm-min-w-screen {
        min-width: 100vw
    }

    .sm-min-w-max {
        min-width: max-content
    }

    .sm-min-w {
        min-width: min-content
    }

    .sm-max-w-none {
        max-width: 0
    }

    .sm-max-w-full {
        max-width: 100%
    }

    .sm-max-w-screen {
        max-width: 100vw
    }

    .sm-max-w {
        max-width: max-content
    }

    .sm-max-w-min {
        max-width: min-content
    }

    .sm-h-auto {
        height: auto
    }

    .sm-h-none {
        height: 0
    }

    .sm-h-25 {
        height: 25%
    }

    .sm-h-33 {
        height: 33.3333333333%
    }

    .sm-h-50 {
        height: 50%
    }

    .sm-h-66 {
        height: 66.6666666667%
    }

    .sm-h-75 {
        height: 75%
    }

    .sm-h-full {
        height: 100%
    }

    .sm-h-screen {
        height: 100vh
    }

    .sm-h-max {
        height: max-content
    }

    .sm-h-min {
        height: min-content
    }

    .sm-min-h-none {
        min-height: 0
    }

    .sm-min-h-full {
        min-height: 100%
    }

    .sm-min-h-screen {
        min-height: 100vh
    }

    .sm-min-h-max {
        min-height: max-content
    }

    .sm-min-h {
        min-height: min-content
    }

    .sm-max-h-none {
        max-height: 0
    }

    .sm-max-h-full {
        max-height: 100%
    }

    .sm-max-h-screen {
        max-height: 100vh
    }

    .sm-max-h {
        max-height: max-content
    }

    .sm-max-h-min {
        max-height: min-content
    }

    .sm-block {
        display: block
    }

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

    .sm-flex {
        display: flex
    }

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

    .sm-flow-root {
        display: flow-root
    }

    .sm-hidden {
        display: none
    }

    .sm-float-right {
        float: right
    }

    .sm-float-left {
        float: left
    }

    .sm-float-none {
        float: none
    }

    .sm-clear-right {
        clear: right
    }

    .sm-clear-left {
        clear: left
    }

    .sm-clear-both {
        clear: both
    }

    .sm-clear-none {
        clear: none
    }

    .sm-invisible {
        visibility: hidden
    }

    .sm-visible {
        visibility: visible
    }

    .sm-static {
        position: static
    }

    .sm-relative {
        position: relative
    }

    .sm-absolute {
        position: absolute
    }

    .sm-fixed {
        position: fixed
    }

    .sm-sticky {
        position: sticky
    }

    .sm-top-auto {
        top: auto
    }

    .sm-top-0 {
        top: 0
    }

    .sm-top-50 {
        top: 50%
    }

    .sm-top-full {
        top: 100%
    }

    .sm-right-auto {
        right: auto
    }

    .sm-right-0 {
        right: 0
    }

    .sm-right-50 {
        right: 50%
    }

    .sm-right-full {
        right: 100%
    }

    .sm-bottom-auto {
        bottom: auto
    }

    .sm-bottom-0 {
        bottom: 0
    }

    .sm-bottom-50 {
        bottom: 50%
    }

    .sm-bottom-full {
        bottom: 100%
    }

    .sm-left-auto {
        left: auto
    }

    .sm-left-0 {
        left: 0
    }

    .sm-left-50 {
        left: 50%
    }

    .sm-left-full {
        left: 100%
    }

    .sm-inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .sm-inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .sm-inset-50 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }

    .sm-inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }

    .sm-inset-y-auto {
        top: auto;
        bottom: auto
    }

    .sm-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .sm-inset-y-50 {
        top: 50%;
        bottom: 50%
    }

    .sm-inset-y-full {
        top: 100%;
        bottom: 100%
    }

    .sm-inset-x-auto {
        right: auto;
        left: auto
    }

    .sm-inset-x-0 {
        right: 0;
        left: 0
    }

    .sm-inset-x-50 {
        right: 50%;
        left: 50%
    }

    .sm-inset-x-full {
        right: 100%;
        left: 100%
    }

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

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

    .sm-flex-col {
        flex-direction: column
    }

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

    .sm-flex-nowrap {
        flex-wrap: nowrap
    }

    .sm-flex-wrap {
        flex-wrap: wrap
    }

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

    .sm-flex-fill {
        flex: 1 1 0%
    }

    .sm-flex-auto {
        flex: 1 1 auto
    }

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

    .sm-flex-grow {
        flex: 1 0 auto
    }

    .sm-flex-initial {
        flex: 0 1 auto
    }

    .sm-flex-none {
        flex: none
    }

    .sm-order-first {
        order: -1
    }

    .sm-order-0 {
        order: 0
    }

    .sm-order-1 {
        order: 1
    }

    .sm-order-last {
        order: 9
    }

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

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

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

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

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

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

    .sm-justify-items-start {
        justify-items: start
    }

    .sm-justify-items-end {
        justify-items: end
    }

    .sm-justify-items-center {
        justify-items: center
    }

    .sm-justify-items-stretch {
        justify-items: stretch
    }

    .sm-justify-self-start {
        justify-self: start
    }

    .sm-justify-self-end {
        justify-self: end
    }

    .sm-justify-self-center {
        justify-self: center
    }

    .sm-justify-self-stretch {
        justify-self: stretch
    }

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

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

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

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

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

    .sm-content-evenly {
        align-content: space-evenly
    }

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

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

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

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

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

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

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

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

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

    .sm-border {
        border-width: 1px
    }

    .sm-border-0 {
        border-width: 0
    }

    .sm-border-2 {
        border-width: 2px
    }

    .sm-border-3 {
        border-width: 3px
    }

    .sm-border-block-start {
        border-block-start-width: 1px
    }

    .sm-border-block-start-0 {
        border-block-start-width: 0
    }

    .sm-border-block-start-2 {
        border-block-start-width: 2px
    }

    .sm-border-block-start-3 {
        border-block-start-width: 3px
    }

    .sm-border-block-end {
        border-block-end-width: 1px
    }

    .sm-border-block-end-0 {
        border-block-end-width: 0
    }

    .sm-border-block-end-2 {
        border-block-end-width: 2px
    }

    .sm-border-block-end-3 {
        border-block-end-width: 3px
    }

    .sm-border-inline-end {
        border-inline-end-width: 1px
    }

    .sm-border-inline-end-0 {
        border-inline-end-width: 0
    }

    .sm-border-inline-end-2 {
        border-inline-end-width: 2px
    }

    .sm-border-inline-end-3 {
        border-inline-end-width: 3px
    }

    .sm-border-inline-start {
        border-inline-start-width: 1px
    }

    .sm-border-inline-start-0 {
        border-inline-start-width: 0
    }

    .sm-border-inline-start-2 {
        border-inline-start-width: 2px
    }

    .sm-border-inline-start-3 {
        border-inline-start-width: 3px
    }

    .sm-divide-y>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 1px
    }

    .sm-divide-y-none>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 0
    }

    .sm-divide-x>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 1px
    }

    .sm-divide-x-none>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 0
    }
}

@media(min-width: 768px) {
    .md-underline {
        text-decoration: underline
    }

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

    .md-no-underline {
        text-decoration: none
    }

    .md-text-start {
        text-align: start
    }

    .md-text-end {
        text-align: end
    }

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

    .md-align-baseline {
        vertical-align: baseline
    }

    .md-align-top {
        vertical-align: top
    }

    .md-align-middle {
        vertical-align: middle
    }

    .md-align-bottom {
        vertical-align: bottom
    }

    .md-align-text-top {
        vertical-align: text-top
    }

    .md-align-text-bottom {
        vertical-align: text-bottom
    }

    .md-text-uppercase {
        text-transform: uppercase
    }

    .md-text-lowercase {
        text-transform: lowercase
    }

    .md-text-capitalize {
        text-transform: capitalize
    }

    .md-text-wrap {
        white-space: wrap
    }

    .md-text-nowrap {
        white-space: nowrap
    }

    .md-break-normal {
        overflow-wrap: normal
    }

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

    .md-break-any {
        overflow-wrap: anywhere
    }

    .md-break-auto {
        hyphens: auto
    }

    .md-weight-thin {
        font-weight: 100
    }

    .md-weight-extralight {
        font-weight: 200
    }

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

    .md-weight-normal {
        font-weight: 400
    }

    .md-weight-strong {
        font-weight: 500
    }

    .md-weight-semibold {
        font-weight: 600
    }

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

    .md-weight-extrabold {
        font-weight: 800
    }

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

    .md-weight-lighter {
        font-weight: lighter
    }

    .md-weight-bolder {
        font-weight: bolder
    }

    .md-slant-normal {
        font-style: normal
    }

    .md-slant-italic {
        font-style: italic
    }

    .md-m-0 {
        margin: 0
    }

    .md-m-1 {
        margin: 0.25em
    }

    .md-m-2 {
        margin: 0.5em
    }

    .md-m-3 {
        margin: 0.75em
    }

    .md-m-4 {
        margin: 1em
    }

    .md-m-5 {
        margin: 1.25em
    }

    .md-m-6 {
        margin: 1.5em
    }

    .md-m-7 {
        margin: 1.75em
    }

    .md-m-8 {
        margin: 2em
    }

    .md-m-9 {
        margin: 2.25em
    }

    .md-m-10 {
        margin: 2.5em
    }

    .md-m-11 {
        margin: 2.75em
    }

    .md-m-12 {
        margin: 3em
    }

    .md-m-auto {
        margin: auto
    }

    .md-my-0 {
        margin-block-start: 0;
        margin-block-end: 0
    }

    .md-my-1 {
        margin-block-start: 0.25em;
        margin-block-end: 0.25em
    }

    .md-my-2 {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em
    }

    .md-my-3 {
        margin-block-start: 0.75em;
        margin-block-end: 0.75em
    }

    .md-my-4 {
        margin-block-start: 1em;
        margin-block-end: 1em
    }

    .md-my-5 {
        margin-block-start: 1.25em;
        margin-block-end: 1.25em
    }

    .md-my-6 {
        margin-block-start: 1.5em;
        margin-block-end: 1.5em
    }

    .md-my-7 {
        margin-block-start: 1.75em;
        margin-block-end: 1.75em
    }

    .md-my-8 {
        margin-block-start: 2em;
        margin-block-end: 2em
    }

    .md-my-9 {
        margin-block-start: 2.25em;
        margin-block-end: 2.25em
    }

    .md-my-10 {
        margin-block-start: 2.5em;
        margin-block-end: 2.5em
    }

    .md-my-11 {
        margin-block-start: 2.75em;
        margin-block-end: 2.75em
    }

    .md-my-12 {
        margin-block-start: 3em;
        margin-block-end: 3em
    }

    .md-my-auto {
        margin-block-start: auto;
        margin-block-end: auto
    }

    .md-mt-0 {
        margin-block-start: 0
    }

    .md-mt-1 {
        margin-block-start: 0.25em
    }

    .md-mt-2 {
        margin-block-start: 0.5em
    }

    .md-mt-3 {
        margin-block-start: 0.75em
    }

    .md-mt-4 {
        margin-block-start: 1em
    }

    .md-mt-5 {
        margin-block-start: 1.25em
    }

    .md-mt-6 {
        margin-block-start: 1.5em
    }

    .md-mt-7 {
        margin-block-start: 1.75em
    }

    .md-mt-8 {
        margin-block-start: 2em
    }

    .md-mt-9 {
        margin-block-start: 2.25em
    }

    .md-mt-10 {
        margin-block-start: 2.5em
    }

    .md-mt-11 {
        margin-block-start: 2.75em
    }

    .md-mt-12 {
        margin-block-start: 3em
    }

    .md-mt-auto {
        margin-block-start: auto
    }

    .md-mb-0 {
        margin-block-end: 0
    }

    .md-mb-1 {
        margin-block-end: 0.25em
    }

    .md-mb-2 {
        margin-block-end: 0.5em
    }

    .md-mb-3 {
        margin-block-end: 0.75em
    }

    .md-mb-4 {
        margin-block-end: 1em
    }

    .md-mb-5 {
        margin-block-end: 1.25em
    }

    .md-mb-6 {
        margin-block-end: 1.5em
    }

    .md-mb-7 {
        margin-block-end: 1.75em
    }

    .md-mb-8 {
        margin-block-end: 2em
    }

    .md-mb-9 {
        margin-block-end: 2.25em
    }

    .md-mb-10 {
        margin-block-end: 2.5em
    }

    .md-mb-11 {
        margin-block-end: 2.75em
    }

    .md-mb-12 {
        margin-block-end: 3em
    }

    .md-mb-auto {
        margin-block-end: auto
    }

    .md-mx-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .md-mx-1 {
        margin-inline-start: 0.25em;
        margin-inline-end: 0.25em
    }

    .md-mx-2 {
        margin-inline-start: 0.5em;
        margin-inline-end: 0.5em
    }

    .md-mx-3 {
        margin-inline-start: 0.75em;
        margin-inline-end: 0.75em
    }

    .md-mx-4 {
        margin-inline-start: 1em;
        margin-inline-end: 1em
    }

    .md-mx-5 {
        margin-inline-start: 1.25em;
        margin-inline-end: 1.25em
    }

    .md-mx-6 {
        margin-inline-start: 1.5em;
        margin-inline-end: 1.5em
    }

    .md-mx-7 {
        margin-inline-start: 1.75em;
        margin-inline-end: 1.75em
    }

    .md-mx-8 {
        margin-inline-start: 2em;
        margin-inline-end: 2em
    }

    .md-mx-9 {
        margin-inline-start: 2.25em;
        margin-inline-end: 2.25em
    }

    .md-mx-10 {
        margin-inline-start: 2.5em;
        margin-inline-end: 2.5em
    }

    .md-mx-11 {
        margin-inline-start: 2.75em;
        margin-inline-end: 2.75em
    }

    .md-mx-12 {
        margin-inline-start: 3em;
        margin-inline-end: 3em
    }

    .md-mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .md-ms-0 {
        margin-inline-start: 0
    }

    .md-ms-1 {
        margin-inline-start: 0.25em
    }

    .md-ms-2 {
        margin-inline-start: 0.5em
    }

    .md-ms-3 {
        margin-inline-start: 0.75em
    }

    .md-ms-4 {
        margin-inline-start: 1em
    }

    .md-ms-5 {
        margin-inline-start: 1.25em
    }

    .md-ms-6 {
        margin-inline-start: 1.5em
    }

    .md-ms-7 {
        margin-inline-start: 1.75em
    }

    .md-ms-8 {
        margin-inline-start: 2em
    }

    .md-ms-9 {
        margin-inline-start: 2.25em
    }

    .md-ms-10 {
        margin-inline-start: 2.5em
    }

    .md-ms-11 {
        margin-inline-start: 2.75em
    }

    .md-ms-12 {
        margin-inline-start: 3em
    }

    .md-ms-auto {
        margin-inline-start: auto
    }

    .md-me-0 {
        margin-inline-end: 0
    }

    .md-me-1 {
        margin-inline-end: 0.25em
    }

    .md-me-2 {
        margin-inline-end: 0.5em
    }

    .md-me-3 {
        margin-inline-end: 0.75em
    }

    .md-me-4 {
        margin-inline-end: 1em
    }

    .md-me-5 {
        margin-inline-end: 1.25em
    }

    .md-me-6 {
        margin-inline-end: 1.5em
    }

    .md-me-7 {
        margin-inline-end: 1.75em
    }

    .md-me-8 {
        margin-inline-end: 2em
    }

    .md-me-9 {
        margin-inline-end: 2.25em
    }

    .md-me-10 {
        margin-inline-end: 2.5em
    }

    .md-me-11 {
        margin-inline-end: 2.75em
    }

    .md-me-12 {
        margin-inline-end: 3em
    }

    .md-me-auto {
        margin-inline-end: auto
    }

    .md-p-0 {
        padding: 0
    }

    .md-p-1 {
        padding: 0.25em
    }

    .md-p-2 {
        padding: 0.5em
    }

    .md-p-3 {
        padding: 0.75em
    }

    .md-p-4 {
        padding: 1em
    }

    .md-p-5 {
        padding: 1.25em
    }

    .md-p-6 {
        padding: 1.5em
    }

    .md-p-7 {
        padding: 1.75em
    }

    .md-p-8 {
        padding: 2em
    }

    .md-p-9 {
        padding: 2.25em
    }

    .md-p-10 {
        padding: 2.5em
    }

    .md-p-11 {
        padding: 2.75em
    }

    .md-p-12 {
        padding: 3em
    }

    .md-py-0 {
        padding-block-start: 0;
        padding-block-end: 0
    }

    .md-py-1 {
        padding-block-start: 0.25em;
        padding-block-end: 0.25em
    }

    .md-py-2 {
        padding-block-start: 0.5em;
        padding-block-end: 0.5em
    }

    .md-py-3 {
        padding-block-start: 0.75em;
        padding-block-end: 0.75em
    }

    .md-py-4 {
        padding-block-start: 1em;
        padding-block-end: 1em
    }

    .md-py-5 {
        padding-block-start: 1.25em;
        padding-block-end: 1.25em
    }

    .md-py-6 {
        padding-block-start: 1.5em;
        padding-block-end: 1.5em
    }

    .md-py-7 {
        padding-block-start: 1.75em;
        padding-block-end: 1.75em
    }

    .md-py-8 {
        padding-block-start: 2em;
        padding-block-end: 2em
    }

    .md-py-9 {
        padding-block-start: 2.25em;
        padding-block-end: 2.25em
    }

    .md-py-10 {
        padding-block-start: 2.5em;
        padding-block-end: 2.5em
    }

    .md-py-11 {
        padding-block-start: 2.75em;
        padding-block-end: 2.75em
    }

    .md-py-12 {
        padding-block-start: 3em;
        padding-block-end: 3em
    }

    .md-pt-0 {
        padding-block-start: 0
    }

    .md-pt-1 {
        padding-block-start: 0.25em
    }

    .md-pt-2 {
        padding-block-start: 0.5em
    }

    .md-pt-3 {
        padding-block-start: 0.75em
    }

    .md-pt-4 {
        padding-block-start: 1em
    }

    .md-pt-5 {
        padding-block-start: 1.25em
    }

    .md-pt-6 {
        padding-block-start: 1.5em
    }

    .md-pt-7 {
        padding-block-start: 1.75em
    }

    .md-pt-8 {
        padding-block-start: 2em
    }

    .md-pt-9 {
        padding-block-start: 2.25em
    }

    .md-pt-10 {
        padding-block-start: 2.5em
    }

    .md-pt-11 {
        padding-block-start: 2.75em
    }

    .md-pt-12 {
        padding-block-start: 3em
    }

    .md-pb-0 {
        padding-block-end: 0
    }

    .md-pb-1 {
        padding-block-end: 0.25em
    }

    .md-pb-2 {
        padding-block-end: 0.5em
    }

    .md-pb-3 {
        padding-block-end: 0.75em
    }

    .md-pb-4 {
        padding-block-end: 1em
    }

    .md-pb-5 {
        padding-block-end: 1.25em
    }

    .md-pb-6 {
        padding-block-end: 1.5em
    }

    .md-pb-7 {
        padding-block-end: 1.75em
    }

    .md-pb-8 {
        padding-block-end: 2em
    }

    .md-pb-9 {
        padding-block-end: 2.25em
    }

    .md-pb-10 {
        padding-block-end: 2.5em
    }

    .md-pb-11 {
        padding-block-end: 2.75em
    }

    .md-pb-12 {
        padding-block-end: 3em
    }

    .md-px-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .md-px-1 {
        padding-inline-start: 0.25em;
        padding-inline-end: 0.25em
    }

    .md-px-2 {
        padding-inline-start: 0.5em;
        padding-inline-end: 0.5em
    }

    .md-px-3 {
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em
    }

    .md-px-4 {
        padding-inline-start: 1em;
        padding-inline-end: 1em
    }

    .md-px-5 {
        padding-inline-start: 1.25em;
        padding-inline-end: 1.25em
    }

    .md-px-6 {
        padding-inline-start: 1.5em;
        padding-inline-end: 1.5em
    }

    .md-px-7 {
        padding-inline-start: 1.75em;
        padding-inline-end: 1.75em
    }

    .md-px-8 {
        padding-inline-start: 2em;
        padding-inline-end: 2em
    }

    .md-px-9 {
        padding-inline-start: 2.25em;
        padding-inline-end: 2.25em
    }

    .md-px-10 {
        padding-inline-start: 2.5em;
        padding-inline-end: 2.5em
    }

    .md-px-11 {
        padding-inline-start: 2.75em;
        padding-inline-end: 2.75em
    }

    .md-px-12 {
        padding-inline-start: 3em;
        padding-inline-end: 3em
    }

    .md-ps-0 {
        padding-inline-start: 0
    }

    .md-ps-1 {
        padding-inline-start: 0.25em
    }

    .md-ps-2 {
        padding-inline-start: 0.5em
    }

    .md-ps-3 {
        padding-inline-start: 0.75em
    }

    .md-ps-4 {
        padding-inline-start: 1em
    }

    .md-ps-5 {
        padding-inline-start: 1.25em
    }

    .md-ps-6 {
        padding-inline-start: 1.5em
    }

    .md-ps-7 {
        padding-inline-start: 1.75em
    }

    .md-ps-8 {
        padding-inline-start: 2em
    }

    .md-ps-9 {
        padding-inline-start: 2.25em
    }

    .md-ps-10 {
        padding-inline-start: 2.5em
    }

    .md-ps-11 {
        padding-inline-start: 2.75em
    }

    .md-ps-12 {
        padding-inline-start: 3em
    }

    .md-pe-0 {
        padding-inline-end: 0
    }

    .md-pe-1 {
        padding-inline-end: 0.25em
    }

    .md-pe-2 {
        padding-inline-end: 0.5em
    }

    .md-pe-3 {
        padding-inline-end: 0.75em
    }

    .md-pe-4 {
        padding-inline-end: 1em
    }

    .md-pe-5 {
        padding-inline-end: 1.25em
    }

    .md-pe-6 {
        padding-inline-end: 1.5em
    }

    .md-pe-7 {
        padding-inline-end: 1.75em
    }

    .md-pe-8 {
        padding-inline-end: 2em
    }

    .md-pe-9 {
        padding-inline-end: 2.25em
    }

    .md-pe-10 {
        padding-inline-end: 2.5em
    }

    .md-pe-11 {
        padding-inline-end: 2.75em
    }

    .md-pe-12 {
        padding-inline-end: 3em
    }

    .md-space-y-0>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0
    }

    .md-space-y-1>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.25em
    }

    .md-space-y-2>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.5em
    }

    .md-space-y-3>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.75em
    }

    .md-space-y-4>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1em
    }

    .md-space-y-5>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.25em
    }

    .md-space-y-6>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.5em
    }

    .md-space-y-7>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.75em
    }

    .md-space-y-8>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2em
    }

    .md-space-y-9>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.25em
    }

    .md-space-y-10>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.5em
    }

    .md-space-y-11>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.75em
    }

    .md-space-y-12>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 3em
    }

    .md-space-x-0>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0
    }

    .md-space-x-1>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.25em
    }

    .md-space-x-2>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.5em
    }

    .md-space-x-3>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.75em
    }

    .md-space-x-4>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1em
    }

    .md-space-x-5>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.25em
    }

    .md-space-x-6>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.5em
    }

    .md-space-x-7>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.75em
    }

    .md-space-x-8>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2em
    }

    .md-space-x-9>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.25em
    }

    .md-space-x-10>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.5em
    }

    .md-space-x-11>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.75em
    }

    .md-space-x-12>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 3em
    }

    .md-w-auto {
        width: auto
    }

    .md-w-none {
        width: 0
    }

    .md-w-25 {
        width: 25%
    }

    .md-w-33 {
        width: 33.3333333333%
    }

    .md-w-50 {
        width: 50%
    }

    .md-w-66 {
        width: 66.6666666667%
    }

    .md-w-75 {
        width: 75%
    }

    .md-w-full {
        width: 100%
    }

    .md-w-screen {
        width: 100vw
    }

    .md-w-max {
        width: max-content
    }

    .md-w-min {
        width: min-content
    }

    .md-min-w-none {
        min-width: 0
    }

    .md-min-w-full {
        min-width: 100%
    }

    .md-min-w-screen {
        min-width: 100vw
    }

    .md-min-w-max {
        min-width: max-content
    }

    .md-min-w {
        min-width: min-content
    }

    .md-max-w-none {
        max-width: 0
    }

    .md-max-w-full {
        max-width: 100%
    }

    .md-max-w-screen {
        max-width: 100vw
    }

    .md-max-w {
        max-width: max-content
    }

    .md-max-w-min {
        max-width: min-content
    }

    .md-h-auto {
        height: auto
    }

    .md-h-none {
        height: 0
    }

    .md-h-25 {
        height: 25%
    }

    .md-h-33 {
        height: 33.3333333333%
    }

    .md-h-50 {
        height: 50%
    }

    .md-h-66 {
        height: 66.6666666667%
    }

    .md-h-75 {
        height: 75%
    }

    .md-h-full {
        height: 100%
    }

    .md-h-screen {
        height: 100vh
    }

    .md-h-max {
        height: max-content
    }

    .md-h-min {
        height: min-content
    }

    .md-min-h-none {
        min-height: 0
    }

    .md-min-h-full {
        min-height: 100%
    }

    .md-min-h-screen {
        min-height: 100vh
    }

    .md-min-h-max {
        min-height: max-content
    }

    .md-min-h {
        min-height: min-content
    }

    .md-max-h-none {
        max-height: 0
    }

    .md-max-h-full {
        max-height: 100%
    }

    .md-max-h-screen {
        max-height: 100vh
    }

    .md-max-h {
        max-height: max-content
    }

    .md-max-h-min {
        max-height: min-content
    }

    .md-block {
        display: block
    }

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

    .md-flex {
        display: flex
    }

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

    .md-flow-root {
        display: flow-root
    }

    .md-hidden {
        display: none
    }

    .md-float-right {
        float: right
    }

    .md-float-left {
        float: left
    }

    .md-float-none {
        float: none
    }

    .md-clear-right {
        clear: right
    }

    .md-clear-left {
        clear: left
    }

    .md-clear-both {
        clear: both
    }

    .md-clear-none {
        clear: none
    }

    .md-invisible {
        visibility: hidden
    }

    .md-visible {
        visibility: visible
    }

    .md-static {
        position: static
    }

    .md-relative {
        position: relative
    }

    .md-absolute {
        position: absolute
    }

    .md-fixed {
        position: fixed
    }

    .md-sticky {
        position: sticky
    }

    .md-top-auto {
        top: auto
    }

    .md-top-0 {
        top: 0
    }

    .md-top-50 {
        top: 50%
    }

    .md-top-full {
        top: 100%
    }

    .md-right-auto {
        right: auto
    }

    .md-right-0 {
        right: 0
    }

    .md-right-50 {
        right: 50%
    }

    .md-right-full {
        right: 100%
    }

    .md-bottom-auto {
        bottom: auto
    }

    .md-bottom-0 {
        bottom: 0
    }

    .md-bottom-50 {
        bottom: 50%
    }

    .md-bottom-full {
        bottom: 100%
    }

    .md-left-auto {
        left: auto
    }

    .md-left-0 {
        left: 0
    }

    .md-left-50 {
        left: 50%
    }

    .md-left-full {
        left: 100%
    }

    .md-inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .md-inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .md-inset-50 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }

    .md-inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }

    .md-inset-y-auto {
        top: auto;
        bottom: auto
    }

    .md-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .md-inset-y-50 {
        top: 50%;
        bottom: 50%
    }

    .md-inset-y-full {
        top: 100%;
        bottom: 100%
    }

    .md-inset-x-auto {
        right: auto;
        left: auto
    }

    .md-inset-x-0 {
        right: 0;
        left: 0
    }

    .md-inset-x-50 {
        right: 50%;
        left: 50%
    }

    .md-inset-x-full {
        right: 100%;
        left: 100%
    }

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

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

    .md-flex-col {
        flex-direction: column
    }

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

    .md-flex-nowrap {
        flex-wrap: nowrap
    }

    .md-flex-wrap {
        flex-wrap: wrap
    }

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

    .md-flex-fill {
        flex: 1 1 0%
    }

    .md-flex-auto {
        flex: 1 1 auto
    }

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

    .md-flex-grow {
        flex: 1 0 auto
    }

    .md-flex-initial {
        flex: 0 1 auto
    }

    .md-flex-none {
        flex: none
    }

    .md-order-first {
        order: -1
    }

    .md-order-0 {
        order: 0
    }

    .md-order-1 {
        order: 1
    }

    .md-order-last {
        order: 9
    }

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

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

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

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

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

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

    .md-justify-items-start {
        justify-items: start
    }

    .md-justify-items-end {
        justify-items: end
    }

    .md-justify-items-center {
        justify-items: center
    }

    .md-justify-items-stretch {
        justify-items: stretch
    }

    .md-justify-self-start {
        justify-self: start
    }

    .md-justify-self-end {
        justify-self: end
    }

    .md-justify-self-center {
        justify-self: center
    }

    .md-justify-self-stretch {
        justify-self: stretch
    }

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

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

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

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

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

    .md-content-evenly {
        align-content: space-evenly
    }

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

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

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

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

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

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

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

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

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

    .md-border {
        border-width: 1px
    }

    .md-border-0 {
        border-width: 0
    }

    .md-border-2 {
        border-width: 2px
    }

    .md-border-3 {
        border-width: 3px
    }

    .md-border-block-start {
        border-block-start-width: 1px
    }

    .md-border-block-start-0 {
        border-block-start-width: 0
    }

    .md-border-block-start-2 {
        border-block-start-width: 2px
    }

    .md-border-block-start-3 {
        border-block-start-width: 3px
    }

    .md-border-block-end {
        border-block-end-width: 1px
    }

    .md-border-block-end-0 {
        border-block-end-width: 0
    }

    .md-border-block-end-2 {
        border-block-end-width: 2px
    }

    .md-border-block-end-3 {
        border-block-end-width: 3px
    }

    .md-border-inline-end {
        border-inline-end-width: 1px
    }

    .md-border-inline-end-0 {
        border-inline-end-width: 0
    }

    .md-border-inline-end-2 {
        border-inline-end-width: 2px
    }

    .md-border-inline-end-3 {
        border-inline-end-width: 3px
    }

    .md-border-inline-start {
        border-inline-start-width: 1px
    }

    .md-border-inline-start-0 {
        border-inline-start-width: 0
    }

    .md-border-inline-start-2 {
        border-inline-start-width: 2px
    }

    .md-border-inline-start-3 {
        border-inline-start-width: 3px
    }

    .md-divide-y>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 1px
    }

    .md-divide-y-none>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 0
    }

    .md-divide-x>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 1px
    }

    .md-divide-x-none>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 0
    }
}

@media(min-width: 1024px) {
    .lg-underline {
        text-decoration: underline
    }

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

    .lg-no-underline {
        text-decoration: none
    }

    .lg-text-start {
        text-align: start
    }

    .lg-text-end {
        text-align: end
    }

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

    .lg-align-baseline {
        vertical-align: baseline
    }

    .lg-align-top {
        vertical-align: top
    }

    .lg-align-middle {
        vertical-align: middle
    }

    .lg-align-bottom {
        vertical-align: bottom
    }

    .lg-align-text-top {
        vertical-align: text-top
    }

    .lg-align-text-bottom {
        vertical-align: text-bottom
    }

    .lg-text-uppercase {
        text-transform: uppercase
    }

    .lg-text-lowercase {
        text-transform: lowercase
    }

    .lg-text-capitalize {
        text-transform: capitalize
    }

    .lg-text-wrap {
        white-space: wrap
    }

    .lg-text-nowrap {
        white-space: nowrap
    }

    .lg-break-normal {
        overflow-wrap: normal
    }

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

    .lg-break-any {
        overflow-wrap: anywhere
    }

    .lg-break-auto {
        hyphens: auto
    }

    .lg-weight-thin {
        font-weight: 100
    }

    .lg-weight-extralight {
        font-weight: 200
    }

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

    .lg-weight-normal {
        font-weight: 400
    }

    .lg-weight-strong {
        font-weight: 500
    }

    .lg-weight-semibold {
        font-weight: 600
    }

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

    .lg-weight-extrabold {
        font-weight: 800
    }

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

    .lg-weight-lighter {
        font-weight: lighter
    }

    .lg-weight-bolder {
        font-weight: bolder
    }

    .lg-slant-normal {
        font-style: normal
    }

    .lg-slant-italic {
        font-style: italic
    }

    .lg-m-0 {
        margin: 0
    }

    .lg-m-1 {
        margin: 0.25em
    }

    .lg-m-2 {
        margin: 0.5em
    }

    .lg-m-3 {
        margin: 0.75em
    }

    .lg-m-4 {
        margin: 1em
    }

    .lg-m-5 {
        margin: 1.25em
    }

    .lg-m-6 {
        margin: 1.5em
    }

    .lg-m-7 {
        margin: 1.75em
    }

    .lg-m-8 {
        margin: 2em
    }

    .lg-m-9 {
        margin: 2.25em
    }

    .lg-m-10 {
        margin: 2.5em
    }

    .lg-m-11 {
        margin: 2.75em
    }

    .lg-m-12 {
        margin: 3em
    }

    .lg-m-auto {
        margin: auto
    }

    .lg-my-0 {
        margin-block-start: 0;
        margin-block-end: 0
    }

    .lg-my-1 {
        margin-block-start: 0.25em;
        margin-block-end: 0.25em
    }

    .lg-my-2 {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em
    }

    .lg-my-3 {
        margin-block-start: 0.75em;
        margin-block-end: 0.75em
    }

    .lg-my-4 {
        margin-block-start: 1em;
        margin-block-end: 1em
    }

    .lg-my-5 {
        margin-block-start: 1.25em;
        margin-block-end: 1.25em
    }

    .lg-my-6 {
        margin-block-start: 1.5em;
        margin-block-end: 1.5em
    }

    .lg-my-7 {
        margin-block-start: 1.75em;
        margin-block-end: 1.75em
    }

    .lg-my-8 {
        margin-block-start: 2em;
        margin-block-end: 2em
    }

    .lg-my-9 {
        margin-block-start: 2.25em;
        margin-block-end: 2.25em
    }

    .lg-my-10 {
        margin-block-start: 2.5em;
        margin-block-end: 2.5em
    }

    .lg-my-11 {
        margin-block-start: 2.75em;
        margin-block-end: 2.75em
    }

    .lg-my-12 {
        margin-block-start: 3em;
        margin-block-end: 3em
    }

    .lg-my-auto {
        margin-block-start: auto;
        margin-block-end: auto
    }

    .lg-mt-0 {
        margin-block-start: 0
    }

    .lg-mt-1 {
        margin-block-start: 0.25em
    }

    .lg-mt-2 {
        margin-block-start: 0.5em
    }

    .lg-mt-3 {
        margin-block-start: 0.75em
    }

    .lg-mt-4 {
        margin-block-start: 1em
    }

    .lg-mt-5 {
        margin-block-start: 1.25em
    }

    .lg-mt-6 {
        margin-block-start: 1.5em
    }

    .lg-mt-7 {
        margin-block-start: 1.75em
    }

    .lg-mt-8 {
        margin-block-start: 2em
    }

    .lg-mt-9 {
        margin-block-start: 2.25em
    }

    .lg-mt-10 {
        margin-block-start: 2.5em
    }

    .lg-mt-11 {
        margin-block-start: 2.75em
    }

    .lg-mt-12 {
        margin-block-start: 3em
    }

    .lg-mt-auto {
        margin-block-start: auto
    }

    .lg-mb-0 {
        margin-block-end: 0
    }

    .lg-mb-1 {
        margin-block-end: 0.25em
    }

    .lg-mb-2 {
        margin-block-end: 0.5em
    }

    .lg-mb-3 {
        margin-block-end: 0.75em
    }

    .lg-mb-4 {
        margin-block-end: 1em
    }

    .lg-mb-5 {
        margin-block-end: 1.25em
    }

    .lg-mb-6 {
        margin-block-end: 1.5em
    }

    .lg-mb-7 {
        margin-block-end: 1.75em
    }

    .lg-mb-8 {
        margin-block-end: 2em
    }

    .lg-mb-9 {
        margin-block-end: 2.25em
    }

    .lg-mb-10 {
        margin-block-end: 2.5em
    }

    .lg-mb-11 {
        margin-block-end: 2.75em
    }

    .lg-mb-12 {
        margin-block-end: 3em
    }

    .lg-mb-auto {
        margin-block-end: auto
    }

    .lg-mx-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .lg-mx-1 {
        margin-inline-start: 0.25em;
        margin-inline-end: 0.25em
    }

    .lg-mx-2 {
        margin-inline-start: 0.5em;
        margin-inline-end: 0.5em
    }

    .lg-mx-3 {
        margin-inline-start: 0.75em;
        margin-inline-end: 0.75em
    }

    .lg-mx-4 {
        margin-inline-start: 1em;
        margin-inline-end: 1em
    }

    .lg-mx-5 {
        margin-inline-start: 1.25em;
        margin-inline-end: 1.25em
    }

    .lg-mx-6 {
        margin-inline-start: 1.5em;
        margin-inline-end: 1.5em
    }

    .lg-mx-7 {
        margin-inline-start: 1.75em;
        margin-inline-end: 1.75em
    }

    .lg-mx-8 {
        margin-inline-start: 2em;
        margin-inline-end: 2em
    }

    .lg-mx-9 {
        margin-inline-start: 2.25em;
        margin-inline-end: 2.25em
    }

    .lg-mx-10 {
        margin-inline-start: 2.5em;
        margin-inline-end: 2.5em
    }

    .lg-mx-11 {
        margin-inline-start: 2.75em;
        margin-inline-end: 2.75em
    }

    .lg-mx-12 {
        margin-inline-start: 3em;
        margin-inline-end: 3em
    }

    .lg-mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .lg-ms-0 {
        margin-inline-start: 0
    }

    .lg-ms-1 {
        margin-inline-start: 0.25em
    }

    .lg-ms-2 {
        margin-inline-start: 0.5em
    }

    .lg-ms-3 {
        margin-inline-start: 0.75em
    }

    .lg-ms-4 {
        margin-inline-start: 1em
    }

    .lg-ms-5 {
        margin-inline-start: 1.25em
    }

    .lg-ms-6 {
        margin-inline-start: 1.5em
    }

    .lg-ms-7 {
        margin-inline-start: 1.75em
    }

    .lg-ms-8 {
        margin-inline-start: 2em
    }

    .lg-ms-9 {
        margin-inline-start: 2.25em
    }

    .lg-ms-10 {
        margin-inline-start: 2.5em
    }

    .lg-ms-11 {
        margin-inline-start: 2.75em
    }

    .lg-ms-12 {
        margin-inline-start: 3em
    }

    .lg-ms-auto {
        margin-inline-start: auto
    }

    .lg-me-0 {
        margin-inline-end: 0
    }

    .lg-me-1 {
        margin-inline-end: 0.25em
    }

    .lg-me-2 {
        margin-inline-end: 0.5em
    }

    .lg-me-3 {
        margin-inline-end: 0.75em
    }

    .lg-me-4 {
        margin-inline-end: 1em
    }

    .lg-me-5 {
        margin-inline-end: 1.25em
    }

    .lg-me-6 {
        margin-inline-end: 1.5em
    }

    .lg-me-7 {
        margin-inline-end: 1.75em
    }

    .lg-me-8 {
        margin-inline-end: 2em
    }

    .lg-me-9 {
        margin-inline-end: 2.25em
    }

    .lg-me-10 {
        margin-inline-end: 2.5em
    }

    .lg-me-11 {
        margin-inline-end: 2.75em
    }

    .lg-me-12 {
        margin-inline-end: 3em
    }

    .lg-me-auto {
        margin-inline-end: auto
    }

    .lg-p-0 {
        padding: 0
    }

    .lg-p-1 {
        padding: 0.25em
    }

    .lg-p-2 {
        padding: 0.5em
    }

    .lg-p-3 {
        padding: 0.75em
    }

    .lg-p-4 {
        padding: 1em
    }

    .lg-p-5 {
        padding: 1.25em
    }

    .lg-p-6 {
        padding: 1.5em
    }

    .lg-p-7 {
        padding: 1.75em
    }

    .lg-p-8 {
        padding: 2em
    }

    .lg-p-9 {
        padding: 2.25em
    }

    .lg-p-10 {
        padding: 2.5em
    }

    .lg-p-11 {
        padding: 2.75em
    }

    .lg-p-12 {
        padding: 3em
    }

    .lg-py-0 {
        padding-block-start: 0;
        padding-block-end: 0
    }

    .lg-py-1 {
        padding-block-start: 0.25em;
        padding-block-end: 0.25em
    }

    .lg-py-2 {
        padding-block-start: 0.5em;
        padding-block-end: 0.5em
    }

    .lg-py-3 {
        padding-block-start: 0.75em;
        padding-block-end: 0.75em
    }

    .lg-py-4 {
        padding-block-start: 1em;
        padding-block-end: 1em
    }

    .lg-py-5 {
        padding-block-start: 1.25em;
        padding-block-end: 1.25em
    }

    .lg-py-6 {
        padding-block-start: 1.5em;
        padding-block-end: 1.5em
    }

    .lg-py-7 {
        padding-block-start: 1.75em;
        padding-block-end: 1.75em
    }

    .lg-py-8 {
        padding-block-start: 2em;
        padding-block-end: 2em
    }

    .lg-py-9 {
        padding-block-start: 2.25em;
        padding-block-end: 2.25em
    }

    .lg-py-10 {
        padding-block-start: 2.5em;
        padding-block-end: 2.5em
    }

    .lg-py-11 {
        padding-block-start: 2.75em;
        padding-block-end: 2.75em
    }

    .lg-py-12 {
        padding-block-start: 3em;
        padding-block-end: 3em
    }

    .lg-pt-0 {
        padding-block-start: 0
    }

    .lg-pt-1 {
        padding-block-start: 0.25em
    }

    .lg-pt-2 {
        padding-block-start: 0.5em
    }

    .lg-pt-3 {
        padding-block-start: 0.75em
    }

    .lg-pt-4 {
        padding-block-start: 1em
    }

    .lg-pt-5 {
        padding-block-start: 1.25em
    }

    .lg-pt-6 {
        padding-block-start: 1.5em
    }

    .lg-pt-7 {
        padding-block-start: 1.75em
    }

    .lg-pt-8 {
        padding-block-start: 2em
    }

    .lg-pt-9 {
        padding-block-start: 2.25em
    }

    .lg-pt-10 {
        padding-block-start: 2.5em
    }

    .lg-pt-11 {
        padding-block-start: 2.75em
    }

    .lg-pt-12 {
        padding-block-start: 3em
    }

    .lg-pb-0 {
        padding-block-end: 0
    }

    .lg-pb-1 {
        padding-block-end: 0.25em
    }

    .lg-pb-2 {
        padding-block-end: 0.5em
    }

    .lg-pb-3 {
        padding-block-end: 0.75em
    }

    .lg-pb-4 {
        padding-block-end: 1em
    }

    .lg-pb-5 {
        padding-block-end: 1.25em
    }

    .lg-pb-6 {
        padding-block-end: 1.5em
    }

    .lg-pb-7 {
        padding-block-end: 1.75em
    }

    .lg-pb-8 {
        padding-block-end: 2em
    }

    .lg-pb-9 {
        padding-block-end: 2.25em
    }

    .lg-pb-10 {
        padding-block-end: 2.5em
    }

    .lg-pb-11 {
        padding-block-end: 2.75em
    }

    .lg-pb-12 {
        padding-block-end: 3em
    }

    .lg-px-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .lg-px-1 {
        padding-inline-start: 0.25em;
        padding-inline-end: 0.25em
    }

    .lg-px-2 {
        padding-inline-start: 0.5em;
        padding-inline-end: 0.5em
    }

    .lg-px-3 {
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em
    }

    .lg-px-4 {
        padding-inline-start: 1em;
        padding-inline-end: 1em
    }

    .lg-px-5 {
        padding-inline-start: 1.25em;
        padding-inline-end: 1.25em
    }

    .lg-px-6 {
        padding-inline-start: 1.5em;
        padding-inline-end: 1.5em
    }

    .lg-px-7 {
        padding-inline-start: 1.75em;
        padding-inline-end: 1.75em
    }

    .lg-px-8 {
        padding-inline-start: 2em;
        padding-inline-end: 2em
    }

    .lg-px-9 {
        padding-inline-start: 2.25em;
        padding-inline-end: 2.25em
    }

    .lg-px-10 {
        padding-inline-start: 2.5em;
        padding-inline-end: 2.5em
    }

    .lg-px-11 {
        padding-inline-start: 2.75em;
        padding-inline-end: 2.75em
    }

    .lg-px-12 {
        padding-inline-start: 3em;
        padding-inline-end: 3em
    }

    .lg-ps-0 {
        padding-inline-start: 0
    }

    .lg-ps-1 {
        padding-inline-start: 0.25em
    }

    .lg-ps-2 {
        padding-inline-start: 0.5em
    }

    .lg-ps-3 {
        padding-inline-start: 0.75em
    }

    .lg-ps-4 {
        padding-inline-start: 1em
    }

    .lg-ps-5 {
        padding-inline-start: 1.25em
    }

    .lg-ps-6 {
        padding-inline-start: 1.5em
    }

    .lg-ps-7 {
        padding-inline-start: 1.75em
    }

    .lg-ps-8 {
        padding-inline-start: 2em
    }

    .lg-ps-9 {
        padding-inline-start: 2.25em
    }

    .lg-ps-10 {
        padding-inline-start: 2.5em
    }

    .lg-ps-11 {
        padding-inline-start: 2.75em
    }

    .lg-ps-12 {
        padding-inline-start: 3em
    }

    .lg-pe-0 {
        padding-inline-end: 0
    }

    .lg-pe-1 {
        padding-inline-end: 0.25em
    }

    .lg-pe-2 {
        padding-inline-end: 0.5em
    }

    .lg-pe-3 {
        padding-inline-end: 0.75em
    }

    .lg-pe-4 {
        padding-inline-end: 1em
    }

    .lg-pe-5 {
        padding-inline-end: 1.25em
    }

    .lg-pe-6 {
        padding-inline-end: 1.5em
    }

    .lg-pe-7 {
        padding-inline-end: 1.75em
    }

    .lg-pe-8 {
        padding-inline-end: 2em
    }

    .lg-pe-9 {
        padding-inline-end: 2.25em
    }

    .lg-pe-10 {
        padding-inline-end: 2.5em
    }

    .lg-pe-11 {
        padding-inline-end: 2.75em
    }

    .lg-pe-12 {
        padding-inline-end: 3em
    }

    .lg-space-y-0>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0
    }

    .lg-space-y-1>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.25em
    }

    .lg-space-y-2>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.5em
    }

    .lg-space-y-3>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.75em
    }

    .lg-space-y-4>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1em
    }

    .lg-space-y-5>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.25em
    }

    .lg-space-y-6>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.5em
    }

    .lg-space-y-7>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.75em
    }

    .lg-space-y-8>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2em
    }

    .lg-space-y-9>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.25em
    }

    .lg-space-y-10>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.5em
    }

    .lg-space-y-11>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.75em
    }

    .lg-space-y-12>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 3em
    }

    .lg-space-x-0>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0
    }

    .lg-space-x-1>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.25em
    }

    .lg-space-x-2>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.5em
    }

    .lg-space-x-3>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.75em
    }

    .lg-space-x-4>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1em
    }

    .lg-space-x-5>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.25em
    }

    .lg-space-x-6>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.5em
    }

    .lg-space-x-7>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.75em
    }

    .lg-space-x-8>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2em
    }

    .lg-space-x-9>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.25em
    }

    .lg-space-x-10>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.5em
    }

    .lg-space-x-11>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.75em
    }

    .lg-space-x-12>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 3em
    }

    .lg-w-auto {
        width: auto
    }

    .lg-w-none {
        width: 0
    }

    .lg-w-25 {
        width: 25%
    }

    .lg-w-33 {
        width: 33.3333333333%
    }

    .lg-w-50 {
        width: 50%
    }

    .lg-w-66 {
        width: 66.6666666667%
    }

    .lg-w-75 {
        width: 75%
    }

    .lg-w-full {
        width: 100%
    }

    .lg-w-screen {
        width: 100vw
    }

    .lg-w-max {
        width: max-content
    }

    .lg-w-min {
        width: min-content
    }

    .lg-min-w-none {
        min-width: 0
    }

    .lg-min-w-full {
        min-width: 100%
    }

    .lg-min-w-screen {
        min-width: 100vw
    }

    .lg-min-w-max {
        min-width: max-content
    }

    .lg-min-w {
        min-width: min-content
    }

    .lg-max-w-none {
        max-width: 0
    }

    .lg-max-w-full {
        max-width: 100%
    }

    .lg-max-w-screen {
        max-width: 100vw
    }

    .lg-max-w {
        max-width: max-content
    }

    .lg-max-w-min {
        max-width: min-content
    }

    .lg-h-auto {
        height: auto
    }

    .lg-h-none {
        height: 0
    }

    .lg-h-25 {
        height: 25%
    }

    .lg-h-33 {
        height: 33.3333333333%
    }

    .lg-h-50 {
        height: 50%
    }

    .lg-h-66 {
        height: 66.6666666667%
    }

    .lg-h-75 {
        height: 75%
    }

    .lg-h-full {
        height: 100%
    }

    .lg-h-screen {
        height: 100vh
    }

    .lg-h-max {
        height: max-content
    }

    .lg-h-min {
        height: min-content
    }

    .lg-min-h-none {
        min-height: 0
    }

    .lg-min-h-full {
        min-height: 100%
    }

    .lg-min-h-screen {
        min-height: 100vh
    }

    .lg-min-h-max {
        min-height: max-content
    }

    .lg-min-h {
        min-height: min-content
    }

    .lg-max-h-none {
        max-height: 0
    }

    .lg-max-h-full {
        max-height: 100%
    }

    .lg-max-h-screen {
        max-height: 100vh
    }

    .lg-max-h {
        max-height: max-content
    }

    .lg-max-h-min {
        max-height: min-content
    }

    .lg-block {
        display: block
    }

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

    .lg-flex {
        display: flex
    }

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

    .lg-flow-root {
        display: flow-root
    }

    .lg-hidden {
        display: none
    }

    .lg-float-right {
        float: right
    }

    .lg-float-left {
        float: left
    }

    .lg-float-none {
        float: none
    }

    .lg-clear-right {
        clear: right
    }

    .lg-clear-left {
        clear: left
    }

    .lg-clear-both {
        clear: both
    }

    .lg-clear-none {
        clear: none
    }

    .lg-invisible {
        visibility: hidden
    }

    .lg-visible {
        visibility: visible
    }

    .lg-static {
        position: static
    }

    .lg-relative {
        position: relative
    }

    .lg-absolute {
        position: absolute
    }

    .lg-fixed {
        position: fixed
    }

    .lg-sticky {
        position: sticky
    }

    .lg-top-auto {
        top: auto
    }

    .lg-top-0 {
        top: 0
    }

    .lg-top-50 {
        top: 50%
    }

    .lg-top-full {
        top: 100%
    }

    .lg-right-auto {
        right: auto
    }

    .lg-right-0 {
        right: 0
    }

    .lg-right-50 {
        right: 50%
    }

    .lg-right-full {
        right: 100%
    }

    .lg-bottom-auto {
        bottom: auto
    }

    .lg-bottom-0 {
        bottom: 0
    }

    .lg-bottom-50 {
        bottom: 50%
    }

    .lg-bottom-full {
        bottom: 100%
    }

    .lg-left-auto {
        left: auto
    }

    .lg-left-0 {
        left: 0
    }

    .lg-left-50 {
        left: 50%
    }

    .lg-left-full {
        left: 100%
    }

    .lg-inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .lg-inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .lg-inset-50 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }

    .lg-inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }

    .lg-inset-y-auto {
        top: auto;
        bottom: auto
    }

    .lg-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .lg-inset-y-50 {
        top: 50%;
        bottom: 50%
    }

    .lg-inset-y-full {
        top: 100%;
        bottom: 100%
    }

    .lg-inset-x-auto {
        right: auto;
        left: auto
    }

    .lg-inset-x-0 {
        right: 0;
        left: 0
    }

    .lg-inset-x-50 {
        right: 50%;
        left: 50%
    }

    .lg-inset-x-full {
        right: 100%;
        left: 100%
    }

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

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

    .lg-flex-col {
        flex-direction: column
    }

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

    .lg-flex-nowrap {
        flex-wrap: nowrap
    }

    .lg-flex-wrap {
        flex-wrap: wrap
    }

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

    .lg-flex-fill {
        flex: 1 1 0%
    }

    .lg-flex-auto {
        flex: 1 1 auto
    }

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

    .lg-flex-grow {
        flex: 1 0 auto
    }

    .lg-flex-initial {
        flex: 0 1 auto
    }

    .lg-flex-none {
        flex: none
    }

    .lg-order-first {
        order: -1
    }

    .lg-order-0 {
        order: 0
    }

    .lg-order-1 {
        order: 1
    }

    .lg-order-last {
        order: 9
    }

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

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

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

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

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

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

    .lg-justify-items-start {
        justify-items: start
    }

    .lg-justify-items-end {
        justify-items: end
    }

    .lg-justify-items-center {
        justify-items: center
    }

    .lg-justify-items-stretch {
        justify-items: stretch
    }

    .lg-justify-self-start {
        justify-self: start
    }

    .lg-justify-self-end {
        justify-self: end
    }

    .lg-justify-self-center {
        justify-self: center
    }

    .lg-justify-self-stretch {
        justify-self: stretch
    }

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

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

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

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

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

    .lg-content-evenly {
        align-content: space-evenly
    }

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

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

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

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

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

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

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

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

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

    .lg-border {
        border-width: 1px
    }

    .lg-border-0 {
        border-width: 0
    }

    .lg-border-2 {
        border-width: 2px
    }

    .lg-border-3 {
        border-width: 3px
    }

    .lg-border-block-start {
        border-block-start-width: 1px
    }

    .lg-border-block-start-0 {
        border-block-start-width: 0
    }

    .lg-border-block-start-2 {
        border-block-start-width: 2px
    }

    .lg-border-block-start-3 {
        border-block-start-width: 3px
    }

    .lg-border-block-end {
        border-block-end-width: 1px
    }

    .lg-border-block-end-0 {
        border-block-end-width: 0
    }

    .lg-border-block-end-2 {
        border-block-end-width: 2px
    }

    .lg-border-block-end-3 {
        border-block-end-width: 3px
    }

    .lg-border-inline-end {
        border-inline-end-width: 1px
    }

    .lg-border-inline-end-0 {
        border-inline-end-width: 0
    }

    .lg-border-inline-end-2 {
        border-inline-end-width: 2px
    }

    .lg-border-inline-end-3 {
        border-inline-end-width: 3px
    }

    .lg-border-inline-start {
        border-inline-start-width: 1px
    }

    .lg-border-inline-start-0 {
        border-inline-start-width: 0
    }

    .lg-border-inline-start-2 {
        border-inline-start-width: 2px
    }

    .lg-border-inline-start-3 {
        border-inline-start-width: 3px
    }

    .lg-divide-y>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 1px
    }

    .lg-divide-y-none>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 0
    }

    .lg-divide-x>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 1px
    }

    .lg-divide-x-none>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 0
    }
}

@media(min-width: 1440px) {
    .xl-underline {
        text-decoration: underline
    }

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

    .xl-no-underline {
        text-decoration: none
    }

    .xl-text-start {
        text-align: start
    }

    .xl-text-end {
        text-align: end
    }

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

    .xl-align-baseline {
        vertical-align: baseline
    }

    .xl-align-top {
        vertical-align: top
    }

    .xl-align-middle {
        vertical-align: middle
    }

    .xl-align-bottom {
        vertical-align: bottom
    }

    .xl-align-text-top {
        vertical-align: text-top
    }

    .xl-align-text-bottom {
        vertical-align: text-bottom
    }

    .xl-text-uppercase {
        text-transform: uppercase
    }

    .xl-text-lowercase {
        text-transform: lowercase
    }

    .xl-text-capitalize {
        text-transform: capitalize
    }

    .xl-text-wrap {
        white-space: wrap
    }

    .xl-text-nowrap {
        white-space: nowrap
    }

    .xl-break-normal {
        overflow-wrap: normal
    }

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

    .xl-break-any {
        overflow-wrap: anywhere
    }

    .xl-break-auto {
        hyphens: auto
    }

    .xl-weight-thin {
        font-weight: 100
    }

    .xl-weight-extralight {
        font-weight: 200
    }

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

    .xl-weight-normal {
        font-weight: 400
    }

    .xl-weight-strong {
        font-weight: 500
    }

    .xl-weight-semibold {
        font-weight: 600
    }

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

    .xl-weight-extrabold {
        font-weight: 800
    }

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

    .xl-weight-lighter {
        font-weight: lighter
    }

    .xl-weight-bolder {
        font-weight: bolder
    }

    .xl-slant-normal {
        font-style: normal
    }

    .xl-slant-italic {
        font-style: italic
    }

    .xl-m-0 {
        margin: 0
    }

    .xl-m-1 {
        margin: 0.25em
    }

    .xl-m-2 {
        margin: 0.5em
    }

    .xl-m-3 {
        margin: 0.75em
    }

    .xl-m-4 {
        margin: 1em
    }

    .xl-m-5 {
        margin: 1.25em
    }

    .xl-m-6 {
        margin: 1.5em
    }

    .xl-m-7 {
        margin: 1.75em
    }

    .xl-m-8 {
        margin: 2em
    }

    .xl-m-9 {
        margin: 2.25em
    }

    .xl-m-10 {
        margin: 2.5em
    }

    .xl-m-11 {
        margin: 2.75em
    }

    .xl-m-12 {
        margin: 3em
    }

    .xl-m-auto {
        margin: auto
    }

    .xl-my-0 {
        margin-block-start: 0;
        margin-block-end: 0
    }

    .xl-my-1 {
        margin-block-start: 0.25em;
        margin-block-end: 0.25em
    }

    .xl-my-2 {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em
    }

    .xl-my-3 {
        margin-block-start: 0.75em;
        margin-block-end: 0.75em
    }

    .xl-my-4 {
        margin-block-start: 1em;
        margin-block-end: 1em
    }

    .xl-my-5 {
        margin-block-start: 1.25em;
        margin-block-end: 1.25em
    }

    .xl-my-6 {
        margin-block-start: 1.5em;
        margin-block-end: 1.5em
    }

    .xl-my-7 {
        margin-block-start: 1.75em;
        margin-block-end: 1.75em
    }

    .xl-my-8 {
        margin-block-start: 2em;
        margin-block-end: 2em
    }

    .xl-my-9 {
        margin-block-start: 2.25em;
        margin-block-end: 2.25em
    }

    .xl-my-10 {
        margin-block-start: 2.5em;
        margin-block-end: 2.5em
    }

    .xl-my-11 {
        margin-block-start: 2.75em;
        margin-block-end: 2.75em
    }

    .xl-my-12 {
        margin-block-start: 3em;
        margin-block-end: 3em
    }

    .xl-my-auto {
        margin-block-start: auto;
        margin-block-end: auto
    }

    .xl-mt-0 {
        margin-block-start: 0
    }

    .xl-mt-1 {
        margin-block-start: 0.25em
    }

    .xl-mt-2 {
        margin-block-start: 0.5em
    }

    .xl-mt-3 {
        margin-block-start: 0.75em
    }

    .xl-mt-4 {
        margin-block-start: 1em
    }

    .xl-mt-5 {
        margin-block-start: 1.25em
    }

    .xl-mt-6 {
        margin-block-start: 1.5em
    }

    .xl-mt-7 {
        margin-block-start: 1.75em
    }

    .xl-mt-8 {
        margin-block-start: 2em
    }

    .xl-mt-9 {
        margin-block-start: 2.25em
    }

    .xl-mt-10 {
        margin-block-start: 2.5em
    }

    .xl-mt-11 {
        margin-block-start: 2.75em
    }

    .xl-mt-12 {
        margin-block-start: 3em
    }

    .xl-mt-auto {
        margin-block-start: auto
    }

    .xl-mb-0 {
        margin-block-end: 0
    }

    .xl-mb-1 {
        margin-block-end: 0.25em
    }

    .xl-mb-2 {
        margin-block-end: 0.5em
    }

    .xl-mb-3 {
        margin-block-end: 0.75em
    }

    .xl-mb-4 {
        margin-block-end: 1em
    }

    .xl-mb-5 {
        margin-block-end: 1.25em
    }

    .xl-mb-6 {
        margin-block-end: 1.5em
    }

    .xl-mb-7 {
        margin-block-end: 1.75em
    }

    .xl-mb-8 {
        margin-block-end: 2em
    }

    .xl-mb-9 {
        margin-block-end: 2.25em
    }

    .xl-mb-10 {
        margin-block-end: 2.5em
    }

    .xl-mb-11 {
        margin-block-end: 2.75em
    }

    .xl-mb-12 {
        margin-block-end: 3em
    }

    .xl-mb-auto {
        margin-block-end: auto
    }

    .xl-mx-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .xl-mx-1 {
        margin-inline-start: 0.25em;
        margin-inline-end: 0.25em
    }

    .xl-mx-2 {
        margin-inline-start: 0.5em;
        margin-inline-end: 0.5em
    }

    .xl-mx-3 {
        margin-inline-start: 0.75em;
        margin-inline-end: 0.75em
    }

    .xl-mx-4 {
        margin-inline-start: 1em;
        margin-inline-end: 1em
    }

    .xl-mx-5 {
        margin-inline-start: 1.25em;
        margin-inline-end: 1.25em
    }

    .xl-mx-6 {
        margin-inline-start: 1.5em;
        margin-inline-end: 1.5em
    }

    .xl-mx-7 {
        margin-inline-start: 1.75em;
        margin-inline-end: 1.75em
    }

    .xl-mx-8 {
        margin-inline-start: 2em;
        margin-inline-end: 2em
    }

    .xl-mx-9 {
        margin-inline-start: 2.25em;
        margin-inline-end: 2.25em
    }

    .xl-mx-10 {
        margin-inline-start: 2.5em;
        margin-inline-end: 2.5em
    }

    .xl-mx-11 {
        margin-inline-start: 2.75em;
        margin-inline-end: 2.75em
    }

    .xl-mx-12 {
        margin-inline-start: 3em;
        margin-inline-end: 3em
    }

    .xl-mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .xl-ms-0 {
        margin-inline-start: 0
    }

    .xl-ms-1 {
        margin-inline-start: 0.25em
    }

    .xl-ms-2 {
        margin-inline-start: 0.5em
    }

    .xl-ms-3 {
        margin-inline-start: 0.75em
    }

    .xl-ms-4 {
        margin-inline-start: 1em
    }

    .xl-ms-5 {
        margin-inline-start: 1.25em
    }

    .xl-ms-6 {
        margin-inline-start: 1.5em
    }

    .xl-ms-7 {
        margin-inline-start: 1.75em
    }

    .xl-ms-8 {
        margin-inline-start: 2em
    }

    .xl-ms-9 {
        margin-inline-start: 2.25em
    }

    .xl-ms-10 {
        margin-inline-start: 2.5em
    }

    .xl-ms-11 {
        margin-inline-start: 2.75em
    }

    .xl-ms-12 {
        margin-inline-start: 3em
    }

    .xl-ms-auto {
        margin-inline-start: auto
    }

    .xl-me-0 {
        margin-inline-end: 0
    }

    .xl-me-1 {
        margin-inline-end: 0.25em
    }

    .xl-me-2 {
        margin-inline-end: 0.5em
    }

    .xl-me-3 {
        margin-inline-end: 0.75em
    }

    .xl-me-4 {
        margin-inline-end: 1em
    }

    .xl-me-5 {
        margin-inline-end: 1.25em
    }

    .xl-me-6 {
        margin-inline-end: 1.5em
    }

    .xl-me-7 {
        margin-inline-end: 1.75em
    }

    .xl-me-8 {
        margin-inline-end: 2em
    }

    .xl-me-9 {
        margin-inline-end: 2.25em
    }

    .xl-me-10 {
        margin-inline-end: 2.5em
    }

    .xl-me-11 {
        margin-inline-end: 2.75em
    }

    .xl-me-12 {
        margin-inline-end: 3em
    }

    .xl-me-auto {
        margin-inline-end: auto
    }

    .xl-p-0 {
        padding: 0
    }

    .xl-p-1 {
        padding: 0.25em
    }

    .xl-p-2 {
        padding: 0.5em
    }

    .xl-p-3 {
        padding: 0.75em
    }

    .xl-p-4 {
        padding: 1em
    }

    .xl-p-5 {
        padding: 1.25em
    }

    .xl-p-6 {
        padding: 1.5em
    }

    .xl-p-7 {
        padding: 1.75em
    }

    .xl-p-8 {
        padding: 2em
    }

    .xl-p-9 {
        padding: 2.25em
    }

    .xl-p-10 {
        padding: 2.5em
    }

    .xl-p-11 {
        padding: 2.75em
    }

    .xl-p-12 {
        padding: 3em
    }

    .xl-py-0 {
        padding-block-start: 0;
        padding-block-end: 0
    }

    .xl-py-1 {
        padding-block-start: 0.25em;
        padding-block-end: 0.25em
    }

    .xl-py-2 {
        padding-block-start: 0.5em;
        padding-block-end: 0.5em
    }

    .xl-py-3 {
        padding-block-start: 0.75em;
        padding-block-end: 0.75em
    }

    .xl-py-4 {
        padding-block-start: 1em;
        padding-block-end: 1em
    }

    .xl-py-5 {
        padding-block-start: 1.25em;
        padding-block-end: 1.25em
    }

    .xl-py-6 {
        padding-block-start: 1.5em;
        padding-block-end: 1.5em
    }

    .xl-py-7 {
        padding-block-start: 1.75em;
        padding-block-end: 1.75em
    }

    .xl-py-8 {
        padding-block-start: 2em;
        padding-block-end: 2em
    }

    .xl-py-9 {
        padding-block-start: 2.25em;
        padding-block-end: 2.25em
    }

    .xl-py-10 {
        padding-block-start: 2.5em;
        padding-block-end: 2.5em
    }

    .xl-py-11 {
        padding-block-start: 2.75em;
        padding-block-end: 2.75em
    }

    .xl-py-12 {
        padding-block-start: 3em;
        padding-block-end: 3em
    }

    .xl-pt-0 {
        padding-block-start: 0
    }

    .xl-pt-1 {
        padding-block-start: 0.25em
    }

    .xl-pt-2 {
        padding-block-start: 0.5em
    }

    .xl-pt-3 {
        padding-block-start: 0.75em
    }

    .xl-pt-4 {
        padding-block-start: 1em
    }

    .xl-pt-5 {
        padding-block-start: 1.25em
    }

    .xl-pt-6 {
        padding-block-start: 1.5em
    }

    .xl-pt-7 {
        padding-block-start: 1.75em
    }

    .xl-pt-8 {
        padding-block-start: 2em
    }

    .xl-pt-9 {
        padding-block-start: 2.25em
    }

    .xl-pt-10 {
        padding-block-start: 2.5em
    }

    .xl-pt-11 {
        padding-block-start: 2.75em
    }

    .xl-pt-12 {
        padding-block-start: 3em
    }

    .xl-pb-0 {
        padding-block-end: 0
    }

    .xl-pb-1 {
        padding-block-end: 0.25em
    }

    .xl-pb-2 {
        padding-block-end: 0.5em
    }

    .xl-pb-3 {
        padding-block-end: 0.75em
    }

    .xl-pb-4 {
        padding-block-end: 1em
    }

    .xl-pb-5 {
        padding-block-end: 1.25em
    }

    .xl-pb-6 {
        padding-block-end: 1.5em
    }

    .xl-pb-7 {
        padding-block-end: 1.75em
    }

    .xl-pb-8 {
        padding-block-end: 2em
    }

    .xl-pb-9 {
        padding-block-end: 2.25em
    }

    .xl-pb-10 {
        padding-block-end: 2.5em
    }

    .xl-pb-11 {
        padding-block-end: 2.75em
    }

    .xl-pb-12 {
        padding-block-end: 3em
    }

    .xl-px-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .xl-px-1 {
        padding-inline-start: 0.25em;
        padding-inline-end: 0.25em
    }

    .xl-px-2 {
        padding-inline-start: 0.5em;
        padding-inline-end: 0.5em
    }

    .xl-px-3 {
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em
    }

    .xl-px-4 {
        padding-inline-start: 1em;
        padding-inline-end: 1em
    }

    .xl-px-5 {
        padding-inline-start: 1.25em;
        padding-inline-end: 1.25em
    }

    .xl-px-6 {
        padding-inline-start: 1.5em;
        padding-inline-end: 1.5em
    }

    .xl-px-7 {
        padding-inline-start: 1.75em;
        padding-inline-end: 1.75em
    }

    .xl-px-8 {
        padding-inline-start: 2em;
        padding-inline-end: 2em
    }

    .xl-px-9 {
        padding-inline-start: 2.25em;
        padding-inline-end: 2.25em
    }

    .xl-px-10 {
        padding-inline-start: 2.5em;
        padding-inline-end: 2.5em
    }

    .xl-px-11 {
        padding-inline-start: 2.75em;
        padding-inline-end: 2.75em
    }

    .xl-px-12 {
        padding-inline-start: 3em;
        padding-inline-end: 3em
    }

    .xl-ps-0 {
        padding-inline-start: 0
    }

    .xl-ps-1 {
        padding-inline-start: 0.25em
    }

    .xl-ps-2 {
        padding-inline-start: 0.5em
    }

    .xl-ps-3 {
        padding-inline-start: 0.75em
    }

    .xl-ps-4 {
        padding-inline-start: 1em
    }

    .xl-ps-5 {
        padding-inline-start: 1.25em
    }

    .xl-ps-6 {
        padding-inline-start: 1.5em
    }

    .xl-ps-7 {
        padding-inline-start: 1.75em
    }

    .xl-ps-8 {
        padding-inline-start: 2em
    }

    .xl-ps-9 {
        padding-inline-start: 2.25em
    }

    .xl-ps-10 {
        padding-inline-start: 2.5em
    }

    .xl-ps-11 {
        padding-inline-start: 2.75em
    }

    .xl-ps-12 {
        padding-inline-start: 3em
    }

    .xl-pe-0 {
        padding-inline-end: 0
    }

    .xl-pe-1 {
        padding-inline-end: 0.25em
    }

    .xl-pe-2 {
        padding-inline-end: 0.5em
    }

    .xl-pe-3 {
        padding-inline-end: 0.75em
    }

    .xl-pe-4 {
        padding-inline-end: 1em
    }

    .xl-pe-5 {
        padding-inline-end: 1.25em
    }

    .xl-pe-6 {
        padding-inline-end: 1.5em
    }

    .xl-pe-7 {
        padding-inline-end: 1.75em
    }

    .xl-pe-8 {
        padding-inline-end: 2em
    }

    .xl-pe-9 {
        padding-inline-end: 2.25em
    }

    .xl-pe-10 {
        padding-inline-end: 2.5em
    }

    .xl-pe-11 {
        padding-inline-end: 2.75em
    }

    .xl-pe-12 {
        padding-inline-end: 3em
    }

    .xl-space-y-0>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0
    }

    .xl-space-y-1>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.25em
    }

    .xl-space-y-2>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.5em
    }

    .xl-space-y-3>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.75em
    }

    .xl-space-y-4>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1em
    }

    .xl-space-y-5>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.25em
    }

    .xl-space-y-6>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.5em
    }

    .xl-space-y-7>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.75em
    }

    .xl-space-y-8>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2em
    }

    .xl-space-y-9>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.25em
    }

    .xl-space-y-10>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.5em
    }

    .xl-space-y-11>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.75em
    }

    .xl-space-y-12>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 3em
    }

    .xl-space-x-0>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0
    }

    .xl-space-x-1>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.25em
    }

    .xl-space-x-2>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.5em
    }

    .xl-space-x-3>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.75em
    }

    .xl-space-x-4>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1em
    }

    .xl-space-x-5>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.25em
    }

    .xl-space-x-6>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.5em
    }

    .xl-space-x-7>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.75em
    }

    .xl-space-x-8>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2em
    }

    .xl-space-x-9>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.25em
    }

    .xl-space-x-10>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.5em
    }

    .xl-space-x-11>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.75em
    }

    .xl-space-x-12>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 3em
    }

    .xl-w-auto {
        width: auto
    }

    .xl-w-none {
        width: 0
    }

    .xl-w-25 {
        width: 25%
    }

    .xl-w-33 {
        width: 33.3333333333%
    }

    .xl-w-50 {
        width: 50%
    }

    .xl-w-66 {
        width: 66.6666666667%
    }

    .xl-w-75 {
        width: 75%
    }

    .xl-w-full {
        width: 100%
    }

    .xl-w-screen {
        width: 100vw
    }

    .xl-w-max {
        width: max-content
    }

    .xl-w-min {
        width: min-content
    }

    .xl-min-w-none {
        min-width: 0
    }

    .xl-min-w-full {
        min-width: 100%
    }

    .xl-min-w-screen {
        min-width: 100vw
    }

    .xl-min-w-max {
        min-width: max-content
    }

    .xl-min-w {
        min-width: min-content
    }

    .xl-max-w-none {
        max-width: 0
    }

    .xl-max-w-full {
        max-width: 100%
    }

    .xl-max-w-screen {
        max-width: 100vw
    }

    .xl-max-w {
        max-width: max-content
    }

    .xl-max-w-min {
        max-width: min-content
    }

    .xl-h-auto {
        height: auto
    }

    .xl-h-none {
        height: 0
    }

    .xl-h-25 {
        height: 25%
    }

    .xl-h-33 {
        height: 33.3333333333%
    }

    .xl-h-50 {
        height: 50%
    }

    .xl-h-66 {
        height: 66.6666666667%
    }

    .xl-h-75 {
        height: 75%
    }

    .xl-h-full {
        height: 100%
    }

    .xl-h-screen {
        height: 100vh
    }

    .xl-h-max {
        height: max-content
    }

    .xl-h-min {
        height: min-content
    }

    .xl-min-h-none {
        min-height: 0
    }

    .xl-min-h-full {
        min-height: 100%
    }

    .xl-min-h-screen {
        min-height: 100vh
    }

    .xl-min-h-max {
        min-height: max-content
    }

    .xl-min-h {
        min-height: min-content
    }

    .xl-max-h-none {
        max-height: 0
    }

    .xl-max-h-full {
        max-height: 100%
    }

    .xl-max-h-screen {
        max-height: 100vh
    }

    .xl-max-h {
        max-height: max-content
    }

    .xl-max-h-min {
        max-height: min-content
    }

    .xl-block {
        display: block
    }

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

    .xl-flex {
        display: flex
    }

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

    .xl-flow-root {
        display: flow-root
    }

    .xl-hidden {
        display: none
    }

    .xl-float-right {
        float: right
    }

    .xl-float-left {
        float: left
    }

    .xl-float-none {
        float: none
    }

    .xl-clear-right {
        clear: right
    }

    .xl-clear-left {
        clear: left
    }

    .xl-clear-both {
        clear: both
    }

    .xl-clear-none {
        clear: none
    }

    .xl-invisible {
        visibility: hidden
    }

    .xl-visible {
        visibility: visible
    }

    .xl-static {
        position: static
    }

    .xl-relative {
        position: relative
    }

    .xl-absolute {
        position: absolute
    }

    .xl-fixed {
        position: fixed
    }

    .xl-sticky {
        position: sticky
    }

    .xl-top-auto {
        top: auto
    }

    .xl-top-0 {
        top: 0
    }

    .xl-top-50 {
        top: 50%
    }

    .xl-top-full {
        top: 100%
    }

    .xl-right-auto {
        right: auto
    }

    .xl-right-0 {
        right: 0
    }

    .xl-right-50 {
        right: 50%
    }

    .xl-right-full {
        right: 100%
    }

    .xl-bottom-auto {
        bottom: auto
    }

    .xl-bottom-0 {
        bottom: 0
    }

    .xl-bottom-50 {
        bottom: 50%
    }

    .xl-bottom-full {
        bottom: 100%
    }

    .xl-left-auto {
        left: auto
    }

    .xl-left-0 {
        left: 0
    }

    .xl-left-50 {
        left: 50%
    }

    .xl-left-full {
        left: 100%
    }

    .xl-inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .xl-inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .xl-inset-50 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }

    .xl-inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }

    .xl-inset-y-auto {
        top: auto;
        bottom: auto
    }

    .xl-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .xl-inset-y-50 {
        top: 50%;
        bottom: 50%
    }

    .xl-inset-y-full {
        top: 100%;
        bottom: 100%
    }

    .xl-inset-x-auto {
        right: auto;
        left: auto
    }

    .xl-inset-x-0 {
        right: 0;
        left: 0
    }

    .xl-inset-x-50 {
        right: 50%;
        left: 50%
    }

    .xl-inset-x-full {
        right: 100%;
        left: 100%
    }

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

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

    .xl-flex-col {
        flex-direction: column
    }

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

    .xl-flex-nowrap {
        flex-wrap: nowrap
    }

    .xl-flex-wrap {
        flex-wrap: wrap
    }

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

    .xl-flex-fill {
        flex: 1 1 0%
    }

    .xl-flex-auto {
        flex: 1 1 auto
    }

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

    .xl-flex-grow {
        flex: 1 0 auto
    }

    .xl-flex-initial {
        flex: 0 1 auto
    }

    .xl-flex-none {
        flex: none
    }

    .xl-order-first {
        order: -1
    }

    .xl-order-0 {
        order: 0
    }

    .xl-order-1 {
        order: 1
    }

    .xl-order-last {
        order: 9
    }

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

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

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

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

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

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

    .xl-justify-items-start {
        justify-items: start
    }

    .xl-justify-items-end {
        justify-items: end
    }

    .xl-justify-items-center {
        justify-items: center
    }

    .xl-justify-items-stretch {
        justify-items: stretch
    }

    .xl-justify-self-start {
        justify-self: start
    }

    .xl-justify-self-end {
        justify-self: end
    }

    .xl-justify-self-center {
        justify-self: center
    }

    .xl-justify-self-stretch {
        justify-self: stretch
    }

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

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

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

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

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

    .xl-content-evenly {
        align-content: space-evenly
    }

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

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

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

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

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

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

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

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

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

    .xl-border {
        border-width: 1px
    }

    .xl-border-0 {
        border-width: 0
    }

    .xl-border-2 {
        border-width: 2px
    }

    .xl-border-3 {
        border-width: 3px
    }

    .xl-border-block-start {
        border-block-start-width: 1px
    }

    .xl-border-block-start-0 {
        border-block-start-width: 0
    }

    .xl-border-block-start-2 {
        border-block-start-width: 2px
    }

    .xl-border-block-start-3 {
        border-block-start-width: 3px
    }

    .xl-border-block-end {
        border-block-end-width: 1px
    }

    .xl-border-block-end-0 {
        border-block-end-width: 0
    }

    .xl-border-block-end-2 {
        border-block-end-width: 2px
    }

    .xl-border-block-end-3 {
        border-block-end-width: 3px
    }

    .xl-border-inline-end {
        border-inline-end-width: 1px
    }

    .xl-border-inline-end-0 {
        border-inline-end-width: 0
    }

    .xl-border-inline-end-2 {
        border-inline-end-width: 2px
    }

    .xl-border-inline-end-3 {
        border-inline-end-width: 3px
    }

    .xl-border-inline-start {
        border-inline-start-width: 1px
    }

    .xl-border-inline-start-0 {
        border-inline-start-width: 0
    }

    .xl-border-inline-start-2 {
        border-inline-start-width: 2px
    }

    .xl-border-inline-start-3 {
        border-inline-start-width: 3px
    }

    .xl-divide-y>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 1px
    }

    .xl-divide-y-none>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 0
    }

    .xl-divide-x>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 1px
    }

    .xl-divide-x-none>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 0
    }
}

@media(min-width: 2200px) {
    .xxl-underline {
        text-decoration: underline
    }

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

    .xxl-no-underline {
        text-decoration: none
    }

    .xxl-text-start {
        text-align: start
    }

    .xxl-text-end {
        text-align: end
    }

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

    .xxl-align-baseline {
        vertical-align: baseline
    }

    .xxl-align-top {
        vertical-align: top
    }

    .xxl-align-middle {
        vertical-align: middle
    }

    .xxl-align-bottom {
        vertical-align: bottom
    }

    .xxl-align-text-top {
        vertical-align: text-top
    }

    .xxl-align-text-bottom {
        vertical-align: text-bottom
    }

    .xxl-text-uppercase {
        text-transform: uppercase
    }

    .xxl-text-lowercase {
        text-transform: lowercase
    }

    .xxl-text-capitalize {
        text-transform: capitalize
    }

    .xxl-text-wrap {
        white-space: wrap
    }

    .xxl-text-nowrap {
        white-space: nowrap
    }

    .xxl-break-normal {
        overflow-wrap: normal
    }

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

    .xxl-break-any {
        overflow-wrap: anywhere
    }

    .xxl-break-auto {
        hyphens: auto
    }

    .xxl-weight-thin {
        font-weight: 100
    }

    .xxl-weight-extralight {
        font-weight: 200
    }

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

    .xxl-weight-normal {
        font-weight: 400
    }

    .xxl-weight-strong {
        font-weight: 500
    }

    .xxl-weight-semibold {
        font-weight: 600
    }

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

    .xxl-weight-extrabold {
        font-weight: 800
    }

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

    .xxl-weight-lighter {
        font-weight: lighter
    }

    .xxl-weight-bolder {
        font-weight: bolder
    }

    .xxl-slant-normal {
        font-style: normal
    }

    .xxl-slant-italic {
        font-style: italic
    }

    .xxl-m-0 {
        margin: 0
    }

    .xxl-m-1 {
        margin: 0.25em
    }

    .xxl-m-2 {
        margin: 0.5em
    }

    .xxl-m-3 {
        margin: 0.75em
    }

    .xxl-m-4 {
        margin: 1em
    }

    .xxl-m-5 {
        margin: 1.25em
    }

    .xxl-m-6 {
        margin: 1.5em
    }

    .xxl-m-7 {
        margin: 1.75em
    }

    .xxl-m-8 {
        margin: 2em
    }

    .xxl-m-9 {
        margin: 2.25em
    }

    .xxl-m-10 {
        margin: 2.5em
    }

    .xxl-m-11 {
        margin: 2.75em
    }

    .xxl-m-12 {
        margin: 3em
    }

    .xxl-m-auto {
        margin: auto
    }

    .xxl-my-0 {
        margin-block-start: 0;
        margin-block-end: 0
    }

    .xxl-my-1 {
        margin-block-start: 0.25em;
        margin-block-end: 0.25em
    }

    .xxl-my-2 {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em
    }

    .xxl-my-3 {
        margin-block-start: 0.75em;
        margin-block-end: 0.75em
    }

    .xxl-my-4 {
        margin-block-start: 1em;
        margin-block-end: 1em
    }

    .xxl-my-5 {
        margin-block-start: 1.25em;
        margin-block-end: 1.25em
    }

    .xxl-my-6 {
        margin-block-start: 1.5em;
        margin-block-end: 1.5em
    }

    .xxl-my-7 {
        margin-block-start: 1.75em;
        margin-block-end: 1.75em
    }

    .xxl-my-8 {
        margin-block-start: 2em;
        margin-block-end: 2em
    }

    .xxl-my-9 {
        margin-block-start: 2.25em;
        margin-block-end: 2.25em
    }

    .xxl-my-10 {
        margin-block-start: 2.5em;
        margin-block-end: 2.5em
    }

    .xxl-my-11 {
        margin-block-start: 2.75em;
        margin-block-end: 2.75em
    }

    .xxl-my-12 {
        margin-block-start: 3em;
        margin-block-end: 3em
    }

    .xxl-my-auto {
        margin-block-start: auto;
        margin-block-end: auto
    }

    .xxl-mt-0 {
        margin-block-start: 0
    }

    .xxl-mt-1 {
        margin-block-start: 0.25em
    }

    .xxl-mt-2 {
        margin-block-start: 0.5em
    }

    .xxl-mt-3 {
        margin-block-start: 0.75em
    }

    .xxl-mt-4 {
        margin-block-start: 1em
    }

    .xxl-mt-5 {
        margin-block-start: 1.25em
    }

    .xxl-mt-6 {
        margin-block-start: 1.5em
    }

    .xxl-mt-7 {
        margin-block-start: 1.75em
    }

    .xxl-mt-8 {
        margin-block-start: 2em
    }

    .xxl-mt-9 {
        margin-block-start: 2.25em
    }

    .xxl-mt-10 {
        margin-block-start: 2.5em
    }

    .xxl-mt-11 {
        margin-block-start: 2.75em
    }

    .xxl-mt-12 {
        margin-block-start: 3em
    }

    .xxl-mt-auto {
        margin-block-start: auto
    }

    .xxl-mb-0 {
        margin-block-end: 0
    }

    .xxl-mb-1 {
        margin-block-end: 0.25em
    }

    .xxl-mb-2 {
        margin-block-end: 0.5em
    }

    .xxl-mb-3 {
        margin-block-end: 0.75em
    }

    .xxl-mb-4 {
        margin-block-end: 1em
    }

    .xxl-mb-5 {
        margin-block-end: 1.25em
    }

    .xxl-mb-6 {
        margin-block-end: 1.5em
    }

    .xxl-mb-7 {
        margin-block-end: 1.75em
    }

    .xxl-mb-8 {
        margin-block-end: 2em
    }

    .xxl-mb-9 {
        margin-block-end: 2.25em
    }

    .xxl-mb-10 {
        margin-block-end: 2.5em
    }

    .xxl-mb-11 {
        margin-block-end: 2.75em
    }

    .xxl-mb-12 {
        margin-block-end: 3em
    }

    .xxl-mb-auto {
        margin-block-end: auto
    }

    .xxl-mx-0 {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

    .xxl-mx-1 {
        margin-inline-start: 0.25em;
        margin-inline-end: 0.25em
    }

    .xxl-mx-2 {
        margin-inline-start: 0.5em;
        margin-inline-end: 0.5em
    }

    .xxl-mx-3 {
        margin-inline-start: 0.75em;
        margin-inline-end: 0.75em
    }

    .xxl-mx-4 {
        margin-inline-start: 1em;
        margin-inline-end: 1em
    }

    .xxl-mx-5 {
        margin-inline-start: 1.25em;
        margin-inline-end: 1.25em
    }

    .xxl-mx-6 {
        margin-inline-start: 1.5em;
        margin-inline-end: 1.5em
    }

    .xxl-mx-7 {
        margin-inline-start: 1.75em;
        margin-inline-end: 1.75em
    }

    .xxl-mx-8 {
        margin-inline-start: 2em;
        margin-inline-end: 2em
    }

    .xxl-mx-9 {
        margin-inline-start: 2.25em;
        margin-inline-end: 2.25em
    }

    .xxl-mx-10 {
        margin-inline-start: 2.5em;
        margin-inline-end: 2.5em
    }

    .xxl-mx-11 {
        margin-inline-start: 2.75em;
        margin-inline-end: 2.75em
    }

    .xxl-mx-12 {
        margin-inline-start: 3em;
        margin-inline-end: 3em
    }

    .xxl-mx-auto {
        margin-inline-start: auto;
        margin-inline-end: auto
    }

    .xxl-ms-0 {
        margin-inline-start: 0
    }

    .xxl-ms-1 {
        margin-inline-start: 0.25em
    }

    .xxl-ms-2 {
        margin-inline-start: 0.5em
    }

    .xxl-ms-3 {
        margin-inline-start: 0.75em
    }

    .xxl-ms-4 {
        margin-inline-start: 1em
    }

    .xxl-ms-5 {
        margin-inline-start: 1.25em
    }

    .xxl-ms-6 {
        margin-inline-start: 1.5em
    }

    .xxl-ms-7 {
        margin-inline-start: 1.75em
    }

    .xxl-ms-8 {
        margin-inline-start: 2em
    }

    .xxl-ms-9 {
        margin-inline-start: 2.25em
    }

    .xxl-ms-10 {
        margin-inline-start: 2.5em
    }

    .xxl-ms-11 {
        margin-inline-start: 2.75em
    }

    .xxl-ms-12 {
        margin-inline-start: 3em
    }

    .xxl-ms-auto {
        margin-inline-start: auto
    }

    .xxl-me-0 {
        margin-inline-end: 0
    }

    .xxl-me-1 {
        margin-inline-end: 0.25em
    }

    .xxl-me-2 {
        margin-inline-end: 0.5em
    }

    .xxl-me-3 {
        margin-inline-end: 0.75em
    }

    .xxl-me-4 {
        margin-inline-end: 1em
    }

    .xxl-me-5 {
        margin-inline-end: 1.25em
    }

    .xxl-me-6 {
        margin-inline-end: 1.5em
    }

    .xxl-me-7 {
        margin-inline-end: 1.75em
    }

    .xxl-me-8 {
        margin-inline-end: 2em
    }

    .xxl-me-9 {
        margin-inline-end: 2.25em
    }

    .xxl-me-10 {
        margin-inline-end: 2.5em
    }

    .xxl-me-11 {
        margin-inline-end: 2.75em
    }

    .xxl-me-12 {
        margin-inline-end: 3em
    }

    .xxl-me-auto {
        margin-inline-end: auto
    }

    .xxl-p-0 {
        padding: 0
    }

    .xxl-p-1 {
        padding: 0.25em
    }

    .xxl-p-2 {
        padding: 0.5em
    }

    .xxl-p-3 {
        padding: 0.75em
    }

    .xxl-p-4 {
        padding: 1em
    }

    .xxl-p-5 {
        padding: 1.25em
    }

    .xxl-p-6 {
        padding: 1.5em
    }

    .xxl-p-7 {
        padding: 1.75em
    }

    .xxl-p-8 {
        padding: 2em
    }

    .xxl-p-9 {
        padding: 2.25em
    }

    .xxl-p-10 {
        padding: 2.5em
    }

    .xxl-p-11 {
        padding: 2.75em
    }

    .xxl-p-12 {
        padding: 3em
    }

    .xxl-py-0 {
        padding-block-start: 0;
        padding-block-end: 0
    }

    .xxl-py-1 {
        padding-block-start: 0.25em;
        padding-block-end: 0.25em
    }

    .xxl-py-2 {
        padding-block-start: 0.5em;
        padding-block-end: 0.5em
    }

    .xxl-py-3 {
        padding-block-start: 0.75em;
        padding-block-end: 0.75em
    }

    .xxl-py-4 {
        padding-block-start: 1em;
        padding-block-end: 1em
    }

    .xxl-py-5 {
        padding-block-start: 1.25em;
        padding-block-end: 1.25em
    }

    .xxl-py-6 {
        padding-block-start: 1.5em;
        padding-block-end: 1.5em
    }

    .xxl-py-7 {
        padding-block-start: 1.75em;
        padding-block-end: 1.75em
    }

    .xxl-py-8 {
        padding-block-start: 2em;
        padding-block-end: 2em
    }

    .xxl-py-9 {
        padding-block-start: 2.25em;
        padding-block-end: 2.25em
    }

    .xxl-py-10 {
        padding-block-start: 2.5em;
        padding-block-end: 2.5em
    }

    .xxl-py-11 {
        padding-block-start: 2.75em;
        padding-block-end: 2.75em
    }

    .xxl-py-12 {
        padding-block-start: 3em;
        padding-block-end: 3em
    }

    .xxl-pt-0 {
        padding-block-start: 0
    }

    .xxl-pt-1 {
        padding-block-start: 0.25em
    }

    .xxl-pt-2 {
        padding-block-start: 0.5em
    }

    .xxl-pt-3 {
        padding-block-start: 0.75em
    }

    .xxl-pt-4 {
        padding-block-start: 1em
    }

    .xxl-pt-5 {
        padding-block-start: 1.25em
    }

    .xxl-pt-6 {
        padding-block-start: 1.5em
    }

    .xxl-pt-7 {
        padding-block-start: 1.75em
    }

    .xxl-pt-8 {
        padding-block-start: 2em
    }

    .xxl-pt-9 {
        padding-block-start: 2.25em
    }

    .xxl-pt-10 {
        padding-block-start: 2.5em
    }

    .xxl-pt-11 {
        padding-block-start: 2.75em
    }

    .xxl-pt-12 {
        padding-block-start: 3em
    }

    .xxl-pb-0 {
        padding-block-end: 0
    }

    .xxl-pb-1 {
        padding-block-end: 0.25em
    }

    .xxl-pb-2 {
        padding-block-end: 0.5em
    }

    .xxl-pb-3 {
        padding-block-end: 0.75em
    }

    .xxl-pb-4 {
        padding-block-end: 1em
    }

    .xxl-pb-5 {
        padding-block-end: 1.25em
    }

    .xxl-pb-6 {
        padding-block-end: 1.5em
    }

    .xxl-pb-7 {
        padding-block-end: 1.75em
    }

    .xxl-pb-8 {
        padding-block-end: 2em
    }

    .xxl-pb-9 {
        padding-block-end: 2.25em
    }

    .xxl-pb-10 {
        padding-block-end: 2.5em
    }

    .xxl-pb-11 {
        padding-block-end: 2.75em
    }

    .xxl-pb-12 {
        padding-block-end: 3em
    }

    .xxl-px-0 {
        padding-inline-start: 0;
        padding-inline-end: 0
    }

    .xxl-px-1 {
        padding-inline-start: 0.25em;
        padding-inline-end: 0.25em
    }

    .xxl-px-2 {
        padding-inline-start: 0.5em;
        padding-inline-end: 0.5em
    }

    .xxl-px-3 {
        padding-inline-start: 0.75em;
        padding-inline-end: 0.75em
    }

    .xxl-px-4 {
        padding-inline-start: 1em;
        padding-inline-end: 1em
    }

    .xxl-px-5 {
        padding-inline-start: 1.25em;
        padding-inline-end: 1.25em
    }

    .xxl-px-6 {
        padding-inline-start: 1.5em;
        padding-inline-end: 1.5em
    }

    .xxl-px-7 {
        padding-inline-start: 1.75em;
        padding-inline-end: 1.75em
    }

    .xxl-px-8 {
        padding-inline-start: 2em;
        padding-inline-end: 2em
    }

    .xxl-px-9 {
        padding-inline-start: 2.25em;
        padding-inline-end: 2.25em
    }

    .xxl-px-10 {
        padding-inline-start: 2.5em;
        padding-inline-end: 2.5em
    }

    .xxl-px-11 {
        padding-inline-start: 2.75em;
        padding-inline-end: 2.75em
    }

    .xxl-px-12 {
        padding-inline-start: 3em;
        padding-inline-end: 3em
    }

    .xxl-ps-0 {
        padding-inline-start: 0
    }

    .xxl-ps-1 {
        padding-inline-start: 0.25em
    }

    .xxl-ps-2 {
        padding-inline-start: 0.5em
    }

    .xxl-ps-3 {
        padding-inline-start: 0.75em
    }

    .xxl-ps-4 {
        padding-inline-start: 1em
    }

    .xxl-ps-5 {
        padding-inline-start: 1.25em
    }

    .xxl-ps-6 {
        padding-inline-start: 1.5em
    }

    .xxl-ps-7 {
        padding-inline-start: 1.75em
    }

    .xxl-ps-8 {
        padding-inline-start: 2em
    }

    .xxl-ps-9 {
        padding-inline-start: 2.25em
    }

    .xxl-ps-10 {
        padding-inline-start: 2.5em
    }

    .xxl-ps-11 {
        padding-inline-start: 2.75em
    }

    .xxl-ps-12 {
        padding-inline-start: 3em
    }

    .xxl-pe-0 {
        padding-inline-end: 0
    }

    .xxl-pe-1 {
        padding-inline-end: 0.25em
    }

    .xxl-pe-2 {
        padding-inline-end: 0.5em
    }

    .xxl-pe-3 {
        padding-inline-end: 0.75em
    }

    .xxl-pe-4 {
        padding-inline-end: 1em
    }

    .xxl-pe-5 {
        padding-inline-end: 1.25em
    }

    .xxl-pe-6 {
        padding-inline-end: 1.5em
    }

    .xxl-pe-7 {
        padding-inline-end: 1.75em
    }

    .xxl-pe-8 {
        padding-inline-end: 2em
    }

    .xxl-pe-9 {
        padding-inline-end: 2.25em
    }

    .xxl-pe-10 {
        padding-inline-end: 2.5em
    }

    .xxl-pe-11 {
        padding-inline-end: 2.75em
    }

    .xxl-pe-12 {
        padding-inline-end: 3em
    }

    .xxl-space-y-0>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0
    }

    .xxl-space-y-1>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.25em
    }

    .xxl-space-y-2>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.5em
    }

    .xxl-space-y-3>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 0.75em
    }

    .xxl-space-y-4>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1em
    }

    .xxl-space-y-5>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.25em
    }

    .xxl-space-y-6>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.5em
    }

    .xxl-space-y-7>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 1.75em
    }

    .xxl-space-y-8>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2em
    }

    .xxl-space-y-9>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.25em
    }

    .xxl-space-y-10>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.5em
    }

    .xxl-space-y-11>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 2.75em
    }

    .xxl-space-y-12>:not([hidden], template)~:not([hidden], template) {
        margin-block-start: 3em
    }

    .xxl-space-x-0>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0
    }

    .xxl-space-x-1>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.25em
    }

    .xxl-space-x-2>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.5em
    }

    .xxl-space-x-3>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 0.75em
    }

    .xxl-space-x-4>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1em
    }

    .xxl-space-x-5>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.25em
    }

    .xxl-space-x-6>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.5em
    }

    .xxl-space-x-7>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 1.75em
    }

    .xxl-space-x-8>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2em
    }

    .xxl-space-x-9>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.25em
    }

    .xxl-space-x-10>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.5em
    }

    .xxl-space-x-11>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 2.75em
    }

    .xxl-space-x-12>:not([hidden], template)~:not([hidden], template) {
        margin-inline-start: 3em
    }

    .xxl-w-auto {
        width: auto
    }

    .xxl-w-none {
        width: 0
    }

    .xxl-w-25 {
        width: 25%
    }

    .xxl-w-33 {
        width: 33.3333333333%
    }

    .xxl-w-50 {
        width: 50%
    }

    .xxl-w-66 {
        width: 66.6666666667%
    }

    .xxl-w-75 {
        width: 75%
    }

    .xxl-w-full {
        width: 100%
    }

    .xxl-w-screen {
        width: 100vw
    }

    .xxl-w-max {
        width: max-content
    }

    .xxl-w-min {
        width: min-content
    }

    .xxl-min-w-none {
        min-width: 0
    }

    .xxl-min-w-full {
        min-width: 100%
    }

    .xxl-min-w-screen {
        min-width: 100vw
    }

    .xxl-min-w-max {
        min-width: max-content
    }

    .xxl-min-w {
        min-width: min-content
    }

    .xxl-max-w-none {
        max-width: 0
    }

    .xxl-max-w-full {
        max-width: 100%
    }

    .xxl-max-w-screen {
        max-width: 100vw
    }

    .xxl-max-w {
        max-width: max-content
    }

    .xxl-max-w-min {
        max-width: min-content
    }

    .xxl-h-auto {
        height: auto
    }

    .xxl-h-none {
        height: 0
    }

    .xxl-h-25 {
        height: 25%
    }

    .xxl-h-33 {
        height: 33.3333333333%
    }

    .xxl-h-50 {
        height: 50%
    }

    .xxl-h-66 {
        height: 66.6666666667%
    }

    .xxl-h-75 {
        height: 75%
    }

    .xxl-h-full {
        height: 100%
    }

    .xxl-h-screen {
        height: 100vh
    }

    .xxl-h-max {
        height: max-content
    }

    .xxl-h-min {
        height: min-content
    }

    .xxl-min-h-none {
        min-height: 0
    }

    .xxl-min-h-full {
        min-height: 100%
    }

    .xxl-min-h-screen {
        min-height: 100vh
    }

    .xxl-min-h-max {
        min-height: max-content
    }

    .xxl-min-h {
        min-height: min-content
    }

    .xxl-max-h-none {
        max-height: 0
    }

    .xxl-max-h-full {
        max-height: 100%
    }

    .xxl-max-h-screen {
        max-height: 100vh
    }

    .xxl-max-h {
        max-height: max-content
    }

    .xxl-max-h-min {
        max-height: min-content
    }

    .xxl-block {
        display: block
    }

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

    .xxl-flex {
        display: flex
    }

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

    .xxl-flow-root {
        display: flow-root
    }

    .xxl-hidden {
        display: none
    }

    .xxl-float-right {
        float: right
    }

    .xxl-float-left {
        float: left
    }

    .xxl-float-none {
        float: none
    }

    .xxl-clear-right {
        clear: right
    }

    .xxl-clear-left {
        clear: left
    }

    .xxl-clear-both {
        clear: both
    }

    .xxl-clear-none {
        clear: none
    }

    .xxl-invisible {
        visibility: hidden
    }

    .xxl-visible {
        visibility: visible
    }

    .xxl-static {
        position: static
    }

    .xxl-relative {
        position: relative
    }

    .xxl-absolute {
        position: absolute
    }

    .xxl-fixed {
        position: fixed
    }

    .xxl-sticky {
        position: sticky
    }

    .xxl-top-auto {
        top: auto
    }

    .xxl-top-0 {
        top: 0
    }

    .xxl-top-50 {
        top: 50%
    }

    .xxl-top-full {
        top: 100%
    }

    .xxl-right-auto {
        right: auto
    }

    .xxl-right-0 {
        right: 0
    }

    .xxl-right-50 {
        right: 50%
    }

    .xxl-right-full {
        right: 100%
    }

    .xxl-bottom-auto {
        bottom: auto
    }

    .xxl-bottom-0 {
        bottom: 0
    }

    .xxl-bottom-50 {
        bottom: 50%
    }

    .xxl-bottom-full {
        bottom: 100%
    }

    .xxl-left-auto {
        left: auto
    }

    .xxl-left-0 {
        left: 0
    }

    .xxl-left-50 {
        left: 50%
    }

    .xxl-left-full {
        left: 100%
    }

    .xxl-inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .xxl-inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .xxl-inset-50 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }

    .xxl-inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }

    .xxl-inset-y-auto {
        top: auto;
        bottom: auto
    }

    .xxl-inset-y-0 {
        top: 0;
        bottom: 0
    }

    .xxl-inset-y-50 {
        top: 50%;
        bottom: 50%
    }

    .xxl-inset-y-full {
        top: 100%;
        bottom: 100%
    }

    .xxl-inset-x-auto {
        right: auto;
        left: auto
    }

    .xxl-inset-x-0 {
        right: 0;
        left: 0
    }

    .xxl-inset-x-50 {
        right: 50%;
        left: 50%
    }

    .xxl-inset-x-full {
        right: 100%;
        left: 100%
    }

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

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

    .xxl-flex-col {
        flex-direction: column
    }

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

    .xxl-flex-nowrap {
        flex-wrap: nowrap
    }

    .xxl-flex-wrap {
        flex-wrap: wrap
    }

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

    .xxl-flex-fill {
        flex: 1 1 0%
    }

    .xxl-flex-auto {
        flex: 1 1 auto
    }

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

    .xxl-flex-grow {
        flex: 1 0 auto
    }

    .xxl-flex-initial {
        flex: 0 1 auto
    }

    .xxl-flex-none {
        flex: none
    }

    .xxl-order-first {
        order: -1
    }

    .xxl-order-0 {
        order: 0
    }

    .xxl-order-1 {
        order: 1
    }

    .xxl-order-last {
        order: 9
    }

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

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

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

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

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

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

    .xxl-justify-items-start {
        justify-items: start
    }

    .xxl-justify-items-end {
        justify-items: end
    }

    .xxl-justify-items-center {
        justify-items: center
    }

    .xxl-justify-items-stretch {
        justify-items: stretch
    }

    .xxl-justify-self-start {
        justify-self: start
    }

    .xxl-justify-self-end {
        justify-self: end
    }

    .xxl-justify-self-center {
        justify-self: center
    }

    .xxl-justify-self-stretch {
        justify-self: stretch
    }

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

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

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

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

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

    .xxl-content-evenly {
        align-content: space-evenly
    }

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

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

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

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

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

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

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

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

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

    .xxl-border {
        border-width: 1px
    }

    .xxl-border-0 {
        border-width: 0
    }

    .xxl-border-2 {
        border-width: 2px
    }

    .xxl-border-3 {
        border-width: 3px
    }

    .xxl-border-block-start {
        border-block-start-width: 1px
    }

    .xxl-border-block-start-0 {
        border-block-start-width: 0
    }

    .xxl-border-block-start-2 {
        border-block-start-width: 2px
    }

    .xxl-border-block-start-3 {
        border-block-start-width: 3px
    }

    .xxl-border-block-end {
        border-block-end-width: 1px
    }

    .xxl-border-block-end-0 {
        border-block-end-width: 0
    }

    .xxl-border-block-end-2 {
        border-block-end-width: 2px
    }

    .xxl-border-block-end-3 {
        border-block-end-width: 3px
    }

    .xxl-border-inline-end {
        border-inline-end-width: 1px
    }

    .xxl-border-inline-end-0 {
        border-inline-end-width: 0
    }

    .xxl-border-inline-end-2 {
        border-inline-end-width: 2px
    }

    .xxl-border-inline-end-3 {
        border-inline-end-width: 3px
    }

    .xxl-border-inline-start {
        border-inline-start-width: 1px
    }

    .xxl-border-inline-start-0 {
        border-inline-start-width: 0
    }

    .xxl-border-inline-start-2 {
        border-inline-start-width: 2px
    }

    .xxl-border-inline-start-3 {
        border-inline-start-width: 3px
    }

    .xxl-divide-y>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 1px
    }

    .xxl-divide-y-none>:not([hidden], template)~:not([hidden], template) {
        border-block-start-width: 0
    }

    .xxl-divide-x>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 1px
    }

    .xxl-divide-x-none>:not([hidden], template)~:not([hidden], template) {
        border-inline-start-width: 0
    }
}