.theme-light,
:root {
    --color-white: #fff;
    --color-black: #2a2e39;
    --background-1: #eaeef4;
    --background-2: var(--color-white);
    --background-warn: #fff9d9;
    --background-error: #ffe9ec;
    --background-dark-blue: #131722;
    --background-hover-white: #f7f9fa;
    --layer-1: var(--color-white);
    --layer-hover-1: #eaeef4;
    --layer-2: #eaeef4;
    --layer-hover-white: #f7f9fa;
    --layer-hover-dark: #1f283c;
    --text-on-cta: var(--color-white);
    --text-on-color: var(--color-white);
    --text-caption: #565f76;
    --text-placeholder: #7b849b;
    --text-secondary: #323c52;
    --text-primary: #0b1426;
    --text-error: #d9475a;
    --text-disable: rgba(11, 20, 38, 0.4);
    --text-hover: #0058aa;
    --text-warn: #b38300;
    --text-primary-on-white: #0b1426;
    --text-caption-on-white: #565f76;
    --border-interactive: #1199fa;
    --border-field: #eaeef4;
    --border-subtle-1: rgba(0, 0, 0, 0.1);
    --border-subtle-2: rgba(0, 0, 0, 0.1);
    --border-subtle-1-on-white: rgba(0, 0, 0, 0.1);
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 40px;
    --space-6: 48px;
    --status-error: #d9475a;
    --status-pending: #ffbf00;
    --status-success: #00a68c;
    --status-default: #1199fa;
    --status-disable: #7b849b;
    --status-success-bkg: #e6faf6;
    --status-error-bkg: #ffe9ec;
    --status-pending-bkg: #fff9d9;
    --status-default-bkg: #e7f5ff;
    --status-disable-bkg: #f7f9fa;
    --button-primary: #1199fa;
    --button-primary-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-primary);
    --button-danger: #d9475a;
    --button-danger-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-danger);
    --button-secondary: #7b849b;
    --icon-primary: #0b1426;
    --icon-secondary: #7b849b;
    --icon-on-color: var(--color-white);
    --icon-primary-on-white: #0b1426;
    --icon-secondary-on-white: #7b849b;
    --table-bkg-1: #fff;
    --table-highlight: #e7f5ff;
    --table-hover-1: #eaeef4;
    --table-hover-2: #bbe2fe
}

.theme-dark,
.theme-light,
:root {
    --color-primary: var(--status-default);
    --color-success: var(--status-success);
    --color-error: var(--status-error);
    --color-warning: var(--status-pending);
    --color-border: var(--border-field);
    --color-light-text: var(--text-on-color);
    --color-black-text: var(--text-primary);
    --color-grey-text: var(--text-caption);
    --color-dark-text: var(--text-primary);
    --color-placeholder: var(--text-placeholder);
    --color-disabled: var(--text-disable)
}

.theme-dark {
    --background-1: #0d1426;
    --background-2: #0d1426;
    --layer-1: #1f283c;
    --layer-1-2: #12192b;
    --layer-hover-1: #323c52;
    --layer-hover-1-2: #1f283c;
    --layer-2: #323c52;
    --layer-hover-white: #f7f9fa;
    --layer-hover-dark: #1f283c;
    --text-on-cta: var(--color-white);
    --text-on-color: var(--color-white);
    --text-caption: #a0a9be;
    --text-placeholder: #a0a9be;
    --text-secondary: #a0a9be;
    --text-primary: var(--color-white);
    --text-error: #d9475a;
    --text-disable: hsla(0, 0%, 100%, 0.4);
    --text-hover: #0058aa;
    --text-warn: #b38300;
    --text-primary-on-white: #0b1426;
    --text-caption-on-white: #565f76;
    --border-interactive: #1199fa;
    --border-field: hsla(0, 0%, 100%, 0.1);
    --border-subtle-1: hsla(0, 0%, 100%, 0.1);
    --border-subtle-2: rgba(0, 0, 0, 0.1);
    --border-subtle-1-on-white: rgba(0, 0, 0, 0.1);
    --status-error: #d9475a;
    --status-pending: #ffbf00;
    --status-success: #00a68c;
    --status-default: #1199fa;
    --status-disable: #7b849b;
    --status-error-bkg: rgba(217, 71, 90, 0.2);
    --status-pending-bkg: rgba(255, 191, 0, 0.2);
    --status-success-bkg: rgba(0, 166, 140, 0.2);
    --status-default-bkg: rgba(17, 153, 250, 0.2);
    --status-disable-bkg: rgba(123, 132, 155, 0.2);
    --button-primary: #1199fa;
    --button-primary-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-primary);
    --button-danger: #d9475a;
    --button-danger-hover: linear-gradient(0deg, hsla(0, 0%, 100%, 0.12), hsla(0, 0%, 100%, 0.12)), var(--button-danger);
    --button-secondary: #a0a9be;
    --icon-primary: var(--color-white);
    --icon-secondary: #a0a9be;
    --icon-on-color: var(--color-white);
    --icon-primary-on-white: #0b1426;
    --icon-secondary-on-white: #7b849b;
    --table-bkg-1: #1f283c;
    --table-highlight: rgba(17, 153, 250, 0.2);
    --table-hover-1: #323c52;
    --table-hover-2: #0058aa
}

:root {
    --unit: 8px;
    --2unit: 16px;
    --3unit: 24px;
    --4unit: 32px;
    --5unit: 40px;
    --6unit: 48px;
    --common-primary: #1199fa;
    --common-white: #fff;
    --common-tertiary: #7b849b;
    --common-dark: #0b1426;
    --border-radius-xs: 2px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --border-radius-circle: 99px
}

.e-theme--light,
.light,
:root {
    --bg-app: #eaeef4;
    --bg-surface-1: #fff;
    --bg-surface-1-hover: #f7f9fa;
    --bg-surface-2: #f7f9fa;
    --bg-surface-2-hover: rgba(17, 153, 250, 0.2);
    --bg-surface-emphasis: #fff;
    --bg-surface-contrast: #002f61;
    --bg-surface-contrast-hover: #323c52;
    --bg-status-danger-bold: #d9475a;
    --bg-status-danger: #faacb6;
    --bg-status-danger-subtle: #ffe9ec;
    --bg-status-pending-bold: #ffbf00;
    --bg-status-pending: #ffe591;
    --bg-status-pending-subtle: #fff9d9;
    --bg-status-success-bold: #00a68c;
    --bg-status-success: #acece1;
    --bg-status-success-subtle: #e6faf6;
    --bg-status-active-bold: var(--common-primary);
    --bg-status-active: #92d1ff;
    --bg-status-active-subtle: #cdeafe;
    --bg-status-plain-bold: #7b849b;
    --bg-status-plain: #c9cfdd;
    --bg-status-plain-subtle: #f7f9fa;
    --bg-button-primary: var(--common-primary);
    --bg-button-primary-hover: #2ea5fb;
    --bg-button-text-hover: rgba(17, 153, 250, 0.050980392156862744);
    --bg-button-danger: #d9475a;
    --bg-button-danger-hover: #de5d6e;
    --bg-button-text-danger-hover: rgba(217, 71, 90, 0.050980392156862744);
    --bg-button-success: #00a68c;
    --bg-button-success-hover: #1fb19a;
    --bg-button-plain: hsla(0, 0%, 100%, 0.8);
    --bg-button-plain-hover: hsla(0, 0%, 100%, 0.6980392156862745);
    --bg-button-text-plain-hover: rgba(0, 0, 0, 0.050980392156862744);
    --bg-button-text-success-hover: rgba(0, 166, 140, 0.050980392156862744);
    --bg-button-oncolor: hsla(0, 0%, 100%, 0.8);
    --bg-button-oncolor-hover: hsla(0, 0%, 100%, 0.7019607843137254);
    --bg-decorative-purple-bold: #9255c2;
    --bg-decorative-purple: #d9c0fa;
    --bg-decorative-purple-subtle: #f2ebfb;
    --bg-decorative-orange-bold: #f76341;
    --bg-overlay-modal: rgba(0, 0, 0, 0.5019607843137255);
    --bg-gradient-line-chart: linear-gradient(180deg, rgba(17, 153, 250, 0.2) 37.38%, rgba(17, 153, 250, 0) 99.51%);
    --bg-gradient-margin: linear-gradient(270.21deg, #d9475a -1.61%, #ffbf00);
    --bg-gradient-health-rainbow: linear-gradient(270deg, #005747, #00a68c 25%, #ffbf00 51.04%, #ffbf00 70.31%, #d9475a 80.73%);
    --bg-gradient-promo-1: linear-gradient(270.21deg, #9f86c1 -1.61%, #1199fa 51.19%, #26d1d3);
    --border-surface: rgba(0, 0, 0, 0.10196078431372549);
    --border-surface-emphasis: rgba(0, 0, 0, 0.14901960784313725);
    --border-surface-contrast: rgba(0, 0, 0, 0.10196078431372549);
    --border-status-active: var(--common-primary);
    --border-status-danger: #d9475a;
    --border-button-primary: var(--common-primary);
    --border-button-secondary: #7b849b;
    --border-button-success: #00a68c;
    --border-button-plain: #7b849b;
    --text-primary: #0b1426;
    --text-secondary: #565f76;
    --text-tertiary: #a0a9be;
    --text-danger-bold: #801826;
    --text-danger: #e0485c;
    --text-success-bold: #005747;
    --text-success: #017361;
    --text-success-subtle: #00a68c;
    --text-active-bold: #002f61;
    --text-active: var(--common-primary);
    --text-pending-bold: #8c5900;
    --text-pending: #b38300;
    --text-contrast-primary: #fff;
    --text-contrast-secondary: #a0a9be;
    --text-decorative-red: #ed7685;
    --text-decorative-yellow: #ffbf00;
    --text-decorative-green: #109a85;
    --text-decorative-blue: var(--common-primary);
    --text-decorative-purple: #9255c2;
    --text-decorative-purple-bold: #5e257a;
    --text-decorative-grey: #c9cfdd;
    --box-shadow-sm: 0 4px 8px -1px rgba(0, 0, 0, 0.12156862745098039), 0 0 4px 0 rgba(0, 0, 0, 0.12156862745098039);
    --box-shadow-md: 0 8px 24px -2px rgba(0, 0, 0, 0.12156862745098039), 0 0 4px 0 rgba(0, 0, 0, 0.0784313725490196);
    --box-shadow-lg: 0 8px 24px -2px rgba(0, 0, 0, 0.12156862745098039), 0 0 4px 0 rgba(0, 0, 0, 0.0784313725490196);
    --box-shadow-xl: 0 9px 46px 8px rgba(0, 0, 0, 0.12156862745098039), 0 24px 38px 3px rgba(0, 0, 0, 0.1411764705882353);
    --skeleton-background: #dee2e6;
    --skeleton-animation-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0))
}

.dark,
.e-theme--dark,
.e-theme--light,
.light,
:root {
    --popper-theme-background: var(--bg-surface-emphasis);
    --popper-theme-text-color: var(--text-primary)
}

.dark,
.e-theme--dark {
    --bg-app: #0b1426;
    --bg-surface-1: #151e32;
    --bg-surface-1-hover: #1f283c;
    --bg-surface-2: #12192b;
    --bg-surface-2-hover: rgba(17, 153, 250, 0.2);
    --bg-surface-emphasis: #323c52;
    --bg-surface-contrast: #fff;
    --bg-surface-contrast-hover: #eaeef4;
    --bg-status-danger-bold: #d9475a;
    --bg-status-danger: rgba(217, 71, 90, 0.5019607843137255);
    --bg-status-danger-subtle: rgba(217, 71, 90, 0.25098039215686274);
    --bg-status-pending-bold: #ffbf00;
    --bg-status-pending: rgba(255, 191, 0, 0.5019607843137255);
    --bg-status-pending-subtle: rgba(255, 191, 0, 0.2);
    --bg-status-success-bold: #00a68c;
    --bg-status-success: rgba(0, 166, 140, 0.5019607843137255);
    --bg-status-success-subtle: rgba(0, 166, 140, 0.2);
    --bg-status-active-bold: var(--common-primary);
    --bg-status-active: #034481;
    --bg-status-active-subtle: #002f61;
    --bg-status-plain-bold: #7b849b;
    --bg-status-plain: rgba(123, 132, 155, 0.5019607843137255);
    --bg-status-plain-subtle: rgba(123, 132, 155, 0.2);
    --bg-button-primary: var(--common-primary);
    --bg-button-primary-hover: #2ea5fb;
    --bg-button-text-hover: rgba(17, 153, 250, 0.10196078431372549);
    --bg-button-danger: #d9475a;
    --bg-button-danger-hover: #de5d6e;
    --bg-button-text-danger-hover: rgba(217, 71, 90, 0.10196078431372549);
    --bg-button-success: #00a68c;
    --bg-button-success-hover: #1fb19a;
    --bg-button-plain: rgba(0, 0, 0, 0.30196078431372547);
    --bg-button-plain-hover: rgba(0, 0, 0, 0.2);
    --bg-button-text-plain-hover: hsla(0, 0%, 100%, 0.050980392156862744);
    --bg-button-text-success-hover: rgba(0, 166, 140, 0.050980392156862744);
    --bg-decorative-purple-bold: #9255c2;
    --bg-decorative-purple: #5e257a;
    --bg-decorative-purple-subtle: #441860;
    --bg-decorative-orange-bold: #f76341;
    --bg-overlay-modal: rgba(0, 0, 0, 0.5019607843137255);
    --bg-gradient-line-chart: linear-gradient(180deg, rgba(17, 153, 250, 0.2) 37.38%, rgba(17, 153, 250, 0) 99.51%);
    --bg-gradient-margin: linear-gradient(270.21deg, #d9475a -1.61%, #ffbf00);
    --bg-gradient-health-rainbow: linear-gradient(270deg, #005747, #00a68c 25%, #ffbf00 51.04%, #ffbf00 70.31%, #d9475a 80.73%);
    --bg-gradient-promo-1: linear-gradient(270.21deg, #9f86c1 -1.61%, #1199fa 51.19%, #26d1d3);
    --border-surface: hsla(0, 0%, 100%, 0.10196078431372549);
    --border-surface-emphasis: hsla(0, 0%, 100%, 0.14901960784313725);
    --border-surface-contrast: rgba(0, 0, 0, 0.10196078431372549);
    --border-status-active: var(--common-primary);
    --border-status-danger: #d9475a;
    --border-button-primary: var(--common-primary);
    --border-button-secondary: #7b849b;
    --border-button-success: #00a68c;
    --border-button-plain: #7b849b;
    --text-primary: #fff;
    --text-secondary: #a0a9be;
    --text-tertiary: #7b849b;
    --text-danger-bold: #faacb6;
    --text-danger: #d9475a;
    --text-success-bold: #acece1;
    --text-success: #00a68c;
    --text-success-subtle: #017361;
    --text-active-bold: #92d1ff;
    --text-active: var(--common-primary);
    --text-pending-bold: #ffe591;
    --text-pending: #ffbf00;
    --text-contrast-primary: #0b1426;
    --text-contrast-secondary: #565f76;
    --text-decorative-red: #ed7685;
    --text-decorative-yellow: #ffbf00;
    --text-decorative-green: #109a85;
    --text-decorative-blue: var(--common-primary);
    --text-decorative-purple-bold: #cd9eff;
    --text-decorative-purple: #9255c2;
    --text-decorative-grey: #c9cfdd;
    --box-shadow-sm: 0 4px 8px -1px hsla(0, 0%, 100%, 0.12156862745098039), 0 0 4px 0 hsla(0, 0%, 100%, 0.12156862745098039);
    --box-shadow-md: 0 8px 24px -2px hsla(0, 0%, 100%, 0.12156862745098039), 0 0 4px 0 hsla(0, 0%, 100%, 0.0784313725490196);
    --box-shadow-lg: 0 8px 24px -2px hsla(0, 0%, 100%, 0.12156862745098039), 0 0 4px 0 hsla(0, 0%, 100%, 0.0784313725490196);
    --box-shadow-xl: 0 9px 46px 8px hsla(0, 0%, 100%, 0.12156862745098039), 0 24px 38px 3px hsla(0, 0%, 100%, 0.1411764705882353);
    --skeleton-background: #323c52;
    --skeleton-animation-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.06), hsla(0, 0%, 100%, 0))
}

@-webkit-keyframes e-shake {
    59% {
        margin-left: 0
    }
    60%,
    80% {
        margin-left: 4px
    }
    70%,
    90% {
        margin-left: -4px
    }
}

@keyframes e-shake {
    59% {
        margin-left: 0
    }
    60%,
    80% {
        margin-left: 4px
    }
    70%,
    90% {
        margin-left: -4px
    }
}

.e-slide-enter {
    transform: scale(0);
    opacity: 0
}

.e-slide-enter-active {
    transition: opacity, transform .5s cubic-bezier(.19, 1, .22, 1)
}

.e-slide-enter-to {
    transform: scale(1);
    opacity: 1
}

.e-slide-leave-active {
    transition: opacity .35s cubic-bezier(.4, 0, .2, 1)
}

.e-slide-leave-to {
    opacity: 0
}

.e-slide-down-enter-active {
    transition: all .3s ease
}

.e-slide-down-leave-active {
    transition: all .3s cubic-bezier(.19, 1, .22, 1)
}

.e-slide-down-enter {
    transform: translateY(-15px);
    opacity: 0
}

.e-slide-down-leave-to {
    opacity: 0
}

.e-fade-enter-active,
.e-fade-leave-active {
    transition: opacity .3s cubic-bezier(.25, .8, .25, 1)
}

.e-fade-enter,
.e-fade-leave-to {
    opacity: 0
}

.e-area-chart {
    width: 100%
}

.e-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 0 8px;
    color: var(--text-on-color);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    background-color: var(--color-primary);
    border-radius: 4px
}

.e-badge.gradient {
    background: linear-gradient(270.21deg, #9f86c1 -1.61%, #1199fa 51.19%, #26d1d3)
}

.e-badge.large {
    padding: 0 12px;
    font-size: 14px;
    line-height: 24px
}

.e-badge.mini,
.e-badge.small {
    margin-left: 4px;
    transform: scale(.8)
}

.e-badge.mini {
    padding: 0 6px
}

.e-bar-chart {
    width: 100%
}

.v-ripple__container {
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    contain: strict
}

.v-ripple__animation,
.v-ripple__container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: inherit;
    pointer-events: none
}

.v-ripple__animation {
    background: currentColor;
    border-radius: 50%;
    opacity: 0;
    will-change: transform, opacity
}

.v-ripple__animation--enter {
    transition: none
}

.v-ripple__animation--in {
    transition: transform .25s cubic-bezier(.4, 0, .2, 1), opacity .1s cubic-bezier(.4, 0, .2, 1)
}

.v-ripple__animation--out {
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

.e-icon {
    color: #fff
}

.e-icon.pointer {
    cursor: pointer
}

.e-icon-arrow.up {
    transform: rotate(90deg)
}

.e-icon-arrow.right {
    transform: rotate(180deg)
}

.e-icon-arrow.down {
    transform: rotate(-90deg)
}

.e-spinner {
    width: 16px;
    height: 16px;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite
}

.e-spinner .path {
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke: currentColor;
    stroke-linecap: round
}

@-webkit-keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.e-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 16px;
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    border: 0;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: manipulation
}

.e-button--small {
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 28px;
    border-radius: 2px
}

.e-button--medium {
    height: 32px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 2px
}

.e-button--large {
    height: 48px;
    font-weight: 600;
    font-size: 16px
}

.e-button.is-block {
    width: 100%
}

.e-button.is-loading:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    opacity: .6;
    content: " "
}

.e-button[disabled] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .45
}

.e-button[disabled].is-loading {
    opacity: 1
}

.e-button:not(.is-icon) .e-icon {
    margin-right: 8px
}

.e-button>.e-icon {
    color: inherit
}

.e-button .e-spinner {
    position: absolute;
    top: calc(50% - .6em);
    left: calc(50% - .6em);
    z-index: 2;
    width: 1.2em;
    height: 1.2em
}

.e-button--primary {
    color: var(--color-white);
    background-color: var(--color-primary)
}

.e-button--primary:hover:not(:disabled) {
    opacity: .8
}

.e-button--primary.is-loading:before {
    background-color: var(--color-primary)
}

.e-button--primary.is-plain {
    color: var(--color-primary);
    background-color: var(--color-white);
    border: 1px solid var(--color-primary);
    border-radius: 4px
}

.e-button--primary.is-plain:active:not(:disabled),
.e-button--primary.is-plain:hover:not(:disabled) {
    background-color: rgb(var(--color-primary), .25);
    opacity: .8
}

.e-button--primary.is-plain.is-loading:before {
    background-color: var(--color-white);
    opacity: .8
}

.e-button--primary.is-text {
    color: var(--color-primary);
    font-weight: 400;
    background-color: transparent;
    border: 0
}

.e-button--primary.is-bold {
    font-weight: 500
}

.e-button--success {
    color: var(--color-white);
    background-color: var(--color-success)
}

.e-button--success:hover:not(:disabled) {
    opacity: .8
}

.e-button--success.is-loading:before {
    background-color: var(--color-success)
}

.e-button--success.is-plain {
    color: var(--color-success);
    background-color: var(--color-white);
    border: 1px solid var(--color-success);
    border-radius: 4px
}

.e-button--success.is-plain:active:not(:disabled),
.e-button--success.is-plain:hover:not(:disabled) {
    background-color: rgb(var(--color-success), .25);
    opacity: .8
}

.e-button--success.is-plain.is-loading:before {
    background-color: var(--color-white);
    opacity: .8
}

.e-button--success.is-text {
    color: var(--color-success);
    font-weight: 400;
    background-color: transparent;
    border: 0
}

.e-button--success.is-bold {
    font-weight: 500
}

.e-button--danger {
    color: var(--color-white);
    background-color: var(--color-error)
}

.e-button--danger:hover:not(:disabled) {
    opacity: .8
}

.e-button--danger.is-loading:before {
    background-color: var(--color-error)
}

.e-button--danger.is-plain {
    color: var(--color-error);
    background-color: var(--color-white);
    border: 1px solid var(--color-error);
    border-radius: 4px
}

.e-button--danger.is-plain:active:not(:disabled),
.e-button--danger.is-plain:hover:not(:disabled) {
    background-color: rgb(var(--color-error), .25);
    opacity: .8
}

.e-button--danger.is-plain.is-loading:before {
    background-color: var(--color-white);
    opacity: .8
}

.e-button--danger.is-text {
    color: var(--color-error);
    font-weight: 400;
    background-color: transparent;
    border: 0
}

.e-button--danger.is-bold {
    font-weight: 500
}

.e-button--grey {
    color: var(--color-white);
    background-color: var(--color-grey-text)
}

.e-button--grey:hover:not(:disabled) {
    opacity: .8
}

.e-button--grey.is-loading:before {
    background-color: var(--color-grey-text)
}

.e-button--grey.is-plain {
    color: var(--color-grey-text);
    background-color: var(--color-white);
    border: 1px solid var(--color-grey-text);
    border-radius: 4px
}

.e-button--grey.is-plain:active:not(:disabled),
.e-button--grey.is-plain:hover:not(:disabled) {
    background-color: rgb(var(--color-grey-text), .25);
    opacity: .8
}

.e-button--grey.is-plain.is-loading:before {
    background-color: var(--color-white);
    opacity: .8
}

.e-button--grey.is-text {
    color: var(--color-grey-text);
    font-weight: 400;
    background-color: transparent;
    border: 0
}

.e-button--grey.is-bold {
    font-weight: 500
}

.e-button-group {
    display: flex;
    align-items: center
}

.e-button-group.is-justify-space-between {
    justify-content: space-between
}

.e-button-group.is-justify-space-between .e-button+.e-button,
.e-button-group.is-with-gap .e-button+.e-button {
    margin-left: unset
}

.e-button-group .e-button+.e-button {
    margin-left: 16px
}

.e-button-group.is-responsive .e-button:first-of-type:nth-last-of-type(2),
.e-button-group.is-responsive .e-button:first-of-type:nth-last-of-type(2)~.e-button {
    max-width: 50%
}

.e-button-group.is-responsive .e-button:first-of-type:nth-last-of-type(3),
.e-button-group.is-responsive .e-button:first-of-type:nth-last-of-type(3)~.e-button {
    max-width: calc(33.33% - 11px)
}

@media(max-width:767.98px) {
    .e-button-group.is-responsive {
        flex-direction: column
    }
    .e-button-group.is-responsive .e-button+.e-button {
        margin-top: 16px;
        margin-left: 0
    }
    .e-button-group.is-responsive .e-button+.e-button.is-text {
        margin-top: 8px
    }
    .e-button-group.is-responsive .e-button:first-of-type:nth-last-of-type(n),
    .e-button-group.is-responsive .e-button:first-of-type:nth-last-of-type(n)~.e-button {
        max-width: unset
    }
}

.e-card {
    position: relative;
    margin-bottom: 24px;
    background-color: var(--layer-1);
    border-radius: 4px;
    box-shadow: 0 9px 21px -2px var(--border-subtle-1)
}

.e-card__header {
    padding: 16px 24px;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 20px;
    border-bottom: 1px solid var(--color-border)
}

.e-card__body {
    position: relative
}

.e-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-top: 1px solid hsla(0, 0%, 46.7%, .3);
    border-bottom: 1px solid hsla(0, 0%, 46.7%, .3)
}

.e-cell+.e-cell {
    border-top: 0
}

.e-cell-plain {
    padding: 8px 0;
    border-top: 0;
    border-bottom: 0
}

.e-cell-label {
    color: var(--text-caption)
}

.e-checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.e-checkbox input {
    width: 16px;
    height: 16px;
    margin: 0;
    border: 1px solid var(--color-border);
    border-radius: 2px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.e-checkbox input:checked {
    background-color: var(--color-primary);
    border: none
}

.e-checkbox input:checked+.cb-icon {
    transform: scale(.85) rotate(37deg)
}

.e-checkbox .cb-check {
    position: relative;
    display: flex;
    flex-shrink: 0;
    margin-right: 8px
}

.e-checkbox .cb-icon {
    position: absolute;
    top: 2px;
    left: 0;
    width: 7px;
    height: 12px;
    border: 2px solid var(--color-white);
    border-top: none;
    border-left: none;
    transform: scale(0) rotate(37deg);
    transform-origin: 135% 90%;
    transition: transform .2s cubic-bezier(.25, .46, .45, .94);
    pointer-events: none
}

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

.e-checkbox.reverse .cb-check {
    margin-right: 0;
    margin-left: 8px
}

.e-checkbox.reverse .cb-text {
    right: 9px;
    left: inherit
}

.e-checkbox.disabled {
    cursor: not-allowed;
    opacity: .45
}

.e-checkbox.disabled input {
    cursor: not-allowed
}

.e-checkbox.top {
    align-items: flex-start
}

.e-checkbox.top .cb-check {
    top: 2px
}

.e-checkbox.large input {
    width: 24px;
    height: 24px
}

.e-checkbox.large .cb-icon {
    top: 5px;
    left: 2px;
    width: 9px;
    height: 16px
}

.e-checkbox.large input:checked+.cb-icon {
    transform: scale(1) rotate(37deg)
}

.e-coin {
    display: inline-flex;
    align-items: center;
    vertical-align: top
}

.e-coin img {
    width: 24px;
    height: 24px;
    margin-right: 6px
}

.e-date-picker {
    position: relative;
    display: inline-block;
    font-size: 14px
}

.e-date-picker .basic-input {
    cursor: pointer
}

.e-date-picker .calendar-icon {
    position: absolute;
    top: 25%;
    right: 8px;
    cursor: pointer
}

.e-date-picker .picker-container {
    position: absolute;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2px;
    background-color: var(--color-white);
    border-top: 1px solid var(--color-border);
    border-radius: 4px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3);
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s ease, opacity .2s ease, transform .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.e-date-picker .picker-container.top {
    bottom: calc(100% + 4px);
    transform: translateY(1em)
}

.e-date-picker .picker-container.bottom {
    top: calc(100% - 1px);
    transform: translateY(-1em)
}

.e-date-picker .picker-container.open {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.e-date-picker .date-picker {
    width: 280px
}

.e-date-picker .date-picker .picker-filter {
    display: flex;
    align-items: center;
    padding: 4px
}

.e-date-picker .time-picker {
    width: 150px
}

.e-date-picker .time-picker .time-value {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 4px 10px;
    border-bottom: 1px solid #e2e5eb;
    border-left: 1px solid #e2e5eb
}

.e-date-picker .time-picker .time-selection {
    display: flex;
    flex-direction: row;
    max-height: 264px;
    margin-bottom: 10px;
    border-left: 1px solid #e2e5eb
}

.e-date-picker .time-picker .time-selection .selection-col {
    width: 50%;
    overflow: auto
}

.e-date-picker .time-picker .time-selection .selection-col::-webkit-scrollbar {
    display: none
}

.e-date-picker .time-picker .time-selection .selection-col:first-child {
    border-right: 1px solid #e2e5eb
}

.e-date-picker .time-picker .selection-item {
    padding: 7px 20px;
    cursor: pointer
}

.e-date-picker .time-picker .selection-item--active,
.e-date-picker .time-picker .selection-item:hover {
    color: var(--color-white);
    background: #002f61;
    background-color: var(--color-primary)
}

.e-date-picker .confirm-btns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5px 20px;
    border-top: 1px solid #e2e5eb
}

.e-date-picker .calendar table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

.e-date-picker .calendar table>thead>tr {
    height: 34px
}

.e-date-picker .calendar table>thead>tr>th {
    font-weight: 400;
    vertical-align: middle
}

.e-date-picker .calendar table>tbody>tr {
    height: 40px
}

.e-date-picker .calendar table>tbody>tr>td {
    padding: 4px;
    line-height: 32px;
    cursor: pointer
}

.e-date-picker .calendar table>tbody>tr>td.focus div,
.e-date-picker .calendar table>tbody>tr>td:hover div {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-radius: 50%
}

.e-date-picker .calendar table>tbody>tr>td.calendar-last-month,
.e-date-picker .calendar table>tbody>tr>td.calendar-next-month {
    color: var(--color-disabled)
}

.e-date-picker .calendar table>tbody>tr>td.active {
    color: var(--color-dark-text)
}

.e-date-picker .calendar table>tbody>tr>td.inactive {
    color: var(--color-disabled);
    pointer-events: none
}

.e-date-picker .month-picker {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding-right: 4px
}

.e-date-picker .month-picker .e-icon-arrow {
    color: var(--color-primary);
    cursor: pointer
}

.e-date-picker .month-picker .btn-text {
    min-width: 30px;
    padding: 0;
    font-size: 12px;
    line-height: 30px;
    background-color: transparent;
    border: none
}

.e-date-picker .year-picker .e-select {
    min-width: unset
}

.e-date-picker .year-picker .e-select .e-selected {
    min-height: 32px
}

.e-date-picker--time-picker .picker-container {
    width: 430px
}

.e-date-picker--dark .picker-container {
    border-top: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25)
}

.e-date-picker--dark .basic-input {
    color: var(--text-on-color);
    background-color: #0b1e37;
    border: 0
}

.e-date-picker--dark .basic-input::-moz-placeholder {
    color: var(--text-on-color)
}

.e-date-picker--dark .basic-input::placeholder {
    color: var(--text-on-color)
}

.e-date-picker--dark .confirm-btns,
.e-date-picker--dark .date-picker,
.e-date-picker--dark .time-picker {
    color: var(--text-on-color);
    background-color: #171f31
}

.e-date-picker--dark .selection-item--active,
.e-date-picker--dark .selection-item:hover {
    background: #002f61
}

.e-date-picker--dark .calendar table th {
    color: var(--color-primary)
}

.e-date-picker--dark .calendar table td.calendar-last-month,
.e-date-picker--dark .calendar table td.calendar-next-month {
    color: #828ea1 !important
}

.e-date-picker--dark .calendar table td.active {
    color: var(--text-on-color) !important
}

.e-date-picker--dark .calendar table td.inactive {
    color: #828ea1 !important;
    pointer-events: none
}

.e-date-picker--dark .time-value {
    border-bottom: 1px solid #323c52 !important
}

.e-date-picker--dark .time-selection,
.e-date-picker--dark .time-value {
    border-left: 1px solid #323c52 !important
}

.e-date-picker--dark .time-selection .selection-col:first-child {
    border-right: 1px solid #323c52 !important
}

.e-date-picker--dark .confirm-btns {
    border-top: 1px solid #323c52 !important
}

.e-date-picker--dark .selection-item:hover {
    background: #002f61 !important
}

.e-date-picker--dark .year-picker .e-select .s-selected {
    border-color: #828ea1
}

.e-date-picker--dark .year-picker .e-select .s-selected .s-r .e-icon-arrow {
    color: var(--color-white)
}

.e-date-picker--small .basic-input {
    width: 110px;
    height: 30px
}

.e-date-picker--small .date-picker {
    width: 224px
}

.e-date-picker--small .calendar table>tbody>tr {
    height: 30px
}

.e-date-picker--small .calendar table>tbody>tr>td {
    padding: 1px;
    line-height: 30px
}

.e-date-picker--mini .basic-input {
    width: 80px;
    height: 30px;
    padding: 0 4px
}

.e-date-picker--mini .date-picker {
    width: 224px
}

.e-date-picker--mini .calendar table>tbody>tr {
    height: 30px
}

.e-date-picker--mini .calendar table>tbody>tr>td {
    padding: 1px;
    line-height: 30px
}

.em-date-picker {
    position: relative
}

.em-date-picker .dp-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100vw;
    height: 100%
}

.em-date-picker .calendar-icon {
    position: absolute;
    top: 25%;
    right: 8px;
    cursor: pointer
}

.em-date-picker .select-mask {
    position: absolute;
    width: 100vw;
    height: 100%;
    background-color: rgba(37, 38, 45, .7)
}

.em-date-picker .select-container {
    z-index: 1;
    background-color: var(--color-light-text)
}

.em-date-picker .select-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 15px;
    background-color: var(--layer-2)
}

.em-date-picker .select-header .h-left {
    color: var(--color-grey-text)
}

.em-date-picker .select-header .h-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-primary)
}

.em-date-picker .select-body {
    position: relative;
    display: flex;
    height: 238px;
    overflow: hidden;
    color: var(--color-black)
}

.em-date-picker .select-body .select-col {
    flex: 1;
    overflow-y: auto
}

.em-date-picker .select-body .select-col::-webkit-scrollbar {
    display: none
}

.em-date-picker .select-body .select-list {
    padding: 102px 0
}

.em-date-picker .select-overlay {
    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-repeat: no-repeat;
    background-position: top, bottom;
    background-size: 100% 102px;
    pointer-events: none
}

.em-date-picker .selected-indicator {
    position: absolute;
    top: 102px;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 34px;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    pointer-events: none
}

.em-date-picker .select-item {
    font-size: 16px;
    line-height: 34px;
    text-align: center
}

.em-date-picker .select-item.selected {
    color: var(--color-dark-text);
    border-color: var(--color-border)
}

.em-date-picker--dark .select-container,
.em-date-picker--dark .select-container .select-header {
    background-color: #0b1e37
}

.em-date-picker--dark .select-container .select-header .h-left {
    color: var(--text-on-color)
}

.em-date-picker--dark .select-container .select-body {
    color: var(--text-on-color);
    background-color: #0b1e37
}

.em-date-picker--dark .select-container .select-col {
    z-index: 4
}

.em-date-picker--dark .select-container .select-overlay {
    background-image: none
}

.em-date-picker--dark .select-container .selected-indicator {
    background-color: #263043;
    border: none
}

.e-depth-chart {
    height: 100%
}

.e-depth-chart #depth-chart {
    background-color: #0a1326
}

.e-doughnut-chart {
    width: 100%;
    font-family: SF Pro Text
}

.e-dropdown-trigger {
    display: inline-block
}

.e-dropdown-content {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    display: block;
    transform-origin: top center
}

.e-dropdown__disabled {
    pointer-events: none
}

.e-dropdown-wrapper {
    position: relative;
    display: inline-block
}

.e-dropdown-wrapper__disabled {
    cursor: not-allowed
}

.e-expansion-container {
    flex: 1;
    margin-bottom: 10px;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 0 6px 0 var(--border-subtle-2)
}

.e-expansion-container:last-child {
    margin-bottom: 0
}

.e-expansion-container .e-expansion-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.e-expansion-container .e-expansion-title-container .e-expansion-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.6
}

.e-expansion-container .e-expansion-title-container .e-expansion-title.disabled {
    color: var(--text-disable)
}

@media(max-width:991.98px) {
    .e-expansion-container .e-expansion-title-container .e-expansion-title {
        font-size: 16px
    }
}

.e-expansion-container .e-expansion-title-container .e-expansion-title-icon {
    color: var(--icon-secondary);
    transform: rotate(90deg);
    transition: transform .2s ease
}

.e-expansion-container .e-expansion-title-container .expanded {
    transform: rotate(270deg)
}

.e-expansion-container .e-expansion-content-container {
    max-height: 768px;
    margin-top: 16px
}

.e-expansion-container .expand-enter-active,
.e-expansion-container .expand-leave-active {
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.e-expansion-container .expand-enter,
.e-expansion-container .expand-leave-to {
    transform: translateY(-20px);
    visibility: hidden;
    opacity: 0
}

.e-guide .mask[data-v-e9041bd6] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11
}

.e-guide .text[data-v-e9041bd6] {
    position: fixed;
    z-index: 12
}

.e-guide .text .tooltip[data-v-e9041bd6] {
    width: 284px;
    padding: 16px;
    color: var(--color-white);
    font-size: 12px;
    background-color: var(--color-primary);
    border-radius: 4px
}

.e-guide .text .tooltip .content[data-v-e9041bd6] {
    margin-bottom: 16px;
    line-height: 16px
}

.e-guide .text .tooltip .content .header[data-v-e9041bd6] {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.e-guide .text .tooltip .content .body[data-v-e9041bd6] {
    margin-top: 8px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

.e-guide .text .tooltip .content .body .content-item[data-v-e9041bd6] {
    display: flex;
    margin-bottom: 12px
}

.e-guide .text .tooltip .content .body .content-item .content-index[data-v-e9041bd6] {
    flex: 0 0 16px
}

.e-guide .text .tooltip .content .step[data-v-e9041bd6] {
    margin-top: 8px;
    color: #bbe2fe;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px
}

.e-guide .text .tooltip .button[data-v-e9041bd6] {
    display: flex;
    justify-content: flex-end
}

.e-guide .text .tooltip .button .e-button[data-v-e9041bd6] {
    width: 60px;
    height: 24px;
    font-weight: 700
}

.e-guide .text .tooltip .button .skip[data-v-e9041bd6] {
    margin-right: auto;
    color: var(--color-white)
}

.e-guide .text .tooltip .button .back[data-v-e9041bd6] {
    margin-right: 12px;
    border: 1px solid var(--color-white);
    border-radius: 2px
}

.e-guide .text .tooltip .button .ok[data-v-e9041bd6] {
    color: var(--color-primary);
    background-color: var(--color-white)
}

.e-guide .text .tooltip[data-v-e9041bd6]:before {
    position: absolute;
    width: 24px;
    height: 13px;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMTMnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEwLjAxOC44MDRMMCAxM2gyNEwxMy4wNTUuNzQyYTIgMiAwIDAwLTMuMDM3LjA2MnonIGZpbGw9JyMxMTk5RkEnLz48L3N2Zz4=);
    content: ""
}

.e-guide .text .tooltip.top[data-v-e9041bd6]:before {
    bottom: -13px;
    left: calc(50% - 12px);
    transform: rotate(180deg)
}

.e-guide .text .tooltip.bottom[data-v-e9041bd6]:before {
    top: -13px;
    left: calc(50% - 12px)
}

.e-guide .text .tooltip.right[data-v-e9041bd6]:before {
    top: calc(50% + 12px);
    left: -13px;
    transform: rotate(270deg);
    transform-origin: 0 0
}

.e-guide .text .tooltip.left[data-v-e9041bd6]:before {
    top: calc(50% + 12px);
    right: -13px;
    transform: rotate(90deg);
    transform-origin: right 0
}

.e-guide .text .tooltip.left-bottom[data-v-e9041bd6]:before {
    top: -13px;
    right: 10px
}

.e-guide .text .tooltip.right-bottom[data-v-e9041bd6]:before {
    top: -13px;
    left: 10px
}

.e-guide .text .tooltip.left-top[data-v-e9041bd6]:before {
    right: 10px;
    bottom: -13px;
    transform: rotate(180deg)
}

.e-guide .text .tooltip.right-top[data-v-e9041bd6]:before {
    bottom: -13px;
    left: 10px;
    transform: rotate(180deg)
}

@media(max-width:991.98px) {
    .e-guide[data-v-e9041bd6] {
        display: none
    }
}

.e-img {
    text-indent: -10000px;
    opacity: 0
}

.e-image {
    position: relative
}

.e-image__loading-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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

.e-image img {
    display: block;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    transition: opacity .5s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.e-image img[data-src] {
    opacity: .5
}

.e-image img.abs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.basic-input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    transition: border-color .2s
}

.basic-input:focus,
.basic-input:hover {
    border-color: var(--color-primary)
}

.e-input {
    position: relative
}

.e-input .message-icon-wrapper {
    position: absolute;
    top: 12px;
    right: 0;
    display: inline-flex;
    justify-content: center;
    width: 40px;
    height: 16px;
    text-align: center
}

.e-input .message-icon {
    color: #e64b60;
    -webkit-animation: e-shake .6s cubic-bezier(.25, .8, .5, 1);
    animation: e-shake .6s cubic-bezier(.25, .8, .5, 1)
}

.e-input input::-webkit-inner-spin-button,
.e-input input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.e-input input:-moz-read-only {
    color: var(--color-disabled);
    border-color: var(--color-border)
}

.e-input input:read-only {
    color: var(--color-disabled);
    border-color: var(--color-border)
}

.e-input__inner {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    transition: .3s ease-in
}

.e-input__inner[type=number] {
    width: 100%
}

.e-input__inner:focus {
    border-color: var(--color-primary)
}

.e-input__inner[readonly] {
    background-color: var(--color-border);
    cursor: not-allowed
}

.e-input-number__wrapper {
    position: relative;
    display: flex;
    align-items: center
}

.e-input-number__wrapper .suffix-container {
    position: absolute;
    right: 0;
    bottom: 8px;
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 2px;
    font-weight: 500;
    font-size: 12px
}

.e-input-number__wrapper .suffix-container .e-icon-message-info {
    color: #e64b60
}

.e-input-number {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    outline: 0
}

.e-loading.pending {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px
}

.e-loading.center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%)
}

.e-message[data-v-9a747080] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999
}

.message-list-item[data-v-9a747080] {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    min-height: 40px;
    margin-bottom: 26px;
    padding: 11px 25px 11px 50px;
    list-style: none;
    background-color: var(--background-2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15)
}

.message-list-enter-active[data-v-9a747080],
.message-list-leave-active[data-v-9a747080] {
    transition: all .2s
}

.message-list-enter[data-v-9a747080],
.message-list-leave-to[data-v-9a747080] {
    transform: translateX(30%);
    opacity: 0
}

.icon[data-v-9a747080] {
    position: absolute;
    top: 12px;
    left: 14px;
    width: 24px;
    height: 24px
}

.icon .--info[data-v-9a747080] {
    color: var(--color-primary)
}

.icon .--success[data-v-9a747080] {
    color: var(--color-success)
}

.icon .--error[data-v-9a747080] {
    color: #e64b60
}

.icon .--warning[data-v-9a747080] {
    color: #ffbf00
}

.title[data-v-9a747080] {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left
}

.description[data-v-9a747080] {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left
}

.fade {
    z-index: 100 !important
}

.e-overlay {
    right: 0;
    bottom: 0;
    z-index: 200;
    background: rgba(33, 33, 33, .46);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in
}

.e-modal-wrapper,
.e-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.e-modal-wrapper {
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    outline: none;
    transition: .2s cubic-bezier(.25, .8, .25, 1), z-index 1ms;
    pointer-events: none
}

.e-modal {
    position: relative;
    width: 488px;
    max-height: 90%;
    padding: 24px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--background-2);
    border-radius: 4px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    transform: translateZ(0);
    transform-origin: center center;
    transition: .3s cubic-bezier(.25, .8, .25, 1);
    pointer-events: auto
}

.e-modal--small {
    width: 360px;
    padding: 24px
}

.e-modal--loose {
    width: unset
}

.e-modal::-webkit-scrollbar {
    width: 6px
}

.e-modal::-webkit-scrollbar-thumb {
    background-color: silver;
    border-radius: 3px
}

.e-modal .e-cell {
    margin-right: -48px;
    margin-left: -48px;
    padding-right: 48px;
    padding-left: 48px
}

.e-modal--loading {
    overflow: hidden
}

.e-modal--overflow {
    overflow-x: visible;
    overflow-y: visible
}

.e-modal .loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--background-2);
    opacity: .5
}

.e-modal--dark {
    color: var(--text-on-color);
    background-color: #0b1426
}

.e-modal-close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 301;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    border-radius: 50%
}

.e-modal-close--bottom {
    top: auto;
    right: auto;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%)
}

.e-modal-close--dark {
    color: var(--color-dark-text)
}

.e-modal-close--dark .e-icon-close {
    color: var(--color-light-text)
}

.e-modal-close--dark:hover {
    background-color: #f4f4f4
}

.e-modal-close--dark:active {
    background-color: #f0f0f0
}

.e-modal-close--light {
    color: var(--color-light-text)
}

.e-modal-close--light .e-icon-close {
    color: var(--color-dark-text)
}

.e-modal-close--light:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.e-modal-close--light:active {
    background-color: hsla(0, 0%, 100%, .2)
}

@media(max-width:991.98px) {
    .e-modal {
        width: calc(100vw - 32px);
        padding: 32px 16px
    }
    .e-modal--small {
        width: calc(100vw - 64px);
        padding: 24px 16px
    }
    .e-modal.e-modal-mobile--fullscreen {
        width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0
    }
    .e-cell {
        margin-right: -16px;
        margin-left: -16px;
        padding-right: 16px;
        padding-left: 16px
    }
}

.e-modal-transition-enter,
.e-modal-transition-leave-to {
    transform: scale(.3);
    opacity: 0
}

.e-modal-transition-enter-to,
.e-modal-transition-leave {
    opacity: 1
}

.e-modal-bottom-transition-enter,
.e-modal-bottom-transition-leave-to {
    transform: translateY(100%)
}

.e-modal--animated {
    -webkit-animation-name: animate-modal;
    animation-name: animate-modal;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: cubic-bezier(.25, .8, .25, 1);
    animation-timing-function: cubic-bezier(.25, .8, .25, 1)
}

@-webkit-keyframes animate-modal {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.03)
    }
    to {
        transform: scale(1)
    }
}

@keyframes animate-modal {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.03)
    }
    to {
        transform: scale(1)
    }
}

.e-multi-select {
    position: relative;
    display: inline-block;
    min-width: 140px;
    font-size: 14px
}

.e-multi-select .s-label {
    margin-bottom: 6px;
    color: var(--color-grey-text);
    font-size: 12px
}

.e-multi-select .s-main {
    position: relative
}

.e-multi-select .s-selected {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 0 4px;
    background-color: transparent;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    cursor: pointer;
    transition: border-color .2s
}

.e-multi-select .s-selected .s-l {
    position: relative;
    flex: 1;
    margin-right: 0;
    padding-right: 20px;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.e-multi-select .s-selected .s-l .e-icon-close {
    position: absolute;
    top: 2px;
    right: 2px;
    display: none;
    color: var(--color-grey-text);
    transition: color .2s
}

.e-multi-select .s-selected .s-l .e-icon-close:hover {
    color: var(--color-error)
}

.e-multi-select .s-selected .s-placeholder {
    color: var(--color-placeholder)
}

.e-multi-select .s-selected .s-r {
    font-size: 0
}

.e-multi-select .s-selected .s-r .e-icon-accordion {
    width: 18px;
    height: 18px;
    color: var(--color-dark-text);
    transition: transform .25s ease-out
}

.e-multi-select .s-selected .s-r .e-icon-accordion.focused {
    transform: rotate(180deg)
}

.e-multi-select .s-selected:not(.disabled):hover {
    border-color: var(--color-primary)
}

.e-multi-select .s-selected:not(.disabled):hover .s-l .e-icon-close {
    display: initial
}

.e-multi-select .s-selected.disabled {
    cursor: not-allowed;
    opacity: .45
}

.e-multi-select .s-candidates {
    position: absolute;
    z-index: 5;
    min-width: 100%;
    background-color: var(--color-white);
    border-radius: 4px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3);
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s ease, opacity .2s ease, transform .2s ease
}

.e-multi-select .s-candidates .item-search {
    position: relative;
    margin-top: 8px;
    padding: 0 8px
}

.e-multi-select .s-candidates .item-search .input {
    width: 100%;
    height: 32px;
    padding: 0 32px;
    font-size: 12px;
    border: 1px solid var(--color-border);
    border-radius: 4px
}

.e-multi-select .s-candidates .item-search .clear-search,
.e-multi-select .s-candidates .item-search .e-icon-search {
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 8px;
    cursor: pointer
}

.e-multi-select .s-candidates .item-search .e-icon-close,
.e-multi-select .s-candidates .item-search .e-icon-search {
    color: var(--color-dark-text)
}

.e-multi-select .s-candidates .item-search .e-icon-search {
    left: 8px;
    width: 32px;
    padding-right: 0
}

.e-multi-select .s-candidates .selected-number {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px 8px 0;
    color: var(--text-caption);
    font-size: 12px
}

.e-multi-select .s-candidates .selected-number .e-button {
    height: 16px;
    padding: 0
}

.e-multi-select .s-candidates .i-title {
    display: flex;
    align-items: center;
    padding: 0 8px;
    color: var(--color-grey-text);
    line-height: 40px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s
}

.e-multi-select .s-candidates .i-title:hover {
    background-color: rgba(17, 153, 250, .1)
}

.e-multi-select .s-candidates .i-title.focus {
    color: var(--color-primary)
}

.e-multi-select .s-candidates .s-list {
    max-height: 200px;
    margin: 0;
    padding: 8px 0;
    overflow-y: auto;
    font-weight: 500;
    font-size: 13px;
    overscroll-behavior: contain
}

.e-multi-select .s-candidates .s-list li.disabled .i-title {
    cursor: not-allowed;
    color: var(--text-disable)
}

.e-multi-select .s-candidates .s-list li.disabled .i-title .e-icon {
    color: var(--text-disable)
}

.e-multi-select .s-candidates.top {
    bottom: 100%;
    transform: translateY(1em)
}

.e-multi-select .s-candidates.bottom {
    transform: translateY(-1em)
}

.e-multi-select .s-candidates.open {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    width: 100%
}

.e-multi-select .s-no-options {
    padding: 8px 0;
    color: var(--color-grey-text);
    text-align: center
}

.e-multi-select.theme-primary .s-selected {
    border-color: var(--color-primary)
}

.e-multi-select.theme-primary .s-selected .s-value {
    color: var(--color-primary);
    font-weight: 500
}

.e-multi-select.theme-primary .s-selected .s-r .e-icon-accordion {
    color: var(--color-primary)
}

.e-multi-select .footer {
    padding: 12px
}

.e-multi-select .footer .e-button-group {
    width: 100%
}

.e-multi-select .footer .e-button-group .e-button {
    flex: 1;
    height: 32px;
    border-radius: 4px
}

.e-multi-select .footer .e-button-group .e-button+.e-button {
    margin-left: 8px
}

.e-pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 56px
}

.e-pagination .pagination-info {
    margin-right: 14px;
    font-size: 16px
}

.e-pagination .pagination-button {
    width: 28px;
    height: 28px;
    padding: 0;
    color: var(--icon-primary);
    border-radius: 50%;
    cursor: pointer
}

.e-pagination .pagination-button.next {
    margin-right: 32px;
    transform: rotate(180deg)
}

.e-pagination .pagination-button:hover:not([disabled]) {
    color: var(--text-primary)
}

.e-percent-list {
    display: flex;
    justify-content: space-between
}

.e-percent-list .percent-item {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin-right: 8px;
    color: #626973;
    font-weight: 500;
    line-height: 0;
    border: 1px solid rgba(128, 140, 153, .3);
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.e-percent-list .percent-item:last-child {
    margin-right: 0
}

.e-percent-list .percent-item.active {
    color: var(--color-primary);
    border-color: var(--color-primary)
}

.e-radio {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.e-radio input {
    width: 16px;
    height: 16px;
    margin: 0;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.e-radio input:checked {
    border-color: var(--color-primary)
}

.e-radio input:checked+.r-icon {
    transform: scale(.5)
}

.e-radio .r-icon-wrap {
    position: relative;
    display: flex;
    flex-shrink: 0;
    margin-right: 8px
}

.e-radio .r-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: var(--color-primary);
    border-radius: 50%;
    transform: scale(0);
    transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}

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

.e-radio.reverse .r-icon-wrap {
    margin-right: 0;
    margin-left: 8px
}

.e-radio.disabled {
    cursor: not-allowed;
    opacity: .45
}

.e-radio-group {
    display: flex;
    align-items: center
}

.e-radio-group .e-radio:not(:last-child) {
    margin-right: 16px
}

.e-radio-group.vertical {
    flex-direction: column;
    align-items: flex-start
}

.e-radio-group.vertical .e-radio {
    margin-right: 0
}

.e-radio-group.vertical .e-radio:not(:last-child) {
    margin-bottom: 8px
}

.e-select {
    position: relative;
    display: inline-block;
    min-width: 140px;
    font-size: 14px
}

.e-select .s-label {
    margin-bottom: 6px;
    color: var(--text-caption);
    font-weight: 500;
    font-size: 12px
}

.e-select .s-main {
    position: relative
}

.e-select .s-selected {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 0 4px;
    background-color: transparent;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    cursor: pointer;
    transition: border-color .2s
}

.e-select .s-selected .s-l {
    position: relative;
    flex: 1;
    margin-right: 0;
    padding-right: 20px;
    padding-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

.e-select .s-selected .s-l .e-icon-close {
    position: absolute;
    top: 2px;
    right: 2px;
    display: none;
    color: var(--color-grey-text);
    transition: color .2s
}

.e-select .s-selected .s-l .e-icon-close:hover {
    color: var(--color-error)
}

.e-select .s-selected .s-placeholder {
    color: var(--color-placeholder)
}

.e-select .s-selected .s-r {
    font-size: 0
}

.e-select .s-selected .s-r .e-icon-accordion {
    width: 18px;
    height: 18px;
    color: var(--color-dark-text);
    transition: transform .25s ease-out
}

.e-select .s-selected .s-r .e-icon-accordion.focused {
    transform: rotate(180deg)
}

.e-select .s-selected:hover {
    border-color: var(--color-primary)
}

.e-select .s-selected:hover .s-l .e-icon-close {
    display: initial
}

.e-select .s-selected.disabled {
    border-color: var(--color-border);
    cursor: not-allowed
}

.e-select .s-selected.disabled .s-value {
    color: var(--text-disable)
}

.e-select .s-candidates {
    position: absolute;
    z-index: 5;
    min-width: 100%;
    background-color: var(--color-white);
    border-radius: 4px;
    box-shadow: 1px 1px 10px 0 var(--border-subtle-1);
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s ease, opacity .2s ease, transform .2s ease
}

.e-select .s-candidates .item-search {
    position: relative;
    margin-top: 8px;
    padding: 0 8px
}

.e-select .s-candidates .item-search .input {
    width: 100%;
    height: 32px;
    padding: 0 32px;
    font-size: 12px;
    border: 1px solid var(--color-border);
    border-radius: 4px
}

.e-select .s-candidates .item-search .clear-search,
.e-select .s-candidates .item-search .e-icon-search {
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 8px;
    cursor: pointer
}

.e-select .s-candidates .item-search .e-icon-close,
.e-select .s-candidates .item-search .e-icon-search {
    color: var(--color-dark-text)
}

.e-select .s-candidates .item-search .e-icon-search {
    left: 8px;
    width: 32px;
    padding-right: 0
}

.e-select .s-candidates .item-extra {
    position: relative;
    bottom: 0;
    padding: 8px
}

.e-select .s-candidates .i-title {
    padding: 0 8px;
    color: var(--color-grey-text);
    line-height: 40px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s
}

.e-select .s-candidates .i-title:hover {
    background-color: rgba(17, 153, 250, .1)
}

.e-select .s-candidates .i-title.focus {
    color: var(--color-primary)
}

.e-select .s-candidates .s-list {
    max-height: 200px;
    margin: 0;
    padding: 8px 0;
    overflow-y: auto;
    font-weight: 500;
    font-size: 13px;
    overscroll-behavior: contain
}

.e-select .s-candidates .s-list .disabled {
    cursor: not-allowed
}

.e-select .s-candidates .s-list .disabled .i-title,
.e-select .s-candidates .s-list .disabled .i-title .e-icon {
    color: var(--text-disable)
}

.e-select .s-candidates.top {
    bottom: 100%;
    transform: translateY(1em)
}

.e-select .s-candidates.bottom {
    transform: translateY(-1em)
}

.e-select .s-candidates.open {
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.e-select .s-no-options {
    padding: 8px 0;
    color: var(--color-grey-text);
    text-align: center
}

.e-select.theme-primary .s-selected {
    border-color: var(--color-primary)
}

.e-select.theme-primary .s-selected .s-value {
    color: var(--color-primary);
    font-weight: 500
}

.e-select.theme-primary .s-selected .s-r .e-icon-arrow {
    color: var(--color-primary)
}

.e-select .with-divider {
    border-bottom: 1px solid var(--color-border)
}

.e-select .with-divider:last-child {
    border-bottom: none
}

.e-slider {
    width: 100%;
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.e-slider .e-slider__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.e-slider .e-slider__container .e-slider__bar {
    box-sizing: content-box;
    width: 100%;
    height: 2px;
    background: #022044
}

.e-slider .e-slider__container .e-slider__filled {
    position: absolute;
    z-index: 1;
    height: 2px;
    background: #1199fa
}

.e-slider .e-slider__container .e-slider__thumb {
    position: absolute;
    z-index: 3;
    box-sizing: border-box;
    background: var(--background-2);
    border: 2px solid #1182d3;
    border-radius: 99999px;
    transform: translateX(-50%)
}

.e-slider .e-slider__container .e-slider__tick {
    position: absolute;
    z-index: 2;
    background: #116cfa;
    border-radius: 9999px;
    transform: translateX(-50%);
    cursor: pointer
}

.e-slider .e-slider__container .e-slider__tick .e-slider__text {
    position: absolute;
    top: 9px;
    line-height: 24px;
    transform: translateX(-30%)
}

.e-slider--disabled {
    opacity: .6;
    pointer-events: none
}

.e-sms-otp__label {
    color: var(--color-grey-text);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.e-sms-otp__code-input {
    display: flex;
    margin-top: 8px
}

.e-sms-otp__code-input input {
    width: 16.6666666667%;
    height: 60px;
    margin: 0 2px;
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    border-style: none;
    border-bottom: 2px solid rgba(98, 105, 115, .3);
    outline: 0
}

.e-sms-otp__code-input input:focus {
    border-color: var(--color-primary);
    -webkit-animation: border-pulsate 1.5s infinite;
    animation: border-pulsate 1.5s infinite;
    -webkit-tap-highlight-color: transparent
}

.e-sms-otp__code-input .input-has-value {
    border-color: var(--color-primary)
}

.e-sms-otp__tips {
    margin-top: 8px;
    color: #e64b60;
    font-size: 14px;
    line-height: 20px
}

.e-sms-otp__send {
    margin-top: 16px;
    padding-bottom: 8px;
    text-align: center
}

.e-sms-otp__send .e-button {
    height: 32px;
    padding: 3px 23px;
    color: #1199fa;
    background-color: var(--background-2);
    border: 1px solid #1199fa;
    border-radius: 4px
}

.e-sms-otp__send .e-button:disabled {
    padding: 4px 24px;
    color: var(--text-on-color);
    background-color: rgba(11, 20, 38, .4);
    border: none;
    border-radius: 4px
}

.e-spark-line .polyline {
    -webkit-animation: draw 1s linear forwards;
    animation: draw 1s linear forwards;
    stroke-dasharray: 500;
    stroke-dashoffset: 500
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

@media(min-width:992px) {
    .e-step[data-v-3963fc8f] {
        position: relative;
        padding-top: 24px
    }
    .e-step .check-icon[data-v-3963fc8f],
    .e-step .inactive-item[data-v-3963fc8f] {
        position: absolute;
        top: -5px;
        left: 50%;
        width: 24px;
        height: 24px;
        color: var(--color-primary);
        text-align: center;
        transform: translateX(-12px)
    }
    .e-step .inactive-item[data-v-3963fc8f] {
        color: var(--color-white);
        line-height: 24px;
        background-color: var(--color-border);
        border-radius: 50%
    }
    .e-step:not(.vertical) .divider[data-v-3963fc8f] {
        position: absolute;
        top: 6px !important;
        height: 1px !important;
        background-color: var(--color-border)
    }
    .e-step:not(.vertical) .divider.active[data-v-3963fc8f] {
        height: 2px !important;
        background-color: var(--color-primary)
    }
    .e-step.vertical[data-v-3963fc8f] {
        padding-top: 0;
        padding-left: 24px
    }
    .e-step.vertical .check-icon[data-v-3963fc8f],
    .e-step.vertical .inactive-item[data-v-3963fc8f] {
        top: 50%;
        left: -5px;
        width: 24px;
        height: 24px;
        transform: translateY(-12px)
    }
    .e-step.vertical .divider[data-v-3963fc8f] {
        position: absolute;
        left: 6px !important;
        width: 1px !important;
        background-color: var(--color-border)
    }
    .e-step.vertical .divider.active[data-v-3963fc8f] {
        width: 2px !important;
        background-color: var(--color-primary)
    }
}

@media(max-width:991.98px) {
    .e-step[data-v-3963fc8f] {
        position: relative;
        padding-top: 0;
        padding-left: 24px
    }
    .e-step .check-icon[data-v-3963fc8f],
    .e-step .inactive-item[data-v-3963fc8f] {
        position: absolute;
        top: 50%;
        left: -5px;
        width: 24px;
        height: 24px;
        color: var(--color-primary);
        text-align: center;
        transform: translateY(-12px)
    }
    .e-step .inactive-item[data-v-3963fc8f] {
        color: var(--color-white);
        line-height: 24px;
        background-color: var(--color-border);
        border-radius: 50%
    }
    .e-step .divider[data-v-3963fc8f] {
        position: absolute;
        left: 6px !important;
        width: 1px !important;
        background-color: var(--color-border)
    }
    .e-step .divider.active[data-v-3963fc8f] {
        width: 2px !important;
        background-color: var(--color-primary)
    }
}

@media(min-width:992px) {
    .e-stepper .progress-bar {
        display: flex;
        flex-direction: row;
        padding: 6px 0 0
    }
    .e-stepper .progress-bar li {
        position: relative;
        flex: 1 1 0;
        padding: 24px 10px 0;
        color: var(--color-grey-text);
        text-align: center;
        list-style-type: none
    }
    .e-stepper .progress-bar .active {
        color: var(--color-dark-text)
    }
    .e-stepper .progress-bar .active:after {
        height: 2px;
        background-color: var(--color-primary)
    }
    .e-stepper .progress-bar.vertical {
        flex-direction: column;
        max-width: 360px;
        padding: 0 0 0 6px
    }
    .e-stepper .progress-bar.vertical li {
        padding: 16px 0 16px 32px;
        text-align: left
    }
}

@media(max-width:991.98px) {
    .e-stepper .progress-bar {
        display: flex;
        flex-direction: column;
        padding: 0 0 0 6px
    }
    .e-stepper .progress-bar li {
        position: relative;
        flex: 1 1 0;
        padding: 10px 0 10px 32px;
        color: var(--color-grey-text);
        text-align: left;
        list-style-type: none
    }
    .e-stepper .progress-bar .active:after {
        height: 2px
    }
    .e-stepper .progress-bar:not(.use-custom-color) li {
        color: var(--color-dark-text)
    }
    .e-stepper .progress-bar:not(.use-custom-color) .active {
        color: #0b1426
    }
    .e-stepper .progress-bar:not(.use-custom-color) .active:after {
        background-color: var(--color-primary)
    }
}

.swiper-pagination-bullet {
    background: hsla(0, 0%, 100%, .8)
}

.swiper-pagination-bullet-active {
    background: var(--color-primary)
}

.swiper-slide img {
    display: block;
    max-width: 100%
}

.e-switch {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.e-switch .e-switch__wrap {
    position: relative;
    display: inline-block;
    height: 30px
}

.e-switch.disabled {
    cursor: not-allowed;
    opacity: .5
}

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

.e-switch .e-switch__core {
    position: relative;
    width: 50px;
    height: 30px;
    padding-left: 1px;
    background: 0 0;
    border: none;
    border-radius: 15px;
    box-shadow: inset 0 0 0 15px var(--layer-2);
    cursor: inherit;
    transition: box-shadow .3s ease-in-out, padding .25s ease-in-out;
    transition-delay: .1s, 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.e-switch .e-switch__core:checked {
    padding-left: 21px;
    box-shadow: inset 0 0 0 15px #20bca4 !important;
    transition-delay: 0s, 0s
}

.e-switch .e-switch__action {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-top: 1px;
    background-color: var(--color-white);
    border-radius: 14px;
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, .1), 0 1px 1px 0 rgba(0, 0, 0, .16), 0 3px 8px 0 rgba(0, 0, 0, .15);
    transition: all .1s ease
}

.e-switch .e-switch__action.checked {
    left: calc(100% - 28px)
}

.e-switch .e-switch__action .e-icon,
.e-switch .e-switch__action .e-spinner {
    color: #20bca4
}

@-webkit-keyframes slide-on {
    0% {
        padding-left: 0
    }
    60% {
        padding-left: 23px
    }
    to {
        padding-left: 21px
    }
}

@keyframes slide-on {
    0% {
        padding-left: 0
    }
    60% {
        padding-left: 23px
    }
    to {
        padding-left: 21px
    }
}

@-webkit-keyframes slide-off {
    0% {
        padding-left: 21px;
        text-indent: 0
    }
    60% {
        padding-left: 0;
        text-indent: -2px
    }
    to {
        padding-left: 0;
        text-indent: 0
    }
}

@keyframes slide-off {
    0% {
        padding-left: 21px;
        text-indent: 0
    }
    60% {
        padding-left: 0;
        text-indent: -2px
    }
    to {
        padding-left: 0;
        text-indent: 0
    }
}

.e-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse
}

.e-table .e-tabler-inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.e-table th {
    color: #737972;
    text-align: left
}

.e-table th>.cell {
    display: inline-block;
    width: 100%
}

.e-table td,
.e-table th,
.e-table th>.cell {
    position: relative;
    box-sizing: border-box;
    vertical-align: middle
}

.e-table td,
.e-table th {
    min-width: 0;
    font-weight: 500;
    text-overflow: ellipsis
}

.e-table td>.cell,
.e-table th>.cell {
    padding: 6px 12px;
    font-size: 12px
}

.e-table td:first-child>.cell,
.e-table th:first-child>.cell {
    padding-left: 24px
}

.e-table td:last-child>.cell,
.e-table th:last-child>.cell {
    padding-right: 24px
}

.e-table td.is-center,
.e-table th.is-center {
    text-align: center
}

.e-table td.is-left,
.e-table th.is-left {
    text-align: left
}

.e-table td.is-right,
.e-table th.is-right {
    text-align: right
}

.e-table__body-wrapper,
.e-table__header-wrapper {
    width: 100%
}

.e-table__body-wrapper {
    position: relative
}

.e-table__body-wrapper.auto-scroll {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.e-table__body-wrapper::-webkit-scrollbar {
    width: 3px
}

.e-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--status-disable);
    border-radius: 3px
}

.e-table.loading .e-table__body-wrapper {
    min-height: 100px
}

.e-table__body,
.e-table__header {
    width: 100%;
    table-layout: fixed
}

.e-table__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    color: #828ea1;
    font-size: 12px
}

.e-table__loading-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

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

.e-table .sortable {
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.e-table .sort-icon {
    color: inherit
}

.e-table .sort-icon.descending {
    color: var(--color-primary)
}

.e-table .sort-icon.ascending {
    color: var(--color-primary);
    transform: rotateX(180deg)
}

.e-table-search {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding-left: 6px;
    color: #626973;
    background-color: #f8f7f7;
    border-radius: 4px
}

.e-table-search .e-icon {
    color: #626973
}

.e-table-search input {
    flex: 1;
    width: 130px;
    padding-left: 6px;
    font-weight: 500;
    font-size: 14px;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.e-table__expand-cell {
    display: inline-flex;
    align-items: center;
    line-height: 12px;
    cursor: pointer
}

.e-table__expand-cell--expanding {
    display: flex;
    justify-content: center
}

.e-table__expand-icon {
    margin-left: 4px;
    transition: all .3s cubic-bezier(.215, .61, .355, 1)
}

.e-table__expand-icon--expanded {
    transform: rotate(180deg)
}

.e-table .e-icon-expand {
    color: var(--color-primary)
}

.e-table .e-table-row.disabled {
    opacity: .6
}

.e-table.bordered td {
    position: relative
}

.e-table.bordered td:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    content: "";
    pointer-events: none;
    border-bottom: 1px solid hsla(0, 0%, 46.7%, .4)
}

.e-table.bordered .e-table-row.no-border td {
    position: relative
}

.e-table.bordered .e-table-row.no-border td:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    content: "";
    pointer-events: none;
    border-bottom: 0
}

.e-table.bordered .e-table__expanded-cell tr:last-child td {
    position: relative
}

.e-table.bordered .e-table__expanded-cell tr:last-child td:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    content: "";
    pointer-events: none;
    border-bottom: 0
}

.e-table.hovered .e-table-row {
    transition: background-color .25s ease
}

.e-table.hovered .e-table-row:hover {
    background-color: #f9f9f9
}

.e-table.plain th>.cell {
    padding: 9px 8px;
    color: var(--text-caption);
    font-weight: 500
}

.e-table.plain td>.cell {
    padding: 22px 8px;
    color: var(--text-primary)
}

.e-table.plain td:first-child>.cell,
.e-table.plain th:first-child>.cell {
    padding-left: 24px
}

.e-table.plain td:last-child>.cell,
.e-table.plain th:last-child>.cell {
    padding-right: 24px
}

.e-table.plain .e-table__loading-wrapper {
    background-color: hsla(0, 0%, 100%, .7)
}

.e-table.plain .e-icon-expand {
    color: var(--text-primary)
}

.e-table.plain.full-width {
    width: unset;
    max-width: unset;
    margin: 0 -32px
}

.e-table.plain.full-width .e-table__expand-cell {
    display: flex;
    justify-content: space-between
}

@media(max-width:991.98px) {
    .e-table.plain td:first-child>.cell,
    .e-table.plain th:first-child>.cell {
        padding-left: 16px
    }
    .e-table.plain td:last-child>.cell,
    .e-table.plain th:last-child>.cell {
        padding-right: 16px
    }
    .e-table.plain td>.cell {
        font-size: 14px
    }
}

.e-tooltip {
    position: relative;
    display: inline;
    cursor: pointer
}

.e-tooltip .e-tooltip-hump,
.e-tooltip .e-tooltip-text {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease
}

.e-tooltip .e-tooltip-hump {
    display: block;
    border: 5px solid transparent;
    border-top-color: var(--color-white);
    transform: translate(-50%, 10px)
}

.e-tooltip .e-tooltip-text {
    display: block;
    padding: 12px 16px;
    color: #0b1426;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    background: var(--color-white);
    border-radius: 4px;
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, .05);
    transform: translate(-50%)
}

.e-tooltip:hover .e-tooltip-hump,
.e-tooltip:hover .e-tooltip-text {
    visibility: visible;
    opacity: 1
}

.e-tooltip:hover .e-tooltip-hump {
    transform: translate(-50%)
}

.e-tooltip:hover .e-tooltip-text {
    transform: translate(-50%, -10px)
}

.e-tooltip--placement-bottom .e-tooltip-hump,
.e-tooltip--placement-bottom .e-tooltip-text {
    top: 100%;
    bottom: auto;
    font-weight: 500
}

.e-tooltip--placement-bottom .e-tooltip-hump {
    border-top-color: transparent;
    border-bottom-color: var(--color-white);
    transform: translate(-50%, -10px)
}

.e-tooltip--placement-bottom:hover .e-tooltip-hump {
    transform: translate(-50%)
}

.e-tooltip--placement-bottom:hover .e-tooltip-text {
    transform: translate(-50%, 10px)
}

.e-tooltip--placement-left .e-tooltip-hump,
.e-tooltip--placement-left .e-tooltip-text {
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto
}

.e-tooltip--placement-left .e-tooltip-hump {
    border-top-color: transparent;
    border-left-color: var(--color-white);
    transform: translate(10px, -50%)
}

.e-tooltip--placement-left .e-tooltip-text,
.e-tooltip--placement-left:hover .e-tooltip-hump {
    transform: translateY(-50%)
}

.e-tooltip--placement-left:hover .e-tooltip-text {
    transform: translate(-10px, -50%)
}

.e-tooltip--placement-right .e-tooltip-hump,
.e-tooltip--placement-right .e-tooltip-text {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 100%
}

.e-tooltip--placement-right .e-tooltip-hump {
    border-top-color: transparent;
    border-right-color: var(--color-white);
    transform: translate(-10px, -50%)
}

.e-tooltip--placement-right .e-tooltip-text,
.e-tooltip--placement-right:hover .e-tooltip-hump {
    transform: translateY(-50%)
}

.e-tooltip--placement-right:hover .e-tooltip-text {
    transform: translate(10px, -50%)
}

.e-tooltip--width-limited .e-tooltip-text {
    width: var(--content-width);
    white-space: normal
}

.e-tooltip--dark .e-tooltip-text {
    color: var(--color-white);
    background-color: #0b1426
}

.e-tooltip--grey .e-tooltip-text {
    color: var(--color-white);
    background-color: #626972
}

.e-tooltip-container {
    display: inline;
    cursor: pointer
}

.e-tooltip-container .e-tooltip {
    display: none
}

.e-tooltip-wrap {
    position: absolute
}

.e-tooltip-wrap .e-tooltip .e-tooltip-hump,
.e-tooltip-wrap .e-tooltip .e-tooltip-text {
    visibility: visible;
    opacity: 1
}

.e-tooltip-wrap .e-tooltip .e-tooltip-hump {
    transform: translate(-50%)
}

.e-tooltip-wrap .e-tooltip .e-tooltip-text {
    transform: translate(-50%, -10px)
}

.e-tooltip-wrap .e-tooltip--placement-bottom .e-tooltip-hump {
    transform: translate(-50%)
}

.e-tooltip-wrap .e-tooltip--placement-bottom .e-tooltip-text {
    transform: translate(-50%, 10px)
}

.e-tooltip-wrap .e-tooltip--placement-left .e-tooltip-hump {
    transform: translateY(-50%)
}

.e-tooltip-wrap .e-tooltip--placement-left .e-tooltip-text {
    transform: translate(-10px, -50%)
}

.e-tooltip-wrap .e-tooltip--placement-right .e-tooltip-hump {
    transform: translateY(-50%)
}

.e-tooltip-wrap .e-tooltip--placement-right .e-tooltip-text {
    transform: translate(10px, -50%)
}

.e-2fa__label {
    color: var(--color-grey-text);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.e-2fa__code-input {
    display: flex;
    margin-top: 8px
}

.e-2fa__code-input input {
    width: 16.6666666667%;
    height: 60px;
    margin: 0 2px;
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    border-style: none;
    border-bottom: 2px solid rgba(98, 105, 115, .3);
    outline: 0
}

.e-2fa__code-input input:focus {
    -webkit-animation: border-pulsate 1.5s infinite;
    animation: border-pulsate 1.5s infinite;
    -webkit-tap-highlight-color: transparent
}

.e-2fa__code-input .input-has-value,
.e-2fa__code-input input:focus {
    border-color: var(--color-primary)
}

.e-2fa__tips {
    margin-top: 8px;
    color: #e64b60;
    font-size: 14px;
    line-height: 20px
}

@-webkit-keyframes border-pulsate {
    0% {
        border-color: #1199fa
    }
    50% {
        border-color: rgba(98, 105, 115, .3)
    }
    to {
        border-color: #1199fa
    }
}

@keyframes border-pulsate {
    0% {
        border-color: #1199fa
    }
    50% {
        border-color: rgba(98, 105, 115, .3)
    }
    to {
        border-color: #1199fa
    }
}

.e-upload__input {
    visibility: hidden
}

.e-form-item {
    margin-bottom: 24px
}

.e-form-item__label {
    color: var(--text-caption);
    font-weight: 500;
    font-size: 14px
}

.e-form-item__content {
    position: relative;
    margin-top: 8px
}

.e-form-item__error {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 4px;
    color: #e64b60;
    font-weight: 500;
    font-size: 12px;
    line-height: 1
}

.e-form-item.is-error .e-input__inner,
.e-form-item.is-error .e-select__input {
    border-color: #e64b60
}

.e-form-item.show-error-label .e-form-item__label {
    -webkit-animation: e-shake .6s cubic-bezier(.25, .8, .5, 1);
    animation: e-shake .6s cubic-bezier(.25, .8, .5, 1)
}

.message-transition-enter-active,
.message-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.message-transition-move {
    transition: transform .6s
}

.message-transition-enter,
.message-transition-leave-to {
    transform: translateY(-15px);
    opacity: 0
}

.message-transition-leave,
.message-transition-leave-active {
    position: absolute
}

.e-col-1,
.e-col-2,
.e-col-3,
.e-col-4,
.e-col-5,
.e-col-6,
.e-col-7,
.e-col-8,
.e-col-9,
.e-col-10,
.e-col-11,
.e-col-12,
.e-col-13,
.e-col-14,
.e-col-15,
.e-col-16,
.e-col-17,
.e-col-18,
.e-col-19,
.e-col-20,
.e-col-21,
.e-col-22,
.e-col-23,
.e-col-24,
.e-col-lg-1,
.e-col-lg-2,
.e-col-lg-3,
.e-col-lg-4,
.e-col-lg-5,
.e-col-lg-6,
.e-col-lg-7,
.e-col-lg-8,
.e-col-lg-9,
.e-col-lg-10,
.e-col-lg-11,
.e-col-lg-12,
.e-col-lg-13,
.e-col-lg-14,
.e-col-lg-15,
.e-col-lg-16,
.e-col-lg-17,
.e-col-lg-18,
.e-col-lg-19,
.e-col-lg-20,
.e-col-lg-21,
.e-col-lg-22,
.e-col-lg-23,
.e-col-lg-24,
.e-col-md-1,
.e-col-md-2,
.e-col-md-3,
.e-col-md-4,
.e-col-md-5,
.e-col-md-6,
.e-col-md-7,
.e-col-md-8,
.e-col-md-9,
.e-col-md-10,
.e-col-md-11,
.e-col-md-12,
.e-col-md-13,
.e-col-md-14,
.e-col-md-15,
.e-col-md-16,
.e-col-md-17,
.e-col-md-18,
.e-col-md-19,
.e-col-md-20,
.e-col-md-21,
.e-col-md-22,
.e-col-md-23,
.e-col-md-24,
.e-col-sm-1,
.e-col-sm-2,
.e-col-sm-3,
.e-col-sm-4,
.e-col-sm-5,
.e-col-sm-6,
.e-col-sm-7,
.e-col-sm-8,
.e-col-sm-9,
.e-col-sm-10,
.e-col-sm-11,
.e-col-sm-12,
.e-col-sm-13,
.e-col-sm-14,
.e-col-sm-15,
.e-col-sm-16,
.e-col-sm-17,
.e-col-sm-18,
.e-col-sm-19,
.e-col-sm-20,
.e-col-sm-21,
.e-col-sm-22,
.e-col-sm-23,
.e-col-sm-24,
.e-col-xs-1,
.e-col-xs-2,
.e-col-xs-3,
.e-col-xs-4,
.e-col-xs-5,
.e-col-xs-6,
.e-col-xs-7,
.e-col-xs-8,
.e-col-xs-9,
.e-col-xs-10,
.e-col-xs-11,
.e-col-xs-12,
.e-col-xs-13,
.e-col-xs-14,
.e-col-xs-15,
.e-col-xs-16,
.e-col-xs-17,
.e-col-xs-18,
.e-col-xs-19,
.e-col-xs-20,
.e-col-xs-21,
.e-col-xs-22,
.e-col-xs-23,
.e-col-xs-24 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.e-col-1,
.e-col-2,
.e-col-3,
.e-col-4,
.e-col-5,
.e-col-6,
.e-col-7,
.e-col-8,
.e-col-9,
.e-col-10,
.e-col-11,
.e-col-12,
.e-col-13,
.e-col-14,
.e-col-15,
.e-col-16,
.e-col-17,
.e-col-18,
.e-col-19,
.e-col-20,
.e-col-21,
.e-col-22,
.e-col-23,
.e-col-24 {
    flex: 0 0 auto;
    float: left
}

.e-col-0 {
    display: none
}

.e-col-push-0 {
    left: auto
}

.e-col-pull-0 {
    right: auto
}

.e-col-offset-0 {
    margin-left: 0
}

.e-col-order-0 {
    order: 0
}

.e-col-1 {
    display: block;
    box-sizing: border-box;
    width: 4.1666666667%
}

.e-col-push-1 {
    left: 4.1666666667%
}

.e-col-pull-1 {
    right: 4.1666666667%
}

.e-col-offset-1 {
    margin-left: 4.1666666667%
}

.e-col-order-1 {
    order: 1
}

.e-col-2 {
    display: block;
    box-sizing: border-box;
    width: 8.3333333333%
}

.e-col-push-2 {
    left: 8.3333333333%
}

.e-col-pull-2 {
    right: 8.3333333333%
}

.e-col-offset-2 {
    margin-left: 8.3333333333%
}

.e-col-order-2 {
    order: 2
}

.e-col-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%
}

.e-col-push-3 {
    left: 12.5%
}

.e-col-pull-3 {
    right: 12.5%
}

.e-col-offset-3 {
    margin-left: 12.5%
}

.e-col-order-3 {
    order: 3
}

.e-col-4 {
    display: block;
    box-sizing: border-box;
    width: 16.6666666667%
}

.e-col-push-4 {
    left: 16.6666666667%
}

.e-col-pull-4 {
    right: 16.6666666667%
}

.e-col-offset-4 {
    margin-left: 16.6666666667%
}

.e-col-order-4 {
    order: 4
}

.e-col-5 {
    display: block;
    box-sizing: border-box;
    width: 20.8333333333%
}

.e-col-push-5 {
    left: 20.8333333333%
}

.e-col-pull-5 {
    right: 20.8333333333%
}

.e-col-offset-5 {
    margin-left: 20.8333333333%
}

.e-col-order-5 {
    order: 5
}

.e-col-6 {
    display: block;
    box-sizing: border-box;
    width: 25%
}

.e-col-push-6 {
    left: 25%
}

.e-col-pull-6 {
    right: 25%
}

.e-col-offset-6 {
    margin-left: 25%
}

.e-col-order-6 {
    order: 6
}

.e-col-7 {
    display: block;
    box-sizing: border-box;
    width: 29.1666666667%
}

.e-col-push-7 {
    left: 29.1666666667%
}

.e-col-pull-7 {
    right: 29.1666666667%
}

.e-col-offset-7 {
    margin-left: 29.1666666667%
}

.e-col-order-7 {
    order: 7
}

.e-col-8 {
    display: block;
    box-sizing: border-box;
    width: 33.3333333333%
}

.e-col-push-8 {
    left: 33.3333333333%
}

.e-col-pull-8 {
    right: 33.3333333333%
}

.e-col-offset-8 {
    margin-left: 33.3333333333%
}

.e-col-order-8 {
    order: 8
}

.e-col-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%
}

.e-col-push-9 {
    left: 37.5%
}

.e-col-pull-9 {
    right: 37.5%
}

.e-col-offset-9 {
    margin-left: 37.5%
}

.e-col-order-9 {
    order: 9
}

.e-col-10 {
    display: block;
    box-sizing: border-box;
    width: 41.6666666667%
}

.e-col-push-10 {
    left: 41.6666666667%
}

.e-col-pull-10 {
    right: 41.6666666667%
}

.e-col-offset-10 {
    margin-left: 41.6666666667%
}

.e-col-order-10 {
    order: 10
}

.e-col-11 {
    display: block;
    box-sizing: border-box;
    width: 45.8333333333%
}

.e-col-push-11 {
    left: 45.8333333333%
}

.e-col-pull-11 {
    right: 45.8333333333%
}

.e-col-offset-11 {
    margin-left: 45.8333333333%
}

.e-col-order-11 {
    order: 11
}

.e-col-12 {
    display: block;
    box-sizing: border-box;
    width: 50%
}

.e-col-push-12 {
    left: 50%
}

.e-col-pull-12 {
    right: 50%
}

.e-col-offset-12 {
    margin-left: 50%
}

.e-col-order-12 {
    order: 12
}

.e-col-13 {
    display: block;
    box-sizing: border-box;
    width: 54.1666666667%
}

.e-col-push-13 {
    left: 54.1666666667%
}

.e-col-pull-13 {
    right: 54.1666666667%
}

.e-col-offset-13 {
    margin-left: 54.1666666667%
}

.e-col-order-13 {
    order: 13
}

.e-col-14 {
    display: block;
    box-sizing: border-box;
    width: 58.3333333333%
}

.e-col-push-14 {
    left: 58.3333333333%
}

.e-col-pull-14 {
    right: 58.3333333333%
}

.e-col-offset-14 {
    margin-left: 58.3333333333%
}

.e-col-order-14 {
    order: 14
}

.e-col-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%
}

.e-col-push-15 {
    left: 62.5%
}

.e-col-pull-15 {
    right: 62.5%
}

.e-col-offset-15 {
    margin-left: 62.5%
}

.e-col-order-15 {
    order: 15
}

.e-col-16 {
    display: block;
    box-sizing: border-box;
    width: 66.6666666667%
}

.e-col-push-16 {
    left: 66.6666666667%
}

.e-col-pull-16 {
    right: 66.6666666667%
}

.e-col-offset-16 {
    margin-left: 66.6666666667%
}

.e-col-order-16 {
    order: 16
}

.e-col-17 {
    display: block;
    box-sizing: border-box;
    width: 70.8333333333%
}

.e-col-push-17 {
    left: 70.8333333333%
}

.e-col-pull-17 {
    right: 70.8333333333%
}

.e-col-offset-17 {
    margin-left: 70.8333333333%
}

.e-col-order-17 {
    order: 17
}

.e-col-18 {
    display: block;
    box-sizing: border-box;
    width: 75%
}

.e-col-push-18 {
    left: 75%
}

.e-col-pull-18 {
    right: 75%
}

.e-col-offset-18 {
    margin-left: 75%
}

.e-col-order-18 {
    order: 18
}

.e-col-19 {
    display: block;
    box-sizing: border-box;
    width: 79.1666666667%
}

.e-col-push-19 {
    left: 79.1666666667%
}

.e-col-pull-19 {
    right: 79.1666666667%
}

.e-col-offset-19 {
    margin-left: 79.1666666667%
}

.e-col-order-19 {
    order: 19
}

.e-col-20 {
    display: block;
    box-sizing: border-box;
    width: 83.3333333333%
}

.e-col-push-20 {
    left: 83.3333333333%
}

.e-col-pull-20 {
    right: 83.3333333333%
}

.e-col-offset-20 {
    margin-left: 83.3333333333%
}

.e-col-order-20 {
    order: 20
}

.e-col-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%
}

.e-col-push-21 {
    left: 87.5%
}

.e-col-pull-21 {
    right: 87.5%
}

.e-col-offset-21 {
    margin-left: 87.5%
}

.e-col-order-21 {
    order: 21
}

.e-col-22 {
    display: block;
    box-sizing: border-box;
    width: 91.6666666667%
}

.e-col-push-22 {
    left: 91.6666666667%
}

.e-col-pull-22 {
    right: 91.6666666667%
}

.e-col-offset-22 {
    margin-left: 91.6666666667%
}

.e-col-order-22 {
    order: 22
}

.e-col-23 {
    display: block;
    box-sizing: border-box;
    width: 95.8333333333%
}

.e-col-push-23 {
    left: 95.8333333333%
}

.e-col-pull-23 {
    right: 95.8333333333%
}

.e-col-offset-23 {
    margin-left: 95.8333333333%
}

.e-col-order-23 {
    order: 23
}

.e-col-24 {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.e-col-push-24 {
    left: 100%
}

.e-col-pull-24 {
    right: 100%
}

.e-col-offset-24 {
    margin-left: 100%
}

.e-col-order-24 {
    order: 24
}

.e-row {
    flex-flow: row wrap
}

.e-row,
.e-row:after,
.e-row:before {
    display: flex
}

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

.e-row-flex-center {
    justify-content: center
}

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

.e-row-flex-space-between {
    justify-content: space-between
}

.e-row-flex-space-around {
    justify-content: space-around
}

.e-row-flex-top {
    align-items: flex-start
}

.e-row-flex-middle {
    align-items: center
}

.e-row-flex-bottom {
    align-items: flex-end
}

.e-col {
    position: relative;
    display: block
}

@media(min-width:1200px) {
    .e-col-xl-1,
    .e-col-xl-2,
    .e-col-xl-3,
    .e-col-xl-4,
    .e-col-xl-5,
    .e-col-xl-6,
    .e-col-xl-7,
    .e-col-xl-8,
    .e-col-xl-9,
    .e-col-xl-10,
    .e-col-xl-11,
    .e-col-xl-12,
    .e-col-xl-13,
    .e-col-xl-14,
    .e-col-xl-15,
    .e-col-xl-16,
    .e-col-xl-17,
    .e-col-xl-18,
    .e-col-xl-19,
    .e-col-xl-20,
    .e-col-xl-21,
    .e-col-xl-22,
    .e-col-xl-23,
    .e-col-xl-24 {
        flex: 0 0 auto;
        float: left
    }
    .e-col-xl-0 {
        display: none
    }
    .e-col-push-0 {
        left: auto
    }
    .e-col-pull-0 {
        right: auto
    }
    .e-col-xl-push-0 {
        left: auto
    }
    .e-col-xl-pull-0 {
        right: auto
    }
    .e-col-xl-offset-0 {
        margin-left: 0
    }
    .e-col-xl-order-0 {
        order: 0
    }
    .e-col-xl-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }
    .e-col-xl-push-1 {
        left: 4.1666666667%
    }
    .e-col-xl-pull-1 {
        right: 4.1666666667%
    }
    .e-col-xl-offset-1 {
        margin-left: 4.1666666667%
    }
    .e-col-xl-order-1 {
        order: 1
    }
    .e-col-xl-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }
    .e-col-xl-push-2 {
        left: 8.3333333333%
    }
    .e-col-xl-pull-2 {
        right: 8.3333333333%
    }
    .e-col-xl-offset-2 {
        margin-left: 8.3333333333%
    }
    .e-col-xl-order-2 {
        order: 2
    }
    .e-col-xl-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }
    .e-col-xl-push-3 {
        left: 12.5%
    }
    .e-col-xl-pull-3 {
        right: 12.5%
    }
    .e-col-xl-offset-3 {
        margin-left: 12.5%
    }
    .e-col-xl-order-3 {
        order: 3
    }
    .e-col-xl-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }
    .e-col-xl-push-4 {
        left: 16.6666666667%
    }
    .e-col-xl-pull-4 {
        right: 16.6666666667%
    }
    .e-col-xl-offset-4 {
        margin-left: 16.6666666667%
    }
    .e-col-xl-order-4 {
        order: 4
    }
    .e-col-xl-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }
    .e-col-xl-push-5 {
        left: 20.8333333333%
    }
    .e-col-xl-pull-5 {
        right: 20.8333333333%
    }
    .e-col-xl-offset-5 {
        margin-left: 20.8333333333%
    }
    .e-col-xl-order-5 {
        order: 5
    }
    .e-col-xl-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }
    .e-col-xl-push-6 {
        left: 25%
    }
    .e-col-xl-pull-6 {
        right: 25%
    }
    .e-col-xl-offset-6 {
        margin-left: 25%
    }
    .e-col-xl-order-6 {
        order: 6
    }
    .e-col-xl-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }
    .e-col-xl-push-7 {
        left: 29.1666666667%
    }
    .e-col-xl-pull-7 {
        right: 29.1666666667%
    }
    .e-col-xl-offset-7 {
        margin-left: 29.1666666667%
    }
    .e-col-xl-order-7 {
        order: 7
    }
    .e-col-xl-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }
    .e-col-xl-push-8 {
        left: 33.3333333333%
    }
    .e-col-xl-pull-8 {
        right: 33.3333333333%
    }
    .e-col-xl-offset-8 {
        margin-left: 33.3333333333%
    }
    .e-col-xl-order-8 {
        order: 8
    }
    .e-col-xl-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }
    .e-col-xl-push-9 {
        left: 37.5%
    }
    .e-col-xl-pull-9 {
        right: 37.5%
    }
    .e-col-xl-offset-9 {
        margin-left: 37.5%
    }
    .e-col-xl-order-9 {
        order: 9
    }
    .e-col-xl-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }
    .e-col-xl-push-10 {
        left: 41.6666666667%
    }
    .e-col-xl-pull-10 {
        right: 41.6666666667%
    }
    .e-col-xl-offset-10 {
        margin-left: 41.6666666667%
    }
    .e-col-xl-order-10 {
        order: 10
    }
    .e-col-xl-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }
    .e-col-xl-push-11 {
        left: 45.8333333333%
    }
    .e-col-xl-pull-11 {
        right: 45.8333333333%
    }
    .e-col-xl-offset-11 {
        margin-left: 45.8333333333%
    }
    .e-col-xl-order-11 {
        order: 11
    }
    .e-col-xl-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }
    .e-col-xl-push-12 {
        left: 50%
    }
    .e-col-xl-pull-12 {
        right: 50%
    }
    .e-col-xl-offset-12 {
        margin-left: 50%
    }
    .e-col-xl-order-12 {
        order: 12
    }
    .e-col-xl-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }
    .e-col-xl-push-13 {
        left: 54.1666666667%
    }
    .e-col-xl-pull-13 {
        right: 54.1666666667%
    }
    .e-col-xl-offset-13 {
        margin-left: 54.1666666667%
    }
    .e-col-xl-order-13 {
        order: 13
    }
    .e-col-xl-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }
    .e-col-xl-push-14 {
        left: 58.3333333333%
    }
    .e-col-xl-pull-14 {
        right: 58.3333333333%
    }
    .e-col-xl-offset-14 {
        margin-left: 58.3333333333%
    }
    .e-col-xl-order-14 {
        order: 14
    }
    .e-col-xl-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }
    .e-col-xl-push-15 {
        left: 62.5%
    }
    .e-col-xl-pull-15 {
        right: 62.5%
    }
    .e-col-xl-offset-15 {
        margin-left: 62.5%
    }
    .e-col-xl-order-15 {
        order: 15
    }
    .e-col-xl-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }
    .e-col-xl-push-16 {
        left: 66.6666666667%
    }
    .e-col-xl-pull-16 {
        right: 66.6666666667%
    }
    .e-col-xl-offset-16 {
        margin-left: 66.6666666667%
    }
    .e-col-xl-order-16 {
        order: 16
    }
    .e-col-xl-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }
    .e-col-xl-push-17 {
        left: 70.8333333333%
    }
    .e-col-xl-pull-17 {
        right: 70.8333333333%
    }
    .e-col-xl-offset-17 {
        margin-left: 70.8333333333%
    }
    .e-col-xl-order-17 {
        order: 17
    }
    .e-col-xl-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }
    .e-col-xl-push-18 {
        left: 75%
    }
    .e-col-xl-pull-18 {
        right: 75%
    }
    .e-col-xl-offset-18 {
        margin-left: 75%
    }
    .e-col-xl-order-18 {
        order: 18
    }
    .e-col-xl-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }
    .e-col-xl-push-19 {
        left: 79.1666666667%
    }
    .e-col-xl-pull-19 {
        right: 79.1666666667%
    }
    .e-col-xl-offset-19 {
        margin-left: 79.1666666667%
    }
    .e-col-xl-order-19 {
        order: 19
    }
    .e-col-xl-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }
    .e-col-xl-push-20 {
        left: 83.3333333333%
    }
    .e-col-xl-pull-20 {
        right: 83.3333333333%
    }
    .e-col-xl-offset-20 {
        margin-left: 83.3333333333%
    }
    .e-col-xl-order-20 {
        order: 20
    }
    .e-col-xl-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }
    .e-col-xl-push-21 {
        left: 87.5%
    }
    .e-col-xl-pull-21 {
        right: 87.5%
    }
    .e-col-xl-offset-21 {
        margin-left: 87.5%
    }
    .e-col-xl-order-21 {
        order: 21
    }
    .e-col-xl-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }
    .e-col-xl-push-22 {
        left: 91.6666666667%
    }
    .e-col-xl-pull-22 {
        right: 91.6666666667%
    }
    .e-col-xl-offset-22 {
        margin-left: 91.6666666667%
    }
    .e-col-xl-order-22 {
        order: 22
    }
    .e-col-xl-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }
    .e-col-xl-push-23 {
        left: 95.8333333333%
    }
    .e-col-xl-pull-23 {
        right: 95.8333333333%
    }
    .e-col-xl-offset-23 {
        margin-left: 95.8333333333%
    }
    .e-col-xl-order-23 {
        order: 23
    }
    .e-col-xl-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }
    .e-col-xl-push-24 {
        left: 100%
    }
    .e-col-xl-pull-24 {
        right: 100%
    }
    .e-col-xl-offset-24 {
        margin-left: 100%
    }
    .e-col-xl-order-24 {
        order: 24
    }
}

@media(max-width:1199.98px) {
    .e-col-lg-1,
    .e-col-lg-2,
    .e-col-lg-3,
    .e-col-lg-4,
    .e-col-lg-5,
    .e-col-lg-6,
    .e-col-lg-7,
    .e-col-lg-8,
    .e-col-lg-9,
    .e-col-lg-10,
    .e-col-lg-11,
    .e-col-lg-12,
    .e-col-lg-13,
    .e-col-lg-14,
    .e-col-lg-15,
    .e-col-lg-16,
    .e-col-lg-17,
    .e-col-lg-18,
    .e-col-lg-19,
    .e-col-lg-20,
    .e-col-lg-21,
    .e-col-lg-22,
    .e-col-lg-23,
    .e-col-lg-24 {
        flex: 0 0 auto;
        float: left
    }
    .e-col-lg-0 {
        display: none
    }
    .e-col-push-0 {
        left: auto
    }
    .e-col-pull-0 {
        right: auto
    }
    .e-col-lg-push-0 {
        left: auto
    }
    .e-col-lg-pull-0 {
        right: auto
    }
    .e-col-lg-offset-0 {
        margin-left: 0
    }
    .e-col-lg-order-0 {
        order: 0
    }
    .e-col-lg-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }
    .e-col-lg-push-1 {
        left: 4.1666666667%
    }
    .e-col-lg-pull-1 {
        right: 4.1666666667%
    }
    .e-col-lg-offset-1 {
        margin-left: 4.1666666667%
    }
    .e-col-lg-order-1 {
        order: 1
    }
    .e-col-lg-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }
    .e-col-lg-push-2 {
        left: 8.3333333333%
    }
    .e-col-lg-pull-2 {
        right: 8.3333333333%
    }
    .e-col-lg-offset-2 {
        margin-left: 8.3333333333%
    }
    .e-col-lg-order-2 {
        order: 2
    }
    .e-col-lg-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }
    .e-col-lg-push-3 {
        left: 12.5%
    }
    .e-col-lg-pull-3 {
        right: 12.5%
    }
    .e-col-lg-offset-3 {
        margin-left: 12.5%
    }
    .e-col-lg-order-3 {
        order: 3
    }
    .e-col-lg-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }
    .e-col-lg-push-4 {
        left: 16.6666666667%
    }
    .e-col-lg-pull-4 {
        right: 16.6666666667%
    }
    .e-col-lg-offset-4 {
        margin-left: 16.6666666667%
    }
    .e-col-lg-order-4 {
        order: 4
    }
    .e-col-lg-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }
    .e-col-lg-push-5 {
        left: 20.8333333333%
    }
    .e-col-lg-pull-5 {
        right: 20.8333333333%
    }
    .e-col-lg-offset-5 {
        margin-left: 20.8333333333%
    }
    .e-col-lg-order-5 {
        order: 5
    }
    .e-col-lg-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }
    .e-col-lg-push-6 {
        left: 25%
    }
    .e-col-lg-pull-6 {
        right: 25%
    }
    .e-col-lg-offset-6 {
        margin-left: 25%
    }
    .e-col-lg-order-6 {
        order: 6
    }
    .e-col-lg-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }
    .e-col-lg-push-7 {
        left: 29.1666666667%
    }
    .e-col-lg-pull-7 {
        right: 29.1666666667%
    }
    .e-col-lg-offset-7 {
        margin-left: 29.1666666667%
    }
    .e-col-lg-order-7 {
        order: 7
    }
    .e-col-lg-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }
    .e-col-lg-push-8 {
        left: 33.3333333333%
    }
    .e-col-lg-pull-8 {
        right: 33.3333333333%
    }
    .e-col-lg-offset-8 {
        margin-left: 33.3333333333%
    }
    .e-col-lg-order-8 {
        order: 8
    }
    .e-col-lg-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }
    .e-col-lg-push-9 {
        left: 37.5%
    }
    .e-col-lg-pull-9 {
        right: 37.5%
    }
    .e-col-lg-offset-9 {
        margin-left: 37.5%
    }
    .e-col-lg-order-9 {
        order: 9
    }
    .e-col-lg-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }
    .e-col-lg-push-10 {
        left: 41.6666666667%
    }
    .e-col-lg-pull-10 {
        right: 41.6666666667%
    }
    .e-col-lg-offset-10 {
        margin-left: 41.6666666667%
    }
    .e-col-lg-order-10 {
        order: 10
    }
    .e-col-lg-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }
    .e-col-lg-push-11 {
        left: 45.8333333333%
    }
    .e-col-lg-pull-11 {
        right: 45.8333333333%
    }
    .e-col-lg-offset-11 {
        margin-left: 45.8333333333%
    }
    .e-col-lg-order-11 {
        order: 11
    }
    .e-col-lg-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }
    .e-col-lg-push-12 {
        left: 50%
    }
    .e-col-lg-pull-12 {
        right: 50%
    }
    .e-col-lg-offset-12 {
        margin-left: 50%
    }
    .e-col-lg-order-12 {
        order: 12
    }
    .e-col-lg-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }
    .e-col-lg-push-13 {
        left: 54.1666666667%
    }
    .e-col-lg-pull-13 {
        right: 54.1666666667%
    }
    .e-col-lg-offset-13 {
        margin-left: 54.1666666667%
    }
    .e-col-lg-order-13 {
        order: 13
    }
    .e-col-lg-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }
    .e-col-lg-push-14 {
        left: 58.3333333333%
    }
    .e-col-lg-pull-14 {
        right: 58.3333333333%
    }
    .e-col-lg-offset-14 {
        margin-left: 58.3333333333%
    }
    .e-col-lg-order-14 {
        order: 14
    }
    .e-col-lg-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }
    .e-col-lg-push-15 {
        left: 62.5%
    }
    .e-col-lg-pull-15 {
        right: 62.5%
    }
    .e-col-lg-offset-15 {
        margin-left: 62.5%
    }
    .e-col-lg-order-15 {
        order: 15
    }
    .e-col-lg-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }
    .e-col-lg-push-16 {
        left: 66.6666666667%
    }
    .e-col-lg-pull-16 {
        right: 66.6666666667%
    }
    .e-col-lg-offset-16 {
        margin-left: 66.6666666667%
    }
    .e-col-lg-order-16 {
        order: 16
    }
    .e-col-lg-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }
    .e-col-lg-push-17 {
        left: 70.8333333333%
    }
    .e-col-lg-pull-17 {
        right: 70.8333333333%
    }
    .e-col-lg-offset-17 {
        margin-left: 70.8333333333%
    }
    .e-col-lg-order-17 {
        order: 17
    }
    .e-col-lg-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }
    .e-col-lg-push-18 {
        left: 75%
    }
    .e-col-lg-pull-18 {
        right: 75%
    }
    .e-col-lg-offset-18 {
        margin-left: 75%
    }
    .e-col-lg-order-18 {
        order: 18
    }
    .e-col-lg-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }
    .e-col-lg-push-19 {
        left: 79.1666666667%
    }
    .e-col-lg-pull-19 {
        right: 79.1666666667%
    }
    .e-col-lg-offset-19 {
        margin-left: 79.1666666667%
    }
    .e-col-lg-order-19 {
        order: 19
    }
    .e-col-lg-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }
    .e-col-lg-push-20 {
        left: 83.3333333333%
    }
    .e-col-lg-pull-20 {
        right: 83.3333333333%
    }
    .e-col-lg-offset-20 {
        margin-left: 83.3333333333%
    }
    .e-col-lg-order-20 {
        order: 20
    }
    .e-col-lg-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }
    .e-col-lg-push-21 {
        left: 87.5%
    }
    .e-col-lg-pull-21 {
        right: 87.5%
    }
    .e-col-lg-offset-21 {
        margin-left: 87.5%
    }
    .e-col-lg-order-21 {
        order: 21
    }
    .e-col-lg-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }
    .e-col-lg-push-22 {
        left: 91.6666666667%
    }
    .e-col-lg-pull-22 {
        right: 91.6666666667%
    }
    .e-col-lg-offset-22 {
        margin-left: 91.6666666667%
    }
    .e-col-lg-order-22 {
        order: 22
    }
    .e-col-lg-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }
    .e-col-lg-push-23 {
        left: 95.8333333333%
    }
    .e-col-lg-pull-23 {
        right: 95.8333333333%
    }
    .e-col-lg-offset-23 {
        margin-left: 95.8333333333%
    }
    .e-col-lg-order-23 {
        order: 23
    }
    .e-col-lg-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }
    .e-col-lg-push-24 {
        left: 100%
    }
    .e-col-lg-pull-24 {
        right: 100%
    }
    .e-col-lg-offset-24 {
        margin-left: 100%
    }
    .e-col-lg-order-24 {
        order: 24
    }
}

@media(max-width:991.98px) {
    .e-col-md-1,
    .e-col-md-2,
    .e-col-md-3,
    .e-col-md-4,
    .e-col-md-5,
    .e-col-md-6,
    .e-col-md-7,
    .e-col-md-8,
    .e-col-md-9,
    .e-col-md-10,
    .e-col-md-11,
    .e-col-md-12,
    .e-col-md-13,
    .e-col-md-14,
    .e-col-md-15,
    .e-col-md-16,
    .e-col-md-17,
    .e-col-md-18,
    .e-col-md-19,
    .e-col-md-20,
    .e-col-md-21,
    .e-col-md-22,
    .e-col-md-23,
    .e-col-md-24 {
        flex: 0 0 auto;
        float: left
    }
    .e-col-md-0 {
        display: none
    }
    .e-col-push-0 {
        left: auto
    }
    .e-col-pull-0 {
        right: auto
    }
    .e-col-md-push-0 {
        left: auto
    }
    .e-col-md-pull-0 {
        right: auto
    }
    .e-col-md-offset-0 {
        margin-left: 0
    }
    .e-col-md-order-0 {
        order: 0
    }
    .e-col-md-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }
    .e-col-md-push-1 {
        left: 4.1666666667%
    }
    .e-col-md-pull-1 {
        right: 4.1666666667%
    }
    .e-col-md-offset-1 {
        margin-left: 4.1666666667%
    }
    .e-col-md-order-1 {
        order: 1
    }
    .e-col-md-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }
    .e-col-md-push-2 {
        left: 8.3333333333%
    }
    .e-col-md-pull-2 {
        right: 8.3333333333%
    }
    .e-col-md-offset-2 {
        margin-left: 8.3333333333%
    }
    .e-col-md-order-2 {
        order: 2
    }
    .e-col-md-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }
    .e-col-md-push-3 {
        left: 12.5%
    }
    .e-col-md-pull-3 {
        right: 12.5%
    }
    .e-col-md-offset-3 {
        margin-left: 12.5%
    }
    .e-col-md-order-3 {
        order: 3
    }
    .e-col-md-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }
    .e-col-md-push-4 {
        left: 16.6666666667%
    }
    .e-col-md-pull-4 {
        right: 16.6666666667%
    }
    .e-col-md-offset-4 {
        margin-left: 16.6666666667%
    }
    .e-col-md-order-4 {
        order: 4
    }
    .e-col-md-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }
    .e-col-md-push-5 {
        left: 20.8333333333%
    }
    .e-col-md-pull-5 {
        right: 20.8333333333%
    }
    .e-col-md-offset-5 {
        margin-left: 20.8333333333%
    }
    .e-col-md-order-5 {
        order: 5
    }
    .e-col-md-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }
    .e-col-md-push-6 {
        left: 25%
    }
    .e-col-md-pull-6 {
        right: 25%
    }
    .e-col-md-offset-6 {
        margin-left: 25%
    }
    .e-col-md-order-6 {
        order: 6
    }
    .e-col-md-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }
    .e-col-md-push-7 {
        left: 29.1666666667%
    }
    .e-col-md-pull-7 {
        right: 29.1666666667%
    }
    .e-col-md-offset-7 {
        margin-left: 29.1666666667%
    }
    .e-col-md-order-7 {
        order: 7
    }
    .e-col-md-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }
    .e-col-md-push-8 {
        left: 33.3333333333%
    }
    .e-col-md-pull-8 {
        right: 33.3333333333%
    }
    .e-col-md-offset-8 {
        margin-left: 33.3333333333%
    }
    .e-col-md-order-8 {
        order: 8
    }
    .e-col-md-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }
    .e-col-md-push-9 {
        left: 37.5%
    }
    .e-col-md-pull-9 {
        right: 37.5%
    }
    .e-col-md-offset-9 {
        margin-left: 37.5%
    }
    .e-col-md-order-9 {
        order: 9
    }
    .e-col-md-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }
    .e-col-md-push-10 {
        left: 41.6666666667%
    }
    .e-col-md-pull-10 {
        right: 41.6666666667%
    }
    .e-col-md-offset-10 {
        margin-left: 41.6666666667%
    }
    .e-col-md-order-10 {
        order: 10
    }
    .e-col-md-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }
    .e-col-md-push-11 {
        left: 45.8333333333%
    }
    .e-col-md-pull-11 {
        right: 45.8333333333%
    }
    .e-col-md-offset-11 {
        margin-left: 45.8333333333%
    }
    .e-col-md-order-11 {
        order: 11
    }
    .e-col-md-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }
    .e-col-md-push-12 {
        left: 50%
    }
    .e-col-md-pull-12 {
        right: 50%
    }
    .e-col-md-offset-12 {
        margin-left: 50%
    }
    .e-col-md-order-12 {
        order: 12
    }
    .e-col-md-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }
    .e-col-md-push-13 {
        left: 54.1666666667%
    }
    .e-col-md-pull-13 {
        right: 54.1666666667%
    }
    .e-col-md-offset-13 {
        margin-left: 54.1666666667%
    }
    .e-col-md-order-13 {
        order: 13
    }
    .e-col-md-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }
    .e-col-md-push-14 {
        left: 58.3333333333%
    }
    .e-col-md-pull-14 {
        right: 58.3333333333%
    }
    .e-col-md-offset-14 {
        margin-left: 58.3333333333%
    }
    .e-col-md-order-14 {
        order: 14
    }
    .e-col-md-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }
    .e-col-md-push-15 {
        left: 62.5%
    }
    .e-col-md-pull-15 {
        right: 62.5%
    }
    .e-col-md-offset-15 {
        margin-left: 62.5%
    }
    .e-col-md-order-15 {
        order: 15
    }
    .e-col-md-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }
    .e-col-md-push-16 {
        left: 66.6666666667%
    }
    .e-col-md-pull-16 {
        right: 66.6666666667%
    }
    .e-col-md-offset-16 {
        margin-left: 66.6666666667%
    }
    .e-col-md-order-16 {
        order: 16
    }
    .e-col-md-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }
    .e-col-md-push-17 {
        left: 70.8333333333%
    }
    .e-col-md-pull-17 {
        right: 70.8333333333%
    }
    .e-col-md-offset-17 {
        margin-left: 70.8333333333%
    }
    .e-col-md-order-17 {
        order: 17
    }
    .e-col-md-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }
    .e-col-md-push-18 {
        left: 75%
    }
    .e-col-md-pull-18 {
        right: 75%
    }
    .e-col-md-offset-18 {
        margin-left: 75%
    }
    .e-col-md-order-18 {
        order: 18
    }
    .e-col-md-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }
    .e-col-md-push-19 {
        left: 79.1666666667%
    }
    .e-col-md-pull-19 {
        right: 79.1666666667%
    }
    .e-col-md-offset-19 {
        margin-left: 79.1666666667%
    }
    .e-col-md-order-19 {
        order: 19
    }
    .e-col-md-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }
    .e-col-md-push-20 {
        left: 83.3333333333%
    }
    .e-col-md-pull-20 {
        right: 83.3333333333%
    }
    .e-col-md-offset-20 {
        margin-left: 83.3333333333%
    }
    .e-col-md-order-20 {
        order: 20
    }
    .e-col-md-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }
    .e-col-md-push-21 {
        left: 87.5%
    }
    .e-col-md-pull-21 {
        right: 87.5%
    }
    .e-col-md-offset-21 {
        margin-left: 87.5%
    }
    .e-col-md-order-21 {
        order: 21
    }
    .e-col-md-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }
    .e-col-md-push-22 {
        left: 91.6666666667%
    }
    .e-col-md-pull-22 {
        right: 91.6666666667%
    }
    .e-col-md-offset-22 {
        margin-left: 91.6666666667%
    }
    .e-col-md-order-22 {
        order: 22
    }
    .e-col-md-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }
    .e-col-md-push-23 {
        left: 95.8333333333%
    }
    .e-col-md-pull-23 {
        right: 95.8333333333%
    }
    .e-col-md-offset-23 {
        margin-left: 95.8333333333%
    }
    .e-col-md-order-23 {
        order: 23
    }
    .e-col-md-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }
    .e-col-md-push-24 {
        left: 100%
    }
    .e-col-md-pull-24 {
        right: 100%
    }
    .e-col-md-offset-24 {
        margin-left: 100%
    }
    .e-col-md-order-24 {
        order: 24
    }
}

@media(max-width:767.98px) {
    .e-col-sm-1,
    .e-col-sm-2,
    .e-col-sm-3,
    .e-col-sm-4,
    .e-col-sm-5,
    .e-col-sm-6,
    .e-col-sm-7,
    .e-col-sm-8,
    .e-col-sm-9,
    .e-col-sm-10,
    .e-col-sm-11,
    .e-col-sm-12,
    .e-col-sm-13,
    .e-col-sm-14,
    .e-col-sm-15,
    .e-col-sm-16,
    .e-col-sm-17,
    .e-col-sm-18,
    .e-col-sm-19,
    .e-col-sm-20,
    .e-col-sm-21,
    .e-col-sm-22,
    .e-col-sm-23,
    .e-col-sm-24 {
        flex: 0 0 auto;
        float: left
    }
    .e-col-sm-0 {
        display: none
    }
    .e-col-push-0 {
        left: auto
    }
    .e-col-pull-0 {
        right: auto
    }
    .e-col-sm-push-0 {
        left: auto
    }
    .e-col-sm-pull-0 {
        right: auto
    }
    .e-col-sm-offset-0 {
        margin-left: 0
    }
    .e-col-sm-order-0 {
        order: 0
    }
    .e-col-sm-1 {
        display: block;
        box-sizing: border-box;
        width: 4.1666666667%
    }
    .e-col-sm-push-1 {
        left: 4.1666666667%
    }
    .e-col-sm-pull-1 {
        right: 4.1666666667%
    }
    .e-col-sm-offset-1 {
        margin-left: 4.1666666667%
    }
    .e-col-sm-order-1 {
        order: 1
    }
    .e-col-sm-2 {
        display: block;
        box-sizing: border-box;
        width: 8.3333333333%
    }
    .e-col-sm-push-2 {
        left: 8.3333333333%
    }
    .e-col-sm-pull-2 {
        right: 8.3333333333%
    }
    .e-col-sm-offset-2 {
        margin-left: 8.3333333333%
    }
    .e-col-sm-order-2 {
        order: 2
    }
    .e-col-sm-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }
    .e-col-sm-push-3 {
        left: 12.5%
    }
    .e-col-sm-pull-3 {
        right: 12.5%
    }
    .e-col-sm-offset-3 {
        margin-left: 12.5%
    }
    .e-col-sm-order-3 {
        order: 3
    }
    .e-col-sm-4 {
        display: block;
        box-sizing: border-box;
        width: 16.6666666667%
    }
    .e-col-sm-push-4 {
        left: 16.6666666667%
    }
    .e-col-sm-pull-4 {
        right: 16.6666666667%
    }
    .e-col-sm-offset-4 {
        margin-left: 16.6666666667%
    }
    .e-col-sm-order-4 {
        order: 4
    }
    .e-col-sm-5 {
        display: block;
        box-sizing: border-box;
        width: 20.8333333333%
    }
    .e-col-sm-push-5 {
        left: 20.8333333333%
    }
    .e-col-sm-pull-5 {
        right: 20.8333333333%
    }
    .e-col-sm-offset-5 {
        margin-left: 20.8333333333%
    }
    .e-col-sm-order-5 {
        order: 5
    }
    .e-col-sm-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }
    .e-col-sm-push-6 {
        left: 25%
    }
    .e-col-sm-pull-6 {
        right: 25%
    }
    .e-col-sm-offset-6 {
        margin-left: 25%
    }
    .e-col-sm-order-6 {
        order: 6
    }
    .e-col-sm-7 {
        display: block;
        box-sizing: border-box;
        width: 29.1666666667%
    }
    .e-col-sm-push-7 {
        left: 29.1666666667%
    }
    .e-col-sm-pull-7 {
        right: 29.1666666667%
    }
    .e-col-sm-offset-7 {
        margin-left: 29.1666666667%
    }
    .e-col-sm-order-7 {
        order: 7
    }
    .e-col-sm-8 {
        display: block;
        box-sizing: border-box;
        width: 33.3333333333%
    }
    .e-col-sm-push-8 {
        left: 33.3333333333%
    }
    .e-col-sm-pull-8 {
        right: 33.3333333333%
    }
    .e-col-sm-offset-8 {
        margin-left: 33.3333333333%
    }
    .e-col-sm-order-8 {
        order: 8
    }
    .e-col-sm-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }
    .e-col-sm-push-9 {
        left: 37.5%
    }
    .e-col-sm-pull-9 {
        right: 37.5%
    }
    .e-col-sm-offset-9 {
        margin-left: 37.5%
    }
    .e-col-sm-order-9 {
        order: 9
    }
    .e-col-sm-10 {
        display: block;
        box-sizing: border-box;
        width: 41.6666666667%
    }
    .e-col-sm-push-10 {
        left: 41.6666666667%
    }
    .e-col-sm-pull-10 {
        right: 41.6666666667%
    }
    .e-col-sm-offset-10 {
        margin-left: 41.6666666667%
    }
    .e-col-sm-order-10 {
        order: 10
    }
    .e-col-sm-11 {
        display: block;
        box-sizing: border-box;
        width: 45.8333333333%
    }
    .e-col-sm-push-11 {
        left: 45.8333333333%
    }
    .e-col-sm-pull-11 {
        right: 45.8333333333%
    }
    .e-col-sm-offset-11 {
        margin-left: 45.8333333333%
    }
    .e-col-sm-order-11 {
        order: 11
    }
    .e-col-sm-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }
    .e-col-sm-push-12 {
        left: 50%
    }
    .e-col-sm-pull-12 {
        right: 50%
    }
    .e-col-sm-offset-12 {
        margin-left: 50%
    }
    .e-col-sm-order-12 {
        order: 12
    }
    .e-col-sm-13 {
        display: block;
        box-sizing: border-box;
        width: 54.1666666667%
    }
    .e-col-sm-push-13 {
        left: 54.1666666667%
    }
    .e-col-sm-pull-13 {
        right: 54.1666666667%
    }
    .e-col-sm-offset-13 {
        margin-left: 54.1666666667%
    }
    .e-col-sm-order-13 {
        order: 13
    }
    .e-col-sm-14 {
        display: block;
        box-sizing: border-box;
        width: 58.3333333333%
    }
    .e-col-sm-push-14 {
        left: 58.3333333333%
    }
    .e-col-sm-pull-14 {
        right: 58.3333333333%
    }
    .e-col-sm-offset-14 {
        margin-left: 58.3333333333%
    }
    .e-col-sm-order-14 {
        order: 14
    }
    .e-col-sm-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }
    .e-col-sm-push-15 {
        left: 62.5%
    }
    .e-col-sm-pull-15 {
        right: 62.5%
    }
    .e-col-sm-offset-15 {
        margin-left: 62.5%
    }
    .e-col-sm-order-15 {
        order: 15
    }
    .e-col-sm-16 {
        display: block;
        box-sizing: border-box;
        width: 66.6666666667%
    }
    .e-col-sm-push-16 {
        left: 66.6666666667%
    }
    .e-col-sm-pull-16 {
        right: 66.6666666667%
    }
    .e-col-sm-offset-16 {
        margin-left: 66.6666666667%
    }
    .e-col-sm-order-16 {
        order: 16
    }
    .e-col-sm-17 {
        display: block;
        box-sizing: border-box;
        width: 70.8333333333%
    }
    .e-col-sm-push-17 {
        left: 70.8333333333%
    }
    .e-col-sm-pull-17 {
        right: 70.8333333333%
    }
    .e-col-sm-offset-17 {
        margin-left: 70.8333333333%
    }
    .e-col-sm-order-17 {
        order: 17
    }
    .e-col-sm-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }
    .e-col-sm-push-18 {
        left: 75%
    }
    .e-col-sm-pull-18 {
        right: 75%
    }
    .e-col-sm-offset-18 {
        margin-left: 75%
    }
    .e-col-sm-order-18 {
        order: 18
    }
    .e-col-sm-19 {
        display: block;
        box-sizing: border-box;
        width: 79.1666666667%
    }
    .e-col-sm-push-19 {
        left: 79.1666666667%
    }
    .e-col-sm-pull-19 {
        right: 79.1666666667%
    }
    .e-col-sm-offset-19 {
        margin-left: 79.1666666667%
    }
    .e-col-sm-order-19 {
        order: 19
    }
    .e-col-sm-20 {
        display: block;
        box-sizing: border-box;
        width: 83.3333333333%
    }
    .e-col-sm-push-20 {
        left: 83.3333333333%
    }
    .e-col-sm-pull-20 {
        right: 83.3333333333%
    }
    .e-col-sm-offset-20 {
        margin-left: 83.3333333333%
    }
    .e-col-sm-order-20 {
        order: 20
    }
    .e-col-sm-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }
    .e-col-sm-push-21 {
        left: 87.5%
    }
    .e-col-sm-pull-21 {
        right: 87.5%
    }
    .e-col-sm-offset-21 {
        margin-left: 87.5%
    }
    .e-col-sm-order-21 {
        order: 21
    }
    .e-col-sm-22 {
        display: block;
        box-sizing: border-box;
        width: 91.6666666667%
    }
    .e-col-sm-push-22 {
        left: 91.6666666667%
    }
    .e-col-sm-pull-22 {
        right: 91.6666666667%
    }
    .e-col-sm-offset-22 {
        margin-left: 91.6666666667%
    }
    .e-col-sm-order-22 {
        order: 22
    }
    .e-col-sm-23 {
        display: block;
        box-sizing: border-box;
        width: 95.8333333333%
    }
    .e-col-sm-push-23 {
        left: 95.8333333333%
    }
    .e-col-sm-pull-23 {
        right: 95.8333333333%
    }
    .e-col-sm-offset-23 {
        margin-left: 95.8333333333%
    }
    .e-col-sm-order-23 {
        order: 23
    }
    .e-col-sm-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }
    .e-col-sm-push-24 {
        left: 100%
    }
    .e-col-sm-pull-24 {
        right: 100%
    }
    .e-col-sm-offset-24 {
        margin-left: 100%
    }
    .e-col-sm-order-24 {
        order: 24
    }
}

.e-badge.e-tabs__nav-item-badge {
    line-height: 12px;
    padding: 3px 4px;
    background: linear-gradient(270.21deg, #9f86c1 -1.61%, #1199fa 51.19%, #26d1d3)
}

.e-tabs__nav-item-badge-text {
    line-height: 12px;
    font-size: 10px
}

.e-tabs__nav-container {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.e-tabs__nav-container::-webkit-scrollbar {
    height: 4px
}

.e-tabs__nav-container::-webkit-scrollbar-thumb {
    background-color: #384764;
    border-radius: 3px
}

.e-tabs__nav {
    position: relative;
    display: flex;
    align-items: center
}

.e-tabs__nav-item {
    padding: 8px 0;
    color: var(--text-caption);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s ease
}

.e-tabs__nav.default {
    height: 38px
}

.e-tabs__nav.default .e-tabs__nav-item {
    transition: color .3s ease
}

.e-tabs__nav.default .e-tabs__nav-item:not(:first-child) {
    margin-left: 28px
}

.e-tabs__nav.default .e-tabs__nav-item.active {
    color: var(--text-on-color);
    font-weight: 700;
    border-bottom: 2px solid var(--border-interactive)
}

.e-tabs__nav.plain {
    align-items: center
}

.e-tabs__nav.plain .e-tabs__nav-item {
    position: relative;
    font-weight: 500;
    cursor: pointer
}

.e-tabs__nav.plain .e-tabs__nav-item.active {
    color: var(--text-primary);
    border-bottom: 0
}

.e-tabs__nav.plain .e-tabs__nav-item:not(:last-child) {
    margin-right: 48px
}

.e-tabs__nav.plain .e-tabs__nav-item:not(:last-child):before {
    position: absolute;
    top: calc(50% - 8px);
    right: -24px;
    width: 1px;
    height: 16px;
    background-color: #000;
    content: " "
}

.e-tabs__nav.filled {
    flex: 0 0 100%
}

.e-tabs__nav.filled .e-tabs__nav-item {
    flex: 1;
    height: 56px;
    padding: 16px 0;
    color: var(--text-caption);
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: color .3s ease
}

.e-tabs__nav.filled .e-tabs__nav-item.active {
    color: var(--text-primary);
    font-size: 16px;
    border-bottom: 2px solid var(--border-interactive)
}

.e-tabs__nav.dark-card {
    background-color: #010b18
}

.e-tabs__nav.dark-card .e-tabs__nav-item {
    margin-right: 4px;
    padding: 14px 16px;
    font-weight: 600;
    font-size: 14px;
    background-color: #0b1426
}

.e-tabs__nav.dark-card .e-tabs__nav-item.active {
    color: var(--text-on-color)
}

.e-tabs__nav.border-card .e-tabs__nav-item {
    margin-top: 24px;
    margin-right: 4px;
    padding: 13px 18px 12px;
    font-weight: 600;
    font-size: 16px;
    background-color: var(--background-2);
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 -6px 8px -6px rgba(0, 0, 0, .2), 0 -4px 8px -4px rgba(0, 0, 0, .2)
}

.e-tabs__nav.border-card .e-tabs__nav-item.active {
    color: var(--text-primary);
    box-shadow: -8px -4px 8px -8px rgba(0, 0, 0, .2), 8px -4px 8px -8px rgba(0, 0, 0, .2)
}

.e-tabs__nav.border-card .e-tabs__nav-item:last-child {
    margin-right: 0
}

.e-tabs__nav.card .e-tabs__nav-item.menu {
    margin-left: 4px;
    padding: 6px 12px;
    background-color: #fff;
    border-bottom: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: inset 0 -6px 8px -6px rgba(0, 0, 0, .2), 0 -4px 8px -4px rgba(0, 0, 0, .2)
}

.e-tabs__nav.card .e-tabs__nav-item.menu.active {
    color: #000;
    border-bottom: 0;
    box-shadow: -8px 8px 8px -8px rgba(0, 0, 0, .2), 8px -8px 8px -8px rgba(0, 0, 0, .2)
}

.e-tabs__nav.card {
    align-items: flex-end
}

.e-tabs__nav.card .e-tabs__nav-item {
    position: relative;
    margin-left: 32px;
    padding: 8px 0 6px;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.e-tabs__nav.card .e-tabs__nav-item:first-child {
    margin-left: 0
}

.e-tabs__nav.card .e-tabs__nav-item.active {
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-interactive)
}

.e-tabs__nav.button .e-tabs__nav-item {
    margin-right: 4px;
    padding: 2px 8px;
    color: #a0a9be;
    background-color: #1f283c;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 99px
}

.e-tabs__nav.button .e-tabs__nav-item.active {
    color: var(--color-primary);
    background: rgba(17, 153, 250, .1);
    border: 1px solid var(--color-primary)
}

.e-tabs__nav.button .e-tabs__nav-item:last-child {
    margin-right: 0
}

@media(max-width:991.98px) {
    .e-tabs__nav.default {
        padding: 0 10px;
        position: relative
    }
    .e-tabs__nav.default .e-tabs__nav-item:not(:first-child) {
        margin-left: 16px
    }
    .e-tabs__nav.default:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 200%;
        height: 200%;
        transform: scale(.5);
        transform-origin: 0 0;
        content: "";
        pointer-events: none;
        border-bottom: 1px solid hsla(0, 0%, 46.7%, .3)
    }
    .e-tabs__nav-item {
        font-weight: 600
    }
    .e-tabs__nav.plain .e-tabs__nav-item:not(:last-child) {
        margin-right: 24px
    }
    .e-tabs__nav.plain .e-tabs__nav-item:not(:last-child):before {
        right: -12px
    }
    .e-tabs__nav.border-card {
        background-color: #f9f9f9;
        box-shadow: inset 0 -6px 8px -6px rgba(0, 0, 0, .2), 0 -6px 8px -6px rgba(0, 0, 0, .2)
    }
    .e-tabs__nav.border-card .e-tabs__nav-item {
        padding: 8px 12px;
        font-size: 14px
    }
}

.e-tab-pane {
    display: none;
    color: var(--text-on-color)
}

.e-tab-pane.active {
    display: block;
    -webkit-animation: fade-in .3s ease-in;
    animation: fade-in .3s ease-in
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.e-tab-card {
    width: 100%;
    padding: 0 32px 40px;
    overflow-x: auto;
    background-color: var(--color-white);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .25)
}

@media(max-width:991.98px) {
    .e-tab-card {
        padding: 0 16px;
        border-radius: unset;
        box-shadow: none
    }
}

.faq[data-v-36fb56b8] {
    position: relative;
    padding-bottom: 50px;
    text-align: left
}

.faq h2[data-v-36fb56b8] {
    margin-bottom: 34px
}

.faq p[data-v-36fb56b8] {
    margin-bottom: 0
}

.faq .more-faq[data-v-36fb56b8] {
    margin-top: 20px;
    padding: 16px;
    font-size: 20px
}

.faq .e-expansion-container[data-v-36fb56b8] {
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0
}

.faq .e-expansion-container[data-v-36fb56b8]:last-child {
    border-bottom: none
}

.faq .e-expansion-title-container .e-icon[data-v-36fb56b8] {
    color: #1199fa
}

.faq .faq-toggle[data-v-36fb56b8] {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: 10px
}

.faq .faq-toggle[data-v-36fb56b8]:before {
    width: 18px;
    height: 1px
}

.faq .faq-toggle[data-v-36fb56b8]:after,
.faq .faq-toggle[data-v-36fb56b8]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #1199fa;
    transform: translate(-50%, -50%);
    transition: all .5s;
    content: ""
}

.faq .faq-toggle[data-v-36fb56b8]:after {
    width: 1px;
    height: 18px
}

.faq .faq-toggle-active[data-v-36fb56b8] {
    rotate: 180deg
}

.faq .faq-toggle-active[data-v-36fb56b8]:after {
    height: 0;
    transform: rotate(180deg)
}

.faq .faq-toggle-active[data-v-36fb56b8]:before {
    transform: rotate(180deg) translate(50%)
}

.faq[data-v-36fb56b8] .e-expansion-title {
    padding-right: 40px;
    font-weight: 600;
    font-size: 24px
}

.faq[data-v-36fb56b8] .e-expansion-content-container {
    color: #a0a9be
}

@media(max-width:991.98px) {
    .faq h2[data-v-36fb56b8] {
        font-size: 24px
    }
    .faq .more-faq[data-v-36fb56b8] {
        padding: 0;
        font-size: 14px
    }
    .faq[data-v-36fb56b8] .e-expansion-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 26px
    }
    .faq[data-v-36fb56b8] .e-expansion-container {
        margin-bottom: 0
    }
    .faq[data-v-36fb56b8] .e-expansion-content-container {
        margin-top: 32px;
        color: #a0a9be;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }
}

.c-currency-input .e-input-number {
    position: absolute;
    z-index: 6;
    width: 74%;
    padding: 0;
    color: var(--text-primary);
    border: 0;
    border-radius: 0
}

.c-currency-input .input-border {
    padding: 0 12px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    outline: 0
}

.c-currency-input .e-select {
    width: 100%
}

.c-currency-input .e-select .s-selected {
    z-index: 10;
    justify-content: flex-end;
    margin-left: 70%;
    border: 0
}

.c-currency-input .e-select .s-candidates {
    z-index: 11
}

.c-currency-input .e-select .s-l {
    padding-right: 6px
}

.c-currency-input .e-select .s-value {
    display: flex;
    align-items: center
}

.c-currency-input .error-message {
    padding-top: 4px;
    padding-bottom: 12px;
    color: #d33;
    font-weight: 500;
    font-size: 12px
}

.c-currency-input.has-error .e-input__inner {
    border-color: #d33
}

.c-currency-input .loading-mask {
    position: absolute;
    z-index: 7;
    width: 100%;
    height: 40px;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px)
}

.c-currency-input .loading-spinner {
    position: relative;
    top: calc(50% - .6em);
    left: calc(50% - .6em);
    width: 1.2em;
    height: 1.2em
}

.kyc-notice-banner[data-v-5f1434d8] {
    color: #fff;
    font-weight: 500;
    background-color: #1199fa
}

.kyc-notice-banner.danger[data-v-5f1434d8] {
    background-color: #e64b60
}

.kyc-notice-banner p[data-v-5f1434d8] {
    margin-bottom: 0;
    line-height: 1.4
}

.kyc-notice-banner .learn-more[data-v-5f1434d8] {
    color: #fff;
    text-decoration: underline
}

.kyc-notice-banner .verify-now[data-v-5f1434d8] {
    height: 28px;
    padding: 0 9px;
    font-weight: 600;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .2)
}

.kyc-notice-banner .verify-now[data-v-5f1434d8]:active {
    background-color: rgba(0, 0, 0, .3)
}

.desktop-notice[data-v-5f1434d8] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px
}

.desktop-notice p[data-v-5f1434d8] {
    max-width: 80%
}

.desktop-notice .learn-more[data-v-5f1434d8] {
    margin-right: 32px;
    margin-left: 4px
}

.mobile-notice[data-v-5f1434d8] {
    padding: 16px;
    line-height: 14px
}

.mobile-notice .learn-more[data-v-5f1434d8] {
    margin-right: 32px;
    margin-left: 4px
}

.mobile-notice__lower[data-v-5f1434d8] {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.mobile-notice__lower span[data-v-5f1434d8] {
    margin-right: 8px;
    margin-left: 8px
}

.active[data-v-19f60e3e],
.e-icon-search[data-v-19f60e3e]:hover {
    color: var(--color-primary)
}

.global-search-wrapper[data-v-19f60e3e] {
    margin-left: 16px;
    white-space: nowrap
}

.global-search-box[data-v-19f60e3e] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 16px;
    background-color: var(--color-white);
    border: 1px solid var(--border-interactive);
    border-radius: 4px
}

.global-search-box .search-input[data-v-19f60e3e] {
    width: calc(100% - 48px);
    height: 32px;
    overflow: hidden;
    color: var(--text-primary-on-white);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    border: none
}

.global-search-box .search-input[data-v-19f60e3e]::input-placeholder {
    color: #828ea1
}

.global-search-box .search-icon[data-v-19f60e3e] {
    margin: 0 5px
}

.instruments[data-v-19f60e3e] {
    height: 100%;
    margin-top: 20px;
    padding: 12px 0 12px 16px;
    background-color: var(--color-white);
    border-radius: 4px;
    box-shadow: 0 3px 16px -8px rgba(0, 0, 0, .4)
}

.global-searchscrollbar-item[data-v-19f60e3e] {
    height: 557px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.tabs[data-v-19f60e3e] {
    padding-top: 6px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.group-title[data-v-19f60e3e] {
    padding: 16px 0 8px;
    color: var(--text-caption-on-white);
    font-weight: 500;
    font-size: 12px
}

.group-items[data-v-19f60e3e] {
    margin-right: 5px
}

.group-item[data-v-19f60e3e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 16px;
    color: var(--text-primary-on-white);
    cursor: pointer
}

.group-item a[data-v-19f60e3e] {
    color: unset
}

.group-item[data-v-19f60e3e]:hover {
    color: var(--color-primary)
}

.instrument[data-v-19f60e3e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.instrument .name[data-v-19f60e3e] {
    display: flex;
    margin-right: auto
}

.instrument .price[data-v-19f60e3e] {
    text-align: right
}

.instrument[data-v-19f60e3e]>:last-child {
    width: 66px;
    text-align: right
}

.no-data[data-v-19f60e3e] {
    color: #828ea1;
    line-height: 80px;
    text-align: center
}

@media screen and (max-width:1140px) {
    .global-search-wrapper[data-v-19f60e3e] {
        display: none
    }
}

[data-v-19f60e3e] .tabs {
    margin: 10px 0 0 -16px;
    padding: 0 16px;
    border-bottom: 1px solid hsla(0, 0%, 46.7%, .3)
}

[data-v-19f60e3e] .e-tabs__nav.default .e-tabs__nav-item {
    color: var(--text-placeholder)
}

[data-v-19f60e3e] .e-tabs__nav.default .e-tabs__nav-item.active {
    color: var(--text-primary-on-white)
}

.account-eligibility .account-eligibility-title[data-v-2d770032] {
    margin-bottom: 8px;
    color: var(--text-caption);
    font-weight: 600;
    font-size: 12px;
    font-style: normal;
    line-height: 16px
}

.account-eligibility .account-eligibility-list[data-v-2d770032] {
    display: flex
}

.account-eligibility .account-eligibility-list .eligible-item[data-v-2d770032] {
    margin-right: 18px
}

.account-eligibility .account-eligibility-list .eligible-item__tick[data-v-2d770032] {
    margin-right: 8px;
    color: var(--status-default);
    font-weight: 400;
    font-size: 20px;
    vertical-align: inherit;
    border-radius: 8px
}

.account-eligibility .account-eligibility-list .eligible-item__text[data-v-2d770032] {
    font-weight: 600;
    font-size: 24px;
    font-style: normal;
    line-height: 32px
}

@media(max-width:1199.98px) {
    .account-eligibility[data-v-2d770032] {
        padding: 16px
    }
    .account-eligibility .account-eligibility-title[data-v-2d770032] {
        font-size: 12px
    }
    .account-eligibility .account-eligibility-list .eligible-item__text[data-v-2d770032] {
        font-size: 20px;
        line-height: 20px
    }
}

.login-buttons[data-v-63237018] {
    display: flex;
    align-content: center
}

.login-buttons .e-button[data-v-63237018] {
    padding: 0 8px;
    color: var(--color-white);
    font-weight: 700
}

.login-buttons .e-button[data-v-63237018]:hover {
    opacity: 1
}

.login-buttons .e-button.is-text[data-v-63237018]:hover {
    background-color: hsla(0, 0%, 100%, .04)
}

.login-user-above[data-v-63237018] {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-white);
    cursor: pointer
}

.login-user-above span[data-v-63237018] {
    font-weight: 700
}

.name-abbr[data-v-63237018] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    color: var(--color-white);
    font-weight: 500;
    font-size: 12px;
    background-color: var(--color-primary);
    border-radius: 50%
}

.name-abbr.is-hollow[data-v-63237018] {
    color: var(--color-primary);
    background-color: var(--color-white);
    border: 1px solid var(--color-primary)
}

.dropdown-user-menu[data-v-63237018] {
    position: absolute;
    right: 0;
    z-index: 9999;
    min-width: 250px;
    max-width: 300px;
    color: var(--text-primary-on-white);
    font-size: 12px;
    text-align: left;
    background-color: var(--color-white);
    border-radius: 4px;
    box-shadow: 0 3px 16px -8px rgba(0, 0, 0, .4)
}

.dropdown-user-menu .user-menu-flex[data-v-63237018] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 10px;
    color: var(--text-primary-on-white)
}

.dropdown-user-menu .user-menu-flex[data-v-63237018]:hover {
    color: var(--color-primary)
}

.dropdown-user-menu .menu-profile[data-v-63237018] {
    cursor: pointer
}

.dropdown-user-menu .menu-profile .e-icon[data-v-63237018] {
    color: var(--text-primary-on-white);
    transform: rotate(180deg)
}

.dropdown-user-menu .menu-above[data-v-63237018] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.dropdown-user-menu .user-name[data-v-63237018] {
    font-weight: 500;
    font-size: 14px
}

.dropdown-user-menu .legal-name[data-v-63237018] {
    width: 166px;
    margin-bottom: 4px;
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown-user-menu .user-level[data-v-63237018] {
    display: flex;
    align-items: center;
    height: 40px;
    font-weight: 500
}

.dropdown-user-menu .user-level .e-badge.legacy[data-v-63237018] {
    background-color: var(--status-disable)
}

.dropdown-user-menu .user-level .e-icon-diamond[data-v-63237018] {
    margin-right: 7.4px;
    color: var(--color-white)
}

.dropdown-user-menu .user-level .e-badge[data-v-63237018] {
    display: inline-flex;
    align-items: center;
    height: 36px;
    margin-left: 0;
    padding-right: 10.75px;
    padding-left: 10.75px;
    font-weight: 600;
    font-size: 20px;
    white-space: nowrap;
    transform: scale(.5) translateX(-50%)
}

.dropdown-user-menu .menu-items[data-v-63237018] {
    border-top: 1px solid hsla(0, 0%, 46.7%, .2);
    border-bottom: 1px solid hsla(0, 0%, 46.7%, .2)
}

.dropdown-user-menu .menu-item[data-v-63237018] {
    display: block;
    height: 56px;
    padding: 0 24px;
    color: var(--text-primary-on-white);
    font-size: 14px;
    line-height: 56px;
    cursor: pointer;
    transition: color .2s
}

.dropdown-user-menu .menu-item[data-v-63237018]:hover {
    color: var(--color-primary);
    background-color: var(--layer-hover-white)
}

.dropdown-user-menu .menu-bottom[data-v-63237018] {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.dropdown-signup-menu[data-v-63237018] {
    position: absolute;
    top: 8px;
    right: 0;
    background-color: #0e1a31
}

.dropdown-signup-menu[data-v-63237018] .e-icon {
    margin-right: 10px !important
}

.dropdown-signup-menu[data-v-63237018] .e-button {
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    margin: 4px 0;
    padding: 12px;
    font-weight: 400
}

.dropdown-signup-menu .menu-item[data-v-63237018] {
    padding-left: 14px;
    color: var(--color-white)
}

.dropdown-signup-menu .waitlist[data-v-63237018] {
    margin-left: 4px;
    color: #a0a9be;
    font-size: 12px
}

.dropdown-signup-menu .us-user-icon[data-v-63237018] {
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.modal-container .account-eligibility[data-v-63237018] {
    margin: 16px 0
}

.modal-container .d-row.full-row.first-row[data-v-63237018] {
    margin-top: 0
}

.modal-container .d-row .col-name[data-v-63237018] {
    display: flex;
    align-items: center
}

.modal-container .d-row .col-name .name-abbr[data-v-63237018] {
    width: 32px;
    height: 32px;
    margin-right: 8px
}

.modal-container .d-row .col-name.is-current[data-v-63237018] {
    color: var(--color-dark-text)
}

.modal-container .d-row .col-value[data-v-63237018] {
    color: var(--color-primary);
    cursor: pointer
}

.modal-container .d-row .col-value.disabled[data-v-63237018] {
    color: var(--color-disabled);
    cursor: not-allowed;
    pointer-events: none
}

.modal-container .name-detail[data-v-63237018] {
    line-height: 20px
}

.modal-container .type-list[data-v-63237018] {
    display: flex;
    align-items: center
}

.badge-detail[data-v-63237018] {
    margin-right: 5px;
    color: var(--color-grey-text)
}

.badge-detail[data-v-63237018]:last-child {
    margin-right: 0
}

.badge-detail .e-icon-check[data-v-63237018] {
    color: var(--color-success)
}

@media(max-width:991.98px) {
    .modal-container .d-row.full-row[data-v-63237018] {
        padding: 10px 16px
    }
}

.tooltip-refresh[data-v-a36d1282] {
    height: 60px;
    margin-right: 4px;
    padding-top: 18px
}

.tooltip-refresh img[data-v-a36d1282] {
    vertical-align: top
}

.desktop-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    padding-right: 24px;
    padding-left: 25px
}

.desktop-nav .col-right-gap {
    margin-right: 20px
}

.desktop-nav .col-dashboard-gap {
    margin-right: 10px;
    padding-right: 12px !important
}

.desktop-nav .col-list .col-list-title {
    margin-bottom: 8px;
    margin-left: 16px;
    color: var(--text-caption-on-white);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .02em
}

.desktop-nav .e-button:not(.is-icon) .e-icon-arrow-down {
    margin-right: 0
}

.desktop-nav .e-badge.small {
    margin-right: -2px
}

.desktop-nav .e-icon-arrow-down {
    margin-left: 8px;
    color: var(--icon-secondary)
}

.desktop-nav .header-left-nav {
    display: flex;
    align-items: center
}

.desktop-nav .feature-toggle-icon {
    width: 12px;
    height: 12px;
    margin-left: 4px
}

.desktop-nav .nav-item {
    display: flex;
    align-items: center
}

.desktop-nav .nav-item .nav-tag {
    margin-right: 8px
}

@media screen and (max-width:1140px) {
    .desktop-nav .nav-item .nav-tag {
        margin-right: 0
    }
}

.desktop-nav .logo-link {
    display: flex;
    align-items: center
}

.desktop-nav .logo-link img {
    max-width: 170px;
    max-height: 30px
}

.desktop-nav .icon-menu-group,
.desktop-nav .text-menu-group {
    cursor: pointer
}

.desktop-nav .icon-menu-group ::v-deep .e-dropdown-trigger,
.desktop-nav .text-menu-group ::v-deep .e-dropdown-trigger {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 12px
}

@media screen and (max-width:1400px) {
    .desktop-nav .text-menu-group ::v-deep .e-dropdown-trigger {
        padding: 0
    }
}

.desktop-nav .text-menu {
    padding: 0
}

@media screen and (max-width:1400px) {
    .desktop-nav .text-menu {
        padding: 0
    }
}

.desktop-nav .link-icon {
    flex: 0 0 32px;
    height: 32px;
    margin-right: 16px
}

.desktop-nav .link-btn {
    padding: 0 12px;
    color: var(--color-white);
    font-weight: 700
}

.desktop-nav .link-btn .e-icon {
    transition: all .3s ease-in-out
}

.desktop-nav .link-btn.trade {
    padding: 0 0 0 12px
}

.desktop-nav .link-btn.text {
    padding-right: 8px
}

.desktop-nav .link-btn:hover {
    color: var(--button-primary);
    background-color: var(--layer-hover-dark)
}

.desktop-nav .link-btn:hover .e-icon {
    color: var(--button-primary);
    background-color: var(--button-primary-hover);
    transform: rotate(180deg)
}

.desktop-nav .link-btn sup {
    padding-left: 2px;
    color: var(--color-primary)
}

.desktop-nav .link-btn .arrow-wrapper {
    position: relative;
    padding: 0 8px
}

.desktop-nav .link-btn .arrow {
    position: absolute;
    top: -2px;
    border: 4px solid transparent;
    border-top: 5px solid var(--border-field)
}

@media screen and (max-width:1400px) {
    .desktop-nav .link-btn {
        padding: 0 8px
    }
}

@media screen and (max-width:1013px) {
    .desktop-nav .link-btn {
        padding: 0 5px
    }
}

.desktop-nav .sub-menu {
    width: 400px;
    margin-top: 24px;
    padding: 16px 8px;
    background-color: var(--color-white);
    border-radius: 4px;
    box-shadow: 0 3px 16px -8px rgba(0, 0, 0, .4)
}

.desktop-nav .sub-menu .sub-item-badge {
    margin-left: -4px;
    vertical-align: text-bottom
}

.desktop-nav .sub-menu .flex-item {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px
}

.desktop-nav .sub-menu .flex-item .title {
    color: var(--text-primary-on-white);
    font-size: 16px
}

.desktop-nav .sub-menu .flex-item .desc {
    margin-top: 4px;
    color: #565f76;
    font-size: 12px
}

.desktop-nav .sub-menu .flex-item:hover {
    background-color: var(--layer-hover-white)
}

.desktop-nav .sub-menu a {
    display: flex
}

.desktop-nav .sub-menu a img {
    margin-right: 16px
}

.desktop-nav .sub-menu .e-button {
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    color: var(--color-white)
}

.desktop-nav .sub-menu .e-button::v-deep .e-icon {
    margin-right: 12px
}

.desktop-nav .sub-menu .e-button:hover {
    color: var(--button-primary);
    background-color: var(--layer-hover-dark)
}

.desktop-nav .sub-menu .e-button:hover .e-icon {
    color: var(--button-primary);
    background-color: var(--button-primary-hover)
}

.desktop-nav .sub-menu-flex,
.desktop-nav .sub-menu.marginTradeSymbol,
.desktop-nav .sub-menu.spotTradeSymbol {
    background-color: var(--background-2)
}

.desktop-nav .sub-menu-flex {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 784px;
    margin-top: 24px;
    padding: 24px 8px;
    border-radius: 4px;
    box-shadow: 0 3px 16px -8px rgba(0, 0, 0, .4)
}

.desktop-nav .sub-menu-flex .sub-item-badge {
    margin-left: -4px
}

.desktop-nav .sub-menu-flex .flex-item {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px
}

.desktop-nav .sub-menu-flex .flex-item .title {
    color: var(--text-primary-on-white);
    font-size: 16px
}

.desktop-nav .sub-menu-flex .flex-item .desc {
    height: 32px;
    margin-top: 4px;
    color: #565f76;
    font-size: 12px
}

.desktop-nav .sub-menu-flex .flex-item:hover {
    background-color: var(--layer-hover-white)
}

.desktop-nav .sub-menu-flex a {
    display: flex
}

.desktop-nav .sub-menu-flex a img {
    margin-right: 16px
}

.desktop-nav .sub-menu-flex .e-button {
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    color: var(--color-white)
}

.desktop-nav .sub-menu-flex .e-button::v-deep .e-icon {
    margin-right: 12px
}

.desktop-nav .sub-menu-flex .e-button:hover {
    color: var(--button-primary);
    background-color: var(--layer-hover-dark)
}

.desktop-nav .sub-menu-flex .e-button:hover .e-icon {
    color: var(--button-primary);
    background-color: var(--button-primary-hover)
}

.desktop-nav .sub-menu-flex.marginTradeSymbol,
.desktop-nav .sub-menu-flex.spotTradeSymbol {
    background-color: var(--background-2)
}

.desktop-nav .refer-badge {
    margin-left: 0;
    padding: 4px 6px;
    overflow: hidden;
    font-weight: 500;
    white-space: nowrap;
    background-color: var(--status-success);
    cursor: pointer
}

@media screen and (max-width:1439px) {
    .desktop-nav .refer-badge {
        display: none
    }
}

.desktop-nav .header-right-nav .sub-menu {
    width: 140px;
    margin-top: 30px;
    padding: 12px 0;
    background-color: var(--background-dark-blue);
    border-radius: 4px
}

.desktop-nav .header-right-nav .sub-menu a {
    display: flex
}

.desktop-nav .header-right-nav .sub-menu a img {
    margin-right: 16px
}

.desktop-nav .header-right-nav .sub-menu .e-button {
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    color: var(--color-white)
}

.desktop-nav .header-right-nav .sub-menu .e-button::v-deep .e-icon {
    margin-right: 12px
}

.desktop-nav .header-right-nav .sub-menu .e-button:hover {
    background-color: var(--layer-hover-dark)
}

.desktop-nav .header-right-nav .sub-menu .e-button:hover .e-icon {
    color: var(--button-primary);
    background-color: var(--button-primary-hover)
}

.desktop-nav .header-right-nav .sub-menu.marginTradeSymbol,
.desktop-nav .header-right-nav .sub-menu.spotTradeSymbol {
    background-color: var(--background-2)
}

.desktop-nav .header-right-nav .item-symbol {
    margin-right: 16px
}

.desktop-nav .header-right-nav .item-market {
    margin-right: 5px
}

.desktop-nav .header-right-nav .item-user {
    display: grid;
    grid-auto-flow: column;
    align-items: center
}

.desktop-nav .header-right-nav .item-user ::v-deep .login-module .login-user-above {
    height: 80px
}

.desktop-nav .header-right-nav .item-user ::v-deep .login-module .e-dropdown-content {
    margin-top: 30px
}

.desktop-nav .separator {
    width: 1px;
    height: 28px;
    margin-right: 16px;
    margin-left: 24px;
    background-color: #7c8289
}

.global-search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 36px;
    border-radius: 4px;
    cursor: pointer
}

.global-search-icon.active,
.global-search-icon:hover {
    background-color: var(--layer-hover-dark)
}

.global-search-icon.active {
    color: var(--button-primary)
}

.layout-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.layout-icon:hover {
    background-color: var(--layer-hover-dark)
}

.wallet-dropdown-trigger {
    display: flex;
    align-items: center;
    padding-right: 0;
    color: var(--color-white);
    font-weight: 700;
    cursor: pointer
}

.wallet-dropdown-trigger span:hover,
.wallet-dropdown-trigger span:hover .e-icon {
    color: var(--button-primary);
    background-color: var(--button-primary-hover)
}

.nav-item .e-dropdown-content {
    right: unset
}

.nav-item .nav-menu-dropdown-more.dropdown-menu-multi-line .e-dropdown-content {
    right: -392px
}

@media screen and (max-width:1313px) {
    .nav-item .nav-menu-dropdown-more.dropdown-menu-multi-line .e-dropdown-content {
        right: 0
    }
}

@media screen and (max-width:1158px) {
    .e-button:not(.is-icon) .e-icon-arrow-down {
        margin-right: 0
    }
}

.mobile-menu[data-v-32a1751d] {
    z-index: 9;
    height: auto;
    font-size: 14px
}

.mobile-menu .link-icon[data-v-32a1751d] {
    width: 24px;
    height: 24px
}

.mobile-menu .focus[data-v-32a1751d] {
    color: var(--color-primary)
}

.menu-item[data-v-32a1751d] {
    margin-top: 8px
}

.menu-item[data-v-32a1751d]:first-child {
    margin-top: 0
}

.menu-item.has-border[data-v-32a1751d] {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--border-subtle-1)
}

.menu-link[data-v-32a1751d],
.menu-title[data-v-32a1751d],
.sub-link[data-v-32a1751d] {
    display: flex;
    align-items: center;
    height: 50px
}

.menu-link .e-icon[data-v-32a1751d],
.menu-title .e-icon[data-v-32a1751d],
.sub-link .e-icon[data-v-32a1751d] {
    flex-shrink: 0;
    color: var(--text-primary)
}

.menu-title[data-v-32a1751d] {
    flex: 1;
    padding: 0 24px;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px
}

.menu-title .right-icon[data-v-32a1751d] {
    flex-shrink: 0;
    width: 12px;
    height: 6px;
    margin-right: 8px;
    margin-left: auto;
    color: var(--text-primary);
    transition: transform .25s ease
}

.menu-title .right-icon.up[data-v-32a1751d] {
    transform: rotate(180deg)
}

.menu-link[data-v-32a1751d] {
    padding: 0 24px;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px
}

.menu-name[data-v-32a1751d] {
    margin-left: 12px;
    color: var(--text-primary)
}

.sub-menu-name[data-v-32a1751d] {
    margin-left: 20px
}

.sub-menu[data-v-32a1751d] {
    overflow: hidden;
    transition: height .3s cubic-bezier(.645, .045, .355, 1)
}

.sub-item[data-v-32a1751d] {
    margin-top: 8px
}

.sub-link[data-v-32a1751d] {
    padding: 0 40px;
    color: var(--text-primary);
    font-size: 14px
}

.router-link-exact-active[data-v-32a1751d] {
    background-color: #bbe2fe
}

.mobile-menu.user-center .router-link-active[data-v-32a1751d] {
    color: inherit
}

.mobile-menu.user-center .menu-link[data-v-32a1751d],
.mobile-menu.user-center .menu-title[data-v-32a1751d] {
    padding: 0;
    font-size: 14px
}

.mobile-menu.user-center .menu-link.router-link-active[data-v-32a1751d],
.mobile-menu.user-center .menu-link[data-v-32a1751d]:hover,
.mobile-menu.user-center .menu-title.router-link-active[data-v-32a1751d],
.mobile-menu.user-center .menu-title[data-v-32a1751d]:hover {
    background-color: var(--layer-hover-1);
    border-radius: 8px
}

.mobile-menu.user-center .menu-title[data-v-32a1751d] {
    cursor: pointer
}

.mobile-menu.user-center .sub-link[data-v-32a1751d] {
    padding-right: 0
}

.mobile-menu.user-center .sub-link.router-link-active[data-v-32a1751d],
.mobile-menu.user-center .sub-link[data-v-32a1751d]:hover {
    background-color: var(--layer-hover-1);
    border-radius: 8px
}

.mobile-menu.user-center .sub-menu-name[data-v-32a1751d] {
    margin-left: 0;
    color: var(--text-primary);
    font-weight: 600
}

.user-info-wrapper[data-v-508e5964] {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border-subtle-1)
}

.user-info-wrapper .avatar[data-v-508e5964] {
    display: flex;
    font-size: 16px
}

.user-info-wrapper .avatar p[data-v-508e5964] {
    margin-bottom: 0
}

.user-info-wrapper .avatar .account-type[data-v-508e5964] {
    margin-top: 8px;
    color: var(--text-secondary);
    font-size: 14px
}

.user-info-wrapper .name-abbr[data-v-508e5964] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    color: var(--color-white);
    font-weight: 500;
    font-size: 12px;
    background-color: var(--color-primary);
    border-radius: 50%
}

.user-info-wrapper .name-abbr.is-hollow[data-v-508e5964] {
    color: var(--color-primary);
    background-color: var(--color-white);
    border: 1px solid var(--color-primary)
}

.user-info-wrapper .user-level[data-v-508e5964] {
    padding: 2px 10px;
    font-size: 12px
}

.user-info-wrapper .user-level .e-icon-diamond[data-v-508e5964] {
    width: 12px;
    margin-right: 4px;
    color: var(--color-white);
    font-size: 12px
}

.user-info-wrapper .user-level .e-badge[data-v-508e5964] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.user-info-wrapper .user-level .e-badge.legacy[data-v-508e5964] {
    background-color: var(--status-disable)
}

.nav-on-mobile[data-v-f43a35b8] {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100%;
    overflow-y: auto;
    background-color: var(--background-2);
    transform: translateX(-100%);
    transition: transform .2s
}

.nav-on-mobile.opened[data-v-f43a35b8] {
    transform: translateX(0)
}

.nav-header[data-v-f43a35b8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 16px
}

.nav-header img[data-v-f43a35b8] {
    max-height: 24px
}

.nav-header .e-icon-close[data-v-f43a35b8] {
    color: var(--icon-primary)
}

.mobile-menu[data-v-f43a35b8] {
    overflow-y: auto
}

.mobile-menu-link[data-v-f43a35b8] {
    height: 60px;
    padding-left: 24px;
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 60px
}

.mobile-menu-link.active[data-v-f43a35b8] {
    background-color: #bbe2fe
}

.mobile-menu-link[data-v-f43a35b8]:hover {
    cursor: pointer
}

.mobile-menu-link .link-name[data-v-f43a35b8] {
    margin-left: 12px
}

.mobile-menu-link .e-icon[data-v-f43a35b8] {
    color: var(--icon-primary)
}

.mobile-bottom-menus[data-v-f43a35b8] {
    margin-top: auto;
    background-color: var(--background-2);
    border-top: 1px solid var(--color-border)
}

.mobile-nav .mobile-header[data-v-92366820] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 0 16px
}

.mobile-nav .logo-link[data-v-92366820] {
    display: flex;
    align-items: center
}

.mobile-nav .mobile-header-right[data-v-92366820] {
    display: flex;
    align-items: center
}

.mobile-nav .mobile-header-right[data-v-92366820] .login-module .login-buttons {
    margin-right: 12px
}

.mobile-nav .mobile-header-right[data-v-92366820] .login-module .login-user {
    margin-right: 8px
}

.mobile-nav .mobile-header-right[data-v-92366820] .login-module .login-user-above {
    height: 30px
}

.mobile-download-app-banner[data-v-5fcdaafb] {
    display: grid;
    grid-template-columns: 40px 1fr 36px 24px;
    align-items: center;
    height: 68px;
    padding: 0 16px;
    color: var(--color-black);
    column-gap: 12px;
    background: #f7fcff;
    transition: all .3s
}

.mobile-download-app-banner .banner__logo[data-v-5fcdaafb] {
    width: 100%
}

.mobile-download-app-banner .banner__text[data-v-5fcdaafb] {
    font-size: 10px
}

.mobile-download-app-banner .banner__text p[data-v-5fcdaafb]:first-child {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px
}

.mobile-download-app-banner .banner__text p[data-v-5fcdaafb]:last-child {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.mobile-download-app-banner .banner__download[data-v-5fcdaafb] {
    width: 36px;
    height: 36px;
    padding: 5px;
    text-align: center;
    background: var(--color-primary);
    border-radius: 50%
}

@media screen and (max-width:480px) {
    .mobile-download-app-banner[data-v-5fcdaafb] {
        grid-template-columns: 32px 1fr 32px 16px;
        padding: 0 8px;
        column-gap: 8px
    }
    .mobile-download-app-banner .banner__text p[data-v-5fcdaafb]:first-child {
        font-size: 14px
    }
    .mobile-download-app-banner .banner__textp[data-v-5fcdaafb]:last-child {
        font-size: 12px
    }
    .mobile-download-app-banner .banner__download[data-v-5fcdaafb] {
        width: 32px;
        height: 32px
    }
    .mobile-download-app-banner .e-icon-close[data-v-5fcdaafb],
    .mobile-download-app-banner .e-icon-download-white[data-v-5fcdaafb] {
        width: 16px;
        height: 16px
    }
}

.regulatory-update-container[data-v-23137026] {
    text-align: center
}

.regulatory-update-container .title[data-v-23137026] {
    padding: 32px 0 8px;
    color: var(--color-black-text);
    font-weight: 600;
    font-size: 24px
}

.regulatory-update-container .content[data-v-23137026] {
    margin-left: 2px;
    color: var(--text-secondary);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.regulatory-update-container .content p[data-v-23137026] {
    margin-top: 16px
}

.regulatory-update-container .action-group[data-v-23137026] {
    display: flex;
    margin-top: 32px
}

@media(max-width:767.98px) {
    .action-group[data-v-23137026] {
        display: flex !important;
        flex-direction: column-reverse
    }
    .action-group .e-button[data-v-23137026]:last-child {
        margin-bottom: 8px
    }
}

[data-v-23137026] .e-modal {
    width: 564px;
    padding: 32px 24px
}

[data-v-23137026] .e-button.is-text {
    border: 1px solid var(--color-primary)
}

.deposit-banner[data-v-59a9ab89] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 6px 16px;
    color: #fff;
    background-color: #1199fa
}

.deposit-banner[data-v-59a9ab89] .e-icon {
    min-width: 21px
}

.deposit-banner .e-button[data-v-59a9ab89] {
    height: 28px;
    margin-left: 16px;
    background-color: #0058aa
}

.deposit-banner .close-btn[data-v-59a9ab89] {
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--color-white)
}

.staking-banner[data-v-2acca2d7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    background-color: #cdeafe
}

.staking-banner__context[data-v-2acca2d7] {
    margin-right: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #002f61;
    flex: 1
}

.staking-banner .link[data-v-2acca2d7] {
    margin-right: 20px;
    font-weight: 600
}

.staking-banner .e-icon[data-v-2acca2d7] {
    color: var(--text-primary);
    cursor: pointer
}

@media(max-width:767.98px) {
    .staking-banner[data-v-2acca2d7] {
        padding: 8px 8px 8px 12px
    }
    .staking-banner__context[data-v-2acca2d7] {
        margin-right: 8px;
        font-size: 13px
    }
    .staking-banner .link[data-v-2acca2d7] {
        margin-right: 10px
    }
}

.main-header[data-v-2167bcab] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11;
    -webkit-user-select: none;
    user-select: none
}

.main-header.dark[data-v-2167bcab],
.main-header.guest[data-v-2167bcab],
.main-header[data-v-2167bcab] {
    background-color: var(--text-primary-on-white)
}

.refresh-banner[data-v-2167bcab] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    color: #fff;
    background-color: #e64b60
}

.refresh-banner .e-button[data-v-2167bcab] {
    height: 28px;
    margin-left: 16px
}

.footer-copyright[data-v-07189e36] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 50px;
    color: #9ea1a2;
    font-weight: 500;
    font-size: 12px;
    border-top: 1px solid #1f283c
}

.footer-copyright .copyright[data-v-07189e36] {
    display: flex;
    font-size: 10px;
    line-height: 1
}

.footer-copyright .copyright span[data-v-07189e36] {
    opacity: .5
}

.footer-copyright .level-2[data-v-07189e36] {
    flex: 1;
    margin-left: 40px;
    font-size: 12px
}

.footer-copyright .level-2>a[data-v-07189e36] {
    color: #9ea1a2
}

.footer-copyright .level-2>a[data-v-07189e36]:active,
.footer-copyright .level-2>a[data-v-07189e36]:hover {
    color: #5a6679
}

.footer-copyright .level-2>a[data-v-07189e36]:not(:first-child) {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #9ea1a2
}

@media(max-width:991.98px) {
    .footer-copyright[data-v-07189e36] {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 12px;
        padding-top: 10px;
        line-height: 2
    }
    .footer-copyright .level-1 .copyright[data-v-07189e36] {
        line-height: 1.5
    }
    .footer-copyright .level-2[data-v-07189e36] {
        margin-left: 0
    }
}

.switch-locale[data-v-5baf43ac] {
    color: var(--color-white)
}

.current-locale[data-v-5baf43ac] {
    cursor: pointer
}

.current-locale .locale-name[data-v-5baf43ac] {
    margin-left: 12px
}

.e-modal-wrapper[data-v-5baf43ac] .e-modal {
    width: 700px;
    padding: 24px 40px
}

.e-modal-wrapper[data-v-5baf43ac] .e-modal-close {
    top: 16px;
    right: 32px
}

.modal-container .d-title[data-v-5baf43ac] {
    height: 40px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid var(--color-border)
}

.section-languages[data-v-5baf43ac] {
    padding-top: 32px
}

.section-languages .lang-category[data-v-5baf43ac] {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.section-languages .lang-options[data-v-5baf43ac] {
    display: grid;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 24px
}

.lang-option[data-v-5baf43ac] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.lang-option .lang-text[data-v-5baf43ac] {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.lang-option .lang-code[data-v-5baf43ac] {
    margin-left: 6px;
    color: var(--status-disable);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.lang-option.focus .lang-code[data-v-5baf43ac],
.lang-option.focus .lang-text[data-v-5baf43ac] {
    color: var(--color-primary)
}

.mobile-section-languages[data-v-5baf43ac] {
    margin-top: 16px
}

.mobile-section-languages .lang-category[data-v-5baf43ac] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    padding: 0 32px
}

.mobile-section-languages .lang-category .menu-name[data-v-5baf43ac] {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.mobile-section-languages .lang-category .e-icon-rounded-accordion[data-v-5baf43ac] {
    flex-shrink: 0;
    margin-left: auto;
    color: var(--text-primary);
    transition: transform .25s ease
}

.mobile-section-languages .lang-category .e-icon-rounded-accordion.up[data-v-5baf43ac] {
    transform: rotate(180deg)
}

.mobile-section-languages .focus-option[data-v-5baf43ac] {
    height: 44px;
    padding: 0 48px
}

.mobile-section-languages .mobile-lang-options[data-v-5baf43ac] {
    overflow: hidden;
    box-shadow: inset 0 -4px 4px 0 rgba(0, 45, 116, .05), inset 0 4px 4px 0 rgba(0, 45, 116, .05);
    transition: height .3s
}

.mobile-section-languages .mobile-lang-options .lang-option[data-v-5baf43ac] {
    height: 44px;
    padding: 0 48px;
    background-color: var(--status-disable-bkg);
    border-bottom: 1px solid var(--text-on-color)
}

.mobile-section-languages .mobile-lang-options .lang-option[data-v-5baf43ac]:last-child {
    border-bottom: none
}

@media(max-width:991.98px) {
    .e-modal-wrapper[data-v-5baf43ac] .e-modal {
        width: 100%;
        padding: 48px 0
    }
    .e-modal-wrapper[data-v-5baf43ac] .e-modal-close {
        top: 40px;
        right: 24px
    }
    .modal-container .d-title[data-v-5baf43ac] {
        height: 56px;
        padding: 0 32px
    }
}

.main-footer[data-v-30ce3a05] {
    width: 100%;
    padding-top: 96px;
    padding-bottom: 50px;
    color: #ced0d0;
    background: #0b1426
}

.main-footer .container[data-v-30ce3a05] {
    width: 1176px;
    margin: 0 auto
}

.main-footer .desktop-footer[data-v-30ce3a05] {
    position: relative;
    display: grid;
    grid-column-gap: 5.6%;
    grid-template-columns: repeat(6, 1fr);
    justify-items: flex-start;
    height: 522px
}

.main-footer .desktop-footer .footer-menu-item[data-v-30ce3a05] {
    font-size: 16px
}

.main-footer .desktop-footer .footer-menu-item .title[data-v-30ce3a05] {
    color: #f4f4f4;
    font-weight: 700;
    font-size: 16px;
    cursor: default
}

.main-footer .desktop-footer .footer-menu-item .sub-title[data-v-30ce3a05] {
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.main-footer .desktop-footer .footer-menu-certified[data-v-30ce3a05] {
    z-index: 10;
    width: 277px
}

.main-footer .desktop-footer .footer-menu-certified .app[data-v-30ce3a05] {
    margin-bottom: 35px
}

.main-footer .desktop-footer .footer-menu-certified .app img[data-v-30ce3a05] {
    margin-right: 8px;
    cursor: pointer
}

.main-footer .desktop-footer .footer-menu-certified .certified[data-v-30ce3a05] {
    line-height: 4
}

.main-footer .desktop-footer .footer-menu-certified .certified img[data-v-30ce3a05] {
    margin-right: 35px;
    cursor: pointer
}

.main-footer .mobile-footer[data-v-30ce3a05] {
    width: 100%;
    color: #ced0d0;
    background: #0b1426
}

.main-footer .mobile-footer .footer-menu-item[data-v-30ce3a05] {
    margin-bottom: 30px
}

.main-footer .mobile-footer .footer-menu-certified[data-v-30ce3a05] {
    width: 327px;
    margin-top: 80px
}

.main-footer .mobile-footer .footer-menu-certified .app[data-v-30ce3a05] {
    margin-bottom: 35px
}

.main-footer .mobile-footer .footer-menu-certified .app img[data-v-30ce3a05] {
    margin-right: 8px;
    cursor: pointer
}

.main-footer .mobile-footer .footer-menu-certified .certified[data-v-30ce3a05] {
    line-height: 4
}

.main-footer .mobile-footer .footer-menu-certified .certified img[data-v-30ce3a05] {
    margin-right: 35px;
    cursor: pointer
}

.main-footer .mobile-footer a[data-v-30ce3a05] {
    color: #ced0d0
}

.main-footer .mobile-footer a[data-v-30ce3a05]:active,
.main-footer .mobile-footer a[data-v-30ce3a05]:hover {
    color: #fff
}

.main-footer .footer-bottom[data-v-30ce3a05] {
    position: relative;
    display: flex;
    justify-content: space-between;
    color: #9ea1a2
}

.main-footer .footer-bottom .col-left[data-v-30ce3a05] {
    width: 555px;
    font-size: 12px;
    line-height: 16px
}

.main-footer .footer-bottom .col-right[data-v-30ce3a05] {
    width: 200px
}

.main-footer .footer-bottom .col-right .certified[data-v-30ce3a05] {
    line-height: 2.5
}

.main-footer .footer-bottom .col-right .certified img[data-v-30ce3a05] {
    margin-right: 15px;
    cursor: default
}

.main-footer a[data-v-30ce3a05] {
    color: #ced0d0
}

.main-footer a[data-v-30ce3a05]:active,
.main-footer a[data-v-30ce3a05]:hover {
    color: #fff
}

.main-footer[data-v-30ce3a05] .switch-locale {
    padding-top: 60px;
    color: var(--color-white)
}

@media(max-width:991.98px) {
    .main-footer[data-v-30ce3a05] .switch-locale {
        padding-top: 30px
    }
}

.main-footer[data-v-30ce3a05] .switch-locale .e-icon-globe-country {
    color: var(--color-white)
}

.main-footer[data-v-30ce3a05] .switch-locale .current-locale {
    display: flex;
    align-items: center;
    width: 193px;
    height: 40px;
    padding-left: 16px;
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    cursor: pointer
}

.main-footer[data-v-30ce3a05] .e-expansion-container {
    padding: 0
}

.main-footer[data-v-30ce3a05] .e-expansion-container .e-expansion-title {
    font-weight: 700;
    font-size: 16px
}

.main-footer[data-v-30ce3a05] .e-expansion-container .e-expansion-title-icon {
    color: #f4f4f4
}

.main-footer[data-v-30ce3a05] .e-expansion-container .sub-title {
    font-weight: 500;
    font-size: 14px
}

.main-footer[data-v-30ce3a05] .e-expansion-container .e-expansion-title-container .e-expansion-title-icon {
    transform: rotate(270deg)
}

.main-footer[data-v-30ce3a05] .e-expansion-container .e-expansion-title-container .expanded {
    transform: rotate(90deg)
}

@media screen and (max-width:1340px) {
    .main-footer[data-v-30ce3a05] {
        width: 100%;
        padding-top: 80px
    }
    .main-footer .container[data-v-30ce3a05] {
        width: 100%;
        padding-right: 5.5vw;
        padding-left: 5.5vw
    }
    .main-footer .desktop-footer[data-v-30ce3a05] {
        grid-column-gap: 11%;
        grid-template-columns: repeat(auto-fit, 140px 75px 100px 180px 100px)
    }
    .main-footer .desktop-footer .footer-menu-certified[data-v-30ce3a05] {
        margin-top: 80px
    }
    .main-footer .footer-bottom[data-v-30ce3a05] {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding-top: 40px;
        color: #9ea1a2
    }
    .main-footer .footer-bottom .col-left[data-v-30ce3a05] {
        width: inherit
    }
    .main-footer .footer-bottom .certified[data-v-30ce3a05] {
        padding-top: 50px
    }
    .main-footer .col-right[data-v-30ce3a05] {
        width: 202px;
        padding-top: 165px
    }
}

@media screen and (max-width:1200px) {
    .main-footer .desktop-footer[data-v-30ce3a05] {
        grid-column-gap: 8%
    }
}

@media(max-width:991.98px) {
    .main-footer[data-v-30ce3a05] {
        width: 100%;
        padding-top: 80px
    }
    .main-footer .container[data-v-30ce3a05] {
        padding-right: 16px;
        padding-left: 16px
    }
    .main-footer .footer-bottom[data-v-30ce3a05] {
        display: block;
        width: 327px;
        padding-top: 40px;
        color: #9ea1a2
    }
    .main-footer .footer-bottom .col-right[data-v-30ce3a05] {
        display: none
    }
}

.footer-menu-certified .app img[data-v-30ce3a05] {
    width: 115px;
    height: 42px
}

.footer-menu-certified .certified img[data-v-30ce3a05] {
    width: 24px;
    height: 24px
}

.main-footer[data-v-6d9b93da] {
    width: 100%;
    padding-top: 96px;
    padding-bottom: 50px;
    color: #ced0d0;
    background: #0b1426
}

.main-footer .container[data-v-6d9b93da] {
    width: 1176px;
    margin: 0 auto
}

.main-footer .desktop-footer[data-v-6d9b93da] {
    position: relative;
    display: grid;
    grid-column-gap: 5.6%;
    grid-template-columns: repeat(6, 1fr);
    justify-items: flex-start;
    height: 522px
}

.main-footer .desktop-footer .footer-menu-item[data-v-6d9b93da] {
    font-size: 16px
}

.main-footer .desktop-footer .footer-menu-item .title[data-v-6d9b93da] {
    color: #f4f4f4;
    font-weight: 700;
    font-size: 16px;
    cursor: default
}

.main-footer .desktop-footer .footer-menu-item .sub-title[data-v-6d9b93da] {
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.main-footer .desktop-footer .footer-menu-certified[data-v-6d9b93da] {
    z-index: 10;
    width: 277px
}

.main-footer .desktop-footer .footer-menu-certified .app[data-v-6d9b93da] {
    margin-bottom: 35px
}

.main-footer .desktop-footer .footer-menu-certified .app img[data-v-6d9b93da] {
    margin-right: 8px;
    cursor: pointer
}

.main-footer .desktop-footer .footer-menu-certified .certified[data-v-6d9b93da] {
    line-height: 4
}

.main-footer .desktop-footer .footer-menu-certified .certified img[data-v-6d9b93da] {
    margin-right: 35px;
    cursor: pointer
}

.main-footer .mobile-footer[data-v-6d9b93da] {
    width: 100%;
    color: #ced0d0;
    background: #0b1426
}

.main-footer .mobile-footer .footer-menu-item[data-v-6d9b93da] {
    margin-bottom: 30px
}

.main-footer .mobile-footer .footer-menu-certified[data-v-6d9b93da] {
    width: 327px;
    margin-top: 80px
}

.main-footer .mobile-footer .footer-menu-certified .app[data-v-6d9b93da] {
    margin-bottom: 35px
}

.main-footer .mobile-footer .footer-menu-certified .app img[data-v-6d9b93da] {
    margin-right: 8px;
    cursor: pointer
}

.main-footer .mobile-footer .footer-menu-certified .certified[data-v-6d9b93da] {
    line-height: 4
}

.main-footer .mobile-footer .footer-menu-certified .certified img[data-v-6d9b93da] {
    margin-right: 35px;
    cursor: pointer
}

.main-footer .mobile-footer a[data-v-6d9b93da] {
    color: #ced0d0
}

.main-footer .mobile-footer a[data-v-6d9b93da]:active,
.main-footer .mobile-footer a[data-v-6d9b93da]:hover {
    color: #fff
}

.main-footer .footer-bottom[data-v-6d9b93da] {
    position: relative;
    display: flex;
    justify-content: space-between;
    color: #9ea1a2
}

.main-footer .footer-bottom .col-left[data-v-6d9b93da] {
    width: 555px;
    font-size: 12px;
    line-height: 16px
}

.main-footer .footer-bottom .col-right[data-v-6d9b93da] {
    width: 200px
}

.main-footer .footer-bottom .col-right .certified[data-v-6d9b93da] {
    line-height: 2.5
}

.main-footer .footer-bottom .col-right .certified img[data-v-6d9b93da] {
    margin-right: 15px;
    cursor: default
}

.main-footer a[data-v-6d9b93da] {
    color: #ced0d0
}

.main-footer a[data-v-6d9b93da]:active,
.main-footer a[data-v-6d9b93da]:hover {
    color: #fff
}

.main-footer[data-v-6d9b93da] .switch-locale {
    padding-top: 60px;
    color: var(--color-white)
}

@media(max-width:991.98px) {
    .main-footer[data-v-6d9b93da] .switch-locale {
        padding-top: 30px
    }
}

.main-footer[data-v-6d9b93da] .switch-locale .e-icon-globe-country {
    color: var(--color-white)
}

.main-footer[data-v-6d9b93da] .switch-locale .current-locale {
    display: flex;
    align-items: center;
    width: 193px;
    height: 40px;
    padding-left: 16px;
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    cursor: pointer
}

.main-footer[data-v-6d9b93da] .e-expansion-container {
    padding: 0
}

.main-footer[data-v-6d9b93da] .e-expansion-container .e-expansion-title {
    font-weight: 700;
    font-size: 16px
}

.main-footer[data-v-6d9b93da] .e-expansion-container .e-expansion-title-icon {
    color: #f4f4f4
}

.main-footer[data-v-6d9b93da] .e-expansion-container .sub-title {
    font-weight: 500;
    font-size: 14px
}

.main-footer[data-v-6d9b93da] .e-expansion-container .e-expansion-title-container .e-expansion-title-icon {
    transform: rotate(270deg)
}

.main-footer[data-v-6d9b93da] .e-expansion-container .e-expansion-title-container .expanded {
    transform: rotate(90deg)
}

@media screen and (max-width:1340px) {
    .main-footer[data-v-6d9b93da] {
        width: 100%;
        padding-top: 80px
    }
    .main-footer .container[data-v-6d9b93da] {
        width: 100%;
        padding-right: 5.5vw;
        padding-left: 5.5vw
    }
    .main-footer .desktop-footer[data-v-6d9b93da] {
        grid-column-gap: 11%;
        grid-template-columns: repeat(auto-fit, 140px 75px 100px 180px 100px)
    }
    .main-footer .desktop-footer .footer-menu-certified[data-v-6d9b93da] {
        margin-top: 80px
    }
    .main-footer .footer-bottom[data-v-6d9b93da] {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding-top: 40px;
        color: #9ea1a2
    }
    .main-footer .footer-bottom .col-left[data-v-6d9b93da] {
        width: inherit
    }
    .main-footer .footer-bottom .certified[data-v-6d9b93da] {
        padding-top: 50px
    }
    .main-footer .col-right[data-v-6d9b93da] {
        width: 202px;
        padding-top: 165px
    }
}

@media screen and (max-width:1200px) {
    .main-footer .desktop-footer[data-v-6d9b93da] {
        grid-column-gap: 8%
    }
}

@media(max-width:991.98px) {
    .main-footer[data-v-6d9b93da] {
        width: 100%;
        padding-top: 80px
    }
    .main-footer .container[data-v-6d9b93da] {
        padding-right: 16px;
        padding-left: 16px
    }
    .main-footer .footer-bottom[data-v-6d9b93da] {
        display: block;
        width: 327px;
        padding-top: 40px;
        color: #9ea1a2
    }
    .main-footer .footer-bottom .col-right[data-v-6d9b93da] {
        display: none
    }
}

.main-footer[data-v-ab631100] {
    width: 100%;
    padding-top: 96px;
    padding-bottom: 50px;
    color: #ced0d0;
    background: #0b1426
}

.main-footer .container[data-v-ab631100] {
    width: 1176px;
    margin: 0 auto
}

.main-footer .desktop-footer[data-v-ab631100] {
    position: relative;
    display: grid;
    grid-column-gap: 5.6%;
    grid-template-columns: repeat(6, 1fr);
    justify-items: flex-start;
    height: 522px
}

.main-footer .desktop-footer .footer-menu-item[data-v-ab631100] {
    font-size: 16px
}

.main-footer .desktop-footer .footer-menu-item .title[data-v-ab631100] {
    color: #f4f4f4;
    font-weight: 700;
    font-size: 16px;
    cursor: default
}

.main-footer .desktop-footer .footer-menu-item .sub-title[data-v-ab631100] {
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.main-footer .desktop-footer .footer-menu-certified[data-v-ab631100] {
    z-index: 10;
    width: 277px
}

.main-footer .desktop-footer .footer-menu-certified .app[data-v-ab631100] {
    margin-bottom: 35px
}

.main-footer .desktop-footer .footer-menu-certified .app img[data-v-ab631100] {
    margin-right: 8px;
    cursor: pointer
}

.main-footer .desktop-footer .footer-menu-certified .certified[data-v-ab631100] {
    line-height: 4
}

.main-footer .desktop-footer .footer-menu-certified .certified img[data-v-ab631100] {
    margin-right: 35px;
    cursor: pointer
}

.main-footer .mobile-footer[data-v-ab631100] {
    width: 100%;
    color: #ced0d0;
    background: #0b1426
}

.main-footer .mobile-footer .footer-menu-item[data-v-ab631100] {
    margin-bottom: 30px
}

.main-footer .mobile-footer .footer-menu-certified[data-v-ab631100] {
    width: 327px;
    margin-top: 80px
}

.main-footer .mobile-footer .footer-menu-certified .app[data-v-ab631100] {
    margin-bottom: 35px
}

.main-footer .mobile-footer .footer-menu-certified .app img[data-v-ab631100] {
    margin-right: 8px;
    cursor: pointer
}

.main-footer .mobile-footer .footer-menu-certified .certified[data-v-ab631100] {
    line-height: 4
}

.main-footer .mobile-footer .footer-menu-certified .certified img[data-v-ab631100] {
    margin-right: 35px;
    cursor: pointer
}

.main-footer .mobile-footer a[data-v-ab631100] {
    color: #ced0d0
}

.main-footer .mobile-footer a[data-v-ab631100]:active,
.main-footer .mobile-footer a[data-v-ab631100]:hover {
    color: #fff
}

.main-footer .footer-bottom[data-v-ab631100] {
    position: relative;
    display: flex;
    justify-content: space-between;
    color: #9ea1a2
}

.main-footer .footer-bottom .col-left[data-v-ab631100] {
    width: 555px;
    font-size: 12px;
    line-height: 16px
}

.main-footer .footer-bottom .col-right[data-v-ab631100] {
    width: 200px
}

.main-footer .footer-bottom .col-right .certified[data-v-ab631100] {
    line-height: 2.5
}

.main-footer .footer-bottom .col-right .certified img[data-v-ab631100] {
    margin-right: 15px;
    cursor: default
}

.main-footer a[data-v-ab631100] {
    color: #ced0d0
}

.main-footer a[data-v-ab631100]:active,
.main-footer a[data-v-ab631100]:hover {
    color: #fff
}

.main-footer[data-v-ab631100] .switch-locale {
    padding-top: 60px;
    color: var(--color-white)
}

@media(max-width:991.98px) {
    .main-footer[data-v-ab631100] .switch-locale {
        padding-top: 30px
    }
}

.main-footer[data-v-ab631100] .switch-locale .e-icon-globe-country {
    color: var(--color-white)
}

.main-footer[data-v-ab631100] .switch-locale .current-locale {
    display: flex;
    align-items: center;
    width: 193px;
    height: 40px;
    padding-left: 16px;
    font-size: 16px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    cursor: pointer
}

.main-footer[data-v-ab631100] .e-expansion-container {
    padding: 0
}

.main-footer[data-v-ab631100] .e-expansion-container .e-expansion-title {
    font-weight: 700;
    font-size: 16px
}

.main-footer[data-v-ab631100] .e-expansion-container .e-expansion-title-icon {
    color: #f4f4f4
}

.main-footer[data-v-ab631100] .e-expansion-container .sub-title {
    font-weight: 500;
    font-size: 14px
}

.main-footer[data-v-ab631100] .e-expansion-container .e-expansion-title-container .e-expansion-title-icon {
    transform: rotate(270deg)
}

.main-footer[data-v-ab631100] .e-expansion-container .e-expansion-title-container .expanded {
    transform: rotate(90deg)
}

@media screen and (max-width:1340px) {
    .main-footer[data-v-ab631100] {
        width: 100%;
        padding-top: 80px
    }
    .main-footer .container[data-v-ab631100] {
        width: 100%;
        padding-right: 5.5vw;
        padding-left: 5.5vw
    }
    .main-footer .desktop-footer[data-v-ab631100] {
        grid-column-gap: 11%;
        grid-template-columns: repeat(auto-fit, 140px 75px 100px 180px 100px)
    }
    .main-footer .desktop-footer .footer-menu-certified[data-v-ab631100] {
        margin-top: 80px
    }
    .main-footer .footer-bottom[data-v-ab631100] {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding-top: 40px;
        color: #9ea1a2
    }
    .main-footer .footer-bottom .col-left[data-v-ab631100] {
        width: inherit
    }
    .main-footer .footer-bottom .certified[data-v-ab631100] {
        padding-top: 50px
    }
    .main-footer .col-right[data-v-ab631100] {
        width: 202px;
        padding-top: 165px
    }
}

@media screen and (max-width:1200px) {
    .main-footer .desktop-footer[data-v-ab631100] {
        grid-column-gap: 8%
    }
}

@media(max-width:991.98px) {
    .main-footer[data-v-ab631100] {
        width: 100%;
        padding-top: 80px
    }
    .main-footer .container[data-v-ab631100] {
        padding-right: 16px;
        padding-left: 16px
    }
    .main-footer .footer-bottom[data-v-ab631100] {
        display: block;
        width: 327px;
        padding-top: 40px;
        color: #9ea1a2
    }
    .main-footer .footer-bottom .col-right[data-v-ab631100] {
        display: none
    }
}

.c-input {
    position: relative
}

.c-input .input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    transition: border-color .2s
}

.c-input .input[readonly] {
    background-color: var(--color-border);
    cursor: not-allowed
}

.c-input .e-icon-message-info {
    position: absolute;
    top: 11px;
    right: 12px;
    color: var(--color-error)
}

.c-input .verify-text {
    margin-top: 4px;
    color: var(--color-error);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.c-input.verify-failed .input {
    border-color: var(--color-error)
}

.c-input:hover .input:not([readonly]) {
    border-color: var(--color-primary)
}

.content[data-v-33d03609] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 158px);
    font-size: 16px;
    color: #fff
}

.content .maintenance-logo[data-v-33d03609] {
    padding-bottom: 1em
}

.content .maintenance-text[data-v-33d03609] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.content .maintenance-text h2[data-v-33d03609] {
    padding-bottom: 1em;
    font-size: 1.25em;
    font-weight: 500
}

.content .desc[data-v-33d03609] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.content .desc .text[data-v-33d03609] {
    padding-bottom: 1em;
    font-size: 1em
}

@media(max-width:991.98px) {
    .content[data-v-33d03609] {
        padding: 0 16px;
        font-size: 18px
    }
}

.c-table {
    position: relative;
    margin: 0;
    font-size: 12px
}

.c-table .table {
    width: 100%
}

.c-table .table>tbody>tr>td,
.c-table .table>thead>tr>th {
    padding: 0 8px;
    vertical-align: inherit
}

.c-table .table>tbody>tr>td:first-child,
.c-table .table>thead>tr>th:first-child {
    padding-left: 24px
}

.c-table .table>tbody>tr>td:last-child,
.c-table .table>thead>tr>th:last-child {
    padding-right: 24px
}

.c-table .table>tbody>tr .fixed-column,
.c-table .table>thead>tr .fixed-column {
    position: -webkit-sticky;
    position: sticky;
    padding: 12px 24px;
    background: var(--color-white)
}

.c-table .table>tbody>tr .fixed-column:before,
.c-table .table>thead>tr .fixed-column:before {
    position: absolute;
    top: 0;
    bottom: -1px;
    width: 30px;
    transition: box-shadow .3s;
    content: "";
    pointer-events: none
}

.c-table .table>tbody>tr .fixed-column__left,
.c-table .table>thead>tr .fixed-column__left {
    left: 0
}

.c-table .table>tbody>tr .fixed-column__left:before,
.c-table .table>thead>tr .fixed-column__left:before {
    right: 0;
    box-shadow: inset 10px 0 8px -8px rgba(130, 142, 161, .1);
    transform: translate(100%)
}

.c-table .table>tbody>tr .fixed-column__right,
.c-table .table>thead>tr .fixed-column__right {
    right: 0
}

.c-table .table>tbody>tr .fixed-column__right:before,
.c-table .table>thead>tr .fixed-column__right:before {
    left: 0;
    box-shadow: inset -10px 0 8px -8px rgba(130, 142, 161, .1);
    transform: translate(-100%)
}

.c-table .table>tbody>tr .hide-shadow:before,
.c-table .table>thead>tr .hide-shadow:before {
    visibility: hidden
}

.c-table .table>tbody {
    color: var(--text-primary);
    font-weight: 500
}

.c-table .table>tbody>tr {
    height: 60px;
    border-bottom: 1px solid var(--color-border)
}

.c-table .table>tbody>tr.expanded,
.c-table .table>tbody>tr.loading-row,
.c-table .table>tbody>tr.no-data-row {
    border-bottom: none
}

.c-table .table>tbody>tr.expanded .e-icon-arrow-down {
    transform: rotate(180deg)
}

.c-table .table>tbody>tr.spot-lighted {
    background: var(--layer-hover-dark) !important
}

.c-table .table>tbody>tr.loading-row {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: unset;
    min-height: 200px;
    text-align: center;
    background-color: hsla(0, 0%, 100%, .7)
}

.c-table .table>tbody>tr.loading-row .e-spinner {
    color: var(--color-primary)
}

.c-table .table>tbody>tr.sub-table-head {
    color: var(--color-black);
    font-weight: 500;
    background: #f0f0f0
}

.c-table .table>tbody>tr.sub-table-head,
.c-table .table>tbody>tr.sub-tr {
    height: 31px;
    border: 0
}

.c-table .table>tbody>tr.sub-table-head+:not(.sub-tr),
.c-table .table>tbody>tr.sub-tr+:not(.sub-tr) {
    border-top: 1px solid var(--color-border)
}

.c-table .table>tbody>tr.sub-table-convert {
    height: 30px;
    color: var(--color-black);
    background: var(--color-white)
}

.c-table .t-title {
    display: flex;
    align-items: center;
    height: 50px;
    color: var(--text-caption);
    font-weight: 500;
    text-align: left
}

.c-table .t-title.t-sortable {
    cursor: pointer
}

.c-table .t-title .e-tooltip {
    margin-left: 4px
}

.c-table .t-title .e-icon-info {
    color: var(--color-primary)
}

.c-table .t-title .e-icon-sort {
    color: var(--color-grey-text)
}

.c-table .t-title .e-icon-sort.sorted.down {
    color: var(--color-primary)
}

.c-table .t-title .e-icon-sort.sorted.up {
    color: var(--color-primary);
    transform: rotateX(180deg)
}

.c-table .align-center {
    justify-content: center;
    text-align: center
}

.c-table .align-right {
    justify-content: flex-end;
    text-align: right
}

.c-table .no-wrap {
    white-space: nowrap
}

.c-table .e-icon-arrow-down {
    margin-left: 8px;
    color: var(--color-grey-text);
    transition: transform .2s
}

.c-table .inner-expand-icon {
    float: right;
    padding: 0 8px;
    line-height: 24px;
    cursor: pointer
}

.c-table .inner-expand-icon .e-icon {
    margin-left: 0;
    color: var(--text-primary)
}

@media(max-width:991.98px) {
    .c-table {
        margin: 0
    }
    .c-table .table>tbody {
        font-size: 14px
    }
    .c-table .table>tbody>tr {
        height: 50px
    }
    .c-table .table>tbody>tr>td,
    .c-table .table>thead>tr>th {
        padding: 0 4px
    }
    .c-table .table>tbody>tr>td:first-child,
    .c-table .table>thead>tr>th:first-child {
        padding-left: 16px
    }
    .c-table .table>tbody>tr>td:last-child,
    .c-table .table>thead>tr>th:last-child {
        padding-right: 16px
    }
}

.container {
    width: 100%
}

@media(min-width:576px) {
    .container {
        max-width: 576px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 992px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

@media(min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.text-display1 {
    font-size: 72px;
    line-height: 80px;
    font-weight: 700
}

@media(max-width:767px) {
    .text-display1 {
        font-size: 48px;
        line-height: 56px
    }
}

.text-display2 {
    font-size: 48px;
    line-height: 56px;
    font-weight: 700
}

@media(max-width:767px) {
    .text-display2 {
        font-size: 40px;
        line-height: 48px
    }
}

.text-h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-h1 {
        font-size: 32px;
        line-height: 40px
    }
}

.text-h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.text-h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-h3 {
        font-size: 20px;
        line-height: 24px
    }
}

.text-h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-h4 {
        font-size: 18px;
        line-height: 24px
    }
}

.text-subhead1 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-subhead1 {
        font-size: 16px
    }
}

.text-subhead2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-subhead2 {
        font-size: 14px;
        line-height: 20px
    }
}

.text-subhead3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-subhead3 {
        font-size: 12px;
        line-height: 16px
    }
}

.text-overline {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600
}

@media(max-width:767px) {
    .text-overline {
        font-size: 10px;
        line-height: 14px
    }
}

.text-caption1 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.text-caption2 {
    font-size: 10px;
    line-height: 14px;
    font-weight: 500
}

.text-body1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.text-body2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.focus-within\:sr-only:focus-within {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-2 {
    top: var(--space-5xs);
    right: var(--space-5xs);
    bottom: var(--space-5xs);
    left: var(--space-5xs)
}

.inset-4 {
    top: var(--space-4xs);
    right: var(--space-4xs);
    bottom: var(--space-4xs);
    left: var(--space-4xs)
}

.inset-6 {
    top: var(--space-3xs);
    right: var(--space-3xs);
    bottom: var(--space-3xs);
    left: var(--space-3xs)
}

.inset-8 {
    top: var(--space-2xs);
    right: var(--space-2xs);
    bottom: var(--space-2xs);
    left: var(--space-2xs)
}

.inset-12 {
    top: var(--space-xs);
    right: var(--space-xs);
    bottom: var(--space-xs);
    left: var(--space-xs)
}

.inset-16 {
    top: var(--space-sm);
    right: var(--space-sm);
    bottom: var(--space-sm);
    left: var(--space-sm)
}

.inset-20 {
    top: var(--space-md);
    right: var(--space-md);
    bottom: var(--space-md);
    left: var(--space-md)
}

.inset-24 {
    top: var(--space-lg);
    right: var(--space-lg);
    bottom: var(--space-lg);
    left: var(--space-lg)
}

.inset-32 {
    top: var(--space-xl);
    right: var(--space-xl);
    bottom: var(--space-xl);
    left: var(--space-xl)
}

.inset-40 {
    top: var(--space-2xl);
    right: var(--space-2xl);
    bottom: var(--space-2xl);
    left: var(--space-2xl)
}

.inset-48 {
    top: var(--space-3xl);
    right: var(--space-3xl);
    bottom: var(--space-3xl);
    left: var(--space-3xl)
}

.inset-80 {
    top: var(--space-4xl);
    right: var(--space-4xl);
    bottom: var(--space-4xl);
    left: var(--space-4xl)
}

.inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.-inset-2 {
    top: calc(var(--space-5xs)*-1);
    right: calc(var(--space-5xs)*-1);
    bottom: calc(var(--space-5xs)*-1);
    left: calc(var(--space-5xs)*-1)
}

.-inset-4 {
    top: calc(var(--space-4xs)*-1);
    right: calc(var(--space-4xs)*-1);
    bottom: calc(var(--space-4xs)*-1);
    left: calc(var(--space-4xs)*-1)
}

.-inset-6 {
    top: calc(var(--space-3xs)*-1);
    right: calc(var(--space-3xs)*-1);
    bottom: calc(var(--space-3xs)*-1);
    left: calc(var(--space-3xs)*-1)
}

.-inset-8 {
    top: calc(var(--space-2xs)*-1);
    right: calc(var(--space-2xs)*-1);
    bottom: calc(var(--space-2xs)*-1);
    left: calc(var(--space-2xs)*-1)
}

.-inset-12 {
    top: calc(var(--space-xs)*-1);
    right: calc(var(--space-xs)*-1);
    bottom: calc(var(--space-xs)*-1);
    left: calc(var(--space-xs)*-1)
}

.-inset-16 {
    top: calc(var(--space-sm)*-1);
    right: calc(var(--space-sm)*-1);
    bottom: calc(var(--space-sm)*-1);
    left: calc(var(--space-sm)*-1)
}

.-inset-20 {
    top: calc(var(--space-md)*-1);
    right: calc(var(--space-md)*-1);
    bottom: calc(var(--space-md)*-1);
    left: calc(var(--space-md)*-1)
}

.-inset-24 {
    top: calc(var(--space-lg)*-1);
    right: calc(var(--space-lg)*-1);
    bottom: calc(var(--space-lg)*-1);
    left: calc(var(--space-lg)*-1)
}

.-inset-32 {
    top: calc(var(--space-xl)*-1);
    right: calc(var(--space-xl)*-1);
    bottom: calc(var(--space-xl)*-1);
    left: calc(var(--space-xl)*-1)
}

.-inset-40 {
    top: calc(var(--space-2xl)*-1);
    right: calc(var(--space-2xl)*-1);
    bottom: calc(var(--space-2xl)*-1);
    left: calc(var(--space-2xl)*-1)
}

.-inset-48 {
    top: calc(var(--space-3xl)*-1);
    right: calc(var(--space-3xl)*-1);
    bottom: calc(var(--space-3xl)*-1);
    left: calc(var(--space-3xl)*-1)
}

.-inset-80 {
    top: calc(var(--space-4xl)*-1);
    right: calc(var(--space-4xl)*-1);
    bottom: calc(var(--space-4xl)*-1);
    left: calc(var(--space-4xl)*-1)
}

.inset-1\/2 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%
}

.inset-1\/3 {
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
    left: 33.333333%
}

.inset-2\/3 {
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
    left: 66.666667%
}

.inset-1\/4 {
    top: 25%;
    right: 25%;
    bottom: 25%;
    left: 25%
}

.inset-2\/4 {
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%
}

.inset-3\/4 {
    top: 75%;
    right: 75%;
    bottom: 75%;
    left: 75%
}

.inset-full {
    top: 100%;
    right: 100%;
    bottom: 100%;
    left: 100%
}

.-inset-1\/2 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%
}

.-inset-1\/3 {
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
    left: -33.333333%
}

.-inset-2\/3 {
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
    left: -66.666667%
}

.-inset-1\/4 {
    top: -25%;
    right: -25%;
    bottom: -25%;
    left: -25%
}

.-inset-2\/4 {
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%
}

.-inset-3\/4 {
    top: -75%;
    right: -75%;
    bottom: -75%;
    left: -75%
}

.-inset-full {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-2 {
    left: var(--space-5xs);
    right: var(--space-5xs)
}

.inset-x-4 {
    left: var(--space-4xs);
    right: var(--space-4xs)
}

.inset-x-6 {
    left: var(--space-3xs);
    right: var(--space-3xs)
}

.inset-x-8 {
    left: var(--space-2xs);
    right: var(--space-2xs)
}

.inset-x-12 {
    left: var(--space-xs);
    right: var(--space-xs)
}

.inset-x-16 {
    left: var(--space-sm);
    right: var(--space-sm)
}

.inset-x-20 {
    left: var(--space-md);
    right: var(--space-md)
}

.inset-x-24 {
    left: var(--space-lg);
    right: var(--space-lg)
}

.inset-x-32 {
    left: var(--space-xl);
    right: var(--space-xl)
}

.inset-x-40 {
    left: var(--space-2xl);
    right: var(--space-2xl)
}

.inset-x-48 {
    left: var(--space-3xl);
    right: var(--space-3xl)
}

.inset-x-80 {
    left: var(--space-4xl);
    right: var(--space-4xl)
}

.inset-x-auto {
    left: auto;
    right: auto
}

.-inset-x-2 {
    left: calc(var(--space-5xs)*-1);
    right: calc(var(--space-5xs)*-1)
}

.-inset-x-4 {
    left: calc(var(--space-4xs)*-1);
    right: calc(var(--space-4xs)*-1)
}

.-inset-x-6 {
    left: calc(var(--space-3xs)*-1);
    right: calc(var(--space-3xs)*-1)
}

.-inset-x-8 {
    left: calc(var(--space-2xs)*-1);
    right: calc(var(--space-2xs)*-1)
}

.-inset-x-12 {
    left: calc(var(--space-xs)*-1);
    right: calc(var(--space-xs)*-1)
}

.-inset-x-16 {
    left: calc(var(--space-sm)*-1);
    right: calc(var(--space-sm)*-1)
}

.-inset-x-20 {
    left: calc(var(--space-md)*-1);
    right: calc(var(--space-md)*-1)
}

.-inset-x-24 {
    left: calc(var(--space-lg)*-1);
    right: calc(var(--space-lg)*-1)
}

.-inset-x-32 {
    left: calc(var(--space-xl)*-1);
    right: calc(var(--space-xl)*-1)
}

.-inset-x-40 {
    left: calc(var(--space-2xl)*-1);
    right: calc(var(--space-2xl)*-1)
}

.-inset-x-48 {
    left: calc(var(--space-3xl)*-1);
    right: calc(var(--space-3xl)*-1)
}

.-inset-x-80 {
    left: calc(var(--space-4xl)*-1);
    right: calc(var(--space-4xl)*-1)
}

.inset-x-1\/2 {
    left: 50%;
    right: 50%
}

.inset-x-1\/3 {
    left: 33.333333%;
    right: 33.333333%
}

.inset-x-2\/3 {
    left: 66.666667%;
    right: 66.666667%
}

.inset-x-1\/4 {
    left: 25%;
    right: 25%
}

.inset-x-2\/4 {
    left: 50%;
    right: 50%
}

.inset-x-3\/4 {
    left: 75%;
    right: 75%
}

.inset-x-full {
    left: 100%;
    right: 100%
}

.-inset-x-1\/2 {
    left: -50%;
    right: -50%
}

.-inset-x-1\/3 {
    left: -33.333333%;
    right: -33.333333%
}

.-inset-x-2\/3 {
    left: -66.666667%;
    right: -66.666667%
}

.-inset-x-1\/4 {
    left: -25%;
    right: -25%
}

.-inset-x-2\/4 {
    left: -50%;
    right: -50%
}

.-inset-x-3\/4 {
    left: -75%;
    right: -75%
}

.-inset-x-full {
    left: -100%;
    right: -100%
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.inset-y-2 {
    top: var(--space-5xs);
    bottom: var(--space-5xs)
}

.inset-y-4 {
    top: var(--space-4xs);
    bottom: var(--space-4xs)
}

.inset-y-6 {
    top: var(--space-3xs);
    bottom: var(--space-3xs)
}

.inset-y-8 {
    top: var(--space-2xs);
    bottom: var(--space-2xs)
}

.inset-y-12 {
    top: var(--space-xs);
    bottom: var(--space-xs)
}

.inset-y-16 {
    top: var(--space-sm);
    bottom: var(--space-sm)
}

.inset-y-20 {
    top: var(--space-md);
    bottom: var(--space-md)
}

.inset-y-24 {
    top: var(--space-lg);
    bottom: var(--space-lg)
}

.inset-y-32 {
    top: var(--space-xl);
    bottom: var(--space-xl)
}

.inset-y-40 {
    top: var(--space-2xl);
    bottom: var(--space-2xl)
}

.inset-y-48 {
    top: var(--space-3xl);
    bottom: var(--space-3xl)
}

.inset-y-80 {
    top: var(--space-4xl);
    bottom: var(--space-4xl)
}

.inset-y-auto {
    top: auto;
    bottom: auto
}

.-inset-y-2 {
    top: calc(var(--space-5xs)*-1);
    bottom: calc(var(--space-5xs)*-1)
}

.-inset-y-4 {
    top: calc(var(--space-4xs)*-1);
    bottom: calc(var(--space-4xs)*-1)
}

.-inset-y-6 {
    top: calc(var(--space-3xs)*-1);
    bottom: calc(var(--space-3xs)*-1)
}

.-inset-y-8 {
    top: calc(var(--space-2xs)*-1);
    bottom: calc(var(--space-2xs)*-1)
}

.-inset-y-12 {
    top: calc(var(--space-xs)*-1);
    bottom: calc(var(--space-xs)*-1)
}

.-inset-y-16 {
    top: calc(var(--space-sm)*-1);
    bottom: calc(var(--space-sm)*-1)
}

.-inset-y-20 {
    top: calc(var(--space-md)*-1);
    bottom: calc(var(--space-md)*-1)
}

.-inset-y-24 {
    top: calc(var(--space-lg)*-1);
    bottom: calc(var(--space-lg)*-1)
}

.-inset-y-32 {
    top: calc(var(--space-xl)*-1);
    bottom: calc(var(--space-xl)*-1)
}

.-inset-y-40 {
    top: calc(var(--space-2xl)*-1);
    bottom: calc(var(--space-2xl)*-1)
}

.-inset-y-48 {
    top: calc(var(--space-3xl)*-1);
    bottom: calc(var(--space-3xl)*-1)
}

.-inset-y-80 {
    top: calc(var(--space-4xl)*-1);
    bottom: calc(var(--space-4xl)*-1)
}

.inset-y-1\/2 {
    top: 50%;
    bottom: 50%
}

.inset-y-1\/3 {
    top: 33.333333%;
    bottom: 33.333333%
}

.inset-y-2\/3 {
    top: 66.666667%;
    bottom: 66.666667%
}

.inset-y-1\/4 {
    top: 25%;
    bottom: 25%
}

.inset-y-2\/4 {
    top: 50%;
    bottom: 50%
}

.inset-y-3\/4 {
    top: 75%;
    bottom: 75%
}

.inset-y-full {
    top: 100%;
    bottom: 100%
}

.-inset-y-1\/2 {
    top: -50%;
    bottom: -50%
}

.-inset-y-1\/3 {
    top: -33.333333%;
    bottom: -33.333333%
}

.-inset-y-2\/3 {
    top: -66.666667%;
    bottom: -66.666667%
}

.-inset-y-1\/4 {
    top: -25%;
    bottom: -25%
}

.-inset-y-2\/4 {
    top: -50%;
    bottom: -50%
}

.-inset-y-3\/4 {
    top: -75%;
    bottom: -75%
}

.-inset-y-full {
    top: -100%;
    bottom: -100%
}

.top-0 {
    top: 0
}

.top-2 {
    top: var(--space-5xs)
}

.top-4 {
    top: var(--space-4xs)
}

.top-6 {
    top: var(--space-3xs)
}

.top-8 {
    top: var(--space-2xs)
}

.top-12 {
    top: var(--space-xs)
}

.top-16 {
    top: var(--space-sm)
}

.top-20 {
    top: var(--space-md)
}

.top-24 {
    top: var(--space-lg)
}

.top-32 {
    top: var(--space-xl)
}

.top-40 {
    top: var(--space-2xl)
}

.top-48 {
    top: var(--space-3xl)
}

.top-80 {
    top: var(--space-4xl)
}

.top-auto {
    top: auto
}

.-top-2 {
    top: calc(var(--space-5xs)*-1)
}

.-top-4 {
    top: calc(var(--space-4xs)*-1)
}

.-top-6 {
    top: calc(var(--space-3xs)*-1)
}

.-top-8 {
    top: calc(var(--space-2xs)*-1)
}

.-top-12 {
    top: calc(var(--space-xs)*-1)
}

.-top-16 {
    top: calc(var(--space-sm)*-1)
}

.-top-20 {
    top: calc(var(--space-md)*-1)
}

.-top-24 {
    top: calc(var(--space-lg)*-1)
}

.-top-32 {
    top: calc(var(--space-xl)*-1)
}

.-top-40 {
    top: calc(var(--space-2xl)*-1)
}

.-top-48 {
    top: calc(var(--space-3xl)*-1)
}

.-top-80 {
    top: calc(var(--space-4xl)*-1)
}

.top-1\/2 {
    top: 50%
}

.top-1\/3 {
    top: 33.333333%
}

.top-2\/3 {
    top: 66.666667%
}

.top-1\/4 {
    top: 25%
}

.top-2\/4 {
    top: 50%
}

.top-3\/4 {
    top: 75%
}

.top-full {
    top: 100%
}

.-top-1\/2 {
    top: -50%
}

.-top-1\/3 {
    top: -33.333333%
}

.-top-2\/3 {
    top: -66.666667%
}

.-top-1\/4 {
    top: -25%
}

.-top-2\/4 {
    top: -50%
}

.-top-3\/4 {
    top: -75%
}

.-top-full {
    top: -100%
}

.right-0 {
    right: 0
}

.right-2 {
    right: var(--space-5xs)
}

.right-4 {
    right: var(--space-4xs)
}

.right-6 {
    right: var(--space-3xs)
}

.right-8 {
    right: var(--space-2xs)
}

.right-12 {
    right: var(--space-xs)
}

.right-16 {
    right: var(--space-sm)
}

.right-20 {
    right: var(--space-md)
}

.right-24 {
    right: var(--space-lg)
}

.right-32 {
    right: var(--space-xl)
}

.right-40 {
    right: var(--space-2xl)
}

.right-48 {
    right: var(--space-3xl)
}

.right-80 {
    right: var(--space-4xl)
}

.right-auto {
    right: auto
}

.-right-2 {
    right: calc(var(--space-5xs)*-1)
}

.-right-4 {
    right: calc(var(--space-4xs)*-1)
}

.-right-6 {
    right: calc(var(--space-3xs)*-1)
}

.-right-8 {
    right: calc(var(--space-2xs)*-1)
}

.-right-12 {
    right: calc(var(--space-xs)*-1)
}

.-right-16 {
    right: calc(var(--space-sm)*-1)
}

.-right-20 {
    right: calc(var(--space-md)*-1)
}

.-right-24 {
    right: calc(var(--space-lg)*-1)
}

.-right-32 {
    right: calc(var(--space-xl)*-1)
}

.-right-40 {
    right: calc(var(--space-2xl)*-1)
}

.-right-48 {
    right: calc(var(--space-3xl)*-1)
}

.-right-80 {
    right: calc(var(--space-4xl)*-1)
}

.right-1\/2 {
    right: 50%
}

.right-1\/3 {
    right: 33.333333%
}

.right-2\/3 {
    right: 66.666667%
}

.right-1\/4 {
    right: 25%
}

.right-2\/4 {
    right: 50%
}

.right-3\/4 {
    right: 75%
}

.right-full {
    right: 100%
}

.-right-1\/2 {
    right: -50%
}

.-right-1\/3 {
    right: -33.333333%
}

.-right-2\/3 {
    right: -66.666667%
}

.-right-1\/4 {
    right: -25%
}

.-right-2\/4 {
    right: -50%
}

.-right-3\/4 {
    right: -75%
}

.-right-full {
    right: -100%
}

.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: var(--space-5xs)
}

.bottom-4 {
    bottom: var(--space-4xs)
}

.bottom-6 {
    bottom: var(--space-3xs)
}

.bottom-8 {
    bottom: var(--space-2xs)
}

.bottom-12 {
    bottom: var(--space-xs)
}

.bottom-16 {
    bottom: var(--space-sm)
}

.bottom-20 {
    bottom: var(--space-md)
}

.bottom-24 {
    bottom: var(--space-lg)
}

.bottom-32 {
    bottom: var(--space-xl)
}

.bottom-40 {
    bottom: var(--space-2xl)
}

.bottom-48 {
    bottom: var(--space-3xl)
}

.bottom-80 {
    bottom: var(--space-4xl)
}

.bottom-auto {
    bottom: auto
}

.-bottom-2 {
    bottom: calc(var(--space-5xs)*-1)
}

.-bottom-4 {
    bottom: calc(var(--space-4xs)*-1)
}

.-bottom-6 {
    bottom: calc(var(--space-3xs)*-1)
}

.-bottom-8 {
    bottom: calc(var(--space-2xs)*-1)
}

.-bottom-12 {
    bottom: calc(var(--space-xs)*-1)
}

.-bottom-16 {
    bottom: calc(var(--space-sm)*-1)
}

.-bottom-20 {
    bottom: calc(var(--space-md)*-1)
}

.-bottom-24 {
    bottom: calc(var(--space-lg)*-1)
}

.-bottom-32 {
    bottom: calc(var(--space-xl)*-1)
}

.-bottom-40 {
    bottom: calc(var(--space-2xl)*-1)
}

.-bottom-48 {
    bottom: calc(var(--space-3xl)*-1)
}

.-bottom-80 {
    bottom: calc(var(--space-4xl)*-1)
}

.bottom-1\/2 {
    bottom: 50%
}

.bottom-1\/3 {
    bottom: 33.333333%
}

.bottom-2\/3 {
    bottom: 66.666667%
}

.bottom-1\/4 {
    bottom: 25%
}

.bottom-2\/4 {
    bottom: 50%
}

.bottom-3\/4 {
    bottom: 75%
}

.bottom-full {
    bottom: 100%
}

.-bottom-1\/2 {
    bottom: -50%
}

.-bottom-1\/3 {
    bottom: -33.333333%
}

.-bottom-2\/3 {
    bottom: -66.666667%
}

.-bottom-1\/4 {
    bottom: -25%
}

.-bottom-2\/4 {
    bottom: -50%
}

.-bottom-3\/4 {
    bottom: -75%
}

.-bottom-full {
    bottom: -100%
}

.left-0 {
    left: 0
}

.left-2 {
    left: var(--space-5xs)
}

.left-4 {
    left: var(--space-4xs)
}

.left-6 {
    left: var(--space-3xs)
}

.left-8 {
    left: var(--space-2xs)
}

.left-12 {
    left: var(--space-xs)
}

.left-16 {
    left: var(--space-sm)
}

.left-20 {
    left: var(--space-md)
}

.left-24 {
    left: var(--space-lg)
}

.left-32 {
    left: var(--space-xl)
}

.left-40 {
    left: var(--space-2xl)
}

.left-48 {
    left: var(--space-3xl)
}

.left-80 {
    left: var(--space-4xl)
}

.left-auto {
    left: auto
}

.-left-2 {
    left: calc(var(--space-5xs)*-1)
}

.-left-4 {
    left: calc(var(--space-4xs)*-1)
}

.-left-6 {
    left: calc(var(--space-3xs)*-1)
}

.-left-8 {
    left: calc(var(--space-2xs)*-1)
}

.-left-12 {
    left: calc(var(--space-xs)*-1)
}

.-left-16 {
    left: calc(var(--space-sm)*-1)
}

.-left-20 {
    left: calc(var(--space-md)*-1)
}

.-left-24 {
    left: calc(var(--space-lg)*-1)
}

.-left-32 {
    left: calc(var(--space-xl)*-1)
}

.-left-40 {
    left: calc(var(--space-2xl)*-1)
}

.-left-48 {
    left: calc(var(--space-3xl)*-1)
}

.-left-80 {
    left: calc(var(--space-4xl)*-1)
}

.left-1\/2 {
    left: 50%
}

.left-1\/3 {
    left: 33.333333%
}

.left-2\/3 {
    left: 66.666667%
}

.left-1\/4 {
    left: 25%
}

.left-2\/4 {
    left: 50%
}

.left-3\/4 {
    left: 75%
}

.left-full {
    left: 100%
}

.-left-1\/2 {
    left: -50%
}

.-left-1\/3 {
    left: -33.333333%
}

.-left-2\/3 {
    left: -66.666667%
}

.-left-1\/4 {
    left: -25%
}

.-left-2\/4 {
    left: -50%
}

.-left-3\/4 {
    left: -75%
}

.-left-full {
    left: -100%
}

.isolate {
    isolation: isolate
}

.isolation-auto {
    isolation: auto
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-auto {
    z-index: auto
}

.focus-within\:z-0:focus-within {
    z-index: 0
}

.focus-within\:z-10:focus-within {
    z-index: 10
}

.focus-within\:z-20:focus-within {
    z-index: 20
}

.focus-within\:z-30:focus-within {
    z-index: 30
}

.focus-within\:z-40:focus-within {
    z-index: 40
}

.focus-within\:z-50:focus-within {
    z-index: 50
}

.focus-within\:z-auto:focus-within {
    z-index: auto
}

.focus\:z-0:focus {
    z-index: 0
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:z-20:focus {
    z-index: 20
}

.focus\:z-30:focus {
    z-index: 30
}

.focus\:z-40:focus {
    z-index: 40
}

.focus\:z-50:focus {
    z-index: 50
}

.focus\:z-auto:focus {
    z-index: auto
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.order-none {
    order: 0
}

.col-auto {
    grid-column: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row-auto {
    grid-row: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.clear-both {
    clear: both
}

.clear-none {
    clear: none
}

.m-0 {
    margin: 0
}

.m-2 {
    margin: var(--space-5xs)
}

.m-4 {
    margin: var(--space-4xs)
}

.m-6 {
    margin: var(--space-3xs)
}

.m-8 {
    margin: var(--space-2xs)
}

.m-12 {
    margin: var(--space-xs)
}

.m-16 {
    margin: var(--space-sm)
}

.m-20 {
    margin: var(--space-md)
}

.m-24 {
    margin: var(--space-lg)
}

.m-32 {
    margin: var(--space-xl)
}

.m-40 {
    margin: var(--space-2xl)
}

.m-48 {
    margin: var(--space-3xl)
}

.m-80 {
    margin: var(--space-4xl)
}

.m-auto {
    margin: auto
}

.-m-2 {
    margin: calc(var(--space-5xs)*-1)
}

.-m-4 {
    margin: calc(var(--space-4xs)*-1)
}

.-m-6 {
    margin: calc(var(--space-3xs)*-1)
}

.-m-8 {
    margin: calc(var(--space-2xs)*-1)
}

.-m-12 {
    margin: calc(var(--space-xs)*-1)
}

.-m-16 {
    margin: calc(var(--space-sm)*-1)
}

.-m-20 {
    margin: calc(var(--space-md)*-1)
}

.-m-24 {
    margin: calc(var(--space-lg)*-1)
}

.-m-32 {
    margin: calc(var(--space-xl)*-1)
}

.-m-40 {
    margin: calc(var(--space-2xl)*-1)
}

.-m-48 {
    margin: calc(var(--space-3xl)*-1)
}

.-m-80 {
    margin: calc(var(--space-4xl)*-1)
}

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

.mx-2 {
    margin-left: var(--space-5xs);
    margin-right: var(--space-5xs)
}

.mx-4 {
    margin-left: var(--space-4xs);
    margin-right: var(--space-4xs)
}

.mx-6 {
    margin-left: var(--space-3xs);
    margin-right: var(--space-3xs)
}

.mx-8 {
    margin-left: var(--space-2xs);
    margin-right: var(--space-2xs)
}

.mx-12 {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs)
}

.mx-16 {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm)
}

.mx-20 {
    margin-left: var(--space-md);
    margin-right: var(--space-md)
}

.mx-24 {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg)
}

.mx-32 {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl)
}

.mx-40 {
    margin-left: var(--space-2xl);
    margin-right: var(--space-2xl)
}

.mx-48 {
    margin-left: var(--space-3xl);
    margin-right: var(--space-3xl)
}

.mx-80 {
    margin-left: var(--space-4xl);
    margin-right: var(--space-4xl)
}

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

.-mx-2 {
    margin-left: calc(var(--space-5xs)*-1);
    margin-right: calc(var(--space-5xs)*-1)
}

.-mx-4 {
    margin-left: calc(var(--space-4xs)*-1);
    margin-right: calc(var(--space-4xs)*-1)
}

.-mx-6 {
    margin-left: calc(var(--space-3xs)*-1);
    margin-right: calc(var(--space-3xs)*-1)
}

.-mx-8 {
    margin-left: calc(var(--space-2xs)*-1);
    margin-right: calc(var(--space-2xs)*-1)
}

.-mx-12 {
    margin-left: calc(var(--space-xs)*-1);
    margin-right: calc(var(--space-xs)*-1)
}

.-mx-16 {
    margin-left: calc(var(--space-sm)*-1);
    margin-right: calc(var(--space-sm)*-1)
}

.-mx-20 {
    margin-left: calc(var(--space-md)*-1);
    margin-right: calc(var(--space-md)*-1)
}

.-mx-24 {
    margin-left: calc(var(--space-lg)*-1);
    margin-right: calc(var(--space-lg)*-1)
}

.-mx-32 {
    margin-left: calc(var(--space-xl)*-1);
    margin-right: calc(var(--space-xl)*-1)
}

.-mx-40 {
    margin-left: calc(var(--space-2xl)*-1);
    margin-right: calc(var(--space-2xl)*-1)
}

.-mx-48 {
    margin-left: calc(var(--space-3xl)*-1);
    margin-right: calc(var(--space-3xl)*-1)
}

.-mx-80 {
    margin-left: calc(var(--space-4xl)*-1);
    margin-right: calc(var(--space-4xl)*-1)
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-2 {
    margin-top: var(--space-5xs);
    margin-bottom: var(--space-5xs)
}

.my-4 {
    margin-top: var(--space-4xs);
    margin-bottom: var(--space-4xs)
}

.my-6 {
    margin-top: var(--space-3xs);
    margin-bottom: var(--space-3xs)
}

.my-8 {
    margin-top: var(--space-2xs);
    margin-bottom: var(--space-2xs)
}

.my-12 {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs)
}

.my-16 {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm)
}

.my-20 {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md)
}

.my-24 {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg)
}

.my-32 {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl)
}

.my-40 {
    margin-top: var(--space-2xl);
    margin-bottom: var(--space-2xl)
}

.my-48 {
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-3xl)
}

.my-80 {
    margin-top: var(--space-4xl);
    margin-bottom: var(--space-4xl)
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.-my-2 {
    margin-top: calc(var(--space-5xs)*-1);
    margin-bottom: calc(var(--space-5xs)*-1)
}

.-my-4 {
    margin-top: calc(var(--space-4xs)*-1);
    margin-bottom: calc(var(--space-4xs)*-1)
}

.-my-6 {
    margin-top: calc(var(--space-3xs)*-1);
    margin-bottom: calc(var(--space-3xs)*-1)
}

.-my-8 {
    margin-top: calc(var(--space-2xs)*-1);
    margin-bottom: calc(var(--space-2xs)*-1)
}

.-my-12 {
    margin-top: calc(var(--space-xs)*-1);
    margin-bottom: calc(var(--space-xs)*-1)
}

.-my-16 {
    margin-top: calc(var(--space-sm)*-1);
    margin-bottom: calc(var(--space-sm)*-1)
}

.-my-20 {
    margin-top: calc(var(--space-md)*-1);
    margin-bottom: calc(var(--space-md)*-1)
}

.-my-24 {
    margin-top: calc(var(--space-lg)*-1);
    margin-bottom: calc(var(--space-lg)*-1)
}

.-my-32 {
    margin-top: calc(var(--space-xl)*-1);
    margin-bottom: calc(var(--space-xl)*-1)
}

.-my-40 {
    margin-top: calc(var(--space-2xl)*-1);
    margin-bottom: calc(var(--space-2xl)*-1)
}

.-my-48 {
    margin-top: calc(var(--space-3xl)*-1);
    margin-bottom: calc(var(--space-3xl)*-1)
}

.-my-80 {
    margin-top: calc(var(--space-4xl)*-1);
    margin-bottom: calc(var(--space-4xl)*-1)
}

.mt-0 {
    margin-top: 0
}

.mt-2 {
    margin-top: var(--space-5xs)
}

.mt-4 {
    margin-top: var(--space-4xs)
}

.mt-6 {
    margin-top: var(--space-3xs)
}

.mt-8 {
    margin-top: var(--space-2xs)
}

.mt-12 {
    margin-top: var(--space-xs)
}

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

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

.mt-24 {
    margin-top: var(--space-lg)
}

.mt-32 {
    margin-top: var(--space-xl)
}

.mt-40 {
    margin-top: var(--space-2xl)
}

.mt-48 {
    margin-top: var(--space-3xl)
}

.mt-80 {
    margin-top: var(--space-4xl)
}

.mt-auto {
    margin-top: auto
}

.-mt-2 {
    margin-top: calc(var(--space-5xs)*-1)
}

.-mt-4 {
    margin-top: calc(var(--space-4xs)*-1)
}

.-mt-6 {
    margin-top: calc(var(--space-3xs)*-1)
}

.-mt-8 {
    margin-top: calc(var(--space-2xs)*-1)
}

.-mt-12 {
    margin-top: calc(var(--space-xs)*-1)
}

.-mt-16 {
    margin-top: calc(var(--space-sm)*-1)
}

.-mt-20 {
    margin-top: calc(var(--space-md)*-1)
}

.-mt-24 {
    margin-top: calc(var(--space-lg)*-1)
}

.-mt-32 {
    margin-top: calc(var(--space-xl)*-1)
}

.-mt-40 {
    margin-top: calc(var(--space-2xl)*-1)
}

.-mt-48 {
    margin-top: calc(var(--space-3xl)*-1)
}

.-mt-80 {
    margin-top: calc(var(--space-4xl)*-1)
}

.mr-0 {
    margin-right: 0
}

.mr-2 {
    margin-right: var(--space-5xs)
}

.mr-4 {
    margin-right: var(--space-4xs)
}

.mr-6 {
    margin-right: var(--space-3xs)
}

.mr-8 {
    margin-right: var(--space-2xs)
}

.mr-12 {
    margin-right: var(--space-xs)
}

.mr-16 {
    margin-right: var(--space-sm)
}

.mr-20 {
    margin-right: var(--space-md)
}

.mr-24 {
    margin-right: var(--space-lg)
}

.mr-32 {
    margin-right: var(--space-xl)
}

.mr-40 {
    margin-right: var(--space-2xl)
}

.mr-48 {
    margin-right: var(--space-3xl)
}

.mr-80 {
    margin-right: var(--space-4xl)
}

.mr-auto {
    margin-right: auto
}

.-mr-2 {
    margin-right: calc(var(--space-5xs)*-1)
}

.-mr-4 {
    margin-right: calc(var(--space-4xs)*-1)
}

.-mr-6 {
    margin-right: calc(var(--space-3xs)*-1)
}

.-mr-8 {
    margin-right: calc(var(--space-2xs)*-1)
}

.-mr-12 {
    margin-right: calc(var(--space-xs)*-1)
}

.-mr-16 {
    margin-right: calc(var(--space-sm)*-1)
}

.-mr-20 {
    margin-right: calc(var(--space-md)*-1)
}

.-mr-24 {
    margin-right: calc(var(--space-lg)*-1)
}

.-mr-32 {
    margin-right: calc(var(--space-xl)*-1)
}

.-mr-40 {
    margin-right: calc(var(--space-2xl)*-1)
}

.-mr-48 {
    margin-right: calc(var(--space-3xl)*-1)
}

.-mr-80 {
    margin-right: calc(var(--space-4xl)*-1)
}

.mb-0 {
    margin-bottom: 0
}

.mb-2 {
    margin-bottom: var(--space-5xs)
}

.mb-4 {
    margin-bottom: var(--space-4xs)
}

.mb-6 {
    margin-bottom: var(--space-3xs)
}

.mb-8 {
    margin-bottom: var(--space-2xs)
}

.mb-12 {
    margin-bottom: var(--space-xs)
}

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

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

.mb-24 {
    margin-bottom: var(--space-lg)
}

.mb-32 {
    margin-bottom: var(--space-xl)
}

.mb-40 {
    margin-bottom: var(--space-2xl)
}

.mb-48 {
    margin-bottom: var(--space-3xl)
}

.mb-80 {
    margin-bottom: var(--space-4xl)
}

.mb-auto {
    margin-bottom: auto
}

.-mb-2 {
    margin-bottom: calc(var(--space-5xs)*-1)
}

.-mb-4 {
    margin-bottom: calc(var(--space-4xs)*-1)
}

.-mb-6 {
    margin-bottom: calc(var(--space-3xs)*-1)
}

.-mb-8 {
    margin-bottom: calc(var(--space-2xs)*-1)
}

.-mb-12 {
    margin-bottom: calc(var(--space-xs)*-1)
}

.-mb-16 {
    margin-bottom: calc(var(--space-sm)*-1)
}

.-mb-20 {
    margin-bottom: calc(var(--space-md)*-1)
}

.-mb-24 {
    margin-bottom: calc(var(--space-lg)*-1)
}

.-mb-32 {
    margin-bottom: calc(var(--space-xl)*-1)
}

.-mb-40 {
    margin-bottom: calc(var(--space-2xl)*-1)
}

.-mb-48 {
    margin-bottom: calc(var(--space-3xl)*-1)
}

.-mb-80 {
    margin-bottom: calc(var(--space-4xl)*-1)
}

.ml-0 {
    margin-left: 0
}

.ml-2 {
    margin-left: var(--space-5xs)
}

.ml-4 {
    margin-left: var(--space-4xs)
}

.ml-6 {
    margin-left: var(--space-3xs)
}

.ml-8 {
    margin-left: var(--space-2xs)
}

.ml-12 {
    margin-left: var(--space-xs)
}

.ml-16 {
    margin-left: var(--space-sm)
}

.ml-20 {
    margin-left: var(--space-md)
}

.ml-24 {
    margin-left: var(--space-lg)
}

.ml-32 {
    margin-left: var(--space-xl)
}

.ml-40 {
    margin-left: var(--space-2xl)
}

.ml-48 {
    margin-left: var(--space-3xl)
}

.ml-80 {
    margin-left: var(--space-4xl)
}

.ml-auto {
    margin-left: auto
}

.-ml-2 {
    margin-left: calc(var(--space-5xs)*-1)
}

.-ml-4 {
    margin-left: calc(var(--space-4xs)*-1)
}

.-ml-6 {
    margin-left: calc(var(--space-3xs)*-1)
}

.-ml-8 {
    margin-left: calc(var(--space-2xs)*-1)
}

.-ml-12 {
    margin-left: calc(var(--space-xs)*-1)
}

.-ml-16 {
    margin-left: calc(var(--space-sm)*-1)
}

.-ml-20 {
    margin-left: calc(var(--space-md)*-1)
}

.-ml-24 {
    margin-left: calc(var(--space-lg)*-1)
}

.-ml-32 {
    margin-left: calc(var(--space-xl)*-1)
}

.-ml-40 {
    margin-left: calc(var(--space-2xl)*-1)
}

.-ml-48 {
    margin-left: calc(var(--space-3xl)*-1)
}

.-ml-80 {
    margin-left: calc(var(--space-4xl)*-1)
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: content-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.inline-table {
    display: inline-table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.table-column {
    display: table-column
}

.table-column-group {
    display: table-column-group
}

.table-footer-group {
    display: table-footer-group
}

.table-header-group {
    display: table-header-group
}

.table-row-group {
    display: table-row-group
}

.table-row {
    display: table-row
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

.h-2 {
    height: var(--space-5xs)
}

.h-4 {
    height: var(--space-4xs)
}

.h-6 {
    height: var(--space-3xs)
}

.h-8 {
    height: var(--space-2xs)
}

.h-12 {
    height: var(--space-xs)
}

.h-16 {
    height: var(--space-sm)
}

.h-20 {
    height: var(--space-md)
}

.h-24 {
    height: var(--space-lg)
}

.h-32 {
    height: var(--space-xl)
}

.h-40 {
    height: var(--space-2xl)
}

.h-48 {
    height: var(--space-3xl)
}

.h-80 {
    height: var(--space-4xl)
}

.h-auto {
    height: auto
}

.h-1\/2 {
    height: 50%
}

.h-1\/3 {
    height: 33.333333%
}

.h-2\/3 {
    height: 66.666667%
}

.h-1\/4 {
    height: 25%
}

.h-2\/4 {
    height: 50%
}

.h-3\/4 {
    height: 75%
}

.h-1\/5 {
    height: 20%
}

.h-2\/5 {
    height: 40%
}

.h-3\/5 {
    height: 60%
}

.h-4\/5 {
    height: 80%
}

.h-1\/6 {
    height: 16.666667%
}

.h-2\/6 {
    height: 33.333333%
}

.h-3\/6 {
    height: 50%
}

.h-4\/6 {
    height: 66.666667%
}

.h-5\/6 {
    height: 83.333333%
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-2 {
    max-height: var(--space-5xs)
}

.max-h-4 {
    max-height: var(--space-4xs)
}

.max-h-6 {
    max-height: var(--space-3xs)
}

.max-h-8 {
    max-height: var(--space-2xs)
}

.max-h-12 {
    max-height: var(--space-xs)
}

.max-h-16 {
    max-height: var(--space-sm)
}

.max-h-20 {
    max-height: var(--space-md)
}

.max-h-24 {
    max-height: var(--space-lg)
}

.max-h-32 {
    max-height: var(--space-xl)
}

.max-h-40 {
    max-height: var(--space-2xl)
}

.max-h-48 {
    max-height: var(--space-3xl)
}

.max-h-80 {
    max-height: var(--space-4xl)
}

.max-h-full {
    max-height: 100%
}

.max-h-screen {
    max-height: 100vh
}

.min-h-0 {
    min-height: 0
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0
}

.w-2 {
    width: var(--space-5xs)
}

.w-4 {
    width: var(--space-4xs)
}

.w-6 {
    width: var(--space-3xs)
}

.w-8 {
    width: var(--space-2xs)
}

.w-12 {
    width: var(--space-xs)
}

.w-16 {
    width: var(--space-sm)
}

.w-20 {
    width: var(--space-md)
}

.w-24 {
    width: var(--space-lg)
}

.w-32 {
    width: var(--space-xl)
}

.w-40 {
    width: var(--space-2xl)
}

.w-48 {
    width: var(--space-3xl)
}

.w-80 {
    width: var(--space-4xl)
}

.w-auto {
    width: auto
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-2\/3 {
    width: 66.666667%
}

.w-1\/4 {
    width: 25%
}

.w-2\/4 {
    width: 50%
}

.w-3\/4 {
    width: 75%
}

.w-1\/5 {
    width: 20%
}

.w-2\/5 {
    width: 40%
}

.w-3\/5 {
    width: 60%
}

.w-4\/5 {
    width: 80%
}

.w-1\/6 {
    width: 16.666667%
}

.w-2\/6 {
    width: 33.333333%
}

.w-3\/6 {
    width: 50%
}

.w-4\/6 {
    width: 66.666667%
}

.w-5\/6 {
    width: 83.333333%
}

.w-1\/12 {
    width: 8.333333%
}

.w-2\/12 {
    width: 16.666667%
}

.w-3\/12 {
    width: 25%
}

.w-4\/12 {
    width: 33.333333%
}

.w-5\/12 {
    width: 41.666667%
}

.w-6\/12 {
    width: 50%
}

.w-7\/12 {
    width: 58.333333%
}

.w-8\/12 {
    width: 66.666667%
}

.w-9\/12 {
    width: 75%
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.w-min {
    width: -webkit-min-content;
    width: min-content
}

.w-max {
    width: -webkit-max-content;
    width: max-content
}

.min-w-0 {
    min-width: 0
}

.min-w-full {
    min-width: 100%
}

.min-w-min {
    min-width: -webkit-min-content;
    min-width: min-content
}

.min-w-max {
    min-width: -webkit-max-content;
    min-width: max-content
}

.max-w-0 {
    max-width: 0
}

.max-w-none {
    max-width: none
}

.max-w-xs {
    max-width: 20rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-full {
    max-width: 100%
}

.max-w-min {
    max-width: -webkit-min-content;
    max-width: min-content
}

.max-w-max {
    max-width: -webkit-max-content;
    max-width: max-content
}

.max-w-prose {
    max-width: 65ch
}

.max-w-screen-sm {
    max-width: 576px
}

.max-w-screen-md {
    max-width: 768px
}

.max-w-screen-lg {
    max-width: 992px
}

.max-w-screen-xl {
    max-width: 1200px
}

.max-w-screen-xxl {
    max-width: 1536px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

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

.flex-shrink {
    flex-shrink: 1
}

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

.flex-grow {
    flex-grow: 1
}

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.border-collapse {
    border-collapse: collapse
}

.border-separate {
    border-collapse: separate
}

.origin-center {
    transform-origin: center
}

.origin-top {
    transform-origin: top
}

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

.origin-right {
    transform-origin: right
}

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

.origin-bottom {
    transform-origin: bottom
}

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

.origin-left {
    transform-origin: left
}

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

.transform {
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform,
.transform-gpu {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-none {
    transform: none
}

.translate-x-0 {
    --tw-translate-x: 0
}

.translate-x-2 {
    --tw-translate-x: var(--space-5xs)
}

.translate-x-4 {
    --tw-translate-x: var(--space-4xs)
}

.translate-x-6 {
    --tw-translate-x: var(--space-3xs)
}

.translate-x-8 {
    --tw-translate-x: var(--space-2xs)
}

.translate-x-12 {
    --tw-translate-x: var(--space-xs)
}

.translate-x-16 {
    --tw-translate-x: var(--space-sm)
}

.translate-x-20 {
    --tw-translate-x: var(--space-md)
}

.translate-x-24 {
    --tw-translate-x: var(--space-lg)
}

.translate-x-32 {
    --tw-translate-x: var(--space-xl)
}

.translate-x-40 {
    --tw-translate-x: var(--space-2xl)
}

.translate-x-48 {
    --tw-translate-x: var(--space-3xl)
}

.translate-x-80 {
    --tw-translate-x: var(--space-4xl)
}

.-translate-x-2 {
    --tw-translate-x: calc(var(--space-5xs)*-1)
}

.-translate-x-4 {
    --tw-translate-x: calc(var(--space-4xs)*-1)
}

.-translate-x-6 {
    --tw-translate-x: calc(var(--space-3xs)*-1)
}

.-translate-x-8 {
    --tw-translate-x: calc(var(--space-2xs)*-1)
}

.-translate-x-12 {
    --tw-translate-x: calc(var(--space-xs)*-1)
}

.-translate-x-16 {
    --tw-translate-x: calc(var(--space-sm)*-1)
}

.-translate-x-20 {
    --tw-translate-x: calc(var(--space-md)*-1)
}

.-translate-x-24 {
    --tw-translate-x: calc(var(--space-lg)*-1)
}

.-translate-x-32 {
    --tw-translate-x: calc(var(--space-xl)*-1)
}

.-translate-x-40 {
    --tw-translate-x: calc(var(--space-2xl)*-1)
}

.-translate-x-48 {
    --tw-translate-x: calc(var(--space-3xl)*-1)
}

.-translate-x-80 {
    --tw-translate-x: calc(var(--space-4xl)*-1)
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-1\/3 {
    --tw-translate-x: 33.333333%
}

.translate-x-2\/3 {
    --tw-translate-x: 66.666667%
}

.translate-x-1\/4 {
    --tw-translate-x: 25%
}

.translate-x-2\/4 {
    --tw-translate-x: 50%
}

.translate-x-3\/4 {
    --tw-translate-x: 75%
}

.translate-x-full {
    --tw-translate-x: 100%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/3 {
    --tw-translate-x: -33.333333%
}

.-translate-x-2\/3 {
    --tw-translate-x: -66.666667%
}

.-translate-x-1\/4 {
    --tw-translate-x: -25%
}

.-translate-x-2\/4 {
    --tw-translate-x: -50%
}

.-translate-x-3\/4 {
    --tw-translate-x: -75%
}

.-translate-x-full {
    --tw-translate-x: -100%
}

.translate-y-0 {
    --tw-translate-y: 0
}

.translate-y-2 {
    --tw-translate-y: var(--space-5xs)
}

.translate-y-4 {
    --tw-translate-y: var(--space-4xs)
}

.translate-y-6 {
    --tw-translate-y: var(--space-3xs)
}

.translate-y-8 {
    --tw-translate-y: var(--space-2xs)
}

.translate-y-12 {
    --tw-translate-y: var(--space-xs)
}

.translate-y-16 {
    --tw-translate-y: var(--space-sm)
}

.translate-y-20 {
    --tw-translate-y: var(--space-md)
}

.translate-y-24 {
    --tw-translate-y: var(--space-lg)
}

.translate-y-32 {
    --tw-translate-y: var(--space-xl)
}

.translate-y-40 {
    --tw-translate-y: var(--space-2xl)
}

.translate-y-48 {
    --tw-translate-y: var(--space-3xl)
}

.translate-y-80 {
    --tw-translate-y: var(--space-4xl)
}

.-translate-y-2 {
    --tw-translate-y: calc(var(--space-5xs)*-1)
}

.-translate-y-4 {
    --tw-translate-y: calc(var(--space-4xs)*-1)
}

.-translate-y-6 {
    --tw-translate-y: calc(var(--space-3xs)*-1)
}

.-translate-y-8 {
    --tw-translate-y: calc(var(--space-2xs)*-1)
}

.-translate-y-12 {
    --tw-translate-y: calc(var(--space-xs)*-1)
}

.-translate-y-16 {
    --tw-translate-y: calc(var(--space-sm)*-1)
}

.-translate-y-20 {
    --tw-translate-y: calc(var(--space-md)*-1)
}

.-translate-y-24 {
    --tw-translate-y: calc(var(--space-lg)*-1)
}

.-translate-y-32 {
    --tw-translate-y: calc(var(--space-xl)*-1)
}

.-translate-y-40 {
    --tw-translate-y: calc(var(--space-2xl)*-1)
}

.-translate-y-48 {
    --tw-translate-y: calc(var(--space-3xl)*-1)
}

.-translate-y-80 {
    --tw-translate-y: calc(var(--space-4xl)*-1)
}

.translate-y-1\/2 {
    --tw-translate-y: 50%
}

.translate-y-1\/3 {
    --tw-translate-y: 33.333333%
}

.translate-y-2\/3 {
    --tw-translate-y: 66.666667%
}

.translate-y-1\/4 {
    --tw-translate-y: 25%
}

.translate-y-2\/4 {
    --tw-translate-y: 50%
}

.translate-y-3\/4 {
    --tw-translate-y: 75%
}

.translate-y-full {
    --tw-translate-y: 100%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/3 {
    --tw-translate-y: -33.333333%
}

.-translate-y-2\/3 {
    --tw-translate-y: -66.666667%
}

.-translate-y-1\/4 {
    --tw-translate-y: -25%
}

.-translate-y-2\/4 {
    --tw-translate-y: -50%
}

.-translate-y-3\/4 {
    --tw-translate-y: -75%
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.hover\:translate-x-0:hover {
    --tw-translate-x: 0
}

.hover\:translate-x-2:hover {
    --tw-translate-x: var(--space-5xs)
}

.hover\:translate-x-4:hover {
    --tw-translate-x: var(--space-4xs)
}

.hover\:translate-x-6:hover {
    --tw-translate-x: var(--space-3xs)
}

.hover\:translate-x-8:hover {
    --tw-translate-x: var(--space-2xs)
}

.hover\:translate-x-12:hover {
    --tw-translate-x: var(--space-xs)
}

.hover\:translate-x-16:hover {
    --tw-translate-x: var(--space-sm)
}

.hover\:translate-x-20:hover {
    --tw-translate-x: var(--space-md)
}

.hover\:translate-x-24:hover {
    --tw-translate-x: var(--space-lg)
}

.hover\:translate-x-32:hover {
    --tw-translate-x: var(--space-xl)
}

.hover\:translate-x-40:hover {
    --tw-translate-x: var(--space-2xl)
}

.hover\:translate-x-48:hover {
    --tw-translate-x: var(--space-3xl)
}

.hover\:translate-x-80:hover {
    --tw-translate-x: var(--space-4xl)
}

.hover\:-translate-x-2:hover {
    --tw-translate-x: calc(var(--space-5xs)*-1)
}

.hover\:-translate-x-4:hover {
    --tw-translate-x: calc(var(--space-4xs)*-1)
}

.hover\:-translate-x-6:hover {
    --tw-translate-x: calc(var(--space-3xs)*-1)
}

.hover\:-translate-x-8:hover {
    --tw-translate-x: calc(var(--space-2xs)*-1)
}

.hover\:-translate-x-12:hover {
    --tw-translate-x: calc(var(--space-xs)*-1)
}

.hover\:-translate-x-16:hover {
    --tw-translate-x: calc(var(--space-sm)*-1)
}

.hover\:-translate-x-20:hover {
    --tw-translate-x: calc(var(--space-md)*-1)
}

.hover\:-translate-x-24:hover {
    --tw-translate-x: calc(var(--space-lg)*-1)
}

.hover\:-translate-x-32:hover {
    --tw-translate-x: calc(var(--space-xl)*-1)
}

.hover\:-translate-x-40:hover {
    --tw-translate-x: calc(var(--space-2xl)*-1)
}

.hover\:-translate-x-48:hover {
    --tw-translate-x: calc(var(--space-3xl)*-1)
}

.hover\:-translate-x-80:hover {
    --tw-translate-x: calc(var(--space-4xl)*-1)
}

.hover\:translate-x-1\/2:hover {
    --tw-translate-x: 50%
}

.hover\:translate-x-1\/3:hover {
    --tw-translate-x: 33.333333%
}

.hover\:translate-x-2\/3:hover {
    --tw-translate-x: 66.666667%
}

.hover\:translate-x-1\/4:hover {
    --tw-translate-x: 25%
}

.hover\:translate-x-2\/4:hover {
    --tw-translate-x: 50%
}

.hover\:translate-x-3\/4:hover {
    --tw-translate-x: 75%
}

.hover\:translate-x-full:hover {
    --tw-translate-x: 100%
}

.hover\:-translate-x-1\/2:hover {
    --tw-translate-x: -50%
}

.hover\:-translate-x-1\/3:hover {
    --tw-translate-x: -33.333333%
}

.hover\:-translate-x-2\/3:hover {
    --tw-translate-x: -66.666667%
}

.hover\:-translate-x-1\/4:hover {
    --tw-translate-x: -25%
}

.hover\:-translate-x-2\/4:hover {
    --tw-translate-x: -50%
}

.hover\:-translate-x-3\/4:hover {
    --tw-translate-x: -75%
}

.hover\:-translate-x-full:hover {
    --tw-translate-x: -100%
}

.hover\:translate-y-0:hover {
    --tw-translate-y: 0
}

.hover\:translate-y-2:hover {
    --tw-translate-y: var(--space-5xs)
}

.hover\:translate-y-4:hover {
    --tw-translate-y: var(--space-4xs)
}

.hover\:translate-y-6:hover {
    --tw-translate-y: var(--space-3xs)
}

.hover\:translate-y-8:hover {
    --tw-translate-y: var(--space-2xs)
}

.hover\:translate-y-12:hover {
    --tw-translate-y: var(--space-xs)
}

.hover\:translate-y-16:hover {
    --tw-translate-y: var(--space-sm)
}

.hover\:translate-y-20:hover {
    --tw-translate-y: var(--space-md)
}

.hover\:translate-y-24:hover {
    --tw-translate-y: var(--space-lg)
}

.hover\:translate-y-32:hover {
    --tw-translate-y: var(--space-xl)
}

.hover\:translate-y-40:hover {
    --tw-translate-y: var(--space-2xl)
}

.hover\:translate-y-48:hover {
    --tw-translate-y: var(--space-3xl)
}

.hover\:translate-y-80:hover {
    --tw-translate-y: var(--space-4xl)
}

.hover\:-translate-y-2:hover {
    --tw-translate-y: calc(var(--space-5xs)*-1)
}

.hover\:-translate-y-4:hover {
    --tw-translate-y: calc(var(--space-4xs)*-1)
}

.hover\:-translate-y-6:hover {
    --tw-translate-y: calc(var(--space-3xs)*-1)
}

.hover\:-translate-y-8:hover {
    --tw-translate-y: calc(var(--space-2xs)*-1)
}

.hover\:-translate-y-12:hover {
    --tw-translate-y: calc(var(--space-xs)*-1)
}

.hover\:-translate-y-16:hover {
    --tw-translate-y: calc(var(--space-sm)*-1)
}

.hover\:-translate-y-20:hover {
    --tw-translate-y: calc(var(--space-md)*-1)
}

.hover\:-translate-y-24:hover {
    --tw-translate-y: calc(var(--space-lg)*-1)
}

.hover\:-translate-y-32:hover {
    --tw-translate-y: calc(var(--space-xl)*-1)
}

.hover\:-translate-y-40:hover {
    --tw-translate-y: calc(var(--space-2xl)*-1)
}

.hover\:-translate-y-48:hover {
    --tw-translate-y: calc(var(--space-3xl)*-1)
}

.hover\:-translate-y-80:hover {
    --tw-translate-y: calc(var(--space-4xl)*-1)
}

.hover\:translate-y-1\/2:hover {
    --tw-translate-y: 50%
}

.hover\:translate-y-1\/3:hover {
    --tw-translate-y: 33.333333%
}

.hover\:translate-y-2\/3:hover {
    --tw-translate-y: 66.666667%
}

.hover\:translate-y-1\/4:hover {
    --tw-translate-y: 25%
}

.hover\:translate-y-2\/4:hover {
    --tw-translate-y: 50%
}

.hover\:translate-y-3\/4:hover {
    --tw-translate-y: 75%
}

.hover\:translate-y-full:hover {
    --tw-translate-y: 100%
}

.hover\:-translate-y-1\/2:hover {
    --tw-translate-y: -50%
}

.hover\:-translate-y-1\/3:hover {
    --tw-translate-y: -33.333333%
}

.hover\:-translate-y-2\/3:hover {
    --tw-translate-y: -66.666667%
}

.hover\:-translate-y-1\/4:hover {
    --tw-translate-y: -25%
}

.hover\:-translate-y-2\/4:hover {
    --tw-translate-y: -50%
}

.hover\:-translate-y-3\/4:hover {
    --tw-translate-y: -75%
}

.hover\:-translate-y-full:hover {
    --tw-translate-y: -100%
}

.focus\:translate-x-0:focus {
    --tw-translate-x: 0
}

.focus\:translate-x-2:focus {
    --tw-translate-x: var(--space-5xs)
}

.focus\:translate-x-4:focus {
    --tw-translate-x: var(--space-4xs)
}

.focus\:translate-x-6:focus {
    --tw-translate-x: var(--space-3xs)
}

.focus\:translate-x-8:focus {
    --tw-translate-x: var(--space-2xs)
}

.focus\:translate-x-12:focus {
    --tw-translate-x: var(--space-xs)
}

.focus\:translate-x-16:focus {
    --tw-translate-x: var(--space-sm)
}

.focus\:translate-x-20:focus {
    --tw-translate-x: var(--space-md)
}

.focus\:translate-x-24:focus {
    --tw-translate-x: var(--space-lg)
}

.focus\:translate-x-32:focus {
    --tw-translate-x: var(--space-xl)
}

.focus\:translate-x-40:focus {
    --tw-translate-x: var(--space-2xl)
}

.focus\:translate-x-48:focus {
    --tw-translate-x: var(--space-3xl)
}

.focus\:translate-x-80:focus {
    --tw-translate-x: var(--space-4xl)
}

.focus\:-translate-x-2:focus {
    --tw-translate-x: calc(var(--space-5xs)*-1)
}

.focus\:-translate-x-4:focus {
    --tw-translate-x: calc(var(--space-4xs)*-1)
}

.focus\:-translate-x-6:focus {
    --tw-translate-x: calc(var(--space-3xs)*-1)
}

.focus\:-translate-x-8:focus {
    --tw-translate-x: calc(var(--space-2xs)*-1)
}

.focus\:-translate-x-12:focus {
    --tw-translate-x: calc(var(--space-xs)*-1)
}

.focus\:-translate-x-16:focus {
    --tw-translate-x: calc(var(--space-sm)*-1)
}

.focus\:-translate-x-20:focus {
    --tw-translate-x: calc(var(--space-md)*-1)
}

.focus\:-translate-x-24:focus {
    --tw-translate-x: calc(var(--space-lg)*-1)
}

.focus\:-translate-x-32:focus {
    --tw-translate-x: calc(var(--space-xl)*-1)
}

.focus\:-translate-x-40:focus {
    --tw-translate-x: calc(var(--space-2xl)*-1)
}

.focus\:-translate-x-48:focus {
    --tw-translate-x: calc(var(--space-3xl)*-1)
}

.focus\:-translate-x-80:focus {
    --tw-translate-x: calc(var(--space-4xl)*-1)
}

.focus\:translate-x-1\/2:focus {
    --tw-translate-x: 50%
}

.focus\:translate-x-1\/3:focus {
    --tw-translate-x: 33.333333%
}

.focus\:translate-x-2\/3:focus {
    --tw-translate-x: 66.666667%
}

.focus\:translate-x-1\/4:focus {
    --tw-translate-x: 25%
}

.focus\:translate-x-2\/4:focus {
    --tw-translate-x: 50%
}

.focus\:translate-x-3\/4:focus {
    --tw-translate-x: 75%
}

.focus\:translate-x-full:focus {
    --tw-translate-x: 100%
}

.focus\:-translate-x-1\/2:focus {
    --tw-translate-x: -50%
}

.focus\:-translate-x-1\/3:focus {
    --tw-translate-x: -33.333333%
}

.focus\:-translate-x-2\/3:focus {
    --tw-translate-x: -66.666667%
}

.focus\:-translate-x-1\/4:focus {
    --tw-translate-x: -25%
}

.focus\:-translate-x-2\/4:focus {
    --tw-translate-x: -50%
}

.focus\:-translate-x-3\/4:focus {
    --tw-translate-x: -75%
}

.focus\:-translate-x-full:focus {
    --tw-translate-x: -100%
}

.focus\:translate-y-0:focus {
    --tw-translate-y: 0
}

.focus\:translate-y-2:focus {
    --tw-translate-y: var(--space-5xs)
}

.focus\:translate-y-4:focus {
    --tw-translate-y: var(--space-4xs)
}

.focus\:translate-y-6:focus {
    --tw-translate-y: var(--space-3xs)
}

.focus\:translate-y-8:focus {
    --tw-translate-y: var(--space-2xs)
}

.focus\:translate-y-12:focus {
    --tw-translate-y: var(--space-xs)
}

.focus\:translate-y-16:focus {
    --tw-translate-y: var(--space-sm)
}

.focus\:translate-y-20:focus {
    --tw-translate-y: var(--space-md)
}

.focus\:translate-y-24:focus {
    --tw-translate-y: var(--space-lg)
}

.focus\:translate-y-32:focus {
    --tw-translate-y: var(--space-xl)
}

.focus\:translate-y-40:focus {
    --tw-translate-y: var(--space-2xl)
}

.focus\:translate-y-48:focus {
    --tw-translate-y: var(--space-3xl)
}

.focus\:translate-y-80:focus {
    --tw-translate-y: var(--space-4xl)
}

.focus\:-translate-y-2:focus {
    --tw-translate-y: calc(var(--space-5xs)*-1)
}

.focus\:-translate-y-4:focus {
    --tw-translate-y: calc(var(--space-4xs)*-1)
}

.focus\:-translate-y-6:focus {
    --tw-translate-y: calc(var(--space-3xs)*-1)
}

.focus\:-translate-y-8:focus {
    --tw-translate-y: calc(var(--space-2xs)*-1)
}

.focus\:-translate-y-12:focus {
    --tw-translate-y: calc(var(--space-xs)*-1)
}

.focus\:-translate-y-16:focus {
    --tw-translate-y: calc(var(--space-sm)*-1)
}

.focus\:-translate-y-20:focus {
    --tw-translate-y: calc(var(--space-md)*-1)
}

.focus\:-translate-y-24:focus {
    --tw-translate-y: calc(var(--space-lg)*-1)
}

.focus\:-translate-y-32:focus {
    --tw-translate-y: calc(var(--space-xl)*-1)
}

.focus\:-translate-y-40:focus {
    --tw-translate-y: calc(var(--space-2xl)*-1)
}

.focus\:-translate-y-48:focus {
    --tw-translate-y: calc(var(--space-3xl)*-1)
}

.focus\:-translate-y-80:focus {
    --tw-translate-y: calc(var(--space-4xl)*-1)
}

.focus\:translate-y-1\/2:focus {
    --tw-translate-y: 50%
}

.focus\:translate-y-1\/3:focus {
    --tw-translate-y: 33.333333%
}

.focus\:translate-y-2\/3:focus {
    --tw-translate-y: 66.666667%
}

.focus\:translate-y-1\/4:focus {
    --tw-translate-y: 25%
}

.focus\:translate-y-2\/4:focus {
    --tw-translate-y: 50%
}

.focus\:translate-y-3\/4:focus {
    --tw-translate-y: 75%
}

.focus\:translate-y-full:focus {
    --tw-translate-y: 100%
}

.focus\:-translate-y-1\/2:focus {
    --tw-translate-y: -50%
}

.focus\:-translate-y-1\/3:focus {
    --tw-translate-y: -33.333333%
}

.focus\:-translate-y-2\/3:focus {
    --tw-translate-y: -66.666667%
}

.focus\:-translate-y-1\/4:focus {
    --tw-translate-y: -25%
}

.focus\:-translate-y-2\/4:focus {
    --tw-translate-y: -50%
}

.focus\:-translate-y-3\/4:focus {
    --tw-translate-y: -75%
}

.focus\:-translate-y-full:focus {
    --tw-translate-y: -100%
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-1 {
    --tw-rotate: 1deg
}

.rotate-2 {
    --tw-rotate: 2deg
}

.rotate-3 {
    --tw-rotate: 3deg
}

.rotate-6 {
    --tw-rotate: 6deg
}

.rotate-12 {
    --tw-rotate: 12deg
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.-rotate-45 {
    --tw-rotate: -45deg
}

.-rotate-12 {
    --tw-rotate: -12deg
}

.-rotate-6 {
    --tw-rotate: -6deg
}

.-rotate-3 {
    --tw-rotate: -3deg
}

.-rotate-2 {
    --tw-rotate: -2deg
}

.-rotate-1 {
    --tw-rotate: -1deg
}

.hover\:rotate-0:hover {
    --tw-rotate: 0deg
}

.hover\:rotate-1:hover {
    --tw-rotate: 1deg
}

.hover\:rotate-2:hover {
    --tw-rotate: 2deg
}

.hover\:rotate-3:hover {
    --tw-rotate: 3deg
}

.hover\:rotate-6:hover {
    --tw-rotate: 6deg
}

.hover\:rotate-12:hover {
    --tw-rotate: 12deg
}

.hover\:rotate-45:hover {
    --tw-rotate: 45deg
}

.hover\:rotate-90:hover {
    --tw-rotate: 90deg
}

.hover\:rotate-180:hover {
    --tw-rotate: 180deg
}

.hover\:-rotate-180:hover {
    --tw-rotate: -180deg
}

.hover\:-rotate-90:hover {
    --tw-rotate: -90deg
}

.hover\:-rotate-45:hover {
    --tw-rotate: -45deg
}

.hover\:-rotate-12:hover {
    --tw-rotate: -12deg
}

.hover\:-rotate-6:hover {
    --tw-rotate: -6deg
}

.hover\:-rotate-3:hover {
    --tw-rotate: -3deg
}

.hover\:-rotate-2:hover {
    --tw-rotate: -2deg
}

.hover\:-rotate-1:hover {
    --tw-rotate: -1deg
}

.focus\:rotate-0:focus {
    --tw-rotate: 0deg
}

.focus\:rotate-1:focus {
    --tw-rotate: 1deg
}

.focus\:rotate-2:focus {
    --tw-rotate: 2deg
}

.focus\:rotate-3:focus {
    --tw-rotate: 3deg
}

.focus\:rotate-6:focus {
    --tw-rotate: 6deg
}

.focus\:rotate-12:focus {
    --tw-rotate: 12deg
}

.focus\:rotate-45:focus {
    --tw-rotate: 45deg
}

.focus\:rotate-90:focus {
    --tw-rotate: 90deg
}

.focus\:rotate-180:focus {
    --tw-rotate: 180deg
}

.focus\:-rotate-180:focus {
    --tw-rotate: -180deg
}

.focus\:-rotate-90:focus {
    --tw-rotate: -90deg
}

.focus\:-rotate-45:focus {
    --tw-rotate: -45deg
}

.focus\:-rotate-12:focus {
    --tw-rotate: -12deg
}

.focus\:-rotate-6:focus {
    --tw-rotate: -6deg
}

.focus\:-rotate-3:focus {
    --tw-rotate: -3deg
}

.focus\:-rotate-2:focus {
    --tw-rotate: -2deg
}

.focus\:-rotate-1:focus {
    --tw-rotate: -1deg
}

.skew-x-0 {
    --tw-skew-x: 0deg
}

.skew-x-1 {
    --tw-skew-x: 1deg
}

.skew-x-2 {
    --tw-skew-x: 2deg
}

.skew-x-3 {
    --tw-skew-x: 3deg
}

.skew-x-6 {
    --tw-skew-x: 6deg
}

.skew-x-12 {
    --tw-skew-x: 12deg
}

.-skew-x-12 {
    --tw-skew-x: -12deg
}

.-skew-x-6 {
    --tw-skew-x: -6deg
}

.-skew-x-3 {
    --tw-skew-x: -3deg
}

.-skew-x-2 {
    --tw-skew-x: -2deg
}

.-skew-x-1 {
    --tw-skew-x: -1deg
}

.skew-y-0 {
    --tw-skew-y: 0deg
}

.skew-y-1 {
    --tw-skew-y: 1deg
}

.skew-y-2 {
    --tw-skew-y: 2deg
}

.skew-y-3 {
    --tw-skew-y: 3deg
}

.skew-y-6 {
    --tw-skew-y: 6deg
}

.skew-y-12 {
    --tw-skew-y: 12deg
}

.-skew-y-12 {
    --tw-skew-y: -12deg
}

.-skew-y-6 {
    --tw-skew-y: -6deg
}

.-skew-y-3 {
    --tw-skew-y: -3deg
}

.-skew-y-2 {
    --tw-skew-y: -2deg
}

.-skew-y-1 {
    --tw-skew-y: -1deg
}

.hover\:skew-x-0:hover {
    --tw-skew-x: 0deg
}

.hover\:skew-x-1:hover {
    --tw-skew-x: 1deg
}

.hover\:skew-x-2:hover {
    --tw-skew-x: 2deg
}

.hover\:skew-x-3:hover {
    --tw-skew-x: 3deg
}

.hover\:skew-x-6:hover {
    --tw-skew-x: 6deg
}

.hover\:skew-x-12:hover {
    --tw-skew-x: 12deg
}

.hover\:-skew-x-12:hover {
    --tw-skew-x: -12deg
}

.hover\:-skew-x-6:hover {
    --tw-skew-x: -6deg
}

.hover\:-skew-x-3:hover {
    --tw-skew-x: -3deg
}

.hover\:-skew-x-2:hover {
    --tw-skew-x: -2deg
}

.hover\:-skew-x-1:hover {
    --tw-skew-x: -1deg
}

.hover\:skew-y-0:hover {
    --tw-skew-y: 0deg
}

.hover\:skew-y-1:hover {
    --tw-skew-y: 1deg
}

.hover\:skew-y-2:hover {
    --tw-skew-y: 2deg
}

.hover\:skew-y-3:hover {
    --tw-skew-y: 3deg
}

.hover\:skew-y-6:hover {
    --tw-skew-y: 6deg
}

.hover\:skew-y-12:hover {
    --tw-skew-y: 12deg
}

.hover\:-skew-y-12:hover {
    --tw-skew-y: -12deg
}

.hover\:-skew-y-6:hover {
    --tw-skew-y: -6deg
}

.hover\:-skew-y-3:hover {
    --tw-skew-y: -3deg
}

.hover\:-skew-y-2:hover {
    --tw-skew-y: -2deg
}

.hover\:-skew-y-1:hover {
    --tw-skew-y: -1deg
}

.focus\:skew-x-0:focus {
    --tw-skew-x: 0deg
}

.focus\:skew-x-1:focus {
    --tw-skew-x: 1deg
}

.focus\:skew-x-2:focus {
    --tw-skew-x: 2deg
}

.focus\:skew-x-3:focus {
    --tw-skew-x: 3deg
}

.focus\:skew-x-6:focus {
    --tw-skew-x: 6deg
}

.focus\:skew-x-12:focus {
    --tw-skew-x: 12deg
}

.focus\:-skew-x-12:focus {
    --tw-skew-x: -12deg
}

.focus\:-skew-x-6:focus {
    --tw-skew-x: -6deg
}

.focus\:-skew-x-3:focus {
    --tw-skew-x: -3deg
}

.focus\:-skew-x-2:focus {
    --tw-skew-x: -2deg
}

.focus\:-skew-x-1:focus {
    --tw-skew-x: -1deg
}

.focus\:skew-y-0:focus {
    --tw-skew-y: 0deg
}

.focus\:skew-y-1:focus {
    --tw-skew-y: 1deg
}

.focus\:skew-y-2:focus {
    --tw-skew-y: 2deg
}

.focus\:skew-y-3:focus {
    --tw-skew-y: 3deg
}

.focus\:skew-y-6:focus {
    --tw-skew-y: 6deg
}

.focus\:skew-y-12:focus {
    --tw-skew-y: 12deg
}

.focus\:-skew-y-12:focus {
    --tw-skew-y: -12deg
}

.focus\:-skew-y-6:focus {
    --tw-skew-y: -6deg
}

.focus\:-skew-y-3:focus {
    --tw-skew-y: -3deg
}

.focus\:-skew-y-2:focus {
    --tw-skew-y: -2deg
}

.focus\:-skew-y-1:focus {
    --tw-skew-y: -1deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.hover\:scale-0:hover {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.hover\:scale-50:hover {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.hover\:scale-75:hover {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.hover\:scale-90:hover {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.hover\:scale-95:hover {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.hover\:scale-100:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.focus\:scale-0:focus {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.focus\:scale-50:focus {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.focus\:scale-75:focus {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.focus\:scale-90:focus {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.focus\:scale-95:focus {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.focus\:scale-100:focus {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.focus\:scale-105:focus {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.focus\:scale-110:focus {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.focus\:scale-125:focus {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.focus\:scale-150:focus {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-x-0 {
    --tw-scale-x: 0
}

.scale-x-50 {
    --tw-scale-x: .5
}

.scale-x-75 {
    --tw-scale-x: .75
}

.scale-x-90 {
    --tw-scale-x: .9
}

.scale-x-95 {
    --tw-scale-x: .95
}

.scale-x-100 {
    --tw-scale-x: 1
}

.scale-x-105 {
    --tw-scale-x: 1.05
}

.scale-x-110 {
    --tw-scale-x: 1.1
}

.scale-x-125 {
    --tw-scale-x: 1.25
}

.scale-x-150 {
    --tw-scale-x: 1.5
}

.scale-y-0 {
    --tw-scale-y: 0
}

.scale-y-50 {
    --tw-scale-y: .5
}

.scale-y-75 {
    --tw-scale-y: .75
}

.scale-y-90 {
    --tw-scale-y: .9
}

.scale-y-95 {
    --tw-scale-y: .95
}

.scale-y-100 {
    --tw-scale-y: 1
}

.scale-y-105 {
    --tw-scale-y: 1.05
}

.scale-y-110 {
    --tw-scale-y: 1.1
}

.scale-y-125 {
    --tw-scale-y: 1.25
}

.scale-y-150 {
    --tw-scale-y: 1.5
}

.hover\:scale-x-0:hover {
    --tw-scale-x: 0
}

.hover\:scale-x-50:hover {
    --tw-scale-x: .5
}

.hover\:scale-x-75:hover {
    --tw-scale-x: .75
}

.hover\:scale-x-90:hover {
    --tw-scale-x: .9
}

.hover\:scale-x-95:hover {
    --tw-scale-x: .95
}

.hover\:scale-x-100:hover {
    --tw-scale-x: 1
}

.hover\:scale-x-105:hover {
    --tw-scale-x: 1.05
}

.hover\:scale-x-110:hover {
    --tw-scale-x: 1.1
}

.hover\:scale-x-125:hover {
    --tw-scale-x: 1.25
}

.hover\:scale-x-150:hover {
    --tw-scale-x: 1.5
}

.hover\:scale-y-0:hover {
    --tw-scale-y: 0
}

.hover\:scale-y-50:hover {
    --tw-scale-y: .5
}

.hover\:scale-y-75:hover {
    --tw-scale-y: .75
}

.hover\:scale-y-90:hover {
    --tw-scale-y: .9
}

.hover\:scale-y-95:hover {
    --tw-scale-y: .95
}

.hover\:scale-y-100:hover {
    --tw-scale-y: 1
}

.hover\:scale-y-105:hover {
    --tw-scale-y: 1.05
}

.hover\:scale-y-110:hover {
    --tw-scale-y: 1.1
}

.hover\:scale-y-125:hover {
    --tw-scale-y: 1.25
}

.hover\:scale-y-150:hover {
    --tw-scale-y: 1.5
}

.focus\:scale-x-0:focus {
    --tw-scale-x: 0
}

.focus\:scale-x-50:focus {
    --tw-scale-x: .5
}

.focus\:scale-x-75:focus {
    --tw-scale-x: .75
}

.focus\:scale-x-90:focus {
    --tw-scale-x: .9
}

.focus\:scale-x-95:focus {
    --tw-scale-x: .95
}

.focus\:scale-x-100:focus {
    --tw-scale-x: 1
}

.focus\:scale-x-105:focus {
    --tw-scale-x: 1.05
}

.focus\:scale-x-110:focus {
    --tw-scale-x: 1.1
}

.focus\:scale-x-125:focus {
    --tw-scale-x: 1.25
}

.focus\:scale-x-150:focus {
    --tw-scale-x: 1.5
}

.focus\:scale-y-0:focus {
    --tw-scale-y: 0
}

.focus\:scale-y-50:focus {
    --tw-scale-y: .5
}

.focus\:scale-y-75:focus {
    --tw-scale-y: .75
}

.focus\:scale-y-90:focus {
    --tw-scale-y: .9
}

.focus\:scale-y-95:focus {
    --tw-scale-y: .95
}

.focus\:scale-y-100:focus {
    --tw-scale-y: 1
}

.focus\:scale-y-105:focus {
    --tw-scale-y: 1.05
}

.focus\:scale-y-110:focus {
    --tw-scale-y: 1.1
}

.focus\:scale-y-125:focus {
    --tw-scale-y: 1.25
}

.focus\:scale-y-150:focus {
    --tw-scale-y: 1.5
}

@-webkit-keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ping {
    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes ping {
    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@-webkit-keyframes bounce {
    0%,
    to {
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
    50% {
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

@keyframes bounce {
    0%,
    to {
        transform: translateY(-25%);
        -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }
    50% {
        transform: none;
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.animate-none {
    -webkit-animation: none;
    animation: none
}

.animate-spin {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

.animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.animate-bounce {
    -webkit-animation: bounce 1s infinite;
    animation: bounce 1s infinite
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.cursor-wait {
    cursor: wait
}

.cursor-text {
    cursor: text
}

.cursor-move {
    cursor: move
}

.cursor-help {
    cursor: help
}

.cursor-not-allowed {
    cursor: not-allowed
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.select-text {
    -webkit-user-select: text;
    user-select: text
}

.select-all {
    -webkit-user-select: all;
    user-select: all
}

.select-auto {
    -webkit-user-select: auto;
    user-select: auto
}

.resize-none {
    resize: none
}

.resize-y {
    resize: vertical
}

.resize-x {
    resize: horizontal
}

.resize {
    resize: both
}

.list-inside {
    list-style-position: inside
}

.list-outside {
    list-style-position: outside
}

.list-none {
    list-style-type: none
}

.list-disc {
    list-style-type: disc
}

.list-decimal {
    list-style-type: decimal
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auto-cols-auto {
    grid-auto-columns: auto
}

.auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content
}

.auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content
}

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

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

.grid-flow-col {
    grid-auto-flow: column
}

.grid-flow-row-dense {
    grid-auto-flow: row dense
}

.grid-flow-col-dense {
    grid-auto-flow: column dense
}

.auto-rows-auto {
    grid-auto-rows: auto
}

.auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
}

.auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-wrap {
    flex-wrap: wrap
}

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

.flex-nowrap {
    flex-wrap: nowrap
}

.place-content-center {
    place-content: center
}

.place-content-start {
    place-content: start
}

.place-content-end {
    place-content: end
}

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

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

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

.place-content-stretch {
    place-content: stretch
}

.place-items-start {
    place-items: start
}

.place-items-end {
    place-items: end
}

.place-items-center {
    place-items: center
}

.place-items-stretch {
    place-items: stretch
}

.content-center {
    align-content: center
}

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

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

.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
}

.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
}

.gap-0 {
    gap: 0
}

.gap-2 {
    gap: var(--space-5xs)
}

.gap-4 {
    gap: var(--space-4xs)
}

.gap-6 {
    gap: var(--space-3xs)
}

.gap-8 {
    gap: var(--space-2xs)
}

.gap-12 {
    gap: var(--space-xs)
}

.gap-16 {
    gap: var(--space-sm)
}

.gap-20 {
    gap: var(--space-md)
}

.gap-24 {
    gap: var(--space-lg)
}

.gap-32 {
    gap: var(--space-xl)
}

.gap-40 {
    gap: var(--space-2xl)
}

.gap-48 {
    gap: var(--space-3xl)
}

.gap-80 {
    gap: var(--space-4xl)
}

.gap-x-0 {
    column-gap: 0
}

.gap-x-2 {
    column-gap: var(--space-5xs)
}

.gap-x-4 {
    column-gap: var(--space-4xs)
}

.gap-x-6 {
    column-gap: var(--space-3xs)
}

.gap-x-8 {
    column-gap: var(--space-2xs)
}

.gap-x-12 {
    column-gap: var(--space-xs)
}

.gap-x-16 {
    column-gap: var(--space-sm)
}

.gap-x-20 {
    column-gap: var(--space-md)
}

.gap-x-24 {
    column-gap: var(--space-lg)
}

.gap-x-32 {
    column-gap: var(--space-xl)
}

.gap-x-40 {
    column-gap: var(--space-2xl)
}

.gap-x-48 {
    column-gap: var(--space-3xl)
}

.gap-x-80 {
    column-gap: var(--space-4xl)
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-2 {
    row-gap: var(--space-5xs)
}

.gap-y-4 {
    row-gap: var(--space-4xs)
}

.gap-y-6 {
    row-gap: var(--space-3xs)
}

.gap-y-8 {
    row-gap: var(--space-2xs)
}

.gap-y-12 {
    row-gap: var(--space-xs)
}

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

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

.gap-y-24 {
    row-gap: var(--space-lg)
}

.gap-y-32 {
    row-gap: var(--space-xl)
}

.gap-y-40 {
    row-gap: var(--space-2xl)
}

.gap-y-48 {
    row-gap: var(--space-3xl)
}

.gap-y-80 {
    row-gap: var(--space-4xl)
}

.space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px*var(--tw-space-x-reverse));
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-5xs)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-5xs)*(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-4xs)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-4xs)*(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-3xs)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-3xs)*(1 - var(--tw-space-x-reverse)))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-2xs)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-2xs)*(1 - var(--tw-space-x-reverse)))
}

.space-x-12>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-xs)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-xs)*(1 - var(--tw-space-x-reverse)))
}

.space-x-16>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-sm)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-sm)*(1 - var(--tw-space-x-reverse)))
}

.space-x-20>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-md)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-md)*(1 - var(--tw-space-x-reverse)))
}

.space-x-24>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-lg)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-lg)*(1 - var(--tw-space-x-reverse)))
}

.space-x-32>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-xl)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-xl)*(1 - var(--tw-space-x-reverse)))
}

.space-x-40>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-2xl)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-2xl)*(1 - var(--tw-space-x-reverse)))
}

.space-x-48>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-3xl)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-3xl)*(1 - var(--tw-space-x-reverse)))
}

.space-x-80>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-4xl)*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-4xl)*(1 - var(--tw-space-x-reverse)))
}

.-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-5xs)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-5xs)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-4xs)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-4xs)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-3xs)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-3xs)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-2xs)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-2xs)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-12>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-xs)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-xs)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-16>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-sm)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-sm)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-20>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-md)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-md)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-24>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-lg)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-lg)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-32>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-xl)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-xl)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-40>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-2xl)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-2xl)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-48>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-3xl)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-3xl)*-1*(1 - var(--tw-space-x-reverse)))
}

.-space-x-80>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(var(--space-4xl)*-1*var(--tw-space-x-reverse));
    margin-left: calc(var(--space-4xl)*-1*(1 - var(--tw-space-x-reverse)))
}

.space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px*var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-5xs)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-5xs)*var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-4xs)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-4xs)*var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-3xs)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-3xs)*var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-2xs)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-2xs)*var(--tw-space-y-reverse))
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-xs)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-xs)*var(--tw-space-y-reverse))
}

.space-y-16>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-sm)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-sm)*var(--tw-space-y-reverse))
}

.space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-md)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-md)*var(--tw-space-y-reverse))
}

.space-y-24>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-lg)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-lg)*var(--tw-space-y-reverse))
}

.space-y-32>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-xl)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-xl)*var(--tw-space-y-reverse))
}

.space-y-40>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-2xl)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-2xl)*var(--tw-space-y-reverse))
}

.space-y-48>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-3xl)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-3xl)*var(--tw-space-y-reverse))
}

.space-y-80>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-4xl)*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-4xl)*var(--tw-space-y-reverse))
}

.-space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-5xs)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-5xs)*-1*var(--tw-space-y-reverse))
}

.-space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-4xs)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-4xs)*-1*var(--tw-space-y-reverse))
}

.-space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-3xs)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-3xs)*-1*var(--tw-space-y-reverse))
}

.-space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-2xs)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-2xs)*-1*var(--tw-space-y-reverse))
}

.-space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-xs)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-xs)*-1*var(--tw-space-y-reverse))
}

.-space-y-16>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-sm)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-sm)*-1*var(--tw-space-y-reverse))
}

.-space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-md)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-md)*-1*var(--tw-space-y-reverse))
}

.-space-y-24>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-lg)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-lg)*-1*var(--tw-space-y-reverse))
}

.-space-y-32>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-xl)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-xl)*-1*var(--tw-space-y-reverse))
}

.-space-y-40>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-2xl)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-2xl)*-1*var(--tw-space-y-reverse))
}

.-space-y-48>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-3xl)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-3xl)*-1*var(--tw-space-y-reverse))
}

.-space-y-80>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(var(--space-4xl)*-1*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(var(--space-4xl)*-1*var(--tw-space-y-reverse))
}

.space-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 1
}

.space-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 1
}

.divide-x-0>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(0px*var(--tw-divide-x-reverse));
    border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse)))
}

.divide-x-2>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(2px*var(--tw-divide-x-reverse));
    border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)))
}

.divide-x-4>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(4px*var(--tw-divide-x-reverse));
    border-left-width: calc(4px*(1 - var(--tw-divide-x-reverse)))
}

.divide-x-8>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(8px*var(--tw-divide-x-reverse));
    border-left-width: calc(8px*(1 - var(--tw-divide-x-reverse)))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px*var(--tw-divide-x-reverse));
    border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
}

.divide-y-0>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
}

.divide-y-2>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(2px*var(--tw-divide-y-reverse))
}

.divide-y-4>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(4px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(4px*var(--tw-divide-y-reverse))
}

.divide-y-8>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(8px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(8px*var(--tw-divide-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}

.divide-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 1
}

.divide-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 1
}

.divide-solid>:not([hidden])~:not([hidden]) {
    border-style: solid
}

.divide-dashed>:not([hidden])~:not([hidden]) {
    border-style: dashed
}

.divide-dotted>:not([hidden])~:not([hidden]) {
    border-style: dotted
}

.divide-double>:not([hidden])~:not([hidden]) {
    border-style: double
}

.divide-none>:not([hidden])~:not([hidden]) {
    border-style: none
}

.divide-surface-default>:not([hidden])~:not([hidden]) {
    border-color: var(--border-surface)
}

.divide-surface-emphasis>:not([hidden])~:not([hidden]) {
    border-color: var(--border-surface-emphasis)
}

.divide-surface-contrast>:not([hidden])~:not([hidden]) {
    border-color: var(--border-surface-contrast)
}

.divide-status-danger>:not([hidden])~:not([hidden]) {
    border-color: var(--border-status-danger)
}

.divide-status-active>:not([hidden])~:not([hidden]) {
    border-color: var(--border-status-active)
}

.divide-button-primary>:not([hidden])~:not([hidden]) {
    border-color: var(--border-button-primary)
}

.divide-button-secondary>:not([hidden])~:not([hidden]) {
    border-color: var(--border-button-secondary)
}

.divide-button-success>:not([hidden])~:not([hidden]) {
    border-color: var(--border-button-success)
}

.divide-opacity-0>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0
}

.divide-opacity-5>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.05
}

.divide-opacity-10>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.1
}

.divide-opacity-20>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.2
}

.divide-opacity-25>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.25
}

.divide-opacity-30>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.3
}

.divide-opacity-40>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.4
}

.divide-opacity-50>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.5
}

.divide-opacity-60>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.6
}

.divide-opacity-70>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.7
}

.divide-opacity-75>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.75
}

.divide-opacity-80>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.8
}

.divide-opacity-90>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.9
}

.divide-opacity-95>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 0.95
}

.divide-opacity-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1
}

.place-self-auto {
    place-self: auto
}

.place-self-start {
    place-self: start
}

.place-self-end {
    place-self: end
}

.place-self-center {
    place-self: center
}

.place-self-stretch {
    place-self: stretch
}

.self-auto {
    align-self: auto
}

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

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

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

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

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

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-auto {
    overscroll-behavior: auto
}

.overscroll-contain {
    overscroll-behavior: contain
}

.overscroll-none {
    overscroll-behavior: none
}

.overscroll-y-auto {
    overscroll-behavior-y: auto
}

.overscroll-y-contain {
    overscroll-behavior-y: contain
}

.overscroll-y-none {
    overscroll-behavior-y: none
}

.overscroll-x-auto {
    overscroll-behavior-x: auto
}

.overscroll-x-contain {
    overscroll-behavior-x: contain
}

.overscroll-x-none {
    overscroll-behavior-x: none
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.overflow-clip {
    text-overflow: clip
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

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

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

.break-all {
    word-break: break-all
}

.rounded-2 {
    border-radius: 2px
}

.rounded-6 {
    border-radius: 6px
}

.rounded-8 {
    border-radius: 8px
}

.rounded-16 {
    border-radius: 16px
}

.rounded-full {
    border-radius: 100%
}

.rounded-xs {
    border-radius: 2px
}

.rounded-sm {
    border-radius: 4px
}

.rounded-md {
    border-radius: 8px
}

.rounded-lg {
    border-radius: 16px
}

.rounded-t-2 {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.rounded-t-6 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-t-8 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-t-16 {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.rounded-t-full {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%
}

.rounded-t-xs {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.rounded-t-sm {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.rounded-t-md {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-t-lg {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.rounded-r-2 {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.rounded-r-6 {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.rounded-r-8 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.rounded-r-16 {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.rounded-r-full {
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%
}

.rounded-r-xs {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.rounded-r-sm {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.rounded-r-md {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.rounded-r-lg {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.rounded-b-2 {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.rounded-b-6 {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-b-8 {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-b-16 {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px
}

.rounded-b-full {
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%
}

.rounded-b-xs {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.rounded-b-sm {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-b-md {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-b-lg {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px
}

.rounded-l-2 {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.rounded-l-6 {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.rounded-l-8 {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-l-16 {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.rounded-l-full {
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%
}

.rounded-l-xs {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.rounded-l-sm {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-l-md {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-l-lg {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.rounded-tl-2 {
    border-top-left-radius: 2px
}

.rounded-tl-6 {
    border-top-left-radius: 6px
}

.rounded-tl-8 {
    border-top-left-radius: 8px
}

.rounded-tl-16 {
    border-top-left-radius: 16px
}

.rounded-tl-full {
    border-top-left-radius: 100%
}

.rounded-tl-xs {
    border-top-left-radius: 2px
}

.rounded-tl-sm {
    border-top-left-radius: 4px
}

.rounded-tl-md {
    border-top-left-radius: 8px
}

.rounded-tl-lg {
    border-top-left-radius: 16px
}

.rounded-tr-2 {
    border-top-right-radius: 2px
}

.rounded-tr-6 {
    border-top-right-radius: 6px
}

.rounded-tr-8 {
    border-top-right-radius: 8px
}

.rounded-tr-16 {
    border-top-right-radius: 16px
}

.rounded-tr-full {
    border-top-right-radius: 100%
}

.rounded-tr-xs {
    border-top-right-radius: 2px
}

.rounded-tr-sm {
    border-top-right-radius: 4px
}

.rounded-tr-md {
    border-top-right-radius: 8px
}

.rounded-tr-lg {
    border-top-right-radius: 16px
}

.rounded-br-2 {
    border-bottom-right-radius: 2px
}

.rounded-br-6 {
    border-bottom-right-radius: 6px
}

.rounded-br-8 {
    border-bottom-right-radius: 8px
}

.rounded-br-16 {
    border-bottom-right-radius: 16px
}

.rounded-br-full {
    border-bottom-right-radius: 100%
}

.rounded-br-xs {
    border-bottom-right-radius: 2px
}

.rounded-br-sm {
    border-bottom-right-radius: 4px
}

.rounded-br-md {
    border-bottom-right-radius: 8px
}

.rounded-br-lg {
    border-bottom-right-radius: 16px
}

.rounded-bl-2 {
    border-bottom-left-radius: 2px
}

.rounded-bl-6 {
    border-bottom-left-radius: 6px
}

.rounded-bl-8 {
    border-bottom-left-radius: 8px
}

.rounded-bl-16 {
    border-bottom-left-radius: 16px
}

.rounded-bl-full {
    border-bottom-left-radius: 100%
}

.rounded-bl-xs {
    border-bottom-left-radius: 2px
}

.rounded-bl-sm {
    border-bottom-left-radius: 4px
}

.rounded-bl-md {
    border-bottom-left-radius: 8px
}

.rounded-bl-lg {
    border-bottom-left-radius: 16px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-8 {
    border-width: 8px
}

.border {
    border-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-t-8 {
    border-top-width: 8px
}

.border-t {
    border-top-width: 1px
}

.border-r-0 {
    border-right-width: 0
}

.border-r-2 {
    border-right-width: 2px
}

.border-r-4 {
    border-right-width: 4px
}

.border-r-8 {
    border-right-width: 8px
}

.border-r {
    border-right-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-b-8 {
    border-bottom-width: 8px
}

.border-b {
    border-bottom-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-l-8 {
    border-left-width: 8px
}

.border-l {
    border-left-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-double {
    border-style: double
}

.border-none {
    border-style: none
}

.border-surface-default {
    border-color: var(--border-surface)
}

.border-surface-emphasis {
    border-color: var(--border-surface-emphasis)
}

.border-surface-contrast {
    border-color: var(--border-surface-contrast)
}

.border-status-danger {
    border-color: var(--border-status-danger)
}

.border-status-active {
    border-color: var(--border-status-active)
}

.border-button-primary {
    border-color: var(--border-button-primary)
}

.border-button-secondary {
    border-color: var(--border-button-secondary)
}

.border-button-success {
    border-color: var(--border-button-success)
}

.group:hover .group-hover\:border-surface-default {
    border-color: var(--border-surface)
}

.group:hover .group-hover\:border-surface-emphasis {
    border-color: var(--border-surface-emphasis)
}

.group:hover .group-hover\:border-surface-contrast {
    border-color: var(--border-surface-contrast)
}

.group:hover .group-hover\:border-status-danger {
    border-color: var(--border-status-danger)
}

.group:hover .group-hover\:border-status-active {
    border-color: var(--border-status-active)
}

.group:hover .group-hover\:border-button-primary {
    border-color: var(--border-button-primary)
}

.group:hover .group-hover\:border-button-secondary {
    border-color: var(--border-button-secondary)
}

.group:hover .group-hover\:border-button-success {
    border-color: var(--border-button-success)
}

.focus-within\:border-surface-default:focus-within {
    border-color: var(--border-surface)
}

.focus-within\:border-surface-emphasis:focus-within {
    border-color: var(--border-surface-emphasis)
}

.focus-within\:border-surface-contrast:focus-within {
    border-color: var(--border-surface-contrast)
}

.focus-within\:border-status-danger:focus-within {
    border-color: var(--border-status-danger)
}

.focus-within\:border-status-active:focus-within {
    border-color: var(--border-status-active)
}

.focus-within\:border-button-primary:focus-within {
    border-color: var(--border-button-primary)
}

.focus-within\:border-button-secondary:focus-within {
    border-color: var(--border-button-secondary)
}

.focus-within\:border-button-success:focus-within {
    border-color: var(--border-button-success)
}

.hover\:border-surface-default:hover {
    border-color: var(--border-surface)
}

.hover\:border-surface-emphasis:hover {
    border-color: var(--border-surface-emphasis)
}

.hover\:border-surface-contrast:hover {
    border-color: var(--border-surface-contrast)
}

.hover\:border-status-danger:hover {
    border-color: var(--border-status-danger)
}

.hover\:border-status-active:hover {
    border-color: var(--border-status-active)
}

.hover\:border-button-primary:hover {
    border-color: var(--border-button-primary)
}

.hover\:border-button-secondary:hover {
    border-color: var(--border-button-secondary)
}

.hover\:border-button-success:hover {
    border-color: var(--border-button-success)
}

.focus\:border-surface-default:focus {
    border-color: var(--border-surface)
}

.focus\:border-surface-emphasis:focus {
    border-color: var(--border-surface-emphasis)
}

.focus\:border-surface-contrast:focus {
    border-color: var(--border-surface-contrast)
}

.focus\:border-status-danger:focus {
    border-color: var(--border-status-danger)
}

.focus\:border-status-active:focus {
    border-color: var(--border-status-active)
}

.focus\:border-button-primary:focus {
    border-color: var(--border-button-primary)
}

.focus\:border-button-secondary:focus {
    border-color: var(--border-button-secondary)
}

.focus\:border-button-success:focus {
    border-color: var(--border-button-success)
}

.border-opacity-0 {
    --tw-border-opacity: 0
}

.border-opacity-5 {
    --tw-border-opacity: 0.05
}

.border-opacity-10 {
    --tw-border-opacity: 0.1
}

.border-opacity-20 {
    --tw-border-opacity: 0.2
}

.border-opacity-25 {
    --tw-border-opacity: 0.25
}

.border-opacity-30 {
    --tw-border-opacity: 0.3
}

.border-opacity-40 {
    --tw-border-opacity: 0.4
}

.border-opacity-50 {
    --tw-border-opacity: 0.5
}

.border-opacity-60 {
    --tw-border-opacity: 0.6
}

.border-opacity-70 {
    --tw-border-opacity: 0.7
}

.border-opacity-75 {
    --tw-border-opacity: 0.75
}

.border-opacity-80 {
    --tw-border-opacity: 0.8
}

.border-opacity-90 {
    --tw-border-opacity: 0.9
}

.border-opacity-95 {
    --tw-border-opacity: 0.95
}

.border-opacity-100 {
    --tw-border-opacity: 1
}

.group:hover .group-hover\:border-opacity-0 {
    --tw-border-opacity: 0
}

.group:hover .group-hover\:border-opacity-5 {
    --tw-border-opacity: 0.05
}

.group:hover .group-hover\:border-opacity-10 {
    --tw-border-opacity: 0.1
}

.group:hover .group-hover\:border-opacity-20 {
    --tw-border-opacity: 0.2
}

.group:hover .group-hover\:border-opacity-25 {
    --tw-border-opacity: 0.25
}

.group:hover .group-hover\:border-opacity-30 {
    --tw-border-opacity: 0.3
}

.group:hover .group-hover\:border-opacity-40 {
    --tw-border-opacity: 0.4
}

.group:hover .group-hover\:border-opacity-50 {
    --tw-border-opacity: 0.5
}

.group:hover .group-hover\:border-opacity-60 {
    --tw-border-opacity: 0.6
}

.group:hover .group-hover\:border-opacity-70 {
    --tw-border-opacity: 0.7
}

.group:hover .group-hover\:border-opacity-75 {
    --tw-border-opacity: 0.75
}

.group:hover .group-hover\:border-opacity-80 {
    --tw-border-opacity: 0.8
}

.group:hover .group-hover\:border-opacity-90 {
    --tw-border-opacity: 0.9
}

.group:hover .group-hover\:border-opacity-95 {
    --tw-border-opacity: 0.95
}

.group:hover .group-hover\:border-opacity-100 {
    --tw-border-opacity: 1
}

.focus-within\:border-opacity-0:focus-within {
    --tw-border-opacity: 0
}

.focus-within\:border-opacity-5:focus-within {
    --tw-border-opacity: 0.05
}

.focus-within\:border-opacity-10:focus-within {
    --tw-border-opacity: 0.1
}

.focus-within\:border-opacity-20:focus-within {
    --tw-border-opacity: 0.2
}

.focus-within\:border-opacity-25:focus-within {
    --tw-border-opacity: 0.25
}

.focus-within\:border-opacity-30:focus-within {
    --tw-border-opacity: 0.3
}

.focus-within\:border-opacity-40:focus-within {
    --tw-border-opacity: 0.4
}

.focus-within\:border-opacity-50:focus-within {
    --tw-border-opacity: 0.5
}

.focus-within\:border-opacity-60:focus-within {
    --tw-border-opacity: 0.6
}

.focus-within\:border-opacity-70:focus-within {
    --tw-border-opacity: 0.7
}

.focus-within\:border-opacity-75:focus-within {
    --tw-border-opacity: 0.75
}

.focus-within\:border-opacity-80:focus-within {
    --tw-border-opacity: 0.8
}

.focus-within\:border-opacity-90:focus-within {
    --tw-border-opacity: 0.9
}

.focus-within\:border-opacity-95:focus-within {
    --tw-border-opacity: 0.95
}

.focus-within\:border-opacity-100:focus-within {
    --tw-border-opacity: 1
}

.hover\:border-opacity-0:hover {
    --tw-border-opacity: 0
}

.hover\:border-opacity-5:hover {
    --tw-border-opacity: 0.05
}

.hover\:border-opacity-10:hover {
    --tw-border-opacity: 0.1
}

.hover\:border-opacity-20:hover {
    --tw-border-opacity: 0.2
}

.hover\:border-opacity-25:hover {
    --tw-border-opacity: 0.25
}

.hover\:border-opacity-30:hover {
    --tw-border-opacity: 0.3
}

.hover\:border-opacity-40:hover {
    --tw-border-opacity: 0.4
}

.hover\:border-opacity-50:hover {
    --tw-border-opacity: 0.5
}

.hover\:border-opacity-60:hover {
    --tw-border-opacity: 0.6
}

.hover\:border-opacity-70:hover {
    --tw-border-opacity: 0.7
}

.hover\:border-opacity-75:hover {
    --tw-border-opacity: 0.75
}

.hover\:border-opacity-80:hover {
    --tw-border-opacity: 0.8
}

.hover\:border-opacity-90:hover {
    --tw-border-opacity: 0.9
}

.hover\:border-opacity-95:hover {
    --tw-border-opacity: 0.95
}

.hover\:border-opacity-100:hover {
    --tw-border-opacity: 1
}

.focus\:border-opacity-0:focus {
    --tw-border-opacity: 0
}

.focus\:border-opacity-5:focus {
    --tw-border-opacity: 0.05
}

.focus\:border-opacity-10:focus {
    --tw-border-opacity: 0.1
}

.focus\:border-opacity-20:focus {
    --tw-border-opacity: 0.2
}

.focus\:border-opacity-25:focus {
    --tw-border-opacity: 0.25
}

.focus\:border-opacity-30:focus {
    --tw-border-opacity: 0.3
}

.focus\:border-opacity-40:focus {
    --tw-border-opacity: 0.4
}

.focus\:border-opacity-50:focus {
    --tw-border-opacity: 0.5
}

.focus\:border-opacity-60:focus {
    --tw-border-opacity: 0.6
}

.focus\:border-opacity-70:focus {
    --tw-border-opacity: 0.7
}

.focus\:border-opacity-75:focus {
    --tw-border-opacity: 0.75
}

.focus\:border-opacity-80:focus {
    --tw-border-opacity: 0.8
}

.focus\:border-opacity-90:focus {
    --tw-border-opacity: 0.9
}

.focus\:border-opacity-95:focus {
    --tw-border-opacity: 0.95
}

.focus\:border-opacity-100:focus {
    --tw-border-opacity: 1
}

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

.bg-surface-1-default {
    background-color: var(--bg-surface-1)
}

.bg-surface-1-hover {
    background-color: var(--bg-surface-1-hover)
}

.bg-surface-2-default {
    background-color: var(--bg-surface-2)
}

.bg-surface-2-hover {
    background-color: var(--bg-surface-2-hover)
}

.bg-surface-emphasis-default {
    background-color: --bg-surface-emphasis
}

.bg-surface-emphasis-hover {
    background-color: --bg-surface-emphasis-hover
}

.bg-surface-contrast-default {
    background-color: --bg-surface-contrast
}

.bg-surface-contrast-hover {
    background-color: --bg-surface-contrast-hover
}

.bg-surface-forced-dark {
    background-color: var(--bg-surface-forced-dark)
}

.bg-status-danger-default {
    background-color: var(--bg-status-danger)
}

.bg-status-danger-bold {
    background-color: var(--bg-status-danger-bold)
}

.bg-status-danger-subtle {
    background-color: var(--bg-status-danger-subtle)
}

.bg-status-pending-default {
    background-color: var(--bg-status-pending)
}

.bg-status-pending-bold {
    background-color: var(--bg-status-pending-bold)
}

.bg-status-pending-subtle {
    background-color: var(--bg-status-pending-subtle)
}

.bg-status-success-default {
    background-color: var(--bg-status-success)
}

.bg-status-success-bold {
    background-color: var(--bg-status-success-bold)
}

.bg-status-success-subtle {
    background-color: var(--bg-status-success-subtle)
}

.bg-status-active-default {
    background-color: var(--bg-status-active)
}

.bg-status-active-bold {
    background-color: var(--bg-status-active-bold)
}

.bg-status-active-subtle {
    background-color: var(--bg-status-active-subtle)
}

.bg-status-plain-default {
    background-color: var(--bg-status-plain)
}

.bg-status-plain-bold {
    background-color: var(--bg-status-plain-bold)
}

.bg-status-plain-subtle {
    background-color: var(--bg-status-plain-subtle)
}

.bg-button-primary {
    background-color: var(--bg-button-primary)
}

.bg-button-danger {
    background-color: var(--bg-button-danger)
}

.bg-button-success {
    background-color: var(--bg-button-success)
}

.bg-button-oncolor {
    background-color: var(--bg-button-oncolor)
}

.bg-button-hover-primary {
    background-color: var(--bg-button-primary-hover)
}

.bg-button-hover-text {
    background-color: var(--bg-button-text-hover)
}

.bg-button-hover-danger {
    background-color: var(--bg-button-text-danger-hover)
}

.bg-button-hover-oncolor {
    background-color: var(--bg-button-oncolor-hover)
}

.bg-button-hover-success-default {
    background-color: var(--bg-button-success-hover)
}

.bg-button-hover-success-text {
    background-color: var(--bg-button-text-success-hover)
}

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

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

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

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

.bg-overlay-modal {
    background-color: var(--bg-overlay-modal)
}

.bg-gradient-lineChart {
    background-color: var(--bg-gradient-line-chart)
}

.bg-gradient-margin {
    background-color: var(--bg-gradient-margin)
}

.bg-gradient-healthRainbow {
    background-color: var(--bg-gradient-health-rainbow)
}

.bg-gradient-promo-1 {
    background-color: var(--bg-gradient-promo-1)
}

.group:hover .group-hover\:bg-app {
    background-color: var(--bg-app)
}

.group:hover .group-hover\:bg-surface-1-default {
    background-color: var(--bg-surface-1)
}

.group:hover .group-hover\:bg-surface-1-hover {
    background-color: var(--bg-surface-1-hover)
}

.group:hover .group-hover\:bg-surface-2-default {
    background-color: var(--bg-surface-2)
}

.group:hover .group-hover\:bg-surface-2-hover {
    background-color: var(--bg-surface-2-hover)
}

.group:hover .group-hover\:bg-surface-emphasis-default {
    background-color: --bg-surface-emphasis
}

.group:hover .group-hover\:bg-surface-emphasis-hover {
    background-color: --bg-surface-emphasis-hover
}

.group:hover .group-hover\:bg-surface-contrast-default {
    background-color: --bg-surface-contrast
}

.group:hover .group-hover\:bg-surface-contrast-hover {
    background-color: --bg-surface-contrast-hover
}

.group:hover .group-hover\:bg-surface-forced-dark {
    background-color: var(--bg-surface-forced-dark)
}

.group:hover .group-hover\:bg-status-danger-default {
    background-color: var(--bg-status-danger)
}

.group:hover .group-hover\:bg-status-danger-bold {
    background-color: var(--bg-status-danger-bold)
}

.group:hover .group-hover\:bg-status-danger-subtle {
    background-color: var(--bg-status-danger-subtle)
}

.group:hover .group-hover\:bg-status-pending-default {
    background-color: var(--bg-status-pending)
}

.group:hover .group-hover\:bg-status-pending-bold {
    background-color: var(--bg-status-pending-bold)
}

.group:hover .group-hover\:bg-status-pending-subtle {
    background-color: var(--bg-status-pending-subtle)
}

.group:hover .group-hover\:bg-status-success-default {
    background-color: var(--bg-status-success)
}

.group:hover .group-hover\:bg-status-success-bold {
    background-color: var(--bg-status-success-bold)
}

.group:hover .group-hover\:bg-status-success-subtle {
    background-color: var(--bg-status-success-subtle)
}

.group:hover .group-hover\:bg-status-active-default {
    background-color: var(--bg-status-active)
}

.group:hover .group-hover\:bg-status-active-bold {
    background-color: var(--bg-status-active-bold)
}

.group:hover .group-hover\:bg-status-active-subtle {
    background-color: var(--bg-status-active-subtle)
}

.group:hover .group-hover\:bg-status-plain-default {
    background-color: var(--bg-status-plain)
}

.group:hover .group-hover\:bg-status-plain-bold {
    background-color: var(--bg-status-plain-bold)
}

.group:hover .group-hover\:bg-status-plain-subtle {
    background-color: var(--bg-status-plain-subtle)
}

.group:hover .group-hover\:bg-button-primary {
    background-color: var(--bg-button-primary)
}

.group:hover .group-hover\:bg-button-danger {
    background-color: var(--bg-button-danger)
}

.group:hover .group-hover\:bg-button-success {
    background-color: var(--bg-button-success)
}

.group:hover .group-hover\:bg-button-oncolor {
    background-color: var(--bg-button-oncolor)
}

.group:hover .group-hover\:bg-button-hover-primary {
    background-color: var(--bg-button-primary-hover)
}

.group:hover .group-hover\:bg-button-hover-text {
    background-color: var(--bg-button-text-hover)
}

.group:hover .group-hover\:bg-button-hover-danger {
    background-color: var(--bg-button-text-danger-hover)
}

.group:hover .group-hover\:bg-button-hover-oncolor {
    background-color: var(--bg-button-oncolor-hover)
}

.group:hover .group-hover\:bg-button-hover-success-default {
    background-color: var(--bg-button-success-hover)
}

.group:hover .group-hover\:bg-button-hover-success-text {
    background-color: var(--bg-button-text-success-hover)
}

.group:hover .group-hover\:bg-decorative-purple-default {
    background-color: var(--bg-decorative-purple)
}

.group:hover .group-hover\:bg-decorative-purple-bold {
    background-color: var(--bg-decorative-purple-bold)
}

.group:hover .group-hover\:bg-decorative-purple-subtle {
    background-color: var(--bg-decorative-purple-subtle)
}

.group:hover .group-hover\:bg-decorative-orange-bold {
    background-color: var(--bg-decorative-orange-bold)
}

.group:hover .group-hover\:bg-overlay-modal {
    background-color: var(--bg-overlay-modal)
}

.group:hover .group-hover\:bg-gradient-lineChart {
    background-color: var(--bg-gradient-line-chart)
}

.group:hover .group-hover\:bg-gradient-margin {
    background-color: var(--bg-gradient-margin)
}

.group:hover .group-hover\:bg-gradient-healthRainbow {
    background-color: var(--bg-gradient-health-rainbow)
}

.group:hover .group-hover\:bg-gradient-promo-1 {
    background-color: var(--bg-gradient-promo-1)
}

.focus-within\:bg-app:focus-within {
    background-color: var(--bg-app)
}

.focus-within\:bg-surface-1-default:focus-within {
    background-color: var(--bg-surface-1)
}

.focus-within\:bg-surface-1-hover:focus-within {
    background-color: var(--bg-surface-1-hover)
}

.focus-within\:bg-surface-2-default:focus-within {
    background-color: var(--bg-surface-2)
}

.focus-within\:bg-surface-2-hover:focus-within {
    background-color: var(--bg-surface-2-hover)
}

.focus-within\:bg-surface-emphasis-default:focus-within {
    background-color: --bg-surface-emphasis
}

.focus-within\:bg-surface-emphasis-hover:focus-within {
    background-color: --bg-surface-emphasis-hover
}

.focus-within\:bg-surface-contrast-default:focus-within {
    background-color: --bg-surface-contrast
}

.focus-within\:bg-surface-contrast-hover:focus-within {
    background-color: --bg-surface-contrast-hover
}

.focus-within\:bg-surface-forced-dark:focus-within {
    background-color: var(--bg-surface-forced-dark)
}

.focus-within\:bg-status-danger-default:focus-within {
    background-color: var(--bg-status-danger)
}

.focus-within\:bg-status-danger-bold:focus-within {
    background-color: var(--bg-status-danger-bold)
}

.focus-within\:bg-status-danger-subtle:focus-within {
    background-color: var(--bg-status-danger-subtle)
}

.focus-within\:bg-status-pending-default:focus-within {
    background-color: var(--bg-status-pending)
}

.focus-within\:bg-status-pending-bold:focus-within {
    background-color: var(--bg-status-pending-bold)
}

.focus-within\:bg-status-pending-subtle:focus-within {
    background-color: var(--bg-status-pending-subtle)
}

.focus-within\:bg-status-success-default:focus-within {
    background-color: var(--bg-status-success)
}

.focus-within\:bg-status-success-bold:focus-within {
    background-color: var(--bg-status-success-bold)
}

.focus-within\:bg-status-success-subtle:focus-within {
    background-color: var(--bg-status-success-subtle)
}

.focus-within\:bg-status-active-default:focus-within {
    background-color: var(--bg-status-active)
}

.focus-within\:bg-status-active-bold:focus-within {
    background-color: var(--bg-status-active-bold)
}

.focus-within\:bg-status-active-subtle:focus-within {
    background-color: var(--bg-status-active-subtle)
}

.focus-within\:bg-status-plain-default:focus-within {
    background-color: var(--bg-status-plain)
}

.focus-within\:bg-status-plain-bold:focus-within {
    background-color: var(--bg-status-plain-bold)
}

.focus-within\:bg-status-plain-subtle:focus-within {
    background-color: var(--bg-status-plain-subtle)
}

.focus-within\:bg-button-primary:focus-within {
    background-color: var(--bg-button-primary)
}

.focus-within\:bg-button-danger:focus-within {
    background-color: var(--bg-button-danger)
}

.focus-within\:bg-button-success:focus-within {
    background-color: var(--bg-button-success)
}

.focus-within\:bg-button-oncolor:focus-within {
    background-color: var(--bg-button-oncolor)
}

.focus-within\:bg-button-hover-primary:focus-within {
    background-color: var(--bg-button-primary-hover)
}

.focus-within\:bg-button-hover-text:focus-within {
    background-color: var(--bg-button-text-hover)
}

.focus-within\:bg-button-hover-danger:focus-within {
    background-color: var(--bg-button-text-danger-hover)
}

.focus-within\:bg-button-hover-oncolor:focus-within {
    background-color: var(--bg-button-oncolor-hover)
}

.focus-within\:bg-button-hover-success-default:focus-within {
    background-color: var(--bg-button-success-hover)
}

.focus-within\:bg-button-hover-success-text:focus-within {
    background-color: var(--bg-button-text-success-hover)
}

.focus-within\:bg-decorative-purple-default:focus-within {
    background-color: var(--bg-decorative-purple)
}

.focus-within\:bg-decorative-purple-bold:focus-within {
    background-color: var(--bg-decorative-purple-bold)
}

.focus-within\:bg-decorative-purple-subtle:focus-within {
    background-color: var(--bg-decorative-purple-subtle)
}

.focus-within\:bg-decorative-orange-bold:focus-within {
    background-color: var(--bg-decorative-orange-bold)
}

.focus-within\:bg-overlay-modal:focus-within {
    background-color: var(--bg-overlay-modal)
}

.focus-within\:bg-gradient-lineChart:focus-within {
    background-color: var(--bg-gradient-line-chart)
}

.focus-within\:bg-gradient-margin:focus-within {
    background-color: var(--bg-gradient-margin)
}

.focus-within\:bg-gradient-healthRainbow:focus-within {
    background-color: var(--bg-gradient-health-rainbow)
}

.focus-within\:bg-gradient-promo-1:focus-within {
    background-color: var(--bg-gradient-promo-1)
}

.hover\:bg-app:hover {
    background-color: var(--bg-app)
}

.hover\:bg-surface-1-default:hover {
    background-color: var(--bg-surface-1)
}

.hover\:bg-surface-1-hover:hover {
    background-color: var(--bg-surface-1-hover)
}

.hover\:bg-surface-2-default:hover {
    background-color: var(--bg-surface-2)
}

.hover\:bg-surface-2-hover:hover {
    background-color: var(--bg-surface-2-hover)
}

.hover\:bg-surface-emphasis-default:hover {
    background-color: --bg-surface-emphasis
}

.hover\:bg-surface-emphasis-hover:hover {
    background-color: --bg-surface-emphasis-hover
}

.hover\:bg-surface-contrast-default:hover {
    background-color: --bg-surface-contrast
}

.hover\:bg-surface-contrast-hover:hover {
    background-color: --bg-surface-contrast-hover
}

.hover\:bg-surface-forced-dark:hover {
    background-color: var(--bg-surface-forced-dark)
}

.hover\:bg-status-danger-default:hover {
    background-color: var(--bg-status-danger)
}

.hover\:bg-status-danger-bold:hover {
    background-color: var(--bg-status-danger-bold)
}

.hover\:bg-status-danger-subtle:hover {
    background-color: var(--bg-status-danger-subtle)
}

.hover\:bg-status-pending-default:hover {
    background-color: var(--bg-status-pending)
}

.hover\:bg-status-pending-bold:hover {
    background-color: var(--bg-status-pending-bold)
}

.hover\:bg-status-pending-subtle:hover {
    background-color: var(--bg-status-pending-subtle)
}

.hover\:bg-status-success-default:hover {
    background-color: var(--bg-status-success)
}

.hover\:bg-status-success-bold:hover {
    background-color: var(--bg-status-success-bold)
}

.hover\:bg-status-success-subtle:hover {
    background-color: var(--bg-status-success-subtle)
}

.hover\:bg-status-active-default:hover {
    background-color: var(--bg-status-active)
}

.hover\:bg-status-active-bold:hover {
    background-color: var(--bg-status-active-bold)
}

.hover\:bg-status-active-subtle:hover {
    background-color: var(--bg-status-active-subtle)
}

.hover\:bg-status-plain-default:hover {
    background-color: var(--bg-status-plain)
}

.hover\:bg-status-plain-bold:hover {
    background-color: var(--bg-status-plain-bold)
}

.hover\:bg-status-plain-subtle:hover {
    background-color: var(--bg-status-plain-subtle)
}

.hover\:bg-button-primary:hover {
    background-color: var(--bg-button-primary)
}

.hover\:bg-button-danger:hover {
    background-color: var(--bg-button-danger)
}

.hover\:bg-button-success:hover {
    background-color: var(--bg-button-success)
}

.hover\:bg-button-oncolor:hover {
    background-color: var(--bg-button-oncolor)
}

.hover\:bg-button-hover-primary:hover {
    background-color: var(--bg-button-primary-hover)
}

.hover\:bg-button-hover-text:hover {
    background-color: var(--bg-button-text-hover)
}

.hover\:bg-button-hover-danger:hover {
    background-color: var(--bg-button-text-danger-hover)
}

.hover\:bg-button-hover-oncolor:hover {
    background-color: var(--bg-button-oncolor-hover)
}

.hover\:bg-button-hover-success-default:hover {
    background-color: var(--bg-button-success-hover)
}

.hover\:bg-button-hover-success-text:hover {
    background-color: var(--bg-button-text-success-hover)
}

.hover\:bg-decorative-purple-default:hover {
    background-color: var(--bg-decorative-purple)
}

.hover\:bg-decorative-purple-bold:hover {
    background-color: var(--bg-decorative-purple-bold)
}

.hover\:bg-decorative-purple-subtle:hover {
    background-color: var(--bg-decorative-purple-subtle)
}

.hover\:bg-decorative-orange-bold:hover {
    background-color: var(--bg-decorative-orange-bold)
}

.hover\:bg-overlay-modal:hover {
    background-color: var(--bg-overlay-modal)
}

.hover\:bg-gradient-lineChart:hover {
    background-color: var(--bg-gradient-line-chart)
}

.hover\:bg-gradient-margin:hover {
    background-color: var(--bg-gradient-margin)
}

.hover\:bg-gradient-healthRainbow:hover {
    background-color: var(--bg-gradient-health-rainbow)
}

.hover\:bg-gradient-promo-1:hover {
    background-color: var(--bg-gradient-promo-1)
}

.focus\:bg-app:focus {
    background-color: var(--bg-app)
}

.focus\:bg-surface-1-default:focus {
    background-color: var(--bg-surface-1)
}

.focus\:bg-surface-1-hover:focus {
    background-color: var(--bg-surface-1-hover)
}

.focus\:bg-surface-2-default:focus {
    background-color: var(--bg-surface-2)
}

.focus\:bg-surface-2-hover:focus {
    background-color: var(--bg-surface-2-hover)
}

.focus\:bg-surface-emphasis-default:focus {
    background-color: --bg-surface-emphasis
}

.focus\:bg-surface-emphasis-hover:focus {
    background-color: --bg-surface-emphasis-hover
}

.focus\:bg-surface-contrast-default:focus {
    background-color: --bg-surface-contrast
}

.focus\:bg-surface-contrast-hover:focus {
    background-color: --bg-surface-contrast-hover
}

.focus\:bg-surface-forced-dark:focus {
    background-color: var(--bg-surface-forced-dark)
}

.focus\:bg-status-danger-default:focus {
    background-color: var(--bg-status-danger)
}

.focus\:bg-status-danger-bold:focus {
    background-color: var(--bg-status-danger-bold)
}

.focus\:bg-status-danger-subtle:focus {
    background-color: var(--bg-status-danger-subtle)
}

.focus\:bg-status-pending-default:focus {
    background-color: var(--bg-status-pending)
}

.focus\:bg-status-pending-bold:focus {
    background-color: var(--bg-status-pending-bold)
}

.focus\:bg-status-pending-subtle:focus {
    background-color: var(--bg-status-pending-subtle)
}

.focus\:bg-status-success-default:focus {
    background-color: var(--bg-status-success)
}

.focus\:bg-status-success-bold:focus {
    background-color: var(--bg-status-success-bold)
}

.focus\:bg-status-success-subtle:focus {
    background-color: var(--bg-status-success-subtle)
}

.focus\:bg-status-active-default:focus {
    background-color: var(--bg-status-active)
}

.focus\:bg-status-active-bold:focus {
    background-color: var(--bg-status-active-bold)
}

.focus\:bg-status-active-subtle:focus {
    background-color: var(--bg-status-active-subtle)
}

.focus\:bg-status-plain-default:focus {
    background-color: var(--bg-status-plain)
}

.focus\:bg-status-plain-bold:focus {
    background-color: var(--bg-status-plain-bold)
}

.focus\:bg-status-plain-subtle:focus {
    background-color: var(--bg-status-plain-subtle)
}

.focus\:bg-button-primary:focus {
    background-color: var(--bg-button-primary)
}

.focus\:bg-button-danger:focus {
    background-color: var(--bg-button-danger)
}

.focus\:bg-button-success:focus {
    background-color: var(--bg-button-success)
}

.focus\:bg-button-oncolor:focus {
    background-color: var(--bg-button-oncolor)
}

.focus\:bg-button-hover-primary:focus {
    background-color: var(--bg-button-primary-hover)
}

.focus\:bg-button-hover-text:focus {
    background-color: var(--bg-button-text-hover)
}

.focus\:bg-button-hover-danger:focus {
    background-color: var(--bg-button-text-danger-hover)
}

.focus\:bg-button-hover-oncolor:focus {
    background-color: var(--bg-button-oncolor-hover)
}

.focus\:bg-button-hover-success-default:focus {
    background-color: var(--bg-button-success-hover)
}

.focus\:bg-button-hover-success-text:focus {
    background-color: var(--bg-button-text-success-hover)
}

.focus\:bg-decorative-purple-default:focus {
    background-color: var(--bg-decorative-purple)
}

.focus\:bg-decorative-purple-bold:focus {
    background-color: var(--bg-decorative-purple-bold)
}

.focus\:bg-decorative-purple-subtle:focus {
    background-color: var(--bg-decorative-purple-subtle)
}

.focus\:bg-decorative-orange-bold:focus {
    background-color: var(--bg-decorative-orange-bold)
}

.focus\:bg-overlay-modal:focus {
    background-color: var(--bg-overlay-modal)
}

.focus\:bg-gradient-lineChart:focus {
    background-color: var(--bg-gradient-line-chart)
}

.focus\:bg-gradient-margin:focus {
    background-color: var(--bg-gradient-margin)
}

.focus\:bg-gradient-healthRainbow:focus {
    background-color: var(--bg-gradient-health-rainbow)
}

.focus\:bg-gradient-promo-1:focus {
    background-color: var(--bg-gradient-promo-1)
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.bg-opacity-25 {
    --tw-bg-opacity: 0.25
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

.bg-opacity-95 {
    --tw-bg-opacity: 0.95
}

.bg-opacity-100 {
    --tw-bg-opacity: 1
}

.group:hover .group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0
}

.group:hover .group-hover\:bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

.group:hover .group-hover\:bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.group:hover .group-hover\:bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.group:hover .group-hover\:bg-opacity-25 {
    --tw-bg-opacity: 0.25
}

.group:hover .group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.group:hover .group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.group:hover .group-hover\:bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.group:hover .group-hover\:bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.group:hover .group-hover\:bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.group:hover .group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.group:hover .group-hover\:bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.group:hover .group-hover\:bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

.group:hover .group-hover\:bg-opacity-95 {
    --tw-bg-opacity: 0.95
}

.group:hover .group-hover\:bg-opacity-100 {
    --tw-bg-opacity: 1
}

.focus-within\:bg-opacity-0:focus-within {
    --tw-bg-opacity: 0
}

.focus-within\:bg-opacity-5:focus-within {
    --tw-bg-opacity: 0.05
}

.focus-within\:bg-opacity-10:focus-within {
    --tw-bg-opacity: 0.1
}

.focus-within\:bg-opacity-20:focus-within {
    --tw-bg-opacity: 0.2
}

.focus-within\:bg-opacity-25:focus-within {
    --tw-bg-opacity: 0.25
}

.focus-within\:bg-opacity-30:focus-within {
    --tw-bg-opacity: 0.3
}

.focus-within\:bg-opacity-40:focus-within {
    --tw-bg-opacity: 0.4
}

.focus-within\:bg-opacity-50:focus-within {
    --tw-bg-opacity: 0.5
}

.focus-within\:bg-opacity-60:focus-within {
    --tw-bg-opacity: 0.6
}

.focus-within\:bg-opacity-70:focus-within {
    --tw-bg-opacity: 0.7
}

.focus-within\:bg-opacity-75:focus-within {
    --tw-bg-opacity: 0.75
}

.focus-within\:bg-opacity-80:focus-within {
    --tw-bg-opacity: 0.8
}

.focus-within\:bg-opacity-90:focus-within {
    --tw-bg-opacity: 0.9
}

.focus-within\:bg-opacity-95:focus-within {
    --tw-bg-opacity: 0.95
}

.focus-within\:bg-opacity-100:focus-within {
    --tw-bg-opacity: 1
}

.hover\:bg-opacity-0:hover {
    --tw-bg-opacity: 0
}

.hover\:bg-opacity-5:hover {
    --tw-bg-opacity: 0.05
}

.hover\:bg-opacity-10:hover {
    --tw-bg-opacity: 0.1
}

.hover\:bg-opacity-20:hover {
    --tw-bg-opacity: 0.2
}

.hover\:bg-opacity-25:hover {
    --tw-bg-opacity: 0.25
}

.hover\:bg-opacity-30:hover {
    --tw-bg-opacity: 0.3
}

.hover\:bg-opacity-40:hover {
    --tw-bg-opacity: 0.4
}

.hover\:bg-opacity-50:hover {
    --tw-bg-opacity: 0.5
}

.hover\:bg-opacity-60:hover {
    --tw-bg-opacity: 0.6
}

.hover\:bg-opacity-70:hover {
    --tw-bg-opacity: 0.7
}

.hover\:bg-opacity-75:hover {
    --tw-bg-opacity: 0.75
}

.hover\:bg-opacity-80:hover {
    --tw-bg-opacity: 0.8
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9
}

.hover\:bg-opacity-95:hover {
    --tw-bg-opacity: 0.95
}

.hover\:bg-opacity-100:hover {
    --tw-bg-opacity: 1
}

.focus\:bg-opacity-0:focus {
    --tw-bg-opacity: 0
}

.focus\:bg-opacity-5:focus {
    --tw-bg-opacity: 0.05
}

.focus\:bg-opacity-10:focus {
    --tw-bg-opacity: 0.1
}

.focus\:bg-opacity-20:focus {
    --tw-bg-opacity: 0.2
}

.focus\:bg-opacity-25:focus {
    --tw-bg-opacity: 0.25
}

.focus\:bg-opacity-30:focus {
    --tw-bg-opacity: 0.3
}

.focus\:bg-opacity-40:focus {
    --tw-bg-opacity: 0.4
}

.focus\:bg-opacity-50:focus {
    --tw-bg-opacity: 0.5
}

.focus\:bg-opacity-60:focus {
    --tw-bg-opacity: 0.6
}

.focus\:bg-opacity-70:focus {
    --tw-bg-opacity: 0.7
}

.focus\:bg-opacity-75:focus {
    --tw-bg-opacity: 0.75
}

.focus\:bg-opacity-80:focus {
    --tw-bg-opacity: 0.8
}

.focus\:bg-opacity-90:focus {
    --tw-bg-opacity: 0.9
}

.focus\:bg-opacity-95:focus {
    --tw-bg-opacity: 0.95
}

.focus\:bg-opacity-100:focus {
    --tw-bg-opacity: 1
}

.bg-none {
    background-image: none
}

.bg-gradient-to-t {
    background-image: linear-gradient(0deg, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(90deg, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-b {
    background-image: linear-gradient(180deg, var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(270deg, var(--tw-gradient-stops))
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops))
}

.from-common-white {
    --tw-gradient-from: var(--common-white)
}

.from-common-tertiary,
.from-common-white {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-common-tertiary {
    --tw-gradient-from: var(--common-tertiary)
}

.from-common-dark {
    --tw-gradient-from: var(--common-dark)
}

.from-common-dark,
.from-scheme-primary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-scheme-primary {
    --tw-gradient-from: var(--common-primary)
}

.from-scheme-success {
    --tw-gradient-from: var(--text-success)
}

.from-scheme-success,
.from-scheme-warning {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-scheme-warning {
    --tw-gradient-from: var(--text-pending)
}

.from-scheme-danger {
    --tw-gradient-from: var(--text-danger)
}

.from-primary,
.from-scheme-danger {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-primary {
    --tw-gradient-from: var(--text-primary)
}

.from-secondary {
    --tw-gradient-from: var(--text-secondary)
}

.from-secondary,
.from-tertiary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-tertiary {
    --tw-gradient-from: var(--text-tertiary)
}

.from-danger-default {
    --tw-gradient-from: var(--text-danger)
}

.from-danger-bold,
.from-danger-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-danger-bold {
    --tw-gradient-from: var(--text-danger-bold)
}

.from-success-default {
    --tw-gradient-from: var(--text-success)
}

.from-success-bold,
.from-success-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-success-bold {
    --tw-gradient-from: var(--text-success-bold)
}

.from-success-subtle {
    --tw-gradient-from: var(--text-success-subtle)
}

.from-active-default,
.from-success-subtle {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-active-default {
    --tw-gradient-from: var(--text-active)
}

.from-active-bold {
    --tw-gradient-from: var(--text-active-bold)
}

.from-active-bold,
.from-pending-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-pending-default {
    --tw-gradient-from: var(--text-pending)
}

.from-pending-bold {
    --tw-gradient-from: var(--text-pending-bold)
}

.from-contrast-primary,
.from-pending-bold {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-contrast-primary {
    --tw-gradient-from: var(--text-contrast-primary)
}

.from-contrast-secondary {
    --tw-gradient-from: var(--text-contrast-secondary)
}

.from-contrast-secondary,
.from-forced-tertiary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-forced-tertiary {
    --tw-gradient-from: var(--text-forced-tertiary)
}

.from-decorative-red {
    --tw-gradient-from: var(--text-decorative-red)
}

.from-decorative-blue,
.from-decorative-red {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-decorative-blue {
    --tw-gradient-from: var(--text-decorative-blue)
}

.from-decorative-yellow {
    --tw-gradient-from: var(--text-decorative-yellow)
}

.from-decorative-grey,
.from-decorative-yellow {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-decorative-grey {
    --tw-gradient-from: var(--text-decorative-grey)
}

.from-decorative-green {
    --tw-gradient-from: var(--text-decorative-green)
}

.from-decorative-green,
.from-decorative-purple-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.from-decorative-purple-default {
    --tw-gradient-from: var(--text-decorative-purple)
}

.from-decorative-purple-bold {
    --tw-gradient-from: var(--text-decorative-purple-bold)
}

.from-decorative-purple-bold,
.hover\:from-common-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-common-white:hover {
    --tw-gradient-from: var(--common-white)
}

.hover\:from-common-tertiary:hover {
    --tw-gradient-from: var(--common-tertiary)
}

.hover\:from-common-dark:hover,
.hover\:from-common-tertiary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-common-dark:hover {
    --tw-gradient-from: var(--common-dark)
}

.hover\:from-scheme-primary:hover {
    --tw-gradient-from: var(--common-primary)
}

.hover\:from-scheme-primary:hover,
.hover\:from-scheme-success:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-scheme-success:hover {
    --tw-gradient-from: var(--text-success)
}

.hover\:from-scheme-warning:hover {
    --tw-gradient-from: var(--text-pending)
}

.hover\:from-scheme-danger:hover,
.hover\:from-scheme-warning:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-scheme-danger:hover {
    --tw-gradient-from: var(--text-danger)
}

.hover\:from-primary:hover {
    --tw-gradient-from: var(--text-primary)
}

.hover\:from-primary:hover,
.hover\:from-secondary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-secondary:hover {
    --tw-gradient-from: var(--text-secondary)
}

.hover\:from-tertiary:hover {
    --tw-gradient-from: var(--text-tertiary)
}

.hover\:from-danger-default:hover,
.hover\:from-tertiary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-danger-default:hover {
    --tw-gradient-from: var(--text-danger)
}

.hover\:from-danger-bold:hover {
    --tw-gradient-from: var(--text-danger-bold)
}

.hover\:from-danger-bold:hover,
.hover\:from-success-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-success-default:hover {
    --tw-gradient-from: var(--text-success)
}

.hover\:from-success-bold:hover {
    --tw-gradient-from: var(--text-success-bold)
}

.hover\:from-success-bold:hover,
.hover\:from-success-subtle:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-success-subtle:hover {
    --tw-gradient-from: var(--text-success-subtle)
}

.hover\:from-active-default:hover {
    --tw-gradient-from: var(--text-active)
}

.hover\:from-active-bold:hover,
.hover\:from-active-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-active-bold:hover {
    --tw-gradient-from: var(--text-active-bold)
}

.hover\:from-pending-default:hover {
    --tw-gradient-from: var(--text-pending)
}

.hover\:from-pending-bold:hover,
.hover\:from-pending-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-pending-bold:hover {
    --tw-gradient-from: var(--text-pending-bold)
}

.hover\:from-contrast-primary:hover {
    --tw-gradient-from: var(--text-contrast-primary)
}

.hover\:from-contrast-primary:hover,
.hover\:from-contrast-secondary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-contrast-secondary:hover {
    --tw-gradient-from: var(--text-contrast-secondary)
}

.hover\:from-forced-tertiary:hover {
    --tw-gradient-from: var(--text-forced-tertiary)
}

.hover\:from-decorative-red:hover,
.hover\:from-forced-tertiary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-decorative-red:hover {
    --tw-gradient-from: var(--text-decorative-red)
}

.hover\:from-decorative-blue:hover {
    --tw-gradient-from: var(--text-decorative-blue)
}

.hover\:from-decorative-blue:hover,
.hover\:from-decorative-yellow:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-decorative-yellow:hover {
    --tw-gradient-from: var(--text-decorative-yellow)
}

.hover\:from-decorative-grey:hover {
    --tw-gradient-from: var(--text-decorative-grey)
}

.hover\:from-decorative-green:hover,
.hover\:from-decorative-grey:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-decorative-green:hover {
    --tw-gradient-from: var(--text-decorative-green)
}

.hover\:from-decorative-purple-default:hover {
    --tw-gradient-from: var(--text-decorative-purple);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:from-decorative-purple-bold:hover {
    --tw-gradient-from: var(--text-decorative-purple-bold)
}

.focus\:from-common-white:focus,
.hover\:from-decorative-purple-bold:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-common-white:focus {
    --tw-gradient-from: var(--common-white)
}

.focus\:from-common-tertiary:focus {
    --tw-gradient-from: var(--common-tertiary)
}

.focus\:from-common-dark:focus,
.focus\:from-common-tertiary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-common-dark:focus {
    --tw-gradient-from: var(--common-dark)
}

.focus\:from-scheme-primary:focus {
    --tw-gradient-from: var(--common-primary)
}

.focus\:from-scheme-primary:focus,
.focus\:from-scheme-success:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-scheme-success:focus {
    --tw-gradient-from: var(--text-success)
}

.focus\:from-scheme-warning:focus {
    --tw-gradient-from: var(--text-pending)
}

.focus\:from-scheme-danger:focus,
.focus\:from-scheme-warning:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-scheme-danger:focus {
    --tw-gradient-from: var(--text-danger)
}

.focus\:from-primary:focus {
    --tw-gradient-from: var(--text-primary)
}

.focus\:from-primary:focus,
.focus\:from-secondary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-secondary:focus {
    --tw-gradient-from: var(--text-secondary)
}

.focus\:from-tertiary:focus {
    --tw-gradient-from: var(--text-tertiary)
}

.focus\:from-danger-default:focus,
.focus\:from-tertiary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-danger-default:focus {
    --tw-gradient-from: var(--text-danger)
}

.focus\:from-danger-bold:focus {
    --tw-gradient-from: var(--text-danger-bold)
}

.focus\:from-danger-bold:focus,
.focus\:from-success-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-success-default:focus {
    --tw-gradient-from: var(--text-success)
}

.focus\:from-success-bold:focus {
    --tw-gradient-from: var(--text-success-bold)
}

.focus\:from-success-bold:focus,
.focus\:from-success-subtle:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-success-subtle:focus {
    --tw-gradient-from: var(--text-success-subtle)
}

.focus\:from-active-default:focus {
    --tw-gradient-from: var(--text-active)
}

.focus\:from-active-bold:focus,
.focus\:from-active-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-active-bold:focus {
    --tw-gradient-from: var(--text-active-bold)
}

.focus\:from-pending-default:focus {
    --tw-gradient-from: var(--text-pending)
}

.focus\:from-pending-bold:focus,
.focus\:from-pending-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-pending-bold:focus {
    --tw-gradient-from: var(--text-pending-bold)
}

.focus\:from-contrast-primary:focus {
    --tw-gradient-from: var(--text-contrast-primary)
}

.focus\:from-contrast-primary:focus,
.focus\:from-contrast-secondary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-contrast-secondary:focus {
    --tw-gradient-from: var(--text-contrast-secondary)
}

.focus\:from-forced-tertiary:focus {
    --tw-gradient-from: var(--text-forced-tertiary)
}

.focus\:from-decorative-red:focus,
.focus\:from-forced-tertiary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-decorative-red:focus {
    --tw-gradient-from: var(--text-decorative-red)
}

.focus\:from-decorative-blue:focus {
    --tw-gradient-from: var(--text-decorative-blue)
}

.focus\:from-decorative-blue:focus,
.focus\:from-decorative-yellow:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-decorative-yellow:focus {
    --tw-gradient-from: var(--text-decorative-yellow)
}

.focus\:from-decorative-grey:focus {
    --tw-gradient-from: var(--text-decorative-grey)
}

.focus\:from-decorative-green:focus,
.focus\:from-decorative-grey:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-decorative-green:focus {
    --tw-gradient-from: var(--text-decorative-green)
}

.focus\:from-decorative-purple-default:focus {
    --tw-gradient-from: var(--text-decorative-purple);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:from-decorative-purple-bold:focus {
    --tw-gradient-from: var(--text-decorative-purple-bold);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-common-white {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-common-tertiary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-common-dark {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-scheme-primary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-scheme-success {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-scheme-warning {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-scheme-danger {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-primary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-secondary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-tertiary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-danger-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-danger-bold {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-success-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-success-bold {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-success-subtle {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-active-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-active-bold {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-pending-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-pending-bold {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-contrast-primary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-contrast-secondary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-forced-tertiary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-decorative-red {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-decorative-blue {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-decorative-yellow {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-decorative-grey {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-decorative-green {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-decorative-purple-default {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.via-decorative-purple-bold {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-common-white:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-common-tertiary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-common-dark:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-scheme-primary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-scheme-success:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-scheme-warning:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-scheme-danger:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-primary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-secondary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-tertiary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-danger-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-danger-bold:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-success-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-success-bold:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-success-subtle:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-active-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-active-bold:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-pending-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-pending-bold:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-contrast-primary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-contrast-secondary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-forced-tertiary:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-decorative-red:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-decorative-blue:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-decorative-yellow:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-decorative-grey:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-decorative-green:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-decorative-purple-default:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.hover\:via-decorative-purple-bold:hover {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-common-white:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-common-tertiary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-common-dark:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-scheme-primary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-scheme-success:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-scheme-warning:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-scheme-danger:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-primary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-secondary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-tertiary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-danger-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-danger-bold:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-success-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-success-bold:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-success-subtle:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-active-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-active-bold:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-pending-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-pending-bold:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-contrast-primary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-contrast-secondary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-forced-tertiary:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-decorative-red:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-decorative-blue:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-decorative-yellow:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-decorative-grey:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-decorative-green:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-decorative-purple-default:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.focus\:via-decorative-purple-bold:focus {
    --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
}

.to-common-white {
    --tw-gradient-to: var(--common-white)
}

.to-common-tertiary {
    --tw-gradient-to: var(--common-tertiary)
}

.to-common-dark {
    --tw-gradient-to: var(--common-dark)
}

.to-scheme-primary {
    --tw-gradient-to: var(--common-primary)
}

.to-scheme-success {
    --tw-gradient-to: var(--text-success)
}

.to-scheme-warning {
    --tw-gradient-to: var(--text-pending)
}

.to-scheme-danger {
    --tw-gradient-to: var(--text-danger)
}

.to-primary {
    --tw-gradient-to: var(--text-primary)
}

.to-secondary {
    --tw-gradient-to: var(--text-secondary)
}

.to-tertiary {
    --tw-gradient-to: var(--text-tertiary)
}

.to-danger-default {
    --tw-gradient-to: var(--text-danger)
}

.to-danger-bold {
    --tw-gradient-to: var(--text-danger-bold)
}

.to-success-default {
    --tw-gradient-to: var(--text-success)
}

.to-success-bold {
    --tw-gradient-to: var(--text-success-bold)
}

.to-success-subtle {
    --tw-gradient-to: var(--text-success-subtle)
}

.to-active-default {
    --tw-gradient-to: var(--text-active)
}

.to-active-bold {
    --tw-gradient-to: var(--text-active-bold)
}

.to-pending-default {
    --tw-gradient-to: var(--text-pending)
}

.to-pending-bold {
    --tw-gradient-to: var(--text-pending-bold)
}

.to-contrast-primary {
    --tw-gradient-to: var(--text-contrast-primary)
}

.to-contrast-secondary {
    --tw-gradient-to: var(--text-contrast-secondary)
}

.to-forced-tertiary {
    --tw-gradient-to: var(--text-forced-tertiary)
}

.to-decorative-red {
    --tw-gradient-to: var(--text-decorative-red)
}

.to-decorative-blue {
    --tw-gradient-to: var(--text-decorative-blue)
}

.to-decorative-yellow {
    --tw-gradient-to: var(--text-decorative-yellow)
}

.to-decorative-grey {
    --tw-gradient-to: var(--text-decorative-grey)
}

.to-decorative-green {
    --tw-gradient-to: var(--text-decorative-green)
}

.to-decorative-purple-default {
    --tw-gradient-to: var(--text-decorative-purple)
}

.to-decorative-purple-bold {
    --tw-gradient-to: var(--text-decorative-purple-bold)
}

.hover\:to-common-white:hover {
    --tw-gradient-to: var(--common-white)
}

.hover\:to-common-tertiary:hover {
    --tw-gradient-to: var(--common-tertiary)
}

.hover\:to-common-dark:hover {
    --tw-gradient-to: var(--common-dark)
}

.hover\:to-scheme-primary:hover {
    --tw-gradient-to: var(--common-primary)
}

.hover\:to-scheme-success:hover {
    --tw-gradient-to: var(--text-success)
}

.hover\:to-scheme-warning:hover {
    --tw-gradient-to: var(--text-pending)
}

.hover\:to-scheme-danger:hover {
    --tw-gradient-to: var(--text-danger)
}

.hover\:to-primary:hover {
    --tw-gradient-to: var(--text-primary)
}

.hover\:to-secondary:hover {
    --tw-gradient-to: var(--text-secondary)
}

.hover\:to-tertiary:hover {
    --tw-gradient-to: var(--text-tertiary)
}

.hover\:to-danger-default:hover {
    --tw-gradient-to: var(--text-danger)
}

.hover\:to-danger-bold:hover {
    --tw-gradient-to: var(--text-danger-bold)
}

.hover\:to-success-default:hover {
    --tw-gradient-to: var(--text-success)
}

.hover\:to-success-bold:hover {
    --tw-gradient-to: var(--text-success-bold)
}

.hover\:to-success-subtle:hover {
    --tw-gradient-to: var(--text-success-subtle)
}

.hover\:to-active-default:hover {
    --tw-gradient-to: var(--text-active)
}

.hover\:to-active-bold:hover {
    --tw-gradient-to: var(--text-active-bold)
}

.hover\:to-pending-default:hover {
    --tw-gradient-to: var(--text-pending)
}

.hover\:to-pending-bold:hover {
    --tw-gradient-to: var(--text-pending-bold)
}

.hover\:to-contrast-primary:hover {
    --tw-gradient-to: var(--text-contrast-primary)
}

.hover\:to-contrast-secondary:hover {
    --tw-gradient-to: var(--text-contrast-secondary)
}

.hover\:to-forced-tertiary:hover {
    --tw-gradient-to: var(--text-forced-tertiary)
}

.hover\:to-decorative-red:hover {
    --tw-gradient-to: var(--text-decorative-red)
}

.hover\:to-decorative-blue:hover {
    --tw-gradient-to: var(--text-decorative-blue)
}

.hover\:to-decorative-yellow:hover {
    --tw-gradient-to: var(--text-decorative-yellow)
}

.hover\:to-decorative-grey:hover {
    --tw-gradient-to: var(--text-decorative-grey)
}

.hover\:to-decorative-green:hover {
    --tw-gradient-to: var(--text-decorative-green)
}

.hover\:to-decorative-purple-default:hover {
    --tw-gradient-to: var(--text-decorative-purple)
}

.hover\:to-decorative-purple-bold:hover {
    --tw-gradient-to: var(--text-decorative-purple-bold)
}

.focus\:to-common-white:focus {
    --tw-gradient-to: var(--common-white)
}

.focus\:to-common-tertiary:focus {
    --tw-gradient-to: var(--common-tertiary)
}

.focus\:to-common-dark:focus {
    --tw-gradient-to: var(--common-dark)
}

.focus\:to-scheme-primary:focus {
    --tw-gradient-to: var(--common-primary)
}

.focus\:to-scheme-success:focus {
    --tw-gradient-to: var(--text-success)
}

.focus\:to-scheme-warning:focus {
    --tw-gradient-to: var(--text-pending)
}

.focus\:to-scheme-danger:focus {
    --tw-gradient-to: var(--text-danger)
}

.focus\:to-primary:focus {
    --tw-gradient-to: var(--text-primary)
}

.focus\:to-secondary:focus {
    --tw-gradient-to: var(--text-secondary)
}

.focus\:to-tertiary:focus {
    --tw-gradient-to: var(--text-tertiary)
}

.focus\:to-danger-default:focus {
    --tw-gradient-to: var(--text-danger)
}

.focus\:to-danger-bold:focus {
    --tw-gradient-to: var(--text-danger-bold)
}

.focus\:to-success-default:focus {
    --tw-gradient-to: var(--text-success)
}

.focus\:to-success-bold:focus {
    --tw-gradient-to: var(--text-success-bold)
}

.focus\:to-success-subtle:focus {
    --tw-gradient-to: var(--text-success-subtle)
}

.focus\:to-active-default:focus {
    --tw-gradient-to: var(--text-active)
}

.focus\:to-active-bold:focus {
    --tw-gradient-to: var(--text-active-bold)
}

.focus\:to-pending-default:focus {
    --tw-gradient-to: var(--text-pending)
}

.focus\:to-pending-bold:focus {
    --tw-gradient-to: var(--text-pending-bold)
}

.focus\:to-contrast-primary:focus {
    --tw-gradient-to: var(--text-contrast-primary)
}

.focus\:to-contrast-secondary:focus {
    --tw-gradient-to: var(--text-contrast-secondary)
}

.focus\:to-forced-tertiary:focus {
    --tw-gradient-to: var(--text-forced-tertiary)
}

.focus\:to-decorative-red:focus {
    --tw-gradient-to: var(--text-decorative-red)
}

.focus\:to-decorative-blue:focus {
    --tw-gradient-to: var(--text-decorative-blue)
}

.focus\:to-decorative-yellow:focus {
    --tw-gradient-to: var(--text-decorative-yellow)
}

.focus\:to-decorative-grey:focus {
    --tw-gradient-to: var(--text-decorative-grey)
}

.focus\:to-decorative-green:focus {
    --tw-gradient-to: var(--text-decorative-green)
}

.focus\:to-decorative-purple-default:focus {
    --tw-gradient-to: var(--text-decorative-purple)
}

.focus\:to-decorative-purple-bold:focus {
    --tw-gradient-to: var(--text-decorative-purple-bold)
}

.decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice
}

.decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.bg-auto {
    background-size: auto
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.bg-fixed {
    background-attachment: fixed
}

.bg-local {
    background-attachment: local
}

.bg-scroll {
    background-attachment: scroll
}

.bg-clip-border {
    background-clip: border-box
}

.bg-clip-padding {
    background-clip: padding-box
}

.bg-clip-content {
    background-clip: content-box
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-left-top {
    background-position: 0 0
}

.bg-right {
    background-position: 100%
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-right-top {
    background-position: 100% 0
}

.bg-top {
    background-position: top
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-repeat-round {
    background-repeat: round
}

.bg-repeat-space {
    background-repeat: space
}

.bg-origin-border {
    background-origin: border-box
}

.bg-origin-padding {
    background-origin: padding-box
}

.bg-origin-content {
    background-origin: content-box
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.stroke-0 {
    stroke-width: 0
}

.stroke-1 {
    stroke-width: 1
}

.stroke-2 {
    stroke-width: 2
}

.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-bottom {
    object-position: bottom
}

.object-center {
    object-position: center
}

.object-left {
    object-position: left
}

.object-left-bottom {
    object-position: left bottom
}

.object-left-top {
    object-position: left top
}

.object-right {
    object-position: right
}

.object-right-bottom {
    object-position: right bottom
}

.object-right-top {
    object-position: right top
}

.object-top {
    object-position: top
}

.p-0 {
    padding: 0
}

.p-2 {
    padding: var(--space-5xs)
}

.p-4 {
    padding: var(--space-4xs)
}

.p-6 {
    padding: var(--space-3xs)
}

.p-8 {
    padding: var(--space-2xs)
}

.p-12 {
    padding: var(--space-xs)
}

.p-16 {
    padding: var(--space-sm)
}

.p-20 {
    padding: var(--space-md)
}

.p-24 {
    padding: var(--space-lg)
}

.p-32 {
    padding: var(--space-xl)
}

.p-40 {
    padding: var(--space-2xl)
}

.p-48 {
    padding: var(--space-3xl)
}

.p-80 {
    padding: var(--space-4xl)
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-2 {
    padding-left: var(--space-5xs);
    padding-right: var(--space-5xs)
}

.px-4 {
    padding-left: var(--space-4xs);
    padding-right: var(--space-4xs)
}

.px-6 {
    padding-left: var(--space-3xs);
    padding-right: var(--space-3xs)
}

.px-8 {
    padding-left: var(--space-2xs);
    padding-right: var(--space-2xs)
}

.px-12 {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

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

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

.px-24 {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg)
}

.px-32 {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
}

.px-40 {
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl)
}

.px-48 {
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl)
}

.px-80 {
    padding-left: var(--space-4xl);
    padding-right: var(--space-4xl)
}

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

.py-2 {
    padding-top: var(--space-5xs);
    padding-bottom: var(--space-5xs)
}

.py-4 {
    padding-top: var(--space-4xs);
    padding-bottom: var(--space-4xs)
}

.py-6 {
    padding-top: var(--space-3xs);
    padding-bottom: var(--space-3xs)
}

.py-8 {
    padding-top: var(--space-2xs);
    padding-bottom: var(--space-2xs)
}

.py-12 {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs)
}

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

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

.py-24 {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg)
}

.py-32 {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
}

.py-40 {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl)
}

.py-48 {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl)
}

.py-80 {
    padding-top: var(--space-4xl);
    padding-bottom: var(--space-4xl)
}

.pt-0 {
    padding-top: 0
}

.pt-2 {
    padding-top: var(--space-5xs)
}

.pt-4 {
    padding-top: var(--space-4xs)
}

.pt-6 {
    padding-top: var(--space-3xs)
}

.pt-8 {
    padding-top: var(--space-2xs)
}

.pt-12 {
    padding-top: var(--space-xs)
}

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

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

.pt-24 {
    padding-top: var(--space-lg)
}

.pt-32 {
    padding-top: var(--space-xl)
}

.pt-40 {
    padding-top: var(--space-2xl)
}

.pt-48 {
    padding-top: var(--space-3xl)
}

.pt-80 {
    padding-top: var(--space-4xl)
}

.pr-0 {
    padding-right: 0
}

.pr-2 {
    padding-right: var(--space-5xs)
}

.pr-4 {
    padding-right: var(--space-4xs)
}

.pr-6 {
    padding-right: var(--space-3xs)
}

.pr-8 {
    padding-right: var(--space-2xs)
}

.pr-12 {
    padding-right: var(--space-xs)
}

.pr-16 {
    padding-right: var(--space-sm)
}

.pr-20 {
    padding-right: var(--space-md)
}

.pr-24 {
    padding-right: var(--space-lg)
}

.pr-32 {
    padding-right: var(--space-xl)
}

.pr-40 {
    padding-right: var(--space-2xl)
}

.pr-48 {
    padding-right: var(--space-3xl)
}

.pr-80 {
    padding-right: var(--space-4xl)
}

.pb-0 {
    padding-bottom: 0
}

.pb-2 {
    padding-bottom: var(--space-5xs)
}

.pb-4 {
    padding-bottom: var(--space-4xs)
}

.pb-6 {
    padding-bottom: var(--space-3xs)
}

.pb-8 {
    padding-bottom: var(--space-2xs)
}

.pb-12 {
    padding-bottom: var(--space-xs)
}

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

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

.pb-24 {
    padding-bottom: var(--space-lg)
}

.pb-32 {
    padding-bottom: var(--space-xl)
}

.pb-40 {
    padding-bottom: var(--space-2xl)
}

.pb-48 {
    padding-bottom: var(--space-3xl)
}

.pb-80 {
    padding-bottom: var(--space-4xl)
}

.pl-0 {
    padding-left: 0
}

.pl-2 {
    padding-left: var(--space-5xs)
}

.pl-4 {
    padding-left: var(--space-4xs)
}

.pl-6 {
    padding-left: var(--space-3xs)
}

.pl-8 {
    padding-left: var(--space-2xs)
}

.pl-12 {
    padding-left: var(--space-xs)
}

.pl-16 {
    padding-left: var(--space-sm)
}

.pl-20 {
    padding-left: var(--space-md)
}

.pl-24 {
    padding-left: var(--space-lg)
}

.pl-32 {
    padding-left: var(--space-xl)
}

.pl-40 {
    padding-left: var(--space-2xl)
}

.pl-48 {
    padding-left: var(--space-3xl)
}

.pl-80 {
    padding-left: var(--space-4xl)
}

.text-justify {
    text-align: justify
}

.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
}

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

.font-serif {
    font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
}

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

.text-7xl {
    font-size: 72px
}

.text-6xl {
    font-size: 48px
}

.text-5xl {
    font-size: 40px
}

.text-4xl {
    font-size: 32px
}

.text-3xl {
    font-size: 24px
}

.text-2xl {
    font-size: 20px
}

.text-xl {
    font-size: 18px
}

.text-lg {
    font-size: 16px
}

.text-md {
    font-size: 14px
}

.text-sm {
    font-size: 12px
}

.text-xs {
    font-size: 10px
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.diagonal-fractions,
.lining-nums,
.oldstyle-nums,
.ordinal,
.proportional-nums,
.slashed-zero,
.stacked-fractions,
.tabular-nums {
    --tw-ordinal: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-slashed-zero: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-numeric-figure: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-numeric-spacing: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-numeric-fraction: var(--tw-empty, /*!*/
    /*!*/
    );
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.normal-nums {
    font-variant-numeric: normal
}

.ordinal {
    --tw-ordinal: ordinal
}

.slashed-zero {
    --tw-slashed-zero: slashed-zero
}

.lining-nums {
    --tw-numeric-figure: lining-nums
}

.oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums
}

.proportional-nums {
    --tw-numeric-spacing: proportional-nums
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums
}

.diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions
}

.stacked-fractions {
    --tw-numeric-fraction: stacked-fractions
}

.leading-1 {
    line-height: 12px
}

.leading-2 {
    line-height: 14px
}

.leading-3 {
    line-height: 16px
}

.leading-4 {
    line-height: 20px
}

.leading-5 {
    line-height: 24px
}

.leading-6 {
    line-height: 32px
}

.leading-7 {
    line-height: 40px
}

.leading-8 {
    line-height: 48px
}

.leading-9 {
    line-height: 56px
}

.leading-10 {
    line-height: 80px
}

.tracking-tighter {
    letter-spacing: -.05em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.text-common-white {
    color: var(--common-white)
}

.text-common-tertiary {
    color: var(--common-tertiary)
}

.text-common-dark {
    color: var(--common-dark)
}

.text-scheme-primary {
    color: var(--common-primary)
}

.text-scheme-success {
    color: var(--text-success)
}

.text-scheme-warning {
    color: var(--text-pending)
}

.text-scheme-danger {
    color: var(--text-danger)
}

.text-primary {
    color: var(--text-primary)
}

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

.text-tertiary {
    color: var(--text-tertiary)
}

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

.text-danger-bold {
    color: var(--text-danger-bold)
}

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

.text-success-bold {
    color: var(--text-success-bold)
}

.text-success-subtle {
    color: var(--text-success-subtle)
}

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

.text-active-bold {
    color: var(--text-active-bold)
}

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

.text-pending-bold {
    color: var(--text-pending-bold)
}

.text-contrast-primary {
    color: var(--text-contrast-primary)
}

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

.text-forced-tertiary {
    color: var(--text-forced-tertiary)
}

.text-decorative-red {
    color: var(--text-decorative-red)
}

.text-decorative-blue {
    color: var(--text-decorative-blue)
}

.text-decorative-yellow {
    color: var(--text-decorative-yellow)
}

.text-decorative-grey {
    color: var(--text-decorative-grey)
}

.text-decorative-green {
    color: var(--text-decorative-green)
}

.text-decorative-purple-default {
    color: var(--text-decorative-purple)
}

.text-decorative-purple-bold {
    color: var(--text-decorative-purple-bold)
}

.group:hover .group-hover\:text-common-white {
    color: var(--common-white)
}

.group:hover .group-hover\:text-common-tertiary {
    color: var(--common-tertiary)
}

.group:hover .group-hover\:text-common-dark {
    color: var(--common-dark)
}

.group:hover .group-hover\:text-scheme-primary {
    color: var(--common-primary)
}

.group:hover .group-hover\:text-scheme-success {
    color: var(--text-success)
}

.group:hover .group-hover\:text-scheme-warning {
    color: var(--text-pending)
}

.group:hover .group-hover\:text-scheme-danger {
    color: var(--text-danger)
}

.group:hover .group-hover\:text-primary {
    color: var(--text-primary)
}

.group:hover .group-hover\:text-secondary {
    color: var(--text-secondary)
}

.group:hover .group-hover\:text-tertiary {
    color: var(--text-tertiary)
}

.group:hover .group-hover\:text-danger-default {
    color: var(--text-danger)
}

.group:hover .group-hover\:text-danger-bold {
    color: var(--text-danger-bold)
}

.group:hover .group-hover\:text-success-default {
    color: var(--text-success)
}

.group:hover .group-hover\:text-success-bold {
    color: var(--text-success-bold)
}

.group:hover .group-hover\:text-success-subtle {
    color: var(--text-success-subtle)
}

.group:hover .group-hover\:text-active-default {
    color: var(--text-active)
}

.group:hover .group-hover\:text-active-bold {
    color: var(--text-active-bold)
}

.group:hover .group-hover\:text-pending-default {
    color: var(--text-pending)
}

.group:hover .group-hover\:text-pending-bold {
    color: var(--text-pending-bold)
}

.group:hover .group-hover\:text-contrast-primary {
    color: var(--text-contrast-primary)
}

.group:hover .group-hover\:text-contrast-secondary {
    color: var(--text-contrast-secondary)
}

.group:hover .group-hover\:text-forced-tertiary {
    color: var(--text-forced-tertiary)
}

.group:hover .group-hover\:text-decorative-red {
    color: var(--text-decorative-red)
}

.group:hover .group-hover\:text-decorative-blue {
    color: var(--text-decorative-blue)
}

.group:hover .group-hover\:text-decorative-yellow {
    color: var(--text-decorative-yellow)
}

.group:hover .group-hover\:text-decorative-grey {
    color: var(--text-decorative-grey)
}

.group:hover .group-hover\:text-decorative-green {
    color: var(--text-decorative-green)
}

.group:hover .group-hover\:text-decorative-purple-default {
    color: var(--text-decorative-purple)
}

.group:hover .group-hover\:text-decorative-purple-bold {
    color: var(--text-decorative-purple-bold)
}

.focus-within\:text-common-white:focus-within {
    color: var(--common-white)
}

.focus-within\:text-common-tertiary:focus-within {
    color: var(--common-tertiary)
}

.focus-within\:text-common-dark:focus-within {
    color: var(--common-dark)
}

.focus-within\:text-scheme-primary:focus-within {
    color: var(--common-primary)
}

.focus-within\:text-scheme-success:focus-within {
    color: var(--text-success)
}

.focus-within\:text-scheme-warning:focus-within {
    color: var(--text-pending)
}

.focus-within\:text-scheme-danger:focus-within {
    color: var(--text-danger)
}

.focus-within\:text-primary:focus-within {
    color: var(--text-primary)
}

.focus-within\:text-secondary:focus-within {
    color: var(--text-secondary)
}

.focus-within\:text-tertiary:focus-within {
    color: var(--text-tertiary)
}

.focus-within\:text-danger-default:focus-within {
    color: var(--text-danger)
}

.focus-within\:text-danger-bold:focus-within {
    color: var(--text-danger-bold)
}

.focus-within\:text-success-default:focus-within {
    color: var(--text-success)
}

.focus-within\:text-success-bold:focus-within {
    color: var(--text-success-bold)
}

.focus-within\:text-success-subtle:focus-within {
    color: var(--text-success-subtle)
}

.focus-within\:text-active-default:focus-within {
    color: var(--text-active)
}

.focus-within\:text-active-bold:focus-within {
    color: var(--text-active-bold)
}

.focus-within\:text-pending-default:focus-within {
    color: var(--text-pending)
}

.focus-within\:text-pending-bold:focus-within {
    color: var(--text-pending-bold)
}

.focus-within\:text-contrast-primary:focus-within {
    color: var(--text-contrast-primary)
}

.focus-within\:text-contrast-secondary:focus-within {
    color: var(--text-contrast-secondary)
}

.focus-within\:text-forced-tertiary:focus-within {
    color: var(--text-forced-tertiary)
}

.focus-within\:text-decorative-red:focus-within {
    color: var(--text-decorative-red)
}

.focus-within\:text-decorative-blue:focus-within {
    color: var(--text-decorative-blue)
}

.focus-within\:text-decorative-yellow:focus-within {
    color: var(--text-decorative-yellow)
}

.focus-within\:text-decorative-grey:focus-within {
    color: var(--text-decorative-grey)
}

.focus-within\:text-decorative-green:focus-within {
    color: var(--text-decorative-green)
}

.focus-within\:text-decorative-purple-default:focus-within {
    color: var(--text-decorative-purple)
}

.focus-within\:text-decorative-purple-bold:focus-within {
    color: var(--text-decorative-purple-bold)
}

.hover\:text-common-white:hover {
    color: var(--common-white)
}

.hover\:text-common-tertiary:hover {
    color: var(--common-tertiary)
}

.hover\:text-common-dark:hover {
    color: var(--common-dark)
}

.hover\:text-scheme-primary:hover {
    color: var(--common-primary)
}

.hover\:text-scheme-success:hover {
    color: var(--text-success)
}

.hover\:text-scheme-warning:hover {
    color: var(--text-pending)
}

.hover\:text-scheme-danger:hover {
    color: var(--text-danger)
}

.hover\:text-primary:hover {
    color: var(--text-primary)
}

.hover\:text-secondary:hover {
    color: var(--text-secondary)
}

.hover\:text-tertiary:hover {
    color: var(--text-tertiary)
}

.hover\:text-danger-default:hover {
    color: var(--text-danger)
}

.hover\:text-danger-bold:hover {
    color: var(--text-danger-bold)
}

.hover\:text-success-default:hover {
    color: var(--text-success)
}

.hover\:text-success-bold:hover {
    color: var(--text-success-bold)
}

.hover\:text-success-subtle:hover {
    color: var(--text-success-subtle)
}

.hover\:text-active-default:hover {
    color: var(--text-active)
}

.hover\:text-active-bold:hover {
    color: var(--text-active-bold)
}

.hover\:text-pending-default:hover {
    color: var(--text-pending)
}

.hover\:text-pending-bold:hover {
    color: var(--text-pending-bold)
}

.hover\:text-contrast-primary:hover {
    color: var(--text-contrast-primary)
}

.hover\:text-contrast-secondary:hover {
    color: var(--text-contrast-secondary)
}

.hover\:text-forced-tertiary:hover {
    color: var(--text-forced-tertiary)
}

.hover\:text-decorative-red:hover {
    color: var(--text-decorative-red)
}

.hover\:text-decorative-blue:hover {
    color: var(--text-decorative-blue)
}

.hover\:text-decorative-yellow:hover {
    color: var(--text-decorative-yellow)
}

.hover\:text-decorative-grey:hover {
    color: var(--text-decorative-grey)
}

.hover\:text-decorative-green:hover {
    color: var(--text-decorative-green)
}

.hover\:text-decorative-purple-default:hover {
    color: var(--text-decorative-purple)
}

.hover\:text-decorative-purple-bold:hover {
    color: var(--text-decorative-purple-bold)
}

.focus\:text-common-white:focus {
    color: var(--common-white)
}

.focus\:text-common-tertiary:focus {
    color: var(--common-tertiary)
}

.focus\:text-common-dark:focus {
    color: var(--common-dark)
}

.focus\:text-scheme-primary:focus {
    color: var(--common-primary)
}

.focus\:text-scheme-success:focus {
    color: var(--text-success)
}

.focus\:text-scheme-warning:focus {
    color: var(--text-pending)
}

.focus\:text-scheme-danger:focus {
    color: var(--text-danger)
}

.focus\:text-primary:focus {
    color: var(--text-primary)
}

.focus\:text-secondary:focus {
    color: var(--text-secondary)
}

.focus\:text-tertiary:focus {
    color: var(--text-tertiary)
}

.focus\:text-danger-default:focus {
    color: var(--text-danger)
}

.focus\:text-danger-bold:focus {
    color: var(--text-danger-bold)
}

.focus\:text-success-default:focus {
    color: var(--text-success)
}

.focus\:text-success-bold:focus {
    color: var(--text-success-bold)
}

.focus\:text-success-subtle:focus {
    color: var(--text-success-subtle)
}

.focus\:text-active-default:focus {
    color: var(--text-active)
}

.focus\:text-active-bold:focus {
    color: var(--text-active-bold)
}

.focus\:text-pending-default:focus {
    color: var(--text-pending)
}

.focus\:text-pending-bold:focus {
    color: var(--text-pending-bold)
}

.focus\:text-contrast-primary:focus {
    color: var(--text-contrast-primary)
}

.focus\:text-contrast-secondary:focus {
    color: var(--text-contrast-secondary)
}

.focus\:text-forced-tertiary:focus {
    color: var(--text-forced-tertiary)
}

.focus\:text-decorative-red:focus {
    color: var(--text-decorative-red)
}

.focus\:text-decorative-blue:focus {
    color: var(--text-decorative-blue)
}

.focus\:text-decorative-yellow:focus {
    color: var(--text-decorative-yellow)
}

.focus\:text-decorative-grey:focus {
    color: var(--text-decorative-grey)
}

.focus\:text-decorative-green:focus {
    color: var(--text-decorative-green)
}

.focus\:text-decorative-purple-default:focus {
    color: var(--text-decorative-purple)
}

.focus\:text-decorative-purple-bold:focus {
    color: var(--text-decorative-purple-bold)
}

.text-opacity-0 {
    --tw-text-opacity: 0
}

.text-opacity-5 {
    --tw-text-opacity: 0.05
}

.text-opacity-10 {
    --tw-text-opacity: 0.1
}

.text-opacity-20 {
    --tw-text-opacity: 0.2
}

.text-opacity-25 {
    --tw-text-opacity: 0.25
}

.text-opacity-30 {
    --tw-text-opacity: 0.3
}

.text-opacity-40 {
    --tw-text-opacity: 0.4
}

.text-opacity-50 {
    --tw-text-opacity: 0.5
}

.text-opacity-60 {
    --tw-text-opacity: 0.6
}

.text-opacity-70 {
    --tw-text-opacity: 0.7
}

.text-opacity-75 {
    --tw-text-opacity: 0.75
}

.text-opacity-80 {
    --tw-text-opacity: 0.8
}

.text-opacity-90 {
    --tw-text-opacity: 0.9
}

.text-opacity-95 {
    --tw-text-opacity: 0.95
}

.text-opacity-100 {
    --tw-text-opacity: 1
}

.group:hover .group-hover\:text-opacity-0 {
    --tw-text-opacity: 0
}

.group:hover .group-hover\:text-opacity-5 {
    --tw-text-opacity: 0.05
}

.group:hover .group-hover\:text-opacity-10 {
    --tw-text-opacity: 0.1
}

.group:hover .group-hover\:text-opacity-20 {
    --tw-text-opacity: 0.2
}

.group:hover .group-hover\:text-opacity-25 {
    --tw-text-opacity: 0.25
}

.group:hover .group-hover\:text-opacity-30 {
    --tw-text-opacity: 0.3
}

.group:hover .group-hover\:text-opacity-40 {
    --tw-text-opacity: 0.4
}

.group:hover .group-hover\:text-opacity-50 {
    --tw-text-opacity: 0.5
}

.group:hover .group-hover\:text-opacity-60 {
    --tw-text-opacity: 0.6
}

.group:hover .group-hover\:text-opacity-70 {
    --tw-text-opacity: 0.7
}

.group:hover .group-hover\:text-opacity-75 {
    --tw-text-opacity: 0.75
}

.group:hover .group-hover\:text-opacity-80 {
    --tw-text-opacity: 0.8
}

.group:hover .group-hover\:text-opacity-90 {
    --tw-text-opacity: 0.9
}

.group:hover .group-hover\:text-opacity-95 {
    --tw-text-opacity: 0.95
}

.group:hover .group-hover\:text-opacity-100 {
    --tw-text-opacity: 1
}

.focus-within\:text-opacity-0:focus-within {
    --tw-text-opacity: 0
}

.focus-within\:text-opacity-5:focus-within {
    --tw-text-opacity: 0.05
}

.focus-within\:text-opacity-10:focus-within {
    --tw-text-opacity: 0.1
}

.focus-within\:text-opacity-20:focus-within {
    --tw-text-opacity: 0.2
}

.focus-within\:text-opacity-25:focus-within {
    --tw-text-opacity: 0.25
}

.focus-within\:text-opacity-30:focus-within {
    --tw-text-opacity: 0.3
}

.focus-within\:text-opacity-40:focus-within {
    --tw-text-opacity: 0.4
}

.focus-within\:text-opacity-50:focus-within {
    --tw-text-opacity: 0.5
}

.focus-within\:text-opacity-60:focus-within {
    --tw-text-opacity: 0.6
}

.focus-within\:text-opacity-70:focus-within {
    --tw-text-opacity: 0.7
}

.focus-within\:text-opacity-75:focus-within {
    --tw-text-opacity: 0.75
}

.focus-within\:text-opacity-80:focus-within {
    --tw-text-opacity: 0.8
}

.focus-within\:text-opacity-90:focus-within {
    --tw-text-opacity: 0.9
}

.focus-within\:text-opacity-95:focus-within {
    --tw-text-opacity: 0.95
}

.focus-within\:text-opacity-100:focus-within {
    --tw-text-opacity: 1
}

.hover\:text-opacity-0:hover {
    --tw-text-opacity: 0
}

.hover\:text-opacity-5:hover {
    --tw-text-opacity: 0.05
}

.hover\:text-opacity-10:hover {
    --tw-text-opacity: 0.1
}

.hover\:text-opacity-20:hover {
    --tw-text-opacity: 0.2
}

.hover\:text-opacity-25:hover {
    --tw-text-opacity: 0.25
}

.hover\:text-opacity-30:hover {
    --tw-text-opacity: 0.3
}

.hover\:text-opacity-40:hover {
    --tw-text-opacity: 0.4
}

.hover\:text-opacity-50:hover {
    --tw-text-opacity: 0.5
}

.hover\:text-opacity-60:hover {
    --tw-text-opacity: 0.6
}

.hover\:text-opacity-70:hover {
    --tw-text-opacity: 0.7
}

.hover\:text-opacity-75:hover {
    --tw-text-opacity: 0.75
}

.hover\:text-opacity-80:hover {
    --tw-text-opacity: 0.8
}

.hover\:text-opacity-90:hover {
    --tw-text-opacity: 0.9
}

.hover\:text-opacity-95:hover {
    --tw-text-opacity: 0.95
}

.hover\:text-opacity-100:hover {
    --tw-text-opacity: 1
}

.focus\:text-opacity-0:focus {
    --tw-text-opacity: 0
}

.focus\:text-opacity-5:focus {
    --tw-text-opacity: 0.05
}

.focus\:text-opacity-10:focus {
    --tw-text-opacity: 0.1
}

.focus\:text-opacity-20:focus {
    --tw-text-opacity: 0.2
}

.focus\:text-opacity-25:focus {
    --tw-text-opacity: 0.25
}

.focus\:text-opacity-30:focus {
    --tw-text-opacity: 0.3
}

.focus\:text-opacity-40:focus {
    --tw-text-opacity: 0.4
}

.focus\:text-opacity-50:focus {
    --tw-text-opacity: 0.5
}

.focus\:text-opacity-60:focus {
    --tw-text-opacity: 0.6
}

.focus\:text-opacity-70:focus {
    --tw-text-opacity: 0.7
}

.focus\:text-opacity-75:focus {
    --tw-text-opacity: 0.75
}

.focus\:text-opacity-80:focus {
    --tw-text-opacity: 0.8
}

.focus\:text-opacity-90:focus {
    --tw-text-opacity: 0.9
}

.focus\:text-opacity-95:focus {
    --tw-text-opacity: 0.95
}

.focus\:text-opacity-100:focus {
    --tw-text-opacity: 1
}

.underline {
    text-decoration: underline
}

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

.no-underline {
    text-decoration: none
}

.group:hover .group-hover\:underline {
    text-decoration: underline
}

.group:hover .group-hover\:line-through {
    text-decoration: line-through
}

.group:hover .group-hover\:no-underline {
    text-decoration: none
}

.focus-within\:underline:focus-within {
    text-decoration: underline
}

.focus-within\:line-through:focus-within {
    text-decoration: line-through
}

.focus-within\:no-underline:focus-within {
    text-decoration: none
}

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

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

.hover\:no-underline:hover {
    text-decoration: none
}

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

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

.focus\:no-underline:focus {
    text-decoration: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.placeholder-common-white::placeholder {
    color: var(--common-white)
}

.placeholder-common-tertiary::placeholder {
    color: var(--common-tertiary)
}

.placeholder-common-dark::placeholder {
    color: var(--common-dark)
}

.placeholder-scheme-primary::placeholder {
    color: var(--common-primary)
}

.placeholder-scheme-success::placeholder {
    color: var(--text-success)
}

.placeholder-scheme-warning::placeholder {
    color: var(--text-pending)
}

.placeholder-scheme-danger::placeholder {
    color: var(--text-danger)
}

.placeholder-primary::placeholder {
    color: var(--text-primary)
}

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

.placeholder-tertiary::placeholder {
    color: var(--text-tertiary)
}

.placeholder-danger-default::placeholder {
    color: var(--text-danger)
}

.placeholder-danger-bold::placeholder {
    color: var(--text-danger-bold)
}

.placeholder-success-default::placeholder {
    color: var(--text-success)
}

.placeholder-success-bold::placeholder {
    color: var(--text-success-bold)
}

.placeholder-success-subtle::placeholder {
    color: var(--text-success-subtle)
}

.placeholder-active-default::placeholder {
    color: var(--text-active)
}

.placeholder-active-bold::placeholder {
    color: var(--text-active-bold)
}

.placeholder-pending-default::placeholder {
    color: var(--text-pending)
}

.placeholder-pending-bold::placeholder {
    color: var(--text-pending-bold)
}

.placeholder-contrast-primary::placeholder {
    color: var(--text-contrast-primary)
}

.placeholder-contrast-secondary::placeholder {
    color: var(--text-contrast-secondary)
}

.placeholder-forced-tertiary::placeholder {
    color: var(--text-forced-tertiary)
}

.placeholder-decorative-red::placeholder {
    color: var(--text-decorative-red)
}

.placeholder-decorative-blue::placeholder {
    color: var(--text-decorative-blue)
}

.placeholder-decorative-yellow::placeholder {
    color: var(--text-decorative-yellow)
}

.placeholder-decorative-grey::placeholder {
    color: var(--text-decorative-grey)
}

.placeholder-decorative-green::placeholder {
    color: var(--text-decorative-green)
}

.placeholder-decorative-purple-default::placeholder {
    color: var(--text-decorative-purple)
}

.placeholder-decorative-purple-bold::placeholder {
    color: var(--text-decorative-purple-bold)
}

.focus\:placeholder-common-white:focus::placeholder {
    color: var(--common-white)
}

.focus\:placeholder-common-tertiary:focus::placeholder {
    color: var(--common-tertiary)
}

.focus\:placeholder-common-dark:focus::placeholder {
    color: var(--common-dark)
}

.focus\:placeholder-scheme-primary:focus::placeholder {
    color: var(--common-primary)
}

.focus\:placeholder-scheme-success:focus::placeholder {
    color: var(--text-success)
}

.focus\:placeholder-scheme-warning:focus::placeholder {
    color: var(--text-pending)
}

.focus\:placeholder-scheme-danger:focus::placeholder {
    color: var(--text-danger)
}

.focus\:placeholder-primary:focus::placeholder {
    color: var(--text-primary)
}

.focus\:placeholder-secondary:focus::placeholder {
    color: var(--text-secondary)
}

.focus\:placeholder-tertiary:focus::placeholder {
    color: var(--text-tertiary)
}

.focus\:placeholder-danger-default:focus::placeholder {
    color: var(--text-danger)
}

.focus\:placeholder-danger-bold:focus::placeholder {
    color: var(--text-danger-bold)
}

.focus\:placeholder-success-default:focus::placeholder {
    color: var(--text-success)
}

.focus\:placeholder-success-bold:focus::placeholder {
    color: var(--text-success-bold)
}

.focus\:placeholder-success-subtle:focus::placeholder {
    color: var(--text-success-subtle)
}

.focus\:placeholder-active-default:focus::placeholder {
    color: var(--text-active)
}

.focus\:placeholder-active-bold:focus::placeholder {
    color: var(--text-active-bold)
}

.focus\:placeholder-pending-default:focus::placeholder {
    color: var(--text-pending)
}

.focus\:placeholder-pending-bold:focus::placeholder {
    color: var(--text-pending-bold)
}

.focus\:placeholder-contrast-primary:focus::placeholder {
    color: var(--text-contrast-primary)
}

.focus\:placeholder-contrast-secondary:focus::placeholder {
    color: var(--text-contrast-secondary)
}

.focus\:placeholder-forced-tertiary:focus::placeholder {
    color: var(--text-forced-tertiary)
}

.focus\:placeholder-decorative-red:focus::placeholder {
    color: var(--text-decorative-red)
}

.focus\:placeholder-decorative-blue:focus::placeholder {
    color: var(--text-decorative-blue)
}

.focus\:placeholder-decorative-yellow:focus::placeholder {
    color: var(--text-decorative-yellow)
}

.focus\:placeholder-decorative-grey:focus::placeholder {
    color: var(--text-decorative-grey)
}

.focus\:placeholder-decorative-green:focus::placeholder {
    color: var(--text-decorative-green)
}

.focus\:placeholder-decorative-purple-default:focus::placeholder {
    color: var(--text-decorative-purple)
}

.focus\:placeholder-decorative-purple-bold:focus::placeholder {
    color: var(--text-decorative-purple-bold)
}

.placeholder-opacity-0::placeholder {
    --tw-placeholder-opacity: 0
}

.placeholder-opacity-5::placeholder {
    --tw-placeholder-opacity: 0.05
}

.placeholder-opacity-10::placeholder {
    --tw-placeholder-opacity: 0.1
}

.placeholder-opacity-20::placeholder {
    --tw-placeholder-opacity: 0.2
}

.placeholder-opacity-25::placeholder {
    --tw-placeholder-opacity: 0.25
}

.placeholder-opacity-30::placeholder {
    --tw-placeholder-opacity: 0.3
}

.placeholder-opacity-40::placeholder {
    --tw-placeholder-opacity: 0.4
}

.placeholder-opacity-50::placeholder {
    --tw-placeholder-opacity: 0.5
}

.placeholder-opacity-60::placeholder {
    --tw-placeholder-opacity: 0.6
}

.placeholder-opacity-70::placeholder {
    --tw-placeholder-opacity: 0.7
}

.placeholder-opacity-75::placeholder {
    --tw-placeholder-opacity: 0.75
}

.placeholder-opacity-80::placeholder {
    --tw-placeholder-opacity: 0.8
}

.placeholder-opacity-90::placeholder {
    --tw-placeholder-opacity: 0.9
}

.placeholder-opacity-95::placeholder {
    --tw-placeholder-opacity: 0.95
}

.placeholder-opacity-100::placeholder {
    --tw-placeholder-opacity: 1
}

.focus\:placeholder-opacity-0:focus::placeholder {
    --tw-placeholder-opacity: 0
}

.focus\:placeholder-opacity-5:focus::placeholder {
    --tw-placeholder-opacity: 0.05
}

.focus\:placeholder-opacity-10:focus::placeholder {
    --tw-placeholder-opacity: 0.1
}

.focus\:placeholder-opacity-20:focus::placeholder {
    --tw-placeholder-opacity: 0.2
}

.focus\:placeholder-opacity-25:focus::placeholder {
    --tw-placeholder-opacity: 0.25
}

.focus\:placeholder-opacity-30:focus::placeholder {
    --tw-placeholder-opacity: 0.3
}

.focus\:placeholder-opacity-40:focus::placeholder {
    --tw-placeholder-opacity: 0.4
}

.focus\:placeholder-opacity-50:focus::placeholder {
    --tw-placeholder-opacity: 0.5
}

.focus\:placeholder-opacity-60:focus::placeholder {
    --tw-placeholder-opacity: 0.6
}

.focus\:placeholder-opacity-70:focus::placeholder {
    --tw-placeholder-opacity: 0.7
}

.focus\:placeholder-opacity-75:focus::placeholder {
    --tw-placeholder-opacity: 0.75
}

.focus\:placeholder-opacity-80:focus::placeholder {
    --tw-placeholder-opacity: 0.8
}

.focus\:placeholder-opacity-90:focus::placeholder {
    --tw-placeholder-opacity: 0.9
}

.focus\:placeholder-opacity-95:focus::placeholder {
    --tw-placeholder-opacity: 0.95
}

.focus\:placeholder-opacity-100:focus::placeholder {
    --tw-placeholder-opacity: 1
}

.caret-common-white {
    caret-color: var(--common-white)
}

.caret-common-tertiary {
    caret-color: var(--common-tertiary)
}

.caret-common-dark {
    caret-color: var(--common-dark)
}

.caret-scheme-primary {
    caret-color: var(--common-primary)
}

.caret-scheme-success {
    caret-color: var(--text-success)
}

.caret-scheme-warning {
    caret-color: var(--text-pending)
}

.caret-scheme-danger {
    caret-color: var(--text-danger)
}

.caret-primary {
    caret-color: var(--text-primary)
}

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

.caret-tertiary {
    caret-color: var(--text-tertiary)
}

.caret-danger-default {
    caret-color: var(--text-danger)
}

.caret-danger-bold {
    caret-color: var(--text-danger-bold)
}

.caret-success-default {
    caret-color: var(--text-success)
}

.caret-success-bold {
    caret-color: var(--text-success-bold)
}

.caret-success-subtle {
    caret-color: var(--text-success-subtle)
}

.caret-active-default {
    caret-color: var(--text-active)
}

.caret-active-bold {
    caret-color: var(--text-active-bold)
}

.caret-pending-default {
    caret-color: var(--text-pending)
}

.caret-pending-bold {
    caret-color: var(--text-pending-bold)
}

.caret-contrast-primary {
    caret-color: var(--text-contrast-primary)
}

.caret-contrast-secondary {
    caret-color: var(--text-contrast-secondary)
}

.caret-forced-tertiary {
    caret-color: var(--text-forced-tertiary)
}

.caret-decorative-red {
    caret-color: var(--text-decorative-red)
}

.caret-decorative-blue {
    caret-color: var(--text-decorative-blue)
}

.caret-decorative-yellow {
    caret-color: var(--text-decorative-yellow)
}

.caret-decorative-grey {
    caret-color: var(--text-decorative-grey)
}

.caret-decorative-green {
    caret-color: var(--text-decorative-green)
}

.caret-decorative-purple-default {
    caret-color: var(--text-decorative-purple)
}

.caret-decorative-purple-bold {
    caret-color: var(--text-decorative-purple-bold)
}

.opacity-0 {
    opacity: 0
}

.opacity-5 {
    opacity: .05
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.opacity-95 {
    opacity: .95
}

.opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-5 {
    opacity: .05
}

.group:hover .group-hover\:opacity-10 {
    opacity: .1
}

.group:hover .group-hover\:opacity-20 {
    opacity: .2
}

.group:hover .group-hover\:opacity-25 {
    opacity: .25
}

.group:hover .group-hover\:opacity-30 {
    opacity: .3
}

.group:hover .group-hover\:opacity-40 {
    opacity: .4
}

.group:hover .group-hover\:opacity-50 {
    opacity: .5
}

.group:hover .group-hover\:opacity-60 {
    opacity: .6
}

.group:hover .group-hover\:opacity-70 {
    opacity: .7
}

.group:hover .group-hover\:opacity-75 {
    opacity: .75
}

.group:hover .group-hover\:opacity-80 {
    opacity: .8
}

.group:hover .group-hover\:opacity-90 {
    opacity: .9
}

.group:hover .group-hover\:opacity-95 {
    opacity: .95
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.focus-within\:opacity-0:focus-within {
    opacity: 0
}

.focus-within\:opacity-5:focus-within {
    opacity: .05
}

.focus-within\:opacity-10:focus-within {
    opacity: .1
}

.focus-within\:opacity-20:focus-within {
    opacity: .2
}

.focus-within\:opacity-25:focus-within {
    opacity: .25
}

.focus-within\:opacity-30:focus-within {
    opacity: .3
}

.focus-within\:opacity-40:focus-within {
    opacity: .4
}

.focus-within\:opacity-50:focus-within {
    opacity: .5
}

.focus-within\:opacity-60:focus-within {
    opacity: .6
}

.focus-within\:opacity-70:focus-within {
    opacity: .7
}

.focus-within\:opacity-75:focus-within {
    opacity: .75
}

.focus-within\:opacity-80:focus-within {
    opacity: .8
}

.focus-within\:opacity-90:focus-within {
    opacity: .9
}

.focus-within\:opacity-95:focus-within {
    opacity: .95
}

.focus-within\:opacity-100:focus-within {
    opacity: 1
}

.hover\:opacity-0:hover {
    opacity: 0
}

.hover\:opacity-5:hover {
    opacity: .05
}

.hover\:opacity-10:hover {
    opacity: .1
}

.hover\:opacity-20:hover {
    opacity: .2
}

.hover\:opacity-25:hover {
    opacity: .25
}

.hover\:opacity-30:hover {
    opacity: .3
}

.hover\:opacity-40:hover {
    opacity: .4
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:opacity-60:hover {
    opacity: .6
}

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:opacity-95:hover {
    opacity: .95
}

.hover\:opacity-100:hover {
    opacity: 1
}

.focus\:opacity-0:focus {
    opacity: 0
}

.focus\:opacity-5:focus {
    opacity: .05
}

.focus\:opacity-10:focus {
    opacity: .1
}

.focus\:opacity-20:focus {
    opacity: .2
}

.focus\:opacity-25:focus {
    opacity: .25
}

.focus\:opacity-30:focus {
    opacity: .3
}

.focus\:opacity-40:focus {
    opacity: .4
}

.focus\:opacity-50:focus {
    opacity: .5
}

.focus\:opacity-60:focus {
    opacity: .6
}

.focus\:opacity-70:focus {
    opacity: .7
}

.focus\:opacity-75:focus {
    opacity: .75
}

.focus\:opacity-80:focus {
    opacity: .8
}

.focus\:opacity-90:focus {
    opacity: .9
}

.focus\:opacity-95:focus {
    opacity: .95
}

.focus\:opacity-100:focus {
    opacity: 1
}

.bg-blend-normal {
    background-blend-mode: normal
}

.bg-blend-multiply {
    background-blend-mode: multiply
}

.bg-blend-screen {
    background-blend-mode: screen
}

.bg-blend-overlay {
    background-blend-mode: overlay
}

.bg-blend-darken {
    background-blend-mode: darken
}

.bg-blend-lighten {
    background-blend-mode: lighten
}

.bg-blend-color-dodge {
    background-blend-mode: color-dodge
}

.bg-blend-color-burn {
    background-blend-mode: color-burn
}

.bg-blend-hard-light {
    background-blend-mode: hard-light
}

.bg-blend-soft-light {
    background-blend-mode: soft-light
}

.bg-blend-difference {
    background-blend-mode: difference
}

.bg-blend-exclusion {
    background-blend-mode: exclusion
}

.bg-blend-hue {
    background-blend-mode: hue
}

.bg-blend-saturation {
    background-blend-mode: saturation
}

.bg-blend-color {
    background-blend-mode: color
}

.bg-blend-luminosity {
    background-blend-mode: luminosity
}

.mix-blend-normal {
    mix-blend-mode: normal
}

.mix-blend-multiply {
    mix-blend-mode: multiply
}

.mix-blend-screen {
    mix-blend-mode: screen
}

.mix-blend-overlay {
    mix-blend-mode: overlay
}

.mix-blend-darken {
    mix-blend-mode: darken
}

.mix-blend-lighten {
    mix-blend-mode: lighten
}

.mix-blend-color-dodge {
    mix-blend-mode: color-dodge
}

.mix-blend-color-burn {
    mix-blend-mode: color-burn
}

.mix-blend-hard-light {
    mix-blend-mode: hard-light
}

.mix-blend-soft-light {
    mix-blend-mode: soft-light
}

.mix-blend-difference {
    mix-blend-mode: difference
}

.mix-blend-exclusion {
    mix-blend-mode: exclusion
}

.mix-blend-hue {
    mix-blend-mode: hue
}

.mix-blend-saturation {
    mix-blend-mode: saturation
}

.mix-blend-color {
    mix-blend-mode: color
}

.mix-blend-luminosity {
    mix-blend-mode: luminosity
}

*,
:after,
:before {
    --tw-shadow: 0 0 transparent
}

.shadow-sm {
    --tw-shadow: var(--box-shadow-sm)
}

.shadow-md,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: var(--box-shadow-md)
}

.shadow-lg {
    --tw-shadow: var(--box-shadow-lg)
}

.shadow-lg,
.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: var(--box-shadow-xl)
}

.group:hover .group-hover\:shadow-sm {
    --tw-shadow: var(--box-shadow-sm)
}

.group:hover .group-hover\:shadow-md,
.group:hover .group-hover\:shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.group:hover .group-hover\:shadow-md {
    --tw-shadow: var(--box-shadow-md)
}

.group:hover .group-hover\:shadow-lg {
    --tw-shadow: var(--box-shadow-lg)
}

.group:hover .group-hover\:shadow-lg,
.group:hover .group-hover\:shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.group:hover .group-hover\:shadow-xl {
    --tw-shadow: var(--box-shadow-xl)
}

.focus-within\:shadow-sm:focus-within {
    --tw-shadow: var(--box-shadow-sm);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-md:focus-within {
    --tw-shadow: var(--box-shadow-md);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-lg:focus-within {
    --tw-shadow: var(--box-shadow-lg);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus-within\:shadow-xl:focus-within {
    --tw-shadow: var(--box-shadow-xl);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-sm:hover {
    --tw-shadow: var(--box-shadow-sm)
}

.hover\:shadow-md:hover,
.hover\:shadow-sm:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --tw-shadow: var(--box-shadow-md)
}

.hover\:shadow-lg:hover {
    --tw-shadow: var(--box-shadow-lg)
}

.hover\:shadow-lg:hover,
.hover\:shadow-xl:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.hover\:shadow-xl:hover {
    --tw-shadow: var(--box-shadow-xl)
}

.focus\:shadow-sm:focus {
    --tw-shadow: var(--box-shadow-sm)
}

.focus\:shadow-md:focus,
.focus\:shadow-sm:focus {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:shadow-md:focus {
    --tw-shadow: var(--box-shadow-md)
}

.focus\:shadow-lg:focus {
    --tw-shadow: var(--box-shadow-lg)
}

.focus\:shadow-lg:focus,
.focus\:shadow-xl:focus {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.focus\:shadow-xl:focus {
    --tw-shadow: var(--box-shadow-xl)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline-white {
    outline: 2px dotted #fff;
    outline-offset: 2px
}

.outline-black {
    outline: 2px dotted #000;
    outline-offset: 2px
}

.focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-within\:outline-white:focus-within {
    outline: 2px dotted #fff;
    outline-offset: 2px
}

.focus-within\:outline-black:focus-within {
    outline: 2px dotted #000;
    outline-offset: 2px
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-white:focus {
    outline: 2px dotted #fff;
    outline-offset: 2px
}

.focus\:outline-black:focus {
    outline: 2px dotted #000;
    outline-offset: 2px
}

*,
:after,
:before {
    --tw-ring-inset: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-0,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-2,
.ring-4 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-8 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring,
.ring-8 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus-within\:ring-0:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-1:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-4:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring-8:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus-within\:ring:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-1:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-2:focus,
.focus\:ring-4:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring-4:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-8:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-8:focus,
.focus\:ring:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-inset {
    --tw-ring-inset: inset
}

.focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.ring-common-white {
    --tw-ring-color: var(--common-white)
}

.ring-common-tertiary {
    --tw-ring-color: var(--common-tertiary)
}

.ring-common-dark {
    --tw-ring-color: var(--common-dark)
}

.ring-scheme-primary {
    --tw-ring-color: var(--common-primary)
}

.ring-scheme-success {
    --tw-ring-color: var(--text-success)
}

.ring-scheme-warning {
    --tw-ring-color: var(--text-pending)
}

.ring-scheme-danger {
    --tw-ring-color: var(--text-danger)
}

.ring-primary {
    --tw-ring-color: var(--text-primary)
}

.ring-secondary {
    --tw-ring-color: var(--text-secondary)
}

.ring-tertiary {
    --tw-ring-color: var(--text-tertiary)
}

.ring-danger-default {
    --tw-ring-color: var(--text-danger)
}

.ring-danger-bold {
    --tw-ring-color: var(--text-danger-bold)
}

.ring-success-default {
    --tw-ring-color: var(--text-success)
}

.ring-success-bold {
    --tw-ring-color: var(--text-success-bold)
}

.ring-success-subtle {
    --tw-ring-color: var(--text-success-subtle)
}

.ring-active-default {
    --tw-ring-color: var(--text-active)
}

.ring-active-bold {
    --tw-ring-color: var(--text-active-bold)
}

.ring-pending-default {
    --tw-ring-color: var(--text-pending)
}

.ring-pending-bold {
    --tw-ring-color: var(--text-pending-bold)
}

.ring-contrast-primary {
    --tw-ring-color: var(--text-contrast-primary)
}

.ring-contrast-secondary {
    --tw-ring-color: var(--text-contrast-secondary)
}

.ring-forced-tertiary {
    --tw-ring-color: var(--text-forced-tertiary)
}

.ring-decorative-red {
    --tw-ring-color: var(--text-decorative-red)
}

.ring-decorative-blue {
    --tw-ring-color: var(--text-decorative-blue)
}

.ring-decorative-yellow {
    --tw-ring-color: var(--text-decorative-yellow)
}

.ring-decorative-grey {
    --tw-ring-color: var(--text-decorative-grey)
}

.ring-decorative-green {
    --tw-ring-color: var(--text-decorative-green)
}

.ring-decorative-purple-default {
    --tw-ring-color: var(--text-decorative-purple)
}

.ring-decorative-purple-bold {
    --tw-ring-color: var(--text-decorative-purple-bold)
}

.focus-within\:ring-common-white:focus-within {
    --tw-ring-color: var(--common-white)
}

.focus-within\:ring-common-tertiary:focus-within {
    --tw-ring-color: var(--common-tertiary)
}

.focus-within\:ring-common-dark:focus-within {
    --tw-ring-color: var(--common-dark)
}

.focus-within\:ring-scheme-primary:focus-within {
    --tw-ring-color: var(--common-primary)
}

.focus-within\:ring-scheme-success:focus-within {
    --tw-ring-color: var(--text-success)
}

.focus-within\:ring-scheme-warning:focus-within {
    --tw-ring-color: var(--text-pending)
}

.focus-within\:ring-scheme-danger:focus-within {
    --tw-ring-color: var(--text-danger)
}

.focus-within\:ring-primary:focus-within {
    --tw-ring-color: var(--text-primary)
}

.focus-within\:ring-secondary:focus-within {
    --tw-ring-color: var(--text-secondary)
}

.focus-within\:ring-tertiary:focus-within {
    --tw-ring-color: var(--text-tertiary)
}

.focus-within\:ring-danger-default:focus-within {
    --tw-ring-color: var(--text-danger)
}

.focus-within\:ring-danger-bold:focus-within {
    --tw-ring-color: var(--text-danger-bold)
}

.focus-within\:ring-success-default:focus-within {
    --tw-ring-color: var(--text-success)
}

.focus-within\:ring-success-bold:focus-within {
    --tw-ring-color: var(--text-success-bold)
}

.focus-within\:ring-success-subtle:focus-within {
    --tw-ring-color: var(--text-success-subtle)
}

.focus-within\:ring-active-default:focus-within {
    --tw-ring-color: var(--text-active)
}

.focus-within\:ring-active-bold:focus-within {
    --tw-ring-color: var(--text-active-bold)
}

.focus-within\:ring-pending-default:focus-within {
    --tw-ring-color: var(--text-pending)
}

.focus-within\:ring-pending-bold:focus-within {
    --tw-ring-color: var(--text-pending-bold)
}

.focus-within\:ring-contrast-primary:focus-within {
    --tw-ring-color: var(--text-contrast-primary)
}

.focus-within\:ring-contrast-secondary:focus-within {
    --tw-ring-color: var(--text-contrast-secondary)
}

.focus-within\:ring-forced-tertiary:focus-within {
    --tw-ring-color: var(--text-forced-tertiary)
}

.focus-within\:ring-decorative-red:focus-within {
    --tw-ring-color: var(--text-decorative-red)
}

.focus-within\:ring-decorative-blue:focus-within {
    --tw-ring-color: var(--text-decorative-blue)
}

.focus-within\:ring-decorative-yellow:focus-within {
    --tw-ring-color: var(--text-decorative-yellow)
}

.focus-within\:ring-decorative-grey:focus-within {
    --tw-ring-color: var(--text-decorative-grey)
}

.focus-within\:ring-decorative-green:focus-within {
    --tw-ring-color: var(--text-decorative-green)
}

.focus-within\:ring-decorative-purple-default:focus-within {
    --tw-ring-color: var(--text-decorative-purple)
}

.focus-within\:ring-decorative-purple-bold:focus-within {
    --tw-ring-color: var(--text-decorative-purple-bold)
}

.focus\:ring-common-white:focus {
    --tw-ring-color: var(--common-white)
}

.focus\:ring-common-tertiary:focus {
    --tw-ring-color: var(--common-tertiary)
}

.focus\:ring-common-dark:focus {
    --tw-ring-color: var(--common-dark)
}

.focus\:ring-scheme-primary:focus {
    --tw-ring-color: var(--common-primary)
}

.focus\:ring-scheme-success:focus {
    --tw-ring-color: var(--text-success)
}

.focus\:ring-scheme-warning:focus {
    --tw-ring-color: var(--text-pending)
}

.focus\:ring-scheme-danger:focus {
    --tw-ring-color: var(--text-danger)
}

.focus\:ring-primary:focus {
    --tw-ring-color: var(--text-primary)
}

.focus\:ring-secondary:focus {
    --tw-ring-color: var(--text-secondary)
}

.focus\:ring-tertiary:focus {
    --tw-ring-color: var(--text-tertiary)
}

.focus\:ring-danger-default:focus {
    --tw-ring-color: var(--text-danger)
}

.focus\:ring-danger-bold:focus {
    --tw-ring-color: var(--text-danger-bold)
}

.focus\:ring-success-default:focus {
    --tw-ring-color: var(--text-success)
}

.focus\:ring-success-bold:focus {
    --tw-ring-color: var(--text-success-bold)
}

.focus\:ring-success-subtle:focus {
    --tw-ring-color: var(--text-success-subtle)
}

.focus\:ring-active-default:focus {
    --tw-ring-color: var(--text-active)
}

.focus\:ring-active-bold:focus {
    --tw-ring-color: var(--text-active-bold)
}

.focus\:ring-pending-default:focus {
    --tw-ring-color: var(--text-pending)
}

.focus\:ring-pending-bold:focus {
    --tw-ring-color: var(--text-pending-bold)
}

.focus\:ring-contrast-primary:focus {
    --tw-ring-color: var(--text-contrast-primary)
}

.focus\:ring-contrast-secondary:focus {
    --tw-ring-color: var(--text-contrast-secondary)
}

.focus\:ring-forced-tertiary:focus {
    --tw-ring-color: var(--text-forced-tertiary)
}

.focus\:ring-decorative-red:focus {
    --tw-ring-color: var(--text-decorative-red)
}

.focus\:ring-decorative-blue:focus {
    --tw-ring-color: var(--text-decorative-blue)
}

.focus\:ring-decorative-yellow:focus {
    --tw-ring-color: var(--text-decorative-yellow)
}

.focus\:ring-decorative-grey:focus {
    --tw-ring-color: var(--text-decorative-grey)
}

.focus\:ring-decorative-green:focus {
    --tw-ring-color: var(--text-decorative-green)
}

.focus\:ring-decorative-purple-default:focus {
    --tw-ring-color: var(--text-decorative-purple)
}

.focus\:ring-decorative-purple-bold:focus {
    --tw-ring-color: var(--text-decorative-purple-bold)
}

.ring-opacity-0 {
    --tw-ring-opacity: 0
}

.ring-opacity-5 {
    --tw-ring-opacity: 0.05
}

.ring-opacity-10 {
    --tw-ring-opacity: 0.1
}

.ring-opacity-20 {
    --tw-ring-opacity: 0.2
}

.ring-opacity-25 {
    --tw-ring-opacity: 0.25
}

.ring-opacity-30 {
    --tw-ring-opacity: 0.3
}

.ring-opacity-40 {
    --tw-ring-opacity: 0.4
}

.ring-opacity-50 {
    --tw-ring-opacity: 0.5
}

.ring-opacity-60 {
    --tw-ring-opacity: 0.6
}

.ring-opacity-70 {
    --tw-ring-opacity: 0.7
}

.ring-opacity-75 {
    --tw-ring-opacity: 0.75
}

.ring-opacity-80 {
    --tw-ring-opacity: 0.8
}

.ring-opacity-90 {
    --tw-ring-opacity: 0.9
}

.ring-opacity-95 {
    --tw-ring-opacity: 0.95
}

.ring-opacity-100 {
    --tw-ring-opacity: 1
}

.focus-within\:ring-opacity-0:focus-within {
    --tw-ring-opacity: 0
}

.focus-within\:ring-opacity-5:focus-within {
    --tw-ring-opacity: 0.05
}

.focus-within\:ring-opacity-10:focus-within {
    --tw-ring-opacity: 0.1
}

.focus-within\:ring-opacity-20:focus-within {
    --tw-ring-opacity: 0.2
}

.focus-within\:ring-opacity-25:focus-within {
    --tw-ring-opacity: 0.25
}

.focus-within\:ring-opacity-30:focus-within {
    --tw-ring-opacity: 0.3
}

.focus-within\:ring-opacity-40:focus-within {
    --tw-ring-opacity: 0.4
}

.focus-within\:ring-opacity-50:focus-within {
    --tw-ring-opacity: 0.5
}

.focus-within\:ring-opacity-60:focus-within {
    --tw-ring-opacity: 0.6
}

.focus-within\:ring-opacity-70:focus-within {
    --tw-ring-opacity: 0.7
}

.focus-within\:ring-opacity-75:focus-within {
    --tw-ring-opacity: 0.75
}

.focus-within\:ring-opacity-80:focus-within {
    --tw-ring-opacity: 0.8
}

.focus-within\:ring-opacity-90:focus-within {
    --tw-ring-opacity: 0.9
}

.focus-within\:ring-opacity-95:focus-within {
    --tw-ring-opacity: 0.95
}

.focus-within\:ring-opacity-100:focus-within {
    --tw-ring-opacity: 1
}

.focus\:ring-opacity-0:focus {
    --tw-ring-opacity: 0
}

.focus\:ring-opacity-5:focus {
    --tw-ring-opacity: 0.05
}

.focus\:ring-opacity-10:focus {
    --tw-ring-opacity: 0.1
}

.focus\:ring-opacity-20:focus {
    --tw-ring-opacity: 0.2
}

.focus\:ring-opacity-25:focus {
    --tw-ring-opacity: 0.25
}

.focus\:ring-opacity-30:focus {
    --tw-ring-opacity: 0.3
}

.focus\:ring-opacity-40:focus {
    --tw-ring-opacity: 0.4
}

.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5
}

.focus\:ring-opacity-60:focus {
    --tw-ring-opacity: 0.6
}

.focus\:ring-opacity-70:focus {
    --tw-ring-opacity: 0.7
}

.focus\:ring-opacity-75:focus {
    --tw-ring-opacity: 0.75
}

.focus\:ring-opacity-80:focus {
    --tw-ring-opacity: 0.8
}

.focus\:ring-opacity-90:focus {
    --tw-ring-opacity: 0.9
}

.focus\:ring-opacity-95:focus {
    --tw-ring-opacity: 0.95
}

.focus\:ring-opacity-100:focus {
    --tw-ring-opacity: 1
}

.ring-offset-0 {
    --tw-ring-offset-width: 0px
}

.ring-offset-1 {
    --tw-ring-offset-width: 1px
}

.ring-offset-2 {
    --tw-ring-offset-width: 2px
}

.ring-offset-4 {
    --tw-ring-offset-width: 4px
}

.ring-offset-8 {
    --tw-ring-offset-width: 8px
}

.focus-within\:ring-offset-0:focus-within {
    --tw-ring-offset-width: 0px
}

.focus-within\:ring-offset-1:focus-within {
    --tw-ring-offset-width: 1px
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

.focus-within\:ring-offset-4:focus-within {
    --tw-ring-offset-width: 4px
}

.focus-within\:ring-offset-8:focus-within {
    --tw-ring-offset-width: 8px
}

.focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px
}

.focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px
}

.focus\:ring-offset-8:focus {
    --tw-ring-offset-width: 8px
}

.ring-offset-common-white {
    --tw-ring-offset-color: var(--common-white)
}

.ring-offset-common-tertiary {
    --tw-ring-offset-color: var(--common-tertiary)
}

.ring-offset-common-dark {
    --tw-ring-offset-color: var(--common-dark)
}

.ring-offset-scheme-primary {
    --tw-ring-offset-color: var(--common-primary)
}

.ring-offset-scheme-success {
    --tw-ring-offset-color: var(--text-success)
}

.ring-offset-scheme-warning {
    --tw-ring-offset-color: var(--text-pending)
}

.ring-offset-scheme-danger {
    --tw-ring-offset-color: var(--text-danger)
}

.ring-offset-primary {
    --tw-ring-offset-color: var(--text-primary)
}

.ring-offset-secondary {
    --tw-ring-offset-color: var(--text-secondary)
}

.ring-offset-tertiary {
    --tw-ring-offset-color: var(--text-tertiary)
}

.ring-offset-danger-default {
    --tw-ring-offset-color: var(--text-danger)
}

.ring-offset-danger-bold {
    --tw-ring-offset-color: var(--text-danger-bold)
}

.ring-offset-success-default {
    --tw-ring-offset-color: var(--text-success)
}

.ring-offset-success-bold {
    --tw-ring-offset-color: var(--text-success-bold)
}

.ring-offset-success-subtle {
    --tw-ring-offset-color: var(--text-success-subtle)
}

.ring-offset-active-default {
    --tw-ring-offset-color: var(--text-active)
}

.ring-offset-active-bold {
    --tw-ring-offset-color: var(--text-active-bold)
}

.ring-offset-pending-default {
    --tw-ring-offset-color: var(--text-pending)
}

.ring-offset-pending-bold {
    --tw-ring-offset-color: var(--text-pending-bold)
}

.ring-offset-contrast-primary {
    --tw-ring-offset-color: var(--text-contrast-primary)
}

.ring-offset-contrast-secondary {
    --tw-ring-offset-color: var(--text-contrast-secondary)
}

.ring-offset-forced-tertiary {
    --tw-ring-offset-color: var(--text-forced-tertiary)
}

.ring-offset-decorative-red {
    --tw-ring-offset-color: var(--text-decorative-red)
}

.ring-offset-decorative-blue {
    --tw-ring-offset-color: var(--text-decorative-blue)
}

.ring-offset-decorative-yellow {
    --tw-ring-offset-color: var(--text-decorative-yellow)
}

.ring-offset-decorative-grey {
    --tw-ring-offset-color: var(--text-decorative-grey)
}

.ring-offset-decorative-green {
    --tw-ring-offset-color: var(--text-decorative-green)
}

.ring-offset-decorative-purple-default {
    --tw-ring-offset-color: var(--text-decorative-purple)
}

.ring-offset-decorative-purple-bold {
    --tw-ring-offset-color: var(--text-decorative-purple-bold)
}

.focus-within\:ring-offset-common-white:focus-within {
    --tw-ring-offset-color: var(--common-white)
}

.focus-within\:ring-offset-common-tertiary:focus-within {
    --tw-ring-offset-color: var(--common-tertiary)
}

.focus-within\:ring-offset-common-dark:focus-within {
    --tw-ring-offset-color: var(--common-dark)
}

.focus-within\:ring-offset-scheme-primary:focus-within {
    --tw-ring-offset-color: var(--common-primary)
}

.focus-within\:ring-offset-scheme-success:focus-within {
    --tw-ring-offset-color: var(--text-success)
}

.focus-within\:ring-offset-scheme-warning:focus-within {
    --tw-ring-offset-color: var(--text-pending)
}

.focus-within\:ring-offset-scheme-danger:focus-within {
    --tw-ring-offset-color: var(--text-danger)
}

.focus-within\:ring-offset-primary:focus-within {
    --tw-ring-offset-color: var(--text-primary)
}

.focus-within\:ring-offset-secondary:focus-within {
    --tw-ring-offset-color: var(--text-secondary)
}

.focus-within\:ring-offset-tertiary:focus-within {
    --tw-ring-offset-color: var(--text-tertiary)
}

.focus-within\:ring-offset-danger-default:focus-within {
    --tw-ring-offset-color: var(--text-danger)
}

.focus-within\:ring-offset-danger-bold:focus-within {
    --tw-ring-offset-color: var(--text-danger-bold)
}

.focus-within\:ring-offset-success-default:focus-within {
    --tw-ring-offset-color: var(--text-success)
}

.focus-within\:ring-offset-success-bold:focus-within {
    --tw-ring-offset-color: var(--text-success-bold)
}

.focus-within\:ring-offset-success-subtle:focus-within {
    --tw-ring-offset-color: var(--text-success-subtle)
}

.focus-within\:ring-offset-active-default:focus-within {
    --tw-ring-offset-color: var(--text-active)
}

.focus-within\:ring-offset-active-bold:focus-within {
    --tw-ring-offset-color: var(--text-active-bold)
}

.focus-within\:ring-offset-pending-default:focus-within {
    --tw-ring-offset-color: var(--text-pending)
}

.focus-within\:ring-offset-pending-bold:focus-within {
    --tw-ring-offset-color: var(--text-pending-bold)
}

.focus-within\:ring-offset-contrast-primary:focus-within {
    --tw-ring-offset-color: var(--text-contrast-primary)
}

.focus-within\:ring-offset-contrast-secondary:focus-within {
    --tw-ring-offset-color: var(--text-contrast-secondary)
}

.focus-within\:ring-offset-forced-tertiary:focus-within {
    --tw-ring-offset-color: var(--text-forced-tertiary)
}

.focus-within\:ring-offset-decorative-red:focus-within {
    --tw-ring-offset-color: var(--text-decorative-red)
}

.focus-within\:ring-offset-decorative-blue:focus-within {
    --tw-ring-offset-color: var(--text-decorative-blue)
}

.focus-within\:ring-offset-decorative-yellow:focus-within {
    --tw-ring-offset-color: var(--text-decorative-yellow)
}

.focus-within\:ring-offset-decorative-grey:focus-within {
    --tw-ring-offset-color: var(--text-decorative-grey)
}

.focus-within\:ring-offset-decorative-green:focus-within {
    --tw-ring-offset-color: var(--text-decorative-green)
}

.focus-within\:ring-offset-decorative-purple-default:focus-within {
    --tw-ring-offset-color: var(--text-decorative-purple)
}

.focus-within\:ring-offset-decorative-purple-bold:focus-within {
    --tw-ring-offset-color: var(--text-decorative-purple-bold)
}

.focus\:ring-offset-common-white:focus {
    --tw-ring-offset-color: var(--common-white)
}

.focus\:ring-offset-common-tertiary:focus {
    --tw-ring-offset-color: var(--common-tertiary)
}

.focus\:ring-offset-common-dark:focus {
    --tw-ring-offset-color: var(--common-dark)
}

.focus\:ring-offset-scheme-primary:focus {
    --tw-ring-offset-color: var(--common-primary)
}

.focus\:ring-offset-scheme-success:focus {
    --tw-ring-offset-color: var(--text-success)
}

.focus\:ring-offset-scheme-warning:focus {
    --tw-ring-offset-color: var(--text-pending)
}

.focus\:ring-offset-scheme-danger:focus {
    --tw-ring-offset-color: var(--text-danger)
}

.focus\:ring-offset-primary:focus {
    --tw-ring-offset-color: var(--text-primary)
}

.focus\:ring-offset-secondary:focus {
    --tw-ring-offset-color: var(--text-secondary)
}

.focus\:ring-offset-tertiary:focus {
    --tw-ring-offset-color: var(--text-tertiary)
}

.focus\:ring-offset-danger-default:focus {
    --tw-ring-offset-color: var(--text-danger)
}

.focus\:ring-offset-danger-bold:focus {
    --tw-ring-offset-color: var(--text-danger-bold)
}

.focus\:ring-offset-success-default:focus {
    --tw-ring-offset-color: var(--text-success)
}

.focus\:ring-offset-success-bold:focus {
    --tw-ring-offset-color: var(--text-success-bold)
}

.focus\:ring-offset-success-subtle:focus {
    --tw-ring-offset-color: var(--text-success-subtle)
}

.focus\:ring-offset-active-default:focus {
    --tw-ring-offset-color: var(--text-active)
}

.focus\:ring-offset-active-bold:focus {
    --tw-ring-offset-color: var(--text-active-bold)
}

.focus\:ring-offset-pending-default:focus {
    --tw-ring-offset-color: var(--text-pending)
}

.focus\:ring-offset-pending-bold:focus {
    --tw-ring-offset-color: var(--text-pending-bold)
}

.focus\:ring-offset-contrast-primary:focus {
    --tw-ring-offset-color: var(--text-contrast-primary)
}

.focus\:ring-offset-contrast-secondary:focus {
    --tw-ring-offset-color: var(--text-contrast-secondary)
}

.focus\:ring-offset-forced-tertiary:focus {
    --tw-ring-offset-color: var(--text-forced-tertiary)
}

.focus\:ring-offset-decorative-red:focus {
    --tw-ring-offset-color: var(--text-decorative-red)
}

.focus\:ring-offset-decorative-blue:focus {
    --tw-ring-offset-color: var(--text-decorative-blue)
}

.focus\:ring-offset-decorative-yellow:focus {
    --tw-ring-offset-color: var(--text-decorative-yellow)
}

.focus\:ring-offset-decorative-grey:focus {
    --tw-ring-offset-color: var(--text-decorative-grey)
}

.focus\:ring-offset-decorative-green:focus {
    --tw-ring-offset-color: var(--text-decorative-green)
}

.focus\:ring-offset-decorative-purple-default:focus {
    --tw-ring-offset-color: var(--text-decorative-purple)
}

.focus\:ring-offset-decorative-purple-bold:focus {
    --tw-ring-offset-color: var(--text-decorative-purple-bold)
}

.filter {
    --tw-blur: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-brightness: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-contrast: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-grayscale: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-hue-rotate: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-invert: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-saturate: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-sepia: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-drop-shadow: var(--tw-empty, /*!*/
    /*!*/
    );
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter-none {
    filter: none
}

.blur-0,
.blur-none {
    --tw-blur: blur(0)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.blur {
    --tw-blur: blur(8px)
}

.blur-md {
    --tw-blur: blur(12px)
}

.blur-lg {
    --tw-blur: blur(16px)
}

.blur-xl {
    --tw-blur: blur(24px)
}

.blur-2xl {
    --tw-blur: blur(40px)
}

.blur-3xl {
    --tw-blur: blur(64px)
}

.brightness-0 {
    --tw-brightness: brightness(0)
}

.brightness-50 {
    --tw-brightness: brightness(.5)
}

.brightness-75 {
    --tw-brightness: brightness(.75)
}

.brightness-90 {
    --tw-brightness: brightness(.9)
}

.brightness-95 {
    --tw-brightness: brightness(.95)
}

.brightness-100 {
    --tw-brightness: brightness(1)
}

.brightness-105 {
    --tw-brightness: brightness(1.05)
}

.brightness-110 {
    --tw-brightness: brightness(1.1)
}

.brightness-125 {
    --tw-brightness: brightness(1.25)
}

.brightness-150 {
    --tw-brightness: brightness(1.5)
}

.brightness-200 {
    --tw-brightness: brightness(2)
}

.contrast-0 {
    --tw-contrast: contrast(0)
}

.contrast-50 {
    --tw-contrast: contrast(.5)
}

.contrast-75 {
    --tw-contrast: contrast(.75)
}

.contrast-100 {
    --tw-contrast: contrast(1)
}

.contrast-125 {
    --tw-contrast: contrast(1.25)
}

.contrast-150 {
    --tw-contrast: contrast(1.5)
}

.contrast-200 {
    --tw-contrast: contrast(2)
}

.drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))
}

.drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08))
}

.drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15))
}

.drop-shadow-none {
    --tw-drop-shadow: drop-shadow(0 0 transparent)
}

.grayscale-0 {
    --tw-grayscale: grayscale(0)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.hue-rotate-0 {
    --tw-hue-rotate: hue-rotate(0deg)
}

.hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(15deg)
}

.hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(30deg)
}

.hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(60deg)
}

.hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(90deg)
}

.hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(180deg)
}

.-hue-rotate-180 {
    --tw-hue-rotate: hue-rotate(-180deg)
}

.-hue-rotate-90 {
    --tw-hue-rotate: hue-rotate(-90deg)
}

.-hue-rotate-60 {
    --tw-hue-rotate: hue-rotate(-60deg)
}

.-hue-rotate-30 {
    --tw-hue-rotate: hue-rotate(-30deg)
}

.-hue-rotate-15 {
    --tw-hue-rotate: hue-rotate(-15deg)
}

.invert-0 {
    --tw-invert: invert(0)
}

.invert {
    --tw-invert: invert(100%)
}

.saturate-0 {
    --tw-saturate: saturate(0)
}

.saturate-50 {
    --tw-saturate: saturate(.5)
}

.saturate-100 {
    --tw-saturate: saturate(1)
}

.saturate-150 {
    --tw-saturate: saturate(1.5)
}

.saturate-200 {
    --tw-saturate: saturate(2)
}

.sepia-0 {
    --tw-sepia: sepia(0)
}

.sepia {
    --tw-sepia: sepia(100%)
}

.backdrop-filter {
    --tw-backdrop-blur: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-brightness: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-contrast: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-grayscale: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-invert: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-opacity: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-saturate: var(--tw-empty, /*!*/
    /*!*/
    );
    --tw-backdrop-sepia: var(--tw-empty, /*!*/
    /*!*/
    );
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-filter-none {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.backdrop-blur-0,
.backdrop-blur-none {
    --tw-backdrop-blur: blur(0)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px)
}

.backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px)
}

.backdrop-brightness-0 {
    --tw-backdrop-brightness: brightness(0)
}

.backdrop-brightness-50 {
    --tw-backdrop-brightness: brightness(.5)
}

.backdrop-brightness-75 {
    --tw-backdrop-brightness: brightness(.75)
}

.backdrop-brightness-90 {
    --tw-backdrop-brightness: brightness(.9)
}

.backdrop-brightness-95 {
    --tw-backdrop-brightness: brightness(.95)
}

.backdrop-brightness-100 {
    --tw-backdrop-brightness: brightness(1)
}

.backdrop-brightness-105 {
    --tw-backdrop-brightness: brightness(1.05)
}

.backdrop-brightness-110 {
    --tw-backdrop-brightness: brightness(1.1)
}

.backdrop-brightness-125 {
    --tw-backdrop-brightness: brightness(1.25)
}

.backdrop-brightness-150 {
    --tw-backdrop-brightness: brightness(1.5)
}

.backdrop-brightness-200 {
    --tw-backdrop-brightness: brightness(2)
}

.backdrop-contrast-0 {
    --tw-backdrop-contrast: contrast(0)
}

.backdrop-contrast-50 {
    --tw-backdrop-contrast: contrast(.5)
}

.backdrop-contrast-75 {
    --tw-backdrop-contrast: contrast(.75)
}

.backdrop-contrast-100 {
    --tw-backdrop-contrast: contrast(1)
}

.backdrop-contrast-125 {
    --tw-backdrop-contrast: contrast(1.25)
}

.backdrop-contrast-150 {
    --tw-backdrop-contrast: contrast(1.5)
}

.backdrop-contrast-200 {
    --tw-backdrop-contrast: contrast(2)
}

.backdrop-grayscale-0 {
    --tw-backdrop-grayscale: grayscale(0)
}

.backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%)
}

.backdrop-hue-rotate-0 {
    --tw-backdrop-hue-rotate: hue-rotate(0deg)
}

.backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(15deg)
}

.backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(30deg)
}

.backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(60deg)
}

.backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(90deg)
}

.backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(180deg)
}

.-backdrop-hue-rotate-180 {
    --tw-backdrop-hue-rotate: hue-rotate(-180deg)
}

.-backdrop-hue-rotate-90 {
    --tw-backdrop-hue-rotate: hue-rotate(-90deg)
}

.-backdrop-hue-rotate-60 {
    --tw-backdrop-hue-rotate: hue-rotate(-60deg)
}

.-backdrop-hue-rotate-30 {
    --tw-backdrop-hue-rotate: hue-rotate(-30deg)
}

.-backdrop-hue-rotate-15 {
    --tw-backdrop-hue-rotate: hue-rotate(-15deg)
}

.backdrop-invert-0 {
    --tw-backdrop-invert: invert(0)
}

.backdrop-invert {
    --tw-backdrop-invert: invert(100%)
}

.backdrop-opacity-0 {
    --tw-backdrop-opacity: opacity(0)
}

.backdrop-opacity-5 {
    --tw-backdrop-opacity: opacity(0.05)
}

.backdrop-opacity-10 {
    --tw-backdrop-opacity: opacity(0.1)
}

.backdrop-opacity-20 {
    --tw-backdrop-opacity: opacity(0.2)
}

.backdrop-opacity-25 {
    --tw-backdrop-opacity: opacity(0.25)
}

.backdrop-opacity-30 {
    --tw-backdrop-opacity: opacity(0.3)
}

.backdrop-opacity-40 {
    --tw-backdrop-opacity: opacity(0.4)
}

.backdrop-opacity-50 {
    --tw-backdrop-opacity: opacity(0.5)
}

.backdrop-opacity-60 {
    --tw-backdrop-opacity: opacity(0.6)
}

.backdrop-opacity-70 {
    --tw-backdrop-opacity: opacity(0.7)
}

.backdrop-opacity-75 {
    --tw-backdrop-opacity: opacity(0.75)
}

.backdrop-opacity-80 {
    --tw-backdrop-opacity: opacity(0.8)
}

.backdrop-opacity-90 {
    --tw-backdrop-opacity: opacity(0.9)
}

.backdrop-opacity-95 {
    --tw-backdrop-opacity: opacity(0.95)
}

.backdrop-opacity-100 {
    --tw-backdrop-opacity: opacity(1)
}

.backdrop-saturate-0 {
    --tw-backdrop-saturate: saturate(0)
}

.backdrop-saturate-50 {
    --tw-backdrop-saturate: saturate(.5)
}

.backdrop-saturate-100 {
    --tw-backdrop-saturate: saturate(1)
}

.backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5)
}

.backdrop-saturate-200 {
    --tw-backdrop-saturate: saturate(2)
}

.backdrop-sepia-0 {
    --tw-backdrop-sepia: sepia(0)
}

.backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%)
}

.transition-none {
    transition-property: none
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.delay-75 {
    transition-delay: 75ms
}

.delay-100 {
    transition-delay: .1s
}

.delay-150 {
    transition-delay: .15s
}

.delay-200 {
    transition-delay: .2s
}

.delay-300 {
    transition-delay: .3s
}

.delay-500 {
    transition-delay: .5s
}

.delay-700 {
    transition-delay: .7s
}

.delay-1000 {
    transition-delay: 1s
}

.duration-75 {
    transition-duration: 75ms
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.duration-1000 {
    transition-duration: 1s
}

.ease-linear {
    transition-timing-function: linear
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.content-none {
    content: none
}

@media(min-width:576px) {
    .sm\:container {
        width: 100%;
        max-width: 576px
    }
    @media(min-width:768px) {
        .sm\:container {
            max-width: 768px
        }
    }
    @media(min-width:992px) {
        .sm\:container {
            max-width: 992px
        }
    }
    @media(min-width:1200px) {
        .sm\:container {
            max-width: 1200px
        }
    }
    @media(min-width:1536px) {
        .sm\:container {
            max-width: 1536px
        }
    }
    .sm\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .sm\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .sm\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .sm\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .sm\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .sm\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .sm\:pointer-events-none {
        pointer-events: none
    }
    .sm\:pointer-events-auto {
        pointer-events: auto
    }
    .sm\:visible {
        visibility: visible
    }
    .sm\:invisible {
        visibility: hidden
    }
    .sm\:static {
        position: static
    }
    .sm\:fixed {
        position: fixed
    }
    .sm\:absolute {
        position: absolute
    }
    .sm\:relative {
        position: relative
    }
    .sm\:sticky {
        position: -webkit-sticky;
        position: sticky
    }
    .sm\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .sm\:inset-2 {
        top: var(--space-5xs);
        right: var(--space-5xs);
        bottom: var(--space-5xs);
        left: var(--space-5xs)
    }
    .sm\:inset-4 {
        top: var(--space-4xs);
        right: var(--space-4xs);
        bottom: var(--space-4xs);
        left: var(--space-4xs)
    }
    .sm\:inset-6 {
        top: var(--space-3xs);
        right: var(--space-3xs);
        bottom: var(--space-3xs);
        left: var(--space-3xs)
    }
    .sm\:inset-8 {
        top: var(--space-2xs);
        right: var(--space-2xs);
        bottom: var(--space-2xs);
        left: var(--space-2xs)
    }
    .sm\:inset-12 {
        top: var(--space-xs);
        right: var(--space-xs);
        bottom: var(--space-xs);
        left: var(--space-xs)
    }
    .sm\:inset-16 {
        top: var(--space-sm);
        right: var(--space-sm);
        bottom: var(--space-sm);
        left: var(--space-sm)
    }
    .sm\:inset-20 {
        top: var(--space-md);
        right: var(--space-md);
        bottom: var(--space-md);
        left: var(--space-md)
    }
    .sm\:inset-24 {
        top: var(--space-lg);
        right: var(--space-lg);
        bottom: var(--space-lg);
        left: var(--space-lg)
    }
    .sm\:inset-32 {
        top: var(--space-xl);
        right: var(--space-xl);
        bottom: var(--space-xl);
        left: var(--space-xl)
    }
    .sm\:inset-40 {
        top: var(--space-2xl);
        right: var(--space-2xl);
        bottom: var(--space-2xl);
        left: var(--space-2xl)
    }
    .sm\:inset-48 {
        top: var(--space-3xl);
        right: var(--space-3xl);
        bottom: var(--space-3xl);
        left: var(--space-3xl)
    }
    .sm\:inset-80 {
        top: var(--space-4xl);
        right: var(--space-4xl);
        bottom: var(--space-4xl);
        left: var(--space-4xl)
    }
    .sm\:inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
    .sm\:-inset-2 {
        top: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1);
        left: calc(var(--space-5xs)*-1)
    }
    .sm\:-inset-4 {
        top: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1);
        left: calc(var(--space-4xs)*-1)
    }
    .sm\:-inset-6 {
        top: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1);
        left: calc(var(--space-3xs)*-1)
    }
    .sm\:-inset-8 {
        top: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1);
        left: calc(var(--space-2xs)*-1)
    }
    .sm\:-inset-12 {
        top: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1);
        left: calc(var(--space-xs)*-1)
    }
    .sm\:-inset-16 {
        top: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1);
        left: calc(var(--space-sm)*-1)
    }
    .sm\:-inset-20 {
        top: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1);
        left: calc(var(--space-md)*-1)
    }
    .sm\:-inset-24 {
        top: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1);
        left: calc(var(--space-lg)*-1)
    }
    .sm\:-inset-32 {
        top: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1);
        left: calc(var(--space-xl)*-1)
    }
    .sm\:-inset-40 {
        top: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1);
        left: calc(var(--space-2xl)*-1)
    }
    .sm\:-inset-48 {
        top: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1);
        left: calc(var(--space-3xl)*-1)
    }
    .sm\:-inset-80 {
        top: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1);
        left: calc(var(--space-4xl)*-1)
    }
    .sm\:inset-1\/2 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .sm\:inset-1\/3 {
        top: 33.333333%;
        right: 33.333333%;
        bottom: 33.333333%;
        left: 33.333333%
    }
    .sm\:inset-2\/3 {
        top: 66.666667%;
        right: 66.666667%;
        bottom: 66.666667%;
        left: 66.666667%
    }
    .sm\:inset-1\/4 {
        top: 25%;
        right: 25%;
        bottom: 25%;
        left: 25%
    }
    .sm\:inset-2\/4 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .sm\:inset-3\/4 {
        top: 75%;
        right: 75%;
        bottom: 75%;
        left: 75%
    }
    .sm\:inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }
    .sm\:-inset-1\/2 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .sm\:-inset-1\/3 {
        top: -33.333333%;
        right: -33.333333%;
        bottom: -33.333333%;
        left: -33.333333%
    }
    .sm\:-inset-2\/3 {
        top: -66.666667%;
        right: -66.666667%;
        bottom: -66.666667%;
        left: -66.666667%
    }
    .sm\:-inset-1\/4 {
        top: -25%;
        right: -25%;
        bottom: -25%;
        left: -25%
    }
    .sm\:-inset-2\/4 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .sm\:-inset-3\/4 {
        top: -75%;
        right: -75%;
        bottom: -75%;
        left: -75%
    }
    .sm\:-inset-full {
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%
    }
    .sm\:inset-x-0 {
        left: 0;
        right: 0
    }
    .sm\:inset-x-2 {
        left: var(--space-5xs);
        right: var(--space-5xs)
    }
    .sm\:inset-x-4 {
        left: var(--space-4xs);
        right: var(--space-4xs)
    }
    .sm\:inset-x-6 {
        left: var(--space-3xs);
        right: var(--space-3xs)
    }
    .sm\:inset-x-8 {
        left: var(--space-2xs);
        right: var(--space-2xs)
    }
    .sm\:inset-x-12 {
        left: var(--space-xs);
        right: var(--space-xs)
    }
    .sm\:inset-x-16 {
        left: var(--space-sm);
        right: var(--space-sm)
    }
    .sm\:inset-x-20 {
        left: var(--space-md);
        right: var(--space-md)
    }
    .sm\:inset-x-24 {
        left: var(--space-lg);
        right: var(--space-lg)
    }
    .sm\:inset-x-32 {
        left: var(--space-xl);
        right: var(--space-xl)
    }
    .sm\:inset-x-40 {
        left: var(--space-2xl);
        right: var(--space-2xl)
    }
    .sm\:inset-x-48 {
        left: var(--space-3xl);
        right: var(--space-3xl)
    }
    .sm\:inset-x-80 {
        left: var(--space-4xl);
        right: var(--space-4xl)
    }
    .sm\:inset-x-auto {
        left: auto;
        right: auto
    }
    .sm\:-inset-x-2 {
        left: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1)
    }
    .sm\:-inset-x-4 {
        left: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1)
    }
    .sm\:-inset-x-6 {
        left: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1)
    }
    .sm\:-inset-x-8 {
        left: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1)
    }
    .sm\:-inset-x-12 {
        left: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1)
    }
    .sm\:-inset-x-16 {
        left: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1)
    }
    .sm\:-inset-x-20 {
        left: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1)
    }
    .sm\:-inset-x-24 {
        left: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1)
    }
    .sm\:-inset-x-32 {
        left: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1)
    }
    .sm\:-inset-x-40 {
        left: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1)
    }
    .sm\:-inset-x-48 {
        left: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1)
    }
    .sm\:-inset-x-80 {
        left: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1)
    }
    .sm\:inset-x-1\/2 {
        left: 50%;
        right: 50%
    }
    .sm\:inset-x-1\/3 {
        left: 33.333333%;
        right: 33.333333%
    }
    .sm\:inset-x-2\/3 {
        left: 66.666667%;
        right: 66.666667%
    }
    .sm\:inset-x-1\/4 {
        left: 25%;
        right: 25%
    }
    .sm\:inset-x-2\/4 {
        left: 50%;
        right: 50%
    }
    .sm\:inset-x-3\/4 {
        left: 75%;
        right: 75%
    }
    .sm\:inset-x-full {
        left: 100%;
        right: 100%
    }
    .sm\:-inset-x-1\/2 {
        left: -50%;
        right: -50%
    }
    .sm\:-inset-x-1\/3 {
        left: -33.333333%;
        right: -33.333333%
    }
    .sm\:-inset-x-2\/3 {
        left: -66.666667%;
        right: -66.666667%
    }
    .sm\:-inset-x-1\/4 {
        left: -25%;
        right: -25%
    }
    .sm\:-inset-x-2\/4 {
        left: -50%;
        right: -50%
    }
    .sm\:-inset-x-3\/4 {
        left: -75%;
        right: -75%
    }
    .sm\:-inset-x-full {
        left: -100%;
        right: -100%
    }
    .sm\:inset-y-0 {
        top: 0;
        bottom: 0
    }
    .sm\:inset-y-2 {
        top: var(--space-5xs);
        bottom: var(--space-5xs)
    }
    .sm\:inset-y-4 {
        top: var(--space-4xs);
        bottom: var(--space-4xs)
    }
    .sm\:inset-y-6 {
        top: var(--space-3xs);
        bottom: var(--space-3xs)
    }
    .sm\:inset-y-8 {
        top: var(--space-2xs);
        bottom: var(--space-2xs)
    }
    .sm\:inset-y-12 {
        top: var(--space-xs);
        bottom: var(--space-xs)
    }
    .sm\:inset-y-16 {
        top: var(--space-sm);
        bottom: var(--space-sm)
    }
    .sm\:inset-y-20 {
        top: var(--space-md);
        bottom: var(--space-md)
    }
    .sm\:inset-y-24 {
        top: var(--space-lg);
        bottom: var(--space-lg)
    }
    .sm\:inset-y-32 {
        top: var(--space-xl);
        bottom: var(--space-xl)
    }
    .sm\:inset-y-40 {
        top: var(--space-2xl);
        bottom: var(--space-2xl)
    }
    .sm\:inset-y-48 {
        top: var(--space-3xl);
        bottom: var(--space-3xl)
    }
    .sm\:inset-y-80 {
        top: var(--space-4xl);
        bottom: var(--space-4xl)
    }
    .sm\:inset-y-auto {
        top: auto;
        bottom: auto
    }
    .sm\:-inset-y-2 {
        top: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1)
    }
    .sm\:-inset-y-4 {
        top: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1)
    }
    .sm\:-inset-y-6 {
        top: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1)
    }
    .sm\:-inset-y-8 {
        top: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1)
    }
    .sm\:-inset-y-12 {
        top: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1)
    }
    .sm\:-inset-y-16 {
        top: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1)
    }
    .sm\:-inset-y-20 {
        top: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1)
    }
    .sm\:-inset-y-24 {
        top: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1)
    }
    .sm\:-inset-y-32 {
        top: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1)
    }
    .sm\:-inset-y-40 {
        top: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1)
    }
    .sm\:-inset-y-48 {
        top: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1)
    }
    .sm\:-inset-y-80 {
        top: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1)
    }
    .sm\:inset-y-1\/2 {
        top: 50%;
        bottom: 50%
    }
    .sm\:inset-y-1\/3 {
        top: 33.333333%;
        bottom: 33.333333%
    }
    .sm\:inset-y-2\/3 {
        top: 66.666667%;
        bottom: 66.666667%
    }
    .sm\:inset-y-1\/4 {
        top: 25%;
        bottom: 25%
    }
    .sm\:inset-y-2\/4 {
        top: 50%;
        bottom: 50%
    }
    .sm\:inset-y-3\/4 {
        top: 75%;
        bottom: 75%
    }
    .sm\:inset-y-full {
        top: 100%;
        bottom: 100%
    }
    .sm\:-inset-y-1\/2 {
        top: -50%;
        bottom: -50%
    }
    .sm\:-inset-y-1\/3 {
        top: -33.333333%;
        bottom: -33.333333%
    }
    .sm\:-inset-y-2\/3 {
        top: -66.666667%;
        bottom: -66.666667%
    }
    .sm\:-inset-y-1\/4 {
        top: -25%;
        bottom: -25%
    }
    .sm\:-inset-y-2\/4 {
        top: -50%;
        bottom: -50%
    }
    .sm\:-inset-y-3\/4 {
        top: -75%;
        bottom: -75%
    }
    .sm\:-inset-y-full {
        top: -100%;
        bottom: -100%
    }
    .sm\:top-0 {
        top: 0
    }
    .sm\:top-2 {
        top: var(--space-5xs)
    }
    .sm\:top-4 {
        top: var(--space-4xs)
    }
    .sm\:top-6 {
        top: var(--space-3xs)
    }
    .sm\:top-8 {
        top: var(--space-2xs)
    }
    .sm\:top-12 {
        top: var(--space-xs)
    }
    .sm\:top-16 {
        top: var(--space-sm)
    }
    .sm\:top-20 {
        top: var(--space-md)
    }
    .sm\:top-24 {
        top: var(--space-lg)
    }
    .sm\:top-32 {
        top: var(--space-xl)
    }
    .sm\:top-40 {
        top: var(--space-2xl)
    }
    .sm\:top-48 {
        top: var(--space-3xl)
    }
    .sm\:top-80 {
        top: var(--space-4xl)
    }
    .sm\:top-auto {
        top: auto
    }
    .sm\:-top-2 {
        top: calc(var(--space-5xs)*-1)
    }
    .sm\:-top-4 {
        top: calc(var(--space-4xs)*-1)
    }
    .sm\:-top-6 {
        top: calc(var(--space-3xs)*-1)
    }
    .sm\:-top-8 {
        top: calc(var(--space-2xs)*-1)
    }
    .sm\:-top-12 {
        top: calc(var(--space-xs)*-1)
    }
    .sm\:-top-16 {
        top: calc(var(--space-sm)*-1)
    }
    .sm\:-top-20 {
        top: calc(var(--space-md)*-1)
    }
    .sm\:-top-24 {
        top: calc(var(--space-lg)*-1)
    }
    .sm\:-top-32 {
        top: calc(var(--space-xl)*-1)
    }
    .sm\:-top-40 {
        top: calc(var(--space-2xl)*-1)
    }
    .sm\:-top-48 {
        top: calc(var(--space-3xl)*-1)
    }
    .sm\:-top-80 {
        top: calc(var(--space-4xl)*-1)
    }
    .sm\:top-1\/2 {
        top: 50%
    }
    .sm\:top-1\/3 {
        top: 33.333333%
    }
    .sm\:top-2\/3 {
        top: 66.666667%
    }
    .sm\:top-1\/4 {
        top: 25%
    }
    .sm\:top-2\/4 {
        top: 50%
    }
    .sm\:top-3\/4 {
        top: 75%
    }
    .sm\:top-full {
        top: 100%
    }
    .sm\:-top-1\/2 {
        top: -50%
    }
    .sm\:-top-1\/3 {
        top: -33.333333%
    }
    .sm\:-top-2\/3 {
        top: -66.666667%
    }
    .sm\:-top-1\/4 {
        top: -25%
    }
    .sm\:-top-2\/4 {
        top: -50%
    }
    .sm\:-top-3\/4 {
        top: -75%
    }
    .sm\:-top-full {
        top: -100%
    }
    .sm\:right-0 {
        right: 0
    }
    .sm\:right-2 {
        right: var(--space-5xs)
    }
    .sm\:right-4 {
        right: var(--space-4xs)
    }
    .sm\:right-6 {
        right: var(--space-3xs)
    }
    .sm\:right-8 {
        right: var(--space-2xs)
    }
    .sm\:right-12 {
        right: var(--space-xs)
    }
    .sm\:right-16 {
        right: var(--space-sm)
    }
    .sm\:right-20 {
        right: var(--space-md)
    }
    .sm\:right-24 {
        right: var(--space-lg)
    }
    .sm\:right-32 {
        right: var(--space-xl)
    }
    .sm\:right-40 {
        right: var(--space-2xl)
    }
    .sm\:right-48 {
        right: var(--space-3xl)
    }
    .sm\:right-80 {
        right: var(--space-4xl)
    }
    .sm\:right-auto {
        right: auto
    }
    .sm\:-right-2 {
        right: calc(var(--space-5xs)*-1)
    }
    .sm\:-right-4 {
        right: calc(var(--space-4xs)*-1)
    }
    .sm\:-right-6 {
        right: calc(var(--space-3xs)*-1)
    }
    .sm\:-right-8 {
        right: calc(var(--space-2xs)*-1)
    }
    .sm\:-right-12 {
        right: calc(var(--space-xs)*-1)
    }
    .sm\:-right-16 {
        right: calc(var(--space-sm)*-1)
    }
    .sm\:-right-20 {
        right: calc(var(--space-md)*-1)
    }
    .sm\:-right-24 {
        right: calc(var(--space-lg)*-1)
    }
    .sm\:-right-32 {
        right: calc(var(--space-xl)*-1)
    }
    .sm\:-right-40 {
        right: calc(var(--space-2xl)*-1)
    }
    .sm\:-right-48 {
        right: calc(var(--space-3xl)*-1)
    }
    .sm\:-right-80 {
        right: calc(var(--space-4xl)*-1)
    }
    .sm\:right-1\/2 {
        right: 50%
    }
    .sm\:right-1\/3 {
        right: 33.333333%
    }
    .sm\:right-2\/3 {
        right: 66.666667%
    }
    .sm\:right-1\/4 {
        right: 25%
    }
    .sm\:right-2\/4 {
        right: 50%
    }
    .sm\:right-3\/4 {
        right: 75%
    }
    .sm\:right-full {
        right: 100%
    }
    .sm\:-right-1\/2 {
        right: -50%
    }
    .sm\:-right-1\/3 {
        right: -33.333333%
    }
    .sm\:-right-2\/3 {
        right: -66.666667%
    }
    .sm\:-right-1\/4 {
        right: -25%
    }
    .sm\:-right-2\/4 {
        right: -50%
    }
    .sm\:-right-3\/4 {
        right: -75%
    }
    .sm\:-right-full {
        right: -100%
    }
    .sm\:bottom-0 {
        bottom: 0
    }
    .sm\:bottom-2 {
        bottom: var(--space-5xs)
    }
    .sm\:bottom-4 {
        bottom: var(--space-4xs)
    }
    .sm\:bottom-6 {
        bottom: var(--space-3xs)
    }
    .sm\:bottom-8 {
        bottom: var(--space-2xs)
    }
    .sm\:bottom-12 {
        bottom: var(--space-xs)
    }
    .sm\:bottom-16 {
        bottom: var(--space-sm)
    }
    .sm\:bottom-20 {
        bottom: var(--space-md)
    }
    .sm\:bottom-24 {
        bottom: var(--space-lg)
    }
    .sm\:bottom-32 {
        bottom: var(--space-xl)
    }
    .sm\:bottom-40 {
        bottom: var(--space-2xl)
    }
    .sm\:bottom-48 {
        bottom: var(--space-3xl)
    }
    .sm\:bottom-80 {
        bottom: var(--space-4xl)
    }
    .sm\:bottom-auto {
        bottom: auto
    }
    .sm\:-bottom-2 {
        bottom: calc(var(--space-5xs)*-1)
    }
    .sm\:-bottom-4 {
        bottom: calc(var(--space-4xs)*-1)
    }
    .sm\:-bottom-6 {
        bottom: calc(var(--space-3xs)*-1)
    }
    .sm\:-bottom-8 {
        bottom: calc(var(--space-2xs)*-1)
    }
    .sm\:-bottom-12 {
        bottom: calc(var(--space-xs)*-1)
    }
    .sm\:-bottom-16 {
        bottom: calc(var(--space-sm)*-1)
    }
    .sm\:-bottom-20 {
        bottom: calc(var(--space-md)*-1)
    }
    .sm\:-bottom-24 {
        bottom: calc(var(--space-lg)*-1)
    }
    .sm\:-bottom-32 {
        bottom: calc(var(--space-xl)*-1)
    }
    .sm\:-bottom-40 {
        bottom: calc(var(--space-2xl)*-1)
    }
    .sm\:-bottom-48 {
        bottom: calc(var(--space-3xl)*-1)
    }
    .sm\:-bottom-80 {
        bottom: calc(var(--space-4xl)*-1)
    }
    .sm\:bottom-1\/2 {
        bottom: 50%
    }
    .sm\:bottom-1\/3 {
        bottom: 33.333333%
    }
    .sm\:bottom-2\/3 {
        bottom: 66.666667%
    }
    .sm\:bottom-1\/4 {
        bottom: 25%
    }
    .sm\:bottom-2\/4 {
        bottom: 50%
    }
    .sm\:bottom-3\/4 {
        bottom: 75%
    }
    .sm\:bottom-full {
        bottom: 100%
    }
    .sm\:-bottom-1\/2 {
        bottom: -50%
    }
    .sm\:-bottom-1\/3 {
        bottom: -33.333333%
    }
    .sm\:-bottom-2\/3 {
        bottom: -66.666667%
    }
    .sm\:-bottom-1\/4 {
        bottom: -25%
    }
    .sm\:-bottom-2\/4 {
        bottom: -50%
    }
    .sm\:-bottom-3\/4 {
        bottom: -75%
    }
    .sm\:-bottom-full {
        bottom: -100%
    }
    .sm\:left-0 {
        left: 0
    }
    .sm\:left-2 {
        left: var(--space-5xs)
    }
    .sm\:left-4 {
        left: var(--space-4xs)
    }
    .sm\:left-6 {
        left: var(--space-3xs)
    }
    .sm\:left-8 {
        left: var(--space-2xs)
    }
    .sm\:left-12 {
        left: var(--space-xs)
    }
    .sm\:left-16 {
        left: var(--space-sm)
    }
    .sm\:left-20 {
        left: var(--space-md)
    }
    .sm\:left-24 {
        left: var(--space-lg)
    }
    .sm\:left-32 {
        left: var(--space-xl)
    }
    .sm\:left-40 {
        left: var(--space-2xl)
    }
    .sm\:left-48 {
        left: var(--space-3xl)
    }
    .sm\:left-80 {
        left: var(--space-4xl)
    }
    .sm\:left-auto {
        left: auto
    }
    .sm\:-left-2 {
        left: calc(var(--space-5xs)*-1)
    }
    .sm\:-left-4 {
        left: calc(var(--space-4xs)*-1)
    }
    .sm\:-left-6 {
        left: calc(var(--space-3xs)*-1)
    }
    .sm\:-left-8 {
        left: calc(var(--space-2xs)*-1)
    }
    .sm\:-left-12 {
        left: calc(var(--space-xs)*-1)
    }
    .sm\:-left-16 {
        left: calc(var(--space-sm)*-1)
    }
    .sm\:-left-20 {
        left: calc(var(--space-md)*-1)
    }
    .sm\:-left-24 {
        left: calc(var(--space-lg)*-1)
    }
    .sm\:-left-32 {
        left: calc(var(--space-xl)*-1)
    }
    .sm\:-left-40 {
        left: calc(var(--space-2xl)*-1)
    }
    .sm\:-left-48 {
        left: calc(var(--space-3xl)*-1)
    }
    .sm\:-left-80 {
        left: calc(var(--space-4xl)*-1)
    }
    .sm\:left-1\/2 {
        left: 50%
    }
    .sm\:left-1\/3 {
        left: 33.333333%
    }
    .sm\:left-2\/3 {
        left: 66.666667%
    }
    .sm\:left-1\/4 {
        left: 25%
    }
    .sm\:left-2\/4 {
        left: 50%
    }
    .sm\:left-3\/4 {
        left: 75%
    }
    .sm\:left-full {
        left: 100%
    }
    .sm\:-left-1\/2 {
        left: -50%
    }
    .sm\:-left-1\/3 {
        left: -33.333333%
    }
    .sm\:-left-2\/3 {
        left: -66.666667%
    }
    .sm\:-left-1\/4 {
        left: -25%
    }
    .sm\:-left-2\/4 {
        left: -50%
    }
    .sm\:-left-3\/4 {
        left: -75%
    }
    .sm\:-left-full {
        left: -100%
    }
    .sm\:isolate {
        isolation: isolate
    }
    .sm\:isolation-auto {
        isolation: auto
    }
    .sm\:z-0 {
        z-index: 0
    }
    .sm\:z-10 {
        z-index: 10
    }
    .sm\:z-20 {
        z-index: 20
    }
    .sm\:z-30 {
        z-index: 30
    }
    .sm\:z-40 {
        z-index: 40
    }
    .sm\:z-50 {
        z-index: 50
    }
    .sm\:z-auto {
        z-index: auto
    }
    .sm\:focus-within\:z-0:focus-within {
        z-index: 0
    }
    .sm\:focus-within\:z-10:focus-within {
        z-index: 10
    }
    .sm\:focus-within\:z-20:focus-within {
        z-index: 20
    }
    .sm\:focus-within\:z-30:focus-within {
        z-index: 30
    }
    .sm\:focus-within\:z-40:focus-within {
        z-index: 40
    }
    .sm\:focus-within\:z-50:focus-within {
        z-index: 50
    }
    .sm\:focus-within\:z-auto:focus-within {
        z-index: auto
    }
    .sm\:focus\:z-0:focus {
        z-index: 0
    }
    .sm\:focus\:z-10:focus {
        z-index: 10
    }
    .sm\:focus\:z-20:focus {
        z-index: 20
    }
    .sm\:focus\:z-30:focus {
        z-index: 30
    }
    .sm\:focus\:z-40:focus {
        z-index: 40
    }
    .sm\:focus\:z-50:focus {
        z-index: 50
    }
    .sm\:focus\:z-auto:focus {
        z-index: auto
    }
    .sm\:order-1 {
        order: 1
    }
    .sm\:order-2 {
        order: 2
    }
    .sm\:order-3 {
        order: 3
    }
    .sm\:order-4 {
        order: 4
    }
    .sm\:order-5 {
        order: 5
    }
    .sm\:order-6 {
        order: 6
    }
    .sm\:order-7 {
        order: 7
    }
    .sm\:order-8 {
        order: 8
    }
    .sm\:order-9 {
        order: 9
    }
    .sm\:order-10 {
        order: 10
    }
    .sm\:order-11 {
        order: 11
    }
    .sm\:order-12 {
        order: 12
    }
    .sm\:order-first {
        order: -9999
    }
    .sm\:order-last {
        order: 9999
    }
    .sm\:order-none {
        order: 0
    }
    .sm\:col-auto {
        grid-column: auto
    }
    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }
    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }
    .sm\:col-span-3 {
        grid-column: span 3/span 3
    }
    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }
    .sm\:col-span-5 {
        grid-column: span 5/span 5
    }
    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }
    .sm\:col-span-7 {
        grid-column: span 7/span 7
    }
    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }
    .sm\:col-span-9 {
        grid-column: span 9/span 9
    }
    .sm\:col-span-10 {
        grid-column: span 10/span 10
    }
    .sm\:col-span-11 {
        grid-column: span 11/span 11
    }
    .sm\:col-span-12 {
        grid-column: span 12/span 12
    }
    .sm\:col-span-full {
        grid-column: 1/-1
    }
    .sm\:col-start-1 {
        grid-column-start: 1
    }
    .sm\:col-start-2 {
        grid-column-start: 2
    }
    .sm\:col-start-3 {
        grid-column-start: 3
    }
    .sm\:col-start-4 {
        grid-column-start: 4
    }
    .sm\:col-start-5 {
        grid-column-start: 5
    }
    .sm\:col-start-6 {
        grid-column-start: 6
    }
    .sm\:col-start-7 {
        grid-column-start: 7
    }
    .sm\:col-start-8 {
        grid-column-start: 8
    }
    .sm\:col-start-9 {
        grid-column-start: 9
    }
    .sm\:col-start-10 {
        grid-column-start: 10
    }
    .sm\:col-start-11 {
        grid-column-start: 11
    }
    .sm\:col-start-12 {
        grid-column-start: 12
    }
    .sm\:col-start-13 {
        grid-column-start: 13
    }
    .sm\:col-start-auto {
        grid-column-start: auto
    }
    .sm\:col-end-1 {
        grid-column-end: 1
    }
    .sm\:col-end-2 {
        grid-column-end: 2
    }
    .sm\:col-end-3 {
        grid-column-end: 3
    }
    .sm\:col-end-4 {
        grid-column-end: 4
    }
    .sm\:col-end-5 {
        grid-column-end: 5
    }
    .sm\:col-end-6 {
        grid-column-end: 6
    }
    .sm\:col-end-7 {
        grid-column-end: 7
    }
    .sm\:col-end-8 {
        grid-column-end: 8
    }
    .sm\:col-end-9 {
        grid-column-end: 9
    }
    .sm\:col-end-10 {
        grid-column-end: 10
    }
    .sm\:col-end-11 {
        grid-column-end: 11
    }
    .sm\:col-end-12 {
        grid-column-end: 12
    }
    .sm\:col-end-13 {
        grid-column-end: 13
    }
    .sm\:col-end-auto {
        grid-column-end: auto
    }
    .sm\:row-auto {
        grid-row: auto
    }
    .sm\:row-span-1 {
        grid-row: span 1/span 1
    }
    .sm\:row-span-2 {
        grid-row: span 2/span 2
    }
    .sm\:row-span-3 {
        grid-row: span 3/span 3
    }
    .sm\:row-span-4 {
        grid-row: span 4/span 4
    }
    .sm\:row-span-5 {
        grid-row: span 5/span 5
    }
    .sm\:row-span-6 {
        grid-row: span 6/span 6
    }
    .sm\:row-span-full {
        grid-row: 1/-1
    }
    .sm\:row-start-1 {
        grid-row-start: 1
    }
    .sm\:row-start-2 {
        grid-row-start: 2
    }
    .sm\:row-start-3 {
        grid-row-start: 3
    }
    .sm\:row-start-4 {
        grid-row-start: 4
    }
    .sm\:row-start-5 {
        grid-row-start: 5
    }
    .sm\:row-start-6 {
        grid-row-start: 6
    }
    .sm\:row-start-7 {
        grid-row-start: 7
    }
    .sm\:row-start-auto {
        grid-row-start: auto
    }
    .sm\:row-end-1 {
        grid-row-end: 1
    }
    .sm\:row-end-2 {
        grid-row-end: 2
    }
    .sm\:row-end-3 {
        grid-row-end: 3
    }
    .sm\:row-end-4 {
        grid-row-end: 4
    }
    .sm\:row-end-5 {
        grid-row-end: 5
    }
    .sm\:row-end-6 {
        grid-row-end: 6
    }
    .sm\:row-end-7 {
        grid-row-end: 7
    }
    .sm\:row-end-auto {
        grid-row-end: auto
    }
    .sm\:float-right {
        float: right
    }
    .sm\:float-left {
        float: left
    }
    .sm\:float-none {
        float: none
    }
    .sm\:clear-left {
        clear: left
    }
    .sm\:clear-right {
        clear: right
    }
    .sm\:clear-both {
        clear: both
    }
    .sm\:clear-none {
        clear: none
    }
    .sm\:m-0 {
        margin: 0
    }
    .sm\:m-2 {
        margin: var(--space-5xs)
    }
    .sm\:m-4 {
        margin: var(--space-4xs)
    }
    .sm\:m-6 {
        margin: var(--space-3xs)
    }
    .sm\:m-8 {
        margin: var(--space-2xs)
    }
    .sm\:m-12 {
        margin: var(--space-xs)
    }
    .sm\:m-16 {
        margin: var(--space-sm)
    }
    .sm\:m-20 {
        margin: var(--space-md)
    }
    .sm\:m-24 {
        margin: var(--space-lg)
    }
    .sm\:m-32 {
        margin: var(--space-xl)
    }
    .sm\:m-40 {
        margin: var(--space-2xl)
    }
    .sm\:m-48 {
        margin: var(--space-3xl)
    }
    .sm\:m-80 {
        margin: var(--space-4xl)
    }
    .sm\:m-auto {
        margin: auto
    }
    .sm\:-m-2 {
        margin: calc(var(--space-5xs)*-1)
    }
    .sm\:-m-4 {
        margin: calc(var(--space-4xs)*-1)
    }
    .sm\:-m-6 {
        margin: calc(var(--space-3xs)*-1)
    }
    .sm\:-m-8 {
        margin: calc(var(--space-2xs)*-1)
    }
    .sm\:-m-12 {
        margin: calc(var(--space-xs)*-1)
    }
    .sm\:-m-16 {
        margin: calc(var(--space-sm)*-1)
    }
    .sm\:-m-20 {
        margin: calc(var(--space-md)*-1)
    }
    .sm\:-m-24 {
        margin: calc(var(--space-lg)*-1)
    }
    .sm\:-m-32 {
        margin: calc(var(--space-xl)*-1)
    }
    .sm\:-m-40 {
        margin: calc(var(--space-2xl)*-1)
    }
    .sm\:-m-48 {
        margin: calc(var(--space-3xl)*-1)
    }
    .sm\:-m-80 {
        margin: calc(var(--space-4xl)*-1)
    }
    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .sm\:mx-2 {
        margin-left: var(--space-5xs);
        margin-right: var(--space-5xs)
    }
    .sm\:mx-4 {
        margin-left: var(--space-4xs);
        margin-right: var(--space-4xs)
    }
    .sm\:mx-6 {
        margin-left: var(--space-3xs);
        margin-right: var(--space-3xs)
    }
    .sm\:mx-8 {
        margin-left: var(--space-2xs);
        margin-right: var(--space-2xs)
    }
    .sm\:mx-12 {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }
    .sm\:mx-16 {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }
    .sm\:mx-20 {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }
    .sm\:mx-24 {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }
    .sm\:mx-32 {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }
    .sm\:mx-40 {
        margin-left: var(--space-2xl);
        margin-right: var(--space-2xl)
    }
    .sm\:mx-48 {
        margin-left: var(--space-3xl);
        margin-right: var(--space-3xl)
    }
    .sm\:mx-80 {
        margin-left: var(--space-4xl);
        margin-right: var(--space-4xl)
    }
    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .sm\:-mx-2 {
        margin-left: calc(var(--space-5xs)*-1);
        margin-right: calc(var(--space-5xs)*-1)
    }
    .sm\:-mx-4 {
        margin-left: calc(var(--space-4xs)*-1);
        margin-right: calc(var(--space-4xs)*-1)
    }
    .sm\:-mx-6 {
        margin-left: calc(var(--space-3xs)*-1);
        margin-right: calc(var(--space-3xs)*-1)
    }
    .sm\:-mx-8 {
        margin-left: calc(var(--space-2xs)*-1);
        margin-right: calc(var(--space-2xs)*-1)
    }
    .sm\:-mx-12 {
        margin-left: calc(var(--space-xs)*-1);
        margin-right: calc(var(--space-xs)*-1)
    }
    .sm\:-mx-16 {
        margin-left: calc(var(--space-sm)*-1);
        margin-right: calc(var(--space-sm)*-1)
    }
    .sm\:-mx-20 {
        margin-left: calc(var(--space-md)*-1);
        margin-right: calc(var(--space-md)*-1)
    }
    .sm\:-mx-24 {
        margin-left: calc(var(--space-lg)*-1);
        margin-right: calc(var(--space-lg)*-1)
    }
    .sm\:-mx-32 {
        margin-left: calc(var(--space-xl)*-1);
        margin-right: calc(var(--space-xl)*-1)
    }
    .sm\:-mx-40 {
        margin-left: calc(var(--space-2xl)*-1);
        margin-right: calc(var(--space-2xl)*-1)
    }
    .sm\:-mx-48 {
        margin-left: calc(var(--space-3xl)*-1);
        margin-right: calc(var(--space-3xl)*-1)
    }
    .sm\:-mx-80 {
        margin-left: calc(var(--space-4xl)*-1);
        margin-right: calc(var(--space-4xl)*-1)
    }
    .sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .sm\:my-2 {
        margin-top: var(--space-5xs);
        margin-bottom: var(--space-5xs)
    }
    .sm\:my-4 {
        margin-top: var(--space-4xs);
        margin-bottom: var(--space-4xs)
    }
    .sm\:my-6 {
        margin-top: var(--space-3xs);
        margin-bottom: var(--space-3xs)
    }
    .sm\:my-8 {
        margin-top: var(--space-2xs);
        margin-bottom: var(--space-2xs)
    }
    .sm\:my-12 {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
    }
    .sm\:my-16 {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }
    .sm\:my-20 {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }
    .sm\:my-24 {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }
    .sm\:my-32 {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }
    .sm\:my-40 {
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-2xl)
    }
    .sm\:my-48 {
        margin-top: var(--space-3xl);
        margin-bottom: var(--space-3xl)
    }
    .sm\:my-80 {
        margin-top: var(--space-4xl);
        margin-bottom: var(--space-4xl)
    }
    .sm\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .sm\:-my-2 {
        margin-top: calc(var(--space-5xs)*-1);
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .sm\:-my-4 {
        margin-top: calc(var(--space-4xs)*-1);
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .sm\:-my-6 {
        margin-top: calc(var(--space-3xs)*-1);
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .sm\:-my-8 {
        margin-top: calc(var(--space-2xs)*-1);
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .sm\:-my-12 {
        margin-top: calc(var(--space-xs)*-1);
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .sm\:-my-16 {
        margin-top: calc(var(--space-sm)*-1);
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .sm\:-my-20 {
        margin-top: calc(var(--space-md)*-1);
        margin-bottom: calc(var(--space-md)*-1)
    }
    .sm\:-my-24 {
        margin-top: calc(var(--space-lg)*-1);
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .sm\:-my-32 {
        margin-top: calc(var(--space-xl)*-1);
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .sm\:-my-40 {
        margin-top: calc(var(--space-2xl)*-1);
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .sm\:-my-48 {
        margin-top: calc(var(--space-3xl)*-1);
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .sm\:-my-80 {
        margin-top: calc(var(--space-4xl)*-1);
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .sm\:mt-0 {
        margin-top: 0
    }
    .sm\:mt-2 {
        margin-top: var(--space-5xs)
    }
    .sm\:mt-4 {
        margin-top: var(--space-4xs)
    }
    .sm\:mt-6 {
        margin-top: var(--space-3xs)
    }
    .sm\:mt-8 {
        margin-top: var(--space-2xs)
    }
    .sm\:mt-12 {
        margin-top: var(--space-xs)
    }
    .sm\:mt-16 {
        margin-top: var(--space-sm)
    }
    .sm\:mt-20 {
        margin-top: var(--space-md)
    }
    .sm\:mt-24 {
        margin-top: var(--space-lg)
    }
    .sm\:mt-32 {
        margin-top: var(--space-xl)
    }
    .sm\:mt-40 {
        margin-top: var(--space-2xl)
    }
    .sm\:mt-48 {
        margin-top: var(--space-3xl)
    }
    .sm\:mt-80 {
        margin-top: var(--space-4xl)
    }
    .sm\:mt-auto {
        margin-top: auto
    }
    .sm\:-mt-2 {
        margin-top: calc(var(--space-5xs)*-1)
    }
    .sm\:-mt-4 {
        margin-top: calc(var(--space-4xs)*-1)
    }
    .sm\:-mt-6 {
        margin-top: calc(var(--space-3xs)*-1)
    }
    .sm\:-mt-8 {
        margin-top: calc(var(--space-2xs)*-1)
    }
    .sm\:-mt-12 {
        margin-top: calc(var(--space-xs)*-1)
    }
    .sm\:-mt-16 {
        margin-top: calc(var(--space-sm)*-1)
    }
    .sm\:-mt-20 {
        margin-top: calc(var(--space-md)*-1)
    }
    .sm\:-mt-24 {
        margin-top: calc(var(--space-lg)*-1)
    }
    .sm\:-mt-32 {
        margin-top: calc(var(--space-xl)*-1)
    }
    .sm\:-mt-40 {
        margin-top: calc(var(--space-2xl)*-1)
    }
    .sm\:-mt-48 {
        margin-top: calc(var(--space-3xl)*-1)
    }
    .sm\:-mt-80 {
        margin-top: calc(var(--space-4xl)*-1)
    }
    .sm\:mr-0 {
        margin-right: 0
    }
    .sm\:mr-2 {
        margin-right: var(--space-5xs)
    }
    .sm\:mr-4 {
        margin-right: var(--space-4xs)
    }
    .sm\:mr-6 {
        margin-right: var(--space-3xs)
    }
    .sm\:mr-8 {
        margin-right: var(--space-2xs)
    }
    .sm\:mr-12 {
        margin-right: var(--space-xs)
    }
    .sm\:mr-16 {
        margin-right: var(--space-sm)
    }
    .sm\:mr-20 {
        margin-right: var(--space-md)
    }
    .sm\:mr-24 {
        margin-right: var(--space-lg)
    }
    .sm\:mr-32 {
        margin-right: var(--space-xl)
    }
    .sm\:mr-40 {
        margin-right: var(--space-2xl)
    }
    .sm\:mr-48 {
        margin-right: var(--space-3xl)
    }
    .sm\:mr-80 {
        margin-right: var(--space-4xl)
    }
    .sm\:mr-auto {
        margin-right: auto
    }
    .sm\:-mr-2 {
        margin-right: calc(var(--space-5xs)*-1)
    }
    .sm\:-mr-4 {
        margin-right: calc(var(--space-4xs)*-1)
    }
    .sm\:-mr-6 {
        margin-right: calc(var(--space-3xs)*-1)
    }
    .sm\:-mr-8 {
        margin-right: calc(var(--space-2xs)*-1)
    }
    .sm\:-mr-12 {
        margin-right: calc(var(--space-xs)*-1)
    }
    .sm\:-mr-16 {
        margin-right: calc(var(--space-sm)*-1)
    }
    .sm\:-mr-20 {
        margin-right: calc(var(--space-md)*-1)
    }
    .sm\:-mr-24 {
        margin-right: calc(var(--space-lg)*-1)
    }
    .sm\:-mr-32 {
        margin-right: calc(var(--space-xl)*-1)
    }
    .sm\:-mr-40 {
        margin-right: calc(var(--space-2xl)*-1)
    }
    .sm\:-mr-48 {
        margin-right: calc(var(--space-3xl)*-1)
    }
    .sm\:-mr-80 {
        margin-right: calc(var(--space-4xl)*-1)
    }
    .sm\:mb-0 {
        margin-bottom: 0
    }
    .sm\:mb-2 {
        margin-bottom: var(--space-5xs)
    }
    .sm\:mb-4 {
        margin-bottom: var(--space-4xs)
    }
    .sm\:mb-6 {
        margin-bottom: var(--space-3xs)
    }
    .sm\:mb-8 {
        margin-bottom: var(--space-2xs)
    }
    .sm\:mb-12 {
        margin-bottom: var(--space-xs)
    }
    .sm\:mb-16 {
        margin-bottom: var(--space-sm)
    }
    .sm\:mb-20 {
        margin-bottom: var(--space-md)
    }
    .sm\:mb-24 {
        margin-bottom: var(--space-lg)
    }
    .sm\:mb-32 {
        margin-bottom: var(--space-xl)
    }
    .sm\:mb-40 {
        margin-bottom: var(--space-2xl)
    }
    .sm\:mb-48 {
        margin-bottom: var(--space-3xl)
    }
    .sm\:mb-80 {
        margin-bottom: var(--space-4xl)
    }
    .sm\:mb-auto {
        margin-bottom: auto
    }
    .sm\:-mb-2 {
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .sm\:-mb-4 {
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .sm\:-mb-6 {
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .sm\:-mb-8 {
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .sm\:-mb-12 {
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .sm\:-mb-16 {
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .sm\:-mb-20 {
        margin-bottom: calc(var(--space-md)*-1)
    }
    .sm\:-mb-24 {
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .sm\:-mb-32 {
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .sm\:-mb-40 {
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .sm\:-mb-48 {
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .sm\:-mb-80 {
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .sm\:ml-0 {
        margin-left: 0
    }
    .sm\:ml-2 {
        margin-left: var(--space-5xs)
    }
    .sm\:ml-4 {
        margin-left: var(--space-4xs)
    }
    .sm\:ml-6 {
        margin-left: var(--space-3xs)
    }
    .sm\:ml-8 {
        margin-left: var(--space-2xs)
    }
    .sm\:ml-12 {
        margin-left: var(--space-xs)
    }
    .sm\:ml-16 {
        margin-left: var(--space-sm)
    }
    .sm\:ml-20 {
        margin-left: var(--space-md)
    }
    .sm\:ml-24 {
        margin-left: var(--space-lg)
    }
    .sm\:ml-32 {
        margin-left: var(--space-xl)
    }
    .sm\:ml-40 {
        margin-left: var(--space-2xl)
    }
    .sm\:ml-48 {
        margin-left: var(--space-3xl)
    }
    .sm\:ml-80 {
        margin-left: var(--space-4xl)
    }
    .sm\:ml-auto {
        margin-left: auto
    }
    .sm\:-ml-2 {
        margin-left: calc(var(--space-5xs)*-1)
    }
    .sm\:-ml-4 {
        margin-left: calc(var(--space-4xs)*-1)
    }
    .sm\:-ml-6 {
        margin-left: calc(var(--space-3xs)*-1)
    }
    .sm\:-ml-8 {
        margin-left: calc(var(--space-2xs)*-1)
    }
    .sm\:-ml-12 {
        margin-left: calc(var(--space-xs)*-1)
    }
    .sm\:-ml-16 {
        margin-left: calc(var(--space-sm)*-1)
    }
    .sm\:-ml-20 {
        margin-left: calc(var(--space-md)*-1)
    }
    .sm\:-ml-24 {
        margin-left: calc(var(--space-lg)*-1)
    }
    .sm\:-ml-32 {
        margin-left: calc(var(--space-xl)*-1)
    }
    .sm\:-ml-40 {
        margin-left: calc(var(--space-2xl)*-1)
    }
    .sm\:-ml-48 {
        margin-left: calc(var(--space-3xl)*-1)
    }
    .sm\:-ml-80 {
        margin-left: calc(var(--space-4xl)*-1)
    }
    .sm\:box-border {
        box-sizing: border-box
    }
    .sm\:box-content {
        box-sizing: content-box
    }
    .sm\:block {
        display: block
    }
    .sm\:inline-block {
        display: inline-block
    }
    .sm\:inline {
        display: inline
    }
    .sm\:flex {
        display: flex
    }
    .sm\:inline-flex {
        display: inline-flex
    }
    .sm\:table {
        display: table
    }
    .sm\:inline-table {
        display: inline-table
    }
    .sm\:table-caption {
        display: table-caption
    }
    .sm\:table-cell {
        display: table-cell
    }
    .sm\:table-column {
        display: table-column
    }
    .sm\:table-column-group {
        display: table-column-group
    }
    .sm\:table-footer-group {
        display: table-footer-group
    }
    .sm\:table-header-group {
        display: table-header-group
    }
    .sm\:table-row-group {
        display: table-row-group
    }
    .sm\:table-row {
        display: table-row
    }
    .sm\:flow-root {
        display: flow-root
    }
    .sm\:grid {
        display: grid
    }
    .sm\:inline-grid {
        display: inline-grid
    }
    .sm\:contents {
        display: contents
    }
    .sm\:list-item {
        display: list-item
    }
    .sm\:hidden {
        display: none
    }
    .sm\:h-0 {
        height: 0
    }
    .sm\:h-2 {
        height: var(--space-5xs)
    }
    .sm\:h-4 {
        height: var(--space-4xs)
    }
    .sm\:h-6 {
        height: var(--space-3xs)
    }
    .sm\:h-8 {
        height: var(--space-2xs)
    }
    .sm\:h-12 {
        height: var(--space-xs)
    }
    .sm\:h-16 {
        height: var(--space-sm)
    }
    .sm\:h-20 {
        height: var(--space-md)
    }
    .sm\:h-24 {
        height: var(--space-lg)
    }
    .sm\:h-32 {
        height: var(--space-xl)
    }
    .sm\:h-40 {
        height: var(--space-2xl)
    }
    .sm\:h-48 {
        height: var(--space-3xl)
    }
    .sm\:h-80 {
        height: var(--space-4xl)
    }
    .sm\:h-auto {
        height: auto
    }
    .sm\:h-1\/2 {
        height: 50%
    }
    .sm\:h-1\/3 {
        height: 33.333333%
    }
    .sm\:h-2\/3 {
        height: 66.666667%
    }
    .sm\:h-1\/4 {
        height: 25%
    }
    .sm\:h-2\/4 {
        height: 50%
    }
    .sm\:h-3\/4 {
        height: 75%
    }
    .sm\:h-1\/5 {
        height: 20%
    }
    .sm\:h-2\/5 {
        height: 40%
    }
    .sm\:h-3\/5 {
        height: 60%
    }
    .sm\:h-4\/5 {
        height: 80%
    }
    .sm\:h-1\/6 {
        height: 16.666667%
    }
    .sm\:h-2\/6 {
        height: 33.333333%
    }
    .sm\:h-3\/6 {
        height: 50%
    }
    .sm\:h-4\/6 {
        height: 66.666667%
    }
    .sm\:h-5\/6 {
        height: 83.333333%
    }
    .sm\:h-full {
        height: 100%
    }
    .sm\:h-screen {
        height: 100vh
    }
    .sm\:max-h-0 {
        max-height: 0
    }
    .sm\:max-h-2 {
        max-height: var(--space-5xs)
    }
    .sm\:max-h-4 {
        max-height: var(--space-4xs)
    }
    .sm\:max-h-6 {
        max-height: var(--space-3xs)
    }
    .sm\:max-h-8 {
        max-height: var(--space-2xs)
    }
    .sm\:max-h-12 {
        max-height: var(--space-xs)
    }
    .sm\:max-h-16 {
        max-height: var(--space-sm)
    }
    .sm\:max-h-20 {
        max-height: var(--space-md)
    }
    .sm\:max-h-24 {
        max-height: var(--space-lg)
    }
    .sm\:max-h-32 {
        max-height: var(--space-xl)
    }
    .sm\:max-h-40 {
        max-height: var(--space-2xl)
    }
    .sm\:max-h-48 {
        max-height: var(--space-3xl)
    }
    .sm\:max-h-80 {
        max-height: var(--space-4xl)
    }
    .sm\:max-h-full {
        max-height: 100%
    }
    .sm\:max-h-screen {
        max-height: 100vh
    }
    .sm\:min-h-0 {
        min-height: 0
    }
    .sm\:min-h-full {
        min-height: 100%
    }
    .sm\:min-h-screen {
        min-height: 100vh
    }
    .sm\:w-0 {
        width: 0
    }
    .sm\:w-2 {
        width: var(--space-5xs)
    }
    .sm\:w-4 {
        width: var(--space-4xs)
    }
    .sm\:w-6 {
        width: var(--space-3xs)
    }
    .sm\:w-8 {
        width: var(--space-2xs)
    }
    .sm\:w-12 {
        width: var(--space-xs)
    }
    .sm\:w-16 {
        width: var(--space-sm)
    }
    .sm\:w-20 {
        width: var(--space-md)
    }
    .sm\:w-24 {
        width: var(--space-lg)
    }
    .sm\:w-32 {
        width: var(--space-xl)
    }
    .sm\:w-40 {
        width: var(--space-2xl)
    }
    .sm\:w-48 {
        width: var(--space-3xl)
    }
    .sm\:w-80 {
        width: var(--space-4xl)
    }
    .sm\:w-auto {
        width: auto
    }
    .sm\:w-1\/2 {
        width: 50%
    }
    .sm\:w-1\/3 {
        width: 33.333333%
    }
    .sm\:w-2\/3 {
        width: 66.666667%
    }
    .sm\:w-1\/4 {
        width: 25%
    }
    .sm\:w-2\/4 {
        width: 50%
    }
    .sm\:w-3\/4 {
        width: 75%
    }
    .sm\:w-1\/5 {
        width: 20%
    }
    .sm\:w-2\/5 {
        width: 40%
    }
    .sm\:w-3\/5 {
        width: 60%
    }
    .sm\:w-4\/5 {
        width: 80%
    }
    .sm\:w-1\/6 {
        width: 16.666667%
    }
    .sm\:w-2\/6 {
        width: 33.333333%
    }
    .sm\:w-3\/6 {
        width: 50%
    }
    .sm\:w-4\/6 {
        width: 66.666667%
    }
    .sm\:w-5\/6 {
        width: 83.333333%
    }
    .sm\:w-1\/12 {
        width: 8.333333%
    }
    .sm\:w-2\/12 {
        width: 16.666667%
    }
    .sm\:w-3\/12 {
        width: 25%
    }
    .sm\:w-4\/12 {
        width: 33.333333%
    }
    .sm\:w-5\/12 {
        width: 41.666667%
    }
    .sm\:w-6\/12 {
        width: 50%
    }
    .sm\:w-7\/12 {
        width: 58.333333%
    }
    .sm\:w-8\/12 {
        width: 66.666667%
    }
    .sm\:w-9\/12 {
        width: 75%
    }
    .sm\:w-10\/12 {
        width: 83.333333%
    }
    .sm\:w-11\/12 {
        width: 91.666667%
    }
    .sm\:w-full {
        width: 100%
    }
    .sm\:w-screen {
        width: 100vw
    }
    .sm\:w-min {
        width: -webkit-min-content;
        width: min-content
    }
    .sm\:w-max {
        width: -webkit-max-content;
        width: max-content
    }
    .sm\:min-w-0 {
        min-width: 0
    }
    .sm\:min-w-full {
        min-width: 100%
    }
    .sm\:min-w-min {
        min-width: -webkit-min-content;
        min-width: min-content
    }
    .sm\:min-w-max {
        min-width: -webkit-max-content;
        min-width: max-content
    }
    .sm\:max-w-0 {
        max-width: 0
    }
    .sm\:max-w-none {
        max-width: none
    }
    .sm\:max-w-xs {
        max-width: 20rem
    }
    .sm\:max-w-sm {
        max-width: 24rem
    }
    .sm\:max-w-md {
        max-width: 28rem
    }
    .sm\:max-w-lg {
        max-width: 32rem
    }
    .sm\:max-w-xl {
        max-width: 36rem
    }
    .sm\:max-w-2xl {
        max-width: 42rem
    }
    .sm\:max-w-3xl {
        max-width: 48rem
    }
    .sm\:max-w-4xl {
        max-width: 56rem
    }
    .sm\:max-w-5xl {
        max-width: 64rem
    }
    .sm\:max-w-6xl {
        max-width: 72rem
    }
    .sm\:max-w-7xl {
        max-width: 80rem
    }
    .sm\:max-w-full {
        max-width: 100%
    }
    .sm\:max-w-min {
        max-width: -webkit-min-content;
        max-width: min-content
    }
    .sm\:max-w-max {
        max-width: -webkit-max-content;
        max-width: max-content
    }
    .sm\:max-w-prose {
        max-width: 65ch
    }
    .sm\:max-w-screen-sm {
        max-width: 576px
    }
    .sm\:max-w-screen-md {
        max-width: 768px
    }
    .sm\:max-w-screen-lg {
        max-width: 992px
    }
    .sm\:max-w-screen-xl {
        max-width: 1200px
    }
    .sm\:max-w-screen-xxl {
        max-width: 1536px
    }
    .sm\:flex-1 {
        flex: 1 1 0%
    }
    .sm\:flex-auto {
        flex: 1 1 auto
    }
    .sm\:flex-initial {
        flex: 0 1 auto
    }
    .sm\:flex-none {
        flex: none
    }
    .sm\:flex-shrink-0 {
        flex-shrink: 0
    }
    .sm\:flex-shrink {
        flex-shrink: 1
    }
    .sm\:flex-grow-0 {
        flex-grow: 0
    }
    .sm\:flex-grow {
        flex-grow: 1
    }
    .sm\:table-auto {
        table-layout: auto
    }
    .sm\:table-fixed {
        table-layout: fixed
    }
    .sm\:border-collapse {
        border-collapse: collapse
    }
    .sm\:border-separate {
        border-collapse: separate
    }
    .sm\:origin-center {
        transform-origin: center
    }
    .sm\:origin-top {
        transform-origin: top
    }
    .sm\:origin-top-right {
        transform-origin: top right
    }
    .sm\:origin-right {
        transform-origin: right
    }
    .sm\:origin-bottom-right {
        transform-origin: bottom right
    }
    .sm\:origin-bottom {
        transform-origin: bottom
    }
    .sm\:origin-bottom-left {
        transform-origin: bottom left
    }
    .sm\:origin-left {
        transform-origin: left
    }
    .sm\:origin-top-left {
        transform-origin: top left
    }
    .sm\:transform {
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .sm\:transform,
    .sm\:transform-gpu {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .sm\:transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .sm\:transform-none {
        transform: none
    }
    .sm\:translate-x-0 {
        --tw-translate-x: 0
    }
    .sm\:translate-x-2 {
        --tw-translate-x: var(--space-5xs)
    }
    .sm\:translate-x-4 {
        --tw-translate-x: var(--space-4xs)
    }
    .sm\:translate-x-6 {
        --tw-translate-x: var(--space-3xs)
    }
    .sm\:translate-x-8 {
        --tw-translate-x: var(--space-2xs)
    }
    .sm\:translate-x-12 {
        --tw-translate-x: var(--space-xs)
    }
    .sm\:translate-x-16 {
        --tw-translate-x: var(--space-sm)
    }
    .sm\:translate-x-20 {
        --tw-translate-x: var(--space-md)
    }
    .sm\:translate-x-24 {
        --tw-translate-x: var(--space-lg)
    }
    .sm\:translate-x-32 {
        --tw-translate-x: var(--space-xl)
    }
    .sm\:translate-x-40 {
        --tw-translate-x: var(--space-2xl)
    }
    .sm\:translate-x-48 {
        --tw-translate-x: var(--space-3xl)
    }
    .sm\:translate-x-80 {
        --tw-translate-x: var(--space-4xl)
    }
    .sm\:-translate-x-2 {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .sm\:-translate-x-4 {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .sm\:-translate-x-6 {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .sm\:-translate-x-8 {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .sm\:-translate-x-12 {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .sm\:-translate-x-16 {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .sm\:-translate-x-20 {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .sm\:-translate-x-24 {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .sm\:-translate-x-32 {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .sm\:-translate-x-40 {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .sm\:-translate-x-48 {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .sm\:-translate-x-80 {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .sm\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }
    .sm\:translate-x-1\/3 {
        --tw-translate-x: 33.333333%
    }
    .sm\:translate-x-2\/3 {
        --tw-translate-x: 66.666667%
    }
    .sm\:translate-x-1\/4 {
        --tw-translate-x: 25%
    }
    .sm\:translate-x-2\/4 {
        --tw-translate-x: 50%
    }
    .sm\:translate-x-3\/4 {
        --tw-translate-x: 75%
    }
    .sm\:translate-x-full {
        --tw-translate-x: 100%
    }
    .sm\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
    .sm\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%
    }
    .sm\:-translate-x-2\/3 {
        --tw-translate-x: -66.666667%
    }
    .sm\:-translate-x-1\/4 {
        --tw-translate-x: -25%
    }
    .sm\:-translate-x-2\/4 {
        --tw-translate-x: -50%
    }
    .sm\:-translate-x-3\/4 {
        --tw-translate-x: -75%
    }
    .sm\:-translate-x-full {
        --tw-translate-x: -100%
    }
    .sm\:translate-y-0 {
        --tw-translate-y: 0
    }
    .sm\:translate-y-2 {
        --tw-translate-y: var(--space-5xs)
    }
    .sm\:translate-y-4 {
        --tw-translate-y: var(--space-4xs)
    }
    .sm\:translate-y-6 {
        --tw-translate-y: var(--space-3xs)
    }
    .sm\:translate-y-8 {
        --tw-translate-y: var(--space-2xs)
    }
    .sm\:translate-y-12 {
        --tw-translate-y: var(--space-xs)
    }
    .sm\:translate-y-16 {
        --tw-translate-y: var(--space-sm)
    }
    .sm\:translate-y-20 {
        --tw-translate-y: var(--space-md)
    }
    .sm\:translate-y-24 {
        --tw-translate-y: var(--space-lg)
    }
    .sm\:translate-y-32 {
        --tw-translate-y: var(--space-xl)
    }
    .sm\:translate-y-40 {
        --tw-translate-y: var(--space-2xl)
    }
    .sm\:translate-y-48 {
        --tw-translate-y: var(--space-3xl)
    }
    .sm\:translate-y-80 {
        --tw-translate-y: var(--space-4xl)
    }
    .sm\:-translate-y-2 {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .sm\:-translate-y-4 {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .sm\:-translate-y-6 {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .sm\:-translate-y-8 {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .sm\:-translate-y-12 {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .sm\:-translate-y-16 {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .sm\:-translate-y-20 {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .sm\:-translate-y-24 {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .sm\:-translate-y-32 {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .sm\:-translate-y-40 {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .sm\:-translate-y-48 {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .sm\:-translate-y-80 {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .sm\:translate-y-1\/2 {
        --tw-translate-y: 50%
    }
    .sm\:translate-y-1\/3 {
        --tw-translate-y: 33.333333%
    }
    .sm\:translate-y-2\/3 {
        --tw-translate-y: 66.666667%
    }
    .sm\:translate-y-1\/4 {
        --tw-translate-y: 25%
    }
    .sm\:translate-y-2\/4 {
        --tw-translate-y: 50%
    }
    .sm\:translate-y-3\/4 {
        --tw-translate-y: 75%
    }
    .sm\:translate-y-full {
        --tw-translate-y: 100%
    }
    .sm\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .sm\:-translate-y-1\/3 {
        --tw-translate-y: -33.333333%
    }
    .sm\:-translate-y-2\/3 {
        --tw-translate-y: -66.666667%
    }
    .sm\:-translate-y-1\/4 {
        --tw-translate-y: -25%
    }
    .sm\:-translate-y-2\/4 {
        --tw-translate-y: -50%
    }
    .sm\:-translate-y-3\/4 {
        --tw-translate-y: -75%
    }
    .sm\:-translate-y-full {
        --tw-translate-y: -100%
    }
    .sm\:hover\:translate-x-0:hover {
        --tw-translate-x: 0
    }
    .sm\:hover\:translate-x-2:hover {
        --tw-translate-x: var(--space-5xs)
    }
    .sm\:hover\:translate-x-4:hover {
        --tw-translate-x: var(--space-4xs)
    }
    .sm\:hover\:translate-x-6:hover {
        --tw-translate-x: var(--space-3xs)
    }
    .sm\:hover\:translate-x-8:hover {
        --tw-translate-x: var(--space-2xs)
    }
    .sm\:hover\:translate-x-12:hover {
        --tw-translate-x: var(--space-xs)
    }
    .sm\:hover\:translate-x-16:hover {
        --tw-translate-x: var(--space-sm)
    }
    .sm\:hover\:translate-x-20:hover {
        --tw-translate-x: var(--space-md)
    }
    .sm\:hover\:translate-x-24:hover {
        --tw-translate-x: var(--space-lg)
    }
    .sm\:hover\:translate-x-32:hover {
        --tw-translate-x: var(--space-xl)
    }
    .sm\:hover\:translate-x-40:hover {
        --tw-translate-x: var(--space-2xl)
    }
    .sm\:hover\:translate-x-48:hover {
        --tw-translate-x: var(--space-3xl)
    }
    .sm\:hover\:translate-x-80:hover {
        --tw-translate-x: var(--space-4xl)
    }
    .sm\:hover\:-translate-x-2:hover {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .sm\:hover\:-translate-x-4:hover {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .sm\:hover\:-translate-x-6:hover {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .sm\:hover\:-translate-x-8:hover {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .sm\:hover\:-translate-x-12:hover {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .sm\:hover\:-translate-x-16:hover {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .sm\:hover\:-translate-x-20:hover {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .sm\:hover\:-translate-x-24:hover {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .sm\:hover\:-translate-x-32:hover {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .sm\:hover\:-translate-x-40:hover {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .sm\:hover\:-translate-x-48:hover {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .sm\:hover\:-translate-x-80:hover {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .sm\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }
    .sm\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }
    .sm\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }
    .sm\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }
    .sm\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }
    .sm\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }
    .sm\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }
    .sm\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }
    .sm\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }
    .sm\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }
    .sm\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }
    .sm\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }
    .sm\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }
    .sm\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }
    .sm\:hover\:translate-y-0:hover {
        --tw-translate-y: 0
    }
    .sm\:hover\:translate-y-2:hover {
        --tw-translate-y: var(--space-5xs)
    }
    .sm\:hover\:translate-y-4:hover {
        --tw-translate-y: var(--space-4xs)
    }
    .sm\:hover\:translate-y-6:hover {
        --tw-translate-y: var(--space-3xs)
    }
    .sm\:hover\:translate-y-8:hover {
        --tw-translate-y: var(--space-2xs)
    }
    .sm\:hover\:translate-y-12:hover {
        --tw-translate-y: var(--space-xs)
    }
    .sm\:hover\:translate-y-16:hover {
        --tw-translate-y: var(--space-sm)
    }
    .sm\:hover\:translate-y-20:hover {
        --tw-translate-y: var(--space-md)
    }
    .sm\:hover\:translate-y-24:hover {
        --tw-translate-y: var(--space-lg)
    }
    .sm\:hover\:translate-y-32:hover {
        --tw-translate-y: var(--space-xl)
    }
    .sm\:hover\:translate-y-40:hover {
        --tw-translate-y: var(--space-2xl)
    }
    .sm\:hover\:translate-y-48:hover {
        --tw-translate-y: var(--space-3xl)
    }
    .sm\:hover\:translate-y-80:hover {
        --tw-translate-y: var(--space-4xl)
    }
    .sm\:hover\:-translate-y-2:hover {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .sm\:hover\:-translate-y-4:hover {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .sm\:hover\:-translate-y-6:hover {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .sm\:hover\:-translate-y-8:hover {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .sm\:hover\:-translate-y-12:hover {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .sm\:hover\:-translate-y-16:hover {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .sm\:hover\:-translate-y-20:hover {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .sm\:hover\:-translate-y-24:hover {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .sm\:hover\:-translate-y-32:hover {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .sm\:hover\:-translate-y-40:hover {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .sm\:hover\:-translate-y-48:hover {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .sm\:hover\:-translate-y-80:hover {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .sm\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }
    .sm\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }
    .sm\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }
    .sm\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }
    .sm\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }
    .sm\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }
    .sm\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }
    .sm\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }
    .sm\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }
    .sm\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }
    .sm\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }
    .sm\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }
    .sm\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }
    .sm\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }
    .sm\:focus\:translate-x-0:focus {
        --tw-translate-x: 0
    }
    .sm\:focus\:translate-x-2:focus {
        --tw-translate-x: var(--space-5xs)
    }
    .sm\:focus\:translate-x-4:focus {
        --tw-translate-x: var(--space-4xs)
    }
    .sm\:focus\:translate-x-6:focus {
        --tw-translate-x: var(--space-3xs)
    }
    .sm\:focus\:translate-x-8:focus {
        --tw-translate-x: var(--space-2xs)
    }
    .sm\:focus\:translate-x-12:focus {
        --tw-translate-x: var(--space-xs)
    }
    .sm\:focus\:translate-x-16:focus {
        --tw-translate-x: var(--space-sm)
    }
    .sm\:focus\:translate-x-20:focus {
        --tw-translate-x: var(--space-md)
    }
    .sm\:focus\:translate-x-24:focus {
        --tw-translate-x: var(--space-lg)
    }
    .sm\:focus\:translate-x-32:focus {
        --tw-translate-x: var(--space-xl)
    }
    .sm\:focus\:translate-x-40:focus {
        --tw-translate-x: var(--space-2xl)
    }
    .sm\:focus\:translate-x-48:focus {
        --tw-translate-x: var(--space-3xl)
    }
    .sm\:focus\:translate-x-80:focus {
        --tw-translate-x: var(--space-4xl)
    }
    .sm\:focus\:-translate-x-2:focus {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .sm\:focus\:-translate-x-4:focus {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .sm\:focus\:-translate-x-6:focus {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .sm\:focus\:-translate-x-8:focus {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .sm\:focus\:-translate-x-12:focus {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .sm\:focus\:-translate-x-16:focus {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .sm\:focus\:-translate-x-20:focus {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .sm\:focus\:-translate-x-24:focus {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .sm\:focus\:-translate-x-32:focus {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .sm\:focus\:-translate-x-40:focus {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .sm\:focus\:-translate-x-48:focus {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .sm\:focus\:-translate-x-80:focus {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .sm\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }
    .sm\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }
    .sm\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }
    .sm\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }
    .sm\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }
    .sm\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }
    .sm\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }
    .sm\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }
    .sm\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }
    .sm\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }
    .sm\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }
    .sm\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }
    .sm\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }
    .sm\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }
    .sm\:focus\:translate-y-0:focus {
        --tw-translate-y: 0
    }
    .sm\:focus\:translate-y-2:focus {
        --tw-translate-y: var(--space-5xs)
    }
    .sm\:focus\:translate-y-4:focus {
        --tw-translate-y: var(--space-4xs)
    }
    .sm\:focus\:translate-y-6:focus {
        --tw-translate-y: var(--space-3xs)
    }
    .sm\:focus\:translate-y-8:focus {
        --tw-translate-y: var(--space-2xs)
    }
    .sm\:focus\:translate-y-12:focus {
        --tw-translate-y: var(--space-xs)
    }
    .sm\:focus\:translate-y-16:focus {
        --tw-translate-y: var(--space-sm)
    }
    .sm\:focus\:translate-y-20:focus {
        --tw-translate-y: var(--space-md)
    }
    .sm\:focus\:translate-y-24:focus {
        --tw-translate-y: var(--space-lg)
    }
    .sm\:focus\:translate-y-32:focus {
        --tw-translate-y: var(--space-xl)
    }
    .sm\:focus\:translate-y-40:focus {
        --tw-translate-y: var(--space-2xl)
    }
    .sm\:focus\:translate-y-48:focus {
        --tw-translate-y: var(--space-3xl)
    }
    .sm\:focus\:translate-y-80:focus {
        --tw-translate-y: var(--space-4xl)
    }
    .sm\:focus\:-translate-y-2:focus {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .sm\:focus\:-translate-y-4:focus {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .sm\:focus\:-translate-y-6:focus {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .sm\:focus\:-translate-y-8:focus {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .sm\:focus\:-translate-y-12:focus {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .sm\:focus\:-translate-y-16:focus {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .sm\:focus\:-translate-y-20:focus {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .sm\:focus\:-translate-y-24:focus {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .sm\:focus\:-translate-y-32:focus {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .sm\:focus\:-translate-y-40:focus {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .sm\:focus\:-translate-y-48:focus {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .sm\:focus\:-translate-y-80:focus {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .sm\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }
    .sm\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }
    .sm\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }
    .sm\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }
    .sm\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }
    .sm\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }
    .sm\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }
    .sm\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }
    .sm\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }
    .sm\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }
    .sm\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }
    .sm\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }
    .sm\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }
    .sm\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }
    .sm\:rotate-0 {
        --tw-rotate: 0deg
    }
    .sm\:rotate-1 {
        --tw-rotate: 1deg
    }
    .sm\:rotate-2 {
        --tw-rotate: 2deg
    }
    .sm\:rotate-3 {
        --tw-rotate: 3deg
    }
    .sm\:rotate-6 {
        --tw-rotate: 6deg
    }
    .sm\:rotate-12 {
        --tw-rotate: 12deg
    }
    .sm\:rotate-45 {
        --tw-rotate: 45deg
    }
    .sm\:rotate-90 {
        --tw-rotate: 90deg
    }
    .sm\:rotate-180 {
        --tw-rotate: 180deg
    }
    .sm\:-rotate-180 {
        --tw-rotate: -180deg
    }
    .sm\:-rotate-90 {
        --tw-rotate: -90deg
    }
    .sm\:-rotate-45 {
        --tw-rotate: -45deg
    }
    .sm\:-rotate-12 {
        --tw-rotate: -12deg
    }
    .sm\:-rotate-6 {
        --tw-rotate: -6deg
    }
    .sm\:-rotate-3 {
        --tw-rotate: -3deg
    }
    .sm\:-rotate-2 {
        --tw-rotate: -2deg
    }
    .sm\:-rotate-1 {
        --tw-rotate: -1deg
    }
    .sm\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }
    .sm\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }
    .sm\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }
    .sm\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }
    .sm\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }
    .sm\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }
    .sm\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }
    .sm\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }
    .sm\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }
    .sm\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }
    .sm\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }
    .sm\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }
    .sm\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }
    .sm\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }
    .sm\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }
    .sm\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }
    .sm\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }
    .sm\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }
    .sm\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }
    .sm\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }
    .sm\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }
    .sm\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }
    .sm\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }
    .sm\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }
    .sm\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }
    .sm\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }
    .sm\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }
    .sm\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }
    .sm\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }
    .sm\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }
    .sm\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }
    .sm\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }
    .sm\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }
    .sm\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }
    .sm\:skew-x-0 {
        --tw-skew-x: 0deg
    }
    .sm\:skew-x-1 {
        --tw-skew-x: 1deg
    }
    .sm\:skew-x-2 {
        --tw-skew-x: 2deg
    }
    .sm\:skew-x-3 {
        --tw-skew-x: 3deg
    }
    .sm\:skew-x-6 {
        --tw-skew-x: 6deg
    }
    .sm\:skew-x-12 {
        --tw-skew-x: 12deg
    }
    .sm\:-skew-x-12 {
        --tw-skew-x: -12deg
    }
    .sm\:-skew-x-6 {
        --tw-skew-x: -6deg
    }
    .sm\:-skew-x-3 {
        --tw-skew-x: -3deg
    }
    .sm\:-skew-x-2 {
        --tw-skew-x: -2deg
    }
    .sm\:-skew-x-1 {
        --tw-skew-x: -1deg
    }
    .sm\:skew-y-0 {
        --tw-skew-y: 0deg
    }
    .sm\:skew-y-1 {
        --tw-skew-y: 1deg
    }
    .sm\:skew-y-2 {
        --tw-skew-y: 2deg
    }
    .sm\:skew-y-3 {
        --tw-skew-y: 3deg
    }
    .sm\:skew-y-6 {
        --tw-skew-y: 6deg
    }
    .sm\:skew-y-12 {
        --tw-skew-y: 12deg
    }
    .sm\:-skew-y-12 {
        --tw-skew-y: -12deg
    }
    .sm\:-skew-y-6 {
        --tw-skew-y: -6deg
    }
    .sm\:-skew-y-3 {
        --tw-skew-y: -3deg
    }
    .sm\:-skew-y-2 {
        --tw-skew-y: -2deg
    }
    .sm\:-skew-y-1 {
        --tw-skew-y: -1deg
    }
    .sm\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }
    .sm\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }
    .sm\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }
    .sm\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }
    .sm\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }
    .sm\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }
    .sm\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }
    .sm\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }
    .sm\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }
    .sm\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }
    .sm\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }
    .sm\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }
    .sm\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }
    .sm\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }
    .sm\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }
    .sm\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }
    .sm\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }
    .sm\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }
    .sm\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }
    .sm\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }
    .sm\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }
    .sm\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }
    .sm\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }
    .sm\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }
    .sm\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }
    .sm\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }
    .sm\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }
    .sm\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }
    .sm\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }
    .sm\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }
    .sm\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }
    .sm\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }
    .sm\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }
    .sm\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }
    .sm\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }
    .sm\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }
    .sm\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }
    .sm\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }
    .sm\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }
    .sm\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }
    .sm\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }
    .sm\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }
    .sm\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }
    .sm\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }
    .sm\:scale-0 {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .sm\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .sm\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .sm\:scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .sm\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .sm\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .sm\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .sm\:scale-150 {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .sm\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .sm\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .sm\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .sm\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .sm\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .sm\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .sm\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .sm\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .sm\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .sm\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .sm\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .sm\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .sm\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .sm\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .sm\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .sm\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .sm\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .sm\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .sm\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .sm\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .sm\:scale-x-0 {
        --tw-scale-x: 0
    }
    .sm\:scale-x-50 {
        --tw-scale-x: .5
    }
    .sm\:scale-x-75 {
        --tw-scale-x: .75
    }
    .sm\:scale-x-90 {
        --tw-scale-x: .9
    }
    .sm\:scale-x-95 {
        --tw-scale-x: .95
    }
    .sm\:scale-x-100 {
        --tw-scale-x: 1
    }
    .sm\:scale-x-105 {
        --tw-scale-x: 1.05
    }
    .sm\:scale-x-110 {
        --tw-scale-x: 1.1
    }
    .sm\:scale-x-125 {
        --tw-scale-x: 1.25
    }
    .sm\:scale-x-150 {
        --tw-scale-x: 1.5
    }
    .sm\:scale-y-0 {
        --tw-scale-y: 0
    }
    .sm\:scale-y-50 {
        --tw-scale-y: .5
    }
    .sm\:scale-y-75 {
        --tw-scale-y: .75
    }
    .sm\:scale-y-90 {
        --tw-scale-y: .9
    }
    .sm\:scale-y-95 {
        --tw-scale-y: .95
    }
    .sm\:scale-y-100 {
        --tw-scale-y: 1
    }
    .sm\:scale-y-105 {
        --tw-scale-y: 1.05
    }
    .sm\:scale-y-110 {
        --tw-scale-y: 1.1
    }
    .sm\:scale-y-125 {
        --tw-scale-y: 1.25
    }
    .sm\:scale-y-150 {
        --tw-scale-y: 1.5
    }
    .sm\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }
    .sm\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }
    .sm\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }
    .sm\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }
    .sm\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }
    .sm\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }
    .sm\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }
    .sm\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }
    .sm\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }
    .sm\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }
    .sm\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }
    .sm\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }
    .sm\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }
    .sm\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }
    .sm\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }
    .sm\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }
    .sm\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }
    .sm\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }
    .sm\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }
    .sm\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }
    .sm\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }
    .sm\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }
    .sm\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }
    .sm\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }
    .sm\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }
    .sm\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }
    .sm\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }
    .sm\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }
    .sm\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }
    .sm\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }
    .sm\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }
    .sm\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }
    .sm\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }
    .sm\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }
    .sm\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }
    .sm\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }
    .sm\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }
    .sm\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }
    .sm\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }
    .sm\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }
    .sm\:animate-none {
        -webkit-animation: none;
        animation: none
    }
    .sm\:animate-spin {
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite
    }
    .sm\:animate-ping {
        -webkit-animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
    }
    .sm\:animate-pulse {
        -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }
    .sm\:animate-bounce {
        -webkit-animation: bounce 1s infinite;
        animation: bounce 1s infinite
    }
    .sm\:cursor-auto {
        cursor: auto
    }
    .sm\:cursor-default {
        cursor: default
    }
    .sm\:cursor-pointer {
        cursor: pointer
    }
    .sm\:cursor-wait {
        cursor: wait
    }
    .sm\:cursor-text {
        cursor: text
    }
    .sm\:cursor-move {
        cursor: move
    }
    .sm\:cursor-help {
        cursor: help
    }
    .sm\:cursor-not-allowed {
        cursor: not-allowed
    }
    .sm\:select-none {
        -webkit-user-select: none;
        user-select: none
    }
    .sm\:select-text {
        -webkit-user-select: text;
        user-select: text
    }
    .sm\:select-all {
        -webkit-user-select: all;
        user-select: all
    }
    .sm\:select-auto {
        -webkit-user-select: auto;
        user-select: auto
    }
    .sm\:resize-none {
        resize: none
    }
    .sm\:resize-y {
        resize: vertical
    }
    .sm\:resize-x {
        resize: horizontal
    }
    .sm\:resize {
        resize: both
    }
    .sm\:list-inside {
        list-style-position: inside
    }
    .sm\:list-outside {
        list-style-position: outside
    }
    .sm\:list-none {
        list-style-type: none
    }
    .sm\:list-disc {
        list-style-type: disc
    }
    .sm\:list-decimal {
        list-style-type: decimal
    }
    .sm\:appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .sm\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .sm\:auto-cols-min {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content
    }
    .sm\:auto-cols-max {
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content
    }
    .sm\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
    }
    .sm\:grid-flow-row {
        grid-auto-flow: row
    }
    .sm\:grid-flow-col {
        grid-auto-flow: column
    }
    .sm\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }
    .sm\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }
    .sm\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .sm\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }
    .sm\:auto-rows-max {
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content
    }
    .sm\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }
    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .sm\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .sm\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .sm\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .sm\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .sm\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .sm\:grid-cols-none {
        grid-template-columns: none
    }
    .sm\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .sm\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .sm\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .sm\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .sm\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .sm\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .sm\:grid-rows-none {
        grid-template-rows: none
    }
    .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-wrap {
        flex-wrap: wrap
    }
    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }
    .sm\:place-content-center {
        place-content: center
    }
    .sm\:place-content-start {
        place-content: start
    }
    .sm\:place-content-end {
        place-content: end
    }
    .sm\:place-content-between {
        place-content: space-between
    }
    .sm\:place-content-around {
        place-content: space-around
    }
    .sm\:place-content-evenly {
        place-content: space-evenly
    }
    .sm\:place-content-stretch {
        place-content: stretch
    }
    .sm\:place-items-start {
        place-items: start
    }
    .sm\:place-items-end {
        place-items: end
    }
    .sm\:place-items-center {
        place-items: center
    }
    .sm\:place-items-stretch {
        place-items: stretch
    }
    .sm\:content-center {
        align-content: center
    }
    .sm\:content-start {
        align-content: flex-start
    }
    .sm\:content-end {
        align-content: flex-end
    }
    .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\: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\:gap-0 {
        gap: 0
    }
    .sm\:gap-2 {
        gap: var(--space-5xs)
    }
    .sm\:gap-4 {
        gap: var(--space-4xs)
    }
    .sm\:gap-6 {
        gap: var(--space-3xs)
    }
    .sm\:gap-8 {
        gap: var(--space-2xs)
    }
    .sm\:gap-12 {
        gap: var(--space-xs)
    }
    .sm\:gap-16 {
        gap: var(--space-sm)
    }
    .sm\:gap-20 {
        gap: var(--space-md)
    }
    .sm\:gap-24 {
        gap: var(--space-lg)
    }
    .sm\:gap-32 {
        gap: var(--space-xl)
    }
    .sm\:gap-40 {
        gap: var(--space-2xl)
    }
    .sm\:gap-48 {
        gap: var(--space-3xl)
    }
    .sm\:gap-80 {
        gap: var(--space-4xl)
    }
    .sm\:gap-x-0 {
        column-gap: 0
    }
    .sm\:gap-x-2 {
        column-gap: var(--space-5xs)
    }
    .sm\:gap-x-4 {
        column-gap: var(--space-4xs)
    }
    .sm\:gap-x-6 {
        column-gap: var(--space-3xs)
    }
    .sm\:gap-x-8 {
        column-gap: var(--space-2xs)
    }
    .sm\:gap-x-12 {
        column-gap: var(--space-xs)
    }
    .sm\:gap-x-16 {
        column-gap: var(--space-sm)
    }
    .sm\:gap-x-20 {
        column-gap: var(--space-md)
    }
    .sm\:gap-x-24 {
        column-gap: var(--space-lg)
    }
    .sm\:gap-x-32 {
        column-gap: var(--space-xl)
    }
    .sm\:gap-x-40 {
        column-gap: var(--space-2xl)
    }
    .sm\:gap-x-48 {
        column-gap: var(--space-3xl)
    }
    .sm\:gap-x-80 {
        column-gap: var(--space-4xl)
    }
    .sm\:gap-y-0 {
        row-gap: 0
    }
    .sm\:gap-y-2 {
        row-gap: var(--space-5xs)
    }
    .sm\:gap-y-4 {
        row-gap: var(--space-4xs)
    }
    .sm\:gap-y-6 {
        row-gap: var(--space-3xs)
    }
    .sm\:gap-y-8 {
        row-gap: var(--space-2xs)
    }
    .sm\:gap-y-12 {
        row-gap: var(--space-xs)
    }
    .sm\:gap-y-16 {
        row-gap: var(--space-sm)
    }
    .sm\:gap-y-20 {
        row-gap: var(--space-md)
    }
    .sm\:gap-y-24 {
        row-gap: var(--space-lg)
    }
    .sm\:gap-y-32 {
        row-gap: var(--space-xl)
    }
    .sm\:gap-y-40 {
        row-gap: var(--space-2xl)
    }
    .sm\:gap-y-48 {
        row-gap: var(--space-3xl)
    }
    .sm\:gap-y-80 {
        row-gap: var(--space-4xl)
    }
    .sm\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px*var(--tw-space-x-reverse));
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:-space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }
    .sm\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*var(--tw-space-y-reverse))
    }
    .sm\:space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*-1*var(--tw-space-y-reverse))
    }
    .sm\:-space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*-1*var(--tw-space-y-reverse))
    }
    .sm\:space-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 1
    }
    .sm\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }
    .sm\:divide-x-0>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(0px*var(--tw-divide-x-reverse));
        border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse)))
    }
    .sm\:divide-x-2>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px*var(--tw-divide-x-reverse));
        border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)))
    }
    .sm\:divide-x-4>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(4px*var(--tw-divide-x-reverse));
        border-left-width: calc(4px*(1 - var(--tw-divide-x-reverse)))
    }
    .sm\:divide-x-8>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(8px*var(--tw-divide-x-reverse));
        border-left-width: calc(8px*(1 - var(--tw-divide-x-reverse)))
    }
    .sm\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px*var(--tw-divide-x-reverse));
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
    }
    .sm\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
    }
    .sm\:divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(2px*var(--tw-divide-y-reverse))
    }
    .sm\:divide-y-4>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(4px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(4px*var(--tw-divide-y-reverse))
    }
    .sm\:divide-y-8>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(8px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(8px*var(--tw-divide-y-reverse))
    }
    .sm\:divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
    }
    .sm\:divide-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 1
    }
    .sm\:divide-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 1
    }
    .sm\:divide-solid>:not([hidden])~:not([hidden]) {
        border-style: solid
    }
    .sm\:divide-dashed>:not([hidden])~:not([hidden]) {
        border-style: dashed
    }
    .sm\:divide-dotted>:not([hidden])~:not([hidden]) {
        border-style: dotted
    }
    .sm\:divide-double>:not([hidden])~:not([hidden]) {
        border-style: double
    }
    .sm\:divide-none>:not([hidden])~:not([hidden]) {
        border-style: none
    }
    .sm\:divide-surface-default>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface)
    }
    .sm\:divide-surface-emphasis>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-emphasis)
    }
    .sm\:divide-surface-contrast>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-contrast)
    }
    .sm\:divide-status-danger>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-danger)
    }
    .sm\:divide-status-active>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-active)
    }
    .sm\:divide-button-primary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-primary)
    }
    .sm\:divide-button-secondary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-secondary)
    }
    .sm\:divide-button-success>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-success)
    }
    .sm\:divide-opacity-0>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0
    }
    .sm\:divide-opacity-5>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.05
    }
    .sm\:divide-opacity-10>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.1
    }
    .sm\:divide-opacity-20>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.2
    }
    .sm\:divide-opacity-25>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.25
    }
    .sm\:divide-opacity-30>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.3
    }
    .sm\:divide-opacity-40>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.4
    }
    .sm\:divide-opacity-50>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.5
    }
    .sm\:divide-opacity-60>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.6
    }
    .sm\:divide-opacity-70>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.7
    }
    .sm\:divide-opacity-75>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.75
    }
    .sm\:divide-opacity-80>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.8
    }
    .sm\:divide-opacity-90>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.9
    }
    .sm\:divide-opacity-95>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.95
    }
    .sm\:divide-opacity-100>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1
    }
    .sm\:place-self-auto {
        place-self: auto
    }
    .sm\:place-self-start {
        place-self: start
    }
    .sm\:place-self-end {
        place-self: end
    }
    .sm\:place-self-center {
        place-self: center
    }
    .sm\:place-self-stretch {
        place-self: stretch
    }
    .sm\:self-auto {
        align-self: auto
    }
    .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\:self-baseline {
        align-self: baseline
    }
    .sm\:justify-self-auto {
        justify-self: auto
    }
    .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\:overflow-auto {
        overflow: auto
    }
    .sm\:overflow-hidden {
        overflow: hidden
    }
    .sm\:overflow-visible {
        overflow: visible
    }
    .sm\:overflow-scroll {
        overflow: scroll
    }
    .sm\:overflow-x-auto {
        overflow-x: auto
    }
    .sm\:overflow-y-auto {
        overflow-y: auto
    }
    .sm\:overflow-x-hidden {
        overflow-x: hidden
    }
    .sm\:overflow-y-hidden {
        overflow-y: hidden
    }
    .sm\:overflow-x-visible {
        overflow-x: visible
    }
    .sm\:overflow-y-visible {
        overflow-y: visible
    }
    .sm\:overflow-x-scroll {
        overflow-x: scroll
    }
    .sm\:overflow-y-scroll {
        overflow-y: scroll
    }
    .sm\:overscroll-auto {
        overscroll-behavior: auto
    }
    .sm\:overscroll-contain {
        overscroll-behavior: contain
    }
    .sm\:overscroll-none {
        overscroll-behavior: none
    }
    .sm\:overscroll-y-auto {
        overscroll-behavior-y: auto
    }
    .sm\:overscroll-y-contain {
        overscroll-behavior-y: contain
    }
    .sm\:overscroll-y-none {
        overscroll-behavior-y: none
    }
    .sm\:overscroll-x-auto {
        overscroll-behavior-x: auto
    }
    .sm\:overscroll-x-contain {
        overscroll-behavior-x: contain
    }
    .sm\:overscroll-x-none {
        overscroll-behavior-x: none
    }
    .sm\:truncate {
        overflow: hidden;
        white-space: nowrap
    }
    .sm\:overflow-ellipsis,
    .sm\:truncate {
        text-overflow: ellipsis
    }
    .sm\:overflow-clip {
        text-overflow: clip
    }
    .sm\:whitespace-normal {
        white-space: normal
    }
    .sm\:whitespace-nowrap {
        white-space: nowrap
    }
    .sm\:whitespace-pre {
        white-space: pre
    }
    .sm\:whitespace-pre-line {
        white-space: pre-line
    }
    .sm\:whitespace-pre-wrap {
        white-space: pre-wrap
    }
    .sm\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }
    .sm\:break-words {
        overflow-wrap: break-word
    }
    .sm\:break-all {
        word-break: break-all
    }
    .sm\:rounded-2 {
        border-radius: 2px
    }
    .sm\:rounded-6 {
        border-radius: 6px
    }
    .sm\:rounded-8 {
        border-radius: 8px
    }
    .sm\:rounded-16 {
        border-radius: 16px
    }
    .sm\:rounded-full {
        border-radius: 100%
    }
    .sm\:rounded-xs {
        border-radius: 2px
    }
    .sm\:rounded-sm {
        border-radius: 4px
    }
    .sm\:rounded-md {
        border-radius: 8px
    }
    .sm\:rounded-lg {
        border-radius: 16px
    }
    .sm\:rounded-t-2 {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .sm\:rounded-t-6 {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .sm\:rounded-t-8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .sm\:rounded-t-16 {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .sm\:rounded-t-full {
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
    .sm\:rounded-t-xs {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .sm\:rounded-t-sm {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
    .sm\:rounded-t-md {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .sm\:rounded-t-lg {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .sm\:rounded-r-2 {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .sm\:rounded-r-6 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .sm\:rounded-r-8 {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .sm\:rounded-r-16 {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .sm\:rounded-r-full {
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%
    }
    .sm\:rounded-r-xs {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .sm\:rounded-r-sm {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .sm\:rounded-r-md {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .sm\:rounded-r-lg {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .sm\:rounded-b-2 {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .sm\:rounded-b-6 {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .sm\:rounded-b-8 {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .sm\:rounded-b-16 {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .sm\:rounded-b-full {
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .sm\:rounded-b-xs {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .sm\:rounded-b-sm {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .sm\:rounded-b-md {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .sm\:rounded-b-lg {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .sm\:rounded-l-2 {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .sm\:rounded-l-6 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .sm\:rounded-l-8 {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .sm\:rounded-l-16 {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .sm\:rounded-l-full {
        border-top-left-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .sm\:rounded-l-xs {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .sm\:rounded-l-sm {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .sm\:rounded-l-md {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .sm\:rounded-l-lg {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .sm\:rounded-tl-2 {
        border-top-left-radius: 2px
    }
    .sm\:rounded-tl-6 {
        border-top-left-radius: 6px
    }
    .sm\:rounded-tl-8 {
        border-top-left-radius: 8px
    }
    .sm\:rounded-tl-16 {
        border-top-left-radius: 16px
    }
    .sm\:rounded-tl-full {
        border-top-left-radius: 100%
    }
    .sm\:rounded-tl-xs {
        border-top-left-radius: 2px
    }
    .sm\:rounded-tl-sm {
        border-top-left-radius: 4px
    }
    .sm\:rounded-tl-md {
        border-top-left-radius: 8px
    }
    .sm\:rounded-tl-lg {
        border-top-left-radius: 16px
    }
    .sm\:rounded-tr-2 {
        border-top-right-radius: 2px
    }
    .sm\:rounded-tr-6 {
        border-top-right-radius: 6px
    }
    .sm\:rounded-tr-8 {
        border-top-right-radius: 8px
    }
    .sm\:rounded-tr-16 {
        border-top-right-radius: 16px
    }
    .sm\:rounded-tr-full {
        border-top-right-radius: 100%
    }
    .sm\:rounded-tr-xs {
        border-top-right-radius: 2px
    }
    .sm\:rounded-tr-sm {
        border-top-right-radius: 4px
    }
    .sm\:rounded-tr-md {
        border-top-right-radius: 8px
    }
    .sm\:rounded-tr-lg {
        border-top-right-radius: 16px
    }
    .sm\:rounded-br-2 {
        border-bottom-right-radius: 2px
    }
    .sm\:rounded-br-6 {
        border-bottom-right-radius: 6px
    }
    .sm\:rounded-br-8 {
        border-bottom-right-radius: 8px
    }
    .sm\:rounded-br-16 {
        border-bottom-right-radius: 16px
    }
    .sm\:rounded-br-full {
        border-bottom-right-radius: 100%
    }
    .sm\:rounded-br-xs {
        border-bottom-right-radius: 2px
    }
    .sm\:rounded-br-sm {
        border-bottom-right-radius: 4px
    }
    .sm\:rounded-br-md {
        border-bottom-right-radius: 8px
    }
    .sm\:rounded-br-lg {
        border-bottom-right-radius: 16px
    }
    .sm\:rounded-bl-2 {
        border-bottom-left-radius: 2px
    }
    .sm\:rounded-bl-6 {
        border-bottom-left-radius: 6px
    }
    .sm\:rounded-bl-8 {
        border-bottom-left-radius: 8px
    }
    .sm\:rounded-bl-16 {
        border-bottom-left-radius: 16px
    }
    .sm\:rounded-bl-full {
        border-bottom-left-radius: 100%
    }
    .sm\:rounded-bl-xs {
        border-bottom-left-radius: 2px
    }
    .sm\:rounded-bl-sm {
        border-bottom-left-radius: 4px
    }
    .sm\:rounded-bl-md {
        border-bottom-left-radius: 8px
    }
    .sm\:rounded-bl-lg {
        border-bottom-left-radius: 16px
    }
    .sm\:border-0 {
        border-width: 0
    }
    .sm\:border-2 {
        border-width: 2px
    }
    .sm\:border-4 {
        border-width: 4px
    }
    .sm\:border-8 {
        border-width: 8px
    }
    .sm\:border {
        border-width: 1px
    }
    .sm\:border-t-0 {
        border-top-width: 0
    }
    .sm\:border-t-2 {
        border-top-width: 2px
    }
    .sm\:border-t-4 {
        border-top-width: 4px
    }
    .sm\:border-t-8 {
        border-top-width: 8px
    }
    .sm\:border-t {
        border-top-width: 1px
    }
    .sm\:border-r-0 {
        border-right-width: 0
    }
    .sm\:border-r-2 {
        border-right-width: 2px
    }
    .sm\:border-r-4 {
        border-right-width: 4px
    }
    .sm\:border-r-8 {
        border-right-width: 8px
    }
    .sm\:border-r {
        border-right-width: 1px
    }
    .sm\:border-b-0 {
        border-bottom-width: 0
    }
    .sm\:border-b-2 {
        border-bottom-width: 2px
    }
    .sm\:border-b-4 {
        border-bottom-width: 4px
    }
    .sm\:border-b-8 {
        border-bottom-width: 8px
    }
    .sm\:border-b {
        border-bottom-width: 1px
    }
    .sm\:border-l-0 {
        border-left-width: 0
    }
    .sm\:border-l-2 {
        border-left-width: 2px
    }
    .sm\:border-l-4 {
        border-left-width: 4px
    }
    .sm\:border-l-8 {
        border-left-width: 8px
    }
    .sm\:border-l {
        border-left-width: 1px
    }
    .sm\:border-solid {
        border-style: solid
    }
    .sm\:border-dashed {
        border-style: dashed
    }
    .sm\:border-dotted {
        border-style: dotted
    }
    .sm\:border-double {
        border-style: double
    }
    .sm\:border-none {
        border-style: none
    }
    .sm\:border-surface-default {
        border-color: var(--border-surface)
    }
    .sm\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .sm\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .sm\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .sm\:border-status-active {
        border-color: var(--border-status-active)
    }
    .sm\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .sm\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .sm\:border-button-success {
        border-color: var(--border-button-success)
    }
    .group:hover .sm\:group-hover\:border-surface-default {
        border-color: var(--border-surface)
    }
    .group:hover .sm\:group-hover\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .group:hover .sm\:group-hover\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .group:hover .sm\:group-hover\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .group:hover .sm\:group-hover\:border-status-active {
        border-color: var(--border-status-active)
    }
    .group:hover .sm\:group-hover\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .group:hover .sm\:group-hover\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .group:hover .sm\:group-hover\:border-button-success {
        border-color: var(--border-button-success)
    }
    .sm\:focus-within\:border-surface-default:focus-within {
        border-color: var(--border-surface)
    }
    .sm\:focus-within\:border-surface-emphasis:focus-within {
        border-color: var(--border-surface-emphasis)
    }
    .sm\:focus-within\:border-surface-contrast:focus-within {
        border-color: var(--border-surface-contrast)
    }
    .sm\:focus-within\:border-status-danger:focus-within {
        border-color: var(--border-status-danger)
    }
    .sm\:focus-within\:border-status-active:focus-within {
        border-color: var(--border-status-active)
    }
    .sm\:focus-within\:border-button-primary:focus-within {
        border-color: var(--border-button-primary)
    }
    .sm\:focus-within\:border-button-secondary:focus-within {
        border-color: var(--border-button-secondary)
    }
    .sm\:focus-within\:border-button-success:focus-within {
        border-color: var(--border-button-success)
    }
    .sm\:hover\:border-surface-default:hover {
        border-color: var(--border-surface)
    }
    .sm\:hover\:border-surface-emphasis:hover {
        border-color: var(--border-surface-emphasis)
    }
    .sm\:hover\:border-surface-contrast:hover {
        border-color: var(--border-surface-contrast)
    }
    .sm\:hover\:border-status-danger:hover {
        border-color: var(--border-status-danger)
    }
    .sm\:hover\:border-status-active:hover {
        border-color: var(--border-status-active)
    }
    .sm\:hover\:border-button-primary:hover {
        border-color: var(--border-button-primary)
    }
    .sm\:hover\:border-button-secondary:hover {
        border-color: var(--border-button-secondary)
    }
    .sm\:hover\:border-button-success:hover {
        border-color: var(--border-button-success)
    }
    .sm\:focus\:border-surface-default:focus {
        border-color: var(--border-surface)
    }
    .sm\:focus\:border-surface-emphasis:focus {
        border-color: var(--border-surface-emphasis)
    }
    .sm\:focus\:border-surface-contrast:focus {
        border-color: var(--border-surface-contrast)
    }
    .sm\:focus\:border-status-danger:focus {
        border-color: var(--border-status-danger)
    }
    .sm\:focus\:border-status-active:focus {
        border-color: var(--border-status-active)
    }
    .sm\:focus\:border-button-primary:focus {
        border-color: var(--border-button-primary)
    }
    .sm\:focus\:border-button-secondary:focus {
        border-color: var(--border-button-secondary)
    }
    .sm\:focus\:border-button-success:focus {
        border-color: var(--border-button-success)
    }
    .sm\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .sm\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .sm\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .sm\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .sm\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .sm\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .sm\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .sm\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .sm\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .sm\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .sm\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .sm\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .sm\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .sm\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .sm\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .group:hover .sm\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .group:hover .sm\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .group:hover .sm\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .group:hover .sm\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .group:hover .sm\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .group:hover .sm\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .group:hover .sm\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .group:hover .sm\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .group:hover .sm\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .group:hover .sm\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .group:hover .sm\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .group:hover .sm\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .group:hover .sm\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .group:hover .sm\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .group:hover .sm\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .sm\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }
    .sm\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }
    .sm\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }
    .sm\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }
    .sm\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }
    .sm\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }
    .sm\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }
    .sm\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }
    .sm\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }
    .sm\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }
    .sm\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }
    .sm\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }
    .sm\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }
    .sm\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }
    .sm\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }
    .sm\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }
    .sm\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }
    .sm\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }
    .sm\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }
    .sm\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }
    .sm\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }
    .sm\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }
    .sm\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }
    .sm\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }
    .sm\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }
    .sm\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }
    .sm\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }
    .sm\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }
    .sm\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }
    .sm\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }
    .sm\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }
    .sm\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }
    .sm\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }
    .sm\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }
    .sm\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }
    .sm\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }
    .sm\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }
    .sm\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }
    .sm\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }
    .sm\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }
    .sm\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }
    .sm\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }
    .sm\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }
    .sm\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }
    .sm\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }
    .sm\:bg-app {
        background-color: var(--bg-app)
    }
    .sm\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .sm\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .sm\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .sm\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .sm\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .sm\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .sm\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .sm\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .sm\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .sm\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .sm\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .sm\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .sm\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .sm\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .sm\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .sm\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .sm\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .sm\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .sm\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .sm\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .sm\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .sm\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .sm\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .sm\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .sm\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .sm\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .sm\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .sm\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .sm\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .sm\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .sm\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .sm\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .sm\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .sm\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .sm\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .sm\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .sm\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .sm\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .sm\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .sm\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .sm\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .sm\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .sm\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .group:hover .sm\:group-hover\:bg-app {
        background-color: var(--bg-app)
    }
    .group:hover .sm\:group-hover\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .group:hover .sm\:group-hover\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .group:hover .sm\:group-hover\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .group:hover .sm\:group-hover\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .group:hover .sm\:group-hover\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .group:hover .sm\:group-hover\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .group:hover .sm\:group-hover\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .group:hover .sm\:group-hover\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .group:hover .sm\:group-hover\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .group:hover .sm\:group-hover\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .group:hover .sm\:group-hover\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .group:hover .sm\:group-hover\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .group:hover .sm\:group-hover\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .group:hover .sm\:group-hover\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .group:hover .sm\:group-hover\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .group:hover .sm\:group-hover\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .group:hover .sm\:group-hover\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .group:hover .sm\:group-hover\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .group:hover .sm\:group-hover\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .group:hover .sm\:group-hover\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .group:hover .sm\:group-hover\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .group:hover .sm\:group-hover\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .group:hover .sm\:group-hover\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .group:hover .sm\:group-hover\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .group:hover .sm\:group-hover\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .group:hover .sm\:group-hover\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .group:hover .sm\:group-hover\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .group:hover .sm\:group-hover\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .group:hover .sm\:group-hover\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .group:hover .sm\:group-hover\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .group:hover .sm\:group-hover\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .group:hover .sm\:group-hover\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .group:hover .sm\:group-hover\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .group:hover .sm\:group-hover\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .group:hover .sm\:group-hover\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .group:hover .sm\:group-hover\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .group:hover .sm\:group-hover\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .group:hover .sm\:group-hover\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .group:hover .sm\:group-hover\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .group:hover .sm\:group-hover\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .group:hover .sm\:group-hover\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .group:hover .sm\:group-hover\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .group:hover .sm\:group-hover\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .sm\:focus-within\:bg-app:focus-within {
        background-color: var(--bg-app)
    }
    .sm\:focus-within\:bg-surface-1-default:focus-within {
        background-color: var(--bg-surface-1)
    }
    .sm\:focus-within\:bg-surface-1-hover:focus-within {
        background-color: var(--bg-surface-1-hover)
    }
    .sm\:focus-within\:bg-surface-2-default:focus-within {
        background-color: var(--bg-surface-2)
    }
    .sm\:focus-within\:bg-surface-2-hover:focus-within {
        background-color: var(--bg-surface-2-hover)
    }
    .sm\:focus-within\:bg-surface-emphasis-default:focus-within {
        background-color: --bg-surface-emphasis
    }
    .sm\:focus-within\:bg-surface-emphasis-hover:focus-within {
        background-color: --bg-surface-emphasis-hover
    }
    .sm\:focus-within\:bg-surface-contrast-default:focus-within {
        background-color: --bg-surface-contrast
    }
    .sm\:focus-within\:bg-surface-contrast-hover:focus-within {
        background-color: --bg-surface-contrast-hover
    }
    .sm\:focus-within\:bg-surface-forced-dark:focus-within {
        background-color: var(--bg-surface-forced-dark)
    }
    .sm\:focus-within\:bg-status-danger-default:focus-within {
        background-color: var(--bg-status-danger)
    }
    .sm\:focus-within\:bg-status-danger-bold:focus-within {
        background-color: var(--bg-status-danger-bold)
    }
    .sm\:focus-within\:bg-status-danger-subtle:focus-within {
        background-color: var(--bg-status-danger-subtle)
    }
    .sm\:focus-within\:bg-status-pending-default:focus-within {
        background-color: var(--bg-status-pending)
    }
    .sm\:focus-within\:bg-status-pending-bold:focus-within {
        background-color: var(--bg-status-pending-bold)
    }
    .sm\:focus-within\:bg-status-pending-subtle:focus-within {
        background-color: var(--bg-status-pending-subtle)
    }
    .sm\:focus-within\:bg-status-success-default:focus-within {
        background-color: var(--bg-status-success)
    }
    .sm\:focus-within\:bg-status-success-bold:focus-within {
        background-color: var(--bg-status-success-bold)
    }
    .sm\:focus-within\:bg-status-success-subtle:focus-within {
        background-color: var(--bg-status-success-subtle)
    }
    .sm\:focus-within\:bg-status-active-default:focus-within {
        background-color: var(--bg-status-active)
    }
    .sm\:focus-within\:bg-status-active-bold:focus-within {
        background-color: var(--bg-status-active-bold)
    }
    .sm\:focus-within\:bg-status-active-subtle:focus-within {
        background-color: var(--bg-status-active-subtle)
    }
    .sm\:focus-within\:bg-status-plain-default:focus-within {
        background-color: var(--bg-status-plain)
    }
    .sm\:focus-within\:bg-status-plain-bold:focus-within {
        background-color: var(--bg-status-plain-bold)
    }
    .sm\:focus-within\:bg-status-plain-subtle:focus-within {
        background-color: var(--bg-status-plain-subtle)
    }
    .sm\:focus-within\:bg-button-primary:focus-within {
        background-color: var(--bg-button-primary)
    }
    .sm\:focus-within\:bg-button-danger:focus-within {
        background-color: var(--bg-button-danger)
    }
    .sm\:focus-within\:bg-button-success:focus-within {
        background-color: var(--bg-button-success)
    }
    .sm\:focus-within\:bg-button-oncolor:focus-within {
        background-color: var(--bg-button-oncolor)
    }
    .sm\:focus-within\:bg-button-hover-primary:focus-within {
        background-color: var(--bg-button-primary-hover)
    }
    .sm\:focus-within\:bg-button-hover-text:focus-within {
        background-color: var(--bg-button-text-hover)
    }
    .sm\:focus-within\:bg-button-hover-danger:focus-within {
        background-color: var(--bg-button-text-danger-hover)
    }
    .sm\:focus-within\:bg-button-hover-oncolor:focus-within {
        background-color: var(--bg-button-oncolor-hover)
    }
    .sm\:focus-within\:bg-button-hover-success-default:focus-within {
        background-color: var(--bg-button-success-hover)
    }
    .sm\:focus-within\:bg-button-hover-success-text:focus-within {
        background-color: var(--bg-button-text-success-hover)
    }
    .sm\:focus-within\:bg-decorative-purple-default:focus-within {
        background-color: var(--bg-decorative-purple)
    }
    .sm\:focus-within\:bg-decorative-purple-bold:focus-within {
        background-color: var(--bg-decorative-purple-bold)
    }
    .sm\:focus-within\:bg-decorative-purple-subtle:focus-within {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .sm\:focus-within\:bg-decorative-orange-bold:focus-within {
        background-color: var(--bg-decorative-orange-bold)
    }
    .sm\:focus-within\:bg-overlay-modal:focus-within {
        background-color: var(--bg-overlay-modal)
    }
    .sm\:focus-within\:bg-gradient-lineChart:focus-within {
        background-color: var(--bg-gradient-line-chart)
    }
    .sm\:focus-within\:bg-gradient-margin:focus-within {
        background-color: var(--bg-gradient-margin)
    }
    .sm\:focus-within\:bg-gradient-healthRainbow:focus-within {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .sm\:focus-within\:bg-gradient-promo-1:focus-within {
        background-color: var(--bg-gradient-promo-1)
    }
    .sm\:hover\:bg-app:hover {
        background-color: var(--bg-app)
    }
    .sm\:hover\:bg-surface-1-default:hover {
        background-color: var(--bg-surface-1)
    }
    .sm\:hover\:bg-surface-1-hover:hover {
        background-color: var(--bg-surface-1-hover)
    }
    .sm\:hover\:bg-surface-2-default:hover {
        background-color: var(--bg-surface-2)
    }
    .sm\:hover\:bg-surface-2-hover:hover {
        background-color: var(--bg-surface-2-hover)
    }
    .sm\:hover\:bg-surface-emphasis-default:hover {
        background-color: --bg-surface-emphasis
    }
    .sm\:hover\:bg-surface-emphasis-hover:hover {
        background-color: --bg-surface-emphasis-hover
    }
    .sm\:hover\:bg-surface-contrast-default:hover {
        background-color: --bg-surface-contrast
    }
    .sm\:hover\:bg-surface-contrast-hover:hover {
        background-color: --bg-surface-contrast-hover
    }
    .sm\:hover\:bg-surface-forced-dark:hover {
        background-color: var(--bg-surface-forced-dark)
    }
    .sm\:hover\:bg-status-danger-default:hover {
        background-color: var(--bg-status-danger)
    }
    .sm\:hover\:bg-status-danger-bold:hover {
        background-color: var(--bg-status-danger-bold)
    }
    .sm\:hover\:bg-status-danger-subtle:hover {
        background-color: var(--bg-status-danger-subtle)
    }
    .sm\:hover\:bg-status-pending-default:hover {
        background-color: var(--bg-status-pending)
    }
    .sm\:hover\:bg-status-pending-bold:hover {
        background-color: var(--bg-status-pending-bold)
    }
    .sm\:hover\:bg-status-pending-subtle:hover {
        background-color: var(--bg-status-pending-subtle)
    }
    .sm\:hover\:bg-status-success-default:hover {
        background-color: var(--bg-status-success)
    }
    .sm\:hover\:bg-status-success-bold:hover {
        background-color: var(--bg-status-success-bold)
    }
    .sm\:hover\:bg-status-success-subtle:hover {
        background-color: var(--bg-status-success-subtle)
    }
    .sm\:hover\:bg-status-active-default:hover {
        background-color: var(--bg-status-active)
    }
    .sm\:hover\:bg-status-active-bold:hover {
        background-color: var(--bg-status-active-bold)
    }
    .sm\:hover\:bg-status-active-subtle:hover {
        background-color: var(--bg-status-active-subtle)
    }
    .sm\:hover\:bg-status-plain-default:hover {
        background-color: var(--bg-status-plain)
    }
    .sm\:hover\:bg-status-plain-bold:hover {
        background-color: var(--bg-status-plain-bold)
    }
    .sm\:hover\:bg-status-plain-subtle:hover {
        background-color: var(--bg-status-plain-subtle)
    }
    .sm\:hover\:bg-button-primary:hover {
        background-color: var(--bg-button-primary)
    }
    .sm\:hover\:bg-button-danger:hover {
        background-color: var(--bg-button-danger)
    }
    .sm\:hover\:bg-button-success:hover {
        background-color: var(--bg-button-success)
    }
    .sm\:hover\:bg-button-oncolor:hover {
        background-color: var(--bg-button-oncolor)
    }
    .sm\:hover\:bg-button-hover-primary:hover {
        background-color: var(--bg-button-primary-hover)
    }
    .sm\:hover\:bg-button-hover-text:hover {
        background-color: var(--bg-button-text-hover)
    }
    .sm\:hover\:bg-button-hover-danger:hover {
        background-color: var(--bg-button-text-danger-hover)
    }
    .sm\:hover\:bg-button-hover-oncolor:hover {
        background-color: var(--bg-button-oncolor-hover)
    }
    .sm\:hover\:bg-button-hover-success-default:hover {
        background-color: var(--bg-button-success-hover)
    }
    .sm\:hover\:bg-button-hover-success-text:hover {
        background-color: var(--bg-button-text-success-hover)
    }
    .sm\:hover\:bg-decorative-purple-default:hover {
        background-color: var(--bg-decorative-purple)
    }
    .sm\:hover\:bg-decorative-purple-bold:hover {
        background-color: var(--bg-decorative-purple-bold)
    }
    .sm\:hover\:bg-decorative-purple-subtle:hover {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .sm\:hover\:bg-decorative-orange-bold:hover {
        background-color: var(--bg-decorative-orange-bold)
    }
    .sm\:hover\:bg-overlay-modal:hover {
        background-color: var(--bg-overlay-modal)
    }
    .sm\:hover\:bg-gradient-lineChart:hover {
        background-color: var(--bg-gradient-line-chart)
    }
    .sm\:hover\:bg-gradient-margin:hover {
        background-color: var(--bg-gradient-margin)
    }
    .sm\:hover\:bg-gradient-healthRainbow:hover {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .sm\:hover\:bg-gradient-promo-1:hover {
        background-color: var(--bg-gradient-promo-1)
    }
    .sm\:focus\:bg-app:focus {
        background-color: var(--bg-app)
    }
    .sm\:focus\:bg-surface-1-default:focus {
        background-color: var(--bg-surface-1)
    }
    .sm\:focus\:bg-surface-1-hover:focus {
        background-color: var(--bg-surface-1-hover)
    }
    .sm\:focus\:bg-surface-2-default:focus {
        background-color: var(--bg-surface-2)
    }
    .sm\:focus\:bg-surface-2-hover:focus {
        background-color: var(--bg-surface-2-hover)
    }
    .sm\:focus\:bg-surface-emphasis-default:focus {
        background-color: --bg-surface-emphasis
    }
    .sm\:focus\:bg-surface-emphasis-hover:focus {
        background-color: --bg-surface-emphasis-hover
    }
    .sm\:focus\:bg-surface-contrast-default:focus {
        background-color: --bg-surface-contrast
    }
    .sm\:focus\:bg-surface-contrast-hover:focus {
        background-color: --bg-surface-contrast-hover
    }
    .sm\:focus\:bg-surface-forced-dark:focus {
        background-color: var(--bg-surface-forced-dark)
    }
    .sm\:focus\:bg-status-danger-default:focus {
        background-color: var(--bg-status-danger)
    }
    .sm\:focus\:bg-status-danger-bold:focus {
        background-color: var(--bg-status-danger-bold)
    }
    .sm\:focus\:bg-status-danger-subtle:focus {
        background-color: var(--bg-status-danger-subtle)
    }
    .sm\:focus\:bg-status-pending-default:focus {
        background-color: var(--bg-status-pending)
    }
    .sm\:focus\:bg-status-pending-bold:focus {
        background-color: var(--bg-status-pending-bold)
    }
    .sm\:focus\:bg-status-pending-subtle:focus {
        background-color: var(--bg-status-pending-subtle)
    }
    .sm\:focus\:bg-status-success-default:focus {
        background-color: var(--bg-status-success)
    }
    .sm\:focus\:bg-status-success-bold:focus {
        background-color: var(--bg-status-success-bold)
    }
    .sm\:focus\:bg-status-success-subtle:focus {
        background-color: var(--bg-status-success-subtle)
    }
    .sm\:focus\:bg-status-active-default:focus {
        background-color: var(--bg-status-active)
    }
    .sm\:focus\:bg-status-active-bold:focus {
        background-color: var(--bg-status-active-bold)
    }
    .sm\:focus\:bg-status-active-subtle:focus {
        background-color: var(--bg-status-active-subtle)
    }
    .sm\:focus\:bg-status-plain-default:focus {
        background-color: var(--bg-status-plain)
    }
    .sm\:focus\:bg-status-plain-bold:focus {
        background-color: var(--bg-status-plain-bold)
    }
    .sm\:focus\:bg-status-plain-subtle:focus {
        background-color: var(--bg-status-plain-subtle)
    }
    .sm\:focus\:bg-button-primary:focus {
        background-color: var(--bg-button-primary)
    }
    .sm\:focus\:bg-button-danger:focus {
        background-color: var(--bg-button-danger)
    }
    .sm\:focus\:bg-button-success:focus {
        background-color: var(--bg-button-success)
    }
    .sm\:focus\:bg-button-oncolor:focus {
        background-color: var(--bg-button-oncolor)
    }
    .sm\:focus\:bg-button-hover-primary:focus {
        background-color: var(--bg-button-primary-hover)
    }
    .sm\:focus\:bg-button-hover-text:focus {
        background-color: var(--bg-button-text-hover)
    }
    .sm\:focus\:bg-button-hover-danger:focus {
        background-color: var(--bg-button-text-danger-hover)
    }
    .sm\:focus\:bg-button-hover-oncolor:focus {
        background-color: var(--bg-button-oncolor-hover)
    }
    .sm\:focus\:bg-button-hover-success-default:focus {
        background-color: var(--bg-button-success-hover)
    }
    .sm\:focus\:bg-button-hover-success-text:focus {
        background-color: var(--bg-button-text-success-hover)
    }
    .sm\:focus\:bg-decorative-purple-default:focus {
        background-color: var(--bg-decorative-purple)
    }
    .sm\:focus\:bg-decorative-purple-bold:focus {
        background-color: var(--bg-decorative-purple-bold)
    }
    .sm\:focus\:bg-decorative-purple-subtle:focus {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .sm\:focus\:bg-decorative-orange-bold:focus {
        background-color: var(--bg-decorative-orange-bold)
    }
    .sm\:focus\:bg-overlay-modal:focus {
        background-color: var(--bg-overlay-modal)
    }
    .sm\:focus\:bg-gradient-lineChart:focus {
        background-color: var(--bg-gradient-line-chart)
    }
    .sm\:focus\:bg-gradient-margin:focus {
        background-color: var(--bg-gradient-margin)
    }
    .sm\:focus\:bg-gradient-healthRainbow:focus {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .sm\:focus\:bg-gradient-promo-1:focus {
        background-color: var(--bg-gradient-promo-1)
    }
    .sm\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .sm\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .sm\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .sm\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .sm\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .sm\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .sm\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .sm\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .sm\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .sm\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .sm\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .sm\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .sm\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .sm\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .sm\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .group:hover .sm\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .group:hover .sm\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .group:hover .sm\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .group:hover .sm\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .group:hover .sm\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .group:hover .sm\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .group:hover .sm\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .group:hover .sm\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .group:hover .sm\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .group:hover .sm\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .group:hover .sm\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .group:hover .sm\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .group:hover .sm\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .group:hover .sm\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .group:hover .sm\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .sm\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }
    .sm\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }
    .sm\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }
    .sm\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }
    .sm\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }
    .sm\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }
    .sm\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }
    .sm\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }
    .sm\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }
    .sm\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }
    .sm\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }
    .sm\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }
    .sm\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }
    .sm\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }
    .sm\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }
    .sm\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }
    .sm\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }
    .sm\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }
    .sm\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }
    .sm\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }
    .sm\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }
    .sm\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }
    .sm\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }
    .sm\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }
    .sm\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }
    .sm\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }
    .sm\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }
    .sm\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }
    .sm\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }
    .sm\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }
    .sm\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }
    .sm\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }
    .sm\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }
    .sm\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }
    .sm\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }
    .sm\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }
    .sm\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }
    .sm\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }
    .sm\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }
    .sm\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }
    .sm\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }
    .sm\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }
    .sm\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }
    .sm\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }
    .sm\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }
    .sm\:bg-none {
        background-image: none
    }
    .sm\:bg-gradient-to-t {
        background-image: linear-gradient(0deg, var(--tw-gradient-stops))
    }
    .sm\:bg-gradient-to-tr {
        background-image: linear-gradient(to top right, var(--tw-gradient-stops))
    }
    .sm\:bg-gradient-to-r {
        background-image: linear-gradient(90deg, var(--tw-gradient-stops))
    }
    .sm\:bg-gradient-to-br {
        background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
    }
    .sm\:bg-gradient-to-b {
        background-image: linear-gradient(180deg, var(--tw-gradient-stops))
    }
    .sm\:bg-gradient-to-bl {
        background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
    }
    .sm\:bg-gradient-to-l {
        background-image: linear-gradient(270deg, var(--tw-gradient-stops))
    }
    .sm\:bg-gradient-to-tl {
        background-image: linear-gradient(to top left, var(--tw-gradient-stops))
    }
    .sm\:from-common-white {
        --tw-gradient-from: var(--common-white)
    }
    .sm\:from-common-tertiary,
    .sm\:from-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-common-tertiary {
        --tw-gradient-from: var(--common-tertiary)
    }
    .sm\:from-common-dark {
        --tw-gradient-from: var(--common-dark)
    }
    .sm\:from-common-dark,
    .sm\:from-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-scheme-primary {
        --tw-gradient-from: var(--common-primary)
    }
    .sm\:from-scheme-success {
        --tw-gradient-from: var(--text-success)
    }
    .sm\:from-scheme-success,
    .sm\:from-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-scheme-warning {
        --tw-gradient-from: var(--text-pending)
    }
    .sm\:from-scheme-danger {
        --tw-gradient-from: var(--text-danger)
    }
    .sm\:from-primary,
    .sm\:from-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-primary {
        --tw-gradient-from: var(--text-primary)
    }
    .sm\:from-secondary {
        --tw-gradient-from: var(--text-secondary)
    }
    .sm\:from-secondary,
    .sm\:from-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-tertiary {
        --tw-gradient-from: var(--text-tertiary)
    }
    .sm\:from-danger-default {
        --tw-gradient-from: var(--text-danger)
    }
    .sm\:from-danger-bold,
    .sm\:from-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-danger-bold {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .sm\:from-success-default {
        --tw-gradient-from: var(--text-success)
    }
    .sm\:from-success-bold,
    .sm\:from-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-success-bold {
        --tw-gradient-from: var(--text-success-bold)
    }
    .sm\:from-success-subtle {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .sm\:from-active-default,
    .sm\:from-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-active-default {
        --tw-gradient-from: var(--text-active)
    }
    .sm\:from-active-bold {
        --tw-gradient-from: var(--text-active-bold)
    }
    .sm\:from-active-bold,
    .sm\:from-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-pending-default {
        --tw-gradient-from: var(--text-pending)
    }
    .sm\:from-pending-bold {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .sm\:from-contrast-primary,
    .sm\:from-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-contrast-primary {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .sm\:from-contrast-secondary {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .sm\:from-contrast-secondary,
    .sm\:from-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-forced-tertiary {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .sm\:from-decorative-red {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .sm\:from-decorative-blue,
    .sm\:from-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-decorative-blue {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .sm\:from-decorative-yellow {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .sm\:from-decorative-grey,
    .sm\:from-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-decorative-grey {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .sm\:from-decorative-green {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .sm\:from-decorative-green,
    .sm\:from-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:from-decorative-purple-default {
        --tw-gradient-from: var(--text-decorative-purple)
    }
    .sm\:from-decorative-purple-bold {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .sm\:from-decorative-purple-bold,
    .sm\:hover\:from-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-common-white:hover {
        --tw-gradient-from: var(--common-white)
    }
    .sm\:hover\:from-common-tertiary:hover {
        --tw-gradient-from: var(--common-tertiary)
    }
    .sm\:hover\:from-common-dark:hover,
    .sm\:hover\:from-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-common-dark:hover {
        --tw-gradient-from: var(--common-dark)
    }
    .sm\:hover\:from-scheme-primary:hover {
        --tw-gradient-from: var(--common-primary)
    }
    .sm\:hover\:from-scheme-primary:hover,
    .sm\:hover\:from-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-scheme-success:hover {
        --tw-gradient-from: var(--text-success)
    }
    .sm\:hover\:from-scheme-warning:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .sm\:hover\:from-scheme-danger:hover,
    .sm\:hover\:from-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-scheme-danger:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .sm\:hover\:from-primary:hover {
        --tw-gradient-from: var(--text-primary)
    }
    .sm\:hover\:from-primary:hover,
    .sm\:hover\:from-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-secondary:hover {
        --tw-gradient-from: var(--text-secondary)
    }
    .sm\:hover\:from-tertiary:hover {
        --tw-gradient-from: var(--text-tertiary)
    }
    .sm\:hover\:from-danger-default:hover,
    .sm\:hover\:from-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-danger-default:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .sm\:hover\:from-danger-bold:hover {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .sm\:hover\:from-danger-bold:hover,
    .sm\:hover\:from-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-success-default:hover {
        --tw-gradient-from: var(--text-success)
    }
    .sm\:hover\:from-success-bold:hover {
        --tw-gradient-from: var(--text-success-bold)
    }
    .sm\:hover\:from-success-bold:hover,
    .sm\:hover\:from-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-success-subtle:hover {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .sm\:hover\:from-active-default:hover {
        --tw-gradient-from: var(--text-active)
    }
    .sm\:hover\:from-active-bold:hover,
    .sm\:hover\:from-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-active-bold:hover {
        --tw-gradient-from: var(--text-active-bold)
    }
    .sm\:hover\:from-pending-default:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .sm\:hover\:from-pending-bold:hover,
    .sm\:hover\:from-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-pending-bold:hover {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .sm\:hover\:from-contrast-primary:hover {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .sm\:hover\:from-contrast-primary:hover,
    .sm\:hover\:from-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-contrast-secondary:hover {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .sm\:hover\:from-forced-tertiary:hover {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .sm\:hover\:from-decorative-red:hover,
    .sm\:hover\:from-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-decorative-red:hover {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .sm\:hover\:from-decorative-blue:hover {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .sm\:hover\:from-decorative-blue:hover,
    .sm\:hover\:from-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-decorative-yellow:hover {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .sm\:hover\:from-decorative-grey:hover {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .sm\:hover\:from-decorative-green:hover,
    .sm\:hover\:from-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-decorative-green:hover {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .sm\:hover\:from-decorative-purple-default:hover {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .sm\:focus\:from-common-white:focus,
    .sm\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-common-white:focus {
        --tw-gradient-from: var(--common-white)
    }
    .sm\:focus\:from-common-tertiary:focus {
        --tw-gradient-from: var(--common-tertiary)
    }
    .sm\:focus\:from-common-dark:focus,
    .sm\:focus\:from-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-common-dark:focus {
        --tw-gradient-from: var(--common-dark)
    }
    .sm\:focus\:from-scheme-primary:focus {
        --tw-gradient-from: var(--common-primary)
    }
    .sm\:focus\:from-scheme-primary:focus,
    .sm\:focus\:from-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-scheme-success:focus {
        --tw-gradient-from: var(--text-success)
    }
    .sm\:focus\:from-scheme-warning:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .sm\:focus\:from-scheme-danger:focus,
    .sm\:focus\:from-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-scheme-danger:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .sm\:focus\:from-primary:focus {
        --tw-gradient-from: var(--text-primary)
    }
    .sm\:focus\:from-primary:focus,
    .sm\:focus\:from-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-secondary:focus {
        --tw-gradient-from: var(--text-secondary)
    }
    .sm\:focus\:from-tertiary:focus {
        --tw-gradient-from: var(--text-tertiary)
    }
    .sm\:focus\:from-danger-default:focus,
    .sm\:focus\:from-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-danger-default:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .sm\:focus\:from-danger-bold:focus {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .sm\:focus\:from-danger-bold:focus,
    .sm\:focus\:from-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-success-default:focus {
        --tw-gradient-from: var(--text-success)
    }
    .sm\:focus\:from-success-bold:focus {
        --tw-gradient-from: var(--text-success-bold)
    }
    .sm\:focus\:from-success-bold:focus,
    .sm\:focus\:from-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-success-subtle:focus {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .sm\:focus\:from-active-default:focus {
        --tw-gradient-from: var(--text-active)
    }
    .sm\:focus\:from-active-bold:focus,
    .sm\:focus\:from-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-active-bold:focus {
        --tw-gradient-from: var(--text-active-bold)
    }
    .sm\:focus\:from-pending-default:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .sm\:focus\:from-pending-bold:focus,
    .sm\:focus\:from-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-pending-bold:focus {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .sm\:focus\:from-contrast-primary:focus {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .sm\:focus\:from-contrast-primary:focus,
    .sm\:focus\:from-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-contrast-secondary:focus {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .sm\:focus\:from-forced-tertiary:focus {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .sm\:focus\:from-decorative-red:focus,
    .sm\:focus\:from-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-decorative-red:focus {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .sm\:focus\:from-decorative-blue:focus {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .sm\:focus\:from-decorative-blue:focus,
    .sm\:focus\:from-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-decorative-yellow:focus {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .sm\:focus\:from-decorative-grey:focus {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .sm\:focus\:from-decorative-green:focus,
    .sm\:focus\:from-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-decorative-green:focus {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .sm\:focus\:from-decorative-purple-default:focus {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:from-decorative-purple-bold:focus {
        --tw-gradient-from: var(--text-decorative-purple-bold);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-common-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-common-dark {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-scheme-success {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-danger-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-success-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-active-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-active-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-contrast-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-contrast-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-decorative-blue {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-decorative-grey {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-decorative-green {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:via-decorative-purple-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-common-dark:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-scheme-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-scheme-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-danger-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-danger-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-success-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-active-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-pending-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-contrast-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-decorative-red:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-decorative-blue:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-decorative-green:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-decorative-purple-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:hover\:via-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-common-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-common-dark:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-scheme-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-scheme-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-danger-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-danger-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-success-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-active-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-pending-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-contrast-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-decorative-red:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-decorative-blue:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-decorative-green:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-decorative-purple-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:focus\:via-decorative-purple-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .sm\:to-common-white {
        --tw-gradient-to: var(--common-white)
    }
    .sm\:to-common-tertiary {
        --tw-gradient-to: var(--common-tertiary)
    }
    .sm\:to-common-dark {
        --tw-gradient-to: var(--common-dark)
    }
    .sm\:to-scheme-primary {
        --tw-gradient-to: var(--common-primary)
    }
    .sm\:to-scheme-success {
        --tw-gradient-to: var(--text-success)
    }
    .sm\:to-scheme-warning {
        --tw-gradient-to: var(--text-pending)
    }
    .sm\:to-scheme-danger {
        --tw-gradient-to: var(--text-danger)
    }
    .sm\:to-primary {
        --tw-gradient-to: var(--text-primary)
    }
    .sm\:to-secondary {
        --tw-gradient-to: var(--text-secondary)
    }
    .sm\:to-tertiary {
        --tw-gradient-to: var(--text-tertiary)
    }
    .sm\:to-danger-default {
        --tw-gradient-to: var(--text-danger)
    }
    .sm\:to-danger-bold {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .sm\:to-success-default {
        --tw-gradient-to: var(--text-success)
    }
    .sm\:to-success-bold {
        --tw-gradient-to: var(--text-success-bold)
    }
    .sm\:to-success-subtle {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .sm\:to-active-default {
        --tw-gradient-to: var(--text-active)
    }
    .sm\:to-active-bold {
        --tw-gradient-to: var(--text-active-bold)
    }
    .sm\:to-pending-default {
        --tw-gradient-to: var(--text-pending)
    }
    .sm\:to-pending-bold {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .sm\:to-contrast-primary {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .sm\:to-contrast-secondary {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .sm\:to-forced-tertiary {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .sm\:to-decorative-red {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .sm\:to-decorative-blue {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .sm\:to-decorative-yellow {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .sm\:to-decorative-grey {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .sm\:to-decorative-green {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .sm\:to-decorative-purple-default {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .sm\:to-decorative-purple-bold {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .sm\:hover\:to-common-white:hover {
        --tw-gradient-to: var(--common-white)
    }
    .sm\:hover\:to-common-tertiary:hover {
        --tw-gradient-to: var(--common-tertiary)
    }
    .sm\:hover\:to-common-dark:hover {
        --tw-gradient-to: var(--common-dark)
    }
    .sm\:hover\:to-scheme-primary:hover {
        --tw-gradient-to: var(--common-primary)
    }
    .sm\:hover\:to-scheme-success:hover {
        --tw-gradient-to: var(--text-success)
    }
    .sm\:hover\:to-scheme-warning:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .sm\:hover\:to-scheme-danger:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .sm\:hover\:to-primary:hover {
        --tw-gradient-to: var(--text-primary)
    }
    .sm\:hover\:to-secondary:hover {
        --tw-gradient-to: var(--text-secondary)
    }
    .sm\:hover\:to-tertiary:hover {
        --tw-gradient-to: var(--text-tertiary)
    }
    .sm\:hover\:to-danger-default:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .sm\:hover\:to-danger-bold:hover {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .sm\:hover\:to-success-default:hover {
        --tw-gradient-to: var(--text-success)
    }
    .sm\:hover\:to-success-bold:hover {
        --tw-gradient-to: var(--text-success-bold)
    }
    .sm\:hover\:to-success-subtle:hover {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .sm\:hover\:to-active-default:hover {
        --tw-gradient-to: var(--text-active)
    }
    .sm\:hover\:to-active-bold:hover {
        --tw-gradient-to: var(--text-active-bold)
    }
    .sm\:hover\:to-pending-default:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .sm\:hover\:to-pending-bold:hover {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .sm\:hover\:to-contrast-primary:hover {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .sm\:hover\:to-contrast-secondary:hover {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .sm\:hover\:to-forced-tertiary:hover {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .sm\:hover\:to-decorative-red:hover {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .sm\:hover\:to-decorative-blue:hover {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .sm\:hover\:to-decorative-yellow:hover {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .sm\:hover\:to-decorative-grey:hover {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .sm\:hover\:to-decorative-green:hover {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .sm\:hover\:to-decorative-purple-default:hover {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .sm\:hover\:to-decorative-purple-bold:hover {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .sm\:focus\:to-common-white:focus {
        --tw-gradient-to: var(--common-white)
    }
    .sm\:focus\:to-common-tertiary:focus {
        --tw-gradient-to: var(--common-tertiary)
    }
    .sm\:focus\:to-common-dark:focus {
        --tw-gradient-to: var(--common-dark)
    }
    .sm\:focus\:to-scheme-primary:focus {
        --tw-gradient-to: var(--common-primary)
    }
    .sm\:focus\:to-scheme-success:focus {
        --tw-gradient-to: var(--text-success)
    }
    .sm\:focus\:to-scheme-warning:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .sm\:focus\:to-scheme-danger:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .sm\:focus\:to-primary:focus {
        --tw-gradient-to: var(--text-primary)
    }
    .sm\:focus\:to-secondary:focus {
        --tw-gradient-to: var(--text-secondary)
    }
    .sm\:focus\:to-tertiary:focus {
        --tw-gradient-to: var(--text-tertiary)
    }
    .sm\:focus\:to-danger-default:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .sm\:focus\:to-danger-bold:focus {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .sm\:focus\:to-success-default:focus {
        --tw-gradient-to: var(--text-success)
    }
    .sm\:focus\:to-success-bold:focus {
        --tw-gradient-to: var(--text-success-bold)
    }
    .sm\:focus\:to-success-subtle:focus {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .sm\:focus\:to-active-default:focus {
        --tw-gradient-to: var(--text-active)
    }
    .sm\:focus\:to-active-bold:focus {
        --tw-gradient-to: var(--text-active-bold)
    }
    .sm\:focus\:to-pending-default:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .sm\:focus\:to-pending-bold:focus {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .sm\:focus\:to-contrast-primary:focus {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .sm\:focus\:to-contrast-secondary:focus {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .sm\:focus\:to-forced-tertiary:focus {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .sm\:focus\:to-decorative-red:focus {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .sm\:focus\:to-decorative-blue:focus {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .sm\:focus\:to-decorative-yellow:focus {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .sm\:focus\:to-decorative-grey:focus {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .sm\:focus\:to-decorative-green:focus {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .sm\:focus\:to-decorative-purple-default:focus {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .sm\:focus\:to-decorative-purple-bold:focus {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .sm\:decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice
    }
    .sm\:decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
    .sm\:bg-auto {
        background-size: auto
    }
    .sm\:bg-cover {
        background-size: cover
    }
    .sm\:bg-contain {
        background-size: contain
    }
    .sm\:bg-fixed {
        background-attachment: fixed
    }
    .sm\:bg-local {
        background-attachment: local
    }
    .sm\:bg-scroll {
        background-attachment: scroll
    }
    .sm\:bg-clip-border {
        background-clip: border-box
    }
    .sm\:bg-clip-padding {
        background-clip: padding-box
    }
    .sm\:bg-clip-content {
        background-clip: content-box
    }
    .sm\:bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }
    .sm\:bg-bottom {
        background-position: bottom
    }
    .sm\:bg-center {
        background-position: 50%
    }
    .sm\:bg-left {
        background-position: 0
    }
    .sm\:bg-left-bottom {
        background-position: 0 100%
    }
    .sm\:bg-left-top {
        background-position: 0 0
    }
    .sm\:bg-right {
        background-position: 100%
    }
    .sm\:bg-right-bottom {
        background-position: 100% 100%
    }
    .sm\:bg-right-top {
        background-position: 100% 0
    }
    .sm\:bg-top {
        background-position: top
    }
    .sm\:bg-repeat {
        background-repeat: repeat
    }
    .sm\:bg-no-repeat {
        background-repeat: no-repeat
    }
    .sm\:bg-repeat-x {
        background-repeat: repeat-x
    }
    .sm\:bg-repeat-y {
        background-repeat: repeat-y
    }
    .sm\:bg-repeat-round {
        background-repeat: round
    }
    .sm\:bg-repeat-space {
        background-repeat: space
    }
    .sm\:bg-origin-border {
        background-origin: border-box
    }
    .sm\:bg-origin-padding {
        background-origin: padding-box
    }
    .sm\:bg-origin-content {
        background-origin: content-box
    }
    .sm\:fill-current {
        fill: currentColor
    }
    .sm\:stroke-current {
        stroke: currentColor
    }
    .sm\:stroke-0 {
        stroke-width: 0
    }
    .sm\:stroke-1 {
        stroke-width: 1
    }
    .sm\:stroke-2 {
        stroke-width: 2
    }
    .sm\:object-contain {
        object-fit: contain
    }
    .sm\:object-cover {
        object-fit: cover
    }
    .sm\:object-fill {
        object-fit: fill
    }
    .sm\:object-none {
        object-fit: none
    }
    .sm\:object-scale-down {
        object-fit: scale-down
    }
    .sm\:object-bottom {
        object-position: bottom
    }
    .sm\:object-center {
        object-position: center
    }
    .sm\:object-left {
        object-position: left
    }
    .sm\:object-left-bottom {
        object-position: left bottom
    }
    .sm\:object-left-top {
        object-position: left top
    }
    .sm\:object-right {
        object-position: right
    }
    .sm\:object-right-bottom {
        object-position: right bottom
    }
    .sm\:object-right-top {
        object-position: right top
    }
    .sm\:object-top {
        object-position: top
    }
    .sm\:p-0 {
        padding: 0
    }
    .sm\:p-2 {
        padding: var(--space-5xs)
    }
    .sm\:p-4 {
        padding: var(--space-4xs)
    }
    .sm\:p-6 {
        padding: var(--space-3xs)
    }
    .sm\:p-8 {
        padding: var(--space-2xs)
    }
    .sm\:p-12 {
        padding: var(--space-xs)
    }
    .sm\:p-16 {
        padding: var(--space-sm)
    }
    .sm\:p-20 {
        padding: var(--space-md)
    }
    .sm\:p-24 {
        padding: var(--space-lg)
    }
    .sm\:p-32 {
        padding: var(--space-xl)
    }
    .sm\:p-40 {
        padding: var(--space-2xl)
    }
    .sm\:p-48 {
        padding: var(--space-3xl)
    }
    .sm\:p-80 {
        padding: var(--space-4xl)
    }
    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .sm\:px-2 {
        padding-left: var(--space-5xs);
        padding-right: var(--space-5xs)
    }
    .sm\:px-4 {
        padding-left: var(--space-4xs);
        padding-right: var(--space-4xs)
    }
    .sm\:px-6 {
        padding-left: var(--space-3xs);
        padding-right: var(--space-3xs)
    }
    .sm\:px-8 {
        padding-left: var(--space-2xs);
        padding-right: var(--space-2xs)
    }
    .sm\:px-12 {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }
    .sm\:px-16 {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }
    .sm\:px-20 {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }
    .sm\:px-24 {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }
    .sm\:px-32 {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }
    .sm\:px-40 {
        padding-left: var(--space-2xl);
        padding-right: var(--space-2xl)
    }
    .sm\:px-48 {
        padding-left: var(--space-3xl);
        padding-right: var(--space-3xl)
    }
    .sm\:px-80 {
        padding-left: var(--space-4xl);
        padding-right: var(--space-4xl)
    }
    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .sm\:py-2 {
        padding-top: var(--space-5xs);
        padding-bottom: var(--space-5xs)
    }
    .sm\:py-4 {
        padding-top: var(--space-4xs);
        padding-bottom: var(--space-4xs)
    }
    .sm\:py-6 {
        padding-top: var(--space-3xs);
        padding-bottom: var(--space-3xs)
    }
    .sm\:py-8 {
        padding-top: var(--space-2xs);
        padding-bottom: var(--space-2xs)
    }
    .sm\:py-12 {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }
    .sm\:py-16 {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }
    .sm\:py-20 {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }
    .sm\:py-24 {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }
    .sm\:py-32 {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }
    .sm\:py-40 {
        padding-top: var(--space-2xl);
        padding-bottom: var(--space-2xl)
    }
    .sm\:py-48 {
        padding-top: var(--space-3xl);
        padding-bottom: var(--space-3xl)
    }
    .sm\:py-80 {
        padding-top: var(--space-4xl);
        padding-bottom: var(--space-4xl)
    }
    .sm\:pt-0 {
        padding-top: 0
    }
    .sm\:pt-2 {
        padding-top: var(--space-5xs)
    }
    .sm\:pt-4 {
        padding-top: var(--space-4xs)
    }
    .sm\:pt-6 {
        padding-top: var(--space-3xs)
    }
    .sm\:pt-8 {
        padding-top: var(--space-2xs)
    }
    .sm\:pt-12 {
        padding-top: var(--space-xs)
    }
    .sm\:pt-16 {
        padding-top: var(--space-sm)
    }
    .sm\:pt-20 {
        padding-top: var(--space-md)
    }
    .sm\:pt-24 {
        padding-top: var(--space-lg)
    }
    .sm\:pt-32 {
        padding-top: var(--space-xl)
    }
    .sm\:pt-40 {
        padding-top: var(--space-2xl)
    }
    .sm\:pt-48 {
        padding-top: var(--space-3xl)
    }
    .sm\:pt-80 {
        padding-top: var(--space-4xl)
    }
    .sm\:pr-0 {
        padding-right: 0
    }
    .sm\:pr-2 {
        padding-right: var(--space-5xs)
    }
    .sm\:pr-4 {
        padding-right: var(--space-4xs)
    }
    .sm\:pr-6 {
        padding-right: var(--space-3xs)
    }
    .sm\:pr-8 {
        padding-right: var(--space-2xs)
    }
    .sm\:pr-12 {
        padding-right: var(--space-xs)
    }
    .sm\:pr-16 {
        padding-right: var(--space-sm)
    }
    .sm\:pr-20 {
        padding-right: var(--space-md)
    }
    .sm\:pr-24 {
        padding-right: var(--space-lg)
    }
    .sm\:pr-32 {
        padding-right: var(--space-xl)
    }
    .sm\:pr-40 {
        padding-right: var(--space-2xl)
    }
    .sm\:pr-48 {
        padding-right: var(--space-3xl)
    }
    .sm\:pr-80 {
        padding-right: var(--space-4xl)
    }
    .sm\:pb-0 {
        padding-bottom: 0
    }
    .sm\:pb-2 {
        padding-bottom: var(--space-5xs)
    }
    .sm\:pb-4 {
        padding-bottom: var(--space-4xs)
    }
    .sm\:pb-6 {
        padding-bottom: var(--space-3xs)
    }
    .sm\:pb-8 {
        padding-bottom: var(--space-2xs)
    }
    .sm\:pb-12 {
        padding-bottom: var(--space-xs)
    }
    .sm\:pb-16 {
        padding-bottom: var(--space-sm)
    }
    .sm\:pb-20 {
        padding-bottom: var(--space-md)
    }
    .sm\:pb-24 {
        padding-bottom: var(--space-lg)
    }
    .sm\:pb-32 {
        padding-bottom: var(--space-xl)
    }
    .sm\:pb-40 {
        padding-bottom: var(--space-2xl)
    }
    .sm\:pb-48 {
        padding-bottom: var(--space-3xl)
    }
    .sm\:pb-80 {
        padding-bottom: var(--space-4xl)
    }
    .sm\:pl-0 {
        padding-left: 0
    }
    .sm\:pl-2 {
        padding-left: var(--space-5xs)
    }
    .sm\:pl-4 {
        padding-left: var(--space-4xs)
    }
    .sm\:pl-6 {
        padding-left: var(--space-3xs)
    }
    .sm\:pl-8 {
        padding-left: var(--space-2xs)
    }
    .sm\:pl-12 {
        padding-left: var(--space-xs)
    }
    .sm\:pl-16 {
        padding-left: var(--space-sm)
    }
    .sm\:pl-20 {
        padding-left: var(--space-md)
    }
    .sm\:pl-24 {
        padding-left: var(--space-lg)
    }
    .sm\:pl-32 {
        padding-left: var(--space-xl)
    }
    .sm\:pl-40 {
        padding-left: var(--space-2xl)
    }
    .sm\:pl-48 {
        padding-left: var(--space-3xl)
    }
    .sm\:pl-80 {
        padding-left: var(--space-4xl)
    }
    .sm\:text-left {
        text-align: left
    }
    .sm\:text-center {
        text-align: center
    }
    .sm\:text-right {
        text-align: right
    }
    .sm\:text-justify {
        text-align: justify
    }
    .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\:font-sans {
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }
    .sm\:font-serif {
        font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
    }
    .sm\:font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }
    .sm\:text-7xl {
        font-size: 72px
    }
    .sm\:text-6xl {
        font-size: 48px
    }
    .sm\:text-5xl {
        font-size: 40px
    }
    .sm\:text-4xl {
        font-size: 32px
    }
    .sm\:text-3xl {
        font-size: 24px
    }
    .sm\:text-2xl {
        font-size: 20px
    }
    .sm\:text-xl {
        font-size: 18px
    }
    .sm\:text-lg {
        font-size: 16px
    }
    .sm\:text-md {
        font-size: 14px
    }
    .sm\:text-sm {
        font-size: 12px
    }
    .sm\:text-xs {
        font-size: 10px
    }
    .sm\:font-normal {
        font-weight: 400
    }
    .sm\:font-medium {
        font-weight: 500
    }
    .sm\:font-semibold {
        font-weight: 600
    }
    .sm\:font-bold {
        font-weight: 700
    }
    .sm\:uppercase {
        text-transform: uppercase
    }
    .sm\:lowercase {
        text-transform: lowercase
    }
    .sm\:capitalize {
        text-transform: capitalize
    }
    .sm\:normal-case {
        text-transform: none
    }
    .sm\:italic {
        font-style: italic
    }
    .sm\:not-italic {
        font-style: normal
    }
    .sm\:diagonal-fractions,
    .sm\:lining-nums,
    .sm\:oldstyle-nums,
    .sm\:ordinal,
    .sm\:proportional-nums,
    .sm\:slashed-zero,
    .sm\:stacked-fractions,
    .sm\:tabular-nums {
        --tw-ordinal: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-slashed-zero: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-figure: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-spacing: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-fraction: var(--tw-empty, /*!*/
        /*!*/
        );
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
    }
    .sm\:normal-nums {
        font-variant-numeric: normal
    }
    .sm\:ordinal {
        --tw-ordinal: ordinal
    }
    .sm\:slashed-zero {
        --tw-slashed-zero: slashed-zero
    }
    .sm\:lining-nums {
        --tw-numeric-figure: lining-nums
    }
    .sm\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums
    }
    .sm\:proportional-nums {
        --tw-numeric-spacing: proportional-nums
    }
    .sm\:tabular-nums {
        --tw-numeric-spacing: tabular-nums
    }
    .sm\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions
    }
    .sm\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions
    }
    .sm\:leading-1 {
        line-height: 12px
    }
    .sm\:leading-2 {
        line-height: 14px
    }
    .sm\:leading-3 {
        line-height: 16px
    }
    .sm\:leading-4 {
        line-height: 20px
    }
    .sm\:leading-5 {
        line-height: 24px
    }
    .sm\:leading-6 {
        line-height: 32px
    }
    .sm\:leading-7 {
        line-height: 40px
    }
    .sm\:leading-8 {
        line-height: 48px
    }
    .sm\:leading-9 {
        line-height: 56px
    }
    .sm\:leading-10 {
        line-height: 80px
    }
    .sm\:tracking-tighter {
        letter-spacing: -.05em
    }
    .sm\:tracking-tight {
        letter-spacing: -.025em
    }
    .sm\:tracking-normal {
        letter-spacing: 0
    }
    .sm\:tracking-wide {
        letter-spacing: .025em
    }
    .sm\:tracking-wider {
        letter-spacing: .05em
    }
    .sm\:tracking-widest {
        letter-spacing: .1em
    }
    .sm\:text-common-white {
        color: var(--common-white)
    }
    .sm\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .sm\:text-common-dark {
        color: var(--common-dark)
    }
    .sm\:text-scheme-primary {
        color: var(--common-primary)
    }
    .sm\:text-scheme-success {
        color: var(--text-success)
    }
    .sm\:text-scheme-warning {
        color: var(--text-pending)
    }
    .sm\:text-scheme-danger {
        color: var(--text-danger)
    }
    .sm\:text-primary {
        color: var(--text-primary)
    }
    .sm\:text-secondary {
        color: var(--text-secondary)
    }
    .sm\:text-tertiary {
        color: var(--text-tertiary)
    }
    .sm\:text-danger-default {
        color: var(--text-danger)
    }
    .sm\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .sm\:text-success-default {
        color: var(--text-success)
    }
    .sm\:text-success-bold {
        color: var(--text-success-bold)
    }
    .sm\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .sm\:text-active-default {
        color: var(--text-active)
    }
    .sm\:text-active-bold {
        color: var(--text-active-bold)
    }
    .sm\:text-pending-default {
        color: var(--text-pending)
    }
    .sm\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .sm\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .sm\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .sm\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .sm\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .sm\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .sm\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .sm\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .sm\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .sm\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .sm\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .group:hover .sm\:group-hover\:text-common-white {
        color: var(--common-white)
    }
    .group:hover .sm\:group-hover\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .group:hover .sm\:group-hover\:text-common-dark {
        color: var(--common-dark)
    }
    .group:hover .sm\:group-hover\:text-scheme-primary {
        color: var(--common-primary)
    }
    .group:hover .sm\:group-hover\:text-scheme-success {
        color: var(--text-success)
    }
    .group:hover .sm\:group-hover\:text-scheme-warning {
        color: var(--text-pending)
    }
    .group:hover .sm\:group-hover\:text-scheme-danger {
        color: var(--text-danger)
    }
    .group:hover .sm\:group-hover\:text-primary {
        color: var(--text-primary)
    }
    .group:hover .sm\:group-hover\:text-secondary {
        color: var(--text-secondary)
    }
    .group:hover .sm\:group-hover\:text-tertiary {
        color: var(--text-tertiary)
    }
    .group:hover .sm\:group-hover\:text-danger-default {
        color: var(--text-danger)
    }
    .group:hover .sm\:group-hover\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .group:hover .sm\:group-hover\:text-success-default {
        color: var(--text-success)
    }
    .group:hover .sm\:group-hover\:text-success-bold {
        color: var(--text-success-bold)
    }
    .group:hover .sm\:group-hover\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .group:hover .sm\:group-hover\:text-active-default {
        color: var(--text-active)
    }
    .group:hover .sm\:group-hover\:text-active-bold {
        color: var(--text-active-bold)
    }
    .group:hover .sm\:group-hover\:text-pending-default {
        color: var(--text-pending)
    }
    .group:hover .sm\:group-hover\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .group:hover .sm\:group-hover\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .group:hover .sm\:group-hover\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .group:hover .sm\:group-hover\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .group:hover .sm\:group-hover\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .group:hover .sm\:group-hover\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .group:hover .sm\:group-hover\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .group:hover .sm\:group-hover\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .group:hover .sm\:group-hover\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .group:hover .sm\:group-hover\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .group:hover .sm\:group-hover\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .sm\:focus-within\:text-common-white:focus-within {
        color: var(--common-white)
    }
    .sm\:focus-within\:text-common-tertiary:focus-within {
        color: var(--common-tertiary)
    }
    .sm\:focus-within\:text-common-dark:focus-within {
        color: var(--common-dark)
    }
    .sm\:focus-within\:text-scheme-primary:focus-within {
        color: var(--common-primary)
    }
    .sm\:focus-within\:text-scheme-success:focus-within {
        color: var(--text-success)
    }
    .sm\:focus-within\:text-scheme-warning:focus-within {
        color: var(--text-pending)
    }
    .sm\:focus-within\:text-scheme-danger:focus-within {
        color: var(--text-danger)
    }
    .sm\:focus-within\:text-primary:focus-within {
        color: var(--text-primary)
    }
    .sm\:focus-within\:text-secondary:focus-within {
        color: var(--text-secondary)
    }
    .sm\:focus-within\:text-tertiary:focus-within {
        color: var(--text-tertiary)
    }
    .sm\:focus-within\:text-danger-default:focus-within {
        color: var(--text-danger)
    }
    .sm\:focus-within\:text-danger-bold:focus-within {
        color: var(--text-danger-bold)
    }
    .sm\:focus-within\:text-success-default:focus-within {
        color: var(--text-success)
    }
    .sm\:focus-within\:text-success-bold:focus-within {
        color: var(--text-success-bold)
    }
    .sm\:focus-within\:text-success-subtle:focus-within {
        color: var(--text-success-subtle)
    }
    .sm\:focus-within\:text-active-default:focus-within {
        color: var(--text-active)
    }
    .sm\:focus-within\:text-active-bold:focus-within {
        color: var(--text-active-bold)
    }
    .sm\:focus-within\:text-pending-default:focus-within {
        color: var(--text-pending)
    }
    .sm\:focus-within\:text-pending-bold:focus-within {
        color: var(--text-pending-bold)
    }
    .sm\:focus-within\:text-contrast-primary:focus-within {
        color: var(--text-contrast-primary)
    }
    .sm\:focus-within\:text-contrast-secondary:focus-within {
        color: var(--text-contrast-secondary)
    }
    .sm\:focus-within\:text-forced-tertiary:focus-within {
        color: var(--text-forced-tertiary)
    }
    .sm\:focus-within\:text-decorative-red:focus-within {
        color: var(--text-decorative-red)
    }
    .sm\:focus-within\:text-decorative-blue:focus-within {
        color: var(--text-decorative-blue)
    }
    .sm\:focus-within\:text-decorative-yellow:focus-within {
        color: var(--text-decorative-yellow)
    }
    .sm\:focus-within\:text-decorative-grey:focus-within {
        color: var(--text-decorative-grey)
    }
    .sm\:focus-within\:text-decorative-green:focus-within {
        color: var(--text-decorative-green)
    }
    .sm\:focus-within\:text-decorative-purple-default:focus-within {
        color: var(--text-decorative-purple)
    }
    .sm\:focus-within\:text-decorative-purple-bold:focus-within {
        color: var(--text-decorative-purple-bold)
    }
    .sm\:hover\:text-common-white:hover {
        color: var(--common-white)
    }
    .sm\:hover\:text-common-tertiary:hover {
        color: var(--common-tertiary)
    }
    .sm\:hover\:text-common-dark:hover {
        color: var(--common-dark)
    }
    .sm\:hover\:text-scheme-primary:hover {
        color: var(--common-primary)
    }
    .sm\:hover\:text-scheme-success:hover {
        color: var(--text-success)
    }
    .sm\:hover\:text-scheme-warning:hover {
        color: var(--text-pending)
    }
    .sm\:hover\:text-scheme-danger:hover {
        color: var(--text-danger)
    }
    .sm\:hover\:text-primary:hover {
        color: var(--text-primary)
    }
    .sm\:hover\:text-secondary:hover {
        color: var(--text-secondary)
    }
    .sm\:hover\:text-tertiary:hover {
        color: var(--text-tertiary)
    }
    .sm\:hover\:text-danger-default:hover {
        color: var(--text-danger)
    }
    .sm\:hover\:text-danger-bold:hover {
        color: var(--text-danger-bold)
    }
    .sm\:hover\:text-success-default:hover {
        color: var(--text-success)
    }
    .sm\:hover\:text-success-bold:hover {
        color: var(--text-success-bold)
    }
    .sm\:hover\:text-success-subtle:hover {
        color: var(--text-success-subtle)
    }
    .sm\:hover\:text-active-default:hover {
        color: var(--text-active)
    }
    .sm\:hover\:text-active-bold:hover {
        color: var(--text-active-bold)
    }
    .sm\:hover\:text-pending-default:hover {
        color: var(--text-pending)
    }
    .sm\:hover\:text-pending-bold:hover {
        color: var(--text-pending-bold)
    }
    .sm\:hover\:text-contrast-primary:hover {
        color: var(--text-contrast-primary)
    }
    .sm\:hover\:text-contrast-secondary:hover {
        color: var(--text-contrast-secondary)
    }
    .sm\:hover\:text-forced-tertiary:hover {
        color: var(--text-forced-tertiary)
    }
    .sm\:hover\:text-decorative-red:hover {
        color: var(--text-decorative-red)
    }
    .sm\:hover\:text-decorative-blue:hover {
        color: var(--text-decorative-blue)
    }
    .sm\:hover\:text-decorative-yellow:hover {
        color: var(--text-decorative-yellow)
    }
    .sm\:hover\:text-decorative-grey:hover {
        color: var(--text-decorative-grey)
    }
    .sm\:hover\:text-decorative-green:hover {
        color: var(--text-decorative-green)
    }
    .sm\:hover\:text-decorative-purple-default:hover {
        color: var(--text-decorative-purple)
    }
    .sm\:hover\:text-decorative-purple-bold:hover {
        color: var(--text-decorative-purple-bold)
    }
    .sm\:focus\:text-common-white:focus {
        color: var(--common-white)
    }
    .sm\:focus\:text-common-tertiary:focus {
        color: var(--common-tertiary)
    }
    .sm\:focus\:text-common-dark:focus {
        color: var(--common-dark)
    }
    .sm\:focus\:text-scheme-primary:focus {
        color: var(--common-primary)
    }
    .sm\:focus\:text-scheme-success:focus {
        color: var(--text-success)
    }
    .sm\:focus\:text-scheme-warning:focus {
        color: var(--text-pending)
    }
    .sm\:focus\:text-scheme-danger:focus {
        color: var(--text-danger)
    }
    .sm\:focus\:text-primary:focus {
        color: var(--text-primary)
    }
    .sm\:focus\:text-secondary:focus {
        color: var(--text-secondary)
    }
    .sm\:focus\:text-tertiary:focus {
        color: var(--text-tertiary)
    }
    .sm\:focus\:text-danger-default:focus {
        color: var(--text-danger)
    }
    .sm\:focus\:text-danger-bold:focus {
        color: var(--text-danger-bold)
    }
    .sm\:focus\:text-success-default:focus {
        color: var(--text-success)
    }
    .sm\:focus\:text-success-bold:focus {
        color: var(--text-success-bold)
    }
    .sm\:focus\:text-success-subtle:focus {
        color: var(--text-success-subtle)
    }
    .sm\:focus\:text-active-default:focus {
        color: var(--text-active)
    }
    .sm\:focus\:text-active-bold:focus {
        color: var(--text-active-bold)
    }
    .sm\:focus\:text-pending-default:focus {
        color: var(--text-pending)
    }
    .sm\:focus\:text-pending-bold:focus {
        color: var(--text-pending-bold)
    }
    .sm\:focus\:text-contrast-primary:focus {
        color: var(--text-contrast-primary)
    }
    .sm\:focus\:text-contrast-secondary:focus {
        color: var(--text-contrast-secondary)
    }
    .sm\:focus\:text-forced-tertiary:focus {
        color: var(--text-forced-tertiary)
    }
    .sm\:focus\:text-decorative-red:focus {
        color: var(--text-decorative-red)
    }
    .sm\:focus\:text-decorative-blue:focus {
        color: var(--text-decorative-blue)
    }
    .sm\:focus\:text-decorative-yellow:focus {
        color: var(--text-decorative-yellow)
    }
    .sm\:focus\:text-decorative-grey:focus {
        color: var(--text-decorative-grey)
    }
    .sm\:focus\:text-decorative-green:focus {
        color: var(--text-decorative-green)
    }
    .sm\:focus\:text-decorative-purple-default:focus {
        color: var(--text-decorative-purple)
    }
    .sm\:focus\:text-decorative-purple-bold:focus {
        color: var(--text-decorative-purple-bold)
    }
    .sm\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .sm\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .sm\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .sm\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .sm\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .sm\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .sm\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .sm\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .sm\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .sm\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .sm\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .sm\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .sm\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .sm\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .sm\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .group:hover .sm\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .group:hover .sm\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .group:hover .sm\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .group:hover .sm\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .group:hover .sm\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .group:hover .sm\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .group:hover .sm\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .group:hover .sm\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .group:hover .sm\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .group:hover .sm\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .group:hover .sm\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .group:hover .sm\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .group:hover .sm\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .group:hover .sm\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .group:hover .sm\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .sm\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }
    .sm\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }
    .sm\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }
    .sm\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }
    .sm\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }
    .sm\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }
    .sm\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }
    .sm\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }
    .sm\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }
    .sm\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }
    .sm\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }
    .sm\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }
    .sm\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }
    .sm\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }
    .sm\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }
    .sm\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }
    .sm\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }
    .sm\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }
    .sm\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }
    .sm\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }
    .sm\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }
    .sm\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }
    .sm\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }
    .sm\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }
    .sm\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }
    .sm\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }
    .sm\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }
    .sm\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }
    .sm\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }
    .sm\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }
    .sm\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }
    .sm\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }
    .sm\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }
    .sm\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }
    .sm\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }
    .sm\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }
    .sm\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }
    .sm\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }
    .sm\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }
    .sm\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }
    .sm\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }
    .sm\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }
    .sm\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }
    .sm\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }
    .sm\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }
    .sm\:underline {
        text-decoration: underline
    }
    .sm\:line-through {
        text-decoration: line-through
    }
    .sm\:no-underline {
        text-decoration: none
    }
    .group:hover .sm\:group-hover\:underline {
        text-decoration: underline
    }
    .group:hover .sm\:group-hover\:line-through {
        text-decoration: line-through
    }
    .group:hover .sm\:group-hover\:no-underline {
        text-decoration: none
    }
    .sm\:focus-within\:underline:focus-within {
        text-decoration: underline
    }
    .sm\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }
    .sm\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }
    .sm\:hover\:underline:hover {
        text-decoration: underline
    }
    .sm\:hover\:line-through:hover {
        text-decoration: line-through
    }
    .sm\:hover\:no-underline:hover {
        text-decoration: none
    }
    .sm\:focus\:underline:focus {
        text-decoration: underline
    }
    .sm\:focus\:line-through:focus {
        text-decoration: line-through
    }
    .sm\:focus\:no-underline:focus {
        text-decoration: none
    }
    .sm\:antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .sm\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
    .sm\:placeholder-common-white::placeholder {
        color: var(--common-white)
    }
    .sm\:placeholder-common-tertiary::placeholder {
        color: var(--common-tertiary)
    }
    .sm\:placeholder-common-dark::placeholder {
        color: var(--common-dark)
    }
    .sm\:placeholder-scheme-primary::placeholder {
        color: var(--common-primary)
    }
    .sm\:placeholder-scheme-success::placeholder {
        color: var(--text-success)
    }
    .sm\:placeholder-scheme-warning::placeholder {
        color: var(--text-pending)
    }
    .sm\:placeholder-scheme-danger::placeholder {
        color: var(--text-danger)
    }
    .sm\:placeholder-primary::placeholder {
        color: var(--text-primary)
    }
    .sm\:placeholder-secondary::placeholder {
        color: var(--text-secondary)
    }
    .sm\:placeholder-tertiary::placeholder {
        color: var(--text-tertiary)
    }
    .sm\:placeholder-danger-default::placeholder {
        color: var(--text-danger)
    }
    .sm\:placeholder-danger-bold::placeholder {
        color: var(--text-danger-bold)
    }
    .sm\:placeholder-success-default::placeholder {
        color: var(--text-success)
    }
    .sm\:placeholder-success-bold::placeholder {
        color: var(--text-success-bold)
    }
    .sm\:placeholder-success-subtle::placeholder {
        color: var(--text-success-subtle)
    }
    .sm\:placeholder-active-default::placeholder {
        color: var(--text-active)
    }
    .sm\:placeholder-active-bold::placeholder {
        color: var(--text-active-bold)
    }
    .sm\:placeholder-pending-default::placeholder {
        color: var(--text-pending)
    }
    .sm\:placeholder-pending-bold::placeholder {
        color: var(--text-pending-bold)
    }
    .sm\:placeholder-contrast-primary::placeholder {
        color: var(--text-contrast-primary)
    }
    .sm\:placeholder-contrast-secondary::placeholder {
        color: var(--text-contrast-secondary)
    }
    .sm\:placeholder-forced-tertiary::placeholder {
        color: var(--text-forced-tertiary)
    }
    .sm\:placeholder-decorative-red::placeholder {
        color: var(--text-decorative-red)
    }
    .sm\:placeholder-decorative-blue::placeholder {
        color: var(--text-decorative-blue)
    }
    .sm\:placeholder-decorative-yellow::placeholder {
        color: var(--text-decorative-yellow)
    }
    .sm\:placeholder-decorative-grey::placeholder {
        color: var(--text-decorative-grey)
    }
    .sm\:placeholder-decorative-green::placeholder {
        color: var(--text-decorative-green)
    }
    .sm\:placeholder-decorative-purple-default::placeholder {
        color: var(--text-decorative-purple)
    }
    .sm\:placeholder-decorative-purple-bold::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .sm\:focus\:placeholder-common-white:focus::placeholder {
        color: var(--common-white)
    }
    .sm\:focus\:placeholder-common-tertiary:focus::placeholder {
        color: var(--common-tertiary)
    }
    .sm\:focus\:placeholder-common-dark:focus::placeholder {
        color: var(--common-dark)
    }
    .sm\:focus\:placeholder-scheme-primary:focus::placeholder {
        color: var(--common-primary)
    }
    .sm\:focus\:placeholder-scheme-success:focus::placeholder {
        color: var(--text-success)
    }
    .sm\:focus\:placeholder-scheme-warning:focus::placeholder {
        color: var(--text-pending)
    }
    .sm\:focus\:placeholder-scheme-danger:focus::placeholder {
        color: var(--text-danger)
    }
    .sm\:focus\:placeholder-primary:focus::placeholder {
        color: var(--text-primary)
    }
    .sm\:focus\:placeholder-secondary:focus::placeholder {
        color: var(--text-secondary)
    }
    .sm\:focus\:placeholder-tertiary:focus::placeholder {
        color: var(--text-tertiary)
    }
    .sm\:focus\:placeholder-danger-default:focus::placeholder {
        color: var(--text-danger)
    }
    .sm\:focus\:placeholder-danger-bold:focus::placeholder {
        color: var(--text-danger-bold)
    }
    .sm\:focus\:placeholder-success-default:focus::placeholder {
        color: var(--text-success)
    }
    .sm\:focus\:placeholder-success-bold:focus::placeholder {
        color: var(--text-success-bold)
    }
    .sm\:focus\:placeholder-success-subtle:focus::placeholder {
        color: var(--text-success-subtle)
    }
    .sm\:focus\:placeholder-active-default:focus::placeholder {
        color: var(--text-active)
    }
    .sm\:focus\:placeholder-active-bold:focus::placeholder {
        color: var(--text-active-bold)
    }
    .sm\:focus\:placeholder-pending-default:focus::placeholder {
        color: var(--text-pending)
    }
    .sm\:focus\:placeholder-pending-bold:focus::placeholder {
        color: var(--text-pending-bold)
    }
    .sm\:focus\:placeholder-contrast-primary:focus::placeholder {
        color: var(--text-contrast-primary)
    }
    .sm\:focus\:placeholder-contrast-secondary:focus::placeholder {
        color: var(--text-contrast-secondary)
    }
    .sm\:focus\:placeholder-forced-tertiary:focus::placeholder {
        color: var(--text-forced-tertiary)
    }
    .sm\:focus\:placeholder-decorative-red:focus::placeholder {
        color: var(--text-decorative-red)
    }
    .sm\:focus\:placeholder-decorative-blue:focus::placeholder {
        color: var(--text-decorative-blue)
    }
    .sm\:focus\:placeholder-decorative-yellow:focus::placeholder {
        color: var(--text-decorative-yellow)
    }
    .sm\:focus\:placeholder-decorative-grey:focus::placeholder {
        color: var(--text-decorative-grey)
    }
    .sm\:focus\:placeholder-decorative-green:focus::placeholder {
        color: var(--text-decorative-green)
    }
    .sm\:focus\:placeholder-decorative-purple-default:focus::placeholder {
        color: var(--text-decorative-purple)
    }
    .sm\:focus\:placeholder-decorative-purple-bold:focus::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .sm\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }
    .sm\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .sm\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .sm\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .sm\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .sm\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .sm\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .sm\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .sm\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .sm\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .sm\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .sm\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .sm\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .sm\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .sm\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }
    .sm\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }
    .sm\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .sm\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .sm\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .sm\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .sm\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .sm\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .sm\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .sm\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .sm\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .sm\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .sm\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .sm\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .sm\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .sm\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }
    .sm\:opacity-0 {
        opacity: 0
    }
    .sm\:opacity-5 {
        opacity: .05
    }
    .sm\:opacity-10 {
        opacity: .1
    }
    .sm\:opacity-20 {
        opacity: .2
    }
    .sm\:opacity-25 {
        opacity: .25
    }
    .sm\:opacity-30 {
        opacity: .3
    }
    .sm\:opacity-40 {
        opacity: .4
    }
    .sm\:opacity-50 {
        opacity: .5
    }
    .sm\:opacity-60 {
        opacity: .6
    }
    .sm\:opacity-70 {
        opacity: .7
    }
    .sm\:opacity-75 {
        opacity: .75
    }
    .sm\:opacity-80 {
        opacity: .8
    }
    .sm\:opacity-90 {
        opacity: .9
    }
    .sm\:opacity-95 {
        opacity: .95
    }
    .sm\:opacity-100 {
        opacity: 1
    }
    .group:hover .sm\:group-hover\:opacity-0 {
        opacity: 0
    }
    .group:hover .sm\:group-hover\:opacity-5 {
        opacity: .05
    }
    .group:hover .sm\:group-hover\:opacity-10 {
        opacity: .1
    }
    .group:hover .sm\:group-hover\:opacity-20 {
        opacity: .2
    }
    .group:hover .sm\:group-hover\:opacity-25 {
        opacity: .25
    }
    .group:hover .sm\:group-hover\:opacity-30 {
        opacity: .3
    }
    .group:hover .sm\:group-hover\:opacity-40 {
        opacity: .4
    }
    .group:hover .sm\:group-hover\:opacity-50 {
        opacity: .5
    }
    .group:hover .sm\:group-hover\:opacity-60 {
        opacity: .6
    }
    .group:hover .sm\:group-hover\:opacity-70 {
        opacity: .7
    }
    .group:hover .sm\:group-hover\:opacity-75 {
        opacity: .75
    }
    .group:hover .sm\:group-hover\:opacity-80 {
        opacity: .8
    }
    .group:hover .sm\:group-hover\:opacity-90 {
        opacity: .9
    }
    .group:hover .sm\:group-hover\:opacity-95 {
        opacity: .95
    }
    .group:hover .sm\:group-hover\:opacity-100 {
        opacity: 1
    }
    .sm\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }
    .sm\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }
    .sm\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }
    .sm\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }
    .sm\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }
    .sm\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }
    .sm\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }
    .sm\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }
    .sm\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }
    .sm\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }
    .sm\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }
    .sm\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }
    .sm\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }
    .sm\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }
    .sm\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }
    .sm\:hover\:opacity-0:hover {
        opacity: 0
    }
    .sm\:hover\:opacity-5:hover {
        opacity: .05
    }
    .sm\:hover\:opacity-10:hover {
        opacity: .1
    }
    .sm\:hover\:opacity-20:hover {
        opacity: .2
    }
    .sm\:hover\:opacity-25:hover {
        opacity: .25
    }
    .sm\:hover\:opacity-30:hover {
        opacity: .3
    }
    .sm\:hover\:opacity-40:hover {
        opacity: .4
    }
    .sm\:hover\:opacity-50:hover {
        opacity: .5
    }
    .sm\:hover\:opacity-60:hover {
        opacity: .6
    }
    .sm\:hover\:opacity-70:hover {
        opacity: .7
    }
    .sm\:hover\:opacity-75:hover {
        opacity: .75
    }
    .sm\:hover\:opacity-80:hover {
        opacity: .8
    }
    .sm\:hover\:opacity-90:hover {
        opacity: .9
    }
    .sm\:hover\:opacity-95:hover {
        opacity: .95
    }
    .sm\:hover\:opacity-100:hover {
        opacity: 1
    }
    .sm\:focus\:opacity-0:focus {
        opacity: 0
    }
    .sm\:focus\:opacity-5:focus {
        opacity: .05
    }
    .sm\:focus\:opacity-10:focus {
        opacity: .1
    }
    .sm\:focus\:opacity-20:focus {
        opacity: .2
    }
    .sm\:focus\:opacity-25:focus {
        opacity: .25
    }
    .sm\:focus\:opacity-30:focus {
        opacity: .3
    }
    .sm\:focus\:opacity-40:focus {
        opacity: .4
    }
    .sm\:focus\:opacity-50:focus {
        opacity: .5
    }
    .sm\:focus\:opacity-60:focus {
        opacity: .6
    }
    .sm\:focus\:opacity-70:focus {
        opacity: .7
    }
    .sm\:focus\:opacity-75:focus {
        opacity: .75
    }
    .sm\:focus\:opacity-80:focus {
        opacity: .8
    }
    .sm\:focus\:opacity-90:focus {
        opacity: .9
    }
    .sm\:focus\:opacity-95:focus {
        opacity: .95
    }
    .sm\:focus\:opacity-100:focus {
        opacity: 1
    }
    .sm\:bg-blend-normal {
        background-blend-mode: normal
    }
    .sm\:bg-blend-multiply {
        background-blend-mode: multiply
    }
    .sm\:bg-blend-screen {
        background-blend-mode: screen
    }
    .sm\:bg-blend-overlay {
        background-blend-mode: overlay
    }
    .sm\:bg-blend-darken {
        background-blend-mode: darken
    }
    .sm\:bg-blend-lighten {
        background-blend-mode: lighten
    }
    .sm\:bg-blend-color-dodge {
        background-blend-mode: color-dodge
    }
    .sm\:bg-blend-color-burn {
        background-blend-mode: color-burn
    }
    .sm\:bg-blend-hard-light {
        background-blend-mode: hard-light
    }
    .sm\:bg-blend-soft-light {
        background-blend-mode: soft-light
    }
    .sm\:bg-blend-difference {
        background-blend-mode: difference
    }
    .sm\:bg-blend-exclusion {
        background-blend-mode: exclusion
    }
    .sm\:bg-blend-hue {
        background-blend-mode: hue
    }
    .sm\:bg-blend-saturation {
        background-blend-mode: saturation
    }
    .sm\:bg-blend-color {
        background-blend-mode: color
    }
    .sm\:bg-blend-luminosity {
        background-blend-mode: luminosity
    }
    .sm\:mix-blend-normal {
        mix-blend-mode: normal
    }
    .sm\:mix-blend-multiply {
        mix-blend-mode: multiply
    }
    .sm\:mix-blend-screen {
        mix-blend-mode: screen
    }
    .sm\:mix-blend-overlay {
        mix-blend-mode: overlay
    }
    .sm\:mix-blend-darken {
        mix-blend-mode: darken
    }
    .sm\:mix-blend-lighten {
        mix-blend-mode: lighten
    }
    .sm\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge
    }
    .sm\:mix-blend-color-burn {
        mix-blend-mode: color-burn
    }
    .sm\:mix-blend-hard-light {
        mix-blend-mode: hard-light
    }
    .sm\:mix-blend-soft-light {
        mix-blend-mode: soft-light
    }
    .sm\:mix-blend-difference {
        mix-blend-mode: difference
    }
    .sm\:mix-blend-exclusion {
        mix-blend-mode: exclusion
    }
    .sm\:mix-blend-hue {
        mix-blend-mode: hue
    }
    .sm\:mix-blend-saturation {
        mix-blend-mode: saturation
    }
    .sm\:mix-blend-color {
        mix-blend-mode: color
    }
    .sm\:mix-blend-luminosity {
        mix-blend-mode: luminosity
    }
    .sm\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .sm\:shadow-md,
    .sm\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .sm\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .sm\:shadow-lg,
    .sm\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .group:hover .sm\:group-hover\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .group:hover .sm\:group-hover\:shadow-md,
    .group:hover .sm\:group-hover\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .sm\:group-hover\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .group:hover .sm\:group-hover\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .group:hover .sm\:group-hover\:shadow-lg,
    .group:hover .sm\:group-hover\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .sm\:group-hover\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .sm\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: var(--box-shadow-sm);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:focus-within\:shadow-md:focus-within {
        --tw-shadow: var(--box-shadow-md);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: var(--box-shadow-xl);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:hover\:shadow-sm:hover {
        --tw-shadow: var(--box-shadow-sm)
    }
    .sm\:hover\:shadow-md:hover,
    .sm\:hover\:shadow-sm:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:hover\:shadow-md:hover {
        --tw-shadow: var(--box-shadow-md)
    }
    .sm\:hover\:shadow-lg:hover {
        --tw-shadow: var(--box-shadow-lg)
    }
    .sm\:hover\:shadow-lg:hover,
    .sm\:hover\:shadow-xl:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:hover\:shadow-xl:hover {
        --tw-shadow: var(--box-shadow-xl)
    }
    .sm\:focus\:shadow-sm:focus {
        --tw-shadow: var(--box-shadow-sm)
    }
    .sm\:focus\:shadow-md:focus,
    .sm\:focus\:shadow-sm:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:focus\:shadow-md:focus {
        --tw-shadow: var(--box-shadow-md)
    }
    .sm\:focus\:shadow-lg:focus {
        --tw-shadow: var(--box-shadow-lg)
    }
    .sm\:focus\:shadow-lg:focus,
    .sm\:focus\:shadow-xl:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .sm\:focus\:shadow-xl:focus {
        --tw-shadow: var(--box-shadow-xl)
    }
    .sm\:outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .sm\:outline-white {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .sm\:outline-black {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .sm\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .sm\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .sm\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .sm\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .sm\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .sm\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .sm\:ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:ring-0,
    .sm\:ring-1 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:ring-2 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:ring-2,
    .sm\:ring-4 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:ring-4 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:ring-8 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:ring,
    .sm\:ring-8 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:ring {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:focus\:ring-0:focus,
    .sm\:focus\:ring-1:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:focus\:ring-2:focus,
    .sm\:focus\:ring-4:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:focus\:ring-8:focus,
    .sm\:focus\:ring:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .sm\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .sm\:ring-inset {
        --tw-ring-inset: inset
    }
    .sm\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }
    .sm\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }
    .sm\:ring-common-white {
        --tw-ring-color: var(--common-white)
    }
    .sm\:ring-common-tertiary {
        --tw-ring-color: var(--common-tertiary)
    }
    .sm\:ring-common-dark {
        --tw-ring-color: var(--common-dark)
    }
    .sm\:ring-scheme-primary {
        --tw-ring-color: var(--common-primary)
    }
    .sm\:ring-scheme-success {
        --tw-ring-color: var(--text-success)
    }
    .sm\:ring-scheme-warning {
        --tw-ring-color: var(--text-pending)
    }
    .sm\:ring-scheme-danger {
        --tw-ring-color: var(--text-danger)
    }
    .sm\:ring-primary {
        --tw-ring-color: var(--text-primary)
    }
    .sm\:ring-secondary {
        --tw-ring-color: var(--text-secondary)
    }
    .sm\:ring-tertiary {
        --tw-ring-color: var(--text-tertiary)
    }
    .sm\:ring-danger-default {
        --tw-ring-color: var(--text-danger)
    }
    .sm\:ring-danger-bold {
        --tw-ring-color: var(--text-danger-bold)
    }
    .sm\:ring-success-default {
        --tw-ring-color: var(--text-success)
    }
    .sm\:ring-success-bold {
        --tw-ring-color: var(--text-success-bold)
    }
    .sm\:ring-success-subtle {
        --tw-ring-color: var(--text-success-subtle)
    }
    .sm\:ring-active-default {
        --tw-ring-color: var(--text-active)
    }
    .sm\:ring-active-bold {
        --tw-ring-color: var(--text-active-bold)
    }
    .sm\:ring-pending-default {
        --tw-ring-color: var(--text-pending)
    }
    .sm\:ring-pending-bold {
        --tw-ring-color: var(--text-pending-bold)
    }
    .sm\:ring-contrast-primary {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .sm\:ring-contrast-secondary {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .sm\:ring-forced-tertiary {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .sm\:ring-decorative-red {
        --tw-ring-color: var(--text-decorative-red)
    }
    .sm\:ring-decorative-blue {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .sm\:ring-decorative-yellow {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .sm\:ring-decorative-grey {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .sm\:ring-decorative-green {
        --tw-ring-color: var(--text-decorative-green)
    }
    .sm\:ring-decorative-purple-default {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .sm\:ring-decorative-purple-bold {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .sm\:focus-within\:ring-common-white:focus-within {
        --tw-ring-color: var(--common-white)
    }
    .sm\:focus-within\:ring-common-tertiary:focus-within {
        --tw-ring-color: var(--common-tertiary)
    }
    .sm\:focus-within\:ring-common-dark:focus-within {
        --tw-ring-color: var(--common-dark)
    }
    .sm\:focus-within\:ring-scheme-primary:focus-within {
        --tw-ring-color: var(--common-primary)
    }
    .sm\:focus-within\:ring-scheme-success:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .sm\:focus-within\:ring-scheme-warning:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .sm\:focus-within\:ring-scheme-danger:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .sm\:focus-within\:ring-primary:focus-within {
        --tw-ring-color: var(--text-primary)
    }
    .sm\:focus-within\:ring-secondary:focus-within {
        --tw-ring-color: var(--text-secondary)
    }
    .sm\:focus-within\:ring-tertiary:focus-within {
        --tw-ring-color: var(--text-tertiary)
    }
    .sm\:focus-within\:ring-danger-default:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .sm\:focus-within\:ring-danger-bold:focus-within {
        --tw-ring-color: var(--text-danger-bold)
    }
    .sm\:focus-within\:ring-success-default:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .sm\:focus-within\:ring-success-bold:focus-within {
        --tw-ring-color: var(--text-success-bold)
    }
    .sm\:focus-within\:ring-success-subtle:focus-within {
        --tw-ring-color: var(--text-success-subtle)
    }
    .sm\:focus-within\:ring-active-default:focus-within {
        --tw-ring-color: var(--text-active)
    }
    .sm\:focus-within\:ring-active-bold:focus-within {
        --tw-ring-color: var(--text-active-bold)
    }
    .sm\:focus-within\:ring-pending-default:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .sm\:focus-within\:ring-pending-bold:focus-within {
        --tw-ring-color: var(--text-pending-bold)
    }
    .sm\:focus-within\:ring-contrast-primary:focus-within {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .sm\:focus-within\:ring-contrast-secondary:focus-within {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .sm\:focus-within\:ring-forced-tertiary:focus-within {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .sm\:focus-within\:ring-decorative-red:focus-within {
        --tw-ring-color: var(--text-decorative-red)
    }
    .sm\:focus-within\:ring-decorative-blue:focus-within {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .sm\:focus-within\:ring-decorative-yellow:focus-within {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .sm\:focus-within\:ring-decorative-grey:focus-within {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .sm\:focus-within\:ring-decorative-green:focus-within {
        --tw-ring-color: var(--text-decorative-green)
    }
    .sm\:focus-within\:ring-decorative-purple-default:focus-within {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .sm\:focus-within\:ring-decorative-purple-bold:focus-within {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .sm\:focus\:ring-common-white:focus {
        --tw-ring-color: var(--common-white)
    }
    .sm\:focus\:ring-common-tertiary:focus {
        --tw-ring-color: var(--common-tertiary)
    }
    .sm\:focus\:ring-common-dark:focus {
        --tw-ring-color: var(--common-dark)
    }
    .sm\:focus\:ring-scheme-primary:focus {
        --tw-ring-color: var(--common-primary)
    }
    .sm\:focus\:ring-scheme-success:focus {
        --tw-ring-color: var(--text-success)
    }
    .sm\:focus\:ring-scheme-warning:focus {
        --tw-ring-color: var(--text-pending)
    }
    .sm\:focus\:ring-scheme-danger:focus {
        --tw-ring-color: var(--text-danger)
    }
    .sm\:focus\:ring-primary:focus {
        --tw-ring-color: var(--text-primary)
    }
    .sm\:focus\:ring-secondary:focus {
        --tw-ring-color: var(--text-secondary)
    }
    .sm\:focus\:ring-tertiary:focus {
        --tw-ring-color: var(--text-tertiary)
    }
    .sm\:focus\:ring-danger-default:focus {
        --tw-ring-color: var(--text-danger)
    }
    .sm\:focus\:ring-danger-bold:focus {
        --tw-ring-color: var(--text-danger-bold)
    }
    .sm\:focus\:ring-success-default:focus {
        --tw-ring-color: var(--text-success)
    }
    .sm\:focus\:ring-success-bold:focus {
        --tw-ring-color: var(--text-success-bold)
    }
    .sm\:focus\:ring-success-subtle:focus {
        --tw-ring-color: var(--text-success-subtle)
    }
    .sm\:focus\:ring-active-default:focus {
        --tw-ring-color: var(--text-active)
    }
    .sm\:focus\:ring-active-bold:focus {
        --tw-ring-color: var(--text-active-bold)
    }
    .sm\:focus\:ring-pending-default:focus {
        --tw-ring-color: var(--text-pending)
    }
    .sm\:focus\:ring-pending-bold:focus {
        --tw-ring-color: var(--text-pending-bold)
    }
    .sm\:focus\:ring-contrast-primary:focus {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .sm\:focus\:ring-contrast-secondary:focus {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .sm\:focus\:ring-forced-tertiary:focus {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .sm\:focus\:ring-decorative-red:focus {
        --tw-ring-color: var(--text-decorative-red)
    }
    .sm\:focus\:ring-decorative-blue:focus {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .sm\:focus\:ring-decorative-yellow:focus {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .sm\:focus\:ring-decorative-grey:focus {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .sm\:focus\:ring-decorative-green:focus {
        --tw-ring-color: var(--text-decorative-green)
    }
    .sm\:focus\:ring-decorative-purple-default:focus {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .sm\:focus\:ring-decorative-purple-bold:focus {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .sm\:ring-opacity-0 {
        --tw-ring-opacity: 0
    }
    .sm\:ring-opacity-5 {
        --tw-ring-opacity: 0.05
    }
    .sm\:ring-opacity-10 {
        --tw-ring-opacity: 0.1
    }
    .sm\:ring-opacity-20 {
        --tw-ring-opacity: 0.2
    }
    .sm\:ring-opacity-25 {
        --tw-ring-opacity: 0.25
    }
    .sm\:ring-opacity-30 {
        --tw-ring-opacity: 0.3
    }
    .sm\:ring-opacity-40 {
        --tw-ring-opacity: 0.4
    }
    .sm\:ring-opacity-50 {
        --tw-ring-opacity: 0.5
    }
    .sm\:ring-opacity-60 {
        --tw-ring-opacity: 0.6
    }
    .sm\:ring-opacity-70 {
        --tw-ring-opacity: 0.7
    }
    .sm\:ring-opacity-75 {
        --tw-ring-opacity: 0.75
    }
    .sm\:ring-opacity-80 {
        --tw-ring-opacity: 0.8
    }
    .sm\:ring-opacity-90 {
        --tw-ring-opacity: 0.9
    }
    .sm\:ring-opacity-95 {
        --tw-ring-opacity: 0.95
    }
    .sm\:ring-opacity-100 {
        --tw-ring-opacity: 1
    }
    .sm\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }
    .sm\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }
    .sm\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }
    .sm\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }
    .sm\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }
    .sm\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }
    .sm\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }
    .sm\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }
    .sm\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }
    .sm\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }
    .sm\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }
    .sm\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }
    .sm\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }
    .sm\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }
    .sm\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }
    .sm\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }
    .sm\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }
    .sm\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }
    .sm\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }
    .sm\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }
    .sm\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }
    .sm\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }
    .sm\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }
    .sm\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }
    .sm\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }
    .sm\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }
    .sm\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }
    .sm\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }
    .sm\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }
    .sm\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }
    .sm\:ring-offset-0 {
        --tw-ring-offset-width: 0px
    }
    .sm\:ring-offset-1 {
        --tw-ring-offset-width: 1px
    }
    .sm\:ring-offset-2 {
        --tw-ring-offset-width: 2px
    }
    .sm\:ring-offset-4 {
        --tw-ring-offset-width: 4px
    }
    .sm\:ring-offset-8 {
        --tw-ring-offset-width: 8px
    }
    .sm\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }
    .sm\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }
    .sm\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }
    .sm\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }
    .sm\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }
    .sm\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }
    .sm\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }
    .sm\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }
    .sm\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }
    .sm\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }
    .sm\:ring-offset-common-white {
        --tw-ring-offset-color: var(--common-white)
    }
    .sm\:ring-offset-common-tertiary {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .sm\:ring-offset-common-dark {
        --tw-ring-offset-color: var(--common-dark)
    }
    .sm\:ring-offset-scheme-primary {
        --tw-ring-offset-color: var(--common-primary)
    }
    .sm\:ring-offset-scheme-success {
        --tw-ring-offset-color: var(--text-success)
    }
    .sm\:ring-offset-scheme-warning {
        --tw-ring-offset-color: var(--text-pending)
    }
    .sm\:ring-offset-scheme-danger {
        --tw-ring-offset-color: var(--text-danger)
    }
    .sm\:ring-offset-primary {
        --tw-ring-offset-color: var(--text-primary)
    }
    .sm\:ring-offset-secondary {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .sm\:ring-offset-tertiary {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .sm\:ring-offset-danger-default {
        --tw-ring-offset-color: var(--text-danger)
    }
    .sm\:ring-offset-danger-bold {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .sm\:ring-offset-success-default {
        --tw-ring-offset-color: var(--text-success)
    }
    .sm\:ring-offset-success-bold {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .sm\:ring-offset-success-subtle {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .sm\:ring-offset-active-default {
        --tw-ring-offset-color: var(--text-active)
    }
    .sm\:ring-offset-active-bold {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .sm\:ring-offset-pending-default {
        --tw-ring-offset-color: var(--text-pending)
    }
    .sm\:ring-offset-pending-bold {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .sm\:ring-offset-contrast-primary {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .sm\:ring-offset-contrast-secondary {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .sm\:ring-offset-forced-tertiary {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .sm\:ring-offset-decorative-red {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .sm\:ring-offset-decorative-blue {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .sm\:ring-offset-decorative-yellow {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .sm\:ring-offset-decorative-grey {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .sm\:ring-offset-decorative-green {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .sm\:ring-offset-decorative-purple-default {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .sm\:ring-offset-decorative-purple-bold {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .sm\:focus-within\:ring-offset-common-white:focus-within {
        --tw-ring-offset-color: var(--common-white)
    }
    .sm\:focus-within\:ring-offset-common-tertiary:focus-within {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .sm\:focus-within\:ring-offset-common-dark:focus-within {
        --tw-ring-offset-color: var(--common-dark)
    }
    .sm\:focus-within\:ring-offset-scheme-primary:focus-within {
        --tw-ring-offset-color: var(--common-primary)
    }
    .sm\:focus-within\:ring-offset-scheme-success:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .sm\:focus-within\:ring-offset-scheme-warning:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .sm\:focus-within\:ring-offset-scheme-danger:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .sm\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: var(--text-primary)
    }
    .sm\:focus-within\:ring-offset-secondary:focus-within {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .sm\:focus-within\:ring-offset-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .sm\:focus-within\:ring-offset-danger-default:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .sm\:focus-within\:ring-offset-danger-bold:focus-within {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .sm\:focus-within\:ring-offset-success-default:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .sm\:focus-within\:ring-offset-success-bold:focus-within {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .sm\:focus-within\:ring-offset-success-subtle:focus-within {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .sm\:focus-within\:ring-offset-active-default:focus-within {
        --tw-ring-offset-color: var(--text-active)
    }
    .sm\:focus-within\:ring-offset-active-bold:focus-within {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .sm\:focus-within\:ring-offset-pending-default:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .sm\:focus-within\:ring-offset-pending-bold:focus-within {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .sm\:focus-within\:ring-offset-contrast-primary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .sm\:focus-within\:ring-offset-contrast-secondary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .sm\:focus-within\:ring-offset-forced-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .sm\:focus-within\:ring-offset-decorative-red:focus-within {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .sm\:focus-within\:ring-offset-decorative-blue:focus-within {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .sm\:focus-within\:ring-offset-decorative-yellow:focus-within {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .sm\:focus-within\:ring-offset-decorative-grey:focus-within {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .sm\:focus-within\:ring-offset-decorative-green:focus-within {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .sm\:focus-within\:ring-offset-decorative-purple-default:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .sm\:focus-within\:ring-offset-decorative-purple-bold:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .sm\:focus\:ring-offset-common-white:focus {
        --tw-ring-offset-color: var(--common-white)
    }
    .sm\:focus\:ring-offset-common-tertiary:focus {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .sm\:focus\:ring-offset-common-dark:focus {
        --tw-ring-offset-color: var(--common-dark)
    }
    .sm\:focus\:ring-offset-scheme-primary:focus {
        --tw-ring-offset-color: var(--common-primary)
    }
    .sm\:focus\:ring-offset-scheme-success:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .sm\:focus\:ring-offset-scheme-warning:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .sm\:focus\:ring-offset-scheme-danger:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .sm\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: var(--text-primary)
    }
    .sm\:focus\:ring-offset-secondary:focus {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .sm\:focus\:ring-offset-tertiary:focus {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .sm\:focus\:ring-offset-danger-default:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .sm\:focus\:ring-offset-danger-bold:focus {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .sm\:focus\:ring-offset-success-default:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .sm\:focus\:ring-offset-success-bold:focus {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .sm\:focus\:ring-offset-success-subtle:focus {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .sm\:focus\:ring-offset-active-default:focus {
        --tw-ring-offset-color: var(--text-active)
    }
    .sm\:focus\:ring-offset-active-bold:focus {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .sm\:focus\:ring-offset-pending-default:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .sm\:focus\:ring-offset-pending-bold:focus {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .sm\:focus\:ring-offset-contrast-primary:focus {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .sm\:focus\:ring-offset-contrast-secondary:focus {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .sm\:focus\:ring-offset-forced-tertiary:focus {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .sm\:focus\:ring-offset-decorative-red:focus {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .sm\:focus\:ring-offset-decorative-blue:focus {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .sm\:focus\:ring-offset-decorative-yellow:focus {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .sm\:focus\:ring-offset-decorative-grey:focus {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .sm\:focus\:ring-offset-decorative-green:focus {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .sm\:focus\:ring-offset-decorative-purple-default:focus {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .sm\:focus\:ring-offset-decorative-purple-bold:focus {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .sm\:filter {
        --tw-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-drop-shadow: var(--tw-empty, /*!*/
        /*!*/
        );
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
    .sm\:filter-none {
        filter: none
    }
    .sm\:blur-0,
    .sm\:blur-none {
        --tw-blur: blur(0)
    }
    .sm\:blur-sm {
        --tw-blur: blur(4px)
    }
    .sm\:blur {
        --tw-blur: blur(8px)
    }
    .sm\:blur-md {
        --tw-blur: blur(12px)
    }
    .sm\:blur-lg {
        --tw-blur: blur(16px)
    }
    .sm\:blur-xl {
        --tw-blur: blur(24px)
    }
    .sm\:blur-2xl {
        --tw-blur: blur(40px)
    }
    .sm\:blur-3xl {
        --tw-blur: blur(64px)
    }
    .sm\:brightness-0 {
        --tw-brightness: brightness(0)
    }
    .sm\:brightness-50 {
        --tw-brightness: brightness(.5)
    }
    .sm\:brightness-75 {
        --tw-brightness: brightness(.75)
    }
    .sm\:brightness-90 {
        --tw-brightness: brightness(.9)
    }
    .sm\:brightness-95 {
        --tw-brightness: brightness(.95)
    }
    .sm\:brightness-100 {
        --tw-brightness: brightness(1)
    }
    .sm\:brightness-105 {
        --tw-brightness: brightness(1.05)
    }
    .sm\:brightness-110 {
        --tw-brightness: brightness(1.1)
    }
    .sm\:brightness-125 {
        --tw-brightness: brightness(1.25)
    }
    .sm\:brightness-150 {
        --tw-brightness: brightness(1.5)
    }
    .sm\:brightness-200 {
        --tw-brightness: brightness(2)
    }
    .sm\:contrast-0 {
        --tw-contrast: contrast(0)
    }
    .sm\:contrast-50 {
        --tw-contrast: contrast(.5)
    }
    .sm\:contrast-75 {
        --tw-contrast: contrast(.75)
    }
    .sm\:contrast-100 {
        --tw-contrast: contrast(1)
    }
    .sm\:contrast-125 {
        --tw-contrast: contrast(1.25)
    }
    .sm\:contrast-150 {
        --tw-contrast: contrast(1.5)
    }
    .sm\:contrast-200 {
        --tw-contrast: contrast(2)
    }
    .sm\:drop-shadow-sm {
        --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
    }
    .sm\:drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))
    }
    .sm\:drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))
    }
    .sm\:drop-shadow-lg {
        --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))
    }
    .sm\:drop-shadow-xl {
        --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08))
    }
    .sm\:drop-shadow-2xl {
        --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15))
    }
    .sm\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 transparent)
    }
    .sm\:grayscale-0 {
        --tw-grayscale: grayscale(0)
    }
    .sm\:grayscale {
        --tw-grayscale: grayscale(100%)
    }
    .sm\:hue-rotate-0 {
        --tw-hue-rotate: hue-rotate(0deg)
    }
    .sm\:hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(15deg)
    }
    .sm\:hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(30deg)
    }
    .sm\:hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(60deg)
    }
    .sm\:hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(90deg)
    }
    .sm\:hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(180deg)
    }
    .sm\:-hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(-180deg)
    }
    .sm\:-hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(-90deg)
    }
    .sm\:-hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(-60deg)
    }
    .sm\:-hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(-30deg)
    }
    .sm\:-hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(-15deg)
    }
    .sm\:invert-0 {
        --tw-invert: invert(0)
    }
    .sm\:invert {
        --tw-invert: invert(100%)
    }
    .sm\:saturate-0 {
        --tw-saturate: saturate(0)
    }
    .sm\:saturate-50 {
        --tw-saturate: saturate(.5)
    }
    .sm\:saturate-100 {
        --tw-saturate: saturate(1)
    }
    .sm\:saturate-150 {
        --tw-saturate: saturate(1.5)
    }
    .sm\:saturate-200 {
        --tw-saturate: saturate(2)
    }
    .sm\:sepia-0 {
        --tw-sepia: sepia(0)
    }
    .sm\:sepia {
        --tw-sepia: sepia(100%)
    }
    .sm\:backdrop-filter {
        --tw-backdrop-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-opacity: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }
    .sm\:backdrop-filter-none {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
    .sm\:backdrop-blur-0,
    .sm\:backdrop-blur-none {
        --tw-backdrop-blur: blur(0)
    }
    .sm\:backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px)
    }
    .sm\:backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }
    .sm\:backdrop-blur-md {
        --tw-backdrop-blur: blur(12px)
    }
    .sm\:backdrop-blur-lg {
        --tw-backdrop-blur: blur(16px)
    }
    .sm\:backdrop-blur-xl {
        --tw-backdrop-blur: blur(24px)
    }
    .sm\:backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px)
    }
    .sm\:backdrop-blur-3xl {
        --tw-backdrop-blur: blur(64px)
    }
    .sm\:backdrop-brightness-0 {
        --tw-backdrop-brightness: brightness(0)
    }
    .sm\:backdrop-brightness-50 {
        --tw-backdrop-brightness: brightness(.5)
    }
    .sm\:backdrop-brightness-75 {
        --tw-backdrop-brightness: brightness(.75)
    }
    .sm\:backdrop-brightness-90 {
        --tw-backdrop-brightness: brightness(.9)
    }
    .sm\:backdrop-brightness-95 {
        --tw-backdrop-brightness: brightness(.95)
    }
    .sm\:backdrop-brightness-100 {
        --tw-backdrop-brightness: brightness(1)
    }
    .sm\:backdrop-brightness-105 {
        --tw-backdrop-brightness: brightness(1.05)
    }
    .sm\:backdrop-brightness-110 {
        --tw-backdrop-brightness: brightness(1.1)
    }
    .sm\:backdrop-brightness-125 {
        --tw-backdrop-brightness: brightness(1.25)
    }
    .sm\:backdrop-brightness-150 {
        --tw-backdrop-brightness: brightness(1.5)
    }
    .sm\:backdrop-brightness-200 {
        --tw-backdrop-brightness: brightness(2)
    }
    .sm\:backdrop-contrast-0 {
        --tw-backdrop-contrast: contrast(0)
    }
    .sm\:backdrop-contrast-50 {
        --tw-backdrop-contrast: contrast(.5)
    }
    .sm\:backdrop-contrast-75 {
        --tw-backdrop-contrast: contrast(.75)
    }
    .sm\:backdrop-contrast-100 {
        --tw-backdrop-contrast: contrast(1)
    }
    .sm\:backdrop-contrast-125 {
        --tw-backdrop-contrast: contrast(1.25)
    }
    .sm\:backdrop-contrast-150 {
        --tw-backdrop-contrast: contrast(1.5)
    }
    .sm\:backdrop-contrast-200 {
        --tw-backdrop-contrast: contrast(2)
    }
    .sm\:backdrop-grayscale-0 {
        --tw-backdrop-grayscale: grayscale(0)
    }
    .sm\:backdrop-grayscale {
        --tw-backdrop-grayscale: grayscale(100%)
    }
    .sm\:backdrop-hue-rotate-0 {
        --tw-backdrop-hue-rotate: hue-rotate(0deg)
    }
    .sm\:backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(15deg)
    }
    .sm\:backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(30deg)
    }
    .sm\:backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(60deg)
    }
    .sm\:backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(90deg)
    }
    .sm\:backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(180deg)
    }
    .sm\:-backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(-180deg)
    }
    .sm\:-backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(-90deg)
    }
    .sm\:-backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(-60deg)
    }
    .sm\:-backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(-30deg)
    }
    .sm\:-backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(-15deg)
    }
    .sm\:backdrop-invert-0 {
        --tw-backdrop-invert: invert(0)
    }
    .sm\:backdrop-invert {
        --tw-backdrop-invert: invert(100%)
    }
    .sm\:backdrop-opacity-0 {
        --tw-backdrop-opacity: opacity(0)
    }
    .sm\:backdrop-opacity-5 {
        --tw-backdrop-opacity: opacity(0.05)
    }
    .sm\:backdrop-opacity-10 {
        --tw-backdrop-opacity: opacity(0.1)
    }
    .sm\:backdrop-opacity-20 {
        --tw-backdrop-opacity: opacity(0.2)
    }
    .sm\:backdrop-opacity-25 {
        --tw-backdrop-opacity: opacity(0.25)
    }
    .sm\:backdrop-opacity-30 {
        --tw-backdrop-opacity: opacity(0.3)
    }
    .sm\:backdrop-opacity-40 {
        --tw-backdrop-opacity: opacity(0.4)
    }
    .sm\:backdrop-opacity-50 {
        --tw-backdrop-opacity: opacity(0.5)
    }
    .sm\:backdrop-opacity-60 {
        --tw-backdrop-opacity: opacity(0.6)
    }
    .sm\:backdrop-opacity-70 {
        --tw-backdrop-opacity: opacity(0.7)
    }
    .sm\:backdrop-opacity-75 {
        --tw-backdrop-opacity: opacity(0.75)
    }
    .sm\:backdrop-opacity-80 {
        --tw-backdrop-opacity: opacity(0.8)
    }
    .sm\:backdrop-opacity-90 {
        --tw-backdrop-opacity: opacity(0.9)
    }
    .sm\:backdrop-opacity-95 {
        --tw-backdrop-opacity: opacity(0.95)
    }
    .sm\:backdrop-opacity-100 {
        --tw-backdrop-opacity: opacity(1)
    }
    .sm\:backdrop-saturate-0 {
        --tw-backdrop-saturate: saturate(0)
    }
    .sm\:backdrop-saturate-50 {
        --tw-backdrop-saturate: saturate(.5)
    }
    .sm\:backdrop-saturate-100 {
        --tw-backdrop-saturate: saturate(1)
    }
    .sm\:backdrop-saturate-150 {
        --tw-backdrop-saturate: saturate(1.5)
    }
    .sm\:backdrop-saturate-200 {
        --tw-backdrop-saturate: saturate(2)
    }
    .sm\:backdrop-sepia-0 {
        --tw-backdrop-sepia: sepia(0)
    }
    .sm\:backdrop-sepia {
        --tw-backdrop-sepia: sepia(100%)
    }
    .sm\:transition-none {
        transition-property: none
    }
    .sm\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .sm\:transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .sm\:transition-colors {
        transition-property: background-color, border-color, color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .sm\:transition-opacity {
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .sm\:transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .sm\:transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .sm\:delay-75 {
        transition-delay: 75ms
    }
    .sm\:delay-100 {
        transition-delay: .1s
    }
    .sm\:delay-150 {
        transition-delay: .15s
    }
    .sm\:delay-200 {
        transition-delay: .2s
    }
    .sm\:delay-300 {
        transition-delay: .3s
    }
    .sm\:delay-500 {
        transition-delay: .5s
    }
    .sm\:delay-700 {
        transition-delay: .7s
    }
    .sm\:delay-1000 {
        transition-delay: 1s
    }
    .sm\:duration-75 {
        transition-duration: 75ms
    }
    .sm\:duration-100 {
        transition-duration: .1s
    }
    .sm\:duration-150 {
        transition-duration: .15s
    }
    .sm\:duration-200 {
        transition-duration: .2s
    }
    .sm\:duration-300 {
        transition-duration: .3s
    }
    .sm\:duration-500 {
        transition-duration: .5s
    }
    .sm\:duration-700 {
        transition-duration: .7s
    }
    .sm\:duration-1000 {
        transition-duration: 1s
    }
    .sm\:ease-linear {
        transition-timing-function: linear
    }
    .sm\:ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }
    .sm\:ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
    .sm\:ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media(min-width:768px) {
    .md\:container {
        width: 100%
    }
    @media(min-width:576px) {
        .md\:container {
            max-width: 576px
        }
    }
    @media(min-width:768px) {
        .md\:container {
            max-width: 768px
        }
    }
    @media(min-width:992px) {
        .md\:container {
            max-width: 992px
        }
    }
    @media(min-width:1200px) {
        .md\:container {
            max-width: 1200px
        }
    }
    @media(min-width:1536px) {
        .md\:container {
            max-width: 1536px
        }
    }
    .md\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .md\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .md\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .md\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .md\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .md\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .md\:pointer-events-none {
        pointer-events: none
    }
    .md\:pointer-events-auto {
        pointer-events: auto
    }
    .md\:visible {
        visibility: visible
    }
    .md\:invisible {
        visibility: hidden
    }
    .md\:static {
        position: static
    }
    .md\:fixed {
        position: fixed
    }
    .md\:absolute {
        position: absolute
    }
    .md\:relative {
        position: relative
    }
    .md\:sticky {
        position: -webkit-sticky;
        position: sticky
    }
    .md\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .md\:inset-2 {
        top: var(--space-5xs);
        right: var(--space-5xs);
        bottom: var(--space-5xs);
        left: var(--space-5xs)
    }
    .md\:inset-4 {
        top: var(--space-4xs);
        right: var(--space-4xs);
        bottom: var(--space-4xs);
        left: var(--space-4xs)
    }
    .md\:inset-6 {
        top: var(--space-3xs);
        right: var(--space-3xs);
        bottom: var(--space-3xs);
        left: var(--space-3xs)
    }
    .md\:inset-8 {
        top: var(--space-2xs);
        right: var(--space-2xs);
        bottom: var(--space-2xs);
        left: var(--space-2xs)
    }
    .md\:inset-12 {
        top: var(--space-xs);
        right: var(--space-xs);
        bottom: var(--space-xs);
        left: var(--space-xs)
    }
    .md\:inset-16 {
        top: var(--space-sm);
        right: var(--space-sm);
        bottom: var(--space-sm);
        left: var(--space-sm)
    }
    .md\:inset-20 {
        top: var(--space-md);
        right: var(--space-md);
        bottom: var(--space-md);
        left: var(--space-md)
    }
    .md\:inset-24 {
        top: var(--space-lg);
        right: var(--space-lg);
        bottom: var(--space-lg);
        left: var(--space-lg)
    }
    .md\:inset-32 {
        top: var(--space-xl);
        right: var(--space-xl);
        bottom: var(--space-xl);
        left: var(--space-xl)
    }
    .md\:inset-40 {
        top: var(--space-2xl);
        right: var(--space-2xl);
        bottom: var(--space-2xl);
        left: var(--space-2xl)
    }
    .md\:inset-48 {
        top: var(--space-3xl);
        right: var(--space-3xl);
        bottom: var(--space-3xl);
        left: var(--space-3xl)
    }
    .md\:inset-80 {
        top: var(--space-4xl);
        right: var(--space-4xl);
        bottom: var(--space-4xl);
        left: var(--space-4xl)
    }
    .md\:inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
    .md\:-inset-2 {
        top: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1);
        left: calc(var(--space-5xs)*-1)
    }
    .md\:-inset-4 {
        top: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1);
        left: calc(var(--space-4xs)*-1)
    }
    .md\:-inset-6 {
        top: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1);
        left: calc(var(--space-3xs)*-1)
    }
    .md\:-inset-8 {
        top: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1);
        left: calc(var(--space-2xs)*-1)
    }
    .md\:-inset-12 {
        top: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1);
        left: calc(var(--space-xs)*-1)
    }
    .md\:-inset-16 {
        top: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1);
        left: calc(var(--space-sm)*-1)
    }
    .md\:-inset-20 {
        top: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1);
        left: calc(var(--space-md)*-1)
    }
    .md\:-inset-24 {
        top: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1);
        left: calc(var(--space-lg)*-1)
    }
    .md\:-inset-32 {
        top: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1);
        left: calc(var(--space-xl)*-1)
    }
    .md\:-inset-40 {
        top: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1);
        left: calc(var(--space-2xl)*-1)
    }
    .md\:-inset-48 {
        top: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1);
        left: calc(var(--space-3xl)*-1)
    }
    .md\:-inset-80 {
        top: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1);
        left: calc(var(--space-4xl)*-1)
    }
    .md\:inset-1\/2 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .md\:inset-1\/3 {
        top: 33.333333%;
        right: 33.333333%;
        bottom: 33.333333%;
        left: 33.333333%
    }
    .md\:inset-2\/3 {
        top: 66.666667%;
        right: 66.666667%;
        bottom: 66.666667%;
        left: 66.666667%
    }
    .md\:inset-1\/4 {
        top: 25%;
        right: 25%;
        bottom: 25%;
        left: 25%
    }
    .md\:inset-2\/4 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .md\:inset-3\/4 {
        top: 75%;
        right: 75%;
        bottom: 75%;
        left: 75%
    }
    .md\:inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }
    .md\:-inset-1\/2 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .md\:-inset-1\/3 {
        top: -33.333333%;
        right: -33.333333%;
        bottom: -33.333333%;
        left: -33.333333%
    }
    .md\:-inset-2\/3 {
        top: -66.666667%;
        right: -66.666667%;
        bottom: -66.666667%;
        left: -66.666667%
    }
    .md\:-inset-1\/4 {
        top: -25%;
        right: -25%;
        bottom: -25%;
        left: -25%
    }
    .md\:-inset-2\/4 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .md\:-inset-3\/4 {
        top: -75%;
        right: -75%;
        bottom: -75%;
        left: -75%
    }
    .md\:-inset-full {
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%
    }
    .md\:inset-x-0 {
        left: 0;
        right: 0
    }
    .md\:inset-x-2 {
        left: var(--space-5xs);
        right: var(--space-5xs)
    }
    .md\:inset-x-4 {
        left: var(--space-4xs);
        right: var(--space-4xs)
    }
    .md\:inset-x-6 {
        left: var(--space-3xs);
        right: var(--space-3xs)
    }
    .md\:inset-x-8 {
        left: var(--space-2xs);
        right: var(--space-2xs)
    }
    .md\:inset-x-12 {
        left: var(--space-xs);
        right: var(--space-xs)
    }
    .md\:inset-x-16 {
        left: var(--space-sm);
        right: var(--space-sm)
    }
    .md\:inset-x-20 {
        left: var(--space-md);
        right: var(--space-md)
    }
    .md\:inset-x-24 {
        left: var(--space-lg);
        right: var(--space-lg)
    }
    .md\:inset-x-32 {
        left: var(--space-xl);
        right: var(--space-xl)
    }
    .md\:inset-x-40 {
        left: var(--space-2xl);
        right: var(--space-2xl)
    }
    .md\:inset-x-48 {
        left: var(--space-3xl);
        right: var(--space-3xl)
    }
    .md\:inset-x-80 {
        left: var(--space-4xl);
        right: var(--space-4xl)
    }
    .md\:inset-x-auto {
        left: auto;
        right: auto
    }
    .md\:-inset-x-2 {
        left: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1)
    }
    .md\:-inset-x-4 {
        left: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1)
    }
    .md\:-inset-x-6 {
        left: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1)
    }
    .md\:-inset-x-8 {
        left: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1)
    }
    .md\:-inset-x-12 {
        left: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1)
    }
    .md\:-inset-x-16 {
        left: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1)
    }
    .md\:-inset-x-20 {
        left: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1)
    }
    .md\:-inset-x-24 {
        left: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1)
    }
    .md\:-inset-x-32 {
        left: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1)
    }
    .md\:-inset-x-40 {
        left: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1)
    }
    .md\:-inset-x-48 {
        left: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1)
    }
    .md\:-inset-x-80 {
        left: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1)
    }
    .md\:inset-x-1\/2 {
        left: 50%;
        right: 50%
    }
    .md\:inset-x-1\/3 {
        left: 33.333333%;
        right: 33.333333%
    }
    .md\:inset-x-2\/3 {
        left: 66.666667%;
        right: 66.666667%
    }
    .md\:inset-x-1\/4 {
        left: 25%;
        right: 25%
    }
    .md\:inset-x-2\/4 {
        left: 50%;
        right: 50%
    }
    .md\:inset-x-3\/4 {
        left: 75%;
        right: 75%
    }
    .md\:inset-x-full {
        left: 100%;
        right: 100%
    }
    .md\:-inset-x-1\/2 {
        left: -50%;
        right: -50%
    }
    .md\:-inset-x-1\/3 {
        left: -33.333333%;
        right: -33.333333%
    }
    .md\:-inset-x-2\/3 {
        left: -66.666667%;
        right: -66.666667%
    }
    .md\:-inset-x-1\/4 {
        left: -25%;
        right: -25%
    }
    .md\:-inset-x-2\/4 {
        left: -50%;
        right: -50%
    }
    .md\:-inset-x-3\/4 {
        left: -75%;
        right: -75%
    }
    .md\:-inset-x-full {
        left: -100%;
        right: -100%
    }
    .md\:inset-y-0 {
        top: 0;
        bottom: 0
    }
    .md\:inset-y-2 {
        top: var(--space-5xs);
        bottom: var(--space-5xs)
    }
    .md\:inset-y-4 {
        top: var(--space-4xs);
        bottom: var(--space-4xs)
    }
    .md\:inset-y-6 {
        top: var(--space-3xs);
        bottom: var(--space-3xs)
    }
    .md\:inset-y-8 {
        top: var(--space-2xs);
        bottom: var(--space-2xs)
    }
    .md\:inset-y-12 {
        top: var(--space-xs);
        bottom: var(--space-xs)
    }
    .md\:inset-y-16 {
        top: var(--space-sm);
        bottom: var(--space-sm)
    }
    .md\:inset-y-20 {
        top: var(--space-md);
        bottom: var(--space-md)
    }
    .md\:inset-y-24 {
        top: var(--space-lg);
        bottom: var(--space-lg)
    }
    .md\:inset-y-32 {
        top: var(--space-xl);
        bottom: var(--space-xl)
    }
    .md\:inset-y-40 {
        top: var(--space-2xl);
        bottom: var(--space-2xl)
    }
    .md\:inset-y-48 {
        top: var(--space-3xl);
        bottom: var(--space-3xl)
    }
    .md\:inset-y-80 {
        top: var(--space-4xl);
        bottom: var(--space-4xl)
    }
    .md\:inset-y-auto {
        top: auto;
        bottom: auto
    }
    .md\:-inset-y-2 {
        top: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1)
    }
    .md\:-inset-y-4 {
        top: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1)
    }
    .md\:-inset-y-6 {
        top: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1)
    }
    .md\:-inset-y-8 {
        top: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1)
    }
    .md\:-inset-y-12 {
        top: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1)
    }
    .md\:-inset-y-16 {
        top: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1)
    }
    .md\:-inset-y-20 {
        top: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1)
    }
    .md\:-inset-y-24 {
        top: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1)
    }
    .md\:-inset-y-32 {
        top: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1)
    }
    .md\:-inset-y-40 {
        top: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1)
    }
    .md\:-inset-y-48 {
        top: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1)
    }
    .md\:-inset-y-80 {
        top: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1)
    }
    .md\:inset-y-1\/2 {
        top: 50%;
        bottom: 50%
    }
    .md\:inset-y-1\/3 {
        top: 33.333333%;
        bottom: 33.333333%
    }
    .md\:inset-y-2\/3 {
        top: 66.666667%;
        bottom: 66.666667%
    }
    .md\:inset-y-1\/4 {
        top: 25%;
        bottom: 25%
    }
    .md\:inset-y-2\/4 {
        top: 50%;
        bottom: 50%
    }
    .md\:inset-y-3\/4 {
        top: 75%;
        bottom: 75%
    }
    .md\:inset-y-full {
        top: 100%;
        bottom: 100%
    }
    .md\:-inset-y-1\/2 {
        top: -50%;
        bottom: -50%
    }
    .md\:-inset-y-1\/3 {
        top: -33.333333%;
        bottom: -33.333333%
    }
    .md\:-inset-y-2\/3 {
        top: -66.666667%;
        bottom: -66.666667%
    }
    .md\:-inset-y-1\/4 {
        top: -25%;
        bottom: -25%
    }
    .md\:-inset-y-2\/4 {
        top: -50%;
        bottom: -50%
    }
    .md\:-inset-y-3\/4 {
        top: -75%;
        bottom: -75%
    }
    .md\:-inset-y-full {
        top: -100%;
        bottom: -100%
    }
    .md\:top-0 {
        top: 0
    }
    .md\:top-2 {
        top: var(--space-5xs)
    }
    .md\:top-4 {
        top: var(--space-4xs)
    }
    .md\:top-6 {
        top: var(--space-3xs)
    }
    .md\:top-8 {
        top: var(--space-2xs)
    }
    .md\:top-12 {
        top: var(--space-xs)
    }
    .md\:top-16 {
        top: var(--space-sm)
    }
    .md\:top-20 {
        top: var(--space-md)
    }
    .md\:top-24 {
        top: var(--space-lg)
    }
    .md\:top-32 {
        top: var(--space-xl)
    }
    .md\:top-40 {
        top: var(--space-2xl)
    }
    .md\:top-48 {
        top: var(--space-3xl)
    }
    .md\:top-80 {
        top: var(--space-4xl)
    }
    .md\:top-auto {
        top: auto
    }
    .md\:-top-2 {
        top: calc(var(--space-5xs)*-1)
    }
    .md\:-top-4 {
        top: calc(var(--space-4xs)*-1)
    }
    .md\:-top-6 {
        top: calc(var(--space-3xs)*-1)
    }
    .md\:-top-8 {
        top: calc(var(--space-2xs)*-1)
    }
    .md\:-top-12 {
        top: calc(var(--space-xs)*-1)
    }
    .md\:-top-16 {
        top: calc(var(--space-sm)*-1)
    }
    .md\:-top-20 {
        top: calc(var(--space-md)*-1)
    }
    .md\:-top-24 {
        top: calc(var(--space-lg)*-1)
    }
    .md\:-top-32 {
        top: calc(var(--space-xl)*-1)
    }
    .md\:-top-40 {
        top: calc(var(--space-2xl)*-1)
    }
    .md\:-top-48 {
        top: calc(var(--space-3xl)*-1)
    }
    .md\:-top-80 {
        top: calc(var(--space-4xl)*-1)
    }
    .md\:top-1\/2 {
        top: 50%
    }
    .md\:top-1\/3 {
        top: 33.333333%
    }
    .md\:top-2\/3 {
        top: 66.666667%
    }
    .md\:top-1\/4 {
        top: 25%
    }
    .md\:top-2\/4 {
        top: 50%
    }
    .md\:top-3\/4 {
        top: 75%
    }
    .md\:top-full {
        top: 100%
    }
    .md\:-top-1\/2 {
        top: -50%
    }
    .md\:-top-1\/3 {
        top: -33.333333%
    }
    .md\:-top-2\/3 {
        top: -66.666667%
    }
    .md\:-top-1\/4 {
        top: -25%
    }
    .md\:-top-2\/4 {
        top: -50%
    }
    .md\:-top-3\/4 {
        top: -75%
    }
    .md\:-top-full {
        top: -100%
    }
    .md\:right-0 {
        right: 0
    }
    .md\:right-2 {
        right: var(--space-5xs)
    }
    .md\:right-4 {
        right: var(--space-4xs)
    }
    .md\:right-6 {
        right: var(--space-3xs)
    }
    .md\:right-8 {
        right: var(--space-2xs)
    }
    .md\:right-12 {
        right: var(--space-xs)
    }
    .md\:right-16 {
        right: var(--space-sm)
    }
    .md\:right-20 {
        right: var(--space-md)
    }
    .md\:right-24 {
        right: var(--space-lg)
    }
    .md\:right-32 {
        right: var(--space-xl)
    }
    .md\:right-40 {
        right: var(--space-2xl)
    }
    .md\:right-48 {
        right: var(--space-3xl)
    }
    .md\:right-80 {
        right: var(--space-4xl)
    }
    .md\:right-auto {
        right: auto
    }
    .md\:-right-2 {
        right: calc(var(--space-5xs)*-1)
    }
    .md\:-right-4 {
        right: calc(var(--space-4xs)*-1)
    }
    .md\:-right-6 {
        right: calc(var(--space-3xs)*-1)
    }
    .md\:-right-8 {
        right: calc(var(--space-2xs)*-1)
    }
    .md\:-right-12 {
        right: calc(var(--space-xs)*-1)
    }
    .md\:-right-16 {
        right: calc(var(--space-sm)*-1)
    }
    .md\:-right-20 {
        right: calc(var(--space-md)*-1)
    }
    .md\:-right-24 {
        right: calc(var(--space-lg)*-1)
    }
    .md\:-right-32 {
        right: calc(var(--space-xl)*-1)
    }
    .md\:-right-40 {
        right: calc(var(--space-2xl)*-1)
    }
    .md\:-right-48 {
        right: calc(var(--space-3xl)*-1)
    }
    .md\:-right-80 {
        right: calc(var(--space-4xl)*-1)
    }
    .md\:right-1\/2 {
        right: 50%
    }
    .md\:right-1\/3 {
        right: 33.333333%
    }
    .md\:right-2\/3 {
        right: 66.666667%
    }
    .md\:right-1\/4 {
        right: 25%
    }
    .md\:right-2\/4 {
        right: 50%
    }
    .md\:right-3\/4 {
        right: 75%
    }
    .md\:right-full {
        right: 100%
    }
    .md\:-right-1\/2 {
        right: -50%
    }
    .md\:-right-1\/3 {
        right: -33.333333%
    }
    .md\:-right-2\/3 {
        right: -66.666667%
    }
    .md\:-right-1\/4 {
        right: -25%
    }
    .md\:-right-2\/4 {
        right: -50%
    }
    .md\:-right-3\/4 {
        right: -75%
    }
    .md\:-right-full {
        right: -100%
    }
    .md\:bottom-0 {
        bottom: 0
    }
    .md\:bottom-2 {
        bottom: var(--space-5xs)
    }
    .md\:bottom-4 {
        bottom: var(--space-4xs)
    }
    .md\:bottom-6 {
        bottom: var(--space-3xs)
    }
    .md\:bottom-8 {
        bottom: var(--space-2xs)
    }
    .md\:bottom-12 {
        bottom: var(--space-xs)
    }
    .md\:bottom-16 {
        bottom: var(--space-sm)
    }
    .md\:bottom-20 {
        bottom: var(--space-md)
    }
    .md\:bottom-24 {
        bottom: var(--space-lg)
    }
    .md\:bottom-32 {
        bottom: var(--space-xl)
    }
    .md\:bottom-40 {
        bottom: var(--space-2xl)
    }
    .md\:bottom-48 {
        bottom: var(--space-3xl)
    }
    .md\:bottom-80 {
        bottom: var(--space-4xl)
    }
    .md\:bottom-auto {
        bottom: auto
    }
    .md\:-bottom-2 {
        bottom: calc(var(--space-5xs)*-1)
    }
    .md\:-bottom-4 {
        bottom: calc(var(--space-4xs)*-1)
    }
    .md\:-bottom-6 {
        bottom: calc(var(--space-3xs)*-1)
    }
    .md\:-bottom-8 {
        bottom: calc(var(--space-2xs)*-1)
    }
    .md\:-bottom-12 {
        bottom: calc(var(--space-xs)*-1)
    }
    .md\:-bottom-16 {
        bottom: calc(var(--space-sm)*-1)
    }
    .md\:-bottom-20 {
        bottom: calc(var(--space-md)*-1)
    }
    .md\:-bottom-24 {
        bottom: calc(var(--space-lg)*-1)
    }
    .md\:-bottom-32 {
        bottom: calc(var(--space-xl)*-1)
    }
    .md\:-bottom-40 {
        bottom: calc(var(--space-2xl)*-1)
    }
    .md\:-bottom-48 {
        bottom: calc(var(--space-3xl)*-1)
    }
    .md\:-bottom-80 {
        bottom: calc(var(--space-4xl)*-1)
    }
    .md\:bottom-1\/2 {
        bottom: 50%
    }
    .md\:bottom-1\/3 {
        bottom: 33.333333%
    }
    .md\:bottom-2\/3 {
        bottom: 66.666667%
    }
    .md\:bottom-1\/4 {
        bottom: 25%
    }
    .md\:bottom-2\/4 {
        bottom: 50%
    }
    .md\:bottom-3\/4 {
        bottom: 75%
    }
    .md\:bottom-full {
        bottom: 100%
    }
    .md\:-bottom-1\/2 {
        bottom: -50%
    }
    .md\:-bottom-1\/3 {
        bottom: -33.333333%
    }
    .md\:-bottom-2\/3 {
        bottom: -66.666667%
    }
    .md\:-bottom-1\/4 {
        bottom: -25%
    }
    .md\:-bottom-2\/4 {
        bottom: -50%
    }
    .md\:-bottom-3\/4 {
        bottom: -75%
    }
    .md\:-bottom-full {
        bottom: -100%
    }
    .md\:left-0 {
        left: 0
    }
    .md\:left-2 {
        left: var(--space-5xs)
    }
    .md\:left-4 {
        left: var(--space-4xs)
    }
    .md\:left-6 {
        left: var(--space-3xs)
    }
    .md\:left-8 {
        left: var(--space-2xs)
    }
    .md\:left-12 {
        left: var(--space-xs)
    }
    .md\:left-16 {
        left: var(--space-sm)
    }
    .md\:left-20 {
        left: var(--space-md)
    }
    .md\:left-24 {
        left: var(--space-lg)
    }
    .md\:left-32 {
        left: var(--space-xl)
    }
    .md\:left-40 {
        left: var(--space-2xl)
    }
    .md\:left-48 {
        left: var(--space-3xl)
    }
    .md\:left-80 {
        left: var(--space-4xl)
    }
    .md\:left-auto {
        left: auto
    }
    .md\:-left-2 {
        left: calc(var(--space-5xs)*-1)
    }
    .md\:-left-4 {
        left: calc(var(--space-4xs)*-1)
    }
    .md\:-left-6 {
        left: calc(var(--space-3xs)*-1)
    }
    .md\:-left-8 {
        left: calc(var(--space-2xs)*-1)
    }
    .md\:-left-12 {
        left: calc(var(--space-xs)*-1)
    }
    .md\:-left-16 {
        left: calc(var(--space-sm)*-1)
    }
    .md\:-left-20 {
        left: calc(var(--space-md)*-1)
    }
    .md\:-left-24 {
        left: calc(var(--space-lg)*-1)
    }
    .md\:-left-32 {
        left: calc(var(--space-xl)*-1)
    }
    .md\:-left-40 {
        left: calc(var(--space-2xl)*-1)
    }
    .md\:-left-48 {
        left: calc(var(--space-3xl)*-1)
    }
    .md\:-left-80 {
        left: calc(var(--space-4xl)*-1)
    }
    .md\:left-1\/2 {
        left: 50%
    }
    .md\:left-1\/3 {
        left: 33.333333%
    }
    .md\:left-2\/3 {
        left: 66.666667%
    }
    .md\:left-1\/4 {
        left: 25%
    }
    .md\:left-2\/4 {
        left: 50%
    }
    .md\:left-3\/4 {
        left: 75%
    }
    .md\:left-full {
        left: 100%
    }
    .md\:-left-1\/2 {
        left: -50%
    }
    .md\:-left-1\/3 {
        left: -33.333333%
    }
    .md\:-left-2\/3 {
        left: -66.666667%
    }
    .md\:-left-1\/4 {
        left: -25%
    }
    .md\:-left-2\/4 {
        left: -50%
    }
    .md\:-left-3\/4 {
        left: -75%
    }
    .md\:-left-full {
        left: -100%
    }
    .md\:isolate {
        isolation: isolate
    }
    .md\:isolation-auto {
        isolation: auto
    }
    .md\:z-0 {
        z-index: 0
    }
    .md\:z-10 {
        z-index: 10
    }
    .md\:z-20 {
        z-index: 20
    }
    .md\:z-30 {
        z-index: 30
    }
    .md\:z-40 {
        z-index: 40
    }
    .md\:z-50 {
        z-index: 50
    }
    .md\:z-auto {
        z-index: auto
    }
    .md\:focus-within\:z-0:focus-within {
        z-index: 0
    }
    .md\:focus-within\:z-10:focus-within {
        z-index: 10
    }
    .md\:focus-within\:z-20:focus-within {
        z-index: 20
    }
    .md\:focus-within\:z-30:focus-within {
        z-index: 30
    }
    .md\:focus-within\:z-40:focus-within {
        z-index: 40
    }
    .md\:focus-within\:z-50:focus-within {
        z-index: 50
    }
    .md\:focus-within\:z-auto:focus-within {
        z-index: auto
    }
    .md\:focus\:z-0:focus {
        z-index: 0
    }
    .md\:focus\:z-10:focus {
        z-index: 10
    }
    .md\:focus\:z-20:focus {
        z-index: 20
    }
    .md\:focus\:z-30:focus {
        z-index: 30
    }
    .md\:focus\:z-40:focus {
        z-index: 40
    }
    .md\:focus\:z-50:focus {
        z-index: 50
    }
    .md\:focus\:z-auto:focus {
        z-index: auto
    }
    .md\:order-1 {
        order: 1
    }
    .md\:order-2 {
        order: 2
    }
    .md\:order-3 {
        order: 3
    }
    .md\:order-4 {
        order: 4
    }
    .md\:order-5 {
        order: 5
    }
    .md\:order-6 {
        order: 6
    }
    .md\:order-7 {
        order: 7
    }
    .md\:order-8 {
        order: 8
    }
    .md\:order-9 {
        order: 9
    }
    .md\:order-10 {
        order: 10
    }
    .md\:order-11 {
        order: 11
    }
    .md\:order-12 {
        order: 12
    }
    .md\:order-first {
        order: -9999
    }
    .md\:order-last {
        order: 9999
    }
    .md\:order-none {
        order: 0
    }
    .md\:col-auto {
        grid-column: auto
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:col-span-3 {
        grid-column: span 3/span 3
    }
    .md\:col-span-4 {
        grid-column: span 4/span 4
    }
    .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    .md\:col-span-8 {
        grid-column: span 8/span 8
    }
    .md\:col-span-9 {
        grid-column: span 9/span 9
    }
    .md\:col-span-10 {
        grid-column: span 10/span 10
    }
    .md\:col-span-11 {
        grid-column: span 11/span 11
    }
    .md\:col-span-12 {
        grid-column: span 12/span 12
    }
    .md\:col-span-full {
        grid-column: 1/-1
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-start-3 {
        grid-column-start: 3
    }
    .md\:col-start-4 {
        grid-column-start: 4
    }
    .md\:col-start-5 {
        grid-column-start: 5
    }
    .md\:col-start-6 {
        grid-column-start: 6
    }
    .md\:col-start-7 {
        grid-column-start: 7
    }
    .md\:col-start-8 {
        grid-column-start: 8
    }
    .md\:col-start-9 {
        grid-column-start: 9
    }
    .md\:col-start-10 {
        grid-column-start: 10
    }
    .md\:col-start-11 {
        grid-column-start: 11
    }
    .md\:col-start-12 {
        grid-column-start: 12
    }
    .md\:col-start-13 {
        grid-column-start: 13
    }
    .md\:col-start-auto {
        grid-column-start: auto
    }
    .md\:col-end-1 {
        grid-column-end: 1
    }
    .md\:col-end-2 {
        grid-column-end: 2
    }
    .md\:col-end-3 {
        grid-column-end: 3
    }
    .md\:col-end-4 {
        grid-column-end: 4
    }
    .md\:col-end-5 {
        grid-column-end: 5
    }
    .md\:col-end-6 {
        grid-column-end: 6
    }
    .md\:col-end-7 {
        grid-column-end: 7
    }
    .md\:col-end-8 {
        grid-column-end: 8
    }
    .md\:col-end-9 {
        grid-column-end: 9
    }
    .md\:col-end-10 {
        grid-column-end: 10
    }
    .md\:col-end-11 {
        grid-column-end: 11
    }
    .md\:col-end-12 {
        grid-column-end: 12
    }
    .md\:col-end-13 {
        grid-column-end: 13
    }
    .md\:col-end-auto {
        grid-column-end: auto
    }
    .md\:row-auto {
        grid-row: auto
    }
    .md\:row-span-1 {
        grid-row: span 1/span 1
    }
    .md\:row-span-2 {
        grid-row: span 2/span 2
    }
    .md\:row-span-3 {
        grid-row: span 3/span 3
    }
    .md\:row-span-4 {
        grid-row: span 4/span 4
    }
    .md\:row-span-5 {
        grid-row: span 5/span 5
    }
    .md\:row-span-6 {
        grid-row: span 6/span 6
    }
    .md\:row-span-full {
        grid-row: 1/-1
    }
    .md\:row-start-1 {
        grid-row-start: 1
    }
    .md\:row-start-2 {
        grid-row-start: 2
    }
    .md\:row-start-3 {
        grid-row-start: 3
    }
    .md\:row-start-4 {
        grid-row-start: 4
    }
    .md\:row-start-5 {
        grid-row-start: 5
    }
    .md\:row-start-6 {
        grid-row-start: 6
    }
    .md\:row-start-7 {
        grid-row-start: 7
    }
    .md\:row-start-auto {
        grid-row-start: auto
    }
    .md\:row-end-1 {
        grid-row-end: 1
    }
    .md\:row-end-2 {
        grid-row-end: 2
    }
    .md\:row-end-3 {
        grid-row-end: 3
    }
    .md\:row-end-4 {
        grid-row-end: 4
    }
    .md\:row-end-5 {
        grid-row-end: 5
    }
    .md\:row-end-6 {
        grid-row-end: 6
    }
    .md\:row-end-7 {
        grid-row-end: 7
    }
    .md\:row-end-auto {
        grid-row-end: auto
    }
    .md\:float-right {
        float: right
    }
    .md\:float-left {
        float: left
    }
    .md\:float-none {
        float: none
    }
    .md\:clear-left {
        clear: left
    }
    .md\:clear-right {
        clear: right
    }
    .md\:clear-both {
        clear: both
    }
    .md\:clear-none {
        clear: none
    }
    .md\:m-0 {
        margin: 0
    }
    .md\:m-2 {
        margin: var(--space-5xs)
    }
    .md\:m-4 {
        margin: var(--space-4xs)
    }
    .md\:m-6 {
        margin: var(--space-3xs)
    }
    .md\:m-8 {
        margin: var(--space-2xs)
    }
    .md\:m-12 {
        margin: var(--space-xs)
    }
    .md\:m-16 {
        margin: var(--space-sm)
    }
    .md\:m-20 {
        margin: var(--space-md)
    }
    .md\:m-24 {
        margin: var(--space-lg)
    }
    .md\:m-32 {
        margin: var(--space-xl)
    }
    .md\:m-40 {
        margin: var(--space-2xl)
    }
    .md\:m-48 {
        margin: var(--space-3xl)
    }
    .md\:m-80 {
        margin: var(--space-4xl)
    }
    .md\:m-auto {
        margin: auto
    }
    .md\:-m-2 {
        margin: calc(var(--space-5xs)*-1)
    }
    .md\:-m-4 {
        margin: calc(var(--space-4xs)*-1)
    }
    .md\:-m-6 {
        margin: calc(var(--space-3xs)*-1)
    }
    .md\:-m-8 {
        margin: calc(var(--space-2xs)*-1)
    }
    .md\:-m-12 {
        margin: calc(var(--space-xs)*-1)
    }
    .md\:-m-16 {
        margin: calc(var(--space-sm)*-1)
    }
    .md\:-m-20 {
        margin: calc(var(--space-md)*-1)
    }
    .md\:-m-24 {
        margin: calc(var(--space-lg)*-1)
    }
    .md\:-m-32 {
        margin: calc(var(--space-xl)*-1)
    }
    .md\:-m-40 {
        margin: calc(var(--space-2xl)*-1)
    }
    .md\:-m-48 {
        margin: calc(var(--space-3xl)*-1)
    }
    .md\:-m-80 {
        margin: calc(var(--space-4xl)*-1)
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .md\:mx-2 {
        margin-left: var(--space-5xs);
        margin-right: var(--space-5xs)
    }
    .md\:mx-4 {
        margin-left: var(--space-4xs);
        margin-right: var(--space-4xs)
    }
    .md\:mx-6 {
        margin-left: var(--space-3xs);
        margin-right: var(--space-3xs)
    }
    .md\:mx-8 {
        margin-left: var(--space-2xs);
        margin-right: var(--space-2xs)
    }
    .md\:mx-12 {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }
    .md\:mx-16 {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }
    .md\:mx-20 {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }
    .md\:mx-24 {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }
    .md\:mx-32 {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }
    .md\:mx-40 {
        margin-left: var(--space-2xl);
        margin-right: var(--space-2xl)
    }
    .md\:mx-48 {
        margin-left: var(--space-3xl);
        margin-right: var(--space-3xl)
    }
    .md\:mx-80 {
        margin-left: var(--space-4xl);
        margin-right: var(--space-4xl)
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:-mx-2 {
        margin-left: calc(var(--space-5xs)*-1);
        margin-right: calc(var(--space-5xs)*-1)
    }
    .md\:-mx-4 {
        margin-left: calc(var(--space-4xs)*-1);
        margin-right: calc(var(--space-4xs)*-1)
    }
    .md\:-mx-6 {
        margin-left: calc(var(--space-3xs)*-1);
        margin-right: calc(var(--space-3xs)*-1)
    }
    .md\:-mx-8 {
        margin-left: calc(var(--space-2xs)*-1);
        margin-right: calc(var(--space-2xs)*-1)
    }
    .md\:-mx-12 {
        margin-left: calc(var(--space-xs)*-1);
        margin-right: calc(var(--space-xs)*-1)
    }
    .md\:-mx-16 {
        margin-left: calc(var(--space-sm)*-1);
        margin-right: calc(var(--space-sm)*-1)
    }
    .md\:-mx-20 {
        margin-left: calc(var(--space-md)*-1);
        margin-right: calc(var(--space-md)*-1)
    }
    .md\:-mx-24 {
        margin-left: calc(var(--space-lg)*-1);
        margin-right: calc(var(--space-lg)*-1)
    }
    .md\:-mx-32 {
        margin-left: calc(var(--space-xl)*-1);
        margin-right: calc(var(--space-xl)*-1)
    }
    .md\:-mx-40 {
        margin-left: calc(var(--space-2xl)*-1);
        margin-right: calc(var(--space-2xl)*-1)
    }
    .md\:-mx-48 {
        margin-left: calc(var(--space-3xl)*-1);
        margin-right: calc(var(--space-3xl)*-1)
    }
    .md\:-mx-80 {
        margin-left: calc(var(--space-4xl)*-1);
        margin-right: calc(var(--space-4xl)*-1)
    }
    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .md\:my-2 {
        margin-top: var(--space-5xs);
        margin-bottom: var(--space-5xs)
    }
    .md\:my-4 {
        margin-top: var(--space-4xs);
        margin-bottom: var(--space-4xs)
    }
    .md\:my-6 {
        margin-top: var(--space-3xs);
        margin-bottom: var(--space-3xs)
    }
    .md\:my-8 {
        margin-top: var(--space-2xs);
        margin-bottom: var(--space-2xs)
    }
    .md\:my-12 {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
    }
    .md\:my-16 {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }
    .md\:my-20 {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }
    .md\:my-24 {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }
    .md\:my-32 {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }
    .md\:my-40 {
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-2xl)
    }
    .md\:my-48 {
        margin-top: var(--space-3xl);
        margin-bottom: var(--space-3xl)
    }
    .md\:my-80 {
        margin-top: var(--space-4xl);
        margin-bottom: var(--space-4xl)
    }
    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .md\:-my-2 {
        margin-top: calc(var(--space-5xs)*-1);
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .md\:-my-4 {
        margin-top: calc(var(--space-4xs)*-1);
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .md\:-my-6 {
        margin-top: calc(var(--space-3xs)*-1);
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .md\:-my-8 {
        margin-top: calc(var(--space-2xs)*-1);
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .md\:-my-12 {
        margin-top: calc(var(--space-xs)*-1);
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .md\:-my-16 {
        margin-top: calc(var(--space-sm)*-1);
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .md\:-my-20 {
        margin-top: calc(var(--space-md)*-1);
        margin-bottom: calc(var(--space-md)*-1)
    }
    .md\:-my-24 {
        margin-top: calc(var(--space-lg)*-1);
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .md\:-my-32 {
        margin-top: calc(var(--space-xl)*-1);
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .md\:-my-40 {
        margin-top: calc(var(--space-2xl)*-1);
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .md\:-my-48 {
        margin-top: calc(var(--space-3xl)*-1);
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .md\:-my-80 {
        margin-top: calc(var(--space-4xl)*-1);
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .md\:mt-0 {
        margin-top: 0
    }
    .md\:mt-2 {
        margin-top: var(--space-5xs)
    }
    .md\:mt-4 {
        margin-top: var(--space-4xs)
    }
    .md\:mt-6 {
        margin-top: var(--space-3xs)
    }
    .md\:mt-8 {
        margin-top: var(--space-2xs)
    }
    .md\:mt-12 {
        margin-top: var(--space-xs)
    }
    .md\:mt-16 {
        margin-top: var(--space-sm)
    }
    .md\:mt-20 {
        margin-top: var(--space-md)
    }
    .md\:mt-24 {
        margin-top: var(--space-lg)
    }
    .md\:mt-32 {
        margin-top: var(--space-xl)
    }
    .md\:mt-40 {
        margin-top: var(--space-2xl)
    }
    .md\:mt-48 {
        margin-top: var(--space-3xl)
    }
    .md\:mt-80 {
        margin-top: var(--space-4xl)
    }
    .md\:mt-auto {
        margin-top: auto
    }
    .md\:-mt-2 {
        margin-top: calc(var(--space-5xs)*-1)
    }
    .md\:-mt-4 {
        margin-top: calc(var(--space-4xs)*-1)
    }
    .md\:-mt-6 {
        margin-top: calc(var(--space-3xs)*-1)
    }
    .md\:-mt-8 {
        margin-top: calc(var(--space-2xs)*-1)
    }
    .md\:-mt-12 {
        margin-top: calc(var(--space-xs)*-1)
    }
    .md\:-mt-16 {
        margin-top: calc(var(--space-sm)*-1)
    }
    .md\:-mt-20 {
        margin-top: calc(var(--space-md)*-1)
    }
    .md\:-mt-24 {
        margin-top: calc(var(--space-lg)*-1)
    }
    .md\:-mt-32 {
        margin-top: calc(var(--space-xl)*-1)
    }
    .md\:-mt-40 {
        margin-top: calc(var(--space-2xl)*-1)
    }
    .md\:-mt-48 {
        margin-top: calc(var(--space-3xl)*-1)
    }
    .md\:-mt-80 {
        margin-top: calc(var(--space-4xl)*-1)
    }
    .md\:mr-0 {
        margin-right: 0
    }
    .md\:mr-2 {
        margin-right: var(--space-5xs)
    }
    .md\:mr-4 {
        margin-right: var(--space-4xs)
    }
    .md\:mr-6 {
        margin-right: var(--space-3xs)
    }
    .md\:mr-8 {
        margin-right: var(--space-2xs)
    }
    .md\:mr-12 {
        margin-right: var(--space-xs)
    }
    .md\:mr-16 {
        margin-right: var(--space-sm)
    }
    .md\:mr-20 {
        margin-right: var(--space-md)
    }
    .md\:mr-24 {
        margin-right: var(--space-lg)
    }
    .md\:mr-32 {
        margin-right: var(--space-xl)
    }
    .md\:mr-40 {
        margin-right: var(--space-2xl)
    }
    .md\:mr-48 {
        margin-right: var(--space-3xl)
    }
    .md\:mr-80 {
        margin-right: var(--space-4xl)
    }
    .md\:mr-auto {
        margin-right: auto
    }
    .md\:-mr-2 {
        margin-right: calc(var(--space-5xs)*-1)
    }
    .md\:-mr-4 {
        margin-right: calc(var(--space-4xs)*-1)
    }
    .md\:-mr-6 {
        margin-right: calc(var(--space-3xs)*-1)
    }
    .md\:-mr-8 {
        margin-right: calc(var(--space-2xs)*-1)
    }
    .md\:-mr-12 {
        margin-right: calc(var(--space-xs)*-1)
    }
    .md\:-mr-16 {
        margin-right: calc(var(--space-sm)*-1)
    }
    .md\:-mr-20 {
        margin-right: calc(var(--space-md)*-1)
    }
    .md\:-mr-24 {
        margin-right: calc(var(--space-lg)*-1)
    }
    .md\:-mr-32 {
        margin-right: calc(var(--space-xl)*-1)
    }
    .md\:-mr-40 {
        margin-right: calc(var(--space-2xl)*-1)
    }
    .md\:-mr-48 {
        margin-right: calc(var(--space-3xl)*-1)
    }
    .md\:-mr-80 {
        margin-right: calc(var(--space-4xl)*-1)
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:mb-2 {
        margin-bottom: var(--space-5xs)
    }
    .md\:mb-4 {
        margin-bottom: var(--space-4xs)
    }
    .md\:mb-6 {
        margin-bottom: var(--space-3xs)
    }
    .md\:mb-8 {
        margin-bottom: var(--space-2xs)
    }
    .md\:mb-12 {
        margin-bottom: var(--space-xs)
    }
    .md\:mb-16 {
        margin-bottom: var(--space-sm)
    }
    .md\:mb-20 {
        margin-bottom: var(--space-md)
    }
    .md\:mb-24 {
        margin-bottom: var(--space-lg)
    }
    .md\:mb-32 {
        margin-bottom: var(--space-xl)
    }
    .md\:mb-40 {
        margin-bottom: var(--space-2xl)
    }
    .md\:mb-48 {
        margin-bottom: var(--space-3xl)
    }
    .md\:mb-80 {
        margin-bottom: var(--space-4xl)
    }
    .md\:mb-auto {
        margin-bottom: auto
    }
    .md\:-mb-2 {
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .md\:-mb-4 {
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .md\:-mb-6 {
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .md\:-mb-8 {
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .md\:-mb-12 {
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .md\:-mb-16 {
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .md\:-mb-20 {
        margin-bottom: calc(var(--space-md)*-1)
    }
    .md\:-mb-24 {
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .md\:-mb-32 {
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .md\:-mb-40 {
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .md\:-mb-48 {
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .md\:-mb-80 {
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .md\:ml-0 {
        margin-left: 0
    }
    .md\:ml-2 {
        margin-left: var(--space-5xs)
    }
    .md\:ml-4 {
        margin-left: var(--space-4xs)
    }
    .md\:ml-6 {
        margin-left: var(--space-3xs)
    }
    .md\:ml-8 {
        margin-left: var(--space-2xs)
    }
    .md\:ml-12 {
        margin-left: var(--space-xs)
    }
    .md\:ml-16 {
        margin-left: var(--space-sm)
    }
    .md\:ml-20 {
        margin-left: var(--space-md)
    }
    .md\:ml-24 {
        margin-left: var(--space-lg)
    }
    .md\:ml-32 {
        margin-left: var(--space-xl)
    }
    .md\:ml-40 {
        margin-left: var(--space-2xl)
    }
    .md\:ml-48 {
        margin-left: var(--space-3xl)
    }
    .md\:ml-80 {
        margin-left: var(--space-4xl)
    }
    .md\:ml-auto {
        margin-left: auto
    }
    .md\:-ml-2 {
        margin-left: calc(var(--space-5xs)*-1)
    }
    .md\:-ml-4 {
        margin-left: calc(var(--space-4xs)*-1)
    }
    .md\:-ml-6 {
        margin-left: calc(var(--space-3xs)*-1)
    }
    .md\:-ml-8 {
        margin-left: calc(var(--space-2xs)*-1)
    }
    .md\:-ml-12 {
        margin-left: calc(var(--space-xs)*-1)
    }
    .md\:-ml-16 {
        margin-left: calc(var(--space-sm)*-1)
    }
    .md\:-ml-20 {
        margin-left: calc(var(--space-md)*-1)
    }
    .md\:-ml-24 {
        margin-left: calc(var(--space-lg)*-1)
    }
    .md\:-ml-32 {
        margin-left: calc(var(--space-xl)*-1)
    }
    .md\:-ml-40 {
        margin-left: calc(var(--space-2xl)*-1)
    }
    .md\:-ml-48 {
        margin-left: calc(var(--space-3xl)*-1)
    }
    .md\:-ml-80 {
        margin-left: calc(var(--space-4xl)*-1)
    }
    .md\:box-border {
        box-sizing: border-box
    }
    .md\:box-content {
        box-sizing: content-box
    }
    .md\:block {
        display: block
    }
    .md\:inline-block {
        display: inline-block
    }
    .md\:inline {
        display: inline
    }
    .md\:flex {
        display: flex
    }
    .md\:inline-flex {
        display: inline-flex
    }
    .md\:table {
        display: table
    }
    .md\:inline-table {
        display: inline-table
    }
    .md\:table-caption {
        display: table-caption
    }
    .md\:table-cell {
        display: table-cell
    }
    .md\:table-column {
        display: table-column
    }
    .md\:table-column-group {
        display: table-column-group
    }
    .md\:table-footer-group {
        display: table-footer-group
    }
    .md\:table-header-group {
        display: table-header-group
    }
    .md\:table-row-group {
        display: table-row-group
    }
    .md\:table-row {
        display: table-row
    }
    .md\:flow-root {
        display: flow-root
    }
    .md\:grid {
        display: grid
    }
    .md\:inline-grid {
        display: inline-grid
    }
    .md\:contents {
        display: contents
    }
    .md\:list-item {
        display: list-item
    }
    .md\:hidden {
        display: none
    }
    .md\:h-0 {
        height: 0
    }
    .md\:h-2 {
        height: var(--space-5xs)
    }
    .md\:h-4 {
        height: var(--space-4xs)
    }
    .md\:h-6 {
        height: var(--space-3xs)
    }
    .md\:h-8 {
        height: var(--space-2xs)
    }
    .md\:h-12 {
        height: var(--space-xs)
    }
    .md\:h-16 {
        height: var(--space-sm)
    }
    .md\:h-20 {
        height: var(--space-md)
    }
    .md\:h-24 {
        height: var(--space-lg)
    }
    .md\:h-32 {
        height: var(--space-xl)
    }
    .md\:h-40 {
        height: var(--space-2xl)
    }
    .md\:h-48 {
        height: var(--space-3xl)
    }
    .md\:h-80 {
        height: var(--space-4xl)
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-1\/2 {
        height: 50%
    }
    .md\:h-1\/3 {
        height: 33.333333%
    }
    .md\:h-2\/3 {
        height: 66.666667%
    }
    .md\:h-1\/4 {
        height: 25%
    }
    .md\:h-2\/4 {
        height: 50%
    }
    .md\:h-3\/4 {
        height: 75%
    }
    .md\:h-1\/5 {
        height: 20%
    }
    .md\:h-2\/5 {
        height: 40%
    }
    .md\:h-3\/5 {
        height: 60%
    }
    .md\:h-4\/5 {
        height: 80%
    }
    .md\:h-1\/6 {
        height: 16.666667%
    }
    .md\:h-2\/6 {
        height: 33.333333%
    }
    .md\:h-3\/6 {
        height: 50%
    }
    .md\:h-4\/6 {
        height: 66.666667%
    }
    .md\:h-5\/6 {
        height: 83.333333%
    }
    .md\:h-full {
        height: 100%
    }
    .md\:h-screen {
        height: 100vh
    }
    .md\:max-h-0 {
        max-height: 0
    }
    .md\:max-h-2 {
        max-height: var(--space-5xs)
    }
    .md\:max-h-4 {
        max-height: var(--space-4xs)
    }
    .md\:max-h-6 {
        max-height: var(--space-3xs)
    }
    .md\:max-h-8 {
        max-height: var(--space-2xs)
    }
    .md\:max-h-12 {
        max-height: var(--space-xs)
    }
    .md\:max-h-16 {
        max-height: var(--space-sm)
    }
    .md\:max-h-20 {
        max-height: var(--space-md)
    }
    .md\:max-h-24 {
        max-height: var(--space-lg)
    }
    .md\:max-h-32 {
        max-height: var(--space-xl)
    }
    .md\:max-h-40 {
        max-height: var(--space-2xl)
    }
    .md\:max-h-48 {
        max-height: var(--space-3xl)
    }
    .md\:max-h-80 {
        max-height: var(--space-4xl)
    }
    .md\:max-h-full {
        max-height: 100%
    }
    .md\:max-h-screen {
        max-height: 100vh
    }
    .md\:min-h-0 {
        min-height: 0
    }
    .md\:min-h-full {
        min-height: 100%
    }
    .md\:min-h-screen {
        min-height: 100vh
    }
    .md\:w-0 {
        width: 0
    }
    .md\:w-2 {
        width: var(--space-5xs)
    }
    .md\:w-4 {
        width: var(--space-4xs)
    }
    .md\:w-6 {
        width: var(--space-3xs)
    }
    .md\:w-8 {
        width: var(--space-2xs)
    }
    .md\:w-12 {
        width: var(--space-xs)
    }
    .md\:w-16 {
        width: var(--space-sm)
    }
    .md\:w-20 {
        width: var(--space-md)
    }
    .md\:w-24 {
        width: var(--space-lg)
    }
    .md\:w-32 {
        width: var(--space-xl)
    }
    .md\:w-40 {
        width: var(--space-2xl)
    }
    .md\:w-48 {
        width: var(--space-3xl)
    }
    .md\:w-80 {
        width: var(--space-4xl)
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/3 {
        width: 33.333333%
    }
    .md\:w-2\/3 {
        width: 66.666667%
    }
    .md\:w-1\/4 {
        width: 25%
    }
    .md\:w-2\/4 {
        width: 50%
    }
    .md\:w-3\/4 {
        width: 75%
    }
    .md\:w-1\/5 {
        width: 20%
    }
    .md\:w-2\/5 {
        width: 40%
    }
    .md\:w-3\/5 {
        width: 60%
    }
    .md\:w-4\/5 {
        width: 80%
    }
    .md\:w-1\/6 {
        width: 16.666667%
    }
    .md\:w-2\/6 {
        width: 33.333333%
    }
    .md\:w-3\/6 {
        width: 50%
    }
    .md\:w-4\/6 {
        width: 66.666667%
    }
    .md\:w-5\/6 {
        width: 83.333333%
    }
    .md\:w-1\/12 {
        width: 8.333333%
    }
    .md\:w-2\/12 {
        width: 16.666667%
    }
    .md\:w-3\/12 {
        width: 25%
    }
    .md\:w-4\/12 {
        width: 33.333333%
    }
    .md\:w-5\/12 {
        width: 41.666667%
    }
    .md\:w-6\/12 {
        width: 50%
    }
    .md\:w-7\/12 {
        width: 58.333333%
    }
    .md\:w-8\/12 {
        width: 66.666667%
    }
    .md\:w-9\/12 {
        width: 75%
    }
    .md\:w-10\/12 {
        width: 83.333333%
    }
    .md\:w-11\/12 {
        width: 91.666667%
    }
    .md\:w-full {
        width: 100%
    }
    .md\:w-screen {
        width: 100vw
    }
    .md\:w-min {
        width: -webkit-min-content;
        width: min-content
    }
    .md\:w-max {
        width: -webkit-max-content;
        width: max-content
    }
    .md\:min-w-0 {
        min-width: 0
    }
    .md\:min-w-full {
        min-width: 100%
    }
    .md\:min-w-min {
        min-width: -webkit-min-content;
        min-width: min-content
    }
    .md\:min-w-max {
        min-width: -webkit-max-content;
        min-width: max-content
    }
    .md\:max-w-0 {
        max-width: 0
    }
    .md\:max-w-none {
        max-width: none
    }
    .md\:max-w-xs {
        max-width: 20rem
    }
    .md\:max-w-sm {
        max-width: 24rem
    }
    .md\:max-w-md {
        max-width: 28rem
    }
    .md\:max-w-lg {
        max-width: 32rem
    }
    .md\:max-w-xl {
        max-width: 36rem
    }
    .md\:max-w-2xl {
        max-width: 42rem
    }
    .md\:max-w-3xl {
        max-width: 48rem
    }
    .md\:max-w-4xl {
        max-width: 56rem
    }
    .md\:max-w-5xl {
        max-width: 64rem
    }
    .md\:max-w-6xl {
        max-width: 72rem
    }
    .md\:max-w-7xl {
        max-width: 80rem
    }
    .md\:max-w-full {
        max-width: 100%
    }
    .md\:max-w-min {
        max-width: -webkit-min-content;
        max-width: min-content
    }
    .md\:max-w-max {
        max-width: -webkit-max-content;
        max-width: max-content
    }
    .md\:max-w-prose {
        max-width: 65ch
    }
    .md\:max-w-screen-sm {
        max-width: 576px
    }
    .md\:max-w-screen-md {
        max-width: 768px
    }
    .md\:max-w-screen-lg {
        max-width: 992px
    }
    .md\:max-w-screen-xl {
        max-width: 1200px
    }
    .md\:max-w-screen-xxl {
        max-width: 1536px
    }
    .md\:flex-1 {
        flex: 1 1 0%
    }
    .md\:flex-auto {
        flex: 1 1 auto
    }
    .md\:flex-initial {
        flex: 0 1 auto
    }
    .md\:flex-none {
        flex: none
    }
    .md\:flex-shrink-0 {
        flex-shrink: 0
    }
    .md\:flex-shrink {
        flex-shrink: 1
    }
    .md\:flex-grow-0 {
        flex-grow: 0
    }
    .md\:flex-grow {
        flex-grow: 1
    }
    .md\:table-auto {
        table-layout: auto
    }
    .md\:table-fixed {
        table-layout: fixed
    }
    .md\:border-collapse {
        border-collapse: collapse
    }
    .md\:border-separate {
        border-collapse: separate
    }
    .md\:origin-center {
        transform-origin: center
    }
    .md\:origin-top {
        transform-origin: top
    }
    .md\:origin-top-right {
        transform-origin: top right
    }
    .md\:origin-right {
        transform-origin: right
    }
    .md\:origin-bottom-right {
        transform-origin: bottom right
    }
    .md\:origin-bottom {
        transform-origin: bottom
    }
    .md\:origin-bottom-left {
        transform-origin: bottom left
    }
    .md\:origin-left {
        transform-origin: left
    }
    .md\:origin-top-left {
        transform-origin: top left
    }
    .md\:transform {
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:transform,
    .md\:transform-gpu {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .md\:transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:transform-none {
        transform: none
    }
    .md\:translate-x-0 {
        --tw-translate-x: 0
    }
    .md\:translate-x-2 {
        --tw-translate-x: var(--space-5xs)
    }
    .md\:translate-x-4 {
        --tw-translate-x: var(--space-4xs)
    }
    .md\:translate-x-6 {
        --tw-translate-x: var(--space-3xs)
    }
    .md\:translate-x-8 {
        --tw-translate-x: var(--space-2xs)
    }
    .md\:translate-x-12 {
        --tw-translate-x: var(--space-xs)
    }
    .md\:translate-x-16 {
        --tw-translate-x: var(--space-sm)
    }
    .md\:translate-x-20 {
        --tw-translate-x: var(--space-md)
    }
    .md\:translate-x-24 {
        --tw-translate-x: var(--space-lg)
    }
    .md\:translate-x-32 {
        --tw-translate-x: var(--space-xl)
    }
    .md\:translate-x-40 {
        --tw-translate-x: var(--space-2xl)
    }
    .md\:translate-x-48 {
        --tw-translate-x: var(--space-3xl)
    }
    .md\:translate-x-80 {
        --tw-translate-x: var(--space-4xl)
    }
    .md\:-translate-x-2 {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .md\:-translate-x-4 {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .md\:-translate-x-6 {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .md\:-translate-x-8 {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .md\:-translate-x-12 {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .md\:-translate-x-16 {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .md\:-translate-x-20 {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .md\:-translate-x-24 {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .md\:-translate-x-32 {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .md\:-translate-x-40 {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .md\:-translate-x-48 {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .md\:-translate-x-80 {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .md\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }
    .md\:translate-x-1\/3 {
        --tw-translate-x: 33.333333%
    }
    .md\:translate-x-2\/3 {
        --tw-translate-x: 66.666667%
    }
    .md\:translate-x-1\/4 {
        --tw-translate-x: 25%
    }
    .md\:translate-x-2\/4 {
        --tw-translate-x: 50%
    }
    .md\:translate-x-3\/4 {
        --tw-translate-x: 75%
    }
    .md\:translate-x-full {
        --tw-translate-x: 100%
    }
    .md\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
    .md\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%
    }
    .md\:-translate-x-2\/3 {
        --tw-translate-x: -66.666667%
    }
    .md\:-translate-x-1\/4 {
        --tw-translate-x: -25%
    }
    .md\:-translate-x-2\/4 {
        --tw-translate-x: -50%
    }
    .md\:-translate-x-3\/4 {
        --tw-translate-x: -75%
    }
    .md\:-translate-x-full {
        --tw-translate-x: -100%
    }
    .md\:translate-y-0 {
        --tw-translate-y: 0
    }
    .md\:translate-y-2 {
        --tw-translate-y: var(--space-5xs)
    }
    .md\:translate-y-4 {
        --tw-translate-y: var(--space-4xs)
    }
    .md\:translate-y-6 {
        --tw-translate-y: var(--space-3xs)
    }
    .md\:translate-y-8 {
        --tw-translate-y: var(--space-2xs)
    }
    .md\:translate-y-12 {
        --tw-translate-y: var(--space-xs)
    }
    .md\:translate-y-16 {
        --tw-translate-y: var(--space-sm)
    }
    .md\:translate-y-20 {
        --tw-translate-y: var(--space-md)
    }
    .md\:translate-y-24 {
        --tw-translate-y: var(--space-lg)
    }
    .md\:translate-y-32 {
        --tw-translate-y: var(--space-xl)
    }
    .md\:translate-y-40 {
        --tw-translate-y: var(--space-2xl)
    }
    .md\:translate-y-48 {
        --tw-translate-y: var(--space-3xl)
    }
    .md\:translate-y-80 {
        --tw-translate-y: var(--space-4xl)
    }
    .md\:-translate-y-2 {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .md\:-translate-y-4 {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .md\:-translate-y-6 {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .md\:-translate-y-8 {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .md\:-translate-y-12 {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .md\:-translate-y-16 {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .md\:-translate-y-20 {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .md\:-translate-y-24 {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .md\:-translate-y-32 {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .md\:-translate-y-40 {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .md\:-translate-y-48 {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .md\:-translate-y-80 {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .md\:translate-y-1\/2 {
        --tw-translate-y: 50%
    }
    .md\:translate-y-1\/3 {
        --tw-translate-y: 33.333333%
    }
    .md\:translate-y-2\/3 {
        --tw-translate-y: 66.666667%
    }
    .md\:translate-y-1\/4 {
        --tw-translate-y: 25%
    }
    .md\:translate-y-2\/4 {
        --tw-translate-y: 50%
    }
    .md\:translate-y-3\/4 {
        --tw-translate-y: 75%
    }
    .md\:translate-y-full {
        --tw-translate-y: 100%
    }
    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .md\:-translate-y-1\/3 {
        --tw-translate-y: -33.333333%
    }
    .md\:-translate-y-2\/3 {
        --tw-translate-y: -66.666667%
    }
    .md\:-translate-y-1\/4 {
        --tw-translate-y: -25%
    }
    .md\:-translate-y-2\/4 {
        --tw-translate-y: -50%
    }
    .md\:-translate-y-3\/4 {
        --tw-translate-y: -75%
    }
    .md\:-translate-y-full {
        --tw-translate-y: -100%
    }
    .md\:hover\:translate-x-0:hover {
        --tw-translate-x: 0
    }
    .md\:hover\:translate-x-2:hover {
        --tw-translate-x: var(--space-5xs)
    }
    .md\:hover\:translate-x-4:hover {
        --tw-translate-x: var(--space-4xs)
    }
    .md\:hover\:translate-x-6:hover {
        --tw-translate-x: var(--space-3xs)
    }
    .md\:hover\:translate-x-8:hover {
        --tw-translate-x: var(--space-2xs)
    }
    .md\:hover\:translate-x-12:hover {
        --tw-translate-x: var(--space-xs)
    }
    .md\:hover\:translate-x-16:hover {
        --tw-translate-x: var(--space-sm)
    }
    .md\:hover\:translate-x-20:hover {
        --tw-translate-x: var(--space-md)
    }
    .md\:hover\:translate-x-24:hover {
        --tw-translate-x: var(--space-lg)
    }
    .md\:hover\:translate-x-32:hover {
        --tw-translate-x: var(--space-xl)
    }
    .md\:hover\:translate-x-40:hover {
        --tw-translate-x: var(--space-2xl)
    }
    .md\:hover\:translate-x-48:hover {
        --tw-translate-x: var(--space-3xl)
    }
    .md\:hover\:translate-x-80:hover {
        --tw-translate-x: var(--space-4xl)
    }
    .md\:hover\:-translate-x-2:hover {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .md\:hover\:-translate-x-4:hover {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .md\:hover\:-translate-x-6:hover {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .md\:hover\:-translate-x-8:hover {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .md\:hover\:-translate-x-12:hover {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .md\:hover\:-translate-x-16:hover {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .md\:hover\:-translate-x-20:hover {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .md\:hover\:-translate-x-24:hover {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .md\:hover\:-translate-x-32:hover {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .md\:hover\:-translate-x-40:hover {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .md\:hover\:-translate-x-48:hover {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .md\:hover\:-translate-x-80:hover {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .md\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }
    .md\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }
    .md\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }
    .md\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }
    .md\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }
    .md\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }
    .md\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }
    .md\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }
    .md\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }
    .md\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }
    .md\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }
    .md\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }
    .md\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }
    .md\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }
    .md\:hover\:translate-y-0:hover {
        --tw-translate-y: 0
    }
    .md\:hover\:translate-y-2:hover {
        --tw-translate-y: var(--space-5xs)
    }
    .md\:hover\:translate-y-4:hover {
        --tw-translate-y: var(--space-4xs)
    }
    .md\:hover\:translate-y-6:hover {
        --tw-translate-y: var(--space-3xs)
    }
    .md\:hover\:translate-y-8:hover {
        --tw-translate-y: var(--space-2xs)
    }
    .md\:hover\:translate-y-12:hover {
        --tw-translate-y: var(--space-xs)
    }
    .md\:hover\:translate-y-16:hover {
        --tw-translate-y: var(--space-sm)
    }
    .md\:hover\:translate-y-20:hover {
        --tw-translate-y: var(--space-md)
    }
    .md\:hover\:translate-y-24:hover {
        --tw-translate-y: var(--space-lg)
    }
    .md\:hover\:translate-y-32:hover {
        --tw-translate-y: var(--space-xl)
    }
    .md\:hover\:translate-y-40:hover {
        --tw-translate-y: var(--space-2xl)
    }
    .md\:hover\:translate-y-48:hover {
        --tw-translate-y: var(--space-3xl)
    }
    .md\:hover\:translate-y-80:hover {
        --tw-translate-y: var(--space-4xl)
    }
    .md\:hover\:-translate-y-2:hover {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .md\:hover\:-translate-y-4:hover {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .md\:hover\:-translate-y-6:hover {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .md\:hover\:-translate-y-8:hover {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .md\:hover\:-translate-y-12:hover {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .md\:hover\:-translate-y-16:hover {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .md\:hover\:-translate-y-20:hover {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .md\:hover\:-translate-y-24:hover {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .md\:hover\:-translate-y-32:hover {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .md\:hover\:-translate-y-40:hover {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .md\:hover\:-translate-y-48:hover {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .md\:hover\:-translate-y-80:hover {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .md\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }
    .md\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }
    .md\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }
    .md\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }
    .md\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }
    .md\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }
    .md\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }
    .md\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }
    .md\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }
    .md\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }
    .md\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }
    .md\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }
    .md\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }
    .md\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }
    .md\:focus\:translate-x-0:focus {
        --tw-translate-x: 0
    }
    .md\:focus\:translate-x-2:focus {
        --tw-translate-x: var(--space-5xs)
    }
    .md\:focus\:translate-x-4:focus {
        --tw-translate-x: var(--space-4xs)
    }
    .md\:focus\:translate-x-6:focus {
        --tw-translate-x: var(--space-3xs)
    }
    .md\:focus\:translate-x-8:focus {
        --tw-translate-x: var(--space-2xs)
    }
    .md\:focus\:translate-x-12:focus {
        --tw-translate-x: var(--space-xs)
    }
    .md\:focus\:translate-x-16:focus {
        --tw-translate-x: var(--space-sm)
    }
    .md\:focus\:translate-x-20:focus {
        --tw-translate-x: var(--space-md)
    }
    .md\:focus\:translate-x-24:focus {
        --tw-translate-x: var(--space-lg)
    }
    .md\:focus\:translate-x-32:focus {
        --tw-translate-x: var(--space-xl)
    }
    .md\:focus\:translate-x-40:focus {
        --tw-translate-x: var(--space-2xl)
    }
    .md\:focus\:translate-x-48:focus {
        --tw-translate-x: var(--space-3xl)
    }
    .md\:focus\:translate-x-80:focus {
        --tw-translate-x: var(--space-4xl)
    }
    .md\:focus\:-translate-x-2:focus {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .md\:focus\:-translate-x-4:focus {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .md\:focus\:-translate-x-6:focus {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .md\:focus\:-translate-x-8:focus {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .md\:focus\:-translate-x-12:focus {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .md\:focus\:-translate-x-16:focus {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .md\:focus\:-translate-x-20:focus {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .md\:focus\:-translate-x-24:focus {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .md\:focus\:-translate-x-32:focus {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .md\:focus\:-translate-x-40:focus {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .md\:focus\:-translate-x-48:focus {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .md\:focus\:-translate-x-80:focus {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .md\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }
    .md\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }
    .md\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }
    .md\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }
    .md\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }
    .md\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }
    .md\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }
    .md\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }
    .md\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }
    .md\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }
    .md\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }
    .md\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }
    .md\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }
    .md\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }
    .md\:focus\:translate-y-0:focus {
        --tw-translate-y: 0
    }
    .md\:focus\:translate-y-2:focus {
        --tw-translate-y: var(--space-5xs)
    }
    .md\:focus\:translate-y-4:focus {
        --tw-translate-y: var(--space-4xs)
    }
    .md\:focus\:translate-y-6:focus {
        --tw-translate-y: var(--space-3xs)
    }
    .md\:focus\:translate-y-8:focus {
        --tw-translate-y: var(--space-2xs)
    }
    .md\:focus\:translate-y-12:focus {
        --tw-translate-y: var(--space-xs)
    }
    .md\:focus\:translate-y-16:focus {
        --tw-translate-y: var(--space-sm)
    }
    .md\:focus\:translate-y-20:focus {
        --tw-translate-y: var(--space-md)
    }
    .md\:focus\:translate-y-24:focus {
        --tw-translate-y: var(--space-lg)
    }
    .md\:focus\:translate-y-32:focus {
        --tw-translate-y: var(--space-xl)
    }
    .md\:focus\:translate-y-40:focus {
        --tw-translate-y: var(--space-2xl)
    }
    .md\:focus\:translate-y-48:focus {
        --tw-translate-y: var(--space-3xl)
    }
    .md\:focus\:translate-y-80:focus {
        --tw-translate-y: var(--space-4xl)
    }
    .md\:focus\:-translate-y-2:focus {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .md\:focus\:-translate-y-4:focus {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .md\:focus\:-translate-y-6:focus {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .md\:focus\:-translate-y-8:focus {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .md\:focus\:-translate-y-12:focus {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .md\:focus\:-translate-y-16:focus {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .md\:focus\:-translate-y-20:focus {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .md\:focus\:-translate-y-24:focus {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .md\:focus\:-translate-y-32:focus {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .md\:focus\:-translate-y-40:focus {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .md\:focus\:-translate-y-48:focus {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .md\:focus\:-translate-y-80:focus {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .md\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }
    .md\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }
    .md\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }
    .md\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }
    .md\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }
    .md\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }
    .md\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }
    .md\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }
    .md\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }
    .md\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }
    .md\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }
    .md\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }
    .md\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }
    .md\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }
    .md\:rotate-0 {
        --tw-rotate: 0deg
    }
    .md\:rotate-1 {
        --tw-rotate: 1deg
    }
    .md\:rotate-2 {
        --tw-rotate: 2deg
    }
    .md\:rotate-3 {
        --tw-rotate: 3deg
    }
    .md\:rotate-6 {
        --tw-rotate: 6deg
    }
    .md\:rotate-12 {
        --tw-rotate: 12deg
    }
    .md\:rotate-45 {
        --tw-rotate: 45deg
    }
    .md\:rotate-90 {
        --tw-rotate: 90deg
    }
    .md\:rotate-180 {
        --tw-rotate: 180deg
    }
    .md\:-rotate-180 {
        --tw-rotate: -180deg
    }
    .md\:-rotate-90 {
        --tw-rotate: -90deg
    }
    .md\:-rotate-45 {
        --tw-rotate: -45deg
    }
    .md\:-rotate-12 {
        --tw-rotate: -12deg
    }
    .md\:-rotate-6 {
        --tw-rotate: -6deg
    }
    .md\:-rotate-3 {
        --tw-rotate: -3deg
    }
    .md\:-rotate-2 {
        --tw-rotate: -2deg
    }
    .md\:-rotate-1 {
        --tw-rotate: -1deg
    }
    .md\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }
    .md\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }
    .md\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }
    .md\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }
    .md\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }
    .md\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }
    .md\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }
    .md\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }
    .md\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }
    .md\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }
    .md\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }
    .md\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }
    .md\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }
    .md\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }
    .md\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }
    .md\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }
    .md\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }
    .md\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }
    .md\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }
    .md\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }
    .md\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }
    .md\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }
    .md\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }
    .md\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }
    .md\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }
    .md\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }
    .md\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }
    .md\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }
    .md\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }
    .md\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }
    .md\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }
    .md\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }
    .md\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }
    .md\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }
    .md\:skew-x-0 {
        --tw-skew-x: 0deg
    }
    .md\:skew-x-1 {
        --tw-skew-x: 1deg
    }
    .md\:skew-x-2 {
        --tw-skew-x: 2deg
    }
    .md\:skew-x-3 {
        --tw-skew-x: 3deg
    }
    .md\:skew-x-6 {
        --tw-skew-x: 6deg
    }
    .md\:skew-x-12 {
        --tw-skew-x: 12deg
    }
    .md\:-skew-x-12 {
        --tw-skew-x: -12deg
    }
    .md\:-skew-x-6 {
        --tw-skew-x: -6deg
    }
    .md\:-skew-x-3 {
        --tw-skew-x: -3deg
    }
    .md\:-skew-x-2 {
        --tw-skew-x: -2deg
    }
    .md\:-skew-x-1 {
        --tw-skew-x: -1deg
    }
    .md\:skew-y-0 {
        --tw-skew-y: 0deg
    }
    .md\:skew-y-1 {
        --tw-skew-y: 1deg
    }
    .md\:skew-y-2 {
        --tw-skew-y: 2deg
    }
    .md\:skew-y-3 {
        --tw-skew-y: 3deg
    }
    .md\:skew-y-6 {
        --tw-skew-y: 6deg
    }
    .md\:skew-y-12 {
        --tw-skew-y: 12deg
    }
    .md\:-skew-y-12 {
        --tw-skew-y: -12deg
    }
    .md\:-skew-y-6 {
        --tw-skew-y: -6deg
    }
    .md\:-skew-y-3 {
        --tw-skew-y: -3deg
    }
    .md\:-skew-y-2 {
        --tw-skew-y: -2deg
    }
    .md\:-skew-y-1 {
        --tw-skew-y: -1deg
    }
    .md\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }
    .md\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }
    .md\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }
    .md\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }
    .md\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }
    .md\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }
    .md\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }
    .md\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }
    .md\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }
    .md\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }
    .md\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }
    .md\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }
    .md\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }
    .md\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }
    .md\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }
    .md\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }
    .md\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }
    .md\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }
    .md\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }
    .md\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }
    .md\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }
    .md\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }
    .md\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }
    .md\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }
    .md\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }
    .md\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }
    .md\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }
    .md\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }
    .md\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }
    .md\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }
    .md\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }
    .md\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }
    .md\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }
    .md\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }
    .md\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }
    .md\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }
    .md\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }
    .md\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }
    .md\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }
    .md\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }
    .md\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }
    .md\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }
    .md\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }
    .md\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }
    .md\:scale-0 {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .md\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .md\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .md\:scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .md\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .md\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .md\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .md\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .md\:scale-150 {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .md\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .md\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .md\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .md\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .md\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .md\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .md\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .md\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .md\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .md\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .md\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .md\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .md\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .md\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .md\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .md\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .md\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .md\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .md\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .md\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .md\:scale-x-0 {
        --tw-scale-x: 0
    }
    .md\:scale-x-50 {
        --tw-scale-x: .5
    }
    .md\:scale-x-75 {
        --tw-scale-x: .75
    }
    .md\:scale-x-90 {
        --tw-scale-x: .9
    }
    .md\:scale-x-95 {
        --tw-scale-x: .95
    }
    .md\:scale-x-100 {
        --tw-scale-x: 1
    }
    .md\:scale-x-105 {
        --tw-scale-x: 1.05
    }
    .md\:scale-x-110 {
        --tw-scale-x: 1.1
    }
    .md\:scale-x-125 {
        --tw-scale-x: 1.25
    }
    .md\:scale-x-150 {
        --tw-scale-x: 1.5
    }
    .md\:scale-y-0 {
        --tw-scale-y: 0
    }
    .md\:scale-y-50 {
        --tw-scale-y: .5
    }
    .md\:scale-y-75 {
        --tw-scale-y: .75
    }
    .md\:scale-y-90 {
        --tw-scale-y: .9
    }
    .md\:scale-y-95 {
        --tw-scale-y: .95
    }
    .md\:scale-y-100 {
        --tw-scale-y: 1
    }
    .md\:scale-y-105 {
        --tw-scale-y: 1.05
    }
    .md\:scale-y-110 {
        --tw-scale-y: 1.1
    }
    .md\:scale-y-125 {
        --tw-scale-y: 1.25
    }
    .md\:scale-y-150 {
        --tw-scale-y: 1.5
    }
    .md\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }
    .md\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }
    .md\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }
    .md\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }
    .md\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }
    .md\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }
    .md\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }
    .md\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }
    .md\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }
    .md\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }
    .md\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }
    .md\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }
    .md\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }
    .md\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }
    .md\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }
    .md\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }
    .md\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }
    .md\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }
    .md\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }
    .md\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }
    .md\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }
    .md\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }
    .md\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }
    .md\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }
    .md\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }
    .md\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }
    .md\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }
    .md\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }
    .md\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }
    .md\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }
    .md\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }
    .md\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }
    .md\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }
    .md\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }
    .md\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }
    .md\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }
    .md\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }
    .md\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }
    .md\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }
    .md\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }
    .md\:animate-none {
        -webkit-animation: none;
        animation: none
    }
    .md\:animate-spin {
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite
    }
    .md\:animate-ping {
        -webkit-animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
    }
    .md\:animate-pulse {
        -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }
    .md\:animate-bounce {
        -webkit-animation: bounce 1s infinite;
        animation: bounce 1s infinite
    }
    .md\:cursor-auto {
        cursor: auto
    }
    .md\:cursor-default {
        cursor: default
    }
    .md\:cursor-pointer {
        cursor: pointer
    }
    .md\:cursor-wait {
        cursor: wait
    }
    .md\:cursor-text {
        cursor: text
    }
    .md\:cursor-move {
        cursor: move
    }
    .md\:cursor-help {
        cursor: help
    }
    .md\:cursor-not-allowed {
        cursor: not-allowed
    }
    .md\:select-none {
        -webkit-user-select: none;
        user-select: none
    }
    .md\:select-text {
        -webkit-user-select: text;
        user-select: text
    }
    .md\:select-all {
        -webkit-user-select: all;
        user-select: all
    }
    .md\:select-auto {
        -webkit-user-select: auto;
        user-select: auto
    }
    .md\:resize-none {
        resize: none
    }
    .md\:resize-y {
        resize: vertical
    }
    .md\:resize-x {
        resize: horizontal
    }
    .md\:resize {
        resize: both
    }
    .md\:list-inside {
        list-style-position: inside
    }
    .md\:list-outside {
        list-style-position: outside
    }
    .md\:list-none {
        list-style-type: none
    }
    .md\:list-disc {
        list-style-type: disc
    }
    .md\:list-decimal {
        list-style-type: decimal
    }
    .md\:appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .md\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .md\:auto-cols-min {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content
    }
    .md\:auto-cols-max {
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content
    }
    .md\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
    }
    .md\:grid-flow-row {
        grid-auto-flow: row
    }
    .md\:grid-flow-col {
        grid-auto-flow: column
    }
    .md\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }
    .md\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }
    .md\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .md\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }
    .md\:auto-rows-max {
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content
    }
    .md\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }
    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .md\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .md\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:grid-cols-none {
        grid-template-columns: none
    }
    .md\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .md\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .md\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .md\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .md\:grid-rows-none {
        grid-template-rows: none
    }
    .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-wrap {
        flex-wrap: wrap
    }
    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap
    }
    .md\:place-content-center {
        place-content: center
    }
    .md\:place-content-start {
        place-content: start
    }
    .md\:place-content-end {
        place-content: end
    }
    .md\:place-content-between {
        place-content: space-between
    }
    .md\:place-content-around {
        place-content: space-around
    }
    .md\:place-content-evenly {
        place-content: space-evenly
    }
    .md\:place-content-stretch {
        place-content: stretch
    }
    .md\:place-items-start {
        place-items: start
    }
    .md\:place-items-end {
        place-items: end
    }
    .md\:place-items-center {
        place-items: center
    }
    .md\:place-items-stretch {
        place-items: stretch
    }
    .md\:content-center {
        align-content: center
    }
    .md\:content-start {
        align-content: flex-start
    }
    .md\:content-end {
        align-content: flex-end
    }
    .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\: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\:gap-0 {
        gap: 0
    }
    .md\:gap-2 {
        gap: var(--space-5xs)
    }
    .md\:gap-4 {
        gap: var(--space-4xs)
    }
    .md\:gap-6 {
        gap: var(--space-3xs)
    }
    .md\:gap-8 {
        gap: var(--space-2xs)
    }
    .md\:gap-12 {
        gap: var(--space-xs)
    }
    .md\:gap-16 {
        gap: var(--space-sm)
    }
    .md\:gap-20 {
        gap: var(--space-md)
    }
    .md\:gap-24 {
        gap: var(--space-lg)
    }
    .md\:gap-32 {
        gap: var(--space-xl)
    }
    .md\:gap-40 {
        gap: var(--space-2xl)
    }
    .md\:gap-48 {
        gap: var(--space-3xl)
    }
    .md\:gap-80 {
        gap: var(--space-4xl)
    }
    .md\:gap-x-0 {
        column-gap: 0
    }
    .md\:gap-x-2 {
        column-gap: var(--space-5xs)
    }
    .md\:gap-x-4 {
        column-gap: var(--space-4xs)
    }
    .md\:gap-x-6 {
        column-gap: var(--space-3xs)
    }
    .md\:gap-x-8 {
        column-gap: var(--space-2xs)
    }
    .md\:gap-x-12 {
        column-gap: var(--space-xs)
    }
    .md\:gap-x-16 {
        column-gap: var(--space-sm)
    }
    .md\:gap-x-20 {
        column-gap: var(--space-md)
    }
    .md\:gap-x-24 {
        column-gap: var(--space-lg)
    }
    .md\:gap-x-32 {
        column-gap: var(--space-xl)
    }
    .md\:gap-x-40 {
        column-gap: var(--space-2xl)
    }
    .md\:gap-x-48 {
        column-gap: var(--space-3xl)
    }
    .md\:gap-x-80 {
        column-gap: var(--space-4xl)
    }
    .md\:gap-y-0 {
        row-gap: 0
    }
    .md\:gap-y-2 {
        row-gap: var(--space-5xs)
    }
    .md\:gap-y-4 {
        row-gap: var(--space-4xs)
    }
    .md\:gap-y-6 {
        row-gap: var(--space-3xs)
    }
    .md\:gap-y-8 {
        row-gap: var(--space-2xs)
    }
    .md\:gap-y-12 {
        row-gap: var(--space-xs)
    }
    .md\:gap-y-16 {
        row-gap: var(--space-sm)
    }
    .md\:gap-y-20 {
        row-gap: var(--space-md)
    }
    .md\:gap-y-24 {
        row-gap: var(--space-lg)
    }
    .md\:gap-y-32 {
        row-gap: var(--space-xl)
    }
    .md\:gap-y-40 {
        row-gap: var(--space-2xl)
    }
    .md\:gap-y-48 {
        row-gap: var(--space-3xl)
    }
    .md\:gap-y-80 {
        row-gap: var(--space-4xl)
    }
    .md\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px*var(--tw-space-x-reverse));
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:-space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .md\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }
    .md\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*var(--tw-space-y-reverse))
    }
    .md\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*var(--tw-space-y-reverse))
    }
    .md\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*var(--tw-space-y-reverse))
    }
    .md\:space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*var(--tw-space-y-reverse))
    }
    .md\:space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*var(--tw-space-y-reverse))
    }
    .md\:space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*var(--tw-space-y-reverse))
    }
    .md\:space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*var(--tw-space-y-reverse))
    }
    .md\:space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*var(--tw-space-y-reverse))
    }
    .md\:space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*var(--tw-space-y-reverse))
    }
    .md\:space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*var(--tw-space-y-reverse))
    }
    .md\:space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*var(--tw-space-y-reverse))
    }
    .md\:space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*var(--tw-space-y-reverse))
    }
    .md\:-space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*-1*var(--tw-space-y-reverse))
    }
    .md\:-space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*-1*var(--tw-space-y-reverse))
    }
    .md\:space-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 1
    }
    .md\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }
    .md\:divide-x-0>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(0px*var(--tw-divide-x-reverse));
        border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse)))
    }
    .md\:divide-x-2>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px*var(--tw-divide-x-reverse));
        border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)))
    }
    .md\:divide-x-4>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(4px*var(--tw-divide-x-reverse));
        border-left-width: calc(4px*(1 - var(--tw-divide-x-reverse)))
    }
    .md\:divide-x-8>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(8px*var(--tw-divide-x-reverse));
        border-left-width: calc(8px*(1 - var(--tw-divide-x-reverse)))
    }
    .md\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px*var(--tw-divide-x-reverse));
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
    }
    .md\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
    }
    .md\:divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(2px*var(--tw-divide-y-reverse))
    }
    .md\:divide-y-4>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(4px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(4px*var(--tw-divide-y-reverse))
    }
    .md\:divide-y-8>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(8px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(8px*var(--tw-divide-y-reverse))
    }
    .md\:divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
    }
    .md\:divide-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 1
    }
    .md\:divide-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 1
    }
    .md\:divide-solid>:not([hidden])~:not([hidden]) {
        border-style: solid
    }
    .md\:divide-dashed>:not([hidden])~:not([hidden]) {
        border-style: dashed
    }
    .md\:divide-dotted>:not([hidden])~:not([hidden]) {
        border-style: dotted
    }
    .md\:divide-double>:not([hidden])~:not([hidden]) {
        border-style: double
    }
    .md\:divide-none>:not([hidden])~:not([hidden]) {
        border-style: none
    }
    .md\:divide-surface-default>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface)
    }
    .md\:divide-surface-emphasis>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-emphasis)
    }
    .md\:divide-surface-contrast>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-contrast)
    }
    .md\:divide-status-danger>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-danger)
    }
    .md\:divide-status-active>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-active)
    }
    .md\:divide-button-primary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-primary)
    }
    .md\:divide-button-secondary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-secondary)
    }
    .md\:divide-button-success>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-success)
    }
    .md\:divide-opacity-0>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0
    }
    .md\:divide-opacity-5>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.05
    }
    .md\:divide-opacity-10>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.1
    }
    .md\:divide-opacity-20>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.2
    }
    .md\:divide-opacity-25>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.25
    }
    .md\:divide-opacity-30>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.3
    }
    .md\:divide-opacity-40>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.4
    }
    .md\:divide-opacity-50>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.5
    }
    .md\:divide-opacity-60>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.6
    }
    .md\:divide-opacity-70>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.7
    }
    .md\:divide-opacity-75>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.75
    }
    .md\:divide-opacity-80>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.8
    }
    .md\:divide-opacity-90>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.9
    }
    .md\:divide-opacity-95>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.95
    }
    .md\:divide-opacity-100>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1
    }
    .md\:place-self-auto {
        place-self: auto
    }
    .md\:place-self-start {
        place-self: start
    }
    .md\:place-self-end {
        place-self: end
    }
    .md\:place-self-center {
        place-self: center
    }
    .md\:place-self-stretch {
        place-self: stretch
    }
    .md\:self-auto {
        align-self: auto
    }
    .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\:self-baseline {
        align-self: baseline
    }
    .md\:justify-self-auto {
        justify-self: auto
    }
    .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\:overflow-auto {
        overflow: auto
    }
    .md\:overflow-hidden {
        overflow: hidden
    }
    .md\:overflow-visible {
        overflow: visible
    }
    .md\:overflow-scroll {
        overflow: scroll
    }
    .md\:overflow-x-auto {
        overflow-x: auto
    }
    .md\:overflow-y-auto {
        overflow-y: auto
    }
    .md\:overflow-x-hidden {
        overflow-x: hidden
    }
    .md\:overflow-y-hidden {
        overflow-y: hidden
    }
    .md\:overflow-x-visible {
        overflow-x: visible
    }
    .md\:overflow-y-visible {
        overflow-y: visible
    }
    .md\:overflow-x-scroll {
        overflow-x: scroll
    }
    .md\:overflow-y-scroll {
        overflow-y: scroll
    }
    .md\:overscroll-auto {
        overscroll-behavior: auto
    }
    .md\:overscroll-contain {
        overscroll-behavior: contain
    }
    .md\:overscroll-none {
        overscroll-behavior: none
    }
    .md\:overscroll-y-auto {
        overscroll-behavior-y: auto
    }
    .md\:overscroll-y-contain {
        overscroll-behavior-y: contain
    }
    .md\:overscroll-y-none {
        overscroll-behavior-y: none
    }
    .md\:overscroll-x-auto {
        overscroll-behavior-x: auto
    }
    .md\:overscroll-x-contain {
        overscroll-behavior-x: contain
    }
    .md\:overscroll-x-none {
        overscroll-behavior-x: none
    }
    .md\:truncate {
        overflow: hidden;
        white-space: nowrap
    }
    .md\:overflow-ellipsis,
    .md\:truncate {
        text-overflow: ellipsis
    }
    .md\:overflow-clip {
        text-overflow: clip
    }
    .md\:whitespace-normal {
        white-space: normal
    }
    .md\:whitespace-nowrap {
        white-space: nowrap
    }
    .md\:whitespace-pre {
        white-space: pre
    }
    .md\:whitespace-pre-line {
        white-space: pre-line
    }
    .md\:whitespace-pre-wrap {
        white-space: pre-wrap
    }
    .md\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }
    .md\:break-words {
        overflow-wrap: break-word
    }
    .md\:break-all {
        word-break: break-all
    }
    .md\:rounded-2 {
        border-radius: 2px
    }
    .md\:rounded-6 {
        border-radius: 6px
    }
    .md\:rounded-8 {
        border-radius: 8px
    }
    .md\:rounded-16 {
        border-radius: 16px
    }
    .md\:rounded-full {
        border-radius: 100%
    }
    .md\:rounded-xs {
        border-radius: 2px
    }
    .md\:rounded-sm {
        border-radius: 4px
    }
    .md\:rounded-md {
        border-radius: 8px
    }
    .md\:rounded-lg {
        border-radius: 16px
    }
    .md\:rounded-t-2 {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .md\:rounded-t-6 {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .md\:rounded-t-8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .md\:rounded-t-16 {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .md\:rounded-t-full {
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
    .md\:rounded-t-xs {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .md\:rounded-t-sm {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
    .md\:rounded-t-md {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .md\:rounded-t-lg {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .md\:rounded-r-2 {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .md\:rounded-r-6 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .md\:rounded-r-8 {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .md\:rounded-r-16 {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .md\:rounded-r-full {
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%
    }
    .md\:rounded-r-xs {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .md\:rounded-r-sm {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .md\:rounded-r-md {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .md\:rounded-r-lg {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .md\:rounded-b-2 {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .md\:rounded-b-6 {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .md\:rounded-b-8 {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .md\:rounded-b-16 {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .md\:rounded-b-full {
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .md\:rounded-b-xs {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .md\:rounded-b-sm {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .md\:rounded-b-md {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .md\:rounded-b-lg {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .md\:rounded-l-2 {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .md\:rounded-l-6 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .md\:rounded-l-8 {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .md\:rounded-l-16 {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .md\:rounded-l-full {
        border-top-left-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .md\:rounded-l-xs {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .md\:rounded-l-sm {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .md\:rounded-l-md {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .md\:rounded-l-lg {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .md\:rounded-tl-2 {
        border-top-left-radius: 2px
    }
    .md\:rounded-tl-6 {
        border-top-left-radius: 6px
    }
    .md\:rounded-tl-8 {
        border-top-left-radius: 8px
    }
    .md\:rounded-tl-16 {
        border-top-left-radius: 16px
    }
    .md\:rounded-tl-full {
        border-top-left-radius: 100%
    }
    .md\:rounded-tl-xs {
        border-top-left-radius: 2px
    }
    .md\:rounded-tl-sm {
        border-top-left-radius: 4px
    }
    .md\:rounded-tl-md {
        border-top-left-radius: 8px
    }
    .md\:rounded-tl-lg {
        border-top-left-radius: 16px
    }
    .md\:rounded-tr-2 {
        border-top-right-radius: 2px
    }
    .md\:rounded-tr-6 {
        border-top-right-radius: 6px
    }
    .md\:rounded-tr-8 {
        border-top-right-radius: 8px
    }
    .md\:rounded-tr-16 {
        border-top-right-radius: 16px
    }
    .md\:rounded-tr-full {
        border-top-right-radius: 100%
    }
    .md\:rounded-tr-xs {
        border-top-right-radius: 2px
    }
    .md\:rounded-tr-sm {
        border-top-right-radius: 4px
    }
    .md\:rounded-tr-md {
        border-top-right-radius: 8px
    }
    .md\:rounded-tr-lg {
        border-top-right-radius: 16px
    }
    .md\:rounded-br-2 {
        border-bottom-right-radius: 2px
    }
    .md\:rounded-br-6 {
        border-bottom-right-radius: 6px
    }
    .md\:rounded-br-8 {
        border-bottom-right-radius: 8px
    }
    .md\:rounded-br-16 {
        border-bottom-right-radius: 16px
    }
    .md\:rounded-br-full {
        border-bottom-right-radius: 100%
    }
    .md\:rounded-br-xs {
        border-bottom-right-radius: 2px
    }
    .md\:rounded-br-sm {
        border-bottom-right-radius: 4px
    }
    .md\:rounded-br-md {
        border-bottom-right-radius: 8px
    }
    .md\:rounded-br-lg {
        border-bottom-right-radius: 16px
    }
    .md\:rounded-bl-2 {
        border-bottom-left-radius: 2px
    }
    .md\:rounded-bl-6 {
        border-bottom-left-radius: 6px
    }
    .md\:rounded-bl-8 {
        border-bottom-left-radius: 8px
    }
    .md\:rounded-bl-16 {
        border-bottom-left-radius: 16px
    }
    .md\:rounded-bl-full {
        border-bottom-left-radius: 100%
    }
    .md\:rounded-bl-xs {
        border-bottom-left-radius: 2px
    }
    .md\:rounded-bl-sm {
        border-bottom-left-radius: 4px
    }
    .md\:rounded-bl-md {
        border-bottom-left-radius: 8px
    }
    .md\:rounded-bl-lg {
        border-bottom-left-radius: 16px
    }
    .md\:border-0 {
        border-width: 0
    }
    .md\:border-2 {
        border-width: 2px
    }
    .md\:border-4 {
        border-width: 4px
    }
    .md\:border-8 {
        border-width: 8px
    }
    .md\:border {
        border-width: 1px
    }
    .md\:border-t-0 {
        border-top-width: 0
    }
    .md\:border-t-2 {
        border-top-width: 2px
    }
    .md\:border-t-4 {
        border-top-width: 4px
    }
    .md\:border-t-8 {
        border-top-width: 8px
    }
    .md\:border-t {
        border-top-width: 1px
    }
    .md\:border-r-0 {
        border-right-width: 0
    }
    .md\:border-r-2 {
        border-right-width: 2px
    }
    .md\:border-r-4 {
        border-right-width: 4px
    }
    .md\:border-r-8 {
        border-right-width: 8px
    }
    .md\:border-r {
        border-right-width: 1px
    }
    .md\:border-b-0 {
        border-bottom-width: 0
    }
    .md\:border-b-2 {
        border-bottom-width: 2px
    }
    .md\:border-b-4 {
        border-bottom-width: 4px
    }
    .md\:border-b-8 {
        border-bottom-width: 8px
    }
    .md\:border-b {
        border-bottom-width: 1px
    }
    .md\:border-l-0 {
        border-left-width: 0
    }
    .md\:border-l-2 {
        border-left-width: 2px
    }
    .md\:border-l-4 {
        border-left-width: 4px
    }
    .md\:border-l-8 {
        border-left-width: 8px
    }
    .md\:border-l {
        border-left-width: 1px
    }
    .md\:border-solid {
        border-style: solid
    }
    .md\:border-dashed {
        border-style: dashed
    }
    .md\:border-dotted {
        border-style: dotted
    }
    .md\:border-double {
        border-style: double
    }
    .md\:border-none {
        border-style: none
    }
    .md\:border-surface-default {
        border-color: var(--border-surface)
    }
    .md\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .md\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .md\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .md\:border-status-active {
        border-color: var(--border-status-active)
    }
    .md\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .md\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .md\:border-button-success {
        border-color: var(--border-button-success)
    }
    .group:hover .md\:group-hover\:border-surface-default {
        border-color: var(--border-surface)
    }
    .group:hover .md\:group-hover\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .group:hover .md\:group-hover\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .group:hover .md\:group-hover\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .group:hover .md\:group-hover\:border-status-active {
        border-color: var(--border-status-active)
    }
    .group:hover .md\:group-hover\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .group:hover .md\:group-hover\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .group:hover .md\:group-hover\:border-button-success {
        border-color: var(--border-button-success)
    }
    .md\:focus-within\:border-surface-default:focus-within {
        border-color: var(--border-surface)
    }
    .md\:focus-within\:border-surface-emphasis:focus-within {
        border-color: var(--border-surface-emphasis)
    }
    .md\:focus-within\:border-surface-contrast:focus-within {
        border-color: var(--border-surface-contrast)
    }
    .md\:focus-within\:border-status-danger:focus-within {
        border-color: var(--border-status-danger)
    }
    .md\:focus-within\:border-status-active:focus-within {
        border-color: var(--border-status-active)
    }
    .md\:focus-within\:border-button-primary:focus-within {
        border-color: var(--border-button-primary)
    }
    .md\:focus-within\:border-button-secondary:focus-within {
        border-color: var(--border-button-secondary)
    }
    .md\:focus-within\:border-button-success:focus-within {
        border-color: var(--border-button-success)
    }
    .md\:hover\:border-surface-default:hover {
        border-color: var(--border-surface)
    }
    .md\:hover\:border-surface-emphasis:hover {
        border-color: var(--border-surface-emphasis)
    }
    .md\:hover\:border-surface-contrast:hover {
        border-color: var(--border-surface-contrast)
    }
    .md\:hover\:border-status-danger:hover {
        border-color: var(--border-status-danger)
    }
    .md\:hover\:border-status-active:hover {
        border-color: var(--border-status-active)
    }
    .md\:hover\:border-button-primary:hover {
        border-color: var(--border-button-primary)
    }
    .md\:hover\:border-button-secondary:hover {
        border-color: var(--border-button-secondary)
    }
    .md\:hover\:border-button-success:hover {
        border-color: var(--border-button-success)
    }
    .md\:focus\:border-surface-default:focus {
        border-color: var(--border-surface)
    }
    .md\:focus\:border-surface-emphasis:focus {
        border-color: var(--border-surface-emphasis)
    }
    .md\:focus\:border-surface-contrast:focus {
        border-color: var(--border-surface-contrast)
    }
    .md\:focus\:border-status-danger:focus {
        border-color: var(--border-status-danger)
    }
    .md\:focus\:border-status-active:focus {
        border-color: var(--border-status-active)
    }
    .md\:focus\:border-button-primary:focus {
        border-color: var(--border-button-primary)
    }
    .md\:focus\:border-button-secondary:focus {
        border-color: var(--border-button-secondary)
    }
    .md\:focus\:border-button-success:focus {
        border-color: var(--border-button-success)
    }
    .md\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .md\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .md\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .md\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .md\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .md\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .md\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .md\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .md\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .md\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .md\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .md\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .md\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .md\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .md\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .group:hover .md\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .group:hover .md\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .group:hover .md\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .group:hover .md\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .group:hover .md\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .group:hover .md\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .group:hover .md\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .group:hover .md\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .group:hover .md\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .group:hover .md\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .group:hover .md\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .group:hover .md\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .group:hover .md\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .group:hover .md\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .group:hover .md\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .md\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }
    .md\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }
    .md\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }
    .md\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }
    .md\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }
    .md\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }
    .md\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }
    .md\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }
    .md\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }
    .md\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }
    .md\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }
    .md\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }
    .md\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }
    .md\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }
    .md\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }
    .md\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }
    .md\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }
    .md\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }
    .md\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }
    .md\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }
    .md\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }
    .md\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }
    .md\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }
    .md\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }
    .md\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }
    .md\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }
    .md\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }
    .md\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }
    .md\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }
    .md\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }
    .md\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }
    .md\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }
    .md\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }
    .md\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }
    .md\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }
    .md\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }
    .md\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }
    .md\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }
    .md\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }
    .md\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }
    .md\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }
    .md\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }
    .md\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }
    .md\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }
    .md\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }
    .md\:bg-app {
        background-color: var(--bg-app)
    }
    .md\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .md\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .md\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .md\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .md\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .md\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .md\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .md\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .md\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .md\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .md\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .md\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .md\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .md\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .md\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .md\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .md\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .md\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .md\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .md\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .md\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .md\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .md\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .md\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .md\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .md\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .md\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .md\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .md\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .md\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .md\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .md\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .md\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .md\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .md\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .md\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .md\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .md\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .md\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .md\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .md\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .md\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .md\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .group:hover .md\:group-hover\:bg-app {
        background-color: var(--bg-app)
    }
    .group:hover .md\:group-hover\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .group:hover .md\:group-hover\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .group:hover .md\:group-hover\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .group:hover .md\:group-hover\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .group:hover .md\:group-hover\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .group:hover .md\:group-hover\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .group:hover .md\:group-hover\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .group:hover .md\:group-hover\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .group:hover .md\:group-hover\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .group:hover .md\:group-hover\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .group:hover .md\:group-hover\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .group:hover .md\:group-hover\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .group:hover .md\:group-hover\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .group:hover .md\:group-hover\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .group:hover .md\:group-hover\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .group:hover .md\:group-hover\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .group:hover .md\:group-hover\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .group:hover .md\:group-hover\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .group:hover .md\:group-hover\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .group:hover .md\:group-hover\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .group:hover .md\:group-hover\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .group:hover .md\:group-hover\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .group:hover .md\:group-hover\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .group:hover .md\:group-hover\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .group:hover .md\:group-hover\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .group:hover .md\:group-hover\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .group:hover .md\:group-hover\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .group:hover .md\:group-hover\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .group:hover .md\:group-hover\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .group:hover .md\:group-hover\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .group:hover .md\:group-hover\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .group:hover .md\:group-hover\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .group:hover .md\:group-hover\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .group:hover .md\:group-hover\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .group:hover .md\:group-hover\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .group:hover .md\:group-hover\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .group:hover .md\:group-hover\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .group:hover .md\:group-hover\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .group:hover .md\:group-hover\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .group:hover .md\:group-hover\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .group:hover .md\:group-hover\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .group:hover .md\:group-hover\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .group:hover .md\:group-hover\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .md\:focus-within\:bg-app:focus-within {
        background-color: var(--bg-app)
    }
    .md\:focus-within\:bg-surface-1-default:focus-within {
        background-color: var(--bg-surface-1)
    }
    .md\:focus-within\:bg-surface-1-hover:focus-within {
        background-color: var(--bg-surface-1-hover)
    }
    .md\:focus-within\:bg-surface-2-default:focus-within {
        background-color: var(--bg-surface-2)
    }
    .md\:focus-within\:bg-surface-2-hover:focus-within {
        background-color: var(--bg-surface-2-hover)
    }
    .md\:focus-within\:bg-surface-emphasis-default:focus-within {
        background-color: --bg-surface-emphasis
    }
    .md\:focus-within\:bg-surface-emphasis-hover:focus-within {
        background-color: --bg-surface-emphasis-hover
    }
    .md\:focus-within\:bg-surface-contrast-default:focus-within {
        background-color: --bg-surface-contrast
    }
    .md\:focus-within\:bg-surface-contrast-hover:focus-within {
        background-color: --bg-surface-contrast-hover
    }
    .md\:focus-within\:bg-surface-forced-dark:focus-within {
        background-color: var(--bg-surface-forced-dark)
    }
    .md\:focus-within\:bg-status-danger-default:focus-within {
        background-color: var(--bg-status-danger)
    }
    .md\:focus-within\:bg-status-danger-bold:focus-within {
        background-color: var(--bg-status-danger-bold)
    }
    .md\:focus-within\:bg-status-danger-subtle:focus-within {
        background-color: var(--bg-status-danger-subtle)
    }
    .md\:focus-within\:bg-status-pending-default:focus-within {
        background-color: var(--bg-status-pending)
    }
    .md\:focus-within\:bg-status-pending-bold:focus-within {
        background-color: var(--bg-status-pending-bold)
    }
    .md\:focus-within\:bg-status-pending-subtle:focus-within {
        background-color: var(--bg-status-pending-subtle)
    }
    .md\:focus-within\:bg-status-success-default:focus-within {
        background-color: var(--bg-status-success)
    }
    .md\:focus-within\:bg-status-success-bold:focus-within {
        background-color: var(--bg-status-success-bold)
    }
    .md\:focus-within\:bg-status-success-subtle:focus-within {
        background-color: var(--bg-status-success-subtle)
    }
    .md\:focus-within\:bg-status-active-default:focus-within {
        background-color: var(--bg-status-active)
    }
    .md\:focus-within\:bg-status-active-bold:focus-within {
        background-color: var(--bg-status-active-bold)
    }
    .md\:focus-within\:bg-status-active-subtle:focus-within {
        background-color: var(--bg-status-active-subtle)
    }
    .md\:focus-within\:bg-status-plain-default:focus-within {
        background-color: var(--bg-status-plain)
    }
    .md\:focus-within\:bg-status-plain-bold:focus-within {
        background-color: var(--bg-status-plain-bold)
    }
    .md\:focus-within\:bg-status-plain-subtle:focus-within {
        background-color: var(--bg-status-plain-subtle)
    }
    .md\:focus-within\:bg-button-primary:focus-within {
        background-color: var(--bg-button-primary)
    }
    .md\:focus-within\:bg-button-danger:focus-within {
        background-color: var(--bg-button-danger)
    }
    .md\:focus-within\:bg-button-success:focus-within {
        background-color: var(--bg-button-success)
    }
    .md\:focus-within\:bg-button-oncolor:focus-within {
        background-color: var(--bg-button-oncolor)
    }
    .md\:focus-within\:bg-button-hover-primary:focus-within {
        background-color: var(--bg-button-primary-hover)
    }
    .md\:focus-within\:bg-button-hover-text:focus-within {
        background-color: var(--bg-button-text-hover)
    }
    .md\:focus-within\:bg-button-hover-danger:focus-within {
        background-color: var(--bg-button-text-danger-hover)
    }
    .md\:focus-within\:bg-button-hover-oncolor:focus-within {
        background-color: var(--bg-button-oncolor-hover)
    }
    .md\:focus-within\:bg-button-hover-success-default:focus-within {
        background-color: var(--bg-button-success-hover)
    }
    .md\:focus-within\:bg-button-hover-success-text:focus-within {
        background-color: var(--bg-button-text-success-hover)
    }
    .md\:focus-within\:bg-decorative-purple-default:focus-within {
        background-color: var(--bg-decorative-purple)
    }
    .md\:focus-within\:bg-decorative-purple-bold:focus-within {
        background-color: var(--bg-decorative-purple-bold)
    }
    .md\:focus-within\:bg-decorative-purple-subtle:focus-within {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .md\:focus-within\:bg-decorative-orange-bold:focus-within {
        background-color: var(--bg-decorative-orange-bold)
    }
    .md\:focus-within\:bg-overlay-modal:focus-within {
        background-color: var(--bg-overlay-modal)
    }
    .md\:focus-within\:bg-gradient-lineChart:focus-within {
        background-color: var(--bg-gradient-line-chart)
    }
    .md\:focus-within\:bg-gradient-margin:focus-within {
        background-color: var(--bg-gradient-margin)
    }
    .md\:focus-within\:bg-gradient-healthRainbow:focus-within {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .md\:focus-within\:bg-gradient-promo-1:focus-within {
        background-color: var(--bg-gradient-promo-1)
    }
    .md\:hover\:bg-app:hover {
        background-color: var(--bg-app)
    }
    .md\:hover\:bg-surface-1-default:hover {
        background-color: var(--bg-surface-1)
    }
    .md\:hover\:bg-surface-1-hover:hover {
        background-color: var(--bg-surface-1-hover)
    }
    .md\:hover\:bg-surface-2-default:hover {
        background-color: var(--bg-surface-2)
    }
    .md\:hover\:bg-surface-2-hover:hover {
        background-color: var(--bg-surface-2-hover)
    }
    .md\:hover\:bg-surface-emphasis-default:hover {
        background-color: --bg-surface-emphasis
    }
    .md\:hover\:bg-surface-emphasis-hover:hover {
        background-color: --bg-surface-emphasis-hover
    }
    .md\:hover\:bg-surface-contrast-default:hover {
        background-color: --bg-surface-contrast
    }
    .md\:hover\:bg-surface-contrast-hover:hover {
        background-color: --bg-surface-contrast-hover
    }
    .md\:hover\:bg-surface-forced-dark:hover {
        background-color: var(--bg-surface-forced-dark)
    }
    .md\:hover\:bg-status-danger-default:hover {
        background-color: var(--bg-status-danger)
    }
    .md\:hover\:bg-status-danger-bold:hover {
        background-color: var(--bg-status-danger-bold)
    }
    .md\:hover\:bg-status-danger-subtle:hover {
        background-color: var(--bg-status-danger-subtle)
    }
    .md\:hover\:bg-status-pending-default:hover {
        background-color: var(--bg-status-pending)
    }
    .md\:hover\:bg-status-pending-bold:hover {
        background-color: var(--bg-status-pending-bold)
    }
    .md\:hover\:bg-status-pending-subtle:hover {
        background-color: var(--bg-status-pending-subtle)
    }
    .md\:hover\:bg-status-success-default:hover {
        background-color: var(--bg-status-success)
    }
    .md\:hover\:bg-status-success-bold:hover {
        background-color: var(--bg-status-success-bold)
    }
    .md\:hover\:bg-status-success-subtle:hover {
        background-color: var(--bg-status-success-subtle)
    }
    .md\:hover\:bg-status-active-default:hover {
        background-color: var(--bg-status-active)
    }
    .md\:hover\:bg-status-active-bold:hover {
        background-color: var(--bg-status-active-bold)
    }
    .md\:hover\:bg-status-active-subtle:hover {
        background-color: var(--bg-status-active-subtle)
    }
    .md\:hover\:bg-status-plain-default:hover {
        background-color: var(--bg-status-plain)
    }
    .md\:hover\:bg-status-plain-bold:hover {
        background-color: var(--bg-status-plain-bold)
    }
    .md\:hover\:bg-status-plain-subtle:hover {
        background-color: var(--bg-status-plain-subtle)
    }
    .md\:hover\:bg-button-primary:hover {
        background-color: var(--bg-button-primary)
    }
    .md\:hover\:bg-button-danger:hover {
        background-color: var(--bg-button-danger)
    }
    .md\:hover\:bg-button-success:hover {
        background-color: var(--bg-button-success)
    }
    .md\:hover\:bg-button-oncolor:hover {
        background-color: var(--bg-button-oncolor)
    }
    .md\:hover\:bg-button-hover-primary:hover {
        background-color: var(--bg-button-primary-hover)
    }
    .md\:hover\:bg-button-hover-text:hover {
        background-color: var(--bg-button-text-hover)
    }
    .md\:hover\:bg-button-hover-danger:hover {
        background-color: var(--bg-button-text-danger-hover)
    }
    .md\:hover\:bg-button-hover-oncolor:hover {
        background-color: var(--bg-button-oncolor-hover)
    }
    .md\:hover\:bg-button-hover-success-default:hover {
        background-color: var(--bg-button-success-hover)
    }
    .md\:hover\:bg-button-hover-success-text:hover {
        background-color: var(--bg-button-text-success-hover)
    }
    .md\:hover\:bg-decorative-purple-default:hover {
        background-color: var(--bg-decorative-purple)
    }
    .md\:hover\:bg-decorative-purple-bold:hover {
        background-color: var(--bg-decorative-purple-bold)
    }
    .md\:hover\:bg-decorative-purple-subtle:hover {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .md\:hover\:bg-decorative-orange-bold:hover {
        background-color: var(--bg-decorative-orange-bold)
    }
    .md\:hover\:bg-overlay-modal:hover {
        background-color: var(--bg-overlay-modal)
    }
    .md\:hover\:bg-gradient-lineChart:hover {
        background-color: var(--bg-gradient-line-chart)
    }
    .md\:hover\:bg-gradient-margin:hover {
        background-color: var(--bg-gradient-margin)
    }
    .md\:hover\:bg-gradient-healthRainbow:hover {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .md\:hover\:bg-gradient-promo-1:hover {
        background-color: var(--bg-gradient-promo-1)
    }
    .md\:focus\:bg-app:focus {
        background-color: var(--bg-app)
    }
    .md\:focus\:bg-surface-1-default:focus {
        background-color: var(--bg-surface-1)
    }
    .md\:focus\:bg-surface-1-hover:focus {
        background-color: var(--bg-surface-1-hover)
    }
    .md\:focus\:bg-surface-2-default:focus {
        background-color: var(--bg-surface-2)
    }
    .md\:focus\:bg-surface-2-hover:focus {
        background-color: var(--bg-surface-2-hover)
    }
    .md\:focus\:bg-surface-emphasis-default:focus {
        background-color: --bg-surface-emphasis
    }
    .md\:focus\:bg-surface-emphasis-hover:focus {
        background-color: --bg-surface-emphasis-hover
    }
    .md\:focus\:bg-surface-contrast-default:focus {
        background-color: --bg-surface-contrast
    }
    .md\:focus\:bg-surface-contrast-hover:focus {
        background-color: --bg-surface-contrast-hover
    }
    .md\:focus\:bg-surface-forced-dark:focus {
        background-color: var(--bg-surface-forced-dark)
    }
    .md\:focus\:bg-status-danger-default:focus {
        background-color: var(--bg-status-danger)
    }
    .md\:focus\:bg-status-danger-bold:focus {
        background-color: var(--bg-status-danger-bold)
    }
    .md\:focus\:bg-status-danger-subtle:focus {
        background-color: var(--bg-status-danger-subtle)
    }
    .md\:focus\:bg-status-pending-default:focus {
        background-color: var(--bg-status-pending)
    }
    .md\:focus\:bg-status-pending-bold:focus {
        background-color: var(--bg-status-pending-bold)
    }
    .md\:focus\:bg-status-pending-subtle:focus {
        background-color: var(--bg-status-pending-subtle)
    }
    .md\:focus\:bg-status-success-default:focus {
        background-color: var(--bg-status-success)
    }
    .md\:focus\:bg-status-success-bold:focus {
        background-color: var(--bg-status-success-bold)
    }
    .md\:focus\:bg-status-success-subtle:focus {
        background-color: var(--bg-status-success-subtle)
    }
    .md\:focus\:bg-status-active-default:focus {
        background-color: var(--bg-status-active)
    }
    .md\:focus\:bg-status-active-bold:focus {
        background-color: var(--bg-status-active-bold)
    }
    .md\:focus\:bg-status-active-subtle:focus {
        background-color: var(--bg-status-active-subtle)
    }
    .md\:focus\:bg-status-plain-default:focus {
        background-color: var(--bg-status-plain)
    }
    .md\:focus\:bg-status-plain-bold:focus {
        background-color: var(--bg-status-plain-bold)
    }
    .md\:focus\:bg-status-plain-subtle:focus {
        background-color: var(--bg-status-plain-subtle)
    }
    .md\:focus\:bg-button-primary:focus {
        background-color: var(--bg-button-primary)
    }
    .md\:focus\:bg-button-danger:focus {
        background-color: var(--bg-button-danger)
    }
    .md\:focus\:bg-button-success:focus {
        background-color: var(--bg-button-success)
    }
    .md\:focus\:bg-button-oncolor:focus {
        background-color: var(--bg-button-oncolor)
    }
    .md\:focus\:bg-button-hover-primary:focus {
        background-color: var(--bg-button-primary-hover)
    }
    .md\:focus\:bg-button-hover-text:focus {
        background-color: var(--bg-button-text-hover)
    }
    .md\:focus\:bg-button-hover-danger:focus {
        background-color: var(--bg-button-text-danger-hover)
    }
    .md\:focus\:bg-button-hover-oncolor:focus {
        background-color: var(--bg-button-oncolor-hover)
    }
    .md\:focus\:bg-button-hover-success-default:focus {
        background-color: var(--bg-button-success-hover)
    }
    .md\:focus\:bg-button-hover-success-text:focus {
        background-color: var(--bg-button-text-success-hover)
    }
    .md\:focus\:bg-decorative-purple-default:focus {
        background-color: var(--bg-decorative-purple)
    }
    .md\:focus\:bg-decorative-purple-bold:focus {
        background-color: var(--bg-decorative-purple-bold)
    }
    .md\:focus\:bg-decorative-purple-subtle:focus {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .md\:focus\:bg-decorative-orange-bold:focus {
        background-color: var(--bg-decorative-orange-bold)
    }
    .md\:focus\:bg-overlay-modal:focus {
        background-color: var(--bg-overlay-modal)
    }
    .md\:focus\:bg-gradient-lineChart:focus {
        background-color: var(--bg-gradient-line-chart)
    }
    .md\:focus\:bg-gradient-margin:focus {
        background-color: var(--bg-gradient-margin)
    }
    .md\:focus\:bg-gradient-healthRainbow:focus {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .md\:focus\:bg-gradient-promo-1:focus {
        background-color: var(--bg-gradient-promo-1)
    }
    .md\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .md\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .md\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .md\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .md\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .md\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .md\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .md\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .md\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .md\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .md\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .md\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .md\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .md\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .md\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .group:hover .md\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .group:hover .md\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .group:hover .md\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .group:hover .md\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .group:hover .md\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .group:hover .md\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .group:hover .md\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .group:hover .md\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .group:hover .md\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .group:hover .md\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .group:hover .md\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .group:hover .md\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .group:hover .md\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .group:hover .md\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .group:hover .md\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .md\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }
    .md\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }
    .md\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }
    .md\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }
    .md\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }
    .md\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }
    .md\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }
    .md\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }
    .md\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }
    .md\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }
    .md\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }
    .md\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }
    .md\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }
    .md\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }
    .md\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }
    .md\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }
    .md\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }
    .md\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }
    .md\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }
    .md\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }
    .md\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }
    .md\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }
    .md\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }
    .md\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }
    .md\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }
    .md\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }
    .md\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }
    .md\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }
    .md\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }
    .md\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }
    .md\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }
    .md\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }
    .md\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }
    .md\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }
    .md\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }
    .md\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }
    .md\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }
    .md\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }
    .md\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }
    .md\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }
    .md\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }
    .md\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }
    .md\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }
    .md\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }
    .md\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }
    .md\:bg-none {
        background-image: none
    }
    .md\:bg-gradient-to-t {
        background-image: linear-gradient(0deg, var(--tw-gradient-stops))
    }
    .md\:bg-gradient-to-tr {
        background-image: linear-gradient(to top right, var(--tw-gradient-stops))
    }
    .md\:bg-gradient-to-r {
        background-image: linear-gradient(90deg, var(--tw-gradient-stops))
    }
    .md\:bg-gradient-to-br {
        background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
    }
    .md\:bg-gradient-to-b {
        background-image: linear-gradient(180deg, var(--tw-gradient-stops))
    }
    .md\:bg-gradient-to-bl {
        background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
    }
    .md\:bg-gradient-to-l {
        background-image: linear-gradient(270deg, var(--tw-gradient-stops))
    }
    .md\:bg-gradient-to-tl {
        background-image: linear-gradient(to top left, var(--tw-gradient-stops))
    }
    .md\:from-common-white {
        --tw-gradient-from: var(--common-white)
    }
    .md\:from-common-tertiary,
    .md\:from-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-common-tertiary {
        --tw-gradient-from: var(--common-tertiary)
    }
    .md\:from-common-dark {
        --tw-gradient-from: var(--common-dark)
    }
    .md\:from-common-dark,
    .md\:from-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-scheme-primary {
        --tw-gradient-from: var(--common-primary)
    }
    .md\:from-scheme-success {
        --tw-gradient-from: var(--text-success)
    }
    .md\:from-scheme-success,
    .md\:from-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-scheme-warning {
        --tw-gradient-from: var(--text-pending)
    }
    .md\:from-scheme-danger {
        --tw-gradient-from: var(--text-danger)
    }
    .md\:from-primary,
    .md\:from-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-primary {
        --tw-gradient-from: var(--text-primary)
    }
    .md\:from-secondary {
        --tw-gradient-from: var(--text-secondary)
    }
    .md\:from-secondary,
    .md\:from-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-tertiary {
        --tw-gradient-from: var(--text-tertiary)
    }
    .md\:from-danger-default {
        --tw-gradient-from: var(--text-danger)
    }
    .md\:from-danger-bold,
    .md\:from-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-danger-bold {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .md\:from-success-default {
        --tw-gradient-from: var(--text-success)
    }
    .md\:from-success-bold,
    .md\:from-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-success-bold {
        --tw-gradient-from: var(--text-success-bold)
    }
    .md\:from-success-subtle {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .md\:from-active-default,
    .md\:from-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-active-default {
        --tw-gradient-from: var(--text-active)
    }
    .md\:from-active-bold {
        --tw-gradient-from: var(--text-active-bold)
    }
    .md\:from-active-bold,
    .md\:from-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-pending-default {
        --tw-gradient-from: var(--text-pending)
    }
    .md\:from-pending-bold {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .md\:from-contrast-primary,
    .md\:from-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-contrast-primary {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .md\:from-contrast-secondary {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .md\:from-contrast-secondary,
    .md\:from-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-forced-tertiary {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .md\:from-decorative-red {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .md\:from-decorative-blue,
    .md\:from-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-decorative-blue {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .md\:from-decorative-yellow {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .md\:from-decorative-grey,
    .md\:from-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-decorative-grey {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .md\:from-decorative-green {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .md\:from-decorative-green,
    .md\:from-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:from-decorative-purple-default {
        --tw-gradient-from: var(--text-decorative-purple)
    }
    .md\:from-decorative-purple-bold {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .md\:from-decorative-purple-bold,
    .md\:hover\:from-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-common-white:hover {
        --tw-gradient-from: var(--common-white)
    }
    .md\:hover\:from-common-tertiary:hover {
        --tw-gradient-from: var(--common-tertiary)
    }
    .md\:hover\:from-common-dark:hover,
    .md\:hover\:from-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-common-dark:hover {
        --tw-gradient-from: var(--common-dark)
    }
    .md\:hover\:from-scheme-primary:hover {
        --tw-gradient-from: var(--common-primary)
    }
    .md\:hover\:from-scheme-primary:hover,
    .md\:hover\:from-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-scheme-success:hover {
        --tw-gradient-from: var(--text-success)
    }
    .md\:hover\:from-scheme-warning:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .md\:hover\:from-scheme-danger:hover,
    .md\:hover\:from-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-scheme-danger:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .md\:hover\:from-primary:hover {
        --tw-gradient-from: var(--text-primary)
    }
    .md\:hover\:from-primary:hover,
    .md\:hover\:from-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-secondary:hover {
        --tw-gradient-from: var(--text-secondary)
    }
    .md\:hover\:from-tertiary:hover {
        --tw-gradient-from: var(--text-tertiary)
    }
    .md\:hover\:from-danger-default:hover,
    .md\:hover\:from-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-danger-default:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .md\:hover\:from-danger-bold:hover {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .md\:hover\:from-danger-bold:hover,
    .md\:hover\:from-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-success-default:hover {
        --tw-gradient-from: var(--text-success)
    }
    .md\:hover\:from-success-bold:hover {
        --tw-gradient-from: var(--text-success-bold)
    }
    .md\:hover\:from-success-bold:hover,
    .md\:hover\:from-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-success-subtle:hover {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .md\:hover\:from-active-default:hover {
        --tw-gradient-from: var(--text-active)
    }
    .md\:hover\:from-active-bold:hover,
    .md\:hover\:from-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-active-bold:hover {
        --tw-gradient-from: var(--text-active-bold)
    }
    .md\:hover\:from-pending-default:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .md\:hover\:from-pending-bold:hover,
    .md\:hover\:from-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-pending-bold:hover {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .md\:hover\:from-contrast-primary:hover {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .md\:hover\:from-contrast-primary:hover,
    .md\:hover\:from-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-contrast-secondary:hover {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .md\:hover\:from-forced-tertiary:hover {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .md\:hover\:from-decorative-red:hover,
    .md\:hover\:from-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-decorative-red:hover {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .md\:hover\:from-decorative-blue:hover {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .md\:hover\:from-decorative-blue:hover,
    .md\:hover\:from-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-decorative-yellow:hover {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .md\:hover\:from-decorative-grey:hover {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .md\:hover\:from-decorative-green:hover,
    .md\:hover\:from-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-decorative-green:hover {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .md\:hover\:from-decorative-purple-default:hover {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .md\:focus\:from-common-white:focus,
    .md\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-common-white:focus {
        --tw-gradient-from: var(--common-white)
    }
    .md\:focus\:from-common-tertiary:focus {
        --tw-gradient-from: var(--common-tertiary)
    }
    .md\:focus\:from-common-dark:focus,
    .md\:focus\:from-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-common-dark:focus {
        --tw-gradient-from: var(--common-dark)
    }
    .md\:focus\:from-scheme-primary:focus {
        --tw-gradient-from: var(--common-primary)
    }
    .md\:focus\:from-scheme-primary:focus,
    .md\:focus\:from-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-scheme-success:focus {
        --tw-gradient-from: var(--text-success)
    }
    .md\:focus\:from-scheme-warning:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .md\:focus\:from-scheme-danger:focus,
    .md\:focus\:from-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-scheme-danger:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .md\:focus\:from-primary:focus {
        --tw-gradient-from: var(--text-primary)
    }
    .md\:focus\:from-primary:focus,
    .md\:focus\:from-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-secondary:focus {
        --tw-gradient-from: var(--text-secondary)
    }
    .md\:focus\:from-tertiary:focus {
        --tw-gradient-from: var(--text-tertiary)
    }
    .md\:focus\:from-danger-default:focus,
    .md\:focus\:from-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-danger-default:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .md\:focus\:from-danger-bold:focus {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .md\:focus\:from-danger-bold:focus,
    .md\:focus\:from-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-success-default:focus {
        --tw-gradient-from: var(--text-success)
    }
    .md\:focus\:from-success-bold:focus {
        --tw-gradient-from: var(--text-success-bold)
    }
    .md\:focus\:from-success-bold:focus,
    .md\:focus\:from-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-success-subtle:focus {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .md\:focus\:from-active-default:focus {
        --tw-gradient-from: var(--text-active)
    }
    .md\:focus\:from-active-bold:focus,
    .md\:focus\:from-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-active-bold:focus {
        --tw-gradient-from: var(--text-active-bold)
    }
    .md\:focus\:from-pending-default:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .md\:focus\:from-pending-bold:focus,
    .md\:focus\:from-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-pending-bold:focus {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .md\:focus\:from-contrast-primary:focus {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .md\:focus\:from-contrast-primary:focus,
    .md\:focus\:from-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-contrast-secondary:focus {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .md\:focus\:from-forced-tertiary:focus {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .md\:focus\:from-decorative-red:focus,
    .md\:focus\:from-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-decorative-red:focus {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .md\:focus\:from-decorative-blue:focus {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .md\:focus\:from-decorative-blue:focus,
    .md\:focus\:from-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-decorative-yellow:focus {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .md\:focus\:from-decorative-grey:focus {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .md\:focus\:from-decorative-green:focus,
    .md\:focus\:from-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-decorative-green:focus {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .md\:focus\:from-decorative-purple-default:focus {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:from-decorative-purple-bold:focus {
        --tw-gradient-from: var(--text-decorative-purple-bold);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-common-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-common-dark {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-scheme-success {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-danger-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-success-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-active-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-active-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-contrast-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-contrast-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-decorative-blue {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-decorative-grey {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-decorative-green {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:via-decorative-purple-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-common-dark:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-scheme-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-scheme-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-danger-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-danger-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-success-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-active-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-pending-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-contrast-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-decorative-red:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-decorative-blue:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-decorative-green:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-decorative-purple-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:hover\:via-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-common-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-common-dark:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-scheme-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-scheme-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-danger-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-danger-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-success-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-active-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-pending-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-contrast-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-decorative-red:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-decorative-blue:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-decorative-green:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-decorative-purple-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:focus\:via-decorative-purple-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .md\:to-common-white {
        --tw-gradient-to: var(--common-white)
    }
    .md\:to-common-tertiary {
        --tw-gradient-to: var(--common-tertiary)
    }
    .md\:to-common-dark {
        --tw-gradient-to: var(--common-dark)
    }
    .md\:to-scheme-primary {
        --tw-gradient-to: var(--common-primary)
    }
    .md\:to-scheme-success {
        --tw-gradient-to: var(--text-success)
    }
    .md\:to-scheme-warning {
        --tw-gradient-to: var(--text-pending)
    }
    .md\:to-scheme-danger {
        --tw-gradient-to: var(--text-danger)
    }
    .md\:to-primary {
        --tw-gradient-to: var(--text-primary)
    }
    .md\:to-secondary {
        --tw-gradient-to: var(--text-secondary)
    }
    .md\:to-tertiary {
        --tw-gradient-to: var(--text-tertiary)
    }
    .md\:to-danger-default {
        --tw-gradient-to: var(--text-danger)
    }
    .md\:to-danger-bold {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .md\:to-success-default {
        --tw-gradient-to: var(--text-success)
    }
    .md\:to-success-bold {
        --tw-gradient-to: var(--text-success-bold)
    }
    .md\:to-success-subtle {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .md\:to-active-default {
        --tw-gradient-to: var(--text-active)
    }
    .md\:to-active-bold {
        --tw-gradient-to: var(--text-active-bold)
    }
    .md\:to-pending-default {
        --tw-gradient-to: var(--text-pending)
    }
    .md\:to-pending-bold {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .md\:to-contrast-primary {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .md\:to-contrast-secondary {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .md\:to-forced-tertiary {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .md\:to-decorative-red {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .md\:to-decorative-blue {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .md\:to-decorative-yellow {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .md\:to-decorative-grey {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .md\:to-decorative-green {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .md\:to-decorative-purple-default {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .md\:to-decorative-purple-bold {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .md\:hover\:to-common-white:hover {
        --tw-gradient-to: var(--common-white)
    }
    .md\:hover\:to-common-tertiary:hover {
        --tw-gradient-to: var(--common-tertiary)
    }
    .md\:hover\:to-common-dark:hover {
        --tw-gradient-to: var(--common-dark)
    }
    .md\:hover\:to-scheme-primary:hover {
        --tw-gradient-to: var(--common-primary)
    }
    .md\:hover\:to-scheme-success:hover {
        --tw-gradient-to: var(--text-success)
    }
    .md\:hover\:to-scheme-warning:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .md\:hover\:to-scheme-danger:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .md\:hover\:to-primary:hover {
        --tw-gradient-to: var(--text-primary)
    }
    .md\:hover\:to-secondary:hover {
        --tw-gradient-to: var(--text-secondary)
    }
    .md\:hover\:to-tertiary:hover {
        --tw-gradient-to: var(--text-tertiary)
    }
    .md\:hover\:to-danger-default:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .md\:hover\:to-danger-bold:hover {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .md\:hover\:to-success-default:hover {
        --tw-gradient-to: var(--text-success)
    }
    .md\:hover\:to-success-bold:hover {
        --tw-gradient-to: var(--text-success-bold)
    }
    .md\:hover\:to-success-subtle:hover {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .md\:hover\:to-active-default:hover {
        --tw-gradient-to: var(--text-active)
    }
    .md\:hover\:to-active-bold:hover {
        --tw-gradient-to: var(--text-active-bold)
    }
    .md\:hover\:to-pending-default:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .md\:hover\:to-pending-bold:hover {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .md\:hover\:to-contrast-primary:hover {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .md\:hover\:to-contrast-secondary:hover {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .md\:hover\:to-forced-tertiary:hover {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .md\:hover\:to-decorative-red:hover {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .md\:hover\:to-decorative-blue:hover {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .md\:hover\:to-decorative-yellow:hover {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .md\:hover\:to-decorative-grey:hover {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .md\:hover\:to-decorative-green:hover {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .md\:hover\:to-decorative-purple-default:hover {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .md\:hover\:to-decorative-purple-bold:hover {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .md\:focus\:to-common-white:focus {
        --tw-gradient-to: var(--common-white)
    }
    .md\:focus\:to-common-tertiary:focus {
        --tw-gradient-to: var(--common-tertiary)
    }
    .md\:focus\:to-common-dark:focus {
        --tw-gradient-to: var(--common-dark)
    }
    .md\:focus\:to-scheme-primary:focus {
        --tw-gradient-to: var(--common-primary)
    }
    .md\:focus\:to-scheme-success:focus {
        --tw-gradient-to: var(--text-success)
    }
    .md\:focus\:to-scheme-warning:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .md\:focus\:to-scheme-danger:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .md\:focus\:to-primary:focus {
        --tw-gradient-to: var(--text-primary)
    }
    .md\:focus\:to-secondary:focus {
        --tw-gradient-to: var(--text-secondary)
    }
    .md\:focus\:to-tertiary:focus {
        --tw-gradient-to: var(--text-tertiary)
    }
    .md\:focus\:to-danger-default:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .md\:focus\:to-danger-bold:focus {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .md\:focus\:to-success-default:focus {
        --tw-gradient-to: var(--text-success)
    }
    .md\:focus\:to-success-bold:focus {
        --tw-gradient-to: var(--text-success-bold)
    }
    .md\:focus\:to-success-subtle:focus {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .md\:focus\:to-active-default:focus {
        --tw-gradient-to: var(--text-active)
    }
    .md\:focus\:to-active-bold:focus {
        --tw-gradient-to: var(--text-active-bold)
    }
    .md\:focus\:to-pending-default:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .md\:focus\:to-pending-bold:focus {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .md\:focus\:to-contrast-primary:focus {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .md\:focus\:to-contrast-secondary:focus {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .md\:focus\:to-forced-tertiary:focus {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .md\:focus\:to-decorative-red:focus {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .md\:focus\:to-decorative-blue:focus {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .md\:focus\:to-decorative-yellow:focus {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .md\:focus\:to-decorative-grey:focus {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .md\:focus\:to-decorative-green:focus {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .md\:focus\:to-decorative-purple-default:focus {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .md\:focus\:to-decorative-purple-bold:focus {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .md\:decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice
    }
    .md\:decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
    .md\:bg-auto {
        background-size: auto
    }
    .md\:bg-cover {
        background-size: cover
    }
    .md\:bg-contain {
        background-size: contain
    }
    .md\:bg-fixed {
        background-attachment: fixed
    }
    .md\:bg-local {
        background-attachment: local
    }
    .md\:bg-scroll {
        background-attachment: scroll
    }
    .md\:bg-clip-border {
        background-clip: border-box
    }
    .md\:bg-clip-padding {
        background-clip: padding-box
    }
    .md\:bg-clip-content {
        background-clip: content-box
    }
    .md\:bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }
    .md\:bg-bottom {
        background-position: bottom
    }
    .md\:bg-center {
        background-position: 50%
    }
    .md\:bg-left {
        background-position: 0
    }
    .md\:bg-left-bottom {
        background-position: 0 100%
    }
    .md\:bg-left-top {
        background-position: 0 0
    }
    .md\:bg-right {
        background-position: 100%
    }
    .md\:bg-right-bottom {
        background-position: 100% 100%
    }
    .md\:bg-right-top {
        background-position: 100% 0
    }
    .md\:bg-top {
        background-position: top
    }
    .md\:bg-repeat {
        background-repeat: repeat
    }
    .md\:bg-no-repeat {
        background-repeat: no-repeat
    }
    .md\:bg-repeat-x {
        background-repeat: repeat-x
    }
    .md\:bg-repeat-y {
        background-repeat: repeat-y
    }
    .md\:bg-repeat-round {
        background-repeat: round
    }
    .md\:bg-repeat-space {
        background-repeat: space
    }
    .md\:bg-origin-border {
        background-origin: border-box
    }
    .md\:bg-origin-padding {
        background-origin: padding-box
    }
    .md\:bg-origin-content {
        background-origin: content-box
    }
    .md\:fill-current {
        fill: currentColor
    }
    .md\:stroke-current {
        stroke: currentColor
    }
    .md\:stroke-0 {
        stroke-width: 0
    }
    .md\:stroke-1 {
        stroke-width: 1
    }
    .md\:stroke-2 {
        stroke-width: 2
    }
    .md\:object-contain {
        object-fit: contain
    }
    .md\:object-cover {
        object-fit: cover
    }
    .md\:object-fill {
        object-fit: fill
    }
    .md\:object-none {
        object-fit: none
    }
    .md\:object-scale-down {
        object-fit: scale-down
    }
    .md\:object-bottom {
        object-position: bottom
    }
    .md\:object-center {
        object-position: center
    }
    .md\:object-left {
        object-position: left
    }
    .md\:object-left-bottom {
        object-position: left bottom
    }
    .md\:object-left-top {
        object-position: left top
    }
    .md\:object-right {
        object-position: right
    }
    .md\:object-right-bottom {
        object-position: right bottom
    }
    .md\:object-right-top {
        object-position: right top
    }
    .md\:object-top {
        object-position: top
    }
    .md\:p-0 {
        padding: 0
    }
    .md\:p-2 {
        padding: var(--space-5xs)
    }
    .md\:p-4 {
        padding: var(--space-4xs)
    }
    .md\:p-6 {
        padding: var(--space-3xs)
    }
    .md\:p-8 {
        padding: var(--space-2xs)
    }
    .md\:p-12 {
        padding: var(--space-xs)
    }
    .md\:p-16 {
        padding: var(--space-sm)
    }
    .md\:p-20 {
        padding: var(--space-md)
    }
    .md\:p-24 {
        padding: var(--space-lg)
    }
    .md\:p-32 {
        padding: var(--space-xl)
    }
    .md\:p-40 {
        padding: var(--space-2xl)
    }
    .md\:p-48 {
        padding: var(--space-3xl)
    }
    .md\:p-80 {
        padding: var(--space-4xl)
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .md\:px-2 {
        padding-left: var(--space-5xs);
        padding-right: var(--space-5xs)
    }
    .md\:px-4 {
        padding-left: var(--space-4xs);
        padding-right: var(--space-4xs)
    }
    .md\:px-6 {
        padding-left: var(--space-3xs);
        padding-right: var(--space-3xs)
    }
    .md\:px-8 {
        padding-left: var(--space-2xs);
        padding-right: var(--space-2xs)
    }
    .md\:px-12 {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }
    .md\:px-16 {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }
    .md\:px-20 {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }
    .md\:px-24 {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }
    .md\:px-32 {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }
    .md\:px-40 {
        padding-left: var(--space-2xl);
        padding-right: var(--space-2xl)
    }
    .md\:px-48 {
        padding-left: var(--space-3xl);
        padding-right: var(--space-3xl)
    }
    .md\:px-80 {
        padding-left: var(--space-4xl);
        padding-right: var(--space-4xl)
    }
    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .md\:py-2 {
        padding-top: var(--space-5xs);
        padding-bottom: var(--space-5xs)
    }
    .md\:py-4 {
        padding-top: var(--space-4xs);
        padding-bottom: var(--space-4xs)
    }
    .md\:py-6 {
        padding-top: var(--space-3xs);
        padding-bottom: var(--space-3xs)
    }
    .md\:py-8 {
        padding-top: var(--space-2xs);
        padding-bottom: var(--space-2xs)
    }
    .md\:py-12 {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }
    .md\:py-16 {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }
    .md\:py-20 {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }
    .md\:py-24 {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }
    .md\:py-32 {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }
    .md\:py-40 {
        padding-top: var(--space-2xl);
        padding-bottom: var(--space-2xl)
    }
    .md\:py-48 {
        padding-top: var(--space-3xl);
        padding-bottom: var(--space-3xl)
    }
    .md\:py-80 {
        padding-top: var(--space-4xl);
        padding-bottom: var(--space-4xl)
    }
    .md\:pt-0 {
        padding-top: 0
    }
    .md\:pt-2 {
        padding-top: var(--space-5xs)
    }
    .md\:pt-4 {
        padding-top: var(--space-4xs)
    }
    .md\:pt-6 {
        padding-top: var(--space-3xs)
    }
    .md\:pt-8 {
        padding-top: var(--space-2xs)
    }
    .md\:pt-12 {
        padding-top: var(--space-xs)
    }
    .md\:pt-16 {
        padding-top: var(--space-sm)
    }
    .md\:pt-20 {
        padding-top: var(--space-md)
    }
    .md\:pt-24 {
        padding-top: var(--space-lg)
    }
    .md\:pt-32 {
        padding-top: var(--space-xl)
    }
    .md\:pt-40 {
        padding-top: var(--space-2xl)
    }
    .md\:pt-48 {
        padding-top: var(--space-3xl)
    }
    .md\:pt-80 {
        padding-top: var(--space-4xl)
    }
    .md\:pr-0 {
        padding-right: 0
    }
    .md\:pr-2 {
        padding-right: var(--space-5xs)
    }
    .md\:pr-4 {
        padding-right: var(--space-4xs)
    }
    .md\:pr-6 {
        padding-right: var(--space-3xs)
    }
    .md\:pr-8 {
        padding-right: var(--space-2xs)
    }
    .md\:pr-12 {
        padding-right: var(--space-xs)
    }
    .md\:pr-16 {
        padding-right: var(--space-sm)
    }
    .md\:pr-20 {
        padding-right: var(--space-md)
    }
    .md\:pr-24 {
        padding-right: var(--space-lg)
    }
    .md\:pr-32 {
        padding-right: var(--space-xl)
    }
    .md\:pr-40 {
        padding-right: var(--space-2xl)
    }
    .md\:pr-48 {
        padding-right: var(--space-3xl)
    }
    .md\:pr-80 {
        padding-right: var(--space-4xl)
    }
    .md\:pb-0 {
        padding-bottom: 0
    }
    .md\:pb-2 {
        padding-bottom: var(--space-5xs)
    }
    .md\:pb-4 {
        padding-bottom: var(--space-4xs)
    }
    .md\:pb-6 {
        padding-bottom: var(--space-3xs)
    }
    .md\:pb-8 {
        padding-bottom: var(--space-2xs)
    }
    .md\:pb-12 {
        padding-bottom: var(--space-xs)
    }
    .md\:pb-16 {
        padding-bottom: var(--space-sm)
    }
    .md\:pb-20 {
        padding-bottom: var(--space-md)
    }
    .md\:pb-24 {
        padding-bottom: var(--space-lg)
    }
    .md\:pb-32 {
        padding-bottom: var(--space-xl)
    }
    .md\:pb-40 {
        padding-bottom: var(--space-2xl)
    }
    .md\:pb-48 {
        padding-bottom: var(--space-3xl)
    }
    .md\:pb-80 {
        padding-bottom: var(--space-4xl)
    }
    .md\:pl-0 {
        padding-left: 0
    }
    .md\:pl-2 {
        padding-left: var(--space-5xs)
    }
    .md\:pl-4 {
        padding-left: var(--space-4xs)
    }
    .md\:pl-6 {
        padding-left: var(--space-3xs)
    }
    .md\:pl-8 {
        padding-left: var(--space-2xs)
    }
    .md\:pl-12 {
        padding-left: var(--space-xs)
    }
    .md\:pl-16 {
        padding-left: var(--space-sm)
    }
    .md\:pl-20 {
        padding-left: var(--space-md)
    }
    .md\:pl-24 {
        padding-left: var(--space-lg)
    }
    .md\:pl-32 {
        padding-left: var(--space-xl)
    }
    .md\:pl-40 {
        padding-left: var(--space-2xl)
    }
    .md\:pl-48 {
        padding-left: var(--space-3xl)
    }
    .md\:pl-80 {
        padding-left: var(--space-4xl)
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-center {
        text-align: center
    }
    .md\:text-right {
        text-align: right
    }
    .md\:text-justify {
        text-align: justify
    }
    .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\:font-sans {
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }
    .md\:font-serif {
        font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
    }
    .md\:font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }
    .md\:text-7xl {
        font-size: 72px
    }
    .md\:text-6xl {
        font-size: 48px
    }
    .md\:text-5xl {
        font-size: 40px
    }
    .md\:text-4xl {
        font-size: 32px
    }
    .md\:text-3xl {
        font-size: 24px
    }
    .md\:text-2xl {
        font-size: 20px
    }
    .md\:text-xl {
        font-size: 18px
    }
    .md\:text-lg {
        font-size: 16px
    }
    .md\:text-md {
        font-size: 14px
    }
    .md\:text-sm {
        font-size: 12px
    }
    .md\:text-xs {
        font-size: 10px
    }
    .md\:font-normal {
        font-weight: 400
    }
    .md\:font-medium {
        font-weight: 500
    }
    .md\:font-semibold {
        font-weight: 600
    }
    .md\:font-bold {
        font-weight: 700
    }
    .md\:uppercase {
        text-transform: uppercase
    }
    .md\:lowercase {
        text-transform: lowercase
    }
    .md\:capitalize {
        text-transform: capitalize
    }
    .md\:normal-case {
        text-transform: none
    }
    .md\:italic {
        font-style: italic
    }
    .md\:not-italic {
        font-style: normal
    }
    .md\:diagonal-fractions,
    .md\:lining-nums,
    .md\:oldstyle-nums,
    .md\:ordinal,
    .md\:proportional-nums,
    .md\:slashed-zero,
    .md\:stacked-fractions,
    .md\:tabular-nums {
        --tw-ordinal: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-slashed-zero: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-figure: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-spacing: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-fraction: var(--tw-empty, /*!*/
        /*!*/
        );
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
    }
    .md\:normal-nums {
        font-variant-numeric: normal
    }
    .md\:ordinal {
        --tw-ordinal: ordinal
    }
    .md\:slashed-zero {
        --tw-slashed-zero: slashed-zero
    }
    .md\:lining-nums {
        --tw-numeric-figure: lining-nums
    }
    .md\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums
    }
    .md\:proportional-nums {
        --tw-numeric-spacing: proportional-nums
    }
    .md\:tabular-nums {
        --tw-numeric-spacing: tabular-nums
    }
    .md\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions
    }
    .md\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions
    }
    .md\:leading-1 {
        line-height: 12px
    }
    .md\:leading-2 {
        line-height: 14px
    }
    .md\:leading-3 {
        line-height: 16px
    }
    .md\:leading-4 {
        line-height: 20px
    }
    .md\:leading-5 {
        line-height: 24px
    }
    .md\:leading-6 {
        line-height: 32px
    }
    .md\:leading-7 {
        line-height: 40px
    }
    .md\:leading-8 {
        line-height: 48px
    }
    .md\:leading-9 {
        line-height: 56px
    }
    .md\:leading-10 {
        line-height: 80px
    }
    .md\:tracking-tighter {
        letter-spacing: -.05em
    }
    .md\:tracking-tight {
        letter-spacing: -.025em
    }
    .md\:tracking-normal {
        letter-spacing: 0
    }
    .md\:tracking-wide {
        letter-spacing: .025em
    }
    .md\:tracking-wider {
        letter-spacing: .05em
    }
    .md\:tracking-widest {
        letter-spacing: .1em
    }
    .md\:text-common-white {
        color: var(--common-white)
    }
    .md\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .md\:text-common-dark {
        color: var(--common-dark)
    }
    .md\:text-scheme-primary {
        color: var(--common-primary)
    }
    .md\:text-scheme-success {
        color: var(--text-success)
    }
    .md\:text-scheme-warning {
        color: var(--text-pending)
    }
    .md\:text-scheme-danger {
        color: var(--text-danger)
    }
    .md\:text-primary {
        color: var(--text-primary)
    }
    .md\:text-secondary {
        color: var(--text-secondary)
    }
    .md\:text-tertiary {
        color: var(--text-tertiary)
    }
    .md\:text-danger-default {
        color: var(--text-danger)
    }
    .md\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .md\:text-success-default {
        color: var(--text-success)
    }
    .md\:text-success-bold {
        color: var(--text-success-bold)
    }
    .md\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .md\:text-active-default {
        color: var(--text-active)
    }
    .md\:text-active-bold {
        color: var(--text-active-bold)
    }
    .md\:text-pending-default {
        color: var(--text-pending)
    }
    .md\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .md\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .md\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .md\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .md\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .md\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .md\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .md\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .md\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .md\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .md\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .group:hover .md\:group-hover\:text-common-white {
        color: var(--common-white)
    }
    .group:hover .md\:group-hover\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .group:hover .md\:group-hover\:text-common-dark {
        color: var(--common-dark)
    }
    .group:hover .md\:group-hover\:text-scheme-primary {
        color: var(--common-primary)
    }
    .group:hover .md\:group-hover\:text-scheme-success {
        color: var(--text-success)
    }
    .group:hover .md\:group-hover\:text-scheme-warning {
        color: var(--text-pending)
    }
    .group:hover .md\:group-hover\:text-scheme-danger {
        color: var(--text-danger)
    }
    .group:hover .md\:group-hover\:text-primary {
        color: var(--text-primary)
    }
    .group:hover .md\:group-hover\:text-secondary {
        color: var(--text-secondary)
    }
    .group:hover .md\:group-hover\:text-tertiary {
        color: var(--text-tertiary)
    }
    .group:hover .md\:group-hover\:text-danger-default {
        color: var(--text-danger)
    }
    .group:hover .md\:group-hover\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .group:hover .md\:group-hover\:text-success-default {
        color: var(--text-success)
    }
    .group:hover .md\:group-hover\:text-success-bold {
        color: var(--text-success-bold)
    }
    .group:hover .md\:group-hover\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .group:hover .md\:group-hover\:text-active-default {
        color: var(--text-active)
    }
    .group:hover .md\:group-hover\:text-active-bold {
        color: var(--text-active-bold)
    }
    .group:hover .md\:group-hover\:text-pending-default {
        color: var(--text-pending)
    }
    .group:hover .md\:group-hover\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .group:hover .md\:group-hover\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .group:hover .md\:group-hover\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .group:hover .md\:group-hover\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .group:hover .md\:group-hover\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .group:hover .md\:group-hover\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .group:hover .md\:group-hover\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .group:hover .md\:group-hover\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .group:hover .md\:group-hover\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .group:hover .md\:group-hover\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .group:hover .md\:group-hover\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .md\:focus-within\:text-common-white:focus-within {
        color: var(--common-white)
    }
    .md\:focus-within\:text-common-tertiary:focus-within {
        color: var(--common-tertiary)
    }
    .md\:focus-within\:text-common-dark:focus-within {
        color: var(--common-dark)
    }
    .md\:focus-within\:text-scheme-primary:focus-within {
        color: var(--common-primary)
    }
    .md\:focus-within\:text-scheme-success:focus-within {
        color: var(--text-success)
    }
    .md\:focus-within\:text-scheme-warning:focus-within {
        color: var(--text-pending)
    }
    .md\:focus-within\:text-scheme-danger:focus-within {
        color: var(--text-danger)
    }
    .md\:focus-within\:text-primary:focus-within {
        color: var(--text-primary)
    }
    .md\:focus-within\:text-secondary:focus-within {
        color: var(--text-secondary)
    }
    .md\:focus-within\:text-tertiary:focus-within {
        color: var(--text-tertiary)
    }
    .md\:focus-within\:text-danger-default:focus-within {
        color: var(--text-danger)
    }
    .md\:focus-within\:text-danger-bold:focus-within {
        color: var(--text-danger-bold)
    }
    .md\:focus-within\:text-success-default:focus-within {
        color: var(--text-success)
    }
    .md\:focus-within\:text-success-bold:focus-within {
        color: var(--text-success-bold)
    }
    .md\:focus-within\:text-success-subtle:focus-within {
        color: var(--text-success-subtle)
    }
    .md\:focus-within\:text-active-default:focus-within {
        color: var(--text-active)
    }
    .md\:focus-within\:text-active-bold:focus-within {
        color: var(--text-active-bold)
    }
    .md\:focus-within\:text-pending-default:focus-within {
        color: var(--text-pending)
    }
    .md\:focus-within\:text-pending-bold:focus-within {
        color: var(--text-pending-bold)
    }
    .md\:focus-within\:text-contrast-primary:focus-within {
        color: var(--text-contrast-primary)
    }
    .md\:focus-within\:text-contrast-secondary:focus-within {
        color: var(--text-contrast-secondary)
    }
    .md\:focus-within\:text-forced-tertiary:focus-within {
        color: var(--text-forced-tertiary)
    }
    .md\:focus-within\:text-decorative-red:focus-within {
        color: var(--text-decorative-red)
    }
    .md\:focus-within\:text-decorative-blue:focus-within {
        color: var(--text-decorative-blue)
    }
    .md\:focus-within\:text-decorative-yellow:focus-within {
        color: var(--text-decorative-yellow)
    }
    .md\:focus-within\:text-decorative-grey:focus-within {
        color: var(--text-decorative-grey)
    }
    .md\:focus-within\:text-decorative-green:focus-within {
        color: var(--text-decorative-green)
    }
    .md\:focus-within\:text-decorative-purple-default:focus-within {
        color: var(--text-decorative-purple)
    }
    .md\:focus-within\:text-decorative-purple-bold:focus-within {
        color: var(--text-decorative-purple-bold)
    }
    .md\:hover\:text-common-white:hover {
        color: var(--common-white)
    }
    .md\:hover\:text-common-tertiary:hover {
        color: var(--common-tertiary)
    }
    .md\:hover\:text-common-dark:hover {
        color: var(--common-dark)
    }
    .md\:hover\:text-scheme-primary:hover {
        color: var(--common-primary)
    }
    .md\:hover\:text-scheme-success:hover {
        color: var(--text-success)
    }
    .md\:hover\:text-scheme-warning:hover {
        color: var(--text-pending)
    }
    .md\:hover\:text-scheme-danger:hover {
        color: var(--text-danger)
    }
    .md\:hover\:text-primary:hover {
        color: var(--text-primary)
    }
    .md\:hover\:text-secondary:hover {
        color: var(--text-secondary)
    }
    .md\:hover\:text-tertiary:hover {
        color: var(--text-tertiary)
    }
    .md\:hover\:text-danger-default:hover {
        color: var(--text-danger)
    }
    .md\:hover\:text-danger-bold:hover {
        color: var(--text-danger-bold)
    }
    .md\:hover\:text-success-default:hover {
        color: var(--text-success)
    }
    .md\:hover\:text-success-bold:hover {
        color: var(--text-success-bold)
    }
    .md\:hover\:text-success-subtle:hover {
        color: var(--text-success-subtle)
    }
    .md\:hover\:text-active-default:hover {
        color: var(--text-active)
    }
    .md\:hover\:text-active-bold:hover {
        color: var(--text-active-bold)
    }
    .md\:hover\:text-pending-default:hover {
        color: var(--text-pending)
    }
    .md\:hover\:text-pending-bold:hover {
        color: var(--text-pending-bold)
    }
    .md\:hover\:text-contrast-primary:hover {
        color: var(--text-contrast-primary)
    }
    .md\:hover\:text-contrast-secondary:hover {
        color: var(--text-contrast-secondary)
    }
    .md\:hover\:text-forced-tertiary:hover {
        color: var(--text-forced-tertiary)
    }
    .md\:hover\:text-decorative-red:hover {
        color: var(--text-decorative-red)
    }
    .md\:hover\:text-decorative-blue:hover {
        color: var(--text-decorative-blue)
    }
    .md\:hover\:text-decorative-yellow:hover {
        color: var(--text-decorative-yellow)
    }
    .md\:hover\:text-decorative-grey:hover {
        color: var(--text-decorative-grey)
    }
    .md\:hover\:text-decorative-green:hover {
        color: var(--text-decorative-green)
    }
    .md\:hover\:text-decorative-purple-default:hover {
        color: var(--text-decorative-purple)
    }
    .md\:hover\:text-decorative-purple-bold:hover {
        color: var(--text-decorative-purple-bold)
    }
    .md\:focus\:text-common-white:focus {
        color: var(--common-white)
    }
    .md\:focus\:text-common-tertiary:focus {
        color: var(--common-tertiary)
    }
    .md\:focus\:text-common-dark:focus {
        color: var(--common-dark)
    }
    .md\:focus\:text-scheme-primary:focus {
        color: var(--common-primary)
    }
    .md\:focus\:text-scheme-success:focus {
        color: var(--text-success)
    }
    .md\:focus\:text-scheme-warning:focus {
        color: var(--text-pending)
    }
    .md\:focus\:text-scheme-danger:focus {
        color: var(--text-danger)
    }
    .md\:focus\:text-primary:focus {
        color: var(--text-primary)
    }
    .md\:focus\:text-secondary:focus {
        color: var(--text-secondary)
    }
    .md\:focus\:text-tertiary:focus {
        color: var(--text-tertiary)
    }
    .md\:focus\:text-danger-default:focus {
        color: var(--text-danger)
    }
    .md\:focus\:text-danger-bold:focus {
        color: var(--text-danger-bold)
    }
    .md\:focus\:text-success-default:focus {
        color: var(--text-success)
    }
    .md\:focus\:text-success-bold:focus {
        color: var(--text-success-bold)
    }
    .md\:focus\:text-success-subtle:focus {
        color: var(--text-success-subtle)
    }
    .md\:focus\:text-active-default:focus {
        color: var(--text-active)
    }
    .md\:focus\:text-active-bold:focus {
        color: var(--text-active-bold)
    }
    .md\:focus\:text-pending-default:focus {
        color: var(--text-pending)
    }
    .md\:focus\:text-pending-bold:focus {
        color: var(--text-pending-bold)
    }
    .md\:focus\:text-contrast-primary:focus {
        color: var(--text-contrast-primary)
    }
    .md\:focus\:text-contrast-secondary:focus {
        color: var(--text-contrast-secondary)
    }
    .md\:focus\:text-forced-tertiary:focus {
        color: var(--text-forced-tertiary)
    }
    .md\:focus\:text-decorative-red:focus {
        color: var(--text-decorative-red)
    }
    .md\:focus\:text-decorative-blue:focus {
        color: var(--text-decorative-blue)
    }
    .md\:focus\:text-decorative-yellow:focus {
        color: var(--text-decorative-yellow)
    }
    .md\:focus\:text-decorative-grey:focus {
        color: var(--text-decorative-grey)
    }
    .md\:focus\:text-decorative-green:focus {
        color: var(--text-decorative-green)
    }
    .md\:focus\:text-decorative-purple-default:focus {
        color: var(--text-decorative-purple)
    }
    .md\:focus\:text-decorative-purple-bold:focus {
        color: var(--text-decorative-purple-bold)
    }
    .md\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .md\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .md\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .md\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .md\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .md\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .md\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .md\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .md\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .md\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .md\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .md\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .md\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .md\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .md\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .group:hover .md\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .group:hover .md\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .group:hover .md\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .group:hover .md\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .group:hover .md\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .group:hover .md\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .group:hover .md\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .group:hover .md\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .group:hover .md\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .group:hover .md\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .group:hover .md\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .group:hover .md\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .group:hover .md\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .group:hover .md\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .group:hover .md\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .md\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }
    .md\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }
    .md\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }
    .md\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }
    .md\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }
    .md\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }
    .md\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }
    .md\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }
    .md\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }
    .md\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }
    .md\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }
    .md\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }
    .md\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }
    .md\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }
    .md\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }
    .md\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }
    .md\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }
    .md\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }
    .md\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }
    .md\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }
    .md\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }
    .md\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }
    .md\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }
    .md\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }
    .md\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }
    .md\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }
    .md\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }
    .md\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }
    .md\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }
    .md\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }
    .md\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }
    .md\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }
    .md\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }
    .md\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }
    .md\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }
    .md\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }
    .md\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }
    .md\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }
    .md\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }
    .md\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }
    .md\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }
    .md\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }
    .md\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }
    .md\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }
    .md\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }
    .md\:underline {
        text-decoration: underline
    }
    .md\:line-through {
        text-decoration: line-through
    }
    .md\:no-underline {
        text-decoration: none
    }
    .group:hover .md\:group-hover\:underline {
        text-decoration: underline
    }
    .group:hover .md\:group-hover\:line-through {
        text-decoration: line-through
    }
    .group:hover .md\:group-hover\:no-underline {
        text-decoration: none
    }
    .md\:focus-within\:underline:focus-within {
        text-decoration: underline
    }
    .md\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }
    .md\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }
    .md\:hover\:underline:hover {
        text-decoration: underline
    }
    .md\:hover\:line-through:hover {
        text-decoration: line-through
    }
    .md\:hover\:no-underline:hover {
        text-decoration: none
    }
    .md\:focus\:underline:focus {
        text-decoration: underline
    }
    .md\:focus\:line-through:focus {
        text-decoration: line-through
    }
    .md\:focus\:no-underline:focus {
        text-decoration: none
    }
    .md\:antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .md\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
    .md\:placeholder-common-white::placeholder {
        color: var(--common-white)
    }
    .md\:placeholder-common-tertiary::placeholder {
        color: var(--common-tertiary)
    }
    .md\:placeholder-common-dark::placeholder {
        color: var(--common-dark)
    }
    .md\:placeholder-scheme-primary::placeholder {
        color: var(--common-primary)
    }
    .md\:placeholder-scheme-success::placeholder {
        color: var(--text-success)
    }
    .md\:placeholder-scheme-warning::placeholder {
        color: var(--text-pending)
    }
    .md\:placeholder-scheme-danger::placeholder {
        color: var(--text-danger)
    }
    .md\:placeholder-primary::placeholder {
        color: var(--text-primary)
    }
    .md\:placeholder-secondary::placeholder {
        color: var(--text-secondary)
    }
    .md\:placeholder-tertiary::placeholder {
        color: var(--text-tertiary)
    }
    .md\:placeholder-danger-default::placeholder {
        color: var(--text-danger)
    }
    .md\:placeholder-danger-bold::placeholder {
        color: var(--text-danger-bold)
    }
    .md\:placeholder-success-default::placeholder {
        color: var(--text-success)
    }
    .md\:placeholder-success-bold::placeholder {
        color: var(--text-success-bold)
    }
    .md\:placeholder-success-subtle::placeholder {
        color: var(--text-success-subtle)
    }
    .md\:placeholder-active-default::placeholder {
        color: var(--text-active)
    }
    .md\:placeholder-active-bold::placeholder {
        color: var(--text-active-bold)
    }
    .md\:placeholder-pending-default::placeholder {
        color: var(--text-pending)
    }
    .md\:placeholder-pending-bold::placeholder {
        color: var(--text-pending-bold)
    }
    .md\:placeholder-contrast-primary::placeholder {
        color: var(--text-contrast-primary)
    }
    .md\:placeholder-contrast-secondary::placeholder {
        color: var(--text-contrast-secondary)
    }
    .md\:placeholder-forced-tertiary::placeholder {
        color: var(--text-forced-tertiary)
    }
    .md\:placeholder-decorative-red::placeholder {
        color: var(--text-decorative-red)
    }
    .md\:placeholder-decorative-blue::placeholder {
        color: var(--text-decorative-blue)
    }
    .md\:placeholder-decorative-yellow::placeholder {
        color: var(--text-decorative-yellow)
    }
    .md\:placeholder-decorative-grey::placeholder {
        color: var(--text-decorative-grey)
    }
    .md\:placeholder-decorative-green::placeholder {
        color: var(--text-decorative-green)
    }
    .md\:placeholder-decorative-purple-default::placeholder {
        color: var(--text-decorative-purple)
    }
    .md\:placeholder-decorative-purple-bold::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .md\:focus\:placeholder-common-white:focus::placeholder {
        color: var(--common-white)
    }
    .md\:focus\:placeholder-common-tertiary:focus::placeholder {
        color: var(--common-tertiary)
    }
    .md\:focus\:placeholder-common-dark:focus::placeholder {
        color: var(--common-dark)
    }
    .md\:focus\:placeholder-scheme-primary:focus::placeholder {
        color: var(--common-primary)
    }
    .md\:focus\:placeholder-scheme-success:focus::placeholder {
        color: var(--text-success)
    }
    .md\:focus\:placeholder-scheme-warning:focus::placeholder {
        color: var(--text-pending)
    }
    .md\:focus\:placeholder-scheme-danger:focus::placeholder {
        color: var(--text-danger)
    }
    .md\:focus\:placeholder-primary:focus::placeholder {
        color: var(--text-primary)
    }
    .md\:focus\:placeholder-secondary:focus::placeholder {
        color: var(--text-secondary)
    }
    .md\:focus\:placeholder-tertiary:focus::placeholder {
        color: var(--text-tertiary)
    }
    .md\:focus\:placeholder-danger-default:focus::placeholder {
        color: var(--text-danger)
    }
    .md\:focus\:placeholder-danger-bold:focus::placeholder {
        color: var(--text-danger-bold)
    }
    .md\:focus\:placeholder-success-default:focus::placeholder {
        color: var(--text-success)
    }
    .md\:focus\:placeholder-success-bold:focus::placeholder {
        color: var(--text-success-bold)
    }
    .md\:focus\:placeholder-success-subtle:focus::placeholder {
        color: var(--text-success-subtle)
    }
    .md\:focus\:placeholder-active-default:focus::placeholder {
        color: var(--text-active)
    }
    .md\:focus\:placeholder-active-bold:focus::placeholder {
        color: var(--text-active-bold)
    }
    .md\:focus\:placeholder-pending-default:focus::placeholder {
        color: var(--text-pending)
    }
    .md\:focus\:placeholder-pending-bold:focus::placeholder {
        color: var(--text-pending-bold)
    }
    .md\:focus\:placeholder-contrast-primary:focus::placeholder {
        color: var(--text-contrast-primary)
    }
    .md\:focus\:placeholder-contrast-secondary:focus::placeholder {
        color: var(--text-contrast-secondary)
    }
    .md\:focus\:placeholder-forced-tertiary:focus::placeholder {
        color: var(--text-forced-tertiary)
    }
    .md\:focus\:placeholder-decorative-red:focus::placeholder {
        color: var(--text-decorative-red)
    }
    .md\:focus\:placeholder-decorative-blue:focus::placeholder {
        color: var(--text-decorative-blue)
    }
    .md\:focus\:placeholder-decorative-yellow:focus::placeholder {
        color: var(--text-decorative-yellow)
    }
    .md\:focus\:placeholder-decorative-grey:focus::placeholder {
        color: var(--text-decorative-grey)
    }
    .md\:focus\:placeholder-decorative-green:focus::placeholder {
        color: var(--text-decorative-green)
    }
    .md\:focus\:placeholder-decorative-purple-default:focus::placeholder {
        color: var(--text-decorative-purple)
    }
    .md\:focus\:placeholder-decorative-purple-bold:focus::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .md\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }
    .md\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .md\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .md\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .md\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .md\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .md\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .md\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .md\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .md\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .md\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .md\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .md\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .md\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .md\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }
    .md\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }
    .md\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .md\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .md\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .md\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .md\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .md\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .md\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .md\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .md\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .md\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .md\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .md\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .md\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .md\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }
    .md\:opacity-0 {
        opacity: 0
    }
    .md\:opacity-5 {
        opacity: .05
    }
    .md\:opacity-10 {
        opacity: .1
    }
    .md\:opacity-20 {
        opacity: .2
    }
    .md\:opacity-25 {
        opacity: .25
    }
    .md\:opacity-30 {
        opacity: .3
    }
    .md\:opacity-40 {
        opacity: .4
    }
    .md\:opacity-50 {
        opacity: .5
    }
    .md\:opacity-60 {
        opacity: .6
    }
    .md\:opacity-70 {
        opacity: .7
    }
    .md\:opacity-75 {
        opacity: .75
    }
    .md\:opacity-80 {
        opacity: .8
    }
    .md\:opacity-90 {
        opacity: .9
    }
    .md\:opacity-95 {
        opacity: .95
    }
    .md\:opacity-100 {
        opacity: 1
    }
    .group:hover .md\:group-hover\:opacity-0 {
        opacity: 0
    }
    .group:hover .md\:group-hover\:opacity-5 {
        opacity: .05
    }
    .group:hover .md\:group-hover\:opacity-10 {
        opacity: .1
    }
    .group:hover .md\:group-hover\:opacity-20 {
        opacity: .2
    }
    .group:hover .md\:group-hover\:opacity-25 {
        opacity: .25
    }
    .group:hover .md\:group-hover\:opacity-30 {
        opacity: .3
    }
    .group:hover .md\:group-hover\:opacity-40 {
        opacity: .4
    }
    .group:hover .md\:group-hover\:opacity-50 {
        opacity: .5
    }
    .group:hover .md\:group-hover\:opacity-60 {
        opacity: .6
    }
    .group:hover .md\:group-hover\:opacity-70 {
        opacity: .7
    }
    .group:hover .md\:group-hover\:opacity-75 {
        opacity: .75
    }
    .group:hover .md\:group-hover\:opacity-80 {
        opacity: .8
    }
    .group:hover .md\:group-hover\:opacity-90 {
        opacity: .9
    }
    .group:hover .md\:group-hover\:opacity-95 {
        opacity: .95
    }
    .group:hover .md\:group-hover\:opacity-100 {
        opacity: 1
    }
    .md\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }
    .md\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }
    .md\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }
    .md\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }
    .md\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }
    .md\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }
    .md\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }
    .md\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }
    .md\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }
    .md\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }
    .md\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }
    .md\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }
    .md\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }
    .md\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }
    .md\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }
    .md\:hover\:opacity-0:hover {
        opacity: 0
    }
    .md\:hover\:opacity-5:hover {
        opacity: .05
    }
    .md\:hover\:opacity-10:hover {
        opacity: .1
    }
    .md\:hover\:opacity-20:hover {
        opacity: .2
    }
    .md\:hover\:opacity-25:hover {
        opacity: .25
    }
    .md\:hover\:opacity-30:hover {
        opacity: .3
    }
    .md\:hover\:opacity-40:hover {
        opacity: .4
    }
    .md\:hover\:opacity-50:hover {
        opacity: .5
    }
    .md\:hover\:opacity-60:hover {
        opacity: .6
    }
    .md\:hover\:opacity-70:hover {
        opacity: .7
    }
    .md\:hover\:opacity-75:hover {
        opacity: .75
    }
    .md\:hover\:opacity-80:hover {
        opacity: .8
    }
    .md\:hover\:opacity-90:hover {
        opacity: .9
    }
    .md\:hover\:opacity-95:hover {
        opacity: .95
    }
    .md\:hover\:opacity-100:hover {
        opacity: 1
    }
    .md\:focus\:opacity-0:focus {
        opacity: 0
    }
    .md\:focus\:opacity-5:focus {
        opacity: .05
    }
    .md\:focus\:opacity-10:focus {
        opacity: .1
    }
    .md\:focus\:opacity-20:focus {
        opacity: .2
    }
    .md\:focus\:opacity-25:focus {
        opacity: .25
    }
    .md\:focus\:opacity-30:focus {
        opacity: .3
    }
    .md\:focus\:opacity-40:focus {
        opacity: .4
    }
    .md\:focus\:opacity-50:focus {
        opacity: .5
    }
    .md\:focus\:opacity-60:focus {
        opacity: .6
    }
    .md\:focus\:opacity-70:focus {
        opacity: .7
    }
    .md\:focus\:opacity-75:focus {
        opacity: .75
    }
    .md\:focus\:opacity-80:focus {
        opacity: .8
    }
    .md\:focus\:opacity-90:focus {
        opacity: .9
    }
    .md\:focus\:opacity-95:focus {
        opacity: .95
    }
    .md\:focus\:opacity-100:focus {
        opacity: 1
    }
    .md\:bg-blend-normal {
        background-blend-mode: normal
    }
    .md\:bg-blend-multiply {
        background-blend-mode: multiply
    }
    .md\:bg-blend-screen {
        background-blend-mode: screen
    }
    .md\:bg-blend-overlay {
        background-blend-mode: overlay
    }
    .md\:bg-blend-darken {
        background-blend-mode: darken
    }
    .md\:bg-blend-lighten {
        background-blend-mode: lighten
    }
    .md\:bg-blend-color-dodge {
        background-blend-mode: color-dodge
    }
    .md\:bg-blend-color-burn {
        background-blend-mode: color-burn
    }
    .md\:bg-blend-hard-light {
        background-blend-mode: hard-light
    }
    .md\:bg-blend-soft-light {
        background-blend-mode: soft-light
    }
    .md\:bg-blend-difference {
        background-blend-mode: difference
    }
    .md\:bg-blend-exclusion {
        background-blend-mode: exclusion
    }
    .md\:bg-blend-hue {
        background-blend-mode: hue
    }
    .md\:bg-blend-saturation {
        background-blend-mode: saturation
    }
    .md\:bg-blend-color {
        background-blend-mode: color
    }
    .md\:bg-blend-luminosity {
        background-blend-mode: luminosity
    }
    .md\:mix-blend-normal {
        mix-blend-mode: normal
    }
    .md\:mix-blend-multiply {
        mix-blend-mode: multiply
    }
    .md\:mix-blend-screen {
        mix-blend-mode: screen
    }
    .md\:mix-blend-overlay {
        mix-blend-mode: overlay
    }
    .md\:mix-blend-darken {
        mix-blend-mode: darken
    }
    .md\:mix-blend-lighten {
        mix-blend-mode: lighten
    }
    .md\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge
    }
    .md\:mix-blend-color-burn {
        mix-blend-mode: color-burn
    }
    .md\:mix-blend-hard-light {
        mix-blend-mode: hard-light
    }
    .md\:mix-blend-soft-light {
        mix-blend-mode: soft-light
    }
    .md\:mix-blend-difference {
        mix-blend-mode: difference
    }
    .md\:mix-blend-exclusion {
        mix-blend-mode: exclusion
    }
    .md\:mix-blend-hue {
        mix-blend-mode: hue
    }
    .md\:mix-blend-saturation {
        mix-blend-mode: saturation
    }
    .md\:mix-blend-color {
        mix-blend-mode: color
    }
    .md\:mix-blend-luminosity {
        mix-blend-mode: luminosity
    }
    .md\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .md\:shadow-md,
    .md\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .md\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .md\:shadow-lg,
    .md\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .group:hover .md\:group-hover\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .group:hover .md\:group-hover\:shadow-md,
    .group:hover .md\:group-hover\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .md\:group-hover\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .group:hover .md\:group-hover\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .group:hover .md\:group-hover\:shadow-lg,
    .group:hover .md\:group-hover\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .md\:group-hover\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .md\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: var(--box-shadow-sm);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:focus-within\:shadow-md:focus-within {
        --tw-shadow: var(--box-shadow-md);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: var(--box-shadow-xl);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:hover\:shadow-sm:hover {
        --tw-shadow: var(--box-shadow-sm)
    }
    .md\:hover\:shadow-md:hover,
    .md\:hover\:shadow-sm:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:hover\:shadow-md:hover {
        --tw-shadow: var(--box-shadow-md)
    }
    .md\:hover\:shadow-lg:hover {
        --tw-shadow: var(--box-shadow-lg)
    }
    .md\:hover\:shadow-lg:hover,
    .md\:hover\:shadow-xl:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:hover\:shadow-xl:hover {
        --tw-shadow: var(--box-shadow-xl)
    }
    .md\:focus\:shadow-sm:focus {
        --tw-shadow: var(--box-shadow-sm)
    }
    .md\:focus\:shadow-md:focus,
    .md\:focus\:shadow-sm:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:focus\:shadow-md:focus {
        --tw-shadow: var(--box-shadow-md)
    }
    .md\:focus\:shadow-lg:focus {
        --tw-shadow: var(--box-shadow-lg)
    }
    .md\:focus\:shadow-lg:focus,
    .md\:focus\:shadow-xl:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .md\:focus\:shadow-xl:focus {
        --tw-shadow: var(--box-shadow-xl)
    }
    .md\:outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .md\:outline-white {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .md\:outline-black {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .md\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .md\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .md\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .md\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .md\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .md\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .md\:ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:ring-0,
    .md\:ring-1 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:ring-2 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:ring-2,
    .md\:ring-4 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:ring-4 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:ring-8 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:ring,
    .md\:ring-8 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:ring {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:focus\:ring-0:focus,
    .md\:focus\:ring-1:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:focus\:ring-2:focus,
    .md\:focus\:ring-4:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:focus\:ring-8:focus,
    .md\:focus\:ring:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .md\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .md\:ring-inset {
        --tw-ring-inset: inset
    }
    .md\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }
    .md\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }
    .md\:ring-common-white {
        --tw-ring-color: var(--common-white)
    }
    .md\:ring-common-tertiary {
        --tw-ring-color: var(--common-tertiary)
    }
    .md\:ring-common-dark {
        --tw-ring-color: var(--common-dark)
    }
    .md\:ring-scheme-primary {
        --tw-ring-color: var(--common-primary)
    }
    .md\:ring-scheme-success {
        --tw-ring-color: var(--text-success)
    }
    .md\:ring-scheme-warning {
        --tw-ring-color: var(--text-pending)
    }
    .md\:ring-scheme-danger {
        --tw-ring-color: var(--text-danger)
    }
    .md\:ring-primary {
        --tw-ring-color: var(--text-primary)
    }
    .md\:ring-secondary {
        --tw-ring-color: var(--text-secondary)
    }
    .md\:ring-tertiary {
        --tw-ring-color: var(--text-tertiary)
    }
    .md\:ring-danger-default {
        --tw-ring-color: var(--text-danger)
    }
    .md\:ring-danger-bold {
        --tw-ring-color: var(--text-danger-bold)
    }
    .md\:ring-success-default {
        --tw-ring-color: var(--text-success)
    }
    .md\:ring-success-bold {
        --tw-ring-color: var(--text-success-bold)
    }
    .md\:ring-success-subtle {
        --tw-ring-color: var(--text-success-subtle)
    }
    .md\:ring-active-default {
        --tw-ring-color: var(--text-active)
    }
    .md\:ring-active-bold {
        --tw-ring-color: var(--text-active-bold)
    }
    .md\:ring-pending-default {
        --tw-ring-color: var(--text-pending)
    }
    .md\:ring-pending-bold {
        --tw-ring-color: var(--text-pending-bold)
    }
    .md\:ring-contrast-primary {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .md\:ring-contrast-secondary {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .md\:ring-forced-tertiary {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .md\:ring-decorative-red {
        --tw-ring-color: var(--text-decorative-red)
    }
    .md\:ring-decorative-blue {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .md\:ring-decorative-yellow {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .md\:ring-decorative-grey {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .md\:ring-decorative-green {
        --tw-ring-color: var(--text-decorative-green)
    }
    .md\:ring-decorative-purple-default {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .md\:ring-decorative-purple-bold {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .md\:focus-within\:ring-common-white:focus-within {
        --tw-ring-color: var(--common-white)
    }
    .md\:focus-within\:ring-common-tertiary:focus-within {
        --tw-ring-color: var(--common-tertiary)
    }
    .md\:focus-within\:ring-common-dark:focus-within {
        --tw-ring-color: var(--common-dark)
    }
    .md\:focus-within\:ring-scheme-primary:focus-within {
        --tw-ring-color: var(--common-primary)
    }
    .md\:focus-within\:ring-scheme-success:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .md\:focus-within\:ring-scheme-warning:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .md\:focus-within\:ring-scheme-danger:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .md\:focus-within\:ring-primary:focus-within {
        --tw-ring-color: var(--text-primary)
    }
    .md\:focus-within\:ring-secondary:focus-within {
        --tw-ring-color: var(--text-secondary)
    }
    .md\:focus-within\:ring-tertiary:focus-within {
        --tw-ring-color: var(--text-tertiary)
    }
    .md\:focus-within\:ring-danger-default:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .md\:focus-within\:ring-danger-bold:focus-within {
        --tw-ring-color: var(--text-danger-bold)
    }
    .md\:focus-within\:ring-success-default:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .md\:focus-within\:ring-success-bold:focus-within {
        --tw-ring-color: var(--text-success-bold)
    }
    .md\:focus-within\:ring-success-subtle:focus-within {
        --tw-ring-color: var(--text-success-subtle)
    }
    .md\:focus-within\:ring-active-default:focus-within {
        --tw-ring-color: var(--text-active)
    }
    .md\:focus-within\:ring-active-bold:focus-within {
        --tw-ring-color: var(--text-active-bold)
    }
    .md\:focus-within\:ring-pending-default:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .md\:focus-within\:ring-pending-bold:focus-within {
        --tw-ring-color: var(--text-pending-bold)
    }
    .md\:focus-within\:ring-contrast-primary:focus-within {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .md\:focus-within\:ring-contrast-secondary:focus-within {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .md\:focus-within\:ring-forced-tertiary:focus-within {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .md\:focus-within\:ring-decorative-red:focus-within {
        --tw-ring-color: var(--text-decorative-red)
    }
    .md\:focus-within\:ring-decorative-blue:focus-within {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .md\:focus-within\:ring-decorative-yellow:focus-within {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .md\:focus-within\:ring-decorative-grey:focus-within {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .md\:focus-within\:ring-decorative-green:focus-within {
        --tw-ring-color: var(--text-decorative-green)
    }
    .md\:focus-within\:ring-decorative-purple-default:focus-within {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .md\:focus-within\:ring-decorative-purple-bold:focus-within {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .md\:focus\:ring-common-white:focus {
        --tw-ring-color: var(--common-white)
    }
    .md\:focus\:ring-common-tertiary:focus {
        --tw-ring-color: var(--common-tertiary)
    }
    .md\:focus\:ring-common-dark:focus {
        --tw-ring-color: var(--common-dark)
    }
    .md\:focus\:ring-scheme-primary:focus {
        --tw-ring-color: var(--common-primary)
    }
    .md\:focus\:ring-scheme-success:focus {
        --tw-ring-color: var(--text-success)
    }
    .md\:focus\:ring-scheme-warning:focus {
        --tw-ring-color: var(--text-pending)
    }
    .md\:focus\:ring-scheme-danger:focus {
        --tw-ring-color: var(--text-danger)
    }
    .md\:focus\:ring-primary:focus {
        --tw-ring-color: var(--text-primary)
    }
    .md\:focus\:ring-secondary:focus {
        --tw-ring-color: var(--text-secondary)
    }
    .md\:focus\:ring-tertiary:focus {
        --tw-ring-color: var(--text-tertiary)
    }
    .md\:focus\:ring-danger-default:focus {
        --tw-ring-color: var(--text-danger)
    }
    .md\:focus\:ring-danger-bold:focus {
        --tw-ring-color: var(--text-danger-bold)
    }
    .md\:focus\:ring-success-default:focus {
        --tw-ring-color: var(--text-success)
    }
    .md\:focus\:ring-success-bold:focus {
        --tw-ring-color: var(--text-success-bold)
    }
    .md\:focus\:ring-success-subtle:focus {
        --tw-ring-color: var(--text-success-subtle)
    }
    .md\:focus\:ring-active-default:focus {
        --tw-ring-color: var(--text-active)
    }
    .md\:focus\:ring-active-bold:focus {
        --tw-ring-color: var(--text-active-bold)
    }
    .md\:focus\:ring-pending-default:focus {
        --tw-ring-color: var(--text-pending)
    }
    .md\:focus\:ring-pending-bold:focus {
        --tw-ring-color: var(--text-pending-bold)
    }
    .md\:focus\:ring-contrast-primary:focus {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .md\:focus\:ring-contrast-secondary:focus {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .md\:focus\:ring-forced-tertiary:focus {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .md\:focus\:ring-decorative-red:focus {
        --tw-ring-color: var(--text-decorative-red)
    }
    .md\:focus\:ring-decorative-blue:focus {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .md\:focus\:ring-decorative-yellow:focus {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .md\:focus\:ring-decorative-grey:focus {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .md\:focus\:ring-decorative-green:focus {
        --tw-ring-color: var(--text-decorative-green)
    }
    .md\:focus\:ring-decorative-purple-default:focus {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .md\:focus\:ring-decorative-purple-bold:focus {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .md\:ring-opacity-0 {
        --tw-ring-opacity: 0
    }
    .md\:ring-opacity-5 {
        --tw-ring-opacity: 0.05
    }
    .md\:ring-opacity-10 {
        --tw-ring-opacity: 0.1
    }
    .md\:ring-opacity-20 {
        --tw-ring-opacity: 0.2
    }
    .md\:ring-opacity-25 {
        --tw-ring-opacity: 0.25
    }
    .md\:ring-opacity-30 {
        --tw-ring-opacity: 0.3
    }
    .md\:ring-opacity-40 {
        --tw-ring-opacity: 0.4
    }
    .md\:ring-opacity-50 {
        --tw-ring-opacity: 0.5
    }
    .md\:ring-opacity-60 {
        --tw-ring-opacity: 0.6
    }
    .md\:ring-opacity-70 {
        --tw-ring-opacity: 0.7
    }
    .md\:ring-opacity-75 {
        --tw-ring-opacity: 0.75
    }
    .md\:ring-opacity-80 {
        --tw-ring-opacity: 0.8
    }
    .md\:ring-opacity-90 {
        --tw-ring-opacity: 0.9
    }
    .md\:ring-opacity-95 {
        --tw-ring-opacity: 0.95
    }
    .md\:ring-opacity-100 {
        --tw-ring-opacity: 1
    }
    .md\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }
    .md\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }
    .md\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }
    .md\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }
    .md\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }
    .md\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }
    .md\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }
    .md\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }
    .md\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }
    .md\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }
    .md\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }
    .md\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }
    .md\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }
    .md\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }
    .md\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }
    .md\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }
    .md\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }
    .md\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }
    .md\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }
    .md\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }
    .md\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }
    .md\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }
    .md\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }
    .md\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }
    .md\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }
    .md\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }
    .md\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }
    .md\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }
    .md\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }
    .md\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }
    .md\:ring-offset-0 {
        --tw-ring-offset-width: 0px
    }
    .md\:ring-offset-1 {
        --tw-ring-offset-width: 1px
    }
    .md\:ring-offset-2 {
        --tw-ring-offset-width: 2px
    }
    .md\:ring-offset-4 {
        --tw-ring-offset-width: 4px
    }
    .md\:ring-offset-8 {
        --tw-ring-offset-width: 8px
    }
    .md\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }
    .md\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }
    .md\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }
    .md\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }
    .md\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }
    .md\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }
    .md\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }
    .md\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }
    .md\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }
    .md\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }
    .md\:ring-offset-common-white {
        --tw-ring-offset-color: var(--common-white)
    }
    .md\:ring-offset-common-tertiary {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .md\:ring-offset-common-dark {
        --tw-ring-offset-color: var(--common-dark)
    }
    .md\:ring-offset-scheme-primary {
        --tw-ring-offset-color: var(--common-primary)
    }
    .md\:ring-offset-scheme-success {
        --tw-ring-offset-color: var(--text-success)
    }
    .md\:ring-offset-scheme-warning {
        --tw-ring-offset-color: var(--text-pending)
    }
    .md\:ring-offset-scheme-danger {
        --tw-ring-offset-color: var(--text-danger)
    }
    .md\:ring-offset-primary {
        --tw-ring-offset-color: var(--text-primary)
    }
    .md\:ring-offset-secondary {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .md\:ring-offset-tertiary {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .md\:ring-offset-danger-default {
        --tw-ring-offset-color: var(--text-danger)
    }
    .md\:ring-offset-danger-bold {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .md\:ring-offset-success-default {
        --tw-ring-offset-color: var(--text-success)
    }
    .md\:ring-offset-success-bold {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .md\:ring-offset-success-subtle {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .md\:ring-offset-active-default {
        --tw-ring-offset-color: var(--text-active)
    }
    .md\:ring-offset-active-bold {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .md\:ring-offset-pending-default {
        --tw-ring-offset-color: var(--text-pending)
    }
    .md\:ring-offset-pending-bold {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .md\:ring-offset-contrast-primary {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .md\:ring-offset-contrast-secondary {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .md\:ring-offset-forced-tertiary {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .md\:ring-offset-decorative-red {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .md\:ring-offset-decorative-blue {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .md\:ring-offset-decorative-yellow {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .md\:ring-offset-decorative-grey {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .md\:ring-offset-decorative-green {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .md\:ring-offset-decorative-purple-default {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .md\:ring-offset-decorative-purple-bold {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .md\:focus-within\:ring-offset-common-white:focus-within {
        --tw-ring-offset-color: var(--common-white)
    }
    .md\:focus-within\:ring-offset-common-tertiary:focus-within {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .md\:focus-within\:ring-offset-common-dark:focus-within {
        --tw-ring-offset-color: var(--common-dark)
    }
    .md\:focus-within\:ring-offset-scheme-primary:focus-within {
        --tw-ring-offset-color: var(--common-primary)
    }
    .md\:focus-within\:ring-offset-scheme-success:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .md\:focus-within\:ring-offset-scheme-warning:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .md\:focus-within\:ring-offset-scheme-danger:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .md\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: var(--text-primary)
    }
    .md\:focus-within\:ring-offset-secondary:focus-within {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .md\:focus-within\:ring-offset-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .md\:focus-within\:ring-offset-danger-default:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .md\:focus-within\:ring-offset-danger-bold:focus-within {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .md\:focus-within\:ring-offset-success-default:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .md\:focus-within\:ring-offset-success-bold:focus-within {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .md\:focus-within\:ring-offset-success-subtle:focus-within {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .md\:focus-within\:ring-offset-active-default:focus-within {
        --tw-ring-offset-color: var(--text-active)
    }
    .md\:focus-within\:ring-offset-active-bold:focus-within {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .md\:focus-within\:ring-offset-pending-default:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .md\:focus-within\:ring-offset-pending-bold:focus-within {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .md\:focus-within\:ring-offset-contrast-primary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .md\:focus-within\:ring-offset-contrast-secondary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .md\:focus-within\:ring-offset-forced-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .md\:focus-within\:ring-offset-decorative-red:focus-within {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .md\:focus-within\:ring-offset-decorative-blue:focus-within {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .md\:focus-within\:ring-offset-decorative-yellow:focus-within {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .md\:focus-within\:ring-offset-decorative-grey:focus-within {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .md\:focus-within\:ring-offset-decorative-green:focus-within {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .md\:focus-within\:ring-offset-decorative-purple-default:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .md\:focus-within\:ring-offset-decorative-purple-bold:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .md\:focus\:ring-offset-common-white:focus {
        --tw-ring-offset-color: var(--common-white)
    }
    .md\:focus\:ring-offset-common-tertiary:focus {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .md\:focus\:ring-offset-common-dark:focus {
        --tw-ring-offset-color: var(--common-dark)
    }
    .md\:focus\:ring-offset-scheme-primary:focus {
        --tw-ring-offset-color: var(--common-primary)
    }
    .md\:focus\:ring-offset-scheme-success:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .md\:focus\:ring-offset-scheme-warning:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .md\:focus\:ring-offset-scheme-danger:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .md\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: var(--text-primary)
    }
    .md\:focus\:ring-offset-secondary:focus {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .md\:focus\:ring-offset-tertiary:focus {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .md\:focus\:ring-offset-danger-default:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .md\:focus\:ring-offset-danger-bold:focus {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .md\:focus\:ring-offset-success-default:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .md\:focus\:ring-offset-success-bold:focus {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .md\:focus\:ring-offset-success-subtle:focus {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .md\:focus\:ring-offset-active-default:focus {
        --tw-ring-offset-color: var(--text-active)
    }
    .md\:focus\:ring-offset-active-bold:focus {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .md\:focus\:ring-offset-pending-default:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .md\:focus\:ring-offset-pending-bold:focus {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .md\:focus\:ring-offset-contrast-primary:focus {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .md\:focus\:ring-offset-contrast-secondary:focus {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .md\:focus\:ring-offset-forced-tertiary:focus {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .md\:focus\:ring-offset-decorative-red:focus {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .md\:focus\:ring-offset-decorative-blue:focus {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .md\:focus\:ring-offset-decorative-yellow:focus {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .md\:focus\:ring-offset-decorative-grey:focus {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .md\:focus\:ring-offset-decorative-green:focus {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .md\:focus\:ring-offset-decorative-purple-default:focus {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .md\:focus\:ring-offset-decorative-purple-bold:focus {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .md\:filter {
        --tw-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-drop-shadow: var(--tw-empty, /*!*/
        /*!*/
        );
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
    .md\:filter-none {
        filter: none
    }
    .md\:blur-0,
    .md\:blur-none {
        --tw-blur: blur(0)
    }
    .md\:blur-sm {
        --tw-blur: blur(4px)
    }
    .md\:blur {
        --tw-blur: blur(8px)
    }
    .md\:blur-md {
        --tw-blur: blur(12px)
    }
    .md\:blur-lg {
        --tw-blur: blur(16px)
    }
    .md\:blur-xl {
        --tw-blur: blur(24px)
    }
    .md\:blur-2xl {
        --tw-blur: blur(40px)
    }
    .md\:blur-3xl {
        --tw-blur: blur(64px)
    }
    .md\:brightness-0 {
        --tw-brightness: brightness(0)
    }
    .md\:brightness-50 {
        --tw-brightness: brightness(.5)
    }
    .md\:brightness-75 {
        --tw-brightness: brightness(.75)
    }
    .md\:brightness-90 {
        --tw-brightness: brightness(.9)
    }
    .md\:brightness-95 {
        --tw-brightness: brightness(.95)
    }
    .md\:brightness-100 {
        --tw-brightness: brightness(1)
    }
    .md\:brightness-105 {
        --tw-brightness: brightness(1.05)
    }
    .md\:brightness-110 {
        --tw-brightness: brightness(1.1)
    }
    .md\:brightness-125 {
        --tw-brightness: brightness(1.25)
    }
    .md\:brightness-150 {
        --tw-brightness: brightness(1.5)
    }
    .md\:brightness-200 {
        --tw-brightness: brightness(2)
    }
    .md\:contrast-0 {
        --tw-contrast: contrast(0)
    }
    .md\:contrast-50 {
        --tw-contrast: contrast(.5)
    }
    .md\:contrast-75 {
        --tw-contrast: contrast(.75)
    }
    .md\:contrast-100 {
        --tw-contrast: contrast(1)
    }
    .md\:contrast-125 {
        --tw-contrast: contrast(1.25)
    }
    .md\:contrast-150 {
        --tw-contrast: contrast(1.5)
    }
    .md\:contrast-200 {
        --tw-contrast: contrast(2)
    }
    .md\:drop-shadow-sm {
        --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
    }
    .md\:drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))
    }
    .md\:drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))
    }
    .md\:drop-shadow-lg {
        --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))
    }
    .md\:drop-shadow-xl {
        --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08))
    }
    .md\:drop-shadow-2xl {
        --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15))
    }
    .md\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 transparent)
    }
    .md\:grayscale-0 {
        --tw-grayscale: grayscale(0)
    }
    .md\:grayscale {
        --tw-grayscale: grayscale(100%)
    }
    .md\:hue-rotate-0 {
        --tw-hue-rotate: hue-rotate(0deg)
    }
    .md\:hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(15deg)
    }
    .md\:hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(30deg)
    }
    .md\:hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(60deg)
    }
    .md\:hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(90deg)
    }
    .md\:hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(180deg)
    }
    .md\:-hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(-180deg)
    }
    .md\:-hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(-90deg)
    }
    .md\:-hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(-60deg)
    }
    .md\:-hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(-30deg)
    }
    .md\:-hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(-15deg)
    }
    .md\:invert-0 {
        --tw-invert: invert(0)
    }
    .md\:invert {
        --tw-invert: invert(100%)
    }
    .md\:saturate-0 {
        --tw-saturate: saturate(0)
    }
    .md\:saturate-50 {
        --tw-saturate: saturate(.5)
    }
    .md\:saturate-100 {
        --tw-saturate: saturate(1)
    }
    .md\:saturate-150 {
        --tw-saturate: saturate(1.5)
    }
    .md\:saturate-200 {
        --tw-saturate: saturate(2)
    }
    .md\:sepia-0 {
        --tw-sepia: sepia(0)
    }
    .md\:sepia {
        --tw-sepia: sepia(100%)
    }
    .md\:backdrop-filter {
        --tw-backdrop-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-opacity: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }
    .md\:backdrop-filter-none {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
    .md\:backdrop-blur-0,
    .md\:backdrop-blur-none {
        --tw-backdrop-blur: blur(0)
    }
    .md\:backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px)
    }
    .md\:backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }
    .md\:backdrop-blur-md {
        --tw-backdrop-blur: blur(12px)
    }
    .md\:backdrop-blur-lg {
        --tw-backdrop-blur: blur(16px)
    }
    .md\:backdrop-blur-xl {
        --tw-backdrop-blur: blur(24px)
    }
    .md\:backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px)
    }
    .md\:backdrop-blur-3xl {
        --tw-backdrop-blur: blur(64px)
    }
    .md\:backdrop-brightness-0 {
        --tw-backdrop-brightness: brightness(0)
    }
    .md\:backdrop-brightness-50 {
        --tw-backdrop-brightness: brightness(.5)
    }
    .md\:backdrop-brightness-75 {
        --tw-backdrop-brightness: brightness(.75)
    }
    .md\:backdrop-brightness-90 {
        --tw-backdrop-brightness: brightness(.9)
    }
    .md\:backdrop-brightness-95 {
        --tw-backdrop-brightness: brightness(.95)
    }
    .md\:backdrop-brightness-100 {
        --tw-backdrop-brightness: brightness(1)
    }
    .md\:backdrop-brightness-105 {
        --tw-backdrop-brightness: brightness(1.05)
    }
    .md\:backdrop-brightness-110 {
        --tw-backdrop-brightness: brightness(1.1)
    }
    .md\:backdrop-brightness-125 {
        --tw-backdrop-brightness: brightness(1.25)
    }
    .md\:backdrop-brightness-150 {
        --tw-backdrop-brightness: brightness(1.5)
    }
    .md\:backdrop-brightness-200 {
        --tw-backdrop-brightness: brightness(2)
    }
    .md\:backdrop-contrast-0 {
        --tw-backdrop-contrast: contrast(0)
    }
    .md\:backdrop-contrast-50 {
        --tw-backdrop-contrast: contrast(.5)
    }
    .md\:backdrop-contrast-75 {
        --tw-backdrop-contrast: contrast(.75)
    }
    .md\:backdrop-contrast-100 {
        --tw-backdrop-contrast: contrast(1)
    }
    .md\:backdrop-contrast-125 {
        --tw-backdrop-contrast: contrast(1.25)
    }
    .md\:backdrop-contrast-150 {
        --tw-backdrop-contrast: contrast(1.5)
    }
    .md\:backdrop-contrast-200 {
        --tw-backdrop-contrast: contrast(2)
    }
    .md\:backdrop-grayscale-0 {
        --tw-backdrop-grayscale: grayscale(0)
    }
    .md\:backdrop-grayscale {
        --tw-backdrop-grayscale: grayscale(100%)
    }
    .md\:backdrop-hue-rotate-0 {
        --tw-backdrop-hue-rotate: hue-rotate(0deg)
    }
    .md\:backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(15deg)
    }
    .md\:backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(30deg)
    }
    .md\:backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(60deg)
    }
    .md\:backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(90deg)
    }
    .md\:backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(180deg)
    }
    .md\:-backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(-180deg)
    }
    .md\:-backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(-90deg)
    }
    .md\:-backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(-60deg)
    }
    .md\:-backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(-30deg)
    }
    .md\:-backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(-15deg)
    }
    .md\:backdrop-invert-0 {
        --tw-backdrop-invert: invert(0)
    }
    .md\:backdrop-invert {
        --tw-backdrop-invert: invert(100%)
    }
    .md\:backdrop-opacity-0 {
        --tw-backdrop-opacity: opacity(0)
    }
    .md\:backdrop-opacity-5 {
        --tw-backdrop-opacity: opacity(0.05)
    }
    .md\:backdrop-opacity-10 {
        --tw-backdrop-opacity: opacity(0.1)
    }
    .md\:backdrop-opacity-20 {
        --tw-backdrop-opacity: opacity(0.2)
    }
    .md\:backdrop-opacity-25 {
        --tw-backdrop-opacity: opacity(0.25)
    }
    .md\:backdrop-opacity-30 {
        --tw-backdrop-opacity: opacity(0.3)
    }
    .md\:backdrop-opacity-40 {
        --tw-backdrop-opacity: opacity(0.4)
    }
    .md\:backdrop-opacity-50 {
        --tw-backdrop-opacity: opacity(0.5)
    }
    .md\:backdrop-opacity-60 {
        --tw-backdrop-opacity: opacity(0.6)
    }
    .md\:backdrop-opacity-70 {
        --tw-backdrop-opacity: opacity(0.7)
    }
    .md\:backdrop-opacity-75 {
        --tw-backdrop-opacity: opacity(0.75)
    }
    .md\:backdrop-opacity-80 {
        --tw-backdrop-opacity: opacity(0.8)
    }
    .md\:backdrop-opacity-90 {
        --tw-backdrop-opacity: opacity(0.9)
    }
    .md\:backdrop-opacity-95 {
        --tw-backdrop-opacity: opacity(0.95)
    }
    .md\:backdrop-opacity-100 {
        --tw-backdrop-opacity: opacity(1)
    }
    .md\:backdrop-saturate-0 {
        --tw-backdrop-saturate: saturate(0)
    }
    .md\:backdrop-saturate-50 {
        --tw-backdrop-saturate: saturate(.5)
    }
    .md\:backdrop-saturate-100 {
        --tw-backdrop-saturate: saturate(1)
    }
    .md\:backdrop-saturate-150 {
        --tw-backdrop-saturate: saturate(1.5)
    }
    .md\:backdrop-saturate-200 {
        --tw-backdrop-saturate: saturate(2)
    }
    .md\:backdrop-sepia-0 {
        --tw-backdrop-sepia: sepia(0)
    }
    .md\:backdrop-sepia {
        --tw-backdrop-sepia: sepia(100%)
    }
    .md\:transition-none {
        transition-property: none
    }
    .md\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .md\:transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .md\:transition-colors {
        transition-property: background-color, border-color, color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .md\:transition-opacity {
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .md\:transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .md\:transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .md\:delay-75 {
        transition-delay: 75ms
    }
    .md\:delay-100 {
        transition-delay: .1s
    }
    .md\:delay-150 {
        transition-delay: .15s
    }
    .md\:delay-200 {
        transition-delay: .2s
    }
    .md\:delay-300 {
        transition-delay: .3s
    }
    .md\:delay-500 {
        transition-delay: .5s
    }
    .md\:delay-700 {
        transition-delay: .7s
    }
    .md\:delay-1000 {
        transition-delay: 1s
    }
    .md\:duration-75 {
        transition-duration: 75ms
    }
    .md\:duration-100 {
        transition-duration: .1s
    }
    .md\:duration-150 {
        transition-duration: .15s
    }
    .md\:duration-200 {
        transition-duration: .2s
    }
    .md\:duration-300 {
        transition-duration: .3s
    }
    .md\:duration-500 {
        transition-duration: .5s
    }
    .md\:duration-700 {
        transition-duration: .7s
    }
    .md\:duration-1000 {
        transition-duration: 1s
    }
    .md\:ease-linear {
        transition-timing-function: linear
    }
    .md\:ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }
    .md\:ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
    .md\:ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media(min-width:992px) {
    .lg\:container {
        width: 100%
    }
    @media(min-width:576px) {
        .lg\:container {
            max-width: 576px
        }
    }
    @media(min-width:768px) {
        .lg\:container {
            max-width: 768px
        }
    }
    @media(min-width:992px) {
        .lg\:container {
            max-width: 992px
        }
    }
    @media(min-width:1200px) {
        .lg\:container {
            max-width: 1200px
        }
    }
    @media(min-width:1536px) {
        .lg\:container {
            max-width: 1536px
        }
    }
    .lg\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .lg\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .lg\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .lg\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .lg\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .lg\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .lg\:pointer-events-none {
        pointer-events: none
    }
    .lg\:pointer-events-auto {
        pointer-events: auto
    }
    .lg\:visible {
        visibility: visible
    }
    .lg\:invisible {
        visibility: hidden
    }
    .lg\:static {
        position: static
    }
    .lg\:fixed {
        position: fixed
    }
    .lg\:absolute {
        position: absolute
    }
    .lg\:relative {
        position: relative
    }
    .lg\:sticky {
        position: -webkit-sticky;
        position: sticky
    }
    .lg\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .lg\:inset-2 {
        top: var(--space-5xs);
        right: var(--space-5xs);
        bottom: var(--space-5xs);
        left: var(--space-5xs)
    }
    .lg\:inset-4 {
        top: var(--space-4xs);
        right: var(--space-4xs);
        bottom: var(--space-4xs);
        left: var(--space-4xs)
    }
    .lg\:inset-6 {
        top: var(--space-3xs);
        right: var(--space-3xs);
        bottom: var(--space-3xs);
        left: var(--space-3xs)
    }
    .lg\:inset-8 {
        top: var(--space-2xs);
        right: var(--space-2xs);
        bottom: var(--space-2xs);
        left: var(--space-2xs)
    }
    .lg\:inset-12 {
        top: var(--space-xs);
        right: var(--space-xs);
        bottom: var(--space-xs);
        left: var(--space-xs)
    }
    .lg\:inset-16 {
        top: var(--space-sm);
        right: var(--space-sm);
        bottom: var(--space-sm);
        left: var(--space-sm)
    }
    .lg\:inset-20 {
        top: var(--space-md);
        right: var(--space-md);
        bottom: var(--space-md);
        left: var(--space-md)
    }
    .lg\:inset-24 {
        top: var(--space-lg);
        right: var(--space-lg);
        bottom: var(--space-lg);
        left: var(--space-lg)
    }
    .lg\:inset-32 {
        top: var(--space-xl);
        right: var(--space-xl);
        bottom: var(--space-xl);
        left: var(--space-xl)
    }
    .lg\:inset-40 {
        top: var(--space-2xl);
        right: var(--space-2xl);
        bottom: var(--space-2xl);
        left: var(--space-2xl)
    }
    .lg\:inset-48 {
        top: var(--space-3xl);
        right: var(--space-3xl);
        bottom: var(--space-3xl);
        left: var(--space-3xl)
    }
    .lg\:inset-80 {
        top: var(--space-4xl);
        right: var(--space-4xl);
        bottom: var(--space-4xl);
        left: var(--space-4xl)
    }
    .lg\:inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
    .lg\:-inset-2 {
        top: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1);
        left: calc(var(--space-5xs)*-1)
    }
    .lg\:-inset-4 {
        top: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1);
        left: calc(var(--space-4xs)*-1)
    }
    .lg\:-inset-6 {
        top: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1);
        left: calc(var(--space-3xs)*-1)
    }
    .lg\:-inset-8 {
        top: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1);
        left: calc(var(--space-2xs)*-1)
    }
    .lg\:-inset-12 {
        top: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1);
        left: calc(var(--space-xs)*-1)
    }
    .lg\:-inset-16 {
        top: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1);
        left: calc(var(--space-sm)*-1)
    }
    .lg\:-inset-20 {
        top: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1);
        left: calc(var(--space-md)*-1)
    }
    .lg\:-inset-24 {
        top: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1);
        left: calc(var(--space-lg)*-1)
    }
    .lg\:-inset-32 {
        top: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1);
        left: calc(var(--space-xl)*-1)
    }
    .lg\:-inset-40 {
        top: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1);
        left: calc(var(--space-2xl)*-1)
    }
    .lg\:-inset-48 {
        top: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1);
        left: calc(var(--space-3xl)*-1)
    }
    .lg\:-inset-80 {
        top: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1);
        left: calc(var(--space-4xl)*-1)
    }
    .lg\:inset-1\/2 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .lg\:inset-1\/3 {
        top: 33.333333%;
        right: 33.333333%;
        bottom: 33.333333%;
        left: 33.333333%
    }
    .lg\:inset-2\/3 {
        top: 66.666667%;
        right: 66.666667%;
        bottom: 66.666667%;
        left: 66.666667%
    }
    .lg\:inset-1\/4 {
        top: 25%;
        right: 25%;
        bottom: 25%;
        left: 25%
    }
    .lg\:inset-2\/4 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .lg\:inset-3\/4 {
        top: 75%;
        right: 75%;
        bottom: 75%;
        left: 75%
    }
    .lg\:inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }
    .lg\:-inset-1\/2 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .lg\:-inset-1\/3 {
        top: -33.333333%;
        right: -33.333333%;
        bottom: -33.333333%;
        left: -33.333333%
    }
    .lg\:-inset-2\/3 {
        top: -66.666667%;
        right: -66.666667%;
        bottom: -66.666667%;
        left: -66.666667%
    }
    .lg\:-inset-1\/4 {
        top: -25%;
        right: -25%;
        bottom: -25%;
        left: -25%
    }
    .lg\:-inset-2\/4 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .lg\:-inset-3\/4 {
        top: -75%;
        right: -75%;
        bottom: -75%;
        left: -75%
    }
    .lg\:-inset-full {
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%
    }
    .lg\:inset-x-0 {
        left: 0;
        right: 0
    }
    .lg\:inset-x-2 {
        left: var(--space-5xs);
        right: var(--space-5xs)
    }
    .lg\:inset-x-4 {
        left: var(--space-4xs);
        right: var(--space-4xs)
    }
    .lg\:inset-x-6 {
        left: var(--space-3xs);
        right: var(--space-3xs)
    }
    .lg\:inset-x-8 {
        left: var(--space-2xs);
        right: var(--space-2xs)
    }
    .lg\:inset-x-12 {
        left: var(--space-xs);
        right: var(--space-xs)
    }
    .lg\:inset-x-16 {
        left: var(--space-sm);
        right: var(--space-sm)
    }
    .lg\:inset-x-20 {
        left: var(--space-md);
        right: var(--space-md)
    }
    .lg\:inset-x-24 {
        left: var(--space-lg);
        right: var(--space-lg)
    }
    .lg\:inset-x-32 {
        left: var(--space-xl);
        right: var(--space-xl)
    }
    .lg\:inset-x-40 {
        left: var(--space-2xl);
        right: var(--space-2xl)
    }
    .lg\:inset-x-48 {
        left: var(--space-3xl);
        right: var(--space-3xl)
    }
    .lg\:inset-x-80 {
        left: var(--space-4xl);
        right: var(--space-4xl)
    }
    .lg\:inset-x-auto {
        left: auto;
        right: auto
    }
    .lg\:-inset-x-2 {
        left: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1)
    }
    .lg\:-inset-x-4 {
        left: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1)
    }
    .lg\:-inset-x-6 {
        left: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1)
    }
    .lg\:-inset-x-8 {
        left: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1)
    }
    .lg\:-inset-x-12 {
        left: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1)
    }
    .lg\:-inset-x-16 {
        left: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1)
    }
    .lg\:-inset-x-20 {
        left: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1)
    }
    .lg\:-inset-x-24 {
        left: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1)
    }
    .lg\:-inset-x-32 {
        left: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1)
    }
    .lg\:-inset-x-40 {
        left: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1)
    }
    .lg\:-inset-x-48 {
        left: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1)
    }
    .lg\:-inset-x-80 {
        left: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1)
    }
    .lg\:inset-x-1\/2 {
        left: 50%;
        right: 50%
    }
    .lg\:inset-x-1\/3 {
        left: 33.333333%;
        right: 33.333333%
    }
    .lg\:inset-x-2\/3 {
        left: 66.666667%;
        right: 66.666667%
    }
    .lg\:inset-x-1\/4 {
        left: 25%;
        right: 25%
    }
    .lg\:inset-x-2\/4 {
        left: 50%;
        right: 50%
    }
    .lg\:inset-x-3\/4 {
        left: 75%;
        right: 75%
    }
    .lg\:inset-x-full {
        left: 100%;
        right: 100%
    }
    .lg\:-inset-x-1\/2 {
        left: -50%;
        right: -50%
    }
    .lg\:-inset-x-1\/3 {
        left: -33.333333%;
        right: -33.333333%
    }
    .lg\:-inset-x-2\/3 {
        left: -66.666667%;
        right: -66.666667%
    }
    .lg\:-inset-x-1\/4 {
        left: -25%;
        right: -25%
    }
    .lg\:-inset-x-2\/4 {
        left: -50%;
        right: -50%
    }
    .lg\:-inset-x-3\/4 {
        left: -75%;
        right: -75%
    }
    .lg\:-inset-x-full {
        left: -100%;
        right: -100%
    }
    .lg\:inset-y-0 {
        top: 0;
        bottom: 0
    }
    .lg\:inset-y-2 {
        top: var(--space-5xs);
        bottom: var(--space-5xs)
    }
    .lg\:inset-y-4 {
        top: var(--space-4xs);
        bottom: var(--space-4xs)
    }
    .lg\:inset-y-6 {
        top: var(--space-3xs);
        bottom: var(--space-3xs)
    }
    .lg\:inset-y-8 {
        top: var(--space-2xs);
        bottom: var(--space-2xs)
    }
    .lg\:inset-y-12 {
        top: var(--space-xs);
        bottom: var(--space-xs)
    }
    .lg\:inset-y-16 {
        top: var(--space-sm);
        bottom: var(--space-sm)
    }
    .lg\:inset-y-20 {
        top: var(--space-md);
        bottom: var(--space-md)
    }
    .lg\:inset-y-24 {
        top: var(--space-lg);
        bottom: var(--space-lg)
    }
    .lg\:inset-y-32 {
        top: var(--space-xl);
        bottom: var(--space-xl)
    }
    .lg\:inset-y-40 {
        top: var(--space-2xl);
        bottom: var(--space-2xl)
    }
    .lg\:inset-y-48 {
        top: var(--space-3xl);
        bottom: var(--space-3xl)
    }
    .lg\:inset-y-80 {
        top: var(--space-4xl);
        bottom: var(--space-4xl)
    }
    .lg\:inset-y-auto {
        top: auto;
        bottom: auto
    }
    .lg\:-inset-y-2 {
        top: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1)
    }
    .lg\:-inset-y-4 {
        top: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1)
    }
    .lg\:-inset-y-6 {
        top: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1)
    }
    .lg\:-inset-y-8 {
        top: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1)
    }
    .lg\:-inset-y-12 {
        top: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1)
    }
    .lg\:-inset-y-16 {
        top: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1)
    }
    .lg\:-inset-y-20 {
        top: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1)
    }
    .lg\:-inset-y-24 {
        top: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1)
    }
    .lg\:-inset-y-32 {
        top: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1)
    }
    .lg\:-inset-y-40 {
        top: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1)
    }
    .lg\:-inset-y-48 {
        top: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1)
    }
    .lg\:-inset-y-80 {
        top: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1)
    }
    .lg\:inset-y-1\/2 {
        top: 50%;
        bottom: 50%
    }
    .lg\:inset-y-1\/3 {
        top: 33.333333%;
        bottom: 33.333333%
    }
    .lg\:inset-y-2\/3 {
        top: 66.666667%;
        bottom: 66.666667%
    }
    .lg\:inset-y-1\/4 {
        top: 25%;
        bottom: 25%
    }
    .lg\:inset-y-2\/4 {
        top: 50%;
        bottom: 50%
    }
    .lg\:inset-y-3\/4 {
        top: 75%;
        bottom: 75%
    }
    .lg\:inset-y-full {
        top: 100%;
        bottom: 100%
    }
    .lg\:-inset-y-1\/2 {
        top: -50%;
        bottom: -50%
    }
    .lg\:-inset-y-1\/3 {
        top: -33.333333%;
        bottom: -33.333333%
    }
    .lg\:-inset-y-2\/3 {
        top: -66.666667%;
        bottom: -66.666667%
    }
    .lg\:-inset-y-1\/4 {
        top: -25%;
        bottom: -25%
    }
    .lg\:-inset-y-2\/4 {
        top: -50%;
        bottom: -50%
    }
    .lg\:-inset-y-3\/4 {
        top: -75%;
        bottom: -75%
    }
    .lg\:-inset-y-full {
        top: -100%;
        bottom: -100%
    }
    .lg\:top-0 {
        top: 0
    }
    .lg\:top-2 {
        top: var(--space-5xs)
    }
    .lg\:top-4 {
        top: var(--space-4xs)
    }
    .lg\:top-6 {
        top: var(--space-3xs)
    }
    .lg\:top-8 {
        top: var(--space-2xs)
    }
    .lg\:top-12 {
        top: var(--space-xs)
    }
    .lg\:top-16 {
        top: var(--space-sm)
    }
    .lg\:top-20 {
        top: var(--space-md)
    }
    .lg\:top-24 {
        top: var(--space-lg)
    }
    .lg\:top-32 {
        top: var(--space-xl)
    }
    .lg\:top-40 {
        top: var(--space-2xl)
    }
    .lg\:top-48 {
        top: var(--space-3xl)
    }
    .lg\:top-80 {
        top: var(--space-4xl)
    }
    .lg\:top-auto {
        top: auto
    }
    .lg\:-top-2 {
        top: calc(var(--space-5xs)*-1)
    }
    .lg\:-top-4 {
        top: calc(var(--space-4xs)*-1)
    }
    .lg\:-top-6 {
        top: calc(var(--space-3xs)*-1)
    }
    .lg\:-top-8 {
        top: calc(var(--space-2xs)*-1)
    }
    .lg\:-top-12 {
        top: calc(var(--space-xs)*-1)
    }
    .lg\:-top-16 {
        top: calc(var(--space-sm)*-1)
    }
    .lg\:-top-20 {
        top: calc(var(--space-md)*-1)
    }
    .lg\:-top-24 {
        top: calc(var(--space-lg)*-1)
    }
    .lg\:-top-32 {
        top: calc(var(--space-xl)*-1)
    }
    .lg\:-top-40 {
        top: calc(var(--space-2xl)*-1)
    }
    .lg\:-top-48 {
        top: calc(var(--space-3xl)*-1)
    }
    .lg\:-top-80 {
        top: calc(var(--space-4xl)*-1)
    }
    .lg\:top-1\/2 {
        top: 50%
    }
    .lg\:top-1\/3 {
        top: 33.333333%
    }
    .lg\:top-2\/3 {
        top: 66.666667%
    }
    .lg\:top-1\/4 {
        top: 25%
    }
    .lg\:top-2\/4 {
        top: 50%
    }
    .lg\:top-3\/4 {
        top: 75%
    }
    .lg\:top-full {
        top: 100%
    }
    .lg\:-top-1\/2 {
        top: -50%
    }
    .lg\:-top-1\/3 {
        top: -33.333333%
    }
    .lg\:-top-2\/3 {
        top: -66.666667%
    }
    .lg\:-top-1\/4 {
        top: -25%
    }
    .lg\:-top-2\/4 {
        top: -50%
    }
    .lg\:-top-3\/4 {
        top: -75%
    }
    .lg\:-top-full {
        top: -100%
    }
    .lg\:right-0 {
        right: 0
    }
    .lg\:right-2 {
        right: var(--space-5xs)
    }
    .lg\:right-4 {
        right: var(--space-4xs)
    }
    .lg\:right-6 {
        right: var(--space-3xs)
    }
    .lg\:right-8 {
        right: var(--space-2xs)
    }
    .lg\:right-12 {
        right: var(--space-xs)
    }
    .lg\:right-16 {
        right: var(--space-sm)
    }
    .lg\:right-20 {
        right: var(--space-md)
    }
    .lg\:right-24 {
        right: var(--space-lg)
    }
    .lg\:right-32 {
        right: var(--space-xl)
    }
    .lg\:right-40 {
        right: var(--space-2xl)
    }
    .lg\:right-48 {
        right: var(--space-3xl)
    }
    .lg\:right-80 {
        right: var(--space-4xl)
    }
    .lg\:right-auto {
        right: auto
    }
    .lg\:-right-2 {
        right: calc(var(--space-5xs)*-1)
    }
    .lg\:-right-4 {
        right: calc(var(--space-4xs)*-1)
    }
    .lg\:-right-6 {
        right: calc(var(--space-3xs)*-1)
    }
    .lg\:-right-8 {
        right: calc(var(--space-2xs)*-1)
    }
    .lg\:-right-12 {
        right: calc(var(--space-xs)*-1)
    }
    .lg\:-right-16 {
        right: calc(var(--space-sm)*-1)
    }
    .lg\:-right-20 {
        right: calc(var(--space-md)*-1)
    }
    .lg\:-right-24 {
        right: calc(var(--space-lg)*-1)
    }
    .lg\:-right-32 {
        right: calc(var(--space-xl)*-1)
    }
    .lg\:-right-40 {
        right: calc(var(--space-2xl)*-1)
    }
    .lg\:-right-48 {
        right: calc(var(--space-3xl)*-1)
    }
    .lg\:-right-80 {
        right: calc(var(--space-4xl)*-1)
    }
    .lg\:right-1\/2 {
        right: 50%
    }
    .lg\:right-1\/3 {
        right: 33.333333%
    }
    .lg\:right-2\/3 {
        right: 66.666667%
    }
    .lg\:right-1\/4 {
        right: 25%
    }
    .lg\:right-2\/4 {
        right: 50%
    }
    .lg\:right-3\/4 {
        right: 75%
    }
    .lg\:right-full {
        right: 100%
    }
    .lg\:-right-1\/2 {
        right: -50%
    }
    .lg\:-right-1\/3 {
        right: -33.333333%
    }
    .lg\:-right-2\/3 {
        right: -66.666667%
    }
    .lg\:-right-1\/4 {
        right: -25%
    }
    .lg\:-right-2\/4 {
        right: -50%
    }
    .lg\:-right-3\/4 {
        right: -75%
    }
    .lg\:-right-full {
        right: -100%
    }
    .lg\:bottom-0 {
        bottom: 0
    }
    .lg\:bottom-2 {
        bottom: var(--space-5xs)
    }
    .lg\:bottom-4 {
        bottom: var(--space-4xs)
    }
    .lg\:bottom-6 {
        bottom: var(--space-3xs)
    }
    .lg\:bottom-8 {
        bottom: var(--space-2xs)
    }
    .lg\:bottom-12 {
        bottom: var(--space-xs)
    }
    .lg\:bottom-16 {
        bottom: var(--space-sm)
    }
    .lg\:bottom-20 {
        bottom: var(--space-md)
    }
    .lg\:bottom-24 {
        bottom: var(--space-lg)
    }
    .lg\:bottom-32 {
        bottom: var(--space-xl)
    }
    .lg\:bottom-40 {
        bottom: var(--space-2xl)
    }
    .lg\:bottom-48 {
        bottom: var(--space-3xl)
    }
    .lg\:bottom-80 {
        bottom: var(--space-4xl)
    }
    .lg\:bottom-auto {
        bottom: auto
    }
    .lg\:-bottom-2 {
        bottom: calc(var(--space-5xs)*-1)
    }
    .lg\:-bottom-4 {
        bottom: calc(var(--space-4xs)*-1)
    }
    .lg\:-bottom-6 {
        bottom: calc(var(--space-3xs)*-1)
    }
    .lg\:-bottom-8 {
        bottom: calc(var(--space-2xs)*-1)
    }
    .lg\:-bottom-12 {
        bottom: calc(var(--space-xs)*-1)
    }
    .lg\:-bottom-16 {
        bottom: calc(var(--space-sm)*-1)
    }
    .lg\:-bottom-20 {
        bottom: calc(var(--space-md)*-1)
    }
    .lg\:-bottom-24 {
        bottom: calc(var(--space-lg)*-1)
    }
    .lg\:-bottom-32 {
        bottom: calc(var(--space-xl)*-1)
    }
    .lg\:-bottom-40 {
        bottom: calc(var(--space-2xl)*-1)
    }
    .lg\:-bottom-48 {
        bottom: calc(var(--space-3xl)*-1)
    }
    .lg\:-bottom-80 {
        bottom: calc(var(--space-4xl)*-1)
    }
    .lg\:bottom-1\/2 {
        bottom: 50%
    }
    .lg\:bottom-1\/3 {
        bottom: 33.333333%
    }
    .lg\:bottom-2\/3 {
        bottom: 66.666667%
    }
    .lg\:bottom-1\/4 {
        bottom: 25%
    }
    .lg\:bottom-2\/4 {
        bottom: 50%
    }
    .lg\:bottom-3\/4 {
        bottom: 75%
    }
    .lg\:bottom-full {
        bottom: 100%
    }
    .lg\:-bottom-1\/2 {
        bottom: -50%
    }
    .lg\:-bottom-1\/3 {
        bottom: -33.333333%
    }
    .lg\:-bottom-2\/3 {
        bottom: -66.666667%
    }
    .lg\:-bottom-1\/4 {
        bottom: -25%
    }
    .lg\:-bottom-2\/4 {
        bottom: -50%
    }
    .lg\:-bottom-3\/4 {
        bottom: -75%
    }
    .lg\:-bottom-full {
        bottom: -100%
    }
    .lg\:left-0 {
        left: 0
    }
    .lg\:left-2 {
        left: var(--space-5xs)
    }
    .lg\:left-4 {
        left: var(--space-4xs)
    }
    .lg\:left-6 {
        left: var(--space-3xs)
    }
    .lg\:left-8 {
        left: var(--space-2xs)
    }
    .lg\:left-12 {
        left: var(--space-xs)
    }
    .lg\:left-16 {
        left: var(--space-sm)
    }
    .lg\:left-20 {
        left: var(--space-md)
    }
    .lg\:left-24 {
        left: var(--space-lg)
    }
    .lg\:left-32 {
        left: var(--space-xl)
    }
    .lg\:left-40 {
        left: var(--space-2xl)
    }
    .lg\:left-48 {
        left: var(--space-3xl)
    }
    .lg\:left-80 {
        left: var(--space-4xl)
    }
    .lg\:left-auto {
        left: auto
    }
    .lg\:-left-2 {
        left: calc(var(--space-5xs)*-1)
    }
    .lg\:-left-4 {
        left: calc(var(--space-4xs)*-1)
    }
    .lg\:-left-6 {
        left: calc(var(--space-3xs)*-1)
    }
    .lg\:-left-8 {
        left: calc(var(--space-2xs)*-1)
    }
    .lg\:-left-12 {
        left: calc(var(--space-xs)*-1)
    }
    .lg\:-left-16 {
        left: calc(var(--space-sm)*-1)
    }
    .lg\:-left-20 {
        left: calc(var(--space-md)*-1)
    }
    .lg\:-left-24 {
        left: calc(var(--space-lg)*-1)
    }
    .lg\:-left-32 {
        left: calc(var(--space-xl)*-1)
    }
    .lg\:-left-40 {
        left: calc(var(--space-2xl)*-1)
    }
    .lg\:-left-48 {
        left: calc(var(--space-3xl)*-1)
    }
    .lg\:-left-80 {
        left: calc(var(--space-4xl)*-1)
    }
    .lg\:left-1\/2 {
        left: 50%
    }
    .lg\:left-1\/3 {
        left: 33.333333%
    }
    .lg\:left-2\/3 {
        left: 66.666667%
    }
    .lg\:left-1\/4 {
        left: 25%
    }
    .lg\:left-2\/4 {
        left: 50%
    }
    .lg\:left-3\/4 {
        left: 75%
    }
    .lg\:left-full {
        left: 100%
    }
    .lg\:-left-1\/2 {
        left: -50%
    }
    .lg\:-left-1\/3 {
        left: -33.333333%
    }
    .lg\:-left-2\/3 {
        left: -66.666667%
    }
    .lg\:-left-1\/4 {
        left: -25%
    }
    .lg\:-left-2\/4 {
        left: -50%
    }
    .lg\:-left-3\/4 {
        left: -75%
    }
    .lg\:-left-full {
        left: -100%
    }
    .lg\:isolate {
        isolation: isolate
    }
    .lg\:isolation-auto {
        isolation: auto
    }
    .lg\:z-0 {
        z-index: 0
    }
    .lg\:z-10 {
        z-index: 10
    }
    .lg\:z-20 {
        z-index: 20
    }
    .lg\:z-30 {
        z-index: 30
    }
    .lg\:z-40 {
        z-index: 40
    }
    .lg\:z-50 {
        z-index: 50
    }
    .lg\:z-auto {
        z-index: auto
    }
    .lg\:focus-within\:z-0:focus-within {
        z-index: 0
    }
    .lg\:focus-within\:z-10:focus-within {
        z-index: 10
    }
    .lg\:focus-within\:z-20:focus-within {
        z-index: 20
    }
    .lg\:focus-within\:z-30:focus-within {
        z-index: 30
    }
    .lg\:focus-within\:z-40:focus-within {
        z-index: 40
    }
    .lg\:focus-within\:z-50:focus-within {
        z-index: 50
    }
    .lg\:focus-within\:z-auto:focus-within {
        z-index: auto
    }
    .lg\:focus\:z-0:focus {
        z-index: 0
    }
    .lg\:focus\:z-10:focus {
        z-index: 10
    }
    .lg\:focus\:z-20:focus {
        z-index: 20
    }
    .lg\:focus\:z-30:focus {
        z-index: 30
    }
    .lg\:focus\:z-40:focus {
        z-index: 40
    }
    .lg\:focus\:z-50:focus {
        z-index: 50
    }
    .lg\:focus\:z-auto:focus {
        z-index: auto
    }
    .lg\:order-1 {
        order: 1
    }
    .lg\:order-2 {
        order: 2
    }
    .lg\:order-3 {
        order: 3
    }
    .lg\:order-4 {
        order: 4
    }
    .lg\:order-5 {
        order: 5
    }
    .lg\:order-6 {
        order: 6
    }
    .lg\:order-7 {
        order: 7
    }
    .lg\:order-8 {
        order: 8
    }
    .lg\:order-9 {
        order: 9
    }
    .lg\:order-10 {
        order: 10
    }
    .lg\:order-11 {
        order: 11
    }
    .lg\:order-12 {
        order: 12
    }
    .lg\:order-first {
        order: -9999
    }
    .lg\:order-last {
        order: 9999
    }
    .lg\:order-none {
        order: 0
    }
    .lg\:col-auto {
        grid-column: auto
    }
    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }
    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }
    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }
    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }
    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }
    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }
    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }
    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }
    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:col-span-11 {
        grid-column: span 11/span 11
    }
    .lg\:col-span-12 {
        grid-column: span 12/span 12
    }
    .lg\:col-span-full {
        grid-column: 1/-1
    }
    .lg\:col-start-1 {
        grid-column-start: 1
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:col-start-3 {
        grid-column-start: 3
    }
    .lg\:col-start-4 {
        grid-column-start: 4
    }
    .lg\:col-start-5 {
        grid-column-start: 5
    }
    .lg\:col-start-6 {
        grid-column-start: 6
    }
    .lg\:col-start-7 {
        grid-column-start: 7
    }
    .lg\:col-start-8 {
        grid-column-start: 8
    }
    .lg\:col-start-9 {
        grid-column-start: 9
    }
    .lg\:col-start-10 {
        grid-column-start: 10
    }
    .lg\:col-start-11 {
        grid-column-start: 11
    }
    .lg\:col-start-12 {
        grid-column-start: 12
    }
    .lg\:col-start-13 {
        grid-column-start: 13
    }
    .lg\:col-start-auto {
        grid-column-start: auto
    }
    .lg\:col-end-1 {
        grid-column-end: 1
    }
    .lg\:col-end-2 {
        grid-column-end: 2
    }
    .lg\:col-end-3 {
        grid-column-end: 3
    }
    .lg\:col-end-4 {
        grid-column-end: 4
    }
    .lg\:col-end-5 {
        grid-column-end: 5
    }
    .lg\:col-end-6 {
        grid-column-end: 6
    }
    .lg\:col-end-7 {
        grid-column-end: 7
    }
    .lg\:col-end-8 {
        grid-column-end: 8
    }
    .lg\:col-end-9 {
        grid-column-end: 9
    }
    .lg\:col-end-10 {
        grid-column-end: 10
    }
    .lg\:col-end-11 {
        grid-column-end: 11
    }
    .lg\:col-end-12 {
        grid-column-end: 12
    }
    .lg\:col-end-13 {
        grid-column-end: 13
    }
    .lg\:col-end-auto {
        grid-column-end: auto
    }
    .lg\:row-auto {
        grid-row: auto
    }
    .lg\:row-span-1 {
        grid-row: span 1/span 1
    }
    .lg\:row-span-2 {
        grid-row: span 2/span 2
    }
    .lg\:row-span-3 {
        grid-row: span 3/span 3
    }
    .lg\:row-span-4 {
        grid-row: span 4/span 4
    }
    .lg\:row-span-5 {
        grid-row: span 5/span 5
    }
    .lg\:row-span-6 {
        grid-row: span 6/span 6
    }
    .lg\:row-span-full {
        grid-row: 1/-1
    }
    .lg\:row-start-1 {
        grid-row-start: 1
    }
    .lg\:row-start-2 {
        grid-row-start: 2
    }
    .lg\:row-start-3 {
        grid-row-start: 3
    }
    .lg\:row-start-4 {
        grid-row-start: 4
    }
    .lg\:row-start-5 {
        grid-row-start: 5
    }
    .lg\:row-start-6 {
        grid-row-start: 6
    }
    .lg\:row-start-7 {
        grid-row-start: 7
    }
    .lg\:row-start-auto {
        grid-row-start: auto
    }
    .lg\:row-end-1 {
        grid-row-end: 1
    }
    .lg\:row-end-2 {
        grid-row-end: 2
    }
    .lg\:row-end-3 {
        grid-row-end: 3
    }
    .lg\:row-end-4 {
        grid-row-end: 4
    }
    .lg\:row-end-5 {
        grid-row-end: 5
    }
    .lg\:row-end-6 {
        grid-row-end: 6
    }
    .lg\:row-end-7 {
        grid-row-end: 7
    }
    .lg\:row-end-auto {
        grid-row-end: auto
    }
    .lg\:float-right {
        float: right
    }
    .lg\:float-left {
        float: left
    }
    .lg\:float-none {
        float: none
    }
    .lg\:clear-left {
        clear: left
    }
    .lg\:clear-right {
        clear: right
    }
    .lg\:clear-both {
        clear: both
    }
    .lg\:clear-none {
        clear: none
    }
    .lg\:m-0 {
        margin: 0
    }
    .lg\:m-2 {
        margin: var(--space-5xs)
    }
    .lg\:m-4 {
        margin: var(--space-4xs)
    }
    .lg\:m-6 {
        margin: var(--space-3xs)
    }
    .lg\:m-8 {
        margin: var(--space-2xs)
    }
    .lg\:m-12 {
        margin: var(--space-xs)
    }
    .lg\:m-16 {
        margin: var(--space-sm)
    }
    .lg\:m-20 {
        margin: var(--space-md)
    }
    .lg\:m-24 {
        margin: var(--space-lg)
    }
    .lg\:m-32 {
        margin: var(--space-xl)
    }
    .lg\:m-40 {
        margin: var(--space-2xl)
    }
    .lg\:m-48 {
        margin: var(--space-3xl)
    }
    .lg\:m-80 {
        margin: var(--space-4xl)
    }
    .lg\:m-auto {
        margin: auto
    }
    .lg\:-m-2 {
        margin: calc(var(--space-5xs)*-1)
    }
    .lg\:-m-4 {
        margin: calc(var(--space-4xs)*-1)
    }
    .lg\:-m-6 {
        margin: calc(var(--space-3xs)*-1)
    }
    .lg\:-m-8 {
        margin: calc(var(--space-2xs)*-1)
    }
    .lg\:-m-12 {
        margin: calc(var(--space-xs)*-1)
    }
    .lg\:-m-16 {
        margin: calc(var(--space-sm)*-1)
    }
    .lg\:-m-20 {
        margin: calc(var(--space-md)*-1)
    }
    .lg\:-m-24 {
        margin: calc(var(--space-lg)*-1)
    }
    .lg\:-m-32 {
        margin: calc(var(--space-xl)*-1)
    }
    .lg\:-m-40 {
        margin: calc(var(--space-2xl)*-1)
    }
    .lg\:-m-48 {
        margin: calc(var(--space-3xl)*-1)
    }
    .lg\:-m-80 {
        margin: calc(var(--space-4xl)*-1)
    }
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .lg\:mx-2 {
        margin-left: var(--space-5xs);
        margin-right: var(--space-5xs)
    }
    .lg\:mx-4 {
        margin-left: var(--space-4xs);
        margin-right: var(--space-4xs)
    }
    .lg\:mx-6 {
        margin-left: var(--space-3xs);
        margin-right: var(--space-3xs)
    }
    .lg\:mx-8 {
        margin-left: var(--space-2xs);
        margin-right: var(--space-2xs)
    }
    .lg\:mx-12 {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }
    .lg\:mx-16 {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }
    .lg\:mx-20 {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }
    .lg\:mx-24 {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }
    .lg\:mx-32 {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }
    .lg\:mx-40 {
        margin-left: var(--space-2xl);
        margin-right: var(--space-2xl)
    }
    .lg\:mx-48 {
        margin-left: var(--space-3xl);
        margin-right: var(--space-3xl)
    }
    .lg\:mx-80 {
        margin-left: var(--space-4xl);
        margin-right: var(--space-4xl)
    }
    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .lg\:-mx-2 {
        margin-left: calc(var(--space-5xs)*-1);
        margin-right: calc(var(--space-5xs)*-1)
    }
    .lg\:-mx-4 {
        margin-left: calc(var(--space-4xs)*-1);
        margin-right: calc(var(--space-4xs)*-1)
    }
    .lg\:-mx-6 {
        margin-left: calc(var(--space-3xs)*-1);
        margin-right: calc(var(--space-3xs)*-1)
    }
    .lg\:-mx-8 {
        margin-left: calc(var(--space-2xs)*-1);
        margin-right: calc(var(--space-2xs)*-1)
    }
    .lg\:-mx-12 {
        margin-left: calc(var(--space-xs)*-1);
        margin-right: calc(var(--space-xs)*-1)
    }
    .lg\:-mx-16 {
        margin-left: calc(var(--space-sm)*-1);
        margin-right: calc(var(--space-sm)*-1)
    }
    .lg\:-mx-20 {
        margin-left: calc(var(--space-md)*-1);
        margin-right: calc(var(--space-md)*-1)
    }
    .lg\:-mx-24 {
        margin-left: calc(var(--space-lg)*-1);
        margin-right: calc(var(--space-lg)*-1)
    }
    .lg\:-mx-32 {
        margin-left: calc(var(--space-xl)*-1);
        margin-right: calc(var(--space-xl)*-1)
    }
    .lg\:-mx-40 {
        margin-left: calc(var(--space-2xl)*-1);
        margin-right: calc(var(--space-2xl)*-1)
    }
    .lg\:-mx-48 {
        margin-left: calc(var(--space-3xl)*-1);
        margin-right: calc(var(--space-3xl)*-1)
    }
    .lg\:-mx-80 {
        margin-left: calc(var(--space-4xl)*-1);
        margin-right: calc(var(--space-4xl)*-1)
    }
    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .lg\:my-2 {
        margin-top: var(--space-5xs);
        margin-bottom: var(--space-5xs)
    }
    .lg\:my-4 {
        margin-top: var(--space-4xs);
        margin-bottom: var(--space-4xs)
    }
    .lg\:my-6 {
        margin-top: var(--space-3xs);
        margin-bottom: var(--space-3xs)
    }
    .lg\:my-8 {
        margin-top: var(--space-2xs);
        margin-bottom: var(--space-2xs)
    }
    .lg\:my-12 {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
    }
    .lg\:my-16 {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }
    .lg\:my-20 {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }
    .lg\:my-24 {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }
    .lg\:my-32 {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }
    .lg\:my-40 {
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-2xl)
    }
    .lg\:my-48 {
        margin-top: var(--space-3xl);
        margin-bottom: var(--space-3xl)
    }
    .lg\:my-80 {
        margin-top: var(--space-4xl);
        margin-bottom: var(--space-4xl)
    }
    .lg\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .lg\:-my-2 {
        margin-top: calc(var(--space-5xs)*-1);
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .lg\:-my-4 {
        margin-top: calc(var(--space-4xs)*-1);
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .lg\:-my-6 {
        margin-top: calc(var(--space-3xs)*-1);
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .lg\:-my-8 {
        margin-top: calc(var(--space-2xs)*-1);
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .lg\:-my-12 {
        margin-top: calc(var(--space-xs)*-1);
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .lg\:-my-16 {
        margin-top: calc(var(--space-sm)*-1);
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .lg\:-my-20 {
        margin-top: calc(var(--space-md)*-1);
        margin-bottom: calc(var(--space-md)*-1)
    }
    .lg\:-my-24 {
        margin-top: calc(var(--space-lg)*-1);
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .lg\:-my-32 {
        margin-top: calc(var(--space-xl)*-1);
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .lg\:-my-40 {
        margin-top: calc(var(--space-2xl)*-1);
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .lg\:-my-48 {
        margin-top: calc(var(--space-3xl)*-1);
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .lg\:-my-80 {
        margin-top: calc(var(--space-4xl)*-1);
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .lg\:mt-0 {
        margin-top: 0
    }
    .lg\:mt-2 {
        margin-top: var(--space-5xs)
    }
    .lg\:mt-4 {
        margin-top: var(--space-4xs)
    }
    .lg\:mt-6 {
        margin-top: var(--space-3xs)
    }
    .lg\:mt-8 {
        margin-top: var(--space-2xs)
    }
    .lg\:mt-12 {
        margin-top: var(--space-xs)
    }
    .lg\:mt-16 {
        margin-top: var(--space-sm)
    }
    .lg\:mt-20 {
        margin-top: var(--space-md)
    }
    .lg\:mt-24 {
        margin-top: var(--space-lg)
    }
    .lg\:mt-32 {
        margin-top: var(--space-xl)
    }
    .lg\:mt-40 {
        margin-top: var(--space-2xl)
    }
    .lg\:mt-48 {
        margin-top: var(--space-3xl)
    }
    .lg\:mt-80 {
        margin-top: var(--space-4xl)
    }
    .lg\:mt-auto {
        margin-top: auto
    }
    .lg\:-mt-2 {
        margin-top: calc(var(--space-5xs)*-1)
    }
    .lg\:-mt-4 {
        margin-top: calc(var(--space-4xs)*-1)
    }
    .lg\:-mt-6 {
        margin-top: calc(var(--space-3xs)*-1)
    }
    .lg\:-mt-8 {
        margin-top: calc(var(--space-2xs)*-1)
    }
    .lg\:-mt-12 {
        margin-top: calc(var(--space-xs)*-1)
    }
    .lg\:-mt-16 {
        margin-top: calc(var(--space-sm)*-1)
    }
    .lg\:-mt-20 {
        margin-top: calc(var(--space-md)*-1)
    }
    .lg\:-mt-24 {
        margin-top: calc(var(--space-lg)*-1)
    }
    .lg\:-mt-32 {
        margin-top: calc(var(--space-xl)*-1)
    }
    .lg\:-mt-40 {
        margin-top: calc(var(--space-2xl)*-1)
    }
    .lg\:-mt-48 {
        margin-top: calc(var(--space-3xl)*-1)
    }
    .lg\:-mt-80 {
        margin-top: calc(var(--space-4xl)*-1)
    }
    .lg\:mr-0 {
        margin-right: 0
    }
    .lg\:mr-2 {
        margin-right: var(--space-5xs)
    }
    .lg\:mr-4 {
        margin-right: var(--space-4xs)
    }
    .lg\:mr-6 {
        margin-right: var(--space-3xs)
    }
    .lg\:mr-8 {
        margin-right: var(--space-2xs)
    }
    .lg\:mr-12 {
        margin-right: var(--space-xs)
    }
    .lg\:mr-16 {
        margin-right: var(--space-sm)
    }
    .lg\:mr-20 {
        margin-right: var(--space-md)
    }
    .lg\:mr-24 {
        margin-right: var(--space-lg)
    }
    .lg\:mr-32 {
        margin-right: var(--space-xl)
    }
    .lg\:mr-40 {
        margin-right: var(--space-2xl)
    }
    .lg\:mr-48 {
        margin-right: var(--space-3xl)
    }
    .lg\:mr-80 {
        margin-right: var(--space-4xl)
    }
    .lg\:mr-auto {
        margin-right: auto
    }
    .lg\:-mr-2 {
        margin-right: calc(var(--space-5xs)*-1)
    }
    .lg\:-mr-4 {
        margin-right: calc(var(--space-4xs)*-1)
    }
    .lg\:-mr-6 {
        margin-right: calc(var(--space-3xs)*-1)
    }
    .lg\:-mr-8 {
        margin-right: calc(var(--space-2xs)*-1)
    }
    .lg\:-mr-12 {
        margin-right: calc(var(--space-xs)*-1)
    }
    .lg\:-mr-16 {
        margin-right: calc(var(--space-sm)*-1)
    }
    .lg\:-mr-20 {
        margin-right: calc(var(--space-md)*-1)
    }
    .lg\:-mr-24 {
        margin-right: calc(var(--space-lg)*-1)
    }
    .lg\:-mr-32 {
        margin-right: calc(var(--space-xl)*-1)
    }
    .lg\:-mr-40 {
        margin-right: calc(var(--space-2xl)*-1)
    }
    .lg\:-mr-48 {
        margin-right: calc(var(--space-3xl)*-1)
    }
    .lg\:-mr-80 {
        margin-right: calc(var(--space-4xl)*-1)
    }
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mb-2 {
        margin-bottom: var(--space-5xs)
    }
    .lg\:mb-4 {
        margin-bottom: var(--space-4xs)
    }
    .lg\:mb-6 {
        margin-bottom: var(--space-3xs)
    }
    .lg\:mb-8 {
        margin-bottom: var(--space-2xs)
    }
    .lg\:mb-12 {
        margin-bottom: var(--space-xs)
    }
    .lg\:mb-16 {
        margin-bottom: var(--space-sm)
    }
    .lg\:mb-20 {
        margin-bottom: var(--space-md)
    }
    .lg\:mb-24 {
        margin-bottom: var(--space-lg)
    }
    .lg\:mb-32 {
        margin-bottom: var(--space-xl)
    }
    .lg\:mb-40 {
        margin-bottom: var(--space-2xl)
    }
    .lg\:mb-48 {
        margin-bottom: var(--space-3xl)
    }
    .lg\:mb-80 {
        margin-bottom: var(--space-4xl)
    }
    .lg\:mb-auto {
        margin-bottom: auto
    }
    .lg\:-mb-2 {
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .lg\:-mb-4 {
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .lg\:-mb-6 {
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .lg\:-mb-8 {
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .lg\:-mb-12 {
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .lg\:-mb-16 {
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .lg\:-mb-20 {
        margin-bottom: calc(var(--space-md)*-1)
    }
    .lg\:-mb-24 {
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .lg\:-mb-32 {
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .lg\:-mb-40 {
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .lg\:-mb-48 {
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .lg\:-mb-80 {
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .lg\:ml-0 {
        margin-left: 0
    }
    .lg\:ml-2 {
        margin-left: var(--space-5xs)
    }
    .lg\:ml-4 {
        margin-left: var(--space-4xs)
    }
    .lg\:ml-6 {
        margin-left: var(--space-3xs)
    }
    .lg\:ml-8 {
        margin-left: var(--space-2xs)
    }
    .lg\:ml-12 {
        margin-left: var(--space-xs)
    }
    .lg\:ml-16 {
        margin-left: var(--space-sm)
    }
    .lg\:ml-20 {
        margin-left: var(--space-md)
    }
    .lg\:ml-24 {
        margin-left: var(--space-lg)
    }
    .lg\:ml-32 {
        margin-left: var(--space-xl)
    }
    .lg\:ml-40 {
        margin-left: var(--space-2xl)
    }
    .lg\:ml-48 {
        margin-left: var(--space-3xl)
    }
    .lg\:ml-80 {
        margin-left: var(--space-4xl)
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:-ml-2 {
        margin-left: calc(var(--space-5xs)*-1)
    }
    .lg\:-ml-4 {
        margin-left: calc(var(--space-4xs)*-1)
    }
    .lg\:-ml-6 {
        margin-left: calc(var(--space-3xs)*-1)
    }
    .lg\:-ml-8 {
        margin-left: calc(var(--space-2xs)*-1)
    }
    .lg\:-ml-12 {
        margin-left: calc(var(--space-xs)*-1)
    }
    .lg\:-ml-16 {
        margin-left: calc(var(--space-sm)*-1)
    }
    .lg\:-ml-20 {
        margin-left: calc(var(--space-md)*-1)
    }
    .lg\:-ml-24 {
        margin-left: calc(var(--space-lg)*-1)
    }
    .lg\:-ml-32 {
        margin-left: calc(var(--space-xl)*-1)
    }
    .lg\:-ml-40 {
        margin-left: calc(var(--space-2xl)*-1)
    }
    .lg\:-ml-48 {
        margin-left: calc(var(--space-3xl)*-1)
    }
    .lg\:-ml-80 {
        margin-left: calc(var(--space-4xl)*-1)
    }
    .lg\:box-border {
        box-sizing: border-box
    }
    .lg\:box-content {
        box-sizing: content-box
    }
    .lg\:block {
        display: block
    }
    .lg\:inline-block {
        display: inline-block
    }
    .lg\:inline {
        display: inline
    }
    .lg\:flex {
        display: flex
    }
    .lg\:inline-flex {
        display: inline-flex
    }
    .lg\:table {
        display: table
    }
    .lg\:inline-table {
        display: inline-table
    }
    .lg\:table-caption {
        display: table-caption
    }
    .lg\:table-cell {
        display: table-cell
    }
    .lg\:table-column {
        display: table-column
    }
    .lg\:table-column-group {
        display: table-column-group
    }
    .lg\:table-footer-group {
        display: table-footer-group
    }
    .lg\:table-header-group {
        display: table-header-group
    }
    .lg\:table-row-group {
        display: table-row-group
    }
    .lg\:table-row {
        display: table-row
    }
    .lg\:flow-root {
        display: flow-root
    }
    .lg\:grid {
        display: grid
    }
    .lg\:inline-grid {
        display: inline-grid
    }
    .lg\:contents {
        display: contents
    }
    .lg\:list-item {
        display: list-item
    }
    .lg\:hidden {
        display: none
    }
    .lg\:h-0 {
        height: 0
    }
    .lg\:h-2 {
        height: var(--space-5xs)
    }
    .lg\:h-4 {
        height: var(--space-4xs)
    }
    .lg\:h-6 {
        height: var(--space-3xs)
    }
    .lg\:h-8 {
        height: var(--space-2xs)
    }
    .lg\:h-12 {
        height: var(--space-xs)
    }
    .lg\:h-16 {
        height: var(--space-sm)
    }
    .lg\:h-20 {
        height: var(--space-md)
    }
    .lg\:h-24 {
        height: var(--space-lg)
    }
    .lg\:h-32 {
        height: var(--space-xl)
    }
    .lg\:h-40 {
        height: var(--space-2xl)
    }
    .lg\:h-48 {
        height: var(--space-3xl)
    }
    .lg\:h-80 {
        height: var(--space-4xl)
    }
    .lg\:h-auto {
        height: auto
    }
    .lg\:h-1\/2 {
        height: 50%
    }
    .lg\:h-1\/3 {
        height: 33.333333%
    }
    .lg\:h-2\/3 {
        height: 66.666667%
    }
    .lg\:h-1\/4 {
        height: 25%
    }
    .lg\:h-2\/4 {
        height: 50%
    }
    .lg\:h-3\/4 {
        height: 75%
    }
    .lg\:h-1\/5 {
        height: 20%
    }
    .lg\:h-2\/5 {
        height: 40%
    }
    .lg\:h-3\/5 {
        height: 60%
    }
    .lg\:h-4\/5 {
        height: 80%
    }
    .lg\:h-1\/6 {
        height: 16.666667%
    }
    .lg\:h-2\/6 {
        height: 33.333333%
    }
    .lg\:h-3\/6 {
        height: 50%
    }
    .lg\:h-4\/6 {
        height: 66.666667%
    }
    .lg\:h-5\/6 {
        height: 83.333333%
    }
    .lg\:h-full {
        height: 100%
    }
    .lg\:h-screen {
        height: 100vh
    }
    .lg\:max-h-0 {
        max-height: 0
    }
    .lg\:max-h-2 {
        max-height: var(--space-5xs)
    }
    .lg\:max-h-4 {
        max-height: var(--space-4xs)
    }
    .lg\:max-h-6 {
        max-height: var(--space-3xs)
    }
    .lg\:max-h-8 {
        max-height: var(--space-2xs)
    }
    .lg\:max-h-12 {
        max-height: var(--space-xs)
    }
    .lg\:max-h-16 {
        max-height: var(--space-sm)
    }
    .lg\:max-h-20 {
        max-height: var(--space-md)
    }
    .lg\:max-h-24 {
        max-height: var(--space-lg)
    }
    .lg\:max-h-32 {
        max-height: var(--space-xl)
    }
    .lg\:max-h-40 {
        max-height: var(--space-2xl)
    }
    .lg\:max-h-48 {
        max-height: var(--space-3xl)
    }
    .lg\:max-h-80 {
        max-height: var(--space-4xl)
    }
    .lg\:max-h-full {
        max-height: 100%
    }
    .lg\:max-h-screen {
        max-height: 100vh
    }
    .lg\:min-h-0 {
        min-height: 0
    }
    .lg\:min-h-full {
        min-height: 100%
    }
    .lg\:min-h-screen {
        min-height: 100vh
    }
    .lg\:w-0 {
        width: 0
    }
    .lg\:w-2 {
        width: var(--space-5xs)
    }
    .lg\:w-4 {
        width: var(--space-4xs)
    }
    .lg\:w-6 {
        width: var(--space-3xs)
    }
    .lg\:w-8 {
        width: var(--space-2xs)
    }
    .lg\:w-12 {
        width: var(--space-xs)
    }
    .lg\:w-16 {
        width: var(--space-sm)
    }
    .lg\:w-20 {
        width: var(--space-md)
    }
    .lg\:w-24 {
        width: var(--space-lg)
    }
    .lg\:w-32 {
        width: var(--space-xl)
    }
    .lg\:w-40 {
        width: var(--space-2xl)
    }
    .lg\:w-48 {
        width: var(--space-3xl)
    }
    .lg\:w-80 {
        width: var(--space-4xl)
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:w-1\/2 {
        width: 50%
    }
    .lg\:w-1\/3 {
        width: 33.333333%
    }
    .lg\:w-2\/3 {
        width: 66.666667%
    }
    .lg\:w-1\/4 {
        width: 25%
    }
    .lg\:w-2\/4 {
        width: 50%
    }
    .lg\:w-3\/4 {
        width: 75%
    }
    .lg\:w-1\/5 {
        width: 20%
    }
    .lg\:w-2\/5 {
        width: 40%
    }
    .lg\:w-3\/5 {
        width: 60%
    }
    .lg\:w-4\/5 {
        width: 80%
    }
    .lg\:w-1\/6 {
        width: 16.666667%
    }
    .lg\:w-2\/6 {
        width: 33.333333%
    }
    .lg\:w-3\/6 {
        width: 50%
    }
    .lg\:w-4\/6 {
        width: 66.666667%
    }
    .lg\:w-5\/6 {
        width: 83.333333%
    }
    .lg\:w-1\/12 {
        width: 8.333333%
    }
    .lg\:w-2\/12 {
        width: 16.666667%
    }
    .lg\:w-3\/12 {
        width: 25%
    }
    .lg\:w-4\/12 {
        width: 33.333333%
    }
    .lg\:w-5\/12 {
        width: 41.666667%
    }
    .lg\:w-6\/12 {
        width: 50%
    }
    .lg\:w-7\/12 {
        width: 58.333333%
    }
    .lg\:w-8\/12 {
        width: 66.666667%
    }
    .lg\:w-9\/12 {
        width: 75%
    }
    .lg\:w-10\/12 {
        width: 83.333333%
    }
    .lg\:w-11\/12 {
        width: 91.666667%
    }
    .lg\:w-full {
        width: 100%
    }
    .lg\:w-screen {
        width: 100vw
    }
    .lg\:w-min {
        width: -webkit-min-content;
        width: min-content
    }
    .lg\:w-max {
        width: -webkit-max-content;
        width: max-content
    }
    .lg\:min-w-0 {
        min-width: 0
    }
    .lg\:min-w-full {
        min-width: 100%
    }
    .lg\:min-w-min {
        min-width: -webkit-min-content;
        min-width: min-content
    }
    .lg\:min-w-max {
        min-width: -webkit-max-content;
        min-width: max-content
    }
    .lg\:max-w-0 {
        max-width: 0
    }
    .lg\:max-w-none {
        max-width: none
    }
    .lg\:max-w-xs {
        max-width: 20rem
    }
    .lg\:max-w-sm {
        max-width: 24rem
    }
    .lg\:max-w-md {
        max-width: 28rem
    }
    .lg\:max-w-lg {
        max-width: 32rem
    }
    .lg\:max-w-xl {
        max-width: 36rem
    }
    .lg\:max-w-2xl {
        max-width: 42rem
    }
    .lg\:max-w-3xl {
        max-width: 48rem
    }
    .lg\:max-w-4xl {
        max-width: 56rem
    }
    .lg\:max-w-5xl {
        max-width: 64rem
    }
    .lg\:max-w-6xl {
        max-width: 72rem
    }
    .lg\:max-w-7xl {
        max-width: 80rem
    }
    .lg\:max-w-full {
        max-width: 100%
    }
    .lg\:max-w-min {
        max-width: -webkit-min-content;
        max-width: min-content
    }
    .lg\:max-w-max {
        max-width: -webkit-max-content;
        max-width: max-content
    }
    .lg\:max-w-prose {
        max-width: 65ch
    }
    .lg\:max-w-screen-sm {
        max-width: 576px
    }
    .lg\:max-w-screen-md {
        max-width: 768px
    }
    .lg\:max-w-screen-lg {
        max-width: 992px
    }
    .lg\:max-w-screen-xl {
        max-width: 1200px
    }
    .lg\:max-w-screen-xxl {
        max-width: 1536px
    }
    .lg\:flex-1 {
        flex: 1 1 0%
    }
    .lg\:flex-auto {
        flex: 1 1 auto
    }
    .lg\:flex-initial {
        flex: 0 1 auto
    }
    .lg\:flex-none {
        flex: none
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }
    .lg\:flex-shrink {
        flex-shrink: 1
    }
    .lg\:flex-grow-0 {
        flex-grow: 0
    }
    .lg\:flex-grow {
        flex-grow: 1
    }
    .lg\:table-auto {
        table-layout: auto
    }
    .lg\:table-fixed {
        table-layout: fixed
    }
    .lg\:border-collapse {
        border-collapse: collapse
    }
    .lg\:border-separate {
        border-collapse: separate
    }
    .lg\:origin-center {
        transform-origin: center
    }
    .lg\:origin-top {
        transform-origin: top
    }
    .lg\:origin-top-right {
        transform-origin: top right
    }
    .lg\:origin-right {
        transform-origin: right
    }
    .lg\:origin-bottom-right {
        transform-origin: bottom right
    }
    .lg\:origin-bottom {
        transform-origin: bottom
    }
    .lg\:origin-bottom-left {
        transform-origin: bottom left
    }
    .lg\:origin-left {
        transform-origin: left
    }
    .lg\:origin-top-left {
        transform-origin: top left
    }
    .lg\:transform {
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:transform,
    .lg\:transform-gpu {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .lg\:transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:transform-none {
        transform: none
    }
    .lg\:translate-x-0 {
        --tw-translate-x: 0
    }
    .lg\:translate-x-2 {
        --tw-translate-x: var(--space-5xs)
    }
    .lg\:translate-x-4 {
        --tw-translate-x: var(--space-4xs)
    }
    .lg\:translate-x-6 {
        --tw-translate-x: var(--space-3xs)
    }
    .lg\:translate-x-8 {
        --tw-translate-x: var(--space-2xs)
    }
    .lg\:translate-x-12 {
        --tw-translate-x: var(--space-xs)
    }
    .lg\:translate-x-16 {
        --tw-translate-x: var(--space-sm)
    }
    .lg\:translate-x-20 {
        --tw-translate-x: var(--space-md)
    }
    .lg\:translate-x-24 {
        --tw-translate-x: var(--space-lg)
    }
    .lg\:translate-x-32 {
        --tw-translate-x: var(--space-xl)
    }
    .lg\:translate-x-40 {
        --tw-translate-x: var(--space-2xl)
    }
    .lg\:translate-x-48 {
        --tw-translate-x: var(--space-3xl)
    }
    .lg\:translate-x-80 {
        --tw-translate-x: var(--space-4xl)
    }
    .lg\:-translate-x-2 {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .lg\:-translate-x-4 {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .lg\:-translate-x-6 {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .lg\:-translate-x-8 {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .lg\:-translate-x-12 {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .lg\:-translate-x-16 {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .lg\:-translate-x-20 {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .lg\:-translate-x-24 {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .lg\:-translate-x-32 {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .lg\:-translate-x-40 {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .lg\:-translate-x-48 {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .lg\:-translate-x-80 {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .lg\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }
    .lg\:translate-x-1\/3 {
        --tw-translate-x: 33.333333%
    }
    .lg\:translate-x-2\/3 {
        --tw-translate-x: 66.666667%
    }
    .lg\:translate-x-1\/4 {
        --tw-translate-x: 25%
    }
    .lg\:translate-x-2\/4 {
        --tw-translate-x: 50%
    }
    .lg\:translate-x-3\/4 {
        --tw-translate-x: 75%
    }
    .lg\:translate-x-full {
        --tw-translate-x: 100%
    }
    .lg\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
    .lg\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%
    }
    .lg\:-translate-x-2\/3 {
        --tw-translate-x: -66.666667%
    }
    .lg\:-translate-x-1\/4 {
        --tw-translate-x: -25%
    }
    .lg\:-translate-x-2\/4 {
        --tw-translate-x: -50%
    }
    .lg\:-translate-x-3\/4 {
        --tw-translate-x: -75%
    }
    .lg\:-translate-x-full {
        --tw-translate-x: -100%
    }
    .lg\:translate-y-0 {
        --tw-translate-y: 0
    }
    .lg\:translate-y-2 {
        --tw-translate-y: var(--space-5xs)
    }
    .lg\:translate-y-4 {
        --tw-translate-y: var(--space-4xs)
    }
    .lg\:translate-y-6 {
        --tw-translate-y: var(--space-3xs)
    }
    .lg\:translate-y-8 {
        --tw-translate-y: var(--space-2xs)
    }
    .lg\:translate-y-12 {
        --tw-translate-y: var(--space-xs)
    }
    .lg\:translate-y-16 {
        --tw-translate-y: var(--space-sm)
    }
    .lg\:translate-y-20 {
        --tw-translate-y: var(--space-md)
    }
    .lg\:translate-y-24 {
        --tw-translate-y: var(--space-lg)
    }
    .lg\:translate-y-32 {
        --tw-translate-y: var(--space-xl)
    }
    .lg\:translate-y-40 {
        --tw-translate-y: var(--space-2xl)
    }
    .lg\:translate-y-48 {
        --tw-translate-y: var(--space-3xl)
    }
    .lg\:translate-y-80 {
        --tw-translate-y: var(--space-4xl)
    }
    .lg\:-translate-y-2 {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .lg\:-translate-y-4 {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .lg\:-translate-y-6 {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .lg\:-translate-y-8 {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .lg\:-translate-y-12 {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .lg\:-translate-y-16 {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .lg\:-translate-y-20 {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .lg\:-translate-y-24 {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .lg\:-translate-y-32 {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .lg\:-translate-y-40 {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .lg\:-translate-y-48 {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .lg\:-translate-y-80 {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .lg\:translate-y-1\/2 {
        --tw-translate-y: 50%
    }
    .lg\:translate-y-1\/3 {
        --tw-translate-y: 33.333333%
    }
    .lg\:translate-y-2\/3 {
        --tw-translate-y: 66.666667%
    }
    .lg\:translate-y-1\/4 {
        --tw-translate-y: 25%
    }
    .lg\:translate-y-2\/4 {
        --tw-translate-y: 50%
    }
    .lg\:translate-y-3\/4 {
        --tw-translate-y: 75%
    }
    .lg\:translate-y-full {
        --tw-translate-y: 100%
    }
    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .lg\:-translate-y-1\/3 {
        --tw-translate-y: -33.333333%
    }
    .lg\:-translate-y-2\/3 {
        --tw-translate-y: -66.666667%
    }
    .lg\:-translate-y-1\/4 {
        --tw-translate-y: -25%
    }
    .lg\:-translate-y-2\/4 {
        --tw-translate-y: -50%
    }
    .lg\:-translate-y-3\/4 {
        --tw-translate-y: -75%
    }
    .lg\:-translate-y-full {
        --tw-translate-y: -100%
    }
    .lg\:hover\:translate-x-0:hover {
        --tw-translate-x: 0
    }
    .lg\:hover\:translate-x-2:hover {
        --tw-translate-x: var(--space-5xs)
    }
    .lg\:hover\:translate-x-4:hover {
        --tw-translate-x: var(--space-4xs)
    }
    .lg\:hover\:translate-x-6:hover {
        --tw-translate-x: var(--space-3xs)
    }
    .lg\:hover\:translate-x-8:hover {
        --tw-translate-x: var(--space-2xs)
    }
    .lg\:hover\:translate-x-12:hover {
        --tw-translate-x: var(--space-xs)
    }
    .lg\:hover\:translate-x-16:hover {
        --tw-translate-x: var(--space-sm)
    }
    .lg\:hover\:translate-x-20:hover {
        --tw-translate-x: var(--space-md)
    }
    .lg\:hover\:translate-x-24:hover {
        --tw-translate-x: var(--space-lg)
    }
    .lg\:hover\:translate-x-32:hover {
        --tw-translate-x: var(--space-xl)
    }
    .lg\:hover\:translate-x-40:hover {
        --tw-translate-x: var(--space-2xl)
    }
    .lg\:hover\:translate-x-48:hover {
        --tw-translate-x: var(--space-3xl)
    }
    .lg\:hover\:translate-x-80:hover {
        --tw-translate-x: var(--space-4xl)
    }
    .lg\:hover\:-translate-x-2:hover {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .lg\:hover\:-translate-x-4:hover {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .lg\:hover\:-translate-x-6:hover {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .lg\:hover\:-translate-x-8:hover {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .lg\:hover\:-translate-x-12:hover {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .lg\:hover\:-translate-x-16:hover {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .lg\:hover\:-translate-x-20:hover {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .lg\:hover\:-translate-x-24:hover {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .lg\:hover\:-translate-x-32:hover {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .lg\:hover\:-translate-x-40:hover {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .lg\:hover\:-translate-x-48:hover {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .lg\:hover\:-translate-x-80:hover {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .lg\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }
    .lg\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }
    .lg\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }
    .lg\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }
    .lg\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }
    .lg\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }
    .lg\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }
    .lg\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }
    .lg\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }
    .lg\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }
    .lg\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }
    .lg\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }
    .lg\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }
    .lg\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }
    .lg\:hover\:translate-y-0:hover {
        --tw-translate-y: 0
    }
    .lg\:hover\:translate-y-2:hover {
        --tw-translate-y: var(--space-5xs)
    }
    .lg\:hover\:translate-y-4:hover {
        --tw-translate-y: var(--space-4xs)
    }
    .lg\:hover\:translate-y-6:hover {
        --tw-translate-y: var(--space-3xs)
    }
    .lg\:hover\:translate-y-8:hover {
        --tw-translate-y: var(--space-2xs)
    }
    .lg\:hover\:translate-y-12:hover {
        --tw-translate-y: var(--space-xs)
    }
    .lg\:hover\:translate-y-16:hover {
        --tw-translate-y: var(--space-sm)
    }
    .lg\:hover\:translate-y-20:hover {
        --tw-translate-y: var(--space-md)
    }
    .lg\:hover\:translate-y-24:hover {
        --tw-translate-y: var(--space-lg)
    }
    .lg\:hover\:translate-y-32:hover {
        --tw-translate-y: var(--space-xl)
    }
    .lg\:hover\:translate-y-40:hover {
        --tw-translate-y: var(--space-2xl)
    }
    .lg\:hover\:translate-y-48:hover {
        --tw-translate-y: var(--space-3xl)
    }
    .lg\:hover\:translate-y-80:hover {
        --tw-translate-y: var(--space-4xl)
    }
    .lg\:hover\:-translate-y-2:hover {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .lg\:hover\:-translate-y-4:hover {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .lg\:hover\:-translate-y-6:hover {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .lg\:hover\:-translate-y-8:hover {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .lg\:hover\:-translate-y-12:hover {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .lg\:hover\:-translate-y-16:hover {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .lg\:hover\:-translate-y-20:hover {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .lg\:hover\:-translate-y-24:hover {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .lg\:hover\:-translate-y-32:hover {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .lg\:hover\:-translate-y-40:hover {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .lg\:hover\:-translate-y-48:hover {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .lg\:hover\:-translate-y-80:hover {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .lg\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }
    .lg\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }
    .lg\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }
    .lg\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }
    .lg\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }
    .lg\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }
    .lg\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }
    .lg\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }
    .lg\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }
    .lg\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }
    .lg\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }
    .lg\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }
    .lg\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }
    .lg\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }
    .lg\:focus\:translate-x-0:focus {
        --tw-translate-x: 0
    }
    .lg\:focus\:translate-x-2:focus {
        --tw-translate-x: var(--space-5xs)
    }
    .lg\:focus\:translate-x-4:focus {
        --tw-translate-x: var(--space-4xs)
    }
    .lg\:focus\:translate-x-6:focus {
        --tw-translate-x: var(--space-3xs)
    }
    .lg\:focus\:translate-x-8:focus {
        --tw-translate-x: var(--space-2xs)
    }
    .lg\:focus\:translate-x-12:focus {
        --tw-translate-x: var(--space-xs)
    }
    .lg\:focus\:translate-x-16:focus {
        --tw-translate-x: var(--space-sm)
    }
    .lg\:focus\:translate-x-20:focus {
        --tw-translate-x: var(--space-md)
    }
    .lg\:focus\:translate-x-24:focus {
        --tw-translate-x: var(--space-lg)
    }
    .lg\:focus\:translate-x-32:focus {
        --tw-translate-x: var(--space-xl)
    }
    .lg\:focus\:translate-x-40:focus {
        --tw-translate-x: var(--space-2xl)
    }
    .lg\:focus\:translate-x-48:focus {
        --tw-translate-x: var(--space-3xl)
    }
    .lg\:focus\:translate-x-80:focus {
        --tw-translate-x: var(--space-4xl)
    }
    .lg\:focus\:-translate-x-2:focus {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .lg\:focus\:-translate-x-4:focus {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .lg\:focus\:-translate-x-6:focus {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .lg\:focus\:-translate-x-8:focus {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .lg\:focus\:-translate-x-12:focus {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .lg\:focus\:-translate-x-16:focus {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .lg\:focus\:-translate-x-20:focus {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .lg\:focus\:-translate-x-24:focus {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .lg\:focus\:-translate-x-32:focus {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .lg\:focus\:-translate-x-40:focus {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .lg\:focus\:-translate-x-48:focus {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .lg\:focus\:-translate-x-80:focus {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .lg\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }
    .lg\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }
    .lg\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }
    .lg\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }
    .lg\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }
    .lg\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }
    .lg\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }
    .lg\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }
    .lg\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }
    .lg\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }
    .lg\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }
    .lg\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }
    .lg\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }
    .lg\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }
    .lg\:focus\:translate-y-0:focus {
        --tw-translate-y: 0
    }
    .lg\:focus\:translate-y-2:focus {
        --tw-translate-y: var(--space-5xs)
    }
    .lg\:focus\:translate-y-4:focus {
        --tw-translate-y: var(--space-4xs)
    }
    .lg\:focus\:translate-y-6:focus {
        --tw-translate-y: var(--space-3xs)
    }
    .lg\:focus\:translate-y-8:focus {
        --tw-translate-y: var(--space-2xs)
    }
    .lg\:focus\:translate-y-12:focus {
        --tw-translate-y: var(--space-xs)
    }
    .lg\:focus\:translate-y-16:focus {
        --tw-translate-y: var(--space-sm)
    }
    .lg\:focus\:translate-y-20:focus {
        --tw-translate-y: var(--space-md)
    }
    .lg\:focus\:translate-y-24:focus {
        --tw-translate-y: var(--space-lg)
    }
    .lg\:focus\:translate-y-32:focus {
        --tw-translate-y: var(--space-xl)
    }
    .lg\:focus\:translate-y-40:focus {
        --tw-translate-y: var(--space-2xl)
    }
    .lg\:focus\:translate-y-48:focus {
        --tw-translate-y: var(--space-3xl)
    }
    .lg\:focus\:translate-y-80:focus {
        --tw-translate-y: var(--space-4xl)
    }
    .lg\:focus\:-translate-y-2:focus {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .lg\:focus\:-translate-y-4:focus {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .lg\:focus\:-translate-y-6:focus {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .lg\:focus\:-translate-y-8:focus {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .lg\:focus\:-translate-y-12:focus {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .lg\:focus\:-translate-y-16:focus {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .lg\:focus\:-translate-y-20:focus {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .lg\:focus\:-translate-y-24:focus {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .lg\:focus\:-translate-y-32:focus {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .lg\:focus\:-translate-y-40:focus {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .lg\:focus\:-translate-y-48:focus {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .lg\:focus\:-translate-y-80:focus {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .lg\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }
    .lg\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }
    .lg\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }
    .lg\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }
    .lg\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }
    .lg\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }
    .lg\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }
    .lg\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }
    .lg\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }
    .lg\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }
    .lg\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }
    .lg\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }
    .lg\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }
    .lg\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }
    .lg\:rotate-0 {
        --tw-rotate: 0deg
    }
    .lg\:rotate-1 {
        --tw-rotate: 1deg
    }
    .lg\:rotate-2 {
        --tw-rotate: 2deg
    }
    .lg\:rotate-3 {
        --tw-rotate: 3deg
    }
    .lg\:rotate-6 {
        --tw-rotate: 6deg
    }
    .lg\:rotate-12 {
        --tw-rotate: 12deg
    }
    .lg\:rotate-45 {
        --tw-rotate: 45deg
    }
    .lg\:rotate-90 {
        --tw-rotate: 90deg
    }
    .lg\:rotate-180 {
        --tw-rotate: 180deg
    }
    .lg\:-rotate-180 {
        --tw-rotate: -180deg
    }
    .lg\:-rotate-90 {
        --tw-rotate: -90deg
    }
    .lg\:-rotate-45 {
        --tw-rotate: -45deg
    }
    .lg\:-rotate-12 {
        --tw-rotate: -12deg
    }
    .lg\:-rotate-6 {
        --tw-rotate: -6deg
    }
    .lg\:-rotate-3 {
        --tw-rotate: -3deg
    }
    .lg\:-rotate-2 {
        --tw-rotate: -2deg
    }
    .lg\:-rotate-1 {
        --tw-rotate: -1deg
    }
    .lg\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }
    .lg\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }
    .lg\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }
    .lg\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }
    .lg\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }
    .lg\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }
    .lg\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }
    .lg\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }
    .lg\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }
    .lg\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }
    .lg\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }
    .lg\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }
    .lg\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }
    .lg\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }
    .lg\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }
    .lg\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }
    .lg\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }
    .lg\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }
    .lg\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }
    .lg\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }
    .lg\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }
    .lg\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }
    .lg\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }
    .lg\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }
    .lg\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }
    .lg\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }
    .lg\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }
    .lg\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }
    .lg\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }
    .lg\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }
    .lg\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }
    .lg\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }
    .lg\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }
    .lg\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }
    .lg\:skew-x-0 {
        --tw-skew-x: 0deg
    }
    .lg\:skew-x-1 {
        --tw-skew-x: 1deg
    }
    .lg\:skew-x-2 {
        --tw-skew-x: 2deg
    }
    .lg\:skew-x-3 {
        --tw-skew-x: 3deg
    }
    .lg\:skew-x-6 {
        --tw-skew-x: 6deg
    }
    .lg\:skew-x-12 {
        --tw-skew-x: 12deg
    }
    .lg\:-skew-x-12 {
        --tw-skew-x: -12deg
    }
    .lg\:-skew-x-6 {
        --tw-skew-x: -6deg
    }
    .lg\:-skew-x-3 {
        --tw-skew-x: -3deg
    }
    .lg\:-skew-x-2 {
        --tw-skew-x: -2deg
    }
    .lg\:-skew-x-1 {
        --tw-skew-x: -1deg
    }
    .lg\:skew-y-0 {
        --tw-skew-y: 0deg
    }
    .lg\:skew-y-1 {
        --tw-skew-y: 1deg
    }
    .lg\:skew-y-2 {
        --tw-skew-y: 2deg
    }
    .lg\:skew-y-3 {
        --tw-skew-y: 3deg
    }
    .lg\:skew-y-6 {
        --tw-skew-y: 6deg
    }
    .lg\:skew-y-12 {
        --tw-skew-y: 12deg
    }
    .lg\:-skew-y-12 {
        --tw-skew-y: -12deg
    }
    .lg\:-skew-y-6 {
        --tw-skew-y: -6deg
    }
    .lg\:-skew-y-3 {
        --tw-skew-y: -3deg
    }
    .lg\:-skew-y-2 {
        --tw-skew-y: -2deg
    }
    .lg\:-skew-y-1 {
        --tw-skew-y: -1deg
    }
    .lg\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }
    .lg\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }
    .lg\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }
    .lg\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }
    .lg\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }
    .lg\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }
    .lg\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }
    .lg\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }
    .lg\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }
    .lg\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }
    .lg\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }
    .lg\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }
    .lg\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }
    .lg\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }
    .lg\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }
    .lg\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }
    .lg\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }
    .lg\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }
    .lg\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }
    .lg\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }
    .lg\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }
    .lg\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }
    .lg\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }
    .lg\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }
    .lg\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }
    .lg\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }
    .lg\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }
    .lg\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }
    .lg\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }
    .lg\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }
    .lg\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }
    .lg\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }
    .lg\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }
    .lg\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }
    .lg\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }
    .lg\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }
    .lg\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }
    .lg\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }
    .lg\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }
    .lg\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }
    .lg\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }
    .lg\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }
    .lg\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }
    .lg\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }
    .lg\:scale-0 {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .lg\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .lg\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .lg\:scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .lg\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .lg\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .lg\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .lg\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .lg\:scale-150 {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .lg\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .lg\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .lg\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .lg\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .lg\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .lg\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .lg\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .lg\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .lg\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .lg\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .lg\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .lg\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .lg\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .lg\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .lg\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .lg\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .lg\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .lg\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .lg\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .lg\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .lg\:scale-x-0 {
        --tw-scale-x: 0
    }
    .lg\:scale-x-50 {
        --tw-scale-x: .5
    }
    .lg\:scale-x-75 {
        --tw-scale-x: .75
    }
    .lg\:scale-x-90 {
        --tw-scale-x: .9
    }
    .lg\:scale-x-95 {
        --tw-scale-x: .95
    }
    .lg\:scale-x-100 {
        --tw-scale-x: 1
    }
    .lg\:scale-x-105 {
        --tw-scale-x: 1.05
    }
    .lg\:scale-x-110 {
        --tw-scale-x: 1.1
    }
    .lg\:scale-x-125 {
        --tw-scale-x: 1.25
    }
    .lg\:scale-x-150 {
        --tw-scale-x: 1.5
    }
    .lg\:scale-y-0 {
        --tw-scale-y: 0
    }
    .lg\:scale-y-50 {
        --tw-scale-y: .5
    }
    .lg\:scale-y-75 {
        --tw-scale-y: .75
    }
    .lg\:scale-y-90 {
        --tw-scale-y: .9
    }
    .lg\:scale-y-95 {
        --tw-scale-y: .95
    }
    .lg\:scale-y-100 {
        --tw-scale-y: 1
    }
    .lg\:scale-y-105 {
        --tw-scale-y: 1.05
    }
    .lg\:scale-y-110 {
        --tw-scale-y: 1.1
    }
    .lg\:scale-y-125 {
        --tw-scale-y: 1.25
    }
    .lg\:scale-y-150 {
        --tw-scale-y: 1.5
    }
    .lg\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }
    .lg\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }
    .lg\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }
    .lg\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }
    .lg\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }
    .lg\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }
    .lg\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }
    .lg\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }
    .lg\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }
    .lg\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }
    .lg\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }
    .lg\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }
    .lg\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }
    .lg\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }
    .lg\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }
    .lg\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }
    .lg\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }
    .lg\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }
    .lg\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }
    .lg\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }
    .lg\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }
    .lg\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }
    .lg\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }
    .lg\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }
    .lg\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }
    .lg\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }
    .lg\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }
    .lg\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }
    .lg\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }
    .lg\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }
    .lg\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }
    .lg\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }
    .lg\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }
    .lg\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }
    .lg\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }
    .lg\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }
    .lg\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }
    .lg\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }
    .lg\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }
    .lg\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }
    .lg\:animate-none {
        -webkit-animation: none;
        animation: none
    }
    .lg\:animate-spin {
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite
    }
    .lg\:animate-ping {
        -webkit-animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
    }
    .lg\:animate-pulse {
        -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }
    .lg\:animate-bounce {
        -webkit-animation: bounce 1s infinite;
        animation: bounce 1s infinite
    }
    .lg\:cursor-auto {
        cursor: auto
    }
    .lg\:cursor-default {
        cursor: default
    }
    .lg\:cursor-pointer {
        cursor: pointer
    }
    .lg\:cursor-wait {
        cursor: wait
    }
    .lg\:cursor-text {
        cursor: text
    }
    .lg\:cursor-move {
        cursor: move
    }
    .lg\:cursor-help {
        cursor: help
    }
    .lg\:cursor-not-allowed {
        cursor: not-allowed
    }
    .lg\:select-none {
        -webkit-user-select: none;
        user-select: none
    }
    .lg\:select-text {
        -webkit-user-select: text;
        user-select: text
    }
    .lg\:select-all {
        -webkit-user-select: all;
        user-select: all
    }
    .lg\:select-auto {
        -webkit-user-select: auto;
        user-select: auto
    }
    .lg\:resize-none {
        resize: none
    }
    .lg\:resize-y {
        resize: vertical
    }
    .lg\:resize-x {
        resize: horizontal
    }
    .lg\:resize {
        resize: both
    }
    .lg\:list-inside {
        list-style-position: inside
    }
    .lg\:list-outside {
        list-style-position: outside
    }
    .lg\:list-none {
        list-style-type: none
    }
    .lg\:list-disc {
        list-style-type: disc
    }
    .lg\:list-decimal {
        list-style-type: decimal
    }
    .lg\:appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .lg\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .lg\:auto-cols-min {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content
    }
    .lg\:auto-cols-max {
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content
    }
    .lg\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
    }
    .lg\:grid-flow-row {
        grid-auto-flow: row
    }
    .lg\:grid-flow-col {
        grid-auto-flow: column
    }
    .lg\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }
    .lg\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }
    .lg\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .lg\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }
    .lg\:auto-rows-max {
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content
    }
    .lg\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }
    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .lg\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .lg\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .lg\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:grid-cols-none {
        grid-template-columns: none
    }
    .lg\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .lg\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .lg\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .lg\:grid-rows-none {
        grid-template-rows: none
    }
    .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-wrap {
        flex-wrap: wrap
    }
    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }
    .lg\:place-content-center {
        place-content: center
    }
    .lg\:place-content-start {
        place-content: start
    }
    .lg\:place-content-end {
        place-content: end
    }
    .lg\:place-content-between {
        place-content: space-between
    }
    .lg\:place-content-around {
        place-content: space-around
    }
    .lg\:place-content-evenly {
        place-content: space-evenly
    }
    .lg\:place-content-stretch {
        place-content: stretch
    }
    .lg\:place-items-start {
        place-items: start
    }
    .lg\:place-items-end {
        place-items: end
    }
    .lg\:place-items-center {
        place-items: center
    }
    .lg\:place-items-stretch {
        place-items: stretch
    }
    .lg\:content-center {
        align-content: center
    }
    .lg\:content-start {
        align-content: flex-start
    }
    .lg\:content-end {
        align-content: flex-end
    }
    .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\: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\:gap-0 {
        gap: 0
    }
    .lg\:gap-2 {
        gap: var(--space-5xs)
    }
    .lg\:gap-4 {
        gap: var(--space-4xs)
    }
    .lg\:gap-6 {
        gap: var(--space-3xs)
    }
    .lg\:gap-8 {
        gap: var(--space-2xs)
    }
    .lg\:gap-12 {
        gap: var(--space-xs)
    }
    .lg\:gap-16 {
        gap: var(--space-sm)
    }
    .lg\:gap-20 {
        gap: var(--space-md)
    }
    .lg\:gap-24 {
        gap: var(--space-lg)
    }
    .lg\:gap-32 {
        gap: var(--space-xl)
    }
    .lg\:gap-40 {
        gap: var(--space-2xl)
    }
    .lg\:gap-48 {
        gap: var(--space-3xl)
    }
    .lg\:gap-80 {
        gap: var(--space-4xl)
    }
    .lg\:gap-x-0 {
        column-gap: 0
    }
    .lg\:gap-x-2 {
        column-gap: var(--space-5xs)
    }
    .lg\:gap-x-4 {
        column-gap: var(--space-4xs)
    }
    .lg\:gap-x-6 {
        column-gap: var(--space-3xs)
    }
    .lg\:gap-x-8 {
        column-gap: var(--space-2xs)
    }
    .lg\:gap-x-12 {
        column-gap: var(--space-xs)
    }
    .lg\:gap-x-16 {
        column-gap: var(--space-sm)
    }
    .lg\:gap-x-20 {
        column-gap: var(--space-md)
    }
    .lg\:gap-x-24 {
        column-gap: var(--space-lg)
    }
    .lg\:gap-x-32 {
        column-gap: var(--space-xl)
    }
    .lg\:gap-x-40 {
        column-gap: var(--space-2xl)
    }
    .lg\:gap-x-48 {
        column-gap: var(--space-3xl)
    }
    .lg\:gap-x-80 {
        column-gap: var(--space-4xl)
    }
    .lg\:gap-y-0 {
        row-gap: 0
    }
    .lg\:gap-y-2 {
        row-gap: var(--space-5xs)
    }
    .lg\:gap-y-4 {
        row-gap: var(--space-4xs)
    }
    .lg\:gap-y-6 {
        row-gap: var(--space-3xs)
    }
    .lg\:gap-y-8 {
        row-gap: var(--space-2xs)
    }
    .lg\:gap-y-12 {
        row-gap: var(--space-xs)
    }
    .lg\:gap-y-16 {
        row-gap: var(--space-sm)
    }
    .lg\:gap-y-20 {
        row-gap: var(--space-md)
    }
    .lg\:gap-y-24 {
        row-gap: var(--space-lg)
    }
    .lg\:gap-y-32 {
        row-gap: var(--space-xl)
    }
    .lg\:gap-y-40 {
        row-gap: var(--space-2xl)
    }
    .lg\:gap-y-48 {
        row-gap: var(--space-3xl)
    }
    .lg\:gap-y-80 {
        row-gap: var(--space-4xl)
    }
    .lg\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px*var(--tw-space-x-reverse));
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:-space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }
    .lg\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*var(--tw-space-y-reverse))
    }
    .lg\:space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*-1*var(--tw-space-y-reverse))
    }
    .lg\:-space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*-1*var(--tw-space-y-reverse))
    }
    .lg\:space-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 1
    }
    .lg\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }
    .lg\:divide-x-0>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(0px*var(--tw-divide-x-reverse));
        border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse)))
    }
    .lg\:divide-x-2>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px*var(--tw-divide-x-reverse));
        border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)))
    }
    .lg\:divide-x-4>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(4px*var(--tw-divide-x-reverse));
        border-left-width: calc(4px*(1 - var(--tw-divide-x-reverse)))
    }
    .lg\:divide-x-8>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(8px*var(--tw-divide-x-reverse));
        border-left-width: calc(8px*(1 - var(--tw-divide-x-reverse)))
    }
    .lg\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px*var(--tw-divide-x-reverse));
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
    }
    .lg\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
    }
    .lg\:divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(2px*var(--tw-divide-y-reverse))
    }
    .lg\:divide-y-4>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(4px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(4px*var(--tw-divide-y-reverse))
    }
    .lg\:divide-y-8>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(8px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(8px*var(--tw-divide-y-reverse))
    }
    .lg\:divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
    }
    .lg\:divide-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 1
    }
    .lg\:divide-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 1
    }
    .lg\:divide-solid>:not([hidden])~:not([hidden]) {
        border-style: solid
    }
    .lg\:divide-dashed>:not([hidden])~:not([hidden]) {
        border-style: dashed
    }
    .lg\:divide-dotted>:not([hidden])~:not([hidden]) {
        border-style: dotted
    }
    .lg\:divide-double>:not([hidden])~:not([hidden]) {
        border-style: double
    }
    .lg\:divide-none>:not([hidden])~:not([hidden]) {
        border-style: none
    }
    .lg\:divide-surface-default>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface)
    }
    .lg\:divide-surface-emphasis>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-emphasis)
    }
    .lg\:divide-surface-contrast>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-contrast)
    }
    .lg\:divide-status-danger>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-danger)
    }
    .lg\:divide-status-active>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-active)
    }
    .lg\:divide-button-primary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-primary)
    }
    .lg\:divide-button-secondary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-secondary)
    }
    .lg\:divide-button-success>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-success)
    }
    .lg\:divide-opacity-0>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0
    }
    .lg\:divide-opacity-5>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.05
    }
    .lg\:divide-opacity-10>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.1
    }
    .lg\:divide-opacity-20>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.2
    }
    .lg\:divide-opacity-25>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.25
    }
    .lg\:divide-opacity-30>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.3
    }
    .lg\:divide-opacity-40>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.4
    }
    .lg\:divide-opacity-50>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.5
    }
    .lg\:divide-opacity-60>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.6
    }
    .lg\:divide-opacity-70>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.7
    }
    .lg\:divide-opacity-75>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.75
    }
    .lg\:divide-opacity-80>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.8
    }
    .lg\:divide-opacity-90>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.9
    }
    .lg\:divide-opacity-95>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.95
    }
    .lg\:divide-opacity-100>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1
    }
    .lg\:place-self-auto {
        place-self: auto
    }
    .lg\:place-self-start {
        place-self: start
    }
    .lg\:place-self-end {
        place-self: end
    }
    .lg\:place-self-center {
        place-self: center
    }
    .lg\:place-self-stretch {
        place-self: stretch
    }
    .lg\:self-auto {
        align-self: auto
    }
    .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\:self-baseline {
        align-self: baseline
    }
    .lg\:justify-self-auto {
        justify-self: auto
    }
    .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\:overflow-auto {
        overflow: auto
    }
    .lg\:overflow-hidden {
        overflow: hidden
    }
    .lg\:overflow-visible {
        overflow: visible
    }
    .lg\:overflow-scroll {
        overflow: scroll
    }
    .lg\:overflow-x-auto {
        overflow-x: auto
    }
    .lg\:overflow-y-auto {
        overflow-y: auto
    }
    .lg\:overflow-x-hidden {
        overflow-x: hidden
    }
    .lg\:overflow-y-hidden {
        overflow-y: hidden
    }
    .lg\:overflow-x-visible {
        overflow-x: visible
    }
    .lg\:overflow-y-visible {
        overflow-y: visible
    }
    .lg\:overflow-x-scroll {
        overflow-x: scroll
    }
    .lg\:overflow-y-scroll {
        overflow-y: scroll
    }
    .lg\:overscroll-auto {
        overscroll-behavior: auto
    }
    .lg\:overscroll-contain {
        overscroll-behavior: contain
    }
    .lg\:overscroll-none {
        overscroll-behavior: none
    }
    .lg\:overscroll-y-auto {
        overscroll-behavior-y: auto
    }
    .lg\:overscroll-y-contain {
        overscroll-behavior-y: contain
    }
    .lg\:overscroll-y-none {
        overscroll-behavior-y: none
    }
    .lg\:overscroll-x-auto {
        overscroll-behavior-x: auto
    }
    .lg\:overscroll-x-contain {
        overscroll-behavior-x: contain
    }
    .lg\:overscroll-x-none {
        overscroll-behavior-x: none
    }
    .lg\:truncate {
        overflow: hidden;
        white-space: nowrap
    }
    .lg\:overflow-ellipsis,
    .lg\:truncate {
        text-overflow: ellipsis
    }
    .lg\:overflow-clip {
        text-overflow: clip
    }
    .lg\:whitespace-normal {
        white-space: normal
    }
    .lg\:whitespace-nowrap {
        white-space: nowrap
    }
    .lg\:whitespace-pre {
        white-space: pre
    }
    .lg\:whitespace-pre-line {
        white-space: pre-line
    }
    .lg\:whitespace-pre-wrap {
        white-space: pre-wrap
    }
    .lg\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }
    .lg\:break-words {
        overflow-wrap: break-word
    }
    .lg\:break-all {
        word-break: break-all
    }
    .lg\:rounded-2 {
        border-radius: 2px
    }
    .lg\:rounded-6 {
        border-radius: 6px
    }
    .lg\:rounded-8 {
        border-radius: 8px
    }
    .lg\:rounded-16 {
        border-radius: 16px
    }
    .lg\:rounded-full {
        border-radius: 100%
    }
    .lg\:rounded-xs {
        border-radius: 2px
    }
    .lg\:rounded-sm {
        border-radius: 4px
    }
    .lg\:rounded-md {
        border-radius: 8px
    }
    .lg\:rounded-lg {
        border-radius: 16px
    }
    .lg\:rounded-t-2 {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .lg\:rounded-t-6 {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .lg\:rounded-t-8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .lg\:rounded-t-16 {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .lg\:rounded-t-full {
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
    .lg\:rounded-t-xs {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .lg\:rounded-t-sm {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
    .lg\:rounded-t-md {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .lg\:rounded-t-lg {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .lg\:rounded-r-2 {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .lg\:rounded-r-6 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .lg\:rounded-r-8 {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .lg\:rounded-r-16 {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .lg\:rounded-r-full {
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%
    }
    .lg\:rounded-r-xs {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .lg\:rounded-r-sm {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .lg\:rounded-r-md {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .lg\:rounded-r-lg {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .lg\:rounded-b-2 {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .lg\:rounded-b-6 {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .lg\:rounded-b-8 {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .lg\:rounded-b-16 {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .lg\:rounded-b-full {
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .lg\:rounded-b-xs {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .lg\:rounded-b-sm {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .lg\:rounded-b-md {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .lg\:rounded-b-lg {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .lg\:rounded-l-2 {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .lg\:rounded-l-6 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .lg\:rounded-l-8 {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .lg\:rounded-l-16 {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .lg\:rounded-l-full {
        border-top-left-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .lg\:rounded-l-xs {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .lg\:rounded-l-sm {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .lg\:rounded-l-md {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .lg\:rounded-l-lg {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .lg\:rounded-tl-2 {
        border-top-left-radius: 2px
    }
    .lg\:rounded-tl-6 {
        border-top-left-radius: 6px
    }
    .lg\:rounded-tl-8 {
        border-top-left-radius: 8px
    }
    .lg\:rounded-tl-16 {
        border-top-left-radius: 16px
    }
    .lg\:rounded-tl-full {
        border-top-left-radius: 100%
    }
    .lg\:rounded-tl-xs {
        border-top-left-radius: 2px
    }
    .lg\:rounded-tl-sm {
        border-top-left-radius: 4px
    }
    .lg\:rounded-tl-md {
        border-top-left-radius: 8px
    }
    .lg\:rounded-tl-lg {
        border-top-left-radius: 16px
    }
    .lg\:rounded-tr-2 {
        border-top-right-radius: 2px
    }
    .lg\:rounded-tr-6 {
        border-top-right-radius: 6px
    }
    .lg\:rounded-tr-8 {
        border-top-right-radius: 8px
    }
    .lg\:rounded-tr-16 {
        border-top-right-radius: 16px
    }
    .lg\:rounded-tr-full {
        border-top-right-radius: 100%
    }
    .lg\:rounded-tr-xs {
        border-top-right-radius: 2px
    }
    .lg\:rounded-tr-sm {
        border-top-right-radius: 4px
    }
    .lg\:rounded-tr-md {
        border-top-right-radius: 8px
    }
    .lg\:rounded-tr-lg {
        border-top-right-radius: 16px
    }
    .lg\:rounded-br-2 {
        border-bottom-right-radius: 2px
    }
    .lg\:rounded-br-6 {
        border-bottom-right-radius: 6px
    }
    .lg\:rounded-br-8 {
        border-bottom-right-radius: 8px
    }
    .lg\:rounded-br-16 {
        border-bottom-right-radius: 16px
    }
    .lg\:rounded-br-full {
        border-bottom-right-radius: 100%
    }
    .lg\:rounded-br-xs {
        border-bottom-right-radius: 2px
    }
    .lg\:rounded-br-sm {
        border-bottom-right-radius: 4px
    }
    .lg\:rounded-br-md {
        border-bottom-right-radius: 8px
    }
    .lg\:rounded-br-lg {
        border-bottom-right-radius: 16px
    }
    .lg\:rounded-bl-2 {
        border-bottom-left-radius: 2px
    }
    .lg\:rounded-bl-6 {
        border-bottom-left-radius: 6px
    }
    .lg\:rounded-bl-8 {
        border-bottom-left-radius: 8px
    }
    .lg\:rounded-bl-16 {
        border-bottom-left-radius: 16px
    }
    .lg\:rounded-bl-full {
        border-bottom-left-radius: 100%
    }
    .lg\:rounded-bl-xs {
        border-bottom-left-radius: 2px
    }
    .lg\:rounded-bl-sm {
        border-bottom-left-radius: 4px
    }
    .lg\:rounded-bl-md {
        border-bottom-left-radius: 8px
    }
    .lg\:rounded-bl-lg {
        border-bottom-left-radius: 16px
    }
    .lg\:border-0 {
        border-width: 0
    }
    .lg\:border-2 {
        border-width: 2px
    }
    .lg\:border-4 {
        border-width: 4px
    }
    .lg\:border-8 {
        border-width: 8px
    }
    .lg\:border {
        border-width: 1px
    }
    .lg\:border-t-0 {
        border-top-width: 0
    }
    .lg\:border-t-2 {
        border-top-width: 2px
    }
    .lg\:border-t-4 {
        border-top-width: 4px
    }
    .lg\:border-t-8 {
        border-top-width: 8px
    }
    .lg\:border-t {
        border-top-width: 1px
    }
    .lg\:border-r-0 {
        border-right-width: 0
    }
    .lg\:border-r-2 {
        border-right-width: 2px
    }
    .lg\:border-r-4 {
        border-right-width: 4px
    }
    .lg\:border-r-8 {
        border-right-width: 8px
    }
    .lg\:border-r {
        border-right-width: 1px
    }
    .lg\:border-b-0 {
        border-bottom-width: 0
    }
    .lg\:border-b-2 {
        border-bottom-width: 2px
    }
    .lg\:border-b-4 {
        border-bottom-width: 4px
    }
    .lg\:border-b-8 {
        border-bottom-width: 8px
    }
    .lg\:border-b {
        border-bottom-width: 1px
    }
    .lg\:border-l-0 {
        border-left-width: 0
    }
    .lg\:border-l-2 {
        border-left-width: 2px
    }
    .lg\:border-l-4 {
        border-left-width: 4px
    }
    .lg\:border-l-8 {
        border-left-width: 8px
    }
    .lg\:border-l {
        border-left-width: 1px
    }
    .lg\:border-solid {
        border-style: solid
    }
    .lg\:border-dashed {
        border-style: dashed
    }
    .lg\:border-dotted {
        border-style: dotted
    }
    .lg\:border-double {
        border-style: double
    }
    .lg\:border-none {
        border-style: none
    }
    .lg\:border-surface-default {
        border-color: var(--border-surface)
    }
    .lg\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .lg\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .lg\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .lg\:border-status-active {
        border-color: var(--border-status-active)
    }
    .lg\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .lg\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .lg\:border-button-success {
        border-color: var(--border-button-success)
    }
    .group:hover .lg\:group-hover\:border-surface-default {
        border-color: var(--border-surface)
    }
    .group:hover .lg\:group-hover\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .group:hover .lg\:group-hover\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .group:hover .lg\:group-hover\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .group:hover .lg\:group-hover\:border-status-active {
        border-color: var(--border-status-active)
    }
    .group:hover .lg\:group-hover\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .group:hover .lg\:group-hover\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .group:hover .lg\:group-hover\:border-button-success {
        border-color: var(--border-button-success)
    }
    .lg\:focus-within\:border-surface-default:focus-within {
        border-color: var(--border-surface)
    }
    .lg\:focus-within\:border-surface-emphasis:focus-within {
        border-color: var(--border-surface-emphasis)
    }
    .lg\:focus-within\:border-surface-contrast:focus-within {
        border-color: var(--border-surface-contrast)
    }
    .lg\:focus-within\:border-status-danger:focus-within {
        border-color: var(--border-status-danger)
    }
    .lg\:focus-within\:border-status-active:focus-within {
        border-color: var(--border-status-active)
    }
    .lg\:focus-within\:border-button-primary:focus-within {
        border-color: var(--border-button-primary)
    }
    .lg\:focus-within\:border-button-secondary:focus-within {
        border-color: var(--border-button-secondary)
    }
    .lg\:focus-within\:border-button-success:focus-within {
        border-color: var(--border-button-success)
    }
    .lg\:hover\:border-surface-default:hover {
        border-color: var(--border-surface)
    }
    .lg\:hover\:border-surface-emphasis:hover {
        border-color: var(--border-surface-emphasis)
    }
    .lg\:hover\:border-surface-contrast:hover {
        border-color: var(--border-surface-contrast)
    }
    .lg\:hover\:border-status-danger:hover {
        border-color: var(--border-status-danger)
    }
    .lg\:hover\:border-status-active:hover {
        border-color: var(--border-status-active)
    }
    .lg\:hover\:border-button-primary:hover {
        border-color: var(--border-button-primary)
    }
    .lg\:hover\:border-button-secondary:hover {
        border-color: var(--border-button-secondary)
    }
    .lg\:hover\:border-button-success:hover {
        border-color: var(--border-button-success)
    }
    .lg\:focus\:border-surface-default:focus {
        border-color: var(--border-surface)
    }
    .lg\:focus\:border-surface-emphasis:focus {
        border-color: var(--border-surface-emphasis)
    }
    .lg\:focus\:border-surface-contrast:focus {
        border-color: var(--border-surface-contrast)
    }
    .lg\:focus\:border-status-danger:focus {
        border-color: var(--border-status-danger)
    }
    .lg\:focus\:border-status-active:focus {
        border-color: var(--border-status-active)
    }
    .lg\:focus\:border-button-primary:focus {
        border-color: var(--border-button-primary)
    }
    .lg\:focus\:border-button-secondary:focus {
        border-color: var(--border-button-secondary)
    }
    .lg\:focus\:border-button-success:focus {
        border-color: var(--border-button-success)
    }
    .lg\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .lg\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .lg\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .lg\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .lg\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .lg\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .lg\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .lg\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .lg\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .lg\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .lg\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .lg\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .lg\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .lg\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .lg\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .group:hover .lg\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .group:hover .lg\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .group:hover .lg\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .group:hover .lg\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .group:hover .lg\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .group:hover .lg\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .group:hover .lg\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .group:hover .lg\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .group:hover .lg\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .group:hover .lg\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .group:hover .lg\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .group:hover .lg\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .group:hover .lg\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .group:hover .lg\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .group:hover .lg\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .lg\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }
    .lg\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }
    .lg\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }
    .lg\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }
    .lg\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }
    .lg\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }
    .lg\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }
    .lg\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }
    .lg\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }
    .lg\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }
    .lg\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }
    .lg\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }
    .lg\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }
    .lg\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }
    .lg\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }
    .lg\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }
    .lg\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }
    .lg\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }
    .lg\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }
    .lg\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }
    .lg\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }
    .lg\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }
    .lg\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }
    .lg\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }
    .lg\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }
    .lg\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }
    .lg\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }
    .lg\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }
    .lg\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }
    .lg\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }
    .lg\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }
    .lg\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }
    .lg\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }
    .lg\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }
    .lg\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }
    .lg\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }
    .lg\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }
    .lg\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }
    .lg\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }
    .lg\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }
    .lg\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }
    .lg\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }
    .lg\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }
    .lg\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }
    .lg\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }
    .lg\:bg-app {
        background-color: var(--bg-app)
    }
    .lg\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .lg\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .lg\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .lg\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .lg\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .lg\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .lg\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .lg\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .lg\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .lg\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .lg\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .lg\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .lg\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .lg\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .lg\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .lg\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .lg\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .lg\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .lg\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .lg\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .lg\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .lg\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .lg\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .lg\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .lg\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .lg\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .lg\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .lg\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .lg\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .lg\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .lg\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .lg\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .lg\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .lg\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .lg\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .lg\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .lg\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .lg\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .lg\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .lg\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .lg\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .lg\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .lg\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .group:hover .lg\:group-hover\:bg-app {
        background-color: var(--bg-app)
    }
    .group:hover .lg\:group-hover\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .group:hover .lg\:group-hover\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .group:hover .lg\:group-hover\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .group:hover .lg\:group-hover\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .group:hover .lg\:group-hover\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .group:hover .lg\:group-hover\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .group:hover .lg\:group-hover\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .group:hover .lg\:group-hover\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .group:hover .lg\:group-hover\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .group:hover .lg\:group-hover\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .group:hover .lg\:group-hover\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .group:hover .lg\:group-hover\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .group:hover .lg\:group-hover\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .group:hover .lg\:group-hover\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .group:hover .lg\:group-hover\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .group:hover .lg\:group-hover\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .group:hover .lg\:group-hover\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .group:hover .lg\:group-hover\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .group:hover .lg\:group-hover\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .group:hover .lg\:group-hover\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .group:hover .lg\:group-hover\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .group:hover .lg\:group-hover\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .group:hover .lg\:group-hover\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .group:hover .lg\:group-hover\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .group:hover .lg\:group-hover\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .group:hover .lg\:group-hover\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .group:hover .lg\:group-hover\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .group:hover .lg\:group-hover\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .group:hover .lg\:group-hover\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .group:hover .lg\:group-hover\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .group:hover .lg\:group-hover\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .group:hover .lg\:group-hover\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .group:hover .lg\:group-hover\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .group:hover .lg\:group-hover\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .group:hover .lg\:group-hover\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .group:hover .lg\:group-hover\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .group:hover .lg\:group-hover\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .group:hover .lg\:group-hover\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .group:hover .lg\:group-hover\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .group:hover .lg\:group-hover\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .group:hover .lg\:group-hover\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .group:hover .lg\:group-hover\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .group:hover .lg\:group-hover\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .lg\:focus-within\:bg-app:focus-within {
        background-color: var(--bg-app)
    }
    .lg\:focus-within\:bg-surface-1-default:focus-within {
        background-color: var(--bg-surface-1)
    }
    .lg\:focus-within\:bg-surface-1-hover:focus-within {
        background-color: var(--bg-surface-1-hover)
    }
    .lg\:focus-within\:bg-surface-2-default:focus-within {
        background-color: var(--bg-surface-2)
    }
    .lg\:focus-within\:bg-surface-2-hover:focus-within {
        background-color: var(--bg-surface-2-hover)
    }
    .lg\:focus-within\:bg-surface-emphasis-default:focus-within {
        background-color: --bg-surface-emphasis
    }
    .lg\:focus-within\:bg-surface-emphasis-hover:focus-within {
        background-color: --bg-surface-emphasis-hover
    }
    .lg\:focus-within\:bg-surface-contrast-default:focus-within {
        background-color: --bg-surface-contrast
    }
    .lg\:focus-within\:bg-surface-contrast-hover:focus-within {
        background-color: --bg-surface-contrast-hover
    }
    .lg\:focus-within\:bg-surface-forced-dark:focus-within {
        background-color: var(--bg-surface-forced-dark)
    }
    .lg\:focus-within\:bg-status-danger-default:focus-within {
        background-color: var(--bg-status-danger)
    }
    .lg\:focus-within\:bg-status-danger-bold:focus-within {
        background-color: var(--bg-status-danger-bold)
    }
    .lg\:focus-within\:bg-status-danger-subtle:focus-within {
        background-color: var(--bg-status-danger-subtle)
    }
    .lg\:focus-within\:bg-status-pending-default:focus-within {
        background-color: var(--bg-status-pending)
    }
    .lg\:focus-within\:bg-status-pending-bold:focus-within {
        background-color: var(--bg-status-pending-bold)
    }
    .lg\:focus-within\:bg-status-pending-subtle:focus-within {
        background-color: var(--bg-status-pending-subtle)
    }
    .lg\:focus-within\:bg-status-success-default:focus-within {
        background-color: var(--bg-status-success)
    }
    .lg\:focus-within\:bg-status-success-bold:focus-within {
        background-color: var(--bg-status-success-bold)
    }
    .lg\:focus-within\:bg-status-success-subtle:focus-within {
        background-color: var(--bg-status-success-subtle)
    }
    .lg\:focus-within\:bg-status-active-default:focus-within {
        background-color: var(--bg-status-active)
    }
    .lg\:focus-within\:bg-status-active-bold:focus-within {
        background-color: var(--bg-status-active-bold)
    }
    .lg\:focus-within\:bg-status-active-subtle:focus-within {
        background-color: var(--bg-status-active-subtle)
    }
    .lg\:focus-within\:bg-status-plain-default:focus-within {
        background-color: var(--bg-status-plain)
    }
    .lg\:focus-within\:bg-status-plain-bold:focus-within {
        background-color: var(--bg-status-plain-bold)
    }
    .lg\:focus-within\:bg-status-plain-subtle:focus-within {
        background-color: var(--bg-status-plain-subtle)
    }
    .lg\:focus-within\:bg-button-primary:focus-within {
        background-color: var(--bg-button-primary)
    }
    .lg\:focus-within\:bg-button-danger:focus-within {
        background-color: var(--bg-button-danger)
    }
    .lg\:focus-within\:bg-button-success:focus-within {
        background-color: var(--bg-button-success)
    }
    .lg\:focus-within\:bg-button-oncolor:focus-within {
        background-color: var(--bg-button-oncolor)
    }
    .lg\:focus-within\:bg-button-hover-primary:focus-within {
        background-color: var(--bg-button-primary-hover)
    }
    .lg\:focus-within\:bg-button-hover-text:focus-within {
        background-color: var(--bg-button-text-hover)
    }
    .lg\:focus-within\:bg-button-hover-danger:focus-within {
        background-color: var(--bg-button-text-danger-hover)
    }
    .lg\:focus-within\:bg-button-hover-oncolor:focus-within {
        background-color: var(--bg-button-oncolor-hover)
    }
    .lg\:focus-within\:bg-button-hover-success-default:focus-within {
        background-color: var(--bg-button-success-hover)
    }
    .lg\:focus-within\:bg-button-hover-success-text:focus-within {
        background-color: var(--bg-button-text-success-hover)
    }
    .lg\:focus-within\:bg-decorative-purple-default:focus-within {
        background-color: var(--bg-decorative-purple)
    }
    .lg\:focus-within\:bg-decorative-purple-bold:focus-within {
        background-color: var(--bg-decorative-purple-bold)
    }
    .lg\:focus-within\:bg-decorative-purple-subtle:focus-within {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .lg\:focus-within\:bg-decorative-orange-bold:focus-within {
        background-color: var(--bg-decorative-orange-bold)
    }
    .lg\:focus-within\:bg-overlay-modal:focus-within {
        background-color: var(--bg-overlay-modal)
    }
    .lg\:focus-within\:bg-gradient-lineChart:focus-within {
        background-color: var(--bg-gradient-line-chart)
    }
    .lg\:focus-within\:bg-gradient-margin:focus-within {
        background-color: var(--bg-gradient-margin)
    }
    .lg\:focus-within\:bg-gradient-healthRainbow:focus-within {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .lg\:focus-within\:bg-gradient-promo-1:focus-within {
        background-color: var(--bg-gradient-promo-1)
    }
    .lg\:hover\:bg-app:hover {
        background-color: var(--bg-app)
    }
    .lg\:hover\:bg-surface-1-default:hover {
        background-color: var(--bg-surface-1)
    }
    .lg\:hover\:bg-surface-1-hover:hover {
        background-color: var(--bg-surface-1-hover)
    }
    .lg\:hover\:bg-surface-2-default:hover {
        background-color: var(--bg-surface-2)
    }
    .lg\:hover\:bg-surface-2-hover:hover {
        background-color: var(--bg-surface-2-hover)
    }
    .lg\:hover\:bg-surface-emphasis-default:hover {
        background-color: --bg-surface-emphasis
    }
    .lg\:hover\:bg-surface-emphasis-hover:hover {
        background-color: --bg-surface-emphasis-hover
    }
    .lg\:hover\:bg-surface-contrast-default:hover {
        background-color: --bg-surface-contrast
    }
    .lg\:hover\:bg-surface-contrast-hover:hover {
        background-color: --bg-surface-contrast-hover
    }
    .lg\:hover\:bg-surface-forced-dark:hover {
        background-color: var(--bg-surface-forced-dark)
    }
    .lg\:hover\:bg-status-danger-default:hover {
        background-color: var(--bg-status-danger)
    }
    .lg\:hover\:bg-status-danger-bold:hover {
        background-color: var(--bg-status-danger-bold)
    }
    .lg\:hover\:bg-status-danger-subtle:hover {
        background-color: var(--bg-status-danger-subtle)
    }
    .lg\:hover\:bg-status-pending-default:hover {
        background-color: var(--bg-status-pending)
    }
    .lg\:hover\:bg-status-pending-bold:hover {
        background-color: var(--bg-status-pending-bold)
    }
    .lg\:hover\:bg-status-pending-subtle:hover {
        background-color: var(--bg-status-pending-subtle)
    }
    .lg\:hover\:bg-status-success-default:hover {
        background-color: var(--bg-status-success)
    }
    .lg\:hover\:bg-status-success-bold:hover {
        background-color: var(--bg-status-success-bold)
    }
    .lg\:hover\:bg-status-success-subtle:hover {
        background-color: var(--bg-status-success-subtle)
    }
    .lg\:hover\:bg-status-active-default:hover {
        background-color: var(--bg-status-active)
    }
    .lg\:hover\:bg-status-active-bold:hover {
        background-color: var(--bg-status-active-bold)
    }
    .lg\:hover\:bg-status-active-subtle:hover {
        background-color: var(--bg-status-active-subtle)
    }
    .lg\:hover\:bg-status-plain-default:hover {
        background-color: var(--bg-status-plain)
    }
    .lg\:hover\:bg-status-plain-bold:hover {
        background-color: var(--bg-status-plain-bold)
    }
    .lg\:hover\:bg-status-plain-subtle:hover {
        background-color: var(--bg-status-plain-subtle)
    }
    .lg\:hover\:bg-button-primary:hover {
        background-color: var(--bg-button-primary)
    }
    .lg\:hover\:bg-button-danger:hover {
        background-color: var(--bg-button-danger)
    }
    .lg\:hover\:bg-button-success:hover {
        background-color: var(--bg-button-success)
    }
    .lg\:hover\:bg-button-oncolor:hover {
        background-color: var(--bg-button-oncolor)
    }
    .lg\:hover\:bg-button-hover-primary:hover {
        background-color: var(--bg-button-primary-hover)
    }
    .lg\:hover\:bg-button-hover-text:hover {
        background-color: var(--bg-button-text-hover)
    }
    .lg\:hover\:bg-button-hover-danger:hover {
        background-color: var(--bg-button-text-danger-hover)
    }
    .lg\:hover\:bg-button-hover-oncolor:hover {
        background-color: var(--bg-button-oncolor-hover)
    }
    .lg\:hover\:bg-button-hover-success-default:hover {
        background-color: var(--bg-button-success-hover)
    }
    .lg\:hover\:bg-button-hover-success-text:hover {
        background-color: var(--bg-button-text-success-hover)
    }
    .lg\:hover\:bg-decorative-purple-default:hover {
        background-color: var(--bg-decorative-purple)
    }
    .lg\:hover\:bg-decorative-purple-bold:hover {
        background-color: var(--bg-decorative-purple-bold)
    }
    .lg\:hover\:bg-decorative-purple-subtle:hover {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .lg\:hover\:bg-decorative-orange-bold:hover {
        background-color: var(--bg-decorative-orange-bold)
    }
    .lg\:hover\:bg-overlay-modal:hover {
        background-color: var(--bg-overlay-modal)
    }
    .lg\:hover\:bg-gradient-lineChart:hover {
        background-color: var(--bg-gradient-line-chart)
    }
    .lg\:hover\:bg-gradient-margin:hover {
        background-color: var(--bg-gradient-margin)
    }
    .lg\:hover\:bg-gradient-healthRainbow:hover {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .lg\:hover\:bg-gradient-promo-1:hover {
        background-color: var(--bg-gradient-promo-1)
    }
    .lg\:focus\:bg-app:focus {
        background-color: var(--bg-app)
    }
    .lg\:focus\:bg-surface-1-default:focus {
        background-color: var(--bg-surface-1)
    }
    .lg\:focus\:bg-surface-1-hover:focus {
        background-color: var(--bg-surface-1-hover)
    }
    .lg\:focus\:bg-surface-2-default:focus {
        background-color: var(--bg-surface-2)
    }
    .lg\:focus\:bg-surface-2-hover:focus {
        background-color: var(--bg-surface-2-hover)
    }
    .lg\:focus\:bg-surface-emphasis-default:focus {
        background-color: --bg-surface-emphasis
    }
    .lg\:focus\:bg-surface-emphasis-hover:focus {
        background-color: --bg-surface-emphasis-hover
    }
    .lg\:focus\:bg-surface-contrast-default:focus {
        background-color: --bg-surface-contrast
    }
    .lg\:focus\:bg-surface-contrast-hover:focus {
        background-color: --bg-surface-contrast-hover
    }
    .lg\:focus\:bg-surface-forced-dark:focus {
        background-color: var(--bg-surface-forced-dark)
    }
    .lg\:focus\:bg-status-danger-default:focus {
        background-color: var(--bg-status-danger)
    }
    .lg\:focus\:bg-status-danger-bold:focus {
        background-color: var(--bg-status-danger-bold)
    }
    .lg\:focus\:bg-status-danger-subtle:focus {
        background-color: var(--bg-status-danger-subtle)
    }
    .lg\:focus\:bg-status-pending-default:focus {
        background-color: var(--bg-status-pending)
    }
    .lg\:focus\:bg-status-pending-bold:focus {
        background-color: var(--bg-status-pending-bold)
    }
    .lg\:focus\:bg-status-pending-subtle:focus {
        background-color: var(--bg-status-pending-subtle)
    }
    .lg\:focus\:bg-status-success-default:focus {
        background-color: var(--bg-status-success)
    }
    .lg\:focus\:bg-status-success-bold:focus {
        background-color: var(--bg-status-success-bold)
    }
    .lg\:focus\:bg-status-success-subtle:focus {
        background-color: var(--bg-status-success-subtle)
    }
    .lg\:focus\:bg-status-active-default:focus {
        background-color: var(--bg-status-active)
    }
    .lg\:focus\:bg-status-active-bold:focus {
        background-color: var(--bg-status-active-bold)
    }
    .lg\:focus\:bg-status-active-subtle:focus {
        background-color: var(--bg-status-active-subtle)
    }
    .lg\:focus\:bg-status-plain-default:focus {
        background-color: var(--bg-status-plain)
    }
    .lg\:focus\:bg-status-plain-bold:focus {
        background-color: var(--bg-status-plain-bold)
    }
    .lg\:focus\:bg-status-plain-subtle:focus {
        background-color: var(--bg-status-plain-subtle)
    }
    .lg\:focus\:bg-button-primary:focus {
        background-color: var(--bg-button-primary)
    }
    .lg\:focus\:bg-button-danger:focus {
        background-color: var(--bg-button-danger)
    }
    .lg\:focus\:bg-button-success:focus {
        background-color: var(--bg-button-success)
    }
    .lg\:focus\:bg-button-oncolor:focus {
        background-color: var(--bg-button-oncolor)
    }
    .lg\:focus\:bg-button-hover-primary:focus {
        background-color: var(--bg-button-primary-hover)
    }
    .lg\:focus\:bg-button-hover-text:focus {
        background-color: var(--bg-button-text-hover)
    }
    .lg\:focus\:bg-button-hover-danger:focus {
        background-color: var(--bg-button-text-danger-hover)
    }
    .lg\:focus\:bg-button-hover-oncolor:focus {
        background-color: var(--bg-button-oncolor-hover)
    }
    .lg\:focus\:bg-button-hover-success-default:focus {
        background-color: var(--bg-button-success-hover)
    }
    .lg\:focus\:bg-button-hover-success-text:focus {
        background-color: var(--bg-button-text-success-hover)
    }
    .lg\:focus\:bg-decorative-purple-default:focus {
        background-color: var(--bg-decorative-purple)
    }
    .lg\:focus\:bg-decorative-purple-bold:focus {
        background-color: var(--bg-decorative-purple-bold)
    }
    .lg\:focus\:bg-decorative-purple-subtle:focus {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .lg\:focus\:bg-decorative-orange-bold:focus {
        background-color: var(--bg-decorative-orange-bold)
    }
    .lg\:focus\:bg-overlay-modal:focus {
        background-color: var(--bg-overlay-modal)
    }
    .lg\:focus\:bg-gradient-lineChart:focus {
        background-color: var(--bg-gradient-line-chart)
    }
    .lg\:focus\:bg-gradient-margin:focus {
        background-color: var(--bg-gradient-margin)
    }
    .lg\:focus\:bg-gradient-healthRainbow:focus {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .lg\:focus\:bg-gradient-promo-1:focus {
        background-color: var(--bg-gradient-promo-1)
    }
    .lg\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .lg\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .lg\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .lg\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .lg\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .lg\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .lg\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .lg\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .lg\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .lg\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .lg\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .lg\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .lg\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .lg\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .lg\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .group:hover .lg\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .group:hover .lg\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .group:hover .lg\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .group:hover .lg\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .group:hover .lg\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .group:hover .lg\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .group:hover .lg\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .group:hover .lg\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .group:hover .lg\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .group:hover .lg\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .group:hover .lg\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .group:hover .lg\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .group:hover .lg\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .group:hover .lg\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .group:hover .lg\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .lg\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }
    .lg\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }
    .lg\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }
    .lg\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }
    .lg\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }
    .lg\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }
    .lg\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }
    .lg\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }
    .lg\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }
    .lg\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }
    .lg\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }
    .lg\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }
    .lg\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }
    .lg\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }
    .lg\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }
    .lg\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }
    .lg\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }
    .lg\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }
    .lg\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }
    .lg\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }
    .lg\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }
    .lg\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }
    .lg\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }
    .lg\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }
    .lg\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }
    .lg\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }
    .lg\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }
    .lg\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }
    .lg\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }
    .lg\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }
    .lg\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }
    .lg\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }
    .lg\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }
    .lg\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }
    .lg\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }
    .lg\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }
    .lg\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }
    .lg\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }
    .lg\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }
    .lg\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }
    .lg\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }
    .lg\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }
    .lg\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }
    .lg\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }
    .lg\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }
    .lg\:bg-none {
        background-image: none
    }
    .lg\:bg-gradient-to-t {
        background-image: linear-gradient(0deg, var(--tw-gradient-stops))
    }
    .lg\:bg-gradient-to-tr {
        background-image: linear-gradient(to top right, var(--tw-gradient-stops))
    }
    .lg\:bg-gradient-to-r {
        background-image: linear-gradient(90deg, var(--tw-gradient-stops))
    }
    .lg\:bg-gradient-to-br {
        background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
    }
    .lg\:bg-gradient-to-b {
        background-image: linear-gradient(180deg, var(--tw-gradient-stops))
    }
    .lg\:bg-gradient-to-bl {
        background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
    }
    .lg\:bg-gradient-to-l {
        background-image: linear-gradient(270deg, var(--tw-gradient-stops))
    }
    .lg\:bg-gradient-to-tl {
        background-image: linear-gradient(to top left, var(--tw-gradient-stops))
    }
    .lg\:from-common-white {
        --tw-gradient-from: var(--common-white)
    }
    .lg\:from-common-tertiary,
    .lg\:from-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-common-tertiary {
        --tw-gradient-from: var(--common-tertiary)
    }
    .lg\:from-common-dark {
        --tw-gradient-from: var(--common-dark)
    }
    .lg\:from-common-dark,
    .lg\:from-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-scheme-primary {
        --tw-gradient-from: var(--common-primary)
    }
    .lg\:from-scheme-success {
        --tw-gradient-from: var(--text-success)
    }
    .lg\:from-scheme-success,
    .lg\:from-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-scheme-warning {
        --tw-gradient-from: var(--text-pending)
    }
    .lg\:from-scheme-danger {
        --tw-gradient-from: var(--text-danger)
    }
    .lg\:from-primary,
    .lg\:from-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-primary {
        --tw-gradient-from: var(--text-primary)
    }
    .lg\:from-secondary {
        --tw-gradient-from: var(--text-secondary)
    }
    .lg\:from-secondary,
    .lg\:from-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-tertiary {
        --tw-gradient-from: var(--text-tertiary)
    }
    .lg\:from-danger-default {
        --tw-gradient-from: var(--text-danger)
    }
    .lg\:from-danger-bold,
    .lg\:from-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-danger-bold {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .lg\:from-success-default {
        --tw-gradient-from: var(--text-success)
    }
    .lg\:from-success-bold,
    .lg\:from-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-success-bold {
        --tw-gradient-from: var(--text-success-bold)
    }
    .lg\:from-success-subtle {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .lg\:from-active-default,
    .lg\:from-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-active-default {
        --tw-gradient-from: var(--text-active)
    }
    .lg\:from-active-bold {
        --tw-gradient-from: var(--text-active-bold)
    }
    .lg\:from-active-bold,
    .lg\:from-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-pending-default {
        --tw-gradient-from: var(--text-pending)
    }
    .lg\:from-pending-bold {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .lg\:from-contrast-primary,
    .lg\:from-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-contrast-primary {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .lg\:from-contrast-secondary {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .lg\:from-contrast-secondary,
    .lg\:from-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-forced-tertiary {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .lg\:from-decorative-red {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .lg\:from-decorative-blue,
    .lg\:from-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-decorative-blue {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .lg\:from-decorative-yellow {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .lg\:from-decorative-grey,
    .lg\:from-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-decorative-grey {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .lg\:from-decorative-green {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .lg\:from-decorative-green,
    .lg\:from-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:from-decorative-purple-default {
        --tw-gradient-from: var(--text-decorative-purple)
    }
    .lg\:from-decorative-purple-bold {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .lg\:from-decorative-purple-bold,
    .lg\:hover\:from-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-common-white:hover {
        --tw-gradient-from: var(--common-white)
    }
    .lg\:hover\:from-common-tertiary:hover {
        --tw-gradient-from: var(--common-tertiary)
    }
    .lg\:hover\:from-common-dark:hover,
    .lg\:hover\:from-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-common-dark:hover {
        --tw-gradient-from: var(--common-dark)
    }
    .lg\:hover\:from-scheme-primary:hover {
        --tw-gradient-from: var(--common-primary)
    }
    .lg\:hover\:from-scheme-primary:hover,
    .lg\:hover\:from-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-scheme-success:hover {
        --tw-gradient-from: var(--text-success)
    }
    .lg\:hover\:from-scheme-warning:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .lg\:hover\:from-scheme-danger:hover,
    .lg\:hover\:from-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-scheme-danger:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .lg\:hover\:from-primary:hover {
        --tw-gradient-from: var(--text-primary)
    }
    .lg\:hover\:from-primary:hover,
    .lg\:hover\:from-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-secondary:hover {
        --tw-gradient-from: var(--text-secondary)
    }
    .lg\:hover\:from-tertiary:hover {
        --tw-gradient-from: var(--text-tertiary)
    }
    .lg\:hover\:from-danger-default:hover,
    .lg\:hover\:from-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-danger-default:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .lg\:hover\:from-danger-bold:hover {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .lg\:hover\:from-danger-bold:hover,
    .lg\:hover\:from-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-success-default:hover {
        --tw-gradient-from: var(--text-success)
    }
    .lg\:hover\:from-success-bold:hover {
        --tw-gradient-from: var(--text-success-bold)
    }
    .lg\:hover\:from-success-bold:hover,
    .lg\:hover\:from-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-success-subtle:hover {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .lg\:hover\:from-active-default:hover {
        --tw-gradient-from: var(--text-active)
    }
    .lg\:hover\:from-active-bold:hover,
    .lg\:hover\:from-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-active-bold:hover {
        --tw-gradient-from: var(--text-active-bold)
    }
    .lg\:hover\:from-pending-default:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .lg\:hover\:from-pending-bold:hover,
    .lg\:hover\:from-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-pending-bold:hover {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .lg\:hover\:from-contrast-primary:hover {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .lg\:hover\:from-contrast-primary:hover,
    .lg\:hover\:from-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-contrast-secondary:hover {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .lg\:hover\:from-forced-tertiary:hover {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .lg\:hover\:from-decorative-red:hover,
    .lg\:hover\:from-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-decorative-red:hover {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .lg\:hover\:from-decorative-blue:hover {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .lg\:hover\:from-decorative-blue:hover,
    .lg\:hover\:from-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-decorative-yellow:hover {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .lg\:hover\:from-decorative-grey:hover {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .lg\:hover\:from-decorative-green:hover,
    .lg\:hover\:from-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-decorative-green:hover {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .lg\:hover\:from-decorative-purple-default:hover {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .lg\:focus\:from-common-white:focus,
    .lg\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-common-white:focus {
        --tw-gradient-from: var(--common-white)
    }
    .lg\:focus\:from-common-tertiary:focus {
        --tw-gradient-from: var(--common-tertiary)
    }
    .lg\:focus\:from-common-dark:focus,
    .lg\:focus\:from-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-common-dark:focus {
        --tw-gradient-from: var(--common-dark)
    }
    .lg\:focus\:from-scheme-primary:focus {
        --tw-gradient-from: var(--common-primary)
    }
    .lg\:focus\:from-scheme-primary:focus,
    .lg\:focus\:from-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-scheme-success:focus {
        --tw-gradient-from: var(--text-success)
    }
    .lg\:focus\:from-scheme-warning:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .lg\:focus\:from-scheme-danger:focus,
    .lg\:focus\:from-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-scheme-danger:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .lg\:focus\:from-primary:focus {
        --tw-gradient-from: var(--text-primary)
    }
    .lg\:focus\:from-primary:focus,
    .lg\:focus\:from-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-secondary:focus {
        --tw-gradient-from: var(--text-secondary)
    }
    .lg\:focus\:from-tertiary:focus {
        --tw-gradient-from: var(--text-tertiary)
    }
    .lg\:focus\:from-danger-default:focus,
    .lg\:focus\:from-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-danger-default:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .lg\:focus\:from-danger-bold:focus {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .lg\:focus\:from-danger-bold:focus,
    .lg\:focus\:from-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-success-default:focus {
        --tw-gradient-from: var(--text-success)
    }
    .lg\:focus\:from-success-bold:focus {
        --tw-gradient-from: var(--text-success-bold)
    }
    .lg\:focus\:from-success-bold:focus,
    .lg\:focus\:from-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-success-subtle:focus {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .lg\:focus\:from-active-default:focus {
        --tw-gradient-from: var(--text-active)
    }
    .lg\:focus\:from-active-bold:focus,
    .lg\:focus\:from-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-active-bold:focus {
        --tw-gradient-from: var(--text-active-bold)
    }
    .lg\:focus\:from-pending-default:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .lg\:focus\:from-pending-bold:focus,
    .lg\:focus\:from-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-pending-bold:focus {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .lg\:focus\:from-contrast-primary:focus {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .lg\:focus\:from-contrast-primary:focus,
    .lg\:focus\:from-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-contrast-secondary:focus {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .lg\:focus\:from-forced-tertiary:focus {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .lg\:focus\:from-decorative-red:focus,
    .lg\:focus\:from-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-decorative-red:focus {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .lg\:focus\:from-decorative-blue:focus {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .lg\:focus\:from-decorative-blue:focus,
    .lg\:focus\:from-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-decorative-yellow:focus {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .lg\:focus\:from-decorative-grey:focus {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .lg\:focus\:from-decorative-green:focus,
    .lg\:focus\:from-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-decorative-green:focus {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .lg\:focus\:from-decorative-purple-default:focus {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:from-decorative-purple-bold:focus {
        --tw-gradient-from: var(--text-decorative-purple-bold);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-common-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-common-dark {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-scheme-success {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-danger-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-success-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-active-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-active-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-contrast-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-contrast-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-decorative-blue {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-decorative-grey {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-decorative-green {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:via-decorative-purple-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-common-dark:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-scheme-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-scheme-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-danger-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-danger-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-success-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-active-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-pending-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-contrast-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-decorative-red:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-decorative-blue:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-decorative-green:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-decorative-purple-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:hover\:via-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-common-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-common-dark:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-scheme-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-scheme-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-danger-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-danger-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-success-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-active-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-pending-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-contrast-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-decorative-red:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-decorative-blue:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-decorative-green:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-decorative-purple-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:focus\:via-decorative-purple-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .lg\:to-common-white {
        --tw-gradient-to: var(--common-white)
    }
    .lg\:to-common-tertiary {
        --tw-gradient-to: var(--common-tertiary)
    }
    .lg\:to-common-dark {
        --tw-gradient-to: var(--common-dark)
    }
    .lg\:to-scheme-primary {
        --tw-gradient-to: var(--common-primary)
    }
    .lg\:to-scheme-success {
        --tw-gradient-to: var(--text-success)
    }
    .lg\:to-scheme-warning {
        --tw-gradient-to: var(--text-pending)
    }
    .lg\:to-scheme-danger {
        --tw-gradient-to: var(--text-danger)
    }
    .lg\:to-primary {
        --tw-gradient-to: var(--text-primary)
    }
    .lg\:to-secondary {
        --tw-gradient-to: var(--text-secondary)
    }
    .lg\:to-tertiary {
        --tw-gradient-to: var(--text-tertiary)
    }
    .lg\:to-danger-default {
        --tw-gradient-to: var(--text-danger)
    }
    .lg\:to-danger-bold {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .lg\:to-success-default {
        --tw-gradient-to: var(--text-success)
    }
    .lg\:to-success-bold {
        --tw-gradient-to: var(--text-success-bold)
    }
    .lg\:to-success-subtle {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .lg\:to-active-default {
        --tw-gradient-to: var(--text-active)
    }
    .lg\:to-active-bold {
        --tw-gradient-to: var(--text-active-bold)
    }
    .lg\:to-pending-default {
        --tw-gradient-to: var(--text-pending)
    }
    .lg\:to-pending-bold {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .lg\:to-contrast-primary {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .lg\:to-contrast-secondary {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .lg\:to-forced-tertiary {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .lg\:to-decorative-red {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .lg\:to-decorative-blue {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .lg\:to-decorative-yellow {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .lg\:to-decorative-grey {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .lg\:to-decorative-green {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .lg\:to-decorative-purple-default {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .lg\:to-decorative-purple-bold {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .lg\:hover\:to-common-white:hover {
        --tw-gradient-to: var(--common-white)
    }
    .lg\:hover\:to-common-tertiary:hover {
        --tw-gradient-to: var(--common-tertiary)
    }
    .lg\:hover\:to-common-dark:hover {
        --tw-gradient-to: var(--common-dark)
    }
    .lg\:hover\:to-scheme-primary:hover {
        --tw-gradient-to: var(--common-primary)
    }
    .lg\:hover\:to-scheme-success:hover {
        --tw-gradient-to: var(--text-success)
    }
    .lg\:hover\:to-scheme-warning:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .lg\:hover\:to-scheme-danger:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .lg\:hover\:to-primary:hover {
        --tw-gradient-to: var(--text-primary)
    }
    .lg\:hover\:to-secondary:hover {
        --tw-gradient-to: var(--text-secondary)
    }
    .lg\:hover\:to-tertiary:hover {
        --tw-gradient-to: var(--text-tertiary)
    }
    .lg\:hover\:to-danger-default:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .lg\:hover\:to-danger-bold:hover {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .lg\:hover\:to-success-default:hover {
        --tw-gradient-to: var(--text-success)
    }
    .lg\:hover\:to-success-bold:hover {
        --tw-gradient-to: var(--text-success-bold)
    }
    .lg\:hover\:to-success-subtle:hover {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .lg\:hover\:to-active-default:hover {
        --tw-gradient-to: var(--text-active)
    }
    .lg\:hover\:to-active-bold:hover {
        --tw-gradient-to: var(--text-active-bold)
    }
    .lg\:hover\:to-pending-default:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .lg\:hover\:to-pending-bold:hover {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .lg\:hover\:to-contrast-primary:hover {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .lg\:hover\:to-contrast-secondary:hover {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .lg\:hover\:to-forced-tertiary:hover {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .lg\:hover\:to-decorative-red:hover {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .lg\:hover\:to-decorative-blue:hover {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .lg\:hover\:to-decorative-yellow:hover {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .lg\:hover\:to-decorative-grey:hover {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .lg\:hover\:to-decorative-green:hover {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .lg\:hover\:to-decorative-purple-default:hover {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .lg\:hover\:to-decorative-purple-bold:hover {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .lg\:focus\:to-common-white:focus {
        --tw-gradient-to: var(--common-white)
    }
    .lg\:focus\:to-common-tertiary:focus {
        --tw-gradient-to: var(--common-tertiary)
    }
    .lg\:focus\:to-common-dark:focus {
        --tw-gradient-to: var(--common-dark)
    }
    .lg\:focus\:to-scheme-primary:focus {
        --tw-gradient-to: var(--common-primary)
    }
    .lg\:focus\:to-scheme-success:focus {
        --tw-gradient-to: var(--text-success)
    }
    .lg\:focus\:to-scheme-warning:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .lg\:focus\:to-scheme-danger:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .lg\:focus\:to-primary:focus {
        --tw-gradient-to: var(--text-primary)
    }
    .lg\:focus\:to-secondary:focus {
        --tw-gradient-to: var(--text-secondary)
    }
    .lg\:focus\:to-tertiary:focus {
        --tw-gradient-to: var(--text-tertiary)
    }
    .lg\:focus\:to-danger-default:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .lg\:focus\:to-danger-bold:focus {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .lg\:focus\:to-success-default:focus {
        --tw-gradient-to: var(--text-success)
    }
    .lg\:focus\:to-success-bold:focus {
        --tw-gradient-to: var(--text-success-bold)
    }
    .lg\:focus\:to-success-subtle:focus {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .lg\:focus\:to-active-default:focus {
        --tw-gradient-to: var(--text-active)
    }
    .lg\:focus\:to-active-bold:focus {
        --tw-gradient-to: var(--text-active-bold)
    }
    .lg\:focus\:to-pending-default:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .lg\:focus\:to-pending-bold:focus {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .lg\:focus\:to-contrast-primary:focus {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .lg\:focus\:to-contrast-secondary:focus {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .lg\:focus\:to-forced-tertiary:focus {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .lg\:focus\:to-decorative-red:focus {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .lg\:focus\:to-decorative-blue:focus {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .lg\:focus\:to-decorative-yellow:focus {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .lg\:focus\:to-decorative-grey:focus {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .lg\:focus\:to-decorative-green:focus {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .lg\:focus\:to-decorative-purple-default:focus {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .lg\:focus\:to-decorative-purple-bold:focus {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .lg\:decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice
    }
    .lg\:decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
    .lg\:bg-auto {
        background-size: auto
    }
    .lg\:bg-cover {
        background-size: cover
    }
    .lg\:bg-contain {
        background-size: contain
    }
    .lg\:bg-fixed {
        background-attachment: fixed
    }
    .lg\:bg-local {
        background-attachment: local
    }
    .lg\:bg-scroll {
        background-attachment: scroll
    }
    .lg\:bg-clip-border {
        background-clip: border-box
    }
    .lg\:bg-clip-padding {
        background-clip: padding-box
    }
    .lg\:bg-clip-content {
        background-clip: content-box
    }
    .lg\:bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }
    .lg\:bg-bottom {
        background-position: bottom
    }
    .lg\:bg-center {
        background-position: 50%
    }
    .lg\:bg-left {
        background-position: 0
    }
    .lg\:bg-left-bottom {
        background-position: 0 100%
    }
    .lg\:bg-left-top {
        background-position: 0 0
    }
    .lg\:bg-right {
        background-position: 100%
    }
    .lg\:bg-right-bottom {
        background-position: 100% 100%
    }
    .lg\:bg-right-top {
        background-position: 100% 0
    }
    .lg\:bg-top {
        background-position: top
    }
    .lg\:bg-repeat {
        background-repeat: repeat
    }
    .lg\:bg-no-repeat {
        background-repeat: no-repeat
    }
    .lg\:bg-repeat-x {
        background-repeat: repeat-x
    }
    .lg\:bg-repeat-y {
        background-repeat: repeat-y
    }
    .lg\:bg-repeat-round {
        background-repeat: round
    }
    .lg\:bg-repeat-space {
        background-repeat: space
    }
    .lg\:bg-origin-border {
        background-origin: border-box
    }
    .lg\:bg-origin-padding {
        background-origin: padding-box
    }
    .lg\:bg-origin-content {
        background-origin: content-box
    }
    .lg\:fill-current {
        fill: currentColor
    }
    .lg\:stroke-current {
        stroke: currentColor
    }
    .lg\:stroke-0 {
        stroke-width: 0
    }
    .lg\:stroke-1 {
        stroke-width: 1
    }
    .lg\:stroke-2 {
        stroke-width: 2
    }
    .lg\:object-contain {
        object-fit: contain
    }
    .lg\:object-cover {
        object-fit: cover
    }
    .lg\:object-fill {
        object-fit: fill
    }
    .lg\:object-none {
        object-fit: none
    }
    .lg\:object-scale-down {
        object-fit: scale-down
    }
    .lg\:object-bottom {
        object-position: bottom
    }
    .lg\:object-center {
        object-position: center
    }
    .lg\:object-left {
        object-position: left
    }
    .lg\:object-left-bottom {
        object-position: left bottom
    }
    .lg\:object-left-top {
        object-position: left top
    }
    .lg\:object-right {
        object-position: right
    }
    .lg\:object-right-bottom {
        object-position: right bottom
    }
    .lg\:object-right-top {
        object-position: right top
    }
    .lg\:object-top {
        object-position: top
    }
    .lg\:p-0 {
        padding: 0
    }
    .lg\:p-2 {
        padding: var(--space-5xs)
    }
    .lg\:p-4 {
        padding: var(--space-4xs)
    }
    .lg\:p-6 {
        padding: var(--space-3xs)
    }
    .lg\:p-8 {
        padding: var(--space-2xs)
    }
    .lg\:p-12 {
        padding: var(--space-xs)
    }
    .lg\:p-16 {
        padding: var(--space-sm)
    }
    .lg\:p-20 {
        padding: var(--space-md)
    }
    .lg\:p-24 {
        padding: var(--space-lg)
    }
    .lg\:p-32 {
        padding: var(--space-xl)
    }
    .lg\:p-40 {
        padding: var(--space-2xl)
    }
    .lg\:p-48 {
        padding: var(--space-3xl)
    }
    .lg\:p-80 {
        padding: var(--space-4xl)
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .lg\:px-2 {
        padding-left: var(--space-5xs);
        padding-right: var(--space-5xs)
    }
    .lg\:px-4 {
        padding-left: var(--space-4xs);
        padding-right: var(--space-4xs)
    }
    .lg\:px-6 {
        padding-left: var(--space-3xs);
        padding-right: var(--space-3xs)
    }
    .lg\:px-8 {
        padding-left: var(--space-2xs);
        padding-right: var(--space-2xs)
    }
    .lg\:px-12 {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }
    .lg\:px-16 {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }
    .lg\:px-20 {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }
    .lg\:px-24 {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }
    .lg\:px-32 {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }
    .lg\:px-40 {
        padding-left: var(--space-2xl);
        padding-right: var(--space-2xl)
    }
    .lg\:px-48 {
        padding-left: var(--space-3xl);
        padding-right: var(--space-3xl)
    }
    .lg\:px-80 {
        padding-left: var(--space-4xl);
        padding-right: var(--space-4xl)
    }
    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .lg\:py-2 {
        padding-top: var(--space-5xs);
        padding-bottom: var(--space-5xs)
    }
    .lg\:py-4 {
        padding-top: var(--space-4xs);
        padding-bottom: var(--space-4xs)
    }
    .lg\:py-6 {
        padding-top: var(--space-3xs);
        padding-bottom: var(--space-3xs)
    }
    .lg\:py-8 {
        padding-top: var(--space-2xs);
        padding-bottom: var(--space-2xs)
    }
    .lg\:py-12 {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }
    .lg\:py-16 {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }
    .lg\:py-20 {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }
    .lg\:py-24 {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }
    .lg\:py-32 {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }
    .lg\:py-40 {
        padding-top: var(--space-2xl);
        padding-bottom: var(--space-2xl)
    }
    .lg\:py-48 {
        padding-top: var(--space-3xl);
        padding-bottom: var(--space-3xl)
    }
    .lg\:py-80 {
        padding-top: var(--space-4xl);
        padding-bottom: var(--space-4xl)
    }
    .lg\:pt-0 {
        padding-top: 0
    }
    .lg\:pt-2 {
        padding-top: var(--space-5xs)
    }
    .lg\:pt-4 {
        padding-top: var(--space-4xs)
    }
    .lg\:pt-6 {
        padding-top: var(--space-3xs)
    }
    .lg\:pt-8 {
        padding-top: var(--space-2xs)
    }
    .lg\:pt-12 {
        padding-top: var(--space-xs)
    }
    .lg\:pt-16 {
        padding-top: var(--space-sm)
    }
    .lg\:pt-20 {
        padding-top: var(--space-md)
    }
    .lg\:pt-24 {
        padding-top: var(--space-lg)
    }
    .lg\:pt-32 {
        padding-top: var(--space-xl)
    }
    .lg\:pt-40 {
        padding-top: var(--space-2xl)
    }
    .lg\:pt-48 {
        padding-top: var(--space-3xl)
    }
    .lg\:pt-80 {
        padding-top: var(--space-4xl)
    }
    .lg\:pr-0 {
        padding-right: 0
    }
    .lg\:pr-2 {
        padding-right: var(--space-5xs)
    }
    .lg\:pr-4 {
        padding-right: var(--space-4xs)
    }
    .lg\:pr-6 {
        padding-right: var(--space-3xs)
    }
    .lg\:pr-8 {
        padding-right: var(--space-2xs)
    }
    .lg\:pr-12 {
        padding-right: var(--space-xs)
    }
    .lg\:pr-16 {
        padding-right: var(--space-sm)
    }
    .lg\:pr-20 {
        padding-right: var(--space-md)
    }
    .lg\:pr-24 {
        padding-right: var(--space-lg)
    }
    .lg\:pr-32 {
        padding-right: var(--space-xl)
    }
    .lg\:pr-40 {
        padding-right: var(--space-2xl)
    }
    .lg\:pr-48 {
        padding-right: var(--space-3xl)
    }
    .lg\:pr-80 {
        padding-right: var(--space-4xl)
    }
    .lg\:pb-0 {
        padding-bottom: 0
    }
    .lg\:pb-2 {
        padding-bottom: var(--space-5xs)
    }
    .lg\:pb-4 {
        padding-bottom: var(--space-4xs)
    }
    .lg\:pb-6 {
        padding-bottom: var(--space-3xs)
    }
    .lg\:pb-8 {
        padding-bottom: var(--space-2xs)
    }
    .lg\:pb-12 {
        padding-bottom: var(--space-xs)
    }
    .lg\:pb-16 {
        padding-bottom: var(--space-sm)
    }
    .lg\:pb-20 {
        padding-bottom: var(--space-md)
    }
    .lg\:pb-24 {
        padding-bottom: var(--space-lg)
    }
    .lg\:pb-32 {
        padding-bottom: var(--space-xl)
    }
    .lg\:pb-40 {
        padding-bottom: var(--space-2xl)
    }
    .lg\:pb-48 {
        padding-bottom: var(--space-3xl)
    }
    .lg\:pb-80 {
        padding-bottom: var(--space-4xl)
    }
    .lg\:pl-0 {
        padding-left: 0
    }
    .lg\:pl-2 {
        padding-left: var(--space-5xs)
    }
    .lg\:pl-4 {
        padding-left: var(--space-4xs)
    }
    .lg\:pl-6 {
        padding-left: var(--space-3xs)
    }
    .lg\:pl-8 {
        padding-left: var(--space-2xs)
    }
    .lg\:pl-12 {
        padding-left: var(--space-xs)
    }
    .lg\:pl-16 {
        padding-left: var(--space-sm)
    }
    .lg\:pl-20 {
        padding-left: var(--space-md)
    }
    .lg\:pl-24 {
        padding-left: var(--space-lg)
    }
    .lg\:pl-32 {
        padding-left: var(--space-xl)
    }
    .lg\:pl-40 {
        padding-left: var(--space-2xl)
    }
    .lg\:pl-48 {
        padding-left: var(--space-3xl)
    }
    .lg\:pl-80 {
        padding-left: var(--space-4xl)
    }
    .lg\:text-left {
        text-align: left
    }
    .lg\:text-center {
        text-align: center
    }
    .lg\:text-right {
        text-align: right
    }
    .lg\:text-justify {
        text-align: justify
    }
    .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\:font-sans {
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }
    .lg\:font-serif {
        font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
    }
    .lg\:font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }
    .lg\:text-7xl {
        font-size: 72px
    }
    .lg\:text-6xl {
        font-size: 48px
    }
    .lg\:text-5xl {
        font-size: 40px
    }
    .lg\:text-4xl {
        font-size: 32px
    }
    .lg\:text-3xl {
        font-size: 24px
    }
    .lg\:text-2xl {
        font-size: 20px
    }
    .lg\:text-xl {
        font-size: 18px
    }
    .lg\:text-lg {
        font-size: 16px
    }
    .lg\:text-md {
        font-size: 14px
    }
    .lg\:text-sm {
        font-size: 12px
    }
    .lg\:text-xs {
        font-size: 10px
    }
    .lg\:font-normal {
        font-weight: 400
    }
    .lg\:font-medium {
        font-weight: 500
    }
    .lg\:font-semibold {
        font-weight: 600
    }
    .lg\:font-bold {
        font-weight: 700
    }
    .lg\:uppercase {
        text-transform: uppercase
    }
    .lg\:lowercase {
        text-transform: lowercase
    }
    .lg\:capitalize {
        text-transform: capitalize
    }
    .lg\:normal-case {
        text-transform: none
    }
    .lg\:italic {
        font-style: italic
    }
    .lg\:not-italic {
        font-style: normal
    }
    .lg\:diagonal-fractions,
    .lg\:lining-nums,
    .lg\:oldstyle-nums,
    .lg\:ordinal,
    .lg\:proportional-nums,
    .lg\:slashed-zero,
    .lg\:stacked-fractions,
    .lg\:tabular-nums {
        --tw-ordinal: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-slashed-zero: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-figure: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-spacing: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-fraction: var(--tw-empty, /*!*/
        /*!*/
        );
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
    }
    .lg\:normal-nums {
        font-variant-numeric: normal
    }
    .lg\:ordinal {
        --tw-ordinal: ordinal
    }
    .lg\:slashed-zero {
        --tw-slashed-zero: slashed-zero
    }
    .lg\:lining-nums {
        --tw-numeric-figure: lining-nums
    }
    .lg\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums
    }
    .lg\:proportional-nums {
        --tw-numeric-spacing: proportional-nums
    }
    .lg\:tabular-nums {
        --tw-numeric-spacing: tabular-nums
    }
    .lg\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions
    }
    .lg\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions
    }
    .lg\:leading-1 {
        line-height: 12px
    }
    .lg\:leading-2 {
        line-height: 14px
    }
    .lg\:leading-3 {
        line-height: 16px
    }
    .lg\:leading-4 {
        line-height: 20px
    }
    .lg\:leading-5 {
        line-height: 24px
    }
    .lg\:leading-6 {
        line-height: 32px
    }
    .lg\:leading-7 {
        line-height: 40px
    }
    .lg\:leading-8 {
        line-height: 48px
    }
    .lg\:leading-9 {
        line-height: 56px
    }
    .lg\:leading-10 {
        line-height: 80px
    }
    .lg\:tracking-tighter {
        letter-spacing: -.05em
    }
    .lg\:tracking-tight {
        letter-spacing: -.025em
    }
    .lg\:tracking-normal {
        letter-spacing: 0
    }
    .lg\:tracking-wide {
        letter-spacing: .025em
    }
    .lg\:tracking-wider {
        letter-spacing: .05em
    }
    .lg\:tracking-widest {
        letter-spacing: .1em
    }
    .lg\:text-common-white {
        color: var(--common-white)
    }
    .lg\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .lg\:text-common-dark {
        color: var(--common-dark)
    }
    .lg\:text-scheme-primary {
        color: var(--common-primary)
    }
    .lg\:text-scheme-success {
        color: var(--text-success)
    }
    .lg\:text-scheme-warning {
        color: var(--text-pending)
    }
    .lg\:text-scheme-danger {
        color: var(--text-danger)
    }
    .lg\:text-primary {
        color: var(--text-primary)
    }
    .lg\:text-secondary {
        color: var(--text-secondary)
    }
    .lg\:text-tertiary {
        color: var(--text-tertiary)
    }
    .lg\:text-danger-default {
        color: var(--text-danger)
    }
    .lg\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .lg\:text-success-default {
        color: var(--text-success)
    }
    .lg\:text-success-bold {
        color: var(--text-success-bold)
    }
    .lg\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .lg\:text-active-default {
        color: var(--text-active)
    }
    .lg\:text-active-bold {
        color: var(--text-active-bold)
    }
    .lg\:text-pending-default {
        color: var(--text-pending)
    }
    .lg\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .lg\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .lg\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .lg\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .lg\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .lg\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .lg\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .lg\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .lg\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .lg\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .lg\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .group:hover .lg\:group-hover\:text-common-white {
        color: var(--common-white)
    }
    .group:hover .lg\:group-hover\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .group:hover .lg\:group-hover\:text-common-dark {
        color: var(--common-dark)
    }
    .group:hover .lg\:group-hover\:text-scheme-primary {
        color: var(--common-primary)
    }
    .group:hover .lg\:group-hover\:text-scheme-success {
        color: var(--text-success)
    }
    .group:hover .lg\:group-hover\:text-scheme-warning {
        color: var(--text-pending)
    }
    .group:hover .lg\:group-hover\:text-scheme-danger {
        color: var(--text-danger)
    }
    .group:hover .lg\:group-hover\:text-primary {
        color: var(--text-primary)
    }
    .group:hover .lg\:group-hover\:text-secondary {
        color: var(--text-secondary)
    }
    .group:hover .lg\:group-hover\:text-tertiary {
        color: var(--text-tertiary)
    }
    .group:hover .lg\:group-hover\:text-danger-default {
        color: var(--text-danger)
    }
    .group:hover .lg\:group-hover\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .group:hover .lg\:group-hover\:text-success-default {
        color: var(--text-success)
    }
    .group:hover .lg\:group-hover\:text-success-bold {
        color: var(--text-success-bold)
    }
    .group:hover .lg\:group-hover\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .group:hover .lg\:group-hover\:text-active-default {
        color: var(--text-active)
    }
    .group:hover .lg\:group-hover\:text-active-bold {
        color: var(--text-active-bold)
    }
    .group:hover .lg\:group-hover\:text-pending-default {
        color: var(--text-pending)
    }
    .group:hover .lg\:group-hover\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .group:hover .lg\:group-hover\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .group:hover .lg\:group-hover\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .group:hover .lg\:group-hover\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .group:hover .lg\:group-hover\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .group:hover .lg\:group-hover\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .group:hover .lg\:group-hover\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .group:hover .lg\:group-hover\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .group:hover .lg\:group-hover\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .group:hover .lg\:group-hover\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .group:hover .lg\:group-hover\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .lg\:focus-within\:text-common-white:focus-within {
        color: var(--common-white)
    }
    .lg\:focus-within\:text-common-tertiary:focus-within {
        color: var(--common-tertiary)
    }
    .lg\:focus-within\:text-common-dark:focus-within {
        color: var(--common-dark)
    }
    .lg\:focus-within\:text-scheme-primary:focus-within {
        color: var(--common-primary)
    }
    .lg\:focus-within\:text-scheme-success:focus-within {
        color: var(--text-success)
    }
    .lg\:focus-within\:text-scheme-warning:focus-within {
        color: var(--text-pending)
    }
    .lg\:focus-within\:text-scheme-danger:focus-within {
        color: var(--text-danger)
    }
    .lg\:focus-within\:text-primary:focus-within {
        color: var(--text-primary)
    }
    .lg\:focus-within\:text-secondary:focus-within {
        color: var(--text-secondary)
    }
    .lg\:focus-within\:text-tertiary:focus-within {
        color: var(--text-tertiary)
    }
    .lg\:focus-within\:text-danger-default:focus-within {
        color: var(--text-danger)
    }
    .lg\:focus-within\:text-danger-bold:focus-within {
        color: var(--text-danger-bold)
    }
    .lg\:focus-within\:text-success-default:focus-within {
        color: var(--text-success)
    }
    .lg\:focus-within\:text-success-bold:focus-within {
        color: var(--text-success-bold)
    }
    .lg\:focus-within\:text-success-subtle:focus-within {
        color: var(--text-success-subtle)
    }
    .lg\:focus-within\:text-active-default:focus-within {
        color: var(--text-active)
    }
    .lg\:focus-within\:text-active-bold:focus-within {
        color: var(--text-active-bold)
    }
    .lg\:focus-within\:text-pending-default:focus-within {
        color: var(--text-pending)
    }
    .lg\:focus-within\:text-pending-bold:focus-within {
        color: var(--text-pending-bold)
    }
    .lg\:focus-within\:text-contrast-primary:focus-within {
        color: var(--text-contrast-primary)
    }
    .lg\:focus-within\:text-contrast-secondary:focus-within {
        color: var(--text-contrast-secondary)
    }
    .lg\:focus-within\:text-forced-tertiary:focus-within {
        color: var(--text-forced-tertiary)
    }
    .lg\:focus-within\:text-decorative-red:focus-within {
        color: var(--text-decorative-red)
    }
    .lg\:focus-within\:text-decorative-blue:focus-within {
        color: var(--text-decorative-blue)
    }
    .lg\:focus-within\:text-decorative-yellow:focus-within {
        color: var(--text-decorative-yellow)
    }
    .lg\:focus-within\:text-decorative-grey:focus-within {
        color: var(--text-decorative-grey)
    }
    .lg\:focus-within\:text-decorative-green:focus-within {
        color: var(--text-decorative-green)
    }
    .lg\:focus-within\:text-decorative-purple-default:focus-within {
        color: var(--text-decorative-purple)
    }
    .lg\:focus-within\:text-decorative-purple-bold:focus-within {
        color: var(--text-decorative-purple-bold)
    }
    .lg\:hover\:text-common-white:hover {
        color: var(--common-white)
    }
    .lg\:hover\:text-common-tertiary:hover {
        color: var(--common-tertiary)
    }
    .lg\:hover\:text-common-dark:hover {
        color: var(--common-dark)
    }
    .lg\:hover\:text-scheme-primary:hover {
        color: var(--common-primary)
    }
    .lg\:hover\:text-scheme-success:hover {
        color: var(--text-success)
    }
    .lg\:hover\:text-scheme-warning:hover {
        color: var(--text-pending)
    }
    .lg\:hover\:text-scheme-danger:hover {
        color: var(--text-danger)
    }
    .lg\:hover\:text-primary:hover {
        color: var(--text-primary)
    }
    .lg\:hover\:text-secondary:hover {
        color: var(--text-secondary)
    }
    .lg\:hover\:text-tertiary:hover {
        color: var(--text-tertiary)
    }
    .lg\:hover\:text-danger-default:hover {
        color: var(--text-danger)
    }
    .lg\:hover\:text-danger-bold:hover {
        color: var(--text-danger-bold)
    }
    .lg\:hover\:text-success-default:hover {
        color: var(--text-success)
    }
    .lg\:hover\:text-success-bold:hover {
        color: var(--text-success-bold)
    }
    .lg\:hover\:text-success-subtle:hover {
        color: var(--text-success-subtle)
    }
    .lg\:hover\:text-active-default:hover {
        color: var(--text-active)
    }
    .lg\:hover\:text-active-bold:hover {
        color: var(--text-active-bold)
    }
    .lg\:hover\:text-pending-default:hover {
        color: var(--text-pending)
    }
    .lg\:hover\:text-pending-bold:hover {
        color: var(--text-pending-bold)
    }
    .lg\:hover\:text-contrast-primary:hover {
        color: var(--text-contrast-primary)
    }
    .lg\:hover\:text-contrast-secondary:hover {
        color: var(--text-contrast-secondary)
    }
    .lg\:hover\:text-forced-tertiary:hover {
        color: var(--text-forced-tertiary)
    }
    .lg\:hover\:text-decorative-red:hover {
        color: var(--text-decorative-red)
    }
    .lg\:hover\:text-decorative-blue:hover {
        color: var(--text-decorative-blue)
    }
    .lg\:hover\:text-decorative-yellow:hover {
        color: var(--text-decorative-yellow)
    }
    .lg\:hover\:text-decorative-grey:hover {
        color: var(--text-decorative-grey)
    }
    .lg\:hover\:text-decorative-green:hover {
        color: var(--text-decorative-green)
    }
    .lg\:hover\:text-decorative-purple-default:hover {
        color: var(--text-decorative-purple)
    }
    .lg\:hover\:text-decorative-purple-bold:hover {
        color: var(--text-decorative-purple-bold)
    }
    .lg\:focus\:text-common-white:focus {
        color: var(--common-white)
    }
    .lg\:focus\:text-common-tertiary:focus {
        color: var(--common-tertiary)
    }
    .lg\:focus\:text-common-dark:focus {
        color: var(--common-dark)
    }
    .lg\:focus\:text-scheme-primary:focus {
        color: var(--common-primary)
    }
    .lg\:focus\:text-scheme-success:focus {
        color: var(--text-success)
    }
    .lg\:focus\:text-scheme-warning:focus {
        color: var(--text-pending)
    }
    .lg\:focus\:text-scheme-danger:focus {
        color: var(--text-danger)
    }
    .lg\:focus\:text-primary:focus {
        color: var(--text-primary)
    }
    .lg\:focus\:text-secondary:focus {
        color: var(--text-secondary)
    }
    .lg\:focus\:text-tertiary:focus {
        color: var(--text-tertiary)
    }
    .lg\:focus\:text-danger-default:focus {
        color: var(--text-danger)
    }
    .lg\:focus\:text-danger-bold:focus {
        color: var(--text-danger-bold)
    }
    .lg\:focus\:text-success-default:focus {
        color: var(--text-success)
    }
    .lg\:focus\:text-success-bold:focus {
        color: var(--text-success-bold)
    }
    .lg\:focus\:text-success-subtle:focus {
        color: var(--text-success-subtle)
    }
    .lg\:focus\:text-active-default:focus {
        color: var(--text-active)
    }
    .lg\:focus\:text-active-bold:focus {
        color: var(--text-active-bold)
    }
    .lg\:focus\:text-pending-default:focus {
        color: var(--text-pending)
    }
    .lg\:focus\:text-pending-bold:focus {
        color: var(--text-pending-bold)
    }
    .lg\:focus\:text-contrast-primary:focus {
        color: var(--text-contrast-primary)
    }
    .lg\:focus\:text-contrast-secondary:focus {
        color: var(--text-contrast-secondary)
    }
    .lg\:focus\:text-forced-tertiary:focus {
        color: var(--text-forced-tertiary)
    }
    .lg\:focus\:text-decorative-red:focus {
        color: var(--text-decorative-red)
    }
    .lg\:focus\:text-decorative-blue:focus {
        color: var(--text-decorative-blue)
    }
    .lg\:focus\:text-decorative-yellow:focus {
        color: var(--text-decorative-yellow)
    }
    .lg\:focus\:text-decorative-grey:focus {
        color: var(--text-decorative-grey)
    }
    .lg\:focus\:text-decorative-green:focus {
        color: var(--text-decorative-green)
    }
    .lg\:focus\:text-decorative-purple-default:focus {
        color: var(--text-decorative-purple)
    }
    .lg\:focus\:text-decorative-purple-bold:focus {
        color: var(--text-decorative-purple-bold)
    }
    .lg\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .lg\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .lg\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .lg\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .lg\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .lg\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .lg\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .lg\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .lg\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .lg\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .lg\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .lg\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .lg\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .lg\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .lg\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .group:hover .lg\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .group:hover .lg\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .group:hover .lg\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .group:hover .lg\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .group:hover .lg\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .group:hover .lg\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .group:hover .lg\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .group:hover .lg\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .group:hover .lg\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .group:hover .lg\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .group:hover .lg\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .group:hover .lg\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .group:hover .lg\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .group:hover .lg\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .group:hover .lg\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .lg\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }
    .lg\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }
    .lg\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }
    .lg\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }
    .lg\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }
    .lg\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }
    .lg\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }
    .lg\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }
    .lg\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }
    .lg\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }
    .lg\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }
    .lg\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }
    .lg\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }
    .lg\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }
    .lg\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }
    .lg\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }
    .lg\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }
    .lg\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }
    .lg\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }
    .lg\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }
    .lg\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }
    .lg\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }
    .lg\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }
    .lg\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }
    .lg\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }
    .lg\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }
    .lg\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }
    .lg\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }
    .lg\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }
    .lg\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }
    .lg\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }
    .lg\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }
    .lg\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }
    .lg\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }
    .lg\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }
    .lg\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }
    .lg\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }
    .lg\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }
    .lg\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }
    .lg\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }
    .lg\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }
    .lg\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }
    .lg\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }
    .lg\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }
    .lg\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }
    .lg\:underline {
        text-decoration: underline
    }
    .lg\:line-through {
        text-decoration: line-through
    }
    .lg\:no-underline {
        text-decoration: none
    }
    .group:hover .lg\:group-hover\:underline {
        text-decoration: underline
    }
    .group:hover .lg\:group-hover\:line-through {
        text-decoration: line-through
    }
    .group:hover .lg\:group-hover\:no-underline {
        text-decoration: none
    }
    .lg\:focus-within\:underline:focus-within {
        text-decoration: underline
    }
    .lg\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }
    .lg\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }
    .lg\:hover\:underline:hover {
        text-decoration: underline
    }
    .lg\:hover\:line-through:hover {
        text-decoration: line-through
    }
    .lg\:hover\:no-underline:hover {
        text-decoration: none
    }
    .lg\:focus\:underline:focus {
        text-decoration: underline
    }
    .lg\:focus\:line-through:focus {
        text-decoration: line-through
    }
    .lg\:focus\:no-underline:focus {
        text-decoration: none
    }
    .lg\:antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .lg\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
    .lg\:placeholder-common-white::placeholder {
        color: var(--common-white)
    }
    .lg\:placeholder-common-tertiary::placeholder {
        color: var(--common-tertiary)
    }
    .lg\:placeholder-common-dark::placeholder {
        color: var(--common-dark)
    }
    .lg\:placeholder-scheme-primary::placeholder {
        color: var(--common-primary)
    }
    .lg\:placeholder-scheme-success::placeholder {
        color: var(--text-success)
    }
    .lg\:placeholder-scheme-warning::placeholder {
        color: var(--text-pending)
    }
    .lg\:placeholder-scheme-danger::placeholder {
        color: var(--text-danger)
    }
    .lg\:placeholder-primary::placeholder {
        color: var(--text-primary)
    }
    .lg\:placeholder-secondary::placeholder {
        color: var(--text-secondary)
    }
    .lg\:placeholder-tertiary::placeholder {
        color: var(--text-tertiary)
    }
    .lg\:placeholder-danger-default::placeholder {
        color: var(--text-danger)
    }
    .lg\:placeholder-danger-bold::placeholder {
        color: var(--text-danger-bold)
    }
    .lg\:placeholder-success-default::placeholder {
        color: var(--text-success)
    }
    .lg\:placeholder-success-bold::placeholder {
        color: var(--text-success-bold)
    }
    .lg\:placeholder-success-subtle::placeholder {
        color: var(--text-success-subtle)
    }
    .lg\:placeholder-active-default::placeholder {
        color: var(--text-active)
    }
    .lg\:placeholder-active-bold::placeholder {
        color: var(--text-active-bold)
    }
    .lg\:placeholder-pending-default::placeholder {
        color: var(--text-pending)
    }
    .lg\:placeholder-pending-bold::placeholder {
        color: var(--text-pending-bold)
    }
    .lg\:placeholder-contrast-primary::placeholder {
        color: var(--text-contrast-primary)
    }
    .lg\:placeholder-contrast-secondary::placeholder {
        color: var(--text-contrast-secondary)
    }
    .lg\:placeholder-forced-tertiary::placeholder {
        color: var(--text-forced-tertiary)
    }
    .lg\:placeholder-decorative-red::placeholder {
        color: var(--text-decorative-red)
    }
    .lg\:placeholder-decorative-blue::placeholder {
        color: var(--text-decorative-blue)
    }
    .lg\:placeholder-decorative-yellow::placeholder {
        color: var(--text-decorative-yellow)
    }
    .lg\:placeholder-decorative-grey::placeholder {
        color: var(--text-decorative-grey)
    }
    .lg\:placeholder-decorative-green::placeholder {
        color: var(--text-decorative-green)
    }
    .lg\:placeholder-decorative-purple-default::placeholder {
        color: var(--text-decorative-purple)
    }
    .lg\:placeholder-decorative-purple-bold::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .lg\:focus\:placeholder-common-white:focus::placeholder {
        color: var(--common-white)
    }
    .lg\:focus\:placeholder-common-tertiary:focus::placeholder {
        color: var(--common-tertiary)
    }
    .lg\:focus\:placeholder-common-dark:focus::placeholder {
        color: var(--common-dark)
    }
    .lg\:focus\:placeholder-scheme-primary:focus::placeholder {
        color: var(--common-primary)
    }
    .lg\:focus\:placeholder-scheme-success:focus::placeholder {
        color: var(--text-success)
    }
    .lg\:focus\:placeholder-scheme-warning:focus::placeholder {
        color: var(--text-pending)
    }
    .lg\:focus\:placeholder-scheme-danger:focus::placeholder {
        color: var(--text-danger)
    }
    .lg\:focus\:placeholder-primary:focus::placeholder {
        color: var(--text-primary)
    }
    .lg\:focus\:placeholder-secondary:focus::placeholder {
        color: var(--text-secondary)
    }
    .lg\:focus\:placeholder-tertiary:focus::placeholder {
        color: var(--text-tertiary)
    }
    .lg\:focus\:placeholder-danger-default:focus::placeholder {
        color: var(--text-danger)
    }
    .lg\:focus\:placeholder-danger-bold:focus::placeholder {
        color: var(--text-danger-bold)
    }
    .lg\:focus\:placeholder-success-default:focus::placeholder {
        color: var(--text-success)
    }
    .lg\:focus\:placeholder-success-bold:focus::placeholder {
        color: var(--text-success-bold)
    }
    .lg\:focus\:placeholder-success-subtle:focus::placeholder {
        color: var(--text-success-subtle)
    }
    .lg\:focus\:placeholder-active-default:focus::placeholder {
        color: var(--text-active)
    }
    .lg\:focus\:placeholder-active-bold:focus::placeholder {
        color: var(--text-active-bold)
    }
    .lg\:focus\:placeholder-pending-default:focus::placeholder {
        color: var(--text-pending)
    }
    .lg\:focus\:placeholder-pending-bold:focus::placeholder {
        color: var(--text-pending-bold)
    }
    .lg\:focus\:placeholder-contrast-primary:focus::placeholder {
        color: var(--text-contrast-primary)
    }
    .lg\:focus\:placeholder-contrast-secondary:focus::placeholder {
        color: var(--text-contrast-secondary)
    }
    .lg\:focus\:placeholder-forced-tertiary:focus::placeholder {
        color: var(--text-forced-tertiary)
    }
    .lg\:focus\:placeholder-decorative-red:focus::placeholder {
        color: var(--text-decorative-red)
    }
    .lg\:focus\:placeholder-decorative-blue:focus::placeholder {
        color: var(--text-decorative-blue)
    }
    .lg\:focus\:placeholder-decorative-yellow:focus::placeholder {
        color: var(--text-decorative-yellow)
    }
    .lg\:focus\:placeholder-decorative-grey:focus::placeholder {
        color: var(--text-decorative-grey)
    }
    .lg\:focus\:placeholder-decorative-green:focus::placeholder {
        color: var(--text-decorative-green)
    }
    .lg\:focus\:placeholder-decorative-purple-default:focus::placeholder {
        color: var(--text-decorative-purple)
    }
    .lg\:focus\:placeholder-decorative-purple-bold:focus::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .lg\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }
    .lg\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .lg\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .lg\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .lg\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .lg\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .lg\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .lg\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .lg\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .lg\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .lg\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .lg\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .lg\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .lg\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .lg\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }
    .lg\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }
    .lg\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .lg\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .lg\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .lg\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .lg\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .lg\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .lg\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .lg\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .lg\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .lg\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .lg\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .lg\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .lg\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .lg\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }
    .lg\:opacity-0 {
        opacity: 0
    }
    .lg\:opacity-5 {
        opacity: .05
    }
    .lg\:opacity-10 {
        opacity: .1
    }
    .lg\:opacity-20 {
        opacity: .2
    }
    .lg\:opacity-25 {
        opacity: .25
    }
    .lg\:opacity-30 {
        opacity: .3
    }
    .lg\:opacity-40 {
        opacity: .4
    }
    .lg\:opacity-50 {
        opacity: .5
    }
    .lg\:opacity-60 {
        opacity: .6
    }
    .lg\:opacity-70 {
        opacity: .7
    }
    .lg\:opacity-75 {
        opacity: .75
    }
    .lg\:opacity-80 {
        opacity: .8
    }
    .lg\:opacity-90 {
        opacity: .9
    }
    .lg\:opacity-95 {
        opacity: .95
    }
    .lg\:opacity-100 {
        opacity: 1
    }
    .group:hover .lg\:group-hover\:opacity-0 {
        opacity: 0
    }
    .group:hover .lg\:group-hover\:opacity-5 {
        opacity: .05
    }
    .group:hover .lg\:group-hover\:opacity-10 {
        opacity: .1
    }
    .group:hover .lg\:group-hover\:opacity-20 {
        opacity: .2
    }
    .group:hover .lg\:group-hover\:opacity-25 {
        opacity: .25
    }
    .group:hover .lg\:group-hover\:opacity-30 {
        opacity: .3
    }
    .group:hover .lg\:group-hover\:opacity-40 {
        opacity: .4
    }
    .group:hover .lg\:group-hover\:opacity-50 {
        opacity: .5
    }
    .group:hover .lg\:group-hover\:opacity-60 {
        opacity: .6
    }
    .group:hover .lg\:group-hover\:opacity-70 {
        opacity: .7
    }
    .group:hover .lg\:group-hover\:opacity-75 {
        opacity: .75
    }
    .group:hover .lg\:group-hover\:opacity-80 {
        opacity: .8
    }
    .group:hover .lg\:group-hover\:opacity-90 {
        opacity: .9
    }
    .group:hover .lg\:group-hover\:opacity-95 {
        opacity: .95
    }
    .group:hover .lg\:group-hover\:opacity-100 {
        opacity: 1
    }
    .lg\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }
    .lg\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }
    .lg\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }
    .lg\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }
    .lg\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }
    .lg\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }
    .lg\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }
    .lg\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }
    .lg\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }
    .lg\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }
    .lg\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }
    .lg\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }
    .lg\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }
    .lg\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }
    .lg\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }
    .lg\:hover\:opacity-0:hover {
        opacity: 0
    }
    .lg\:hover\:opacity-5:hover {
        opacity: .05
    }
    .lg\:hover\:opacity-10:hover {
        opacity: .1
    }
    .lg\:hover\:opacity-20:hover {
        opacity: .2
    }
    .lg\:hover\:opacity-25:hover {
        opacity: .25
    }
    .lg\:hover\:opacity-30:hover {
        opacity: .3
    }
    .lg\:hover\:opacity-40:hover {
        opacity: .4
    }
    .lg\:hover\:opacity-50:hover {
        opacity: .5
    }
    .lg\:hover\:opacity-60:hover {
        opacity: .6
    }
    .lg\:hover\:opacity-70:hover {
        opacity: .7
    }
    .lg\:hover\:opacity-75:hover {
        opacity: .75
    }
    .lg\:hover\:opacity-80:hover {
        opacity: .8
    }
    .lg\:hover\:opacity-90:hover {
        opacity: .9
    }
    .lg\:hover\:opacity-95:hover {
        opacity: .95
    }
    .lg\:hover\:opacity-100:hover {
        opacity: 1
    }
    .lg\:focus\:opacity-0:focus {
        opacity: 0
    }
    .lg\:focus\:opacity-5:focus {
        opacity: .05
    }
    .lg\:focus\:opacity-10:focus {
        opacity: .1
    }
    .lg\:focus\:opacity-20:focus {
        opacity: .2
    }
    .lg\:focus\:opacity-25:focus {
        opacity: .25
    }
    .lg\:focus\:opacity-30:focus {
        opacity: .3
    }
    .lg\:focus\:opacity-40:focus {
        opacity: .4
    }
    .lg\:focus\:opacity-50:focus {
        opacity: .5
    }
    .lg\:focus\:opacity-60:focus {
        opacity: .6
    }
    .lg\:focus\:opacity-70:focus {
        opacity: .7
    }
    .lg\:focus\:opacity-75:focus {
        opacity: .75
    }
    .lg\:focus\:opacity-80:focus {
        opacity: .8
    }
    .lg\:focus\:opacity-90:focus {
        opacity: .9
    }
    .lg\:focus\:opacity-95:focus {
        opacity: .95
    }
    .lg\:focus\:opacity-100:focus {
        opacity: 1
    }
    .lg\:bg-blend-normal {
        background-blend-mode: normal
    }
    .lg\:bg-blend-multiply {
        background-blend-mode: multiply
    }
    .lg\:bg-blend-screen {
        background-blend-mode: screen
    }
    .lg\:bg-blend-overlay {
        background-blend-mode: overlay
    }
    .lg\:bg-blend-darken {
        background-blend-mode: darken
    }
    .lg\:bg-blend-lighten {
        background-blend-mode: lighten
    }
    .lg\:bg-blend-color-dodge {
        background-blend-mode: color-dodge
    }
    .lg\:bg-blend-color-burn {
        background-blend-mode: color-burn
    }
    .lg\:bg-blend-hard-light {
        background-blend-mode: hard-light
    }
    .lg\:bg-blend-soft-light {
        background-blend-mode: soft-light
    }
    .lg\:bg-blend-difference {
        background-blend-mode: difference
    }
    .lg\:bg-blend-exclusion {
        background-blend-mode: exclusion
    }
    .lg\:bg-blend-hue {
        background-blend-mode: hue
    }
    .lg\:bg-blend-saturation {
        background-blend-mode: saturation
    }
    .lg\:bg-blend-color {
        background-blend-mode: color
    }
    .lg\:bg-blend-luminosity {
        background-blend-mode: luminosity
    }
    .lg\:mix-blend-normal {
        mix-blend-mode: normal
    }
    .lg\:mix-blend-multiply {
        mix-blend-mode: multiply
    }
    .lg\:mix-blend-screen {
        mix-blend-mode: screen
    }
    .lg\:mix-blend-overlay {
        mix-blend-mode: overlay
    }
    .lg\:mix-blend-darken {
        mix-blend-mode: darken
    }
    .lg\:mix-blend-lighten {
        mix-blend-mode: lighten
    }
    .lg\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge
    }
    .lg\:mix-blend-color-burn {
        mix-blend-mode: color-burn
    }
    .lg\:mix-blend-hard-light {
        mix-blend-mode: hard-light
    }
    .lg\:mix-blend-soft-light {
        mix-blend-mode: soft-light
    }
    .lg\:mix-blend-difference {
        mix-blend-mode: difference
    }
    .lg\:mix-blend-exclusion {
        mix-blend-mode: exclusion
    }
    .lg\:mix-blend-hue {
        mix-blend-mode: hue
    }
    .lg\:mix-blend-saturation {
        mix-blend-mode: saturation
    }
    .lg\:mix-blend-color {
        mix-blend-mode: color
    }
    .lg\:mix-blend-luminosity {
        mix-blend-mode: luminosity
    }
    .lg\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .lg\:shadow-md,
    .lg\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .lg\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .lg\:shadow-lg,
    .lg\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .group:hover .lg\:group-hover\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .group:hover .lg\:group-hover\:shadow-md,
    .group:hover .lg\:group-hover\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .lg\:group-hover\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .group:hover .lg\:group-hover\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .group:hover .lg\:group-hover\:shadow-lg,
    .group:hover .lg\:group-hover\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .lg\:group-hover\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .lg\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: var(--box-shadow-sm);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:focus-within\:shadow-md:focus-within {
        --tw-shadow: var(--box-shadow-md);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: var(--box-shadow-xl);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:hover\:shadow-sm:hover {
        --tw-shadow: var(--box-shadow-sm)
    }
    .lg\:hover\:shadow-md:hover,
    .lg\:hover\:shadow-sm:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:hover\:shadow-md:hover {
        --tw-shadow: var(--box-shadow-md)
    }
    .lg\:hover\:shadow-lg:hover {
        --tw-shadow: var(--box-shadow-lg)
    }
    .lg\:hover\:shadow-lg:hover,
    .lg\:hover\:shadow-xl:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:hover\:shadow-xl:hover {
        --tw-shadow: var(--box-shadow-xl)
    }
    .lg\:focus\:shadow-sm:focus {
        --tw-shadow: var(--box-shadow-sm)
    }
    .lg\:focus\:shadow-md:focus,
    .lg\:focus\:shadow-sm:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:focus\:shadow-md:focus {
        --tw-shadow: var(--box-shadow-md)
    }
    .lg\:focus\:shadow-lg:focus {
        --tw-shadow: var(--box-shadow-lg)
    }
    .lg\:focus\:shadow-lg:focus,
    .lg\:focus\:shadow-xl:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .lg\:focus\:shadow-xl:focus {
        --tw-shadow: var(--box-shadow-xl)
    }
    .lg\:outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .lg\:outline-white {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .lg\:outline-black {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .lg\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .lg\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .lg\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .lg\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .lg\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .lg\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .lg\:ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:ring-0,
    .lg\:ring-1 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:ring-2 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:ring-2,
    .lg\:ring-4 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:ring-4 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:ring-8 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:ring,
    .lg\:ring-8 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:ring {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:focus\:ring-0:focus,
    .lg\:focus\:ring-1:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:focus\:ring-2:focus,
    .lg\:focus\:ring-4:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:focus\:ring-8:focus,
    .lg\:focus\:ring:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .lg\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .lg\:ring-inset {
        --tw-ring-inset: inset
    }
    .lg\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }
    .lg\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }
    .lg\:ring-common-white {
        --tw-ring-color: var(--common-white)
    }
    .lg\:ring-common-tertiary {
        --tw-ring-color: var(--common-tertiary)
    }
    .lg\:ring-common-dark {
        --tw-ring-color: var(--common-dark)
    }
    .lg\:ring-scheme-primary {
        --tw-ring-color: var(--common-primary)
    }
    .lg\:ring-scheme-success {
        --tw-ring-color: var(--text-success)
    }
    .lg\:ring-scheme-warning {
        --tw-ring-color: var(--text-pending)
    }
    .lg\:ring-scheme-danger {
        --tw-ring-color: var(--text-danger)
    }
    .lg\:ring-primary {
        --tw-ring-color: var(--text-primary)
    }
    .lg\:ring-secondary {
        --tw-ring-color: var(--text-secondary)
    }
    .lg\:ring-tertiary {
        --tw-ring-color: var(--text-tertiary)
    }
    .lg\:ring-danger-default {
        --tw-ring-color: var(--text-danger)
    }
    .lg\:ring-danger-bold {
        --tw-ring-color: var(--text-danger-bold)
    }
    .lg\:ring-success-default {
        --tw-ring-color: var(--text-success)
    }
    .lg\:ring-success-bold {
        --tw-ring-color: var(--text-success-bold)
    }
    .lg\:ring-success-subtle {
        --tw-ring-color: var(--text-success-subtle)
    }
    .lg\:ring-active-default {
        --tw-ring-color: var(--text-active)
    }
    .lg\:ring-active-bold {
        --tw-ring-color: var(--text-active-bold)
    }
    .lg\:ring-pending-default {
        --tw-ring-color: var(--text-pending)
    }
    .lg\:ring-pending-bold {
        --tw-ring-color: var(--text-pending-bold)
    }
    .lg\:ring-contrast-primary {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .lg\:ring-contrast-secondary {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .lg\:ring-forced-tertiary {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .lg\:ring-decorative-red {
        --tw-ring-color: var(--text-decorative-red)
    }
    .lg\:ring-decorative-blue {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .lg\:ring-decorative-yellow {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .lg\:ring-decorative-grey {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .lg\:ring-decorative-green {
        --tw-ring-color: var(--text-decorative-green)
    }
    .lg\:ring-decorative-purple-default {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .lg\:ring-decorative-purple-bold {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .lg\:focus-within\:ring-common-white:focus-within {
        --tw-ring-color: var(--common-white)
    }
    .lg\:focus-within\:ring-common-tertiary:focus-within {
        --tw-ring-color: var(--common-tertiary)
    }
    .lg\:focus-within\:ring-common-dark:focus-within {
        --tw-ring-color: var(--common-dark)
    }
    .lg\:focus-within\:ring-scheme-primary:focus-within {
        --tw-ring-color: var(--common-primary)
    }
    .lg\:focus-within\:ring-scheme-success:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .lg\:focus-within\:ring-scheme-warning:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .lg\:focus-within\:ring-scheme-danger:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .lg\:focus-within\:ring-primary:focus-within {
        --tw-ring-color: var(--text-primary)
    }
    .lg\:focus-within\:ring-secondary:focus-within {
        --tw-ring-color: var(--text-secondary)
    }
    .lg\:focus-within\:ring-tertiary:focus-within {
        --tw-ring-color: var(--text-tertiary)
    }
    .lg\:focus-within\:ring-danger-default:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .lg\:focus-within\:ring-danger-bold:focus-within {
        --tw-ring-color: var(--text-danger-bold)
    }
    .lg\:focus-within\:ring-success-default:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .lg\:focus-within\:ring-success-bold:focus-within {
        --tw-ring-color: var(--text-success-bold)
    }
    .lg\:focus-within\:ring-success-subtle:focus-within {
        --tw-ring-color: var(--text-success-subtle)
    }
    .lg\:focus-within\:ring-active-default:focus-within {
        --tw-ring-color: var(--text-active)
    }
    .lg\:focus-within\:ring-active-bold:focus-within {
        --tw-ring-color: var(--text-active-bold)
    }
    .lg\:focus-within\:ring-pending-default:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .lg\:focus-within\:ring-pending-bold:focus-within {
        --tw-ring-color: var(--text-pending-bold)
    }
    .lg\:focus-within\:ring-contrast-primary:focus-within {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .lg\:focus-within\:ring-contrast-secondary:focus-within {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .lg\:focus-within\:ring-forced-tertiary:focus-within {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .lg\:focus-within\:ring-decorative-red:focus-within {
        --tw-ring-color: var(--text-decorative-red)
    }
    .lg\:focus-within\:ring-decorative-blue:focus-within {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .lg\:focus-within\:ring-decorative-yellow:focus-within {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .lg\:focus-within\:ring-decorative-grey:focus-within {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .lg\:focus-within\:ring-decorative-green:focus-within {
        --tw-ring-color: var(--text-decorative-green)
    }
    .lg\:focus-within\:ring-decorative-purple-default:focus-within {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .lg\:focus-within\:ring-decorative-purple-bold:focus-within {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .lg\:focus\:ring-common-white:focus {
        --tw-ring-color: var(--common-white)
    }
    .lg\:focus\:ring-common-tertiary:focus {
        --tw-ring-color: var(--common-tertiary)
    }
    .lg\:focus\:ring-common-dark:focus {
        --tw-ring-color: var(--common-dark)
    }
    .lg\:focus\:ring-scheme-primary:focus {
        --tw-ring-color: var(--common-primary)
    }
    .lg\:focus\:ring-scheme-success:focus {
        --tw-ring-color: var(--text-success)
    }
    .lg\:focus\:ring-scheme-warning:focus {
        --tw-ring-color: var(--text-pending)
    }
    .lg\:focus\:ring-scheme-danger:focus {
        --tw-ring-color: var(--text-danger)
    }
    .lg\:focus\:ring-primary:focus {
        --tw-ring-color: var(--text-primary)
    }
    .lg\:focus\:ring-secondary:focus {
        --tw-ring-color: var(--text-secondary)
    }
    .lg\:focus\:ring-tertiary:focus {
        --tw-ring-color: var(--text-tertiary)
    }
    .lg\:focus\:ring-danger-default:focus {
        --tw-ring-color: var(--text-danger)
    }
    .lg\:focus\:ring-danger-bold:focus {
        --tw-ring-color: var(--text-danger-bold)
    }
    .lg\:focus\:ring-success-default:focus {
        --tw-ring-color: var(--text-success)
    }
    .lg\:focus\:ring-success-bold:focus {
        --tw-ring-color: var(--text-success-bold)
    }
    .lg\:focus\:ring-success-subtle:focus {
        --tw-ring-color: var(--text-success-subtle)
    }
    .lg\:focus\:ring-active-default:focus {
        --tw-ring-color: var(--text-active)
    }
    .lg\:focus\:ring-active-bold:focus {
        --tw-ring-color: var(--text-active-bold)
    }
    .lg\:focus\:ring-pending-default:focus {
        --tw-ring-color: var(--text-pending)
    }
    .lg\:focus\:ring-pending-bold:focus {
        --tw-ring-color: var(--text-pending-bold)
    }
    .lg\:focus\:ring-contrast-primary:focus {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .lg\:focus\:ring-contrast-secondary:focus {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .lg\:focus\:ring-forced-tertiary:focus {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .lg\:focus\:ring-decorative-red:focus {
        --tw-ring-color: var(--text-decorative-red)
    }
    .lg\:focus\:ring-decorative-blue:focus {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .lg\:focus\:ring-decorative-yellow:focus {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .lg\:focus\:ring-decorative-grey:focus {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .lg\:focus\:ring-decorative-green:focus {
        --tw-ring-color: var(--text-decorative-green)
    }
    .lg\:focus\:ring-decorative-purple-default:focus {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .lg\:focus\:ring-decorative-purple-bold:focus {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .lg\:ring-opacity-0 {
        --tw-ring-opacity: 0
    }
    .lg\:ring-opacity-5 {
        --tw-ring-opacity: 0.05
    }
    .lg\:ring-opacity-10 {
        --tw-ring-opacity: 0.1
    }
    .lg\:ring-opacity-20 {
        --tw-ring-opacity: 0.2
    }
    .lg\:ring-opacity-25 {
        --tw-ring-opacity: 0.25
    }
    .lg\:ring-opacity-30 {
        --tw-ring-opacity: 0.3
    }
    .lg\:ring-opacity-40 {
        --tw-ring-opacity: 0.4
    }
    .lg\:ring-opacity-50 {
        --tw-ring-opacity: 0.5
    }
    .lg\:ring-opacity-60 {
        --tw-ring-opacity: 0.6
    }
    .lg\:ring-opacity-70 {
        --tw-ring-opacity: 0.7
    }
    .lg\:ring-opacity-75 {
        --tw-ring-opacity: 0.75
    }
    .lg\:ring-opacity-80 {
        --tw-ring-opacity: 0.8
    }
    .lg\:ring-opacity-90 {
        --tw-ring-opacity: 0.9
    }
    .lg\:ring-opacity-95 {
        --tw-ring-opacity: 0.95
    }
    .lg\:ring-opacity-100 {
        --tw-ring-opacity: 1
    }
    .lg\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }
    .lg\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }
    .lg\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }
    .lg\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }
    .lg\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }
    .lg\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }
    .lg\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }
    .lg\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }
    .lg\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }
    .lg\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }
    .lg\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }
    .lg\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }
    .lg\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }
    .lg\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }
    .lg\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }
    .lg\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }
    .lg\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }
    .lg\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }
    .lg\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }
    .lg\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }
    .lg\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }
    .lg\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }
    .lg\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }
    .lg\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }
    .lg\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }
    .lg\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }
    .lg\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }
    .lg\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }
    .lg\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }
    .lg\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }
    .lg\:ring-offset-0 {
        --tw-ring-offset-width: 0px
    }
    .lg\:ring-offset-1 {
        --tw-ring-offset-width: 1px
    }
    .lg\:ring-offset-2 {
        --tw-ring-offset-width: 2px
    }
    .lg\:ring-offset-4 {
        --tw-ring-offset-width: 4px
    }
    .lg\:ring-offset-8 {
        --tw-ring-offset-width: 8px
    }
    .lg\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }
    .lg\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }
    .lg\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }
    .lg\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }
    .lg\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }
    .lg\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }
    .lg\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }
    .lg\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }
    .lg\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }
    .lg\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }
    .lg\:ring-offset-common-white {
        --tw-ring-offset-color: var(--common-white)
    }
    .lg\:ring-offset-common-tertiary {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .lg\:ring-offset-common-dark {
        --tw-ring-offset-color: var(--common-dark)
    }
    .lg\:ring-offset-scheme-primary {
        --tw-ring-offset-color: var(--common-primary)
    }
    .lg\:ring-offset-scheme-success {
        --tw-ring-offset-color: var(--text-success)
    }
    .lg\:ring-offset-scheme-warning {
        --tw-ring-offset-color: var(--text-pending)
    }
    .lg\:ring-offset-scheme-danger {
        --tw-ring-offset-color: var(--text-danger)
    }
    .lg\:ring-offset-primary {
        --tw-ring-offset-color: var(--text-primary)
    }
    .lg\:ring-offset-secondary {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .lg\:ring-offset-tertiary {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .lg\:ring-offset-danger-default {
        --tw-ring-offset-color: var(--text-danger)
    }
    .lg\:ring-offset-danger-bold {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .lg\:ring-offset-success-default {
        --tw-ring-offset-color: var(--text-success)
    }
    .lg\:ring-offset-success-bold {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .lg\:ring-offset-success-subtle {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .lg\:ring-offset-active-default {
        --tw-ring-offset-color: var(--text-active)
    }
    .lg\:ring-offset-active-bold {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .lg\:ring-offset-pending-default {
        --tw-ring-offset-color: var(--text-pending)
    }
    .lg\:ring-offset-pending-bold {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .lg\:ring-offset-contrast-primary {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .lg\:ring-offset-contrast-secondary {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .lg\:ring-offset-forced-tertiary {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .lg\:ring-offset-decorative-red {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .lg\:ring-offset-decorative-blue {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .lg\:ring-offset-decorative-yellow {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .lg\:ring-offset-decorative-grey {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .lg\:ring-offset-decorative-green {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .lg\:ring-offset-decorative-purple-default {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .lg\:ring-offset-decorative-purple-bold {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .lg\:focus-within\:ring-offset-common-white:focus-within {
        --tw-ring-offset-color: var(--common-white)
    }
    .lg\:focus-within\:ring-offset-common-tertiary:focus-within {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .lg\:focus-within\:ring-offset-common-dark:focus-within {
        --tw-ring-offset-color: var(--common-dark)
    }
    .lg\:focus-within\:ring-offset-scheme-primary:focus-within {
        --tw-ring-offset-color: var(--common-primary)
    }
    .lg\:focus-within\:ring-offset-scheme-success:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .lg\:focus-within\:ring-offset-scheme-warning:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .lg\:focus-within\:ring-offset-scheme-danger:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .lg\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: var(--text-primary)
    }
    .lg\:focus-within\:ring-offset-secondary:focus-within {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .lg\:focus-within\:ring-offset-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .lg\:focus-within\:ring-offset-danger-default:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .lg\:focus-within\:ring-offset-danger-bold:focus-within {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .lg\:focus-within\:ring-offset-success-default:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .lg\:focus-within\:ring-offset-success-bold:focus-within {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .lg\:focus-within\:ring-offset-success-subtle:focus-within {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .lg\:focus-within\:ring-offset-active-default:focus-within {
        --tw-ring-offset-color: var(--text-active)
    }
    .lg\:focus-within\:ring-offset-active-bold:focus-within {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .lg\:focus-within\:ring-offset-pending-default:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .lg\:focus-within\:ring-offset-pending-bold:focus-within {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .lg\:focus-within\:ring-offset-contrast-primary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .lg\:focus-within\:ring-offset-contrast-secondary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .lg\:focus-within\:ring-offset-forced-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .lg\:focus-within\:ring-offset-decorative-red:focus-within {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .lg\:focus-within\:ring-offset-decorative-blue:focus-within {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .lg\:focus-within\:ring-offset-decorative-yellow:focus-within {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .lg\:focus-within\:ring-offset-decorative-grey:focus-within {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .lg\:focus-within\:ring-offset-decorative-green:focus-within {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .lg\:focus-within\:ring-offset-decorative-purple-default:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .lg\:focus-within\:ring-offset-decorative-purple-bold:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .lg\:focus\:ring-offset-common-white:focus {
        --tw-ring-offset-color: var(--common-white)
    }
    .lg\:focus\:ring-offset-common-tertiary:focus {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .lg\:focus\:ring-offset-common-dark:focus {
        --tw-ring-offset-color: var(--common-dark)
    }
    .lg\:focus\:ring-offset-scheme-primary:focus {
        --tw-ring-offset-color: var(--common-primary)
    }
    .lg\:focus\:ring-offset-scheme-success:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .lg\:focus\:ring-offset-scheme-warning:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .lg\:focus\:ring-offset-scheme-danger:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .lg\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: var(--text-primary)
    }
    .lg\:focus\:ring-offset-secondary:focus {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .lg\:focus\:ring-offset-tertiary:focus {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .lg\:focus\:ring-offset-danger-default:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .lg\:focus\:ring-offset-danger-bold:focus {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .lg\:focus\:ring-offset-success-default:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .lg\:focus\:ring-offset-success-bold:focus {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .lg\:focus\:ring-offset-success-subtle:focus {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .lg\:focus\:ring-offset-active-default:focus {
        --tw-ring-offset-color: var(--text-active)
    }
    .lg\:focus\:ring-offset-active-bold:focus {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .lg\:focus\:ring-offset-pending-default:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .lg\:focus\:ring-offset-pending-bold:focus {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .lg\:focus\:ring-offset-contrast-primary:focus {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .lg\:focus\:ring-offset-contrast-secondary:focus {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .lg\:focus\:ring-offset-forced-tertiary:focus {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .lg\:focus\:ring-offset-decorative-red:focus {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .lg\:focus\:ring-offset-decorative-blue:focus {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .lg\:focus\:ring-offset-decorative-yellow:focus {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .lg\:focus\:ring-offset-decorative-grey:focus {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .lg\:focus\:ring-offset-decorative-green:focus {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .lg\:focus\:ring-offset-decorative-purple-default:focus {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .lg\:focus\:ring-offset-decorative-purple-bold:focus {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .lg\:filter {
        --tw-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-drop-shadow: var(--tw-empty, /*!*/
        /*!*/
        );
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
    .lg\:filter-none {
        filter: none
    }
    .lg\:blur-0,
    .lg\:blur-none {
        --tw-blur: blur(0)
    }
    .lg\:blur-sm {
        --tw-blur: blur(4px)
    }
    .lg\:blur {
        --tw-blur: blur(8px)
    }
    .lg\:blur-md {
        --tw-blur: blur(12px)
    }
    .lg\:blur-lg {
        --tw-blur: blur(16px)
    }
    .lg\:blur-xl {
        --tw-blur: blur(24px)
    }
    .lg\:blur-2xl {
        --tw-blur: blur(40px)
    }
    .lg\:blur-3xl {
        --tw-blur: blur(64px)
    }
    .lg\:brightness-0 {
        --tw-brightness: brightness(0)
    }
    .lg\:brightness-50 {
        --tw-brightness: brightness(.5)
    }
    .lg\:brightness-75 {
        --tw-brightness: brightness(.75)
    }
    .lg\:brightness-90 {
        --tw-brightness: brightness(.9)
    }
    .lg\:brightness-95 {
        --tw-brightness: brightness(.95)
    }
    .lg\:brightness-100 {
        --tw-brightness: brightness(1)
    }
    .lg\:brightness-105 {
        --tw-brightness: brightness(1.05)
    }
    .lg\:brightness-110 {
        --tw-brightness: brightness(1.1)
    }
    .lg\:brightness-125 {
        --tw-brightness: brightness(1.25)
    }
    .lg\:brightness-150 {
        --tw-brightness: brightness(1.5)
    }
    .lg\:brightness-200 {
        --tw-brightness: brightness(2)
    }
    .lg\:contrast-0 {
        --tw-contrast: contrast(0)
    }
    .lg\:contrast-50 {
        --tw-contrast: contrast(.5)
    }
    .lg\:contrast-75 {
        --tw-contrast: contrast(.75)
    }
    .lg\:contrast-100 {
        --tw-contrast: contrast(1)
    }
    .lg\:contrast-125 {
        --tw-contrast: contrast(1.25)
    }
    .lg\:contrast-150 {
        --tw-contrast: contrast(1.5)
    }
    .lg\:contrast-200 {
        --tw-contrast: contrast(2)
    }
    .lg\:drop-shadow-sm {
        --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
    }
    .lg\:drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))
    }
    .lg\:drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))
    }
    .lg\:drop-shadow-lg {
        --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))
    }
    .lg\:drop-shadow-xl {
        --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08))
    }
    .lg\:drop-shadow-2xl {
        --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15))
    }
    .lg\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 transparent)
    }
    .lg\:grayscale-0 {
        --tw-grayscale: grayscale(0)
    }
    .lg\:grayscale {
        --tw-grayscale: grayscale(100%)
    }
    .lg\:hue-rotate-0 {
        --tw-hue-rotate: hue-rotate(0deg)
    }
    .lg\:hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(15deg)
    }
    .lg\:hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(30deg)
    }
    .lg\:hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(60deg)
    }
    .lg\:hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(90deg)
    }
    .lg\:hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(180deg)
    }
    .lg\:-hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(-180deg)
    }
    .lg\:-hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(-90deg)
    }
    .lg\:-hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(-60deg)
    }
    .lg\:-hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(-30deg)
    }
    .lg\:-hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(-15deg)
    }
    .lg\:invert-0 {
        --tw-invert: invert(0)
    }
    .lg\:invert {
        --tw-invert: invert(100%)
    }
    .lg\:saturate-0 {
        --tw-saturate: saturate(0)
    }
    .lg\:saturate-50 {
        --tw-saturate: saturate(.5)
    }
    .lg\:saturate-100 {
        --tw-saturate: saturate(1)
    }
    .lg\:saturate-150 {
        --tw-saturate: saturate(1.5)
    }
    .lg\:saturate-200 {
        --tw-saturate: saturate(2)
    }
    .lg\:sepia-0 {
        --tw-sepia: sepia(0)
    }
    .lg\:sepia {
        --tw-sepia: sepia(100%)
    }
    .lg\:backdrop-filter {
        --tw-backdrop-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-opacity: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }
    .lg\:backdrop-filter-none {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
    .lg\:backdrop-blur-0,
    .lg\:backdrop-blur-none {
        --tw-backdrop-blur: blur(0)
    }
    .lg\:backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px)
    }
    .lg\:backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }
    .lg\:backdrop-blur-md {
        --tw-backdrop-blur: blur(12px)
    }
    .lg\:backdrop-blur-lg {
        --tw-backdrop-blur: blur(16px)
    }
    .lg\:backdrop-blur-xl {
        --tw-backdrop-blur: blur(24px)
    }
    .lg\:backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px)
    }
    .lg\:backdrop-blur-3xl {
        --tw-backdrop-blur: blur(64px)
    }
    .lg\:backdrop-brightness-0 {
        --tw-backdrop-brightness: brightness(0)
    }
    .lg\:backdrop-brightness-50 {
        --tw-backdrop-brightness: brightness(.5)
    }
    .lg\:backdrop-brightness-75 {
        --tw-backdrop-brightness: brightness(.75)
    }
    .lg\:backdrop-brightness-90 {
        --tw-backdrop-brightness: brightness(.9)
    }
    .lg\:backdrop-brightness-95 {
        --tw-backdrop-brightness: brightness(.95)
    }
    .lg\:backdrop-brightness-100 {
        --tw-backdrop-brightness: brightness(1)
    }
    .lg\:backdrop-brightness-105 {
        --tw-backdrop-brightness: brightness(1.05)
    }
    .lg\:backdrop-brightness-110 {
        --tw-backdrop-brightness: brightness(1.1)
    }
    .lg\:backdrop-brightness-125 {
        --tw-backdrop-brightness: brightness(1.25)
    }
    .lg\:backdrop-brightness-150 {
        --tw-backdrop-brightness: brightness(1.5)
    }
    .lg\:backdrop-brightness-200 {
        --tw-backdrop-brightness: brightness(2)
    }
    .lg\:backdrop-contrast-0 {
        --tw-backdrop-contrast: contrast(0)
    }
    .lg\:backdrop-contrast-50 {
        --tw-backdrop-contrast: contrast(.5)
    }
    .lg\:backdrop-contrast-75 {
        --tw-backdrop-contrast: contrast(.75)
    }
    .lg\:backdrop-contrast-100 {
        --tw-backdrop-contrast: contrast(1)
    }
    .lg\:backdrop-contrast-125 {
        --tw-backdrop-contrast: contrast(1.25)
    }
    .lg\:backdrop-contrast-150 {
        --tw-backdrop-contrast: contrast(1.5)
    }
    .lg\:backdrop-contrast-200 {
        --tw-backdrop-contrast: contrast(2)
    }
    .lg\:backdrop-grayscale-0 {
        --tw-backdrop-grayscale: grayscale(0)
    }
    .lg\:backdrop-grayscale {
        --tw-backdrop-grayscale: grayscale(100%)
    }
    .lg\:backdrop-hue-rotate-0 {
        --tw-backdrop-hue-rotate: hue-rotate(0deg)
    }
    .lg\:backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(15deg)
    }
    .lg\:backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(30deg)
    }
    .lg\:backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(60deg)
    }
    .lg\:backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(90deg)
    }
    .lg\:backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(180deg)
    }
    .lg\:-backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(-180deg)
    }
    .lg\:-backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(-90deg)
    }
    .lg\:-backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(-60deg)
    }
    .lg\:-backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(-30deg)
    }
    .lg\:-backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(-15deg)
    }
    .lg\:backdrop-invert-0 {
        --tw-backdrop-invert: invert(0)
    }
    .lg\:backdrop-invert {
        --tw-backdrop-invert: invert(100%)
    }
    .lg\:backdrop-opacity-0 {
        --tw-backdrop-opacity: opacity(0)
    }
    .lg\:backdrop-opacity-5 {
        --tw-backdrop-opacity: opacity(0.05)
    }
    .lg\:backdrop-opacity-10 {
        --tw-backdrop-opacity: opacity(0.1)
    }
    .lg\:backdrop-opacity-20 {
        --tw-backdrop-opacity: opacity(0.2)
    }
    .lg\:backdrop-opacity-25 {
        --tw-backdrop-opacity: opacity(0.25)
    }
    .lg\:backdrop-opacity-30 {
        --tw-backdrop-opacity: opacity(0.3)
    }
    .lg\:backdrop-opacity-40 {
        --tw-backdrop-opacity: opacity(0.4)
    }
    .lg\:backdrop-opacity-50 {
        --tw-backdrop-opacity: opacity(0.5)
    }
    .lg\:backdrop-opacity-60 {
        --tw-backdrop-opacity: opacity(0.6)
    }
    .lg\:backdrop-opacity-70 {
        --tw-backdrop-opacity: opacity(0.7)
    }
    .lg\:backdrop-opacity-75 {
        --tw-backdrop-opacity: opacity(0.75)
    }
    .lg\:backdrop-opacity-80 {
        --tw-backdrop-opacity: opacity(0.8)
    }
    .lg\:backdrop-opacity-90 {
        --tw-backdrop-opacity: opacity(0.9)
    }
    .lg\:backdrop-opacity-95 {
        --tw-backdrop-opacity: opacity(0.95)
    }
    .lg\:backdrop-opacity-100 {
        --tw-backdrop-opacity: opacity(1)
    }
    .lg\:backdrop-saturate-0 {
        --tw-backdrop-saturate: saturate(0)
    }
    .lg\:backdrop-saturate-50 {
        --tw-backdrop-saturate: saturate(.5)
    }
    .lg\:backdrop-saturate-100 {
        --tw-backdrop-saturate: saturate(1)
    }
    .lg\:backdrop-saturate-150 {
        --tw-backdrop-saturate: saturate(1.5)
    }
    .lg\:backdrop-saturate-200 {
        --tw-backdrop-saturate: saturate(2)
    }
    .lg\:backdrop-sepia-0 {
        --tw-backdrop-sepia: sepia(0)
    }
    .lg\:backdrop-sepia {
        --tw-backdrop-sepia: sepia(100%)
    }
    .lg\:transition-none {
        transition-property: none
    }
    .lg\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .lg\:transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .lg\:transition-colors {
        transition-property: background-color, border-color, color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .lg\:transition-opacity {
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .lg\:transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .lg\:transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .lg\:delay-75 {
        transition-delay: 75ms
    }
    .lg\:delay-100 {
        transition-delay: .1s
    }
    .lg\:delay-150 {
        transition-delay: .15s
    }
    .lg\:delay-200 {
        transition-delay: .2s
    }
    .lg\:delay-300 {
        transition-delay: .3s
    }
    .lg\:delay-500 {
        transition-delay: .5s
    }
    .lg\:delay-700 {
        transition-delay: .7s
    }
    .lg\:delay-1000 {
        transition-delay: 1s
    }
    .lg\:duration-75 {
        transition-duration: 75ms
    }
    .lg\:duration-100 {
        transition-duration: .1s
    }
    .lg\:duration-150 {
        transition-duration: .15s
    }
    .lg\:duration-200 {
        transition-duration: .2s
    }
    .lg\:duration-300 {
        transition-duration: .3s
    }
    .lg\:duration-500 {
        transition-duration: .5s
    }
    .lg\:duration-700 {
        transition-duration: .7s
    }
    .lg\:duration-1000 {
        transition-duration: 1s
    }
    .lg\:ease-linear {
        transition-timing-function: linear
    }
    .lg\:ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }
    .lg\:ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
    .lg\:ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media(min-width:1200px) {
    .xl\:container {
        width: 100%
    }
    @media(min-width:576px) {
        .xl\:container {
            max-width: 576px
        }
    }
    @media(min-width:768px) {
        .xl\:container {
            max-width: 768px
        }
    }
    @media(min-width:992px) {
        .xl\:container {
            max-width: 992px
        }
    }
    @media(min-width:1200px) {
        .xl\:container {
            max-width: 1200px
        }
    }
    @media(min-width:1536px) {
        .xl\:container {
            max-width: 1536px
        }
    }
    .xl\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .xl\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .xl\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .xl\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .xl\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .xl\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .xl\:pointer-events-none {
        pointer-events: none
    }
    .xl\:pointer-events-auto {
        pointer-events: auto
    }
    .xl\:visible {
        visibility: visible
    }
    .xl\:invisible {
        visibility: hidden
    }
    .xl\:static {
        position: static
    }
    .xl\:fixed {
        position: fixed
    }
    .xl\:absolute {
        position: absolute
    }
    .xl\:relative {
        position: relative
    }
    .xl\:sticky {
        position: -webkit-sticky;
        position: sticky
    }
    .xl\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .xl\:inset-2 {
        top: var(--space-5xs);
        right: var(--space-5xs);
        bottom: var(--space-5xs);
        left: var(--space-5xs)
    }
    .xl\:inset-4 {
        top: var(--space-4xs);
        right: var(--space-4xs);
        bottom: var(--space-4xs);
        left: var(--space-4xs)
    }
    .xl\:inset-6 {
        top: var(--space-3xs);
        right: var(--space-3xs);
        bottom: var(--space-3xs);
        left: var(--space-3xs)
    }
    .xl\:inset-8 {
        top: var(--space-2xs);
        right: var(--space-2xs);
        bottom: var(--space-2xs);
        left: var(--space-2xs)
    }
    .xl\:inset-12 {
        top: var(--space-xs);
        right: var(--space-xs);
        bottom: var(--space-xs);
        left: var(--space-xs)
    }
    .xl\:inset-16 {
        top: var(--space-sm);
        right: var(--space-sm);
        bottom: var(--space-sm);
        left: var(--space-sm)
    }
    .xl\:inset-20 {
        top: var(--space-md);
        right: var(--space-md);
        bottom: var(--space-md);
        left: var(--space-md)
    }
    .xl\:inset-24 {
        top: var(--space-lg);
        right: var(--space-lg);
        bottom: var(--space-lg);
        left: var(--space-lg)
    }
    .xl\:inset-32 {
        top: var(--space-xl);
        right: var(--space-xl);
        bottom: var(--space-xl);
        left: var(--space-xl)
    }
    .xl\:inset-40 {
        top: var(--space-2xl);
        right: var(--space-2xl);
        bottom: var(--space-2xl);
        left: var(--space-2xl)
    }
    .xl\:inset-48 {
        top: var(--space-3xl);
        right: var(--space-3xl);
        bottom: var(--space-3xl);
        left: var(--space-3xl)
    }
    .xl\:inset-80 {
        top: var(--space-4xl);
        right: var(--space-4xl);
        bottom: var(--space-4xl);
        left: var(--space-4xl)
    }
    .xl\:inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
    .xl\:-inset-2 {
        top: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1);
        left: calc(var(--space-5xs)*-1)
    }
    .xl\:-inset-4 {
        top: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1);
        left: calc(var(--space-4xs)*-1)
    }
    .xl\:-inset-6 {
        top: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1);
        left: calc(var(--space-3xs)*-1)
    }
    .xl\:-inset-8 {
        top: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1);
        left: calc(var(--space-2xs)*-1)
    }
    .xl\:-inset-12 {
        top: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1);
        left: calc(var(--space-xs)*-1)
    }
    .xl\:-inset-16 {
        top: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1);
        left: calc(var(--space-sm)*-1)
    }
    .xl\:-inset-20 {
        top: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1);
        left: calc(var(--space-md)*-1)
    }
    .xl\:-inset-24 {
        top: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1);
        left: calc(var(--space-lg)*-1)
    }
    .xl\:-inset-32 {
        top: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1);
        left: calc(var(--space-xl)*-1)
    }
    .xl\:-inset-40 {
        top: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1);
        left: calc(var(--space-2xl)*-1)
    }
    .xl\:-inset-48 {
        top: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1);
        left: calc(var(--space-3xl)*-1)
    }
    .xl\:-inset-80 {
        top: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1);
        left: calc(var(--space-4xl)*-1)
    }
    .xl\:inset-1\/2 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .xl\:inset-1\/3 {
        top: 33.333333%;
        right: 33.333333%;
        bottom: 33.333333%;
        left: 33.333333%
    }
    .xl\:inset-2\/3 {
        top: 66.666667%;
        right: 66.666667%;
        bottom: 66.666667%;
        left: 66.666667%
    }
    .xl\:inset-1\/4 {
        top: 25%;
        right: 25%;
        bottom: 25%;
        left: 25%
    }
    .xl\:inset-2\/4 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .xl\:inset-3\/4 {
        top: 75%;
        right: 75%;
        bottom: 75%;
        left: 75%
    }
    .xl\:inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }
    .xl\:-inset-1\/2 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .xl\:-inset-1\/3 {
        top: -33.333333%;
        right: -33.333333%;
        bottom: -33.333333%;
        left: -33.333333%
    }
    .xl\:-inset-2\/3 {
        top: -66.666667%;
        right: -66.666667%;
        bottom: -66.666667%;
        left: -66.666667%
    }
    .xl\:-inset-1\/4 {
        top: -25%;
        right: -25%;
        bottom: -25%;
        left: -25%
    }
    .xl\:-inset-2\/4 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .xl\:-inset-3\/4 {
        top: -75%;
        right: -75%;
        bottom: -75%;
        left: -75%
    }
    .xl\:-inset-full {
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%
    }
    .xl\:inset-x-0 {
        left: 0;
        right: 0
    }
    .xl\:inset-x-2 {
        left: var(--space-5xs);
        right: var(--space-5xs)
    }
    .xl\:inset-x-4 {
        left: var(--space-4xs);
        right: var(--space-4xs)
    }
    .xl\:inset-x-6 {
        left: var(--space-3xs);
        right: var(--space-3xs)
    }
    .xl\:inset-x-8 {
        left: var(--space-2xs);
        right: var(--space-2xs)
    }
    .xl\:inset-x-12 {
        left: var(--space-xs);
        right: var(--space-xs)
    }
    .xl\:inset-x-16 {
        left: var(--space-sm);
        right: var(--space-sm)
    }
    .xl\:inset-x-20 {
        left: var(--space-md);
        right: var(--space-md)
    }
    .xl\:inset-x-24 {
        left: var(--space-lg);
        right: var(--space-lg)
    }
    .xl\:inset-x-32 {
        left: var(--space-xl);
        right: var(--space-xl)
    }
    .xl\:inset-x-40 {
        left: var(--space-2xl);
        right: var(--space-2xl)
    }
    .xl\:inset-x-48 {
        left: var(--space-3xl);
        right: var(--space-3xl)
    }
    .xl\:inset-x-80 {
        left: var(--space-4xl);
        right: var(--space-4xl)
    }
    .xl\:inset-x-auto {
        left: auto;
        right: auto
    }
    .xl\:-inset-x-2 {
        left: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1)
    }
    .xl\:-inset-x-4 {
        left: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1)
    }
    .xl\:-inset-x-6 {
        left: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1)
    }
    .xl\:-inset-x-8 {
        left: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1)
    }
    .xl\:-inset-x-12 {
        left: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1)
    }
    .xl\:-inset-x-16 {
        left: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1)
    }
    .xl\:-inset-x-20 {
        left: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1)
    }
    .xl\:-inset-x-24 {
        left: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1)
    }
    .xl\:-inset-x-32 {
        left: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1)
    }
    .xl\:-inset-x-40 {
        left: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1)
    }
    .xl\:-inset-x-48 {
        left: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1)
    }
    .xl\:-inset-x-80 {
        left: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1)
    }
    .xl\:inset-x-1\/2 {
        left: 50%;
        right: 50%
    }
    .xl\:inset-x-1\/3 {
        left: 33.333333%;
        right: 33.333333%
    }
    .xl\:inset-x-2\/3 {
        left: 66.666667%;
        right: 66.666667%
    }
    .xl\:inset-x-1\/4 {
        left: 25%;
        right: 25%
    }
    .xl\:inset-x-2\/4 {
        left: 50%;
        right: 50%
    }
    .xl\:inset-x-3\/4 {
        left: 75%;
        right: 75%
    }
    .xl\:inset-x-full {
        left: 100%;
        right: 100%
    }
    .xl\:-inset-x-1\/2 {
        left: -50%;
        right: -50%
    }
    .xl\:-inset-x-1\/3 {
        left: -33.333333%;
        right: -33.333333%
    }
    .xl\:-inset-x-2\/3 {
        left: -66.666667%;
        right: -66.666667%
    }
    .xl\:-inset-x-1\/4 {
        left: -25%;
        right: -25%
    }
    .xl\:-inset-x-2\/4 {
        left: -50%;
        right: -50%
    }
    .xl\:-inset-x-3\/4 {
        left: -75%;
        right: -75%
    }
    .xl\:-inset-x-full {
        left: -100%;
        right: -100%
    }
    .xl\:inset-y-0 {
        top: 0;
        bottom: 0
    }
    .xl\:inset-y-2 {
        top: var(--space-5xs);
        bottom: var(--space-5xs)
    }
    .xl\:inset-y-4 {
        top: var(--space-4xs);
        bottom: var(--space-4xs)
    }
    .xl\:inset-y-6 {
        top: var(--space-3xs);
        bottom: var(--space-3xs)
    }
    .xl\:inset-y-8 {
        top: var(--space-2xs);
        bottom: var(--space-2xs)
    }
    .xl\:inset-y-12 {
        top: var(--space-xs);
        bottom: var(--space-xs)
    }
    .xl\:inset-y-16 {
        top: var(--space-sm);
        bottom: var(--space-sm)
    }
    .xl\:inset-y-20 {
        top: var(--space-md);
        bottom: var(--space-md)
    }
    .xl\:inset-y-24 {
        top: var(--space-lg);
        bottom: var(--space-lg)
    }
    .xl\:inset-y-32 {
        top: var(--space-xl);
        bottom: var(--space-xl)
    }
    .xl\:inset-y-40 {
        top: var(--space-2xl);
        bottom: var(--space-2xl)
    }
    .xl\:inset-y-48 {
        top: var(--space-3xl);
        bottom: var(--space-3xl)
    }
    .xl\:inset-y-80 {
        top: var(--space-4xl);
        bottom: var(--space-4xl)
    }
    .xl\:inset-y-auto {
        top: auto;
        bottom: auto
    }
    .xl\:-inset-y-2 {
        top: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1)
    }
    .xl\:-inset-y-4 {
        top: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1)
    }
    .xl\:-inset-y-6 {
        top: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1)
    }
    .xl\:-inset-y-8 {
        top: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1)
    }
    .xl\:-inset-y-12 {
        top: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1)
    }
    .xl\:-inset-y-16 {
        top: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1)
    }
    .xl\:-inset-y-20 {
        top: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1)
    }
    .xl\:-inset-y-24 {
        top: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1)
    }
    .xl\:-inset-y-32 {
        top: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1)
    }
    .xl\:-inset-y-40 {
        top: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1)
    }
    .xl\:-inset-y-48 {
        top: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1)
    }
    .xl\:-inset-y-80 {
        top: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1)
    }
    .xl\:inset-y-1\/2 {
        top: 50%;
        bottom: 50%
    }
    .xl\:inset-y-1\/3 {
        top: 33.333333%;
        bottom: 33.333333%
    }
    .xl\:inset-y-2\/3 {
        top: 66.666667%;
        bottom: 66.666667%
    }
    .xl\:inset-y-1\/4 {
        top: 25%;
        bottom: 25%
    }
    .xl\:inset-y-2\/4 {
        top: 50%;
        bottom: 50%
    }
    .xl\:inset-y-3\/4 {
        top: 75%;
        bottom: 75%
    }
    .xl\:inset-y-full {
        top: 100%;
        bottom: 100%
    }
    .xl\:-inset-y-1\/2 {
        top: -50%;
        bottom: -50%
    }
    .xl\:-inset-y-1\/3 {
        top: -33.333333%;
        bottom: -33.333333%
    }
    .xl\:-inset-y-2\/3 {
        top: -66.666667%;
        bottom: -66.666667%
    }
    .xl\:-inset-y-1\/4 {
        top: -25%;
        bottom: -25%
    }
    .xl\:-inset-y-2\/4 {
        top: -50%;
        bottom: -50%
    }
    .xl\:-inset-y-3\/4 {
        top: -75%;
        bottom: -75%
    }
    .xl\:-inset-y-full {
        top: -100%;
        bottom: -100%
    }
    .xl\:top-0 {
        top: 0
    }
    .xl\:top-2 {
        top: var(--space-5xs)
    }
    .xl\:top-4 {
        top: var(--space-4xs)
    }
    .xl\:top-6 {
        top: var(--space-3xs)
    }
    .xl\:top-8 {
        top: var(--space-2xs)
    }
    .xl\:top-12 {
        top: var(--space-xs)
    }
    .xl\:top-16 {
        top: var(--space-sm)
    }
    .xl\:top-20 {
        top: var(--space-md)
    }
    .xl\:top-24 {
        top: var(--space-lg)
    }
    .xl\:top-32 {
        top: var(--space-xl)
    }
    .xl\:top-40 {
        top: var(--space-2xl)
    }
    .xl\:top-48 {
        top: var(--space-3xl)
    }
    .xl\:top-80 {
        top: var(--space-4xl)
    }
    .xl\:top-auto {
        top: auto
    }
    .xl\:-top-2 {
        top: calc(var(--space-5xs)*-1)
    }
    .xl\:-top-4 {
        top: calc(var(--space-4xs)*-1)
    }
    .xl\:-top-6 {
        top: calc(var(--space-3xs)*-1)
    }
    .xl\:-top-8 {
        top: calc(var(--space-2xs)*-1)
    }
    .xl\:-top-12 {
        top: calc(var(--space-xs)*-1)
    }
    .xl\:-top-16 {
        top: calc(var(--space-sm)*-1)
    }
    .xl\:-top-20 {
        top: calc(var(--space-md)*-1)
    }
    .xl\:-top-24 {
        top: calc(var(--space-lg)*-1)
    }
    .xl\:-top-32 {
        top: calc(var(--space-xl)*-1)
    }
    .xl\:-top-40 {
        top: calc(var(--space-2xl)*-1)
    }
    .xl\:-top-48 {
        top: calc(var(--space-3xl)*-1)
    }
    .xl\:-top-80 {
        top: calc(var(--space-4xl)*-1)
    }
    .xl\:top-1\/2 {
        top: 50%
    }
    .xl\:top-1\/3 {
        top: 33.333333%
    }
    .xl\:top-2\/3 {
        top: 66.666667%
    }
    .xl\:top-1\/4 {
        top: 25%
    }
    .xl\:top-2\/4 {
        top: 50%
    }
    .xl\:top-3\/4 {
        top: 75%
    }
    .xl\:top-full {
        top: 100%
    }
    .xl\:-top-1\/2 {
        top: -50%
    }
    .xl\:-top-1\/3 {
        top: -33.333333%
    }
    .xl\:-top-2\/3 {
        top: -66.666667%
    }
    .xl\:-top-1\/4 {
        top: -25%
    }
    .xl\:-top-2\/4 {
        top: -50%
    }
    .xl\:-top-3\/4 {
        top: -75%
    }
    .xl\:-top-full {
        top: -100%
    }
    .xl\:right-0 {
        right: 0
    }
    .xl\:right-2 {
        right: var(--space-5xs)
    }
    .xl\:right-4 {
        right: var(--space-4xs)
    }
    .xl\:right-6 {
        right: var(--space-3xs)
    }
    .xl\:right-8 {
        right: var(--space-2xs)
    }
    .xl\:right-12 {
        right: var(--space-xs)
    }
    .xl\:right-16 {
        right: var(--space-sm)
    }
    .xl\:right-20 {
        right: var(--space-md)
    }
    .xl\:right-24 {
        right: var(--space-lg)
    }
    .xl\:right-32 {
        right: var(--space-xl)
    }
    .xl\:right-40 {
        right: var(--space-2xl)
    }
    .xl\:right-48 {
        right: var(--space-3xl)
    }
    .xl\:right-80 {
        right: var(--space-4xl)
    }
    .xl\:right-auto {
        right: auto
    }
    .xl\:-right-2 {
        right: calc(var(--space-5xs)*-1)
    }
    .xl\:-right-4 {
        right: calc(var(--space-4xs)*-1)
    }
    .xl\:-right-6 {
        right: calc(var(--space-3xs)*-1)
    }
    .xl\:-right-8 {
        right: calc(var(--space-2xs)*-1)
    }
    .xl\:-right-12 {
        right: calc(var(--space-xs)*-1)
    }
    .xl\:-right-16 {
        right: calc(var(--space-sm)*-1)
    }
    .xl\:-right-20 {
        right: calc(var(--space-md)*-1)
    }
    .xl\:-right-24 {
        right: calc(var(--space-lg)*-1)
    }
    .xl\:-right-32 {
        right: calc(var(--space-xl)*-1)
    }
    .xl\:-right-40 {
        right: calc(var(--space-2xl)*-1)
    }
    .xl\:-right-48 {
        right: calc(var(--space-3xl)*-1)
    }
    .xl\:-right-80 {
        right: calc(var(--space-4xl)*-1)
    }
    .xl\:right-1\/2 {
        right: 50%
    }
    .xl\:right-1\/3 {
        right: 33.333333%
    }
    .xl\:right-2\/3 {
        right: 66.666667%
    }
    .xl\:right-1\/4 {
        right: 25%
    }
    .xl\:right-2\/4 {
        right: 50%
    }
    .xl\:right-3\/4 {
        right: 75%
    }
    .xl\:right-full {
        right: 100%
    }
    .xl\:-right-1\/2 {
        right: -50%
    }
    .xl\:-right-1\/3 {
        right: -33.333333%
    }
    .xl\:-right-2\/3 {
        right: -66.666667%
    }
    .xl\:-right-1\/4 {
        right: -25%
    }
    .xl\:-right-2\/4 {
        right: -50%
    }
    .xl\:-right-3\/4 {
        right: -75%
    }
    .xl\:-right-full {
        right: -100%
    }
    .xl\:bottom-0 {
        bottom: 0
    }
    .xl\:bottom-2 {
        bottom: var(--space-5xs)
    }
    .xl\:bottom-4 {
        bottom: var(--space-4xs)
    }
    .xl\:bottom-6 {
        bottom: var(--space-3xs)
    }
    .xl\:bottom-8 {
        bottom: var(--space-2xs)
    }
    .xl\:bottom-12 {
        bottom: var(--space-xs)
    }
    .xl\:bottom-16 {
        bottom: var(--space-sm)
    }
    .xl\:bottom-20 {
        bottom: var(--space-md)
    }
    .xl\:bottom-24 {
        bottom: var(--space-lg)
    }
    .xl\:bottom-32 {
        bottom: var(--space-xl)
    }
    .xl\:bottom-40 {
        bottom: var(--space-2xl)
    }
    .xl\:bottom-48 {
        bottom: var(--space-3xl)
    }
    .xl\:bottom-80 {
        bottom: var(--space-4xl)
    }
    .xl\:bottom-auto {
        bottom: auto
    }
    .xl\:-bottom-2 {
        bottom: calc(var(--space-5xs)*-1)
    }
    .xl\:-bottom-4 {
        bottom: calc(var(--space-4xs)*-1)
    }
    .xl\:-bottom-6 {
        bottom: calc(var(--space-3xs)*-1)
    }
    .xl\:-bottom-8 {
        bottom: calc(var(--space-2xs)*-1)
    }
    .xl\:-bottom-12 {
        bottom: calc(var(--space-xs)*-1)
    }
    .xl\:-bottom-16 {
        bottom: calc(var(--space-sm)*-1)
    }
    .xl\:-bottom-20 {
        bottom: calc(var(--space-md)*-1)
    }
    .xl\:-bottom-24 {
        bottom: calc(var(--space-lg)*-1)
    }
    .xl\:-bottom-32 {
        bottom: calc(var(--space-xl)*-1)
    }
    .xl\:-bottom-40 {
        bottom: calc(var(--space-2xl)*-1)
    }
    .xl\:-bottom-48 {
        bottom: calc(var(--space-3xl)*-1)
    }
    .xl\:-bottom-80 {
        bottom: calc(var(--space-4xl)*-1)
    }
    .xl\:bottom-1\/2 {
        bottom: 50%
    }
    .xl\:bottom-1\/3 {
        bottom: 33.333333%
    }
    .xl\:bottom-2\/3 {
        bottom: 66.666667%
    }
    .xl\:bottom-1\/4 {
        bottom: 25%
    }
    .xl\:bottom-2\/4 {
        bottom: 50%
    }
    .xl\:bottom-3\/4 {
        bottom: 75%
    }
    .xl\:bottom-full {
        bottom: 100%
    }
    .xl\:-bottom-1\/2 {
        bottom: -50%
    }
    .xl\:-bottom-1\/3 {
        bottom: -33.333333%
    }
    .xl\:-bottom-2\/3 {
        bottom: -66.666667%
    }
    .xl\:-bottom-1\/4 {
        bottom: -25%
    }
    .xl\:-bottom-2\/4 {
        bottom: -50%
    }
    .xl\:-bottom-3\/4 {
        bottom: -75%
    }
    .xl\:-bottom-full {
        bottom: -100%
    }
    .xl\:left-0 {
        left: 0
    }
    .xl\:left-2 {
        left: var(--space-5xs)
    }
    .xl\:left-4 {
        left: var(--space-4xs)
    }
    .xl\:left-6 {
        left: var(--space-3xs)
    }
    .xl\:left-8 {
        left: var(--space-2xs)
    }
    .xl\:left-12 {
        left: var(--space-xs)
    }
    .xl\:left-16 {
        left: var(--space-sm)
    }
    .xl\:left-20 {
        left: var(--space-md)
    }
    .xl\:left-24 {
        left: var(--space-lg)
    }
    .xl\:left-32 {
        left: var(--space-xl)
    }
    .xl\:left-40 {
        left: var(--space-2xl)
    }
    .xl\:left-48 {
        left: var(--space-3xl)
    }
    .xl\:left-80 {
        left: var(--space-4xl)
    }
    .xl\:left-auto {
        left: auto
    }
    .xl\:-left-2 {
        left: calc(var(--space-5xs)*-1)
    }
    .xl\:-left-4 {
        left: calc(var(--space-4xs)*-1)
    }
    .xl\:-left-6 {
        left: calc(var(--space-3xs)*-1)
    }
    .xl\:-left-8 {
        left: calc(var(--space-2xs)*-1)
    }
    .xl\:-left-12 {
        left: calc(var(--space-xs)*-1)
    }
    .xl\:-left-16 {
        left: calc(var(--space-sm)*-1)
    }
    .xl\:-left-20 {
        left: calc(var(--space-md)*-1)
    }
    .xl\:-left-24 {
        left: calc(var(--space-lg)*-1)
    }
    .xl\:-left-32 {
        left: calc(var(--space-xl)*-1)
    }
    .xl\:-left-40 {
        left: calc(var(--space-2xl)*-1)
    }
    .xl\:-left-48 {
        left: calc(var(--space-3xl)*-1)
    }
    .xl\:-left-80 {
        left: calc(var(--space-4xl)*-1)
    }
    .xl\:left-1\/2 {
        left: 50%
    }
    .xl\:left-1\/3 {
        left: 33.333333%
    }
    .xl\:left-2\/3 {
        left: 66.666667%
    }
    .xl\:left-1\/4 {
        left: 25%
    }
    .xl\:left-2\/4 {
        left: 50%
    }
    .xl\:left-3\/4 {
        left: 75%
    }
    .xl\:left-full {
        left: 100%
    }
    .xl\:-left-1\/2 {
        left: -50%
    }
    .xl\:-left-1\/3 {
        left: -33.333333%
    }
    .xl\:-left-2\/3 {
        left: -66.666667%
    }
    .xl\:-left-1\/4 {
        left: -25%
    }
    .xl\:-left-2\/4 {
        left: -50%
    }
    .xl\:-left-3\/4 {
        left: -75%
    }
    .xl\:-left-full {
        left: -100%
    }
    .xl\:isolate {
        isolation: isolate
    }
    .xl\:isolation-auto {
        isolation: auto
    }
    .xl\:z-0 {
        z-index: 0
    }
    .xl\:z-10 {
        z-index: 10
    }
    .xl\:z-20 {
        z-index: 20
    }
    .xl\:z-30 {
        z-index: 30
    }
    .xl\:z-40 {
        z-index: 40
    }
    .xl\:z-50 {
        z-index: 50
    }
    .xl\:z-auto {
        z-index: auto
    }
    .xl\:focus-within\:z-0:focus-within {
        z-index: 0
    }
    .xl\:focus-within\:z-10:focus-within {
        z-index: 10
    }
    .xl\:focus-within\:z-20:focus-within {
        z-index: 20
    }
    .xl\:focus-within\:z-30:focus-within {
        z-index: 30
    }
    .xl\:focus-within\:z-40:focus-within {
        z-index: 40
    }
    .xl\:focus-within\:z-50:focus-within {
        z-index: 50
    }
    .xl\:focus-within\:z-auto:focus-within {
        z-index: auto
    }
    .xl\:focus\:z-0:focus {
        z-index: 0
    }
    .xl\:focus\:z-10:focus {
        z-index: 10
    }
    .xl\:focus\:z-20:focus {
        z-index: 20
    }
    .xl\:focus\:z-30:focus {
        z-index: 30
    }
    .xl\:focus\:z-40:focus {
        z-index: 40
    }
    .xl\:focus\:z-50:focus {
        z-index: 50
    }
    .xl\:focus\:z-auto:focus {
        z-index: auto
    }
    .xl\:order-1 {
        order: 1
    }
    .xl\:order-2 {
        order: 2
    }
    .xl\:order-3 {
        order: 3
    }
    .xl\:order-4 {
        order: 4
    }
    .xl\:order-5 {
        order: 5
    }
    .xl\:order-6 {
        order: 6
    }
    .xl\:order-7 {
        order: 7
    }
    .xl\:order-8 {
        order: 8
    }
    .xl\:order-9 {
        order: 9
    }
    .xl\:order-10 {
        order: 10
    }
    .xl\:order-11 {
        order: 11
    }
    .xl\:order-12 {
        order: 12
    }
    .xl\:order-first {
        order: -9999
    }
    .xl\:order-last {
        order: 9999
    }
    .xl\:order-none {
        order: 0
    }
    .xl\:col-auto {
        grid-column: auto
    }
    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }
    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }
    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }
    .xl\:col-span-4 {
        grid-column: span 4/span 4
    }
    .xl\:col-span-5 {
        grid-column: span 5/span 5
    }
    .xl\:col-span-6 {
        grid-column: span 6/span 6
    }
    .xl\:col-span-7 {
        grid-column: span 7/span 7
    }
    .xl\:col-span-8 {
        grid-column: span 8/span 8
    }
    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }
    .xl\:col-span-10 {
        grid-column: span 10/span 10
    }
    .xl\:col-span-11 {
        grid-column: span 11/span 11
    }
    .xl\:col-span-12 {
        grid-column: span 12/span 12
    }
    .xl\:col-span-full {
        grid-column: 1/-1
    }
    .xl\:col-start-1 {
        grid-column-start: 1
    }
    .xl\:col-start-2 {
        grid-column-start: 2
    }
    .xl\:col-start-3 {
        grid-column-start: 3
    }
    .xl\:col-start-4 {
        grid-column-start: 4
    }
    .xl\:col-start-5 {
        grid-column-start: 5
    }
    .xl\:col-start-6 {
        grid-column-start: 6
    }
    .xl\:col-start-7 {
        grid-column-start: 7
    }
    .xl\:col-start-8 {
        grid-column-start: 8
    }
    .xl\:col-start-9 {
        grid-column-start: 9
    }
    .xl\:col-start-10 {
        grid-column-start: 10
    }
    .xl\:col-start-11 {
        grid-column-start: 11
    }
    .xl\:col-start-12 {
        grid-column-start: 12
    }
    .xl\:col-start-13 {
        grid-column-start: 13
    }
    .xl\:col-start-auto {
        grid-column-start: auto
    }
    .xl\:col-end-1 {
        grid-column-end: 1
    }
    .xl\:col-end-2 {
        grid-column-end: 2
    }
    .xl\:col-end-3 {
        grid-column-end: 3
    }
    .xl\:col-end-4 {
        grid-column-end: 4
    }
    .xl\:col-end-5 {
        grid-column-end: 5
    }
    .xl\:col-end-6 {
        grid-column-end: 6
    }
    .xl\:col-end-7 {
        grid-column-end: 7
    }
    .xl\:col-end-8 {
        grid-column-end: 8
    }
    .xl\:col-end-9 {
        grid-column-end: 9
    }
    .xl\:col-end-10 {
        grid-column-end: 10
    }
    .xl\:col-end-11 {
        grid-column-end: 11
    }
    .xl\:col-end-12 {
        grid-column-end: 12
    }
    .xl\:col-end-13 {
        grid-column-end: 13
    }
    .xl\:col-end-auto {
        grid-column-end: auto
    }
    .xl\:row-auto {
        grid-row: auto
    }
    .xl\:row-span-1 {
        grid-row: span 1/span 1
    }
    .xl\:row-span-2 {
        grid-row: span 2/span 2
    }
    .xl\:row-span-3 {
        grid-row: span 3/span 3
    }
    .xl\:row-span-4 {
        grid-row: span 4/span 4
    }
    .xl\:row-span-5 {
        grid-row: span 5/span 5
    }
    .xl\:row-span-6 {
        grid-row: span 6/span 6
    }
    .xl\:row-span-full {
        grid-row: 1/-1
    }
    .xl\:row-start-1 {
        grid-row-start: 1
    }
    .xl\:row-start-2 {
        grid-row-start: 2
    }
    .xl\:row-start-3 {
        grid-row-start: 3
    }
    .xl\:row-start-4 {
        grid-row-start: 4
    }
    .xl\:row-start-5 {
        grid-row-start: 5
    }
    .xl\:row-start-6 {
        grid-row-start: 6
    }
    .xl\:row-start-7 {
        grid-row-start: 7
    }
    .xl\:row-start-auto {
        grid-row-start: auto
    }
    .xl\:row-end-1 {
        grid-row-end: 1
    }
    .xl\:row-end-2 {
        grid-row-end: 2
    }
    .xl\:row-end-3 {
        grid-row-end: 3
    }
    .xl\:row-end-4 {
        grid-row-end: 4
    }
    .xl\:row-end-5 {
        grid-row-end: 5
    }
    .xl\:row-end-6 {
        grid-row-end: 6
    }
    .xl\:row-end-7 {
        grid-row-end: 7
    }
    .xl\:row-end-auto {
        grid-row-end: auto
    }
    .xl\:float-right {
        float: right
    }
    .xl\:float-left {
        float: left
    }
    .xl\:float-none {
        float: none
    }
    .xl\:clear-left {
        clear: left
    }
    .xl\:clear-right {
        clear: right
    }
    .xl\:clear-both {
        clear: both
    }
    .xl\:clear-none {
        clear: none
    }
    .xl\:m-0 {
        margin: 0
    }
    .xl\:m-2 {
        margin: var(--space-5xs)
    }
    .xl\:m-4 {
        margin: var(--space-4xs)
    }
    .xl\:m-6 {
        margin: var(--space-3xs)
    }
    .xl\:m-8 {
        margin: var(--space-2xs)
    }
    .xl\:m-12 {
        margin: var(--space-xs)
    }
    .xl\:m-16 {
        margin: var(--space-sm)
    }
    .xl\:m-20 {
        margin: var(--space-md)
    }
    .xl\:m-24 {
        margin: var(--space-lg)
    }
    .xl\:m-32 {
        margin: var(--space-xl)
    }
    .xl\:m-40 {
        margin: var(--space-2xl)
    }
    .xl\:m-48 {
        margin: var(--space-3xl)
    }
    .xl\:m-80 {
        margin: var(--space-4xl)
    }
    .xl\:m-auto {
        margin: auto
    }
    .xl\:-m-2 {
        margin: calc(var(--space-5xs)*-1)
    }
    .xl\:-m-4 {
        margin: calc(var(--space-4xs)*-1)
    }
    .xl\:-m-6 {
        margin: calc(var(--space-3xs)*-1)
    }
    .xl\:-m-8 {
        margin: calc(var(--space-2xs)*-1)
    }
    .xl\:-m-12 {
        margin: calc(var(--space-xs)*-1)
    }
    .xl\:-m-16 {
        margin: calc(var(--space-sm)*-1)
    }
    .xl\:-m-20 {
        margin: calc(var(--space-md)*-1)
    }
    .xl\:-m-24 {
        margin: calc(var(--space-lg)*-1)
    }
    .xl\:-m-32 {
        margin: calc(var(--space-xl)*-1)
    }
    .xl\:-m-40 {
        margin: calc(var(--space-2xl)*-1)
    }
    .xl\:-m-48 {
        margin: calc(var(--space-3xl)*-1)
    }
    .xl\:-m-80 {
        margin: calc(var(--space-4xl)*-1)
    }
    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .xl\:mx-2 {
        margin-left: var(--space-5xs);
        margin-right: var(--space-5xs)
    }
    .xl\:mx-4 {
        margin-left: var(--space-4xs);
        margin-right: var(--space-4xs)
    }
    .xl\:mx-6 {
        margin-left: var(--space-3xs);
        margin-right: var(--space-3xs)
    }
    .xl\:mx-8 {
        margin-left: var(--space-2xs);
        margin-right: var(--space-2xs)
    }
    .xl\:mx-12 {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }
    .xl\:mx-16 {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }
    .xl\:mx-20 {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }
    .xl\:mx-24 {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }
    .xl\:mx-32 {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }
    .xl\:mx-40 {
        margin-left: var(--space-2xl);
        margin-right: var(--space-2xl)
    }
    .xl\:mx-48 {
        margin-left: var(--space-3xl);
        margin-right: var(--space-3xl)
    }
    .xl\:mx-80 {
        margin-left: var(--space-4xl);
        margin-right: var(--space-4xl)
    }
    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .xl\:-mx-2 {
        margin-left: calc(var(--space-5xs)*-1);
        margin-right: calc(var(--space-5xs)*-1)
    }
    .xl\:-mx-4 {
        margin-left: calc(var(--space-4xs)*-1);
        margin-right: calc(var(--space-4xs)*-1)
    }
    .xl\:-mx-6 {
        margin-left: calc(var(--space-3xs)*-1);
        margin-right: calc(var(--space-3xs)*-1)
    }
    .xl\:-mx-8 {
        margin-left: calc(var(--space-2xs)*-1);
        margin-right: calc(var(--space-2xs)*-1)
    }
    .xl\:-mx-12 {
        margin-left: calc(var(--space-xs)*-1);
        margin-right: calc(var(--space-xs)*-1)
    }
    .xl\:-mx-16 {
        margin-left: calc(var(--space-sm)*-1);
        margin-right: calc(var(--space-sm)*-1)
    }
    .xl\:-mx-20 {
        margin-left: calc(var(--space-md)*-1);
        margin-right: calc(var(--space-md)*-1)
    }
    .xl\:-mx-24 {
        margin-left: calc(var(--space-lg)*-1);
        margin-right: calc(var(--space-lg)*-1)
    }
    .xl\:-mx-32 {
        margin-left: calc(var(--space-xl)*-1);
        margin-right: calc(var(--space-xl)*-1)
    }
    .xl\:-mx-40 {
        margin-left: calc(var(--space-2xl)*-1);
        margin-right: calc(var(--space-2xl)*-1)
    }
    .xl\:-mx-48 {
        margin-left: calc(var(--space-3xl)*-1);
        margin-right: calc(var(--space-3xl)*-1)
    }
    .xl\:-mx-80 {
        margin-left: calc(var(--space-4xl)*-1);
        margin-right: calc(var(--space-4xl)*-1)
    }
    .xl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .xl\:my-2 {
        margin-top: var(--space-5xs);
        margin-bottom: var(--space-5xs)
    }
    .xl\:my-4 {
        margin-top: var(--space-4xs);
        margin-bottom: var(--space-4xs)
    }
    .xl\:my-6 {
        margin-top: var(--space-3xs);
        margin-bottom: var(--space-3xs)
    }
    .xl\:my-8 {
        margin-top: var(--space-2xs);
        margin-bottom: var(--space-2xs)
    }
    .xl\:my-12 {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
    }
    .xl\:my-16 {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }
    .xl\:my-20 {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }
    .xl\:my-24 {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }
    .xl\:my-32 {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }
    .xl\:my-40 {
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-2xl)
    }
    .xl\:my-48 {
        margin-top: var(--space-3xl);
        margin-bottom: var(--space-3xl)
    }
    .xl\:my-80 {
        margin-top: var(--space-4xl);
        margin-bottom: var(--space-4xl)
    }
    .xl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .xl\:-my-2 {
        margin-top: calc(var(--space-5xs)*-1);
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .xl\:-my-4 {
        margin-top: calc(var(--space-4xs)*-1);
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .xl\:-my-6 {
        margin-top: calc(var(--space-3xs)*-1);
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .xl\:-my-8 {
        margin-top: calc(var(--space-2xs)*-1);
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .xl\:-my-12 {
        margin-top: calc(var(--space-xs)*-1);
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .xl\:-my-16 {
        margin-top: calc(var(--space-sm)*-1);
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .xl\:-my-20 {
        margin-top: calc(var(--space-md)*-1);
        margin-bottom: calc(var(--space-md)*-1)
    }
    .xl\:-my-24 {
        margin-top: calc(var(--space-lg)*-1);
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .xl\:-my-32 {
        margin-top: calc(var(--space-xl)*-1);
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .xl\:-my-40 {
        margin-top: calc(var(--space-2xl)*-1);
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .xl\:-my-48 {
        margin-top: calc(var(--space-3xl)*-1);
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .xl\:-my-80 {
        margin-top: calc(var(--space-4xl)*-1);
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .xl\:mt-0 {
        margin-top: 0
    }
    .xl\:mt-2 {
        margin-top: var(--space-5xs)
    }
    .xl\:mt-4 {
        margin-top: var(--space-4xs)
    }
    .xl\:mt-6 {
        margin-top: var(--space-3xs)
    }
    .xl\:mt-8 {
        margin-top: var(--space-2xs)
    }
    .xl\:mt-12 {
        margin-top: var(--space-xs)
    }
    .xl\:mt-16 {
        margin-top: var(--space-sm)
    }
    .xl\:mt-20 {
        margin-top: var(--space-md)
    }
    .xl\:mt-24 {
        margin-top: var(--space-lg)
    }
    .xl\:mt-32 {
        margin-top: var(--space-xl)
    }
    .xl\:mt-40 {
        margin-top: var(--space-2xl)
    }
    .xl\:mt-48 {
        margin-top: var(--space-3xl)
    }
    .xl\:mt-80 {
        margin-top: var(--space-4xl)
    }
    .xl\:mt-auto {
        margin-top: auto
    }
    .xl\:-mt-2 {
        margin-top: calc(var(--space-5xs)*-1)
    }
    .xl\:-mt-4 {
        margin-top: calc(var(--space-4xs)*-1)
    }
    .xl\:-mt-6 {
        margin-top: calc(var(--space-3xs)*-1)
    }
    .xl\:-mt-8 {
        margin-top: calc(var(--space-2xs)*-1)
    }
    .xl\:-mt-12 {
        margin-top: calc(var(--space-xs)*-1)
    }
    .xl\:-mt-16 {
        margin-top: calc(var(--space-sm)*-1)
    }
    .xl\:-mt-20 {
        margin-top: calc(var(--space-md)*-1)
    }
    .xl\:-mt-24 {
        margin-top: calc(var(--space-lg)*-1)
    }
    .xl\:-mt-32 {
        margin-top: calc(var(--space-xl)*-1)
    }
    .xl\:-mt-40 {
        margin-top: calc(var(--space-2xl)*-1)
    }
    .xl\:-mt-48 {
        margin-top: calc(var(--space-3xl)*-1)
    }
    .xl\:-mt-80 {
        margin-top: calc(var(--space-4xl)*-1)
    }
    .xl\:mr-0 {
        margin-right: 0
    }
    .xl\:mr-2 {
        margin-right: var(--space-5xs)
    }
    .xl\:mr-4 {
        margin-right: var(--space-4xs)
    }
    .xl\:mr-6 {
        margin-right: var(--space-3xs)
    }
    .xl\:mr-8 {
        margin-right: var(--space-2xs)
    }
    .xl\:mr-12 {
        margin-right: var(--space-xs)
    }
    .xl\:mr-16 {
        margin-right: var(--space-sm)
    }
    .xl\:mr-20 {
        margin-right: var(--space-md)
    }
    .xl\:mr-24 {
        margin-right: var(--space-lg)
    }
    .xl\:mr-32 {
        margin-right: var(--space-xl)
    }
    .xl\:mr-40 {
        margin-right: var(--space-2xl)
    }
    .xl\:mr-48 {
        margin-right: var(--space-3xl)
    }
    .xl\:mr-80 {
        margin-right: var(--space-4xl)
    }
    .xl\:mr-auto {
        margin-right: auto
    }
    .xl\:-mr-2 {
        margin-right: calc(var(--space-5xs)*-1)
    }
    .xl\:-mr-4 {
        margin-right: calc(var(--space-4xs)*-1)
    }
    .xl\:-mr-6 {
        margin-right: calc(var(--space-3xs)*-1)
    }
    .xl\:-mr-8 {
        margin-right: calc(var(--space-2xs)*-1)
    }
    .xl\:-mr-12 {
        margin-right: calc(var(--space-xs)*-1)
    }
    .xl\:-mr-16 {
        margin-right: calc(var(--space-sm)*-1)
    }
    .xl\:-mr-20 {
        margin-right: calc(var(--space-md)*-1)
    }
    .xl\:-mr-24 {
        margin-right: calc(var(--space-lg)*-1)
    }
    .xl\:-mr-32 {
        margin-right: calc(var(--space-xl)*-1)
    }
    .xl\:-mr-40 {
        margin-right: calc(var(--space-2xl)*-1)
    }
    .xl\:-mr-48 {
        margin-right: calc(var(--space-3xl)*-1)
    }
    .xl\:-mr-80 {
        margin-right: calc(var(--space-4xl)*-1)
    }
    .xl\:mb-0 {
        margin-bottom: 0
    }
    .xl\:mb-2 {
        margin-bottom: var(--space-5xs)
    }
    .xl\:mb-4 {
        margin-bottom: var(--space-4xs)
    }
    .xl\:mb-6 {
        margin-bottom: var(--space-3xs)
    }
    .xl\:mb-8 {
        margin-bottom: var(--space-2xs)
    }
    .xl\:mb-12 {
        margin-bottom: var(--space-xs)
    }
    .xl\:mb-16 {
        margin-bottom: var(--space-sm)
    }
    .xl\:mb-20 {
        margin-bottom: var(--space-md)
    }
    .xl\:mb-24 {
        margin-bottom: var(--space-lg)
    }
    .xl\:mb-32 {
        margin-bottom: var(--space-xl)
    }
    .xl\:mb-40 {
        margin-bottom: var(--space-2xl)
    }
    .xl\:mb-48 {
        margin-bottom: var(--space-3xl)
    }
    .xl\:mb-80 {
        margin-bottom: var(--space-4xl)
    }
    .xl\:mb-auto {
        margin-bottom: auto
    }
    .xl\:-mb-2 {
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .xl\:-mb-4 {
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .xl\:-mb-6 {
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .xl\:-mb-8 {
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .xl\:-mb-12 {
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .xl\:-mb-16 {
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .xl\:-mb-20 {
        margin-bottom: calc(var(--space-md)*-1)
    }
    .xl\:-mb-24 {
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .xl\:-mb-32 {
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .xl\:-mb-40 {
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .xl\:-mb-48 {
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .xl\:-mb-80 {
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .xl\:ml-0 {
        margin-left: 0
    }
    .xl\:ml-2 {
        margin-left: var(--space-5xs)
    }
    .xl\:ml-4 {
        margin-left: var(--space-4xs)
    }
    .xl\:ml-6 {
        margin-left: var(--space-3xs)
    }
    .xl\:ml-8 {
        margin-left: var(--space-2xs)
    }
    .xl\:ml-12 {
        margin-left: var(--space-xs)
    }
    .xl\:ml-16 {
        margin-left: var(--space-sm)
    }
    .xl\:ml-20 {
        margin-left: var(--space-md)
    }
    .xl\:ml-24 {
        margin-left: var(--space-lg)
    }
    .xl\:ml-32 {
        margin-left: var(--space-xl)
    }
    .xl\:ml-40 {
        margin-left: var(--space-2xl)
    }
    .xl\:ml-48 {
        margin-left: var(--space-3xl)
    }
    .xl\:ml-80 {
        margin-left: var(--space-4xl)
    }
    .xl\:ml-auto {
        margin-left: auto
    }
    .xl\:-ml-2 {
        margin-left: calc(var(--space-5xs)*-1)
    }
    .xl\:-ml-4 {
        margin-left: calc(var(--space-4xs)*-1)
    }
    .xl\:-ml-6 {
        margin-left: calc(var(--space-3xs)*-1)
    }
    .xl\:-ml-8 {
        margin-left: calc(var(--space-2xs)*-1)
    }
    .xl\:-ml-12 {
        margin-left: calc(var(--space-xs)*-1)
    }
    .xl\:-ml-16 {
        margin-left: calc(var(--space-sm)*-1)
    }
    .xl\:-ml-20 {
        margin-left: calc(var(--space-md)*-1)
    }
    .xl\:-ml-24 {
        margin-left: calc(var(--space-lg)*-1)
    }
    .xl\:-ml-32 {
        margin-left: calc(var(--space-xl)*-1)
    }
    .xl\:-ml-40 {
        margin-left: calc(var(--space-2xl)*-1)
    }
    .xl\:-ml-48 {
        margin-left: calc(var(--space-3xl)*-1)
    }
    .xl\:-ml-80 {
        margin-left: calc(var(--space-4xl)*-1)
    }
    .xl\:box-border {
        box-sizing: border-box
    }
    .xl\:box-content {
        box-sizing: content-box
    }
    .xl\:block {
        display: block
    }
    .xl\:inline-block {
        display: inline-block
    }
    .xl\:inline {
        display: inline
    }
    .xl\:flex {
        display: flex
    }
    .xl\:inline-flex {
        display: inline-flex
    }
    .xl\:table {
        display: table
    }
    .xl\:inline-table {
        display: inline-table
    }
    .xl\:table-caption {
        display: table-caption
    }
    .xl\:table-cell {
        display: table-cell
    }
    .xl\:table-column {
        display: table-column
    }
    .xl\:table-column-group {
        display: table-column-group
    }
    .xl\:table-footer-group {
        display: table-footer-group
    }
    .xl\:table-header-group {
        display: table-header-group
    }
    .xl\:table-row-group {
        display: table-row-group
    }
    .xl\:table-row {
        display: table-row
    }
    .xl\:flow-root {
        display: flow-root
    }
    .xl\:grid {
        display: grid
    }
    .xl\:inline-grid {
        display: inline-grid
    }
    .xl\:contents {
        display: contents
    }
    .xl\:list-item {
        display: list-item
    }
    .xl\:hidden {
        display: none
    }
    .xl\:h-0 {
        height: 0
    }
    .xl\:h-2 {
        height: var(--space-5xs)
    }
    .xl\:h-4 {
        height: var(--space-4xs)
    }
    .xl\:h-6 {
        height: var(--space-3xs)
    }
    .xl\:h-8 {
        height: var(--space-2xs)
    }
    .xl\:h-12 {
        height: var(--space-xs)
    }
    .xl\:h-16 {
        height: var(--space-sm)
    }
    .xl\:h-20 {
        height: var(--space-md)
    }
    .xl\:h-24 {
        height: var(--space-lg)
    }
    .xl\:h-32 {
        height: var(--space-xl)
    }
    .xl\:h-40 {
        height: var(--space-2xl)
    }
    .xl\:h-48 {
        height: var(--space-3xl)
    }
    .xl\:h-80 {
        height: var(--space-4xl)
    }
    .xl\:h-auto {
        height: auto
    }
    .xl\:h-1\/2 {
        height: 50%
    }
    .xl\:h-1\/3 {
        height: 33.333333%
    }
    .xl\:h-2\/3 {
        height: 66.666667%
    }
    .xl\:h-1\/4 {
        height: 25%
    }
    .xl\:h-2\/4 {
        height: 50%
    }
    .xl\:h-3\/4 {
        height: 75%
    }
    .xl\:h-1\/5 {
        height: 20%
    }
    .xl\:h-2\/5 {
        height: 40%
    }
    .xl\:h-3\/5 {
        height: 60%
    }
    .xl\:h-4\/5 {
        height: 80%
    }
    .xl\:h-1\/6 {
        height: 16.666667%
    }
    .xl\:h-2\/6 {
        height: 33.333333%
    }
    .xl\:h-3\/6 {
        height: 50%
    }
    .xl\:h-4\/6 {
        height: 66.666667%
    }
    .xl\:h-5\/6 {
        height: 83.333333%
    }
    .xl\:h-full {
        height: 100%
    }
    .xl\:h-screen {
        height: 100vh
    }
    .xl\:max-h-0 {
        max-height: 0
    }
    .xl\:max-h-2 {
        max-height: var(--space-5xs)
    }
    .xl\:max-h-4 {
        max-height: var(--space-4xs)
    }
    .xl\:max-h-6 {
        max-height: var(--space-3xs)
    }
    .xl\:max-h-8 {
        max-height: var(--space-2xs)
    }
    .xl\:max-h-12 {
        max-height: var(--space-xs)
    }
    .xl\:max-h-16 {
        max-height: var(--space-sm)
    }
    .xl\:max-h-20 {
        max-height: var(--space-md)
    }
    .xl\:max-h-24 {
        max-height: var(--space-lg)
    }
    .xl\:max-h-32 {
        max-height: var(--space-xl)
    }
    .xl\:max-h-40 {
        max-height: var(--space-2xl)
    }
    .xl\:max-h-48 {
        max-height: var(--space-3xl)
    }
    .xl\:max-h-80 {
        max-height: var(--space-4xl)
    }
    .xl\:max-h-full {
        max-height: 100%
    }
    .xl\:max-h-screen {
        max-height: 100vh
    }
    .xl\:min-h-0 {
        min-height: 0
    }
    .xl\:min-h-full {
        min-height: 100%
    }
    .xl\:min-h-screen {
        min-height: 100vh
    }
    .xl\:w-0 {
        width: 0
    }
    .xl\:w-2 {
        width: var(--space-5xs)
    }
    .xl\:w-4 {
        width: var(--space-4xs)
    }
    .xl\:w-6 {
        width: var(--space-3xs)
    }
    .xl\:w-8 {
        width: var(--space-2xs)
    }
    .xl\:w-12 {
        width: var(--space-xs)
    }
    .xl\:w-16 {
        width: var(--space-sm)
    }
    .xl\:w-20 {
        width: var(--space-md)
    }
    .xl\:w-24 {
        width: var(--space-lg)
    }
    .xl\:w-32 {
        width: var(--space-xl)
    }
    .xl\:w-40 {
        width: var(--space-2xl)
    }
    .xl\:w-48 {
        width: var(--space-3xl)
    }
    .xl\:w-80 {
        width: var(--space-4xl)
    }
    .xl\:w-auto {
        width: auto
    }
    .xl\:w-1\/2 {
        width: 50%
    }
    .xl\:w-1\/3 {
        width: 33.333333%
    }
    .xl\:w-2\/3 {
        width: 66.666667%
    }
    .xl\:w-1\/4 {
        width: 25%
    }
    .xl\:w-2\/4 {
        width: 50%
    }
    .xl\:w-3\/4 {
        width: 75%
    }
    .xl\:w-1\/5 {
        width: 20%
    }
    .xl\:w-2\/5 {
        width: 40%
    }
    .xl\:w-3\/5 {
        width: 60%
    }
    .xl\:w-4\/5 {
        width: 80%
    }
    .xl\:w-1\/6 {
        width: 16.666667%
    }
    .xl\:w-2\/6 {
        width: 33.333333%
    }
    .xl\:w-3\/6 {
        width: 50%
    }
    .xl\:w-4\/6 {
        width: 66.666667%
    }
    .xl\:w-5\/6 {
        width: 83.333333%
    }
    .xl\:w-1\/12 {
        width: 8.333333%
    }
    .xl\:w-2\/12 {
        width: 16.666667%
    }
    .xl\:w-3\/12 {
        width: 25%
    }
    .xl\:w-4\/12 {
        width: 33.333333%
    }
    .xl\:w-5\/12 {
        width: 41.666667%
    }
    .xl\:w-6\/12 {
        width: 50%
    }
    .xl\:w-7\/12 {
        width: 58.333333%
    }
    .xl\:w-8\/12 {
        width: 66.666667%
    }
    .xl\:w-9\/12 {
        width: 75%
    }
    .xl\:w-10\/12 {
        width: 83.333333%
    }
    .xl\:w-11\/12 {
        width: 91.666667%
    }
    .xl\:w-full {
        width: 100%
    }
    .xl\:w-screen {
        width: 100vw
    }
    .xl\:w-min {
        width: -webkit-min-content;
        width: min-content
    }
    .xl\:w-max {
        width: -webkit-max-content;
        width: max-content
    }
    .xl\:min-w-0 {
        min-width: 0
    }
    .xl\:min-w-full {
        min-width: 100%
    }
    .xl\:min-w-min {
        min-width: -webkit-min-content;
        min-width: min-content
    }
    .xl\:min-w-max {
        min-width: -webkit-max-content;
        min-width: max-content
    }
    .xl\:max-w-0 {
        max-width: 0
    }
    .xl\:max-w-none {
        max-width: none
    }
    .xl\:max-w-xs {
        max-width: 20rem
    }
    .xl\:max-w-sm {
        max-width: 24rem
    }
    .xl\:max-w-md {
        max-width: 28rem
    }
    .xl\:max-w-lg {
        max-width: 32rem
    }
    .xl\:max-w-xl {
        max-width: 36rem
    }
    .xl\:max-w-2xl {
        max-width: 42rem
    }
    .xl\:max-w-3xl {
        max-width: 48rem
    }
    .xl\:max-w-4xl {
        max-width: 56rem
    }
    .xl\:max-w-5xl {
        max-width: 64rem
    }
    .xl\:max-w-6xl {
        max-width: 72rem
    }
    .xl\:max-w-7xl {
        max-width: 80rem
    }
    .xl\:max-w-full {
        max-width: 100%
    }
    .xl\:max-w-min {
        max-width: -webkit-min-content;
        max-width: min-content
    }
    .xl\:max-w-max {
        max-width: -webkit-max-content;
        max-width: max-content
    }
    .xl\:max-w-prose {
        max-width: 65ch
    }
    .xl\:max-w-screen-sm {
        max-width: 576px
    }
    .xl\:max-w-screen-md {
        max-width: 768px
    }
    .xl\:max-w-screen-lg {
        max-width: 992px
    }
    .xl\:max-w-screen-xl {
        max-width: 1200px
    }
    .xl\:max-w-screen-xxl {
        max-width: 1536px
    }
    .xl\:flex-1 {
        flex: 1 1 0%
    }
    .xl\:flex-auto {
        flex: 1 1 auto
    }
    .xl\:flex-initial {
        flex: 0 1 auto
    }
    .xl\:flex-none {
        flex: none
    }
    .xl\:flex-shrink-0 {
        flex-shrink: 0
    }
    .xl\:flex-shrink {
        flex-shrink: 1
    }
    .xl\:flex-grow-0 {
        flex-grow: 0
    }
    .xl\:flex-grow {
        flex-grow: 1
    }
    .xl\:table-auto {
        table-layout: auto
    }
    .xl\:table-fixed {
        table-layout: fixed
    }
    .xl\:border-collapse {
        border-collapse: collapse
    }
    .xl\:border-separate {
        border-collapse: separate
    }
    .xl\:origin-center {
        transform-origin: center
    }
    .xl\:origin-top {
        transform-origin: top
    }
    .xl\:origin-top-right {
        transform-origin: top right
    }
    .xl\:origin-right {
        transform-origin: right
    }
    .xl\:origin-bottom-right {
        transform-origin: bottom right
    }
    .xl\:origin-bottom {
        transform-origin: bottom
    }
    .xl\:origin-bottom-left {
        transform-origin: bottom left
    }
    .xl\:origin-left {
        transform-origin: left
    }
    .xl\:origin-top-left {
        transform-origin: top left
    }
    .xl\:transform {
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xl\:transform,
    .xl\:transform-gpu {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xl\:transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xl\:transform-none {
        transform: none
    }
    .xl\:translate-x-0 {
        --tw-translate-x: 0
    }
    .xl\:translate-x-2 {
        --tw-translate-x: var(--space-5xs)
    }
    .xl\:translate-x-4 {
        --tw-translate-x: var(--space-4xs)
    }
    .xl\:translate-x-6 {
        --tw-translate-x: var(--space-3xs)
    }
    .xl\:translate-x-8 {
        --tw-translate-x: var(--space-2xs)
    }
    .xl\:translate-x-12 {
        --tw-translate-x: var(--space-xs)
    }
    .xl\:translate-x-16 {
        --tw-translate-x: var(--space-sm)
    }
    .xl\:translate-x-20 {
        --tw-translate-x: var(--space-md)
    }
    .xl\:translate-x-24 {
        --tw-translate-x: var(--space-lg)
    }
    .xl\:translate-x-32 {
        --tw-translate-x: var(--space-xl)
    }
    .xl\:translate-x-40 {
        --tw-translate-x: var(--space-2xl)
    }
    .xl\:translate-x-48 {
        --tw-translate-x: var(--space-3xl)
    }
    .xl\:translate-x-80 {
        --tw-translate-x: var(--space-4xl)
    }
    .xl\:-translate-x-2 {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .xl\:-translate-x-4 {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .xl\:-translate-x-6 {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .xl\:-translate-x-8 {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .xl\:-translate-x-12 {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .xl\:-translate-x-16 {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .xl\:-translate-x-20 {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .xl\:-translate-x-24 {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .xl\:-translate-x-32 {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .xl\:-translate-x-40 {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .xl\:-translate-x-48 {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .xl\:-translate-x-80 {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .xl\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }
    .xl\:translate-x-1\/3 {
        --tw-translate-x: 33.333333%
    }
    .xl\:translate-x-2\/3 {
        --tw-translate-x: 66.666667%
    }
    .xl\:translate-x-1\/4 {
        --tw-translate-x: 25%
    }
    .xl\:translate-x-2\/4 {
        --tw-translate-x: 50%
    }
    .xl\:translate-x-3\/4 {
        --tw-translate-x: 75%
    }
    .xl\:translate-x-full {
        --tw-translate-x: 100%
    }
    .xl\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
    .xl\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%
    }
    .xl\:-translate-x-2\/3 {
        --tw-translate-x: -66.666667%
    }
    .xl\:-translate-x-1\/4 {
        --tw-translate-x: -25%
    }
    .xl\:-translate-x-2\/4 {
        --tw-translate-x: -50%
    }
    .xl\:-translate-x-3\/4 {
        --tw-translate-x: -75%
    }
    .xl\:-translate-x-full {
        --tw-translate-x: -100%
    }
    .xl\:translate-y-0 {
        --tw-translate-y: 0
    }
    .xl\:translate-y-2 {
        --tw-translate-y: var(--space-5xs)
    }
    .xl\:translate-y-4 {
        --tw-translate-y: var(--space-4xs)
    }
    .xl\:translate-y-6 {
        --tw-translate-y: var(--space-3xs)
    }
    .xl\:translate-y-8 {
        --tw-translate-y: var(--space-2xs)
    }
    .xl\:translate-y-12 {
        --tw-translate-y: var(--space-xs)
    }
    .xl\:translate-y-16 {
        --tw-translate-y: var(--space-sm)
    }
    .xl\:translate-y-20 {
        --tw-translate-y: var(--space-md)
    }
    .xl\:translate-y-24 {
        --tw-translate-y: var(--space-lg)
    }
    .xl\:translate-y-32 {
        --tw-translate-y: var(--space-xl)
    }
    .xl\:translate-y-40 {
        --tw-translate-y: var(--space-2xl)
    }
    .xl\:translate-y-48 {
        --tw-translate-y: var(--space-3xl)
    }
    .xl\:translate-y-80 {
        --tw-translate-y: var(--space-4xl)
    }
    .xl\:-translate-y-2 {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .xl\:-translate-y-4 {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .xl\:-translate-y-6 {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .xl\:-translate-y-8 {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .xl\:-translate-y-12 {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .xl\:-translate-y-16 {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .xl\:-translate-y-20 {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .xl\:-translate-y-24 {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .xl\:-translate-y-32 {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .xl\:-translate-y-40 {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .xl\:-translate-y-48 {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .xl\:-translate-y-80 {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .xl\:translate-y-1\/2 {
        --tw-translate-y: 50%
    }
    .xl\:translate-y-1\/3 {
        --tw-translate-y: 33.333333%
    }
    .xl\:translate-y-2\/3 {
        --tw-translate-y: 66.666667%
    }
    .xl\:translate-y-1\/4 {
        --tw-translate-y: 25%
    }
    .xl\:translate-y-2\/4 {
        --tw-translate-y: 50%
    }
    .xl\:translate-y-3\/4 {
        --tw-translate-y: 75%
    }
    .xl\:translate-y-full {
        --tw-translate-y: 100%
    }
    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .xl\:-translate-y-1\/3 {
        --tw-translate-y: -33.333333%
    }
    .xl\:-translate-y-2\/3 {
        --tw-translate-y: -66.666667%
    }
    .xl\:-translate-y-1\/4 {
        --tw-translate-y: -25%
    }
    .xl\:-translate-y-2\/4 {
        --tw-translate-y: -50%
    }
    .xl\:-translate-y-3\/4 {
        --tw-translate-y: -75%
    }
    .xl\:-translate-y-full {
        --tw-translate-y: -100%
    }
    .xl\:hover\:translate-x-0:hover {
        --tw-translate-x: 0
    }
    .xl\:hover\:translate-x-2:hover {
        --tw-translate-x: var(--space-5xs)
    }
    .xl\:hover\:translate-x-4:hover {
        --tw-translate-x: var(--space-4xs)
    }
    .xl\:hover\:translate-x-6:hover {
        --tw-translate-x: var(--space-3xs)
    }
    .xl\:hover\:translate-x-8:hover {
        --tw-translate-x: var(--space-2xs)
    }
    .xl\:hover\:translate-x-12:hover {
        --tw-translate-x: var(--space-xs)
    }
    .xl\:hover\:translate-x-16:hover {
        --tw-translate-x: var(--space-sm)
    }
    .xl\:hover\:translate-x-20:hover {
        --tw-translate-x: var(--space-md)
    }
    .xl\:hover\:translate-x-24:hover {
        --tw-translate-x: var(--space-lg)
    }
    .xl\:hover\:translate-x-32:hover {
        --tw-translate-x: var(--space-xl)
    }
    .xl\:hover\:translate-x-40:hover {
        --tw-translate-x: var(--space-2xl)
    }
    .xl\:hover\:translate-x-48:hover {
        --tw-translate-x: var(--space-3xl)
    }
    .xl\:hover\:translate-x-80:hover {
        --tw-translate-x: var(--space-4xl)
    }
    .xl\:hover\:-translate-x-2:hover {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .xl\:hover\:-translate-x-4:hover {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .xl\:hover\:-translate-x-6:hover {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .xl\:hover\:-translate-x-8:hover {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .xl\:hover\:-translate-x-12:hover {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .xl\:hover\:-translate-x-16:hover {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .xl\:hover\:-translate-x-20:hover {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .xl\:hover\:-translate-x-24:hover {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .xl\:hover\:-translate-x-32:hover {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .xl\:hover\:-translate-x-40:hover {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .xl\:hover\:-translate-x-48:hover {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .xl\:hover\:-translate-x-80:hover {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .xl\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }
    .xl\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }
    .xl\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }
    .xl\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }
    .xl\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }
    .xl\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }
    .xl\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }
    .xl\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }
    .xl\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }
    .xl\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }
    .xl\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }
    .xl\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }
    .xl\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }
    .xl\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }
    .xl\:hover\:translate-y-0:hover {
        --tw-translate-y: 0
    }
    .xl\:hover\:translate-y-2:hover {
        --tw-translate-y: var(--space-5xs)
    }
    .xl\:hover\:translate-y-4:hover {
        --tw-translate-y: var(--space-4xs)
    }
    .xl\:hover\:translate-y-6:hover {
        --tw-translate-y: var(--space-3xs)
    }
    .xl\:hover\:translate-y-8:hover {
        --tw-translate-y: var(--space-2xs)
    }
    .xl\:hover\:translate-y-12:hover {
        --tw-translate-y: var(--space-xs)
    }
    .xl\:hover\:translate-y-16:hover {
        --tw-translate-y: var(--space-sm)
    }
    .xl\:hover\:translate-y-20:hover {
        --tw-translate-y: var(--space-md)
    }
    .xl\:hover\:translate-y-24:hover {
        --tw-translate-y: var(--space-lg)
    }
    .xl\:hover\:translate-y-32:hover {
        --tw-translate-y: var(--space-xl)
    }
    .xl\:hover\:translate-y-40:hover {
        --tw-translate-y: var(--space-2xl)
    }
    .xl\:hover\:translate-y-48:hover {
        --tw-translate-y: var(--space-3xl)
    }
    .xl\:hover\:translate-y-80:hover {
        --tw-translate-y: var(--space-4xl)
    }
    .xl\:hover\:-translate-y-2:hover {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .xl\:hover\:-translate-y-4:hover {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .xl\:hover\:-translate-y-6:hover {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .xl\:hover\:-translate-y-8:hover {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .xl\:hover\:-translate-y-12:hover {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .xl\:hover\:-translate-y-16:hover {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .xl\:hover\:-translate-y-20:hover {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .xl\:hover\:-translate-y-24:hover {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .xl\:hover\:-translate-y-32:hover {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .xl\:hover\:-translate-y-40:hover {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .xl\:hover\:-translate-y-48:hover {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .xl\:hover\:-translate-y-80:hover {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .xl\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }
    .xl\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }
    .xl\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }
    .xl\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }
    .xl\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }
    .xl\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }
    .xl\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }
    .xl\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }
    .xl\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }
    .xl\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }
    .xl\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }
    .xl\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }
    .xl\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }
    .xl\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }
    .xl\:focus\:translate-x-0:focus {
        --tw-translate-x: 0
    }
    .xl\:focus\:translate-x-2:focus {
        --tw-translate-x: var(--space-5xs)
    }
    .xl\:focus\:translate-x-4:focus {
        --tw-translate-x: var(--space-4xs)
    }
    .xl\:focus\:translate-x-6:focus {
        --tw-translate-x: var(--space-3xs)
    }
    .xl\:focus\:translate-x-8:focus {
        --tw-translate-x: var(--space-2xs)
    }
    .xl\:focus\:translate-x-12:focus {
        --tw-translate-x: var(--space-xs)
    }
    .xl\:focus\:translate-x-16:focus {
        --tw-translate-x: var(--space-sm)
    }
    .xl\:focus\:translate-x-20:focus {
        --tw-translate-x: var(--space-md)
    }
    .xl\:focus\:translate-x-24:focus {
        --tw-translate-x: var(--space-lg)
    }
    .xl\:focus\:translate-x-32:focus {
        --tw-translate-x: var(--space-xl)
    }
    .xl\:focus\:translate-x-40:focus {
        --tw-translate-x: var(--space-2xl)
    }
    .xl\:focus\:translate-x-48:focus {
        --tw-translate-x: var(--space-3xl)
    }
    .xl\:focus\:translate-x-80:focus {
        --tw-translate-x: var(--space-4xl)
    }
    .xl\:focus\:-translate-x-2:focus {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .xl\:focus\:-translate-x-4:focus {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .xl\:focus\:-translate-x-6:focus {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .xl\:focus\:-translate-x-8:focus {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .xl\:focus\:-translate-x-12:focus {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .xl\:focus\:-translate-x-16:focus {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .xl\:focus\:-translate-x-20:focus {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .xl\:focus\:-translate-x-24:focus {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .xl\:focus\:-translate-x-32:focus {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .xl\:focus\:-translate-x-40:focus {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .xl\:focus\:-translate-x-48:focus {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .xl\:focus\:-translate-x-80:focus {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .xl\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }
    .xl\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }
    .xl\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }
    .xl\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }
    .xl\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }
    .xl\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }
    .xl\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }
    .xl\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }
    .xl\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }
    .xl\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }
    .xl\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }
    .xl\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }
    .xl\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }
    .xl\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }
    .xl\:focus\:translate-y-0:focus {
        --tw-translate-y: 0
    }
    .xl\:focus\:translate-y-2:focus {
        --tw-translate-y: var(--space-5xs)
    }
    .xl\:focus\:translate-y-4:focus {
        --tw-translate-y: var(--space-4xs)
    }
    .xl\:focus\:translate-y-6:focus {
        --tw-translate-y: var(--space-3xs)
    }
    .xl\:focus\:translate-y-8:focus {
        --tw-translate-y: var(--space-2xs)
    }
    .xl\:focus\:translate-y-12:focus {
        --tw-translate-y: var(--space-xs)
    }
    .xl\:focus\:translate-y-16:focus {
        --tw-translate-y: var(--space-sm)
    }
    .xl\:focus\:translate-y-20:focus {
        --tw-translate-y: var(--space-md)
    }
    .xl\:focus\:translate-y-24:focus {
        --tw-translate-y: var(--space-lg)
    }
    .xl\:focus\:translate-y-32:focus {
        --tw-translate-y: var(--space-xl)
    }
    .xl\:focus\:translate-y-40:focus {
        --tw-translate-y: var(--space-2xl)
    }
    .xl\:focus\:translate-y-48:focus {
        --tw-translate-y: var(--space-3xl)
    }
    .xl\:focus\:translate-y-80:focus {
        --tw-translate-y: var(--space-4xl)
    }
    .xl\:focus\:-translate-y-2:focus {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .xl\:focus\:-translate-y-4:focus {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .xl\:focus\:-translate-y-6:focus {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .xl\:focus\:-translate-y-8:focus {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .xl\:focus\:-translate-y-12:focus {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .xl\:focus\:-translate-y-16:focus {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .xl\:focus\:-translate-y-20:focus {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .xl\:focus\:-translate-y-24:focus {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .xl\:focus\:-translate-y-32:focus {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .xl\:focus\:-translate-y-40:focus {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .xl\:focus\:-translate-y-48:focus {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .xl\:focus\:-translate-y-80:focus {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .xl\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }
    .xl\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }
    .xl\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }
    .xl\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }
    .xl\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }
    .xl\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }
    .xl\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }
    .xl\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }
    .xl\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }
    .xl\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }
    .xl\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }
    .xl\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }
    .xl\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }
    .xl\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }
    .xl\:rotate-0 {
        --tw-rotate: 0deg
    }
    .xl\:rotate-1 {
        --tw-rotate: 1deg
    }
    .xl\:rotate-2 {
        --tw-rotate: 2deg
    }
    .xl\:rotate-3 {
        --tw-rotate: 3deg
    }
    .xl\:rotate-6 {
        --tw-rotate: 6deg
    }
    .xl\:rotate-12 {
        --tw-rotate: 12deg
    }
    .xl\:rotate-45 {
        --tw-rotate: 45deg
    }
    .xl\:rotate-90 {
        --tw-rotate: 90deg
    }
    .xl\:rotate-180 {
        --tw-rotate: 180deg
    }
    .xl\:-rotate-180 {
        --tw-rotate: -180deg
    }
    .xl\:-rotate-90 {
        --tw-rotate: -90deg
    }
    .xl\:-rotate-45 {
        --tw-rotate: -45deg
    }
    .xl\:-rotate-12 {
        --tw-rotate: -12deg
    }
    .xl\:-rotate-6 {
        --tw-rotate: -6deg
    }
    .xl\:-rotate-3 {
        --tw-rotate: -3deg
    }
    .xl\:-rotate-2 {
        --tw-rotate: -2deg
    }
    .xl\:-rotate-1 {
        --tw-rotate: -1deg
    }
    .xl\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }
    .xl\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }
    .xl\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }
    .xl\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }
    .xl\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }
    .xl\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }
    .xl\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }
    .xl\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }
    .xl\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }
    .xl\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }
    .xl\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }
    .xl\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }
    .xl\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }
    .xl\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }
    .xl\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }
    .xl\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }
    .xl\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }
    .xl\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }
    .xl\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }
    .xl\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }
    .xl\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }
    .xl\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }
    .xl\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }
    .xl\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }
    .xl\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }
    .xl\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }
    .xl\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }
    .xl\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }
    .xl\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }
    .xl\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }
    .xl\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }
    .xl\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }
    .xl\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }
    .xl\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }
    .xl\:skew-x-0 {
        --tw-skew-x: 0deg
    }
    .xl\:skew-x-1 {
        --tw-skew-x: 1deg
    }
    .xl\:skew-x-2 {
        --tw-skew-x: 2deg
    }
    .xl\:skew-x-3 {
        --tw-skew-x: 3deg
    }
    .xl\:skew-x-6 {
        --tw-skew-x: 6deg
    }
    .xl\:skew-x-12 {
        --tw-skew-x: 12deg
    }
    .xl\:-skew-x-12 {
        --tw-skew-x: -12deg
    }
    .xl\:-skew-x-6 {
        --tw-skew-x: -6deg
    }
    .xl\:-skew-x-3 {
        --tw-skew-x: -3deg
    }
    .xl\:-skew-x-2 {
        --tw-skew-x: -2deg
    }
    .xl\:-skew-x-1 {
        --tw-skew-x: -1deg
    }
    .xl\:skew-y-0 {
        --tw-skew-y: 0deg
    }
    .xl\:skew-y-1 {
        --tw-skew-y: 1deg
    }
    .xl\:skew-y-2 {
        --tw-skew-y: 2deg
    }
    .xl\:skew-y-3 {
        --tw-skew-y: 3deg
    }
    .xl\:skew-y-6 {
        --tw-skew-y: 6deg
    }
    .xl\:skew-y-12 {
        --tw-skew-y: 12deg
    }
    .xl\:-skew-y-12 {
        --tw-skew-y: -12deg
    }
    .xl\:-skew-y-6 {
        --tw-skew-y: -6deg
    }
    .xl\:-skew-y-3 {
        --tw-skew-y: -3deg
    }
    .xl\:-skew-y-2 {
        --tw-skew-y: -2deg
    }
    .xl\:-skew-y-1 {
        --tw-skew-y: -1deg
    }
    .xl\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }
    .xl\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }
    .xl\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }
    .xl\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }
    .xl\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }
    .xl\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }
    .xl\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }
    .xl\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }
    .xl\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }
    .xl\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }
    .xl\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }
    .xl\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }
    .xl\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }
    .xl\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }
    .xl\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }
    .xl\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }
    .xl\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }
    .xl\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }
    .xl\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }
    .xl\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }
    .xl\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }
    .xl\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }
    .xl\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }
    .xl\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }
    .xl\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }
    .xl\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }
    .xl\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }
    .xl\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }
    .xl\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }
    .xl\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }
    .xl\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }
    .xl\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }
    .xl\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }
    .xl\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }
    .xl\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }
    .xl\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }
    .xl\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }
    .xl\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }
    .xl\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }
    .xl\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }
    .xl\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }
    .xl\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }
    .xl\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }
    .xl\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }
    .xl\:scale-0 {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .xl\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .xl\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .xl\:scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .xl\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .xl\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xl\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .xl\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .xl\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .xl\:scale-150 {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .xl\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .xl\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .xl\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .xl\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .xl\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .xl\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xl\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .xl\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .xl\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .xl\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .xl\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .xl\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .xl\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .xl\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .xl\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .xl\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xl\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .xl\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .xl\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .xl\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .xl\:scale-x-0 {
        --tw-scale-x: 0
    }
    .xl\:scale-x-50 {
        --tw-scale-x: .5
    }
    .xl\:scale-x-75 {
        --tw-scale-x: .75
    }
    .xl\:scale-x-90 {
        --tw-scale-x: .9
    }
    .xl\:scale-x-95 {
        --tw-scale-x: .95
    }
    .xl\:scale-x-100 {
        --tw-scale-x: 1
    }
    .xl\:scale-x-105 {
        --tw-scale-x: 1.05
    }
    .xl\:scale-x-110 {
        --tw-scale-x: 1.1
    }
    .xl\:scale-x-125 {
        --tw-scale-x: 1.25
    }
    .xl\:scale-x-150 {
        --tw-scale-x: 1.5
    }
    .xl\:scale-y-0 {
        --tw-scale-y: 0
    }
    .xl\:scale-y-50 {
        --tw-scale-y: .5
    }
    .xl\:scale-y-75 {
        --tw-scale-y: .75
    }
    .xl\:scale-y-90 {
        --tw-scale-y: .9
    }
    .xl\:scale-y-95 {
        --tw-scale-y: .95
    }
    .xl\:scale-y-100 {
        --tw-scale-y: 1
    }
    .xl\:scale-y-105 {
        --tw-scale-y: 1.05
    }
    .xl\:scale-y-110 {
        --tw-scale-y: 1.1
    }
    .xl\:scale-y-125 {
        --tw-scale-y: 1.25
    }
    .xl\:scale-y-150 {
        --tw-scale-y: 1.5
    }
    .xl\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }
    .xl\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }
    .xl\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }
    .xl\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }
    .xl\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }
    .xl\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }
    .xl\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }
    .xl\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }
    .xl\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }
    .xl\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }
    .xl\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }
    .xl\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }
    .xl\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }
    .xl\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }
    .xl\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }
    .xl\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }
    .xl\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }
    .xl\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }
    .xl\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }
    .xl\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }
    .xl\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }
    .xl\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }
    .xl\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }
    .xl\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }
    .xl\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }
    .xl\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }
    .xl\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }
    .xl\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }
    .xl\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }
    .xl\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }
    .xl\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }
    .xl\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }
    .xl\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }
    .xl\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }
    .xl\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }
    .xl\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }
    .xl\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }
    .xl\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }
    .xl\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }
    .xl\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }
    .xl\:animate-none {
        -webkit-animation: none;
        animation: none
    }
    .xl\:animate-spin {
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite
    }
    .xl\:animate-ping {
        -webkit-animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
    }
    .xl\:animate-pulse {
        -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }
    .xl\:animate-bounce {
        -webkit-animation: bounce 1s infinite;
        animation: bounce 1s infinite
    }
    .xl\:cursor-auto {
        cursor: auto
    }
    .xl\:cursor-default {
        cursor: default
    }
    .xl\:cursor-pointer {
        cursor: pointer
    }
    .xl\:cursor-wait {
        cursor: wait
    }
    .xl\:cursor-text {
        cursor: text
    }
    .xl\:cursor-move {
        cursor: move
    }
    .xl\:cursor-help {
        cursor: help
    }
    .xl\:cursor-not-allowed {
        cursor: not-allowed
    }
    .xl\:select-none {
        -webkit-user-select: none;
        user-select: none
    }
    .xl\:select-text {
        -webkit-user-select: text;
        user-select: text
    }
    .xl\:select-all {
        -webkit-user-select: all;
        user-select: all
    }
    .xl\:select-auto {
        -webkit-user-select: auto;
        user-select: auto
    }
    .xl\:resize-none {
        resize: none
    }
    .xl\:resize-y {
        resize: vertical
    }
    .xl\:resize-x {
        resize: horizontal
    }
    .xl\:resize {
        resize: both
    }
    .xl\:list-inside {
        list-style-position: inside
    }
    .xl\:list-outside {
        list-style-position: outside
    }
    .xl\:list-none {
        list-style-type: none
    }
    .xl\:list-disc {
        list-style-type: disc
    }
    .xl\:list-decimal {
        list-style-type: decimal
    }
    .xl\:appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .xl\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .xl\:auto-cols-min {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content
    }
    .xl\:auto-cols-max {
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content
    }
    .xl\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
    }
    .xl\:grid-flow-row {
        grid-auto-flow: row
    }
    .xl\:grid-flow-col {
        grid-auto-flow: column
    }
    .xl\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }
    .xl\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }
    .xl\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .xl\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }
    .xl\:auto-rows-max {
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content
    }
    .xl\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }
    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .xl\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .xl\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xl\:grid-cols-none {
        grid-template-columns: none
    }
    .xl\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .xl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .xl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .xl\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .xl\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .xl\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .xl\:grid-rows-none {
        grid-template-rows: none
    }
    .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-wrap {
        flex-wrap: wrap
    }
    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .xl\:flex-nowrap {
        flex-wrap: nowrap
    }
    .xl\:place-content-center {
        place-content: center
    }
    .xl\:place-content-start {
        place-content: start
    }
    .xl\:place-content-end {
        place-content: end
    }
    .xl\:place-content-between {
        place-content: space-between
    }
    .xl\:place-content-around {
        place-content: space-around
    }
    .xl\:place-content-evenly {
        place-content: space-evenly
    }
    .xl\:place-content-stretch {
        place-content: stretch
    }
    .xl\:place-items-start {
        place-items: start
    }
    .xl\:place-items-end {
        place-items: end
    }
    .xl\:place-items-center {
        place-items: center
    }
    .xl\:place-items-stretch {
        place-items: stretch
    }
    .xl\:content-center {
        align-content: center
    }
    .xl\:content-start {
        align-content: flex-start
    }
    .xl\:content-end {
        align-content: flex-end
    }
    .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\: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\:gap-0 {
        gap: 0
    }
    .xl\:gap-2 {
        gap: var(--space-5xs)
    }
    .xl\:gap-4 {
        gap: var(--space-4xs)
    }
    .xl\:gap-6 {
        gap: var(--space-3xs)
    }
    .xl\:gap-8 {
        gap: var(--space-2xs)
    }
    .xl\:gap-12 {
        gap: var(--space-xs)
    }
    .xl\:gap-16 {
        gap: var(--space-sm)
    }
    .xl\:gap-20 {
        gap: var(--space-md)
    }
    .xl\:gap-24 {
        gap: var(--space-lg)
    }
    .xl\:gap-32 {
        gap: var(--space-xl)
    }
    .xl\:gap-40 {
        gap: var(--space-2xl)
    }
    .xl\:gap-48 {
        gap: var(--space-3xl)
    }
    .xl\:gap-80 {
        gap: var(--space-4xl)
    }
    .xl\:gap-x-0 {
        column-gap: 0
    }
    .xl\:gap-x-2 {
        column-gap: var(--space-5xs)
    }
    .xl\:gap-x-4 {
        column-gap: var(--space-4xs)
    }
    .xl\:gap-x-6 {
        column-gap: var(--space-3xs)
    }
    .xl\:gap-x-8 {
        column-gap: var(--space-2xs)
    }
    .xl\:gap-x-12 {
        column-gap: var(--space-xs)
    }
    .xl\:gap-x-16 {
        column-gap: var(--space-sm)
    }
    .xl\:gap-x-20 {
        column-gap: var(--space-md)
    }
    .xl\:gap-x-24 {
        column-gap: var(--space-lg)
    }
    .xl\:gap-x-32 {
        column-gap: var(--space-xl)
    }
    .xl\:gap-x-40 {
        column-gap: var(--space-2xl)
    }
    .xl\:gap-x-48 {
        column-gap: var(--space-3xl)
    }
    .xl\:gap-x-80 {
        column-gap: var(--space-4xl)
    }
    .xl\:gap-y-0 {
        row-gap: 0
    }
    .xl\:gap-y-2 {
        row-gap: var(--space-5xs)
    }
    .xl\:gap-y-4 {
        row-gap: var(--space-4xs)
    }
    .xl\:gap-y-6 {
        row-gap: var(--space-3xs)
    }
    .xl\:gap-y-8 {
        row-gap: var(--space-2xs)
    }
    .xl\:gap-y-12 {
        row-gap: var(--space-xs)
    }
    .xl\:gap-y-16 {
        row-gap: var(--space-sm)
    }
    .xl\:gap-y-20 {
        row-gap: var(--space-md)
    }
    .xl\:gap-y-24 {
        row-gap: var(--space-lg)
    }
    .xl\:gap-y-32 {
        row-gap: var(--space-xl)
    }
    .xl\:gap-y-40 {
        row-gap: var(--space-2xl)
    }
    .xl\:gap-y-48 {
        row-gap: var(--space-3xl)
    }
    .xl\:gap-y-80 {
        row-gap: var(--space-4xl)
    }
    .xl\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px*var(--tw-space-x-reverse));
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:-space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }
    .xl\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*var(--tw-space-y-reverse))
    }
    .xl\:space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*-1*var(--tw-space-y-reverse))
    }
    .xl\:-space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*-1*var(--tw-space-y-reverse))
    }
    .xl\:space-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 1
    }
    .xl\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }
    .xl\:divide-x-0>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(0px*var(--tw-divide-x-reverse));
        border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse)))
    }
    .xl\:divide-x-2>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px*var(--tw-divide-x-reverse));
        border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)))
    }
    .xl\:divide-x-4>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(4px*var(--tw-divide-x-reverse));
        border-left-width: calc(4px*(1 - var(--tw-divide-x-reverse)))
    }
    .xl\:divide-x-8>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(8px*var(--tw-divide-x-reverse));
        border-left-width: calc(8px*(1 - var(--tw-divide-x-reverse)))
    }
    .xl\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px*var(--tw-divide-x-reverse));
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
    }
    .xl\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
    }
    .xl\:divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(2px*var(--tw-divide-y-reverse))
    }
    .xl\:divide-y-4>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(4px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(4px*var(--tw-divide-y-reverse))
    }
    .xl\:divide-y-8>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(8px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(8px*var(--tw-divide-y-reverse))
    }
    .xl\:divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
    }
    .xl\:divide-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 1
    }
    .xl\:divide-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 1
    }
    .xl\:divide-solid>:not([hidden])~:not([hidden]) {
        border-style: solid
    }
    .xl\:divide-dashed>:not([hidden])~:not([hidden]) {
        border-style: dashed
    }
    .xl\:divide-dotted>:not([hidden])~:not([hidden]) {
        border-style: dotted
    }
    .xl\:divide-double>:not([hidden])~:not([hidden]) {
        border-style: double
    }
    .xl\:divide-none>:not([hidden])~:not([hidden]) {
        border-style: none
    }
    .xl\:divide-surface-default>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface)
    }
    .xl\:divide-surface-emphasis>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-emphasis)
    }
    .xl\:divide-surface-contrast>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-contrast)
    }
    .xl\:divide-status-danger>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-danger)
    }
    .xl\:divide-status-active>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-active)
    }
    .xl\:divide-button-primary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-primary)
    }
    .xl\:divide-button-secondary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-secondary)
    }
    .xl\:divide-button-success>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-success)
    }
    .xl\:divide-opacity-0>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0
    }
    .xl\:divide-opacity-5>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.05
    }
    .xl\:divide-opacity-10>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.1
    }
    .xl\:divide-opacity-20>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.2
    }
    .xl\:divide-opacity-25>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.25
    }
    .xl\:divide-opacity-30>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.3
    }
    .xl\:divide-opacity-40>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.4
    }
    .xl\:divide-opacity-50>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.5
    }
    .xl\:divide-opacity-60>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.6
    }
    .xl\:divide-opacity-70>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.7
    }
    .xl\:divide-opacity-75>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.75
    }
    .xl\:divide-opacity-80>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.8
    }
    .xl\:divide-opacity-90>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.9
    }
    .xl\:divide-opacity-95>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.95
    }
    .xl\:divide-opacity-100>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1
    }
    .xl\:place-self-auto {
        place-self: auto
    }
    .xl\:place-self-start {
        place-self: start
    }
    .xl\:place-self-end {
        place-self: end
    }
    .xl\:place-self-center {
        place-self: center
    }
    .xl\:place-self-stretch {
        place-self: stretch
    }
    .xl\:self-auto {
        align-self: auto
    }
    .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\:self-baseline {
        align-self: baseline
    }
    .xl\:justify-self-auto {
        justify-self: auto
    }
    .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\:overflow-auto {
        overflow: auto
    }
    .xl\:overflow-hidden {
        overflow: hidden
    }
    .xl\:overflow-visible {
        overflow: visible
    }
    .xl\:overflow-scroll {
        overflow: scroll
    }
    .xl\:overflow-x-auto {
        overflow-x: auto
    }
    .xl\:overflow-y-auto {
        overflow-y: auto
    }
    .xl\:overflow-x-hidden {
        overflow-x: hidden
    }
    .xl\:overflow-y-hidden {
        overflow-y: hidden
    }
    .xl\:overflow-x-visible {
        overflow-x: visible
    }
    .xl\:overflow-y-visible {
        overflow-y: visible
    }
    .xl\:overflow-x-scroll {
        overflow-x: scroll
    }
    .xl\:overflow-y-scroll {
        overflow-y: scroll
    }
    .xl\:overscroll-auto {
        overscroll-behavior: auto
    }
    .xl\:overscroll-contain {
        overscroll-behavior: contain
    }
    .xl\:overscroll-none {
        overscroll-behavior: none
    }
    .xl\:overscroll-y-auto {
        overscroll-behavior-y: auto
    }
    .xl\:overscroll-y-contain {
        overscroll-behavior-y: contain
    }
    .xl\:overscroll-y-none {
        overscroll-behavior-y: none
    }
    .xl\:overscroll-x-auto {
        overscroll-behavior-x: auto
    }
    .xl\:overscroll-x-contain {
        overscroll-behavior-x: contain
    }
    .xl\:overscroll-x-none {
        overscroll-behavior-x: none
    }
    .xl\:truncate {
        overflow: hidden;
        white-space: nowrap
    }
    .xl\:overflow-ellipsis,
    .xl\:truncate {
        text-overflow: ellipsis
    }
    .xl\:overflow-clip {
        text-overflow: clip
    }
    .xl\:whitespace-normal {
        white-space: normal
    }
    .xl\:whitespace-nowrap {
        white-space: nowrap
    }
    .xl\:whitespace-pre {
        white-space: pre
    }
    .xl\:whitespace-pre-line {
        white-space: pre-line
    }
    .xl\:whitespace-pre-wrap {
        white-space: pre-wrap
    }
    .xl\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }
    .xl\:break-words {
        overflow-wrap: break-word
    }
    .xl\:break-all {
        word-break: break-all
    }
    .xl\:rounded-2 {
        border-radius: 2px
    }
    .xl\:rounded-6 {
        border-radius: 6px
    }
    .xl\:rounded-8 {
        border-radius: 8px
    }
    .xl\:rounded-16 {
        border-radius: 16px
    }
    .xl\:rounded-full {
        border-radius: 100%
    }
    .xl\:rounded-xs {
        border-radius: 2px
    }
    .xl\:rounded-sm {
        border-radius: 4px
    }
    .xl\:rounded-md {
        border-radius: 8px
    }
    .xl\:rounded-lg {
        border-radius: 16px
    }
    .xl\:rounded-t-2 {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .xl\:rounded-t-6 {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .xl\:rounded-t-8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .xl\:rounded-t-16 {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .xl\:rounded-t-full {
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
    .xl\:rounded-t-xs {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .xl\:rounded-t-sm {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
    .xl\:rounded-t-md {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .xl\:rounded-t-lg {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .xl\:rounded-r-2 {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .xl\:rounded-r-6 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .xl\:rounded-r-8 {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .xl\:rounded-r-16 {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .xl\:rounded-r-full {
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%
    }
    .xl\:rounded-r-xs {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .xl\:rounded-r-sm {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .xl\:rounded-r-md {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .xl\:rounded-r-lg {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .xl\:rounded-b-2 {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xl\:rounded-b-6 {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .xl\:rounded-b-8 {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xl\:rounded-b-16 {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xl\:rounded-b-full {
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .xl\:rounded-b-xs {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xl\:rounded-b-sm {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .xl\:rounded-b-md {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xl\:rounded-b-lg {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xl\:rounded-l-2 {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xl\:rounded-l-6 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .xl\:rounded-l-8 {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xl\:rounded-l-16 {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xl\:rounded-l-full {
        border-top-left-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .xl\:rounded-l-xs {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xl\:rounded-l-sm {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .xl\:rounded-l-md {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xl\:rounded-l-lg {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xl\:rounded-tl-2 {
        border-top-left-radius: 2px
    }
    .xl\:rounded-tl-6 {
        border-top-left-radius: 6px
    }
    .xl\:rounded-tl-8 {
        border-top-left-radius: 8px
    }
    .xl\:rounded-tl-16 {
        border-top-left-radius: 16px
    }
    .xl\:rounded-tl-full {
        border-top-left-radius: 100%
    }
    .xl\:rounded-tl-xs {
        border-top-left-radius: 2px
    }
    .xl\:rounded-tl-sm {
        border-top-left-radius: 4px
    }
    .xl\:rounded-tl-md {
        border-top-left-radius: 8px
    }
    .xl\:rounded-tl-lg {
        border-top-left-radius: 16px
    }
    .xl\:rounded-tr-2 {
        border-top-right-radius: 2px
    }
    .xl\:rounded-tr-6 {
        border-top-right-radius: 6px
    }
    .xl\:rounded-tr-8 {
        border-top-right-radius: 8px
    }
    .xl\:rounded-tr-16 {
        border-top-right-radius: 16px
    }
    .xl\:rounded-tr-full {
        border-top-right-radius: 100%
    }
    .xl\:rounded-tr-xs {
        border-top-right-radius: 2px
    }
    .xl\:rounded-tr-sm {
        border-top-right-radius: 4px
    }
    .xl\:rounded-tr-md {
        border-top-right-radius: 8px
    }
    .xl\:rounded-tr-lg {
        border-top-right-radius: 16px
    }
    .xl\:rounded-br-2 {
        border-bottom-right-radius: 2px
    }
    .xl\:rounded-br-6 {
        border-bottom-right-radius: 6px
    }
    .xl\:rounded-br-8 {
        border-bottom-right-radius: 8px
    }
    .xl\:rounded-br-16 {
        border-bottom-right-radius: 16px
    }
    .xl\:rounded-br-full {
        border-bottom-right-radius: 100%
    }
    .xl\:rounded-br-xs {
        border-bottom-right-radius: 2px
    }
    .xl\:rounded-br-sm {
        border-bottom-right-radius: 4px
    }
    .xl\:rounded-br-md {
        border-bottom-right-radius: 8px
    }
    .xl\:rounded-br-lg {
        border-bottom-right-radius: 16px
    }
    .xl\:rounded-bl-2 {
        border-bottom-left-radius: 2px
    }
    .xl\:rounded-bl-6 {
        border-bottom-left-radius: 6px
    }
    .xl\:rounded-bl-8 {
        border-bottom-left-radius: 8px
    }
    .xl\:rounded-bl-16 {
        border-bottom-left-radius: 16px
    }
    .xl\:rounded-bl-full {
        border-bottom-left-radius: 100%
    }
    .xl\:rounded-bl-xs {
        border-bottom-left-radius: 2px
    }
    .xl\:rounded-bl-sm {
        border-bottom-left-radius: 4px
    }
    .xl\:rounded-bl-md {
        border-bottom-left-radius: 8px
    }
    .xl\:rounded-bl-lg {
        border-bottom-left-radius: 16px
    }
    .xl\:border-0 {
        border-width: 0
    }
    .xl\:border-2 {
        border-width: 2px
    }
    .xl\:border-4 {
        border-width: 4px
    }
    .xl\:border-8 {
        border-width: 8px
    }
    .xl\:border {
        border-width: 1px
    }
    .xl\:border-t-0 {
        border-top-width: 0
    }
    .xl\:border-t-2 {
        border-top-width: 2px
    }
    .xl\:border-t-4 {
        border-top-width: 4px
    }
    .xl\:border-t-8 {
        border-top-width: 8px
    }
    .xl\:border-t {
        border-top-width: 1px
    }
    .xl\:border-r-0 {
        border-right-width: 0
    }
    .xl\:border-r-2 {
        border-right-width: 2px
    }
    .xl\:border-r-4 {
        border-right-width: 4px
    }
    .xl\:border-r-8 {
        border-right-width: 8px
    }
    .xl\:border-r {
        border-right-width: 1px
    }
    .xl\:border-b-0 {
        border-bottom-width: 0
    }
    .xl\:border-b-2 {
        border-bottom-width: 2px
    }
    .xl\:border-b-4 {
        border-bottom-width: 4px
    }
    .xl\:border-b-8 {
        border-bottom-width: 8px
    }
    .xl\:border-b {
        border-bottom-width: 1px
    }
    .xl\:border-l-0 {
        border-left-width: 0
    }
    .xl\:border-l-2 {
        border-left-width: 2px
    }
    .xl\:border-l-4 {
        border-left-width: 4px
    }
    .xl\:border-l-8 {
        border-left-width: 8px
    }
    .xl\:border-l {
        border-left-width: 1px
    }
    .xl\:border-solid {
        border-style: solid
    }
    .xl\:border-dashed {
        border-style: dashed
    }
    .xl\:border-dotted {
        border-style: dotted
    }
    .xl\:border-double {
        border-style: double
    }
    .xl\:border-none {
        border-style: none
    }
    .xl\:border-surface-default {
        border-color: var(--border-surface)
    }
    .xl\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .xl\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .xl\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .xl\:border-status-active {
        border-color: var(--border-status-active)
    }
    .xl\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .xl\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .xl\:border-button-success {
        border-color: var(--border-button-success)
    }
    .group:hover .xl\:group-hover\:border-surface-default {
        border-color: var(--border-surface)
    }
    .group:hover .xl\:group-hover\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .group:hover .xl\:group-hover\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .group:hover .xl\:group-hover\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .group:hover .xl\:group-hover\:border-status-active {
        border-color: var(--border-status-active)
    }
    .group:hover .xl\:group-hover\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .group:hover .xl\:group-hover\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .group:hover .xl\:group-hover\:border-button-success {
        border-color: var(--border-button-success)
    }
    .xl\:focus-within\:border-surface-default:focus-within {
        border-color: var(--border-surface)
    }
    .xl\:focus-within\:border-surface-emphasis:focus-within {
        border-color: var(--border-surface-emphasis)
    }
    .xl\:focus-within\:border-surface-contrast:focus-within {
        border-color: var(--border-surface-contrast)
    }
    .xl\:focus-within\:border-status-danger:focus-within {
        border-color: var(--border-status-danger)
    }
    .xl\:focus-within\:border-status-active:focus-within {
        border-color: var(--border-status-active)
    }
    .xl\:focus-within\:border-button-primary:focus-within {
        border-color: var(--border-button-primary)
    }
    .xl\:focus-within\:border-button-secondary:focus-within {
        border-color: var(--border-button-secondary)
    }
    .xl\:focus-within\:border-button-success:focus-within {
        border-color: var(--border-button-success)
    }
    .xl\:hover\:border-surface-default:hover {
        border-color: var(--border-surface)
    }
    .xl\:hover\:border-surface-emphasis:hover {
        border-color: var(--border-surface-emphasis)
    }
    .xl\:hover\:border-surface-contrast:hover {
        border-color: var(--border-surface-contrast)
    }
    .xl\:hover\:border-status-danger:hover {
        border-color: var(--border-status-danger)
    }
    .xl\:hover\:border-status-active:hover {
        border-color: var(--border-status-active)
    }
    .xl\:hover\:border-button-primary:hover {
        border-color: var(--border-button-primary)
    }
    .xl\:hover\:border-button-secondary:hover {
        border-color: var(--border-button-secondary)
    }
    .xl\:hover\:border-button-success:hover {
        border-color: var(--border-button-success)
    }
    .xl\:focus\:border-surface-default:focus {
        border-color: var(--border-surface)
    }
    .xl\:focus\:border-surface-emphasis:focus {
        border-color: var(--border-surface-emphasis)
    }
    .xl\:focus\:border-surface-contrast:focus {
        border-color: var(--border-surface-contrast)
    }
    .xl\:focus\:border-status-danger:focus {
        border-color: var(--border-status-danger)
    }
    .xl\:focus\:border-status-active:focus {
        border-color: var(--border-status-active)
    }
    .xl\:focus\:border-button-primary:focus {
        border-color: var(--border-button-primary)
    }
    .xl\:focus\:border-button-secondary:focus {
        border-color: var(--border-button-secondary)
    }
    .xl\:focus\:border-button-success:focus {
        border-color: var(--border-button-success)
    }
    .xl\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .xl\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .xl\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .xl\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .xl\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .xl\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .xl\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .xl\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .xl\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .xl\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .xl\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .xl\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .xl\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .xl\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .xl\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .group:hover .xl\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .group:hover .xl\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .group:hover .xl\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .group:hover .xl\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .group:hover .xl\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .group:hover .xl\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .group:hover .xl\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .group:hover .xl\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .group:hover .xl\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .group:hover .xl\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .group:hover .xl\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .group:hover .xl\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .group:hover .xl\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .group:hover .xl\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .group:hover .xl\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .xl\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }
    .xl\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }
    .xl\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }
    .xl\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }
    .xl\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }
    .xl\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }
    .xl\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }
    .xl\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }
    .xl\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }
    .xl\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }
    .xl\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }
    .xl\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }
    .xl\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }
    .xl\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }
    .xl\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }
    .xl\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }
    .xl\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }
    .xl\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }
    .xl\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }
    .xl\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }
    .xl\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }
    .xl\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }
    .xl\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }
    .xl\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }
    .xl\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }
    .xl\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }
    .xl\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }
    .xl\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }
    .xl\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }
    .xl\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }
    .xl\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }
    .xl\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }
    .xl\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }
    .xl\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }
    .xl\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }
    .xl\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }
    .xl\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }
    .xl\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }
    .xl\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }
    .xl\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }
    .xl\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }
    .xl\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }
    .xl\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }
    .xl\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }
    .xl\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }
    .xl\:bg-app {
        background-color: var(--bg-app)
    }
    .xl\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .xl\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .xl\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .xl\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .xl\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .xl\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .xl\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .xl\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .xl\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .xl\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .xl\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .xl\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .xl\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .xl\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .xl\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .xl\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .xl\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .xl\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .xl\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .xl\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .xl\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .xl\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .xl\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .xl\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .xl\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .xl\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .xl\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .xl\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .xl\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .xl\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .xl\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xl\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xl\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .xl\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .xl\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .xl\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xl\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xl\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xl\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .xl\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .xl\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .xl\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xl\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .group:hover .xl\:group-hover\:bg-app {
        background-color: var(--bg-app)
    }
    .group:hover .xl\:group-hover\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .group:hover .xl\:group-hover\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .group:hover .xl\:group-hover\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .group:hover .xl\:group-hover\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .group:hover .xl\:group-hover\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .group:hover .xl\:group-hover\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .group:hover .xl\:group-hover\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .group:hover .xl\:group-hover\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .group:hover .xl\:group-hover\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .group:hover .xl\:group-hover\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .group:hover .xl\:group-hover\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .group:hover .xl\:group-hover\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .group:hover .xl\:group-hover\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .group:hover .xl\:group-hover\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .group:hover .xl\:group-hover\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .group:hover .xl\:group-hover\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .group:hover .xl\:group-hover\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .group:hover .xl\:group-hover\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .group:hover .xl\:group-hover\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .group:hover .xl\:group-hover\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .group:hover .xl\:group-hover\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .group:hover .xl\:group-hover\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .group:hover .xl\:group-hover\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .group:hover .xl\:group-hover\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .group:hover .xl\:group-hover\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .group:hover .xl\:group-hover\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .group:hover .xl\:group-hover\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .group:hover .xl\:group-hover\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .group:hover .xl\:group-hover\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .group:hover .xl\:group-hover\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .group:hover .xl\:group-hover\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .group:hover .xl\:group-hover\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .group:hover .xl\:group-hover\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .group:hover .xl\:group-hover\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .group:hover .xl\:group-hover\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .group:hover .xl\:group-hover\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .group:hover .xl\:group-hover\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .group:hover .xl\:group-hover\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .group:hover .xl\:group-hover\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .group:hover .xl\:group-hover\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .group:hover .xl\:group-hover\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .group:hover .xl\:group-hover\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .group:hover .xl\:group-hover\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .xl\:focus-within\:bg-app:focus-within {
        background-color: var(--bg-app)
    }
    .xl\:focus-within\:bg-surface-1-default:focus-within {
        background-color: var(--bg-surface-1)
    }
    .xl\:focus-within\:bg-surface-1-hover:focus-within {
        background-color: var(--bg-surface-1-hover)
    }
    .xl\:focus-within\:bg-surface-2-default:focus-within {
        background-color: var(--bg-surface-2)
    }
    .xl\:focus-within\:bg-surface-2-hover:focus-within {
        background-color: var(--bg-surface-2-hover)
    }
    .xl\:focus-within\:bg-surface-emphasis-default:focus-within {
        background-color: --bg-surface-emphasis
    }
    .xl\:focus-within\:bg-surface-emphasis-hover:focus-within {
        background-color: --bg-surface-emphasis-hover
    }
    .xl\:focus-within\:bg-surface-contrast-default:focus-within {
        background-color: --bg-surface-contrast
    }
    .xl\:focus-within\:bg-surface-contrast-hover:focus-within {
        background-color: --bg-surface-contrast-hover
    }
    .xl\:focus-within\:bg-surface-forced-dark:focus-within {
        background-color: var(--bg-surface-forced-dark)
    }
    .xl\:focus-within\:bg-status-danger-default:focus-within {
        background-color: var(--bg-status-danger)
    }
    .xl\:focus-within\:bg-status-danger-bold:focus-within {
        background-color: var(--bg-status-danger-bold)
    }
    .xl\:focus-within\:bg-status-danger-subtle:focus-within {
        background-color: var(--bg-status-danger-subtle)
    }
    .xl\:focus-within\:bg-status-pending-default:focus-within {
        background-color: var(--bg-status-pending)
    }
    .xl\:focus-within\:bg-status-pending-bold:focus-within {
        background-color: var(--bg-status-pending-bold)
    }
    .xl\:focus-within\:bg-status-pending-subtle:focus-within {
        background-color: var(--bg-status-pending-subtle)
    }
    .xl\:focus-within\:bg-status-success-default:focus-within {
        background-color: var(--bg-status-success)
    }
    .xl\:focus-within\:bg-status-success-bold:focus-within {
        background-color: var(--bg-status-success-bold)
    }
    .xl\:focus-within\:bg-status-success-subtle:focus-within {
        background-color: var(--bg-status-success-subtle)
    }
    .xl\:focus-within\:bg-status-active-default:focus-within {
        background-color: var(--bg-status-active)
    }
    .xl\:focus-within\:bg-status-active-bold:focus-within {
        background-color: var(--bg-status-active-bold)
    }
    .xl\:focus-within\:bg-status-active-subtle:focus-within {
        background-color: var(--bg-status-active-subtle)
    }
    .xl\:focus-within\:bg-status-plain-default:focus-within {
        background-color: var(--bg-status-plain)
    }
    .xl\:focus-within\:bg-status-plain-bold:focus-within {
        background-color: var(--bg-status-plain-bold)
    }
    .xl\:focus-within\:bg-status-plain-subtle:focus-within {
        background-color: var(--bg-status-plain-subtle)
    }
    .xl\:focus-within\:bg-button-primary:focus-within {
        background-color: var(--bg-button-primary)
    }
    .xl\:focus-within\:bg-button-danger:focus-within {
        background-color: var(--bg-button-danger)
    }
    .xl\:focus-within\:bg-button-success:focus-within {
        background-color: var(--bg-button-success)
    }
    .xl\:focus-within\:bg-button-oncolor:focus-within {
        background-color: var(--bg-button-oncolor)
    }
    .xl\:focus-within\:bg-button-hover-primary:focus-within {
        background-color: var(--bg-button-primary-hover)
    }
    .xl\:focus-within\:bg-button-hover-text:focus-within {
        background-color: var(--bg-button-text-hover)
    }
    .xl\:focus-within\:bg-button-hover-danger:focus-within {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xl\:focus-within\:bg-button-hover-oncolor:focus-within {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xl\:focus-within\:bg-button-hover-success-default:focus-within {
        background-color: var(--bg-button-success-hover)
    }
    .xl\:focus-within\:bg-button-hover-success-text:focus-within {
        background-color: var(--bg-button-text-success-hover)
    }
    .xl\:focus-within\:bg-decorative-purple-default:focus-within {
        background-color: var(--bg-decorative-purple)
    }
    .xl\:focus-within\:bg-decorative-purple-bold:focus-within {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xl\:focus-within\:bg-decorative-purple-subtle:focus-within {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xl\:focus-within\:bg-decorative-orange-bold:focus-within {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xl\:focus-within\:bg-overlay-modal:focus-within {
        background-color: var(--bg-overlay-modal)
    }
    .xl\:focus-within\:bg-gradient-lineChart:focus-within {
        background-color: var(--bg-gradient-line-chart)
    }
    .xl\:focus-within\:bg-gradient-margin:focus-within {
        background-color: var(--bg-gradient-margin)
    }
    .xl\:focus-within\:bg-gradient-healthRainbow:focus-within {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xl\:focus-within\:bg-gradient-promo-1:focus-within {
        background-color: var(--bg-gradient-promo-1)
    }
    .xl\:hover\:bg-app:hover {
        background-color: var(--bg-app)
    }
    .xl\:hover\:bg-surface-1-default:hover {
        background-color: var(--bg-surface-1)
    }
    .xl\:hover\:bg-surface-1-hover:hover {
        background-color: var(--bg-surface-1-hover)
    }
    .xl\:hover\:bg-surface-2-default:hover {
        background-color: var(--bg-surface-2)
    }
    .xl\:hover\:bg-surface-2-hover:hover {
        background-color: var(--bg-surface-2-hover)
    }
    .xl\:hover\:bg-surface-emphasis-default:hover {
        background-color: --bg-surface-emphasis
    }
    .xl\:hover\:bg-surface-emphasis-hover:hover {
        background-color: --bg-surface-emphasis-hover
    }
    .xl\:hover\:bg-surface-contrast-default:hover {
        background-color: --bg-surface-contrast
    }
    .xl\:hover\:bg-surface-contrast-hover:hover {
        background-color: --bg-surface-contrast-hover
    }
    .xl\:hover\:bg-surface-forced-dark:hover {
        background-color: var(--bg-surface-forced-dark)
    }
    .xl\:hover\:bg-status-danger-default:hover {
        background-color: var(--bg-status-danger)
    }
    .xl\:hover\:bg-status-danger-bold:hover {
        background-color: var(--bg-status-danger-bold)
    }
    .xl\:hover\:bg-status-danger-subtle:hover {
        background-color: var(--bg-status-danger-subtle)
    }
    .xl\:hover\:bg-status-pending-default:hover {
        background-color: var(--bg-status-pending)
    }
    .xl\:hover\:bg-status-pending-bold:hover {
        background-color: var(--bg-status-pending-bold)
    }
    .xl\:hover\:bg-status-pending-subtle:hover {
        background-color: var(--bg-status-pending-subtle)
    }
    .xl\:hover\:bg-status-success-default:hover {
        background-color: var(--bg-status-success)
    }
    .xl\:hover\:bg-status-success-bold:hover {
        background-color: var(--bg-status-success-bold)
    }
    .xl\:hover\:bg-status-success-subtle:hover {
        background-color: var(--bg-status-success-subtle)
    }
    .xl\:hover\:bg-status-active-default:hover {
        background-color: var(--bg-status-active)
    }
    .xl\:hover\:bg-status-active-bold:hover {
        background-color: var(--bg-status-active-bold)
    }
    .xl\:hover\:bg-status-active-subtle:hover {
        background-color: var(--bg-status-active-subtle)
    }
    .xl\:hover\:bg-status-plain-default:hover {
        background-color: var(--bg-status-plain)
    }
    .xl\:hover\:bg-status-plain-bold:hover {
        background-color: var(--bg-status-plain-bold)
    }
    .xl\:hover\:bg-status-plain-subtle:hover {
        background-color: var(--bg-status-plain-subtle)
    }
    .xl\:hover\:bg-button-primary:hover {
        background-color: var(--bg-button-primary)
    }
    .xl\:hover\:bg-button-danger:hover {
        background-color: var(--bg-button-danger)
    }
    .xl\:hover\:bg-button-success:hover {
        background-color: var(--bg-button-success)
    }
    .xl\:hover\:bg-button-oncolor:hover {
        background-color: var(--bg-button-oncolor)
    }
    .xl\:hover\:bg-button-hover-primary:hover {
        background-color: var(--bg-button-primary-hover)
    }
    .xl\:hover\:bg-button-hover-text:hover {
        background-color: var(--bg-button-text-hover)
    }
    .xl\:hover\:bg-button-hover-danger:hover {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xl\:hover\:bg-button-hover-oncolor:hover {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xl\:hover\:bg-button-hover-success-default:hover {
        background-color: var(--bg-button-success-hover)
    }
    .xl\:hover\:bg-button-hover-success-text:hover {
        background-color: var(--bg-button-text-success-hover)
    }
    .xl\:hover\:bg-decorative-purple-default:hover {
        background-color: var(--bg-decorative-purple)
    }
    .xl\:hover\:bg-decorative-purple-bold:hover {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xl\:hover\:bg-decorative-purple-subtle:hover {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xl\:hover\:bg-decorative-orange-bold:hover {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xl\:hover\:bg-overlay-modal:hover {
        background-color: var(--bg-overlay-modal)
    }
    .xl\:hover\:bg-gradient-lineChart:hover {
        background-color: var(--bg-gradient-line-chart)
    }
    .xl\:hover\:bg-gradient-margin:hover {
        background-color: var(--bg-gradient-margin)
    }
    .xl\:hover\:bg-gradient-healthRainbow:hover {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xl\:hover\:bg-gradient-promo-1:hover {
        background-color: var(--bg-gradient-promo-1)
    }
    .xl\:focus\:bg-app:focus {
        background-color: var(--bg-app)
    }
    .xl\:focus\:bg-surface-1-default:focus {
        background-color: var(--bg-surface-1)
    }
    .xl\:focus\:bg-surface-1-hover:focus {
        background-color: var(--bg-surface-1-hover)
    }
    .xl\:focus\:bg-surface-2-default:focus {
        background-color: var(--bg-surface-2)
    }
    .xl\:focus\:bg-surface-2-hover:focus {
        background-color: var(--bg-surface-2-hover)
    }
    .xl\:focus\:bg-surface-emphasis-default:focus {
        background-color: --bg-surface-emphasis
    }
    .xl\:focus\:bg-surface-emphasis-hover:focus {
        background-color: --bg-surface-emphasis-hover
    }
    .xl\:focus\:bg-surface-contrast-default:focus {
        background-color: --bg-surface-contrast
    }
    .xl\:focus\:bg-surface-contrast-hover:focus {
        background-color: --bg-surface-contrast-hover
    }
    .xl\:focus\:bg-surface-forced-dark:focus {
        background-color: var(--bg-surface-forced-dark)
    }
    .xl\:focus\:bg-status-danger-default:focus {
        background-color: var(--bg-status-danger)
    }
    .xl\:focus\:bg-status-danger-bold:focus {
        background-color: var(--bg-status-danger-bold)
    }
    .xl\:focus\:bg-status-danger-subtle:focus {
        background-color: var(--bg-status-danger-subtle)
    }
    .xl\:focus\:bg-status-pending-default:focus {
        background-color: var(--bg-status-pending)
    }
    .xl\:focus\:bg-status-pending-bold:focus {
        background-color: var(--bg-status-pending-bold)
    }
    .xl\:focus\:bg-status-pending-subtle:focus {
        background-color: var(--bg-status-pending-subtle)
    }
    .xl\:focus\:bg-status-success-default:focus {
        background-color: var(--bg-status-success)
    }
    .xl\:focus\:bg-status-success-bold:focus {
        background-color: var(--bg-status-success-bold)
    }
    .xl\:focus\:bg-status-success-subtle:focus {
        background-color: var(--bg-status-success-subtle)
    }
    .xl\:focus\:bg-status-active-default:focus {
        background-color: var(--bg-status-active)
    }
    .xl\:focus\:bg-status-active-bold:focus {
        background-color: var(--bg-status-active-bold)
    }
    .xl\:focus\:bg-status-active-subtle:focus {
        background-color: var(--bg-status-active-subtle)
    }
    .xl\:focus\:bg-status-plain-default:focus {
        background-color: var(--bg-status-plain)
    }
    .xl\:focus\:bg-status-plain-bold:focus {
        background-color: var(--bg-status-plain-bold)
    }
    .xl\:focus\:bg-status-plain-subtle:focus {
        background-color: var(--bg-status-plain-subtle)
    }
    .xl\:focus\:bg-button-primary:focus {
        background-color: var(--bg-button-primary)
    }
    .xl\:focus\:bg-button-danger:focus {
        background-color: var(--bg-button-danger)
    }
    .xl\:focus\:bg-button-success:focus {
        background-color: var(--bg-button-success)
    }
    .xl\:focus\:bg-button-oncolor:focus {
        background-color: var(--bg-button-oncolor)
    }
    .xl\:focus\:bg-button-hover-primary:focus {
        background-color: var(--bg-button-primary-hover)
    }
    .xl\:focus\:bg-button-hover-text:focus {
        background-color: var(--bg-button-text-hover)
    }
    .xl\:focus\:bg-button-hover-danger:focus {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xl\:focus\:bg-button-hover-oncolor:focus {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xl\:focus\:bg-button-hover-success-default:focus {
        background-color: var(--bg-button-success-hover)
    }
    .xl\:focus\:bg-button-hover-success-text:focus {
        background-color: var(--bg-button-text-success-hover)
    }
    .xl\:focus\:bg-decorative-purple-default:focus {
        background-color: var(--bg-decorative-purple)
    }
    .xl\:focus\:bg-decorative-purple-bold:focus {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xl\:focus\:bg-decorative-purple-subtle:focus {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xl\:focus\:bg-decorative-orange-bold:focus {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xl\:focus\:bg-overlay-modal:focus {
        background-color: var(--bg-overlay-modal)
    }
    .xl\:focus\:bg-gradient-lineChart:focus {
        background-color: var(--bg-gradient-line-chart)
    }
    .xl\:focus\:bg-gradient-margin:focus {
        background-color: var(--bg-gradient-margin)
    }
    .xl\:focus\:bg-gradient-healthRainbow:focus {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xl\:focus\:bg-gradient-promo-1:focus {
        background-color: var(--bg-gradient-promo-1)
    }
    .xl\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .xl\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .xl\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .xl\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .xl\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .xl\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .xl\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .xl\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .xl\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .xl\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .xl\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .xl\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .xl\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .xl\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .xl\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .group:hover .xl\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .group:hover .xl\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .group:hover .xl\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .group:hover .xl\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .group:hover .xl\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .group:hover .xl\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .group:hover .xl\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .group:hover .xl\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .group:hover .xl\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .group:hover .xl\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .group:hover .xl\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .group:hover .xl\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .group:hover .xl\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .group:hover .xl\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .group:hover .xl\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .xl\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }
    .xl\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }
    .xl\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }
    .xl\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }
    .xl\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }
    .xl\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }
    .xl\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }
    .xl\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }
    .xl\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }
    .xl\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }
    .xl\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }
    .xl\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }
    .xl\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }
    .xl\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }
    .xl\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }
    .xl\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }
    .xl\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }
    .xl\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }
    .xl\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }
    .xl\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }
    .xl\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }
    .xl\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }
    .xl\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }
    .xl\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }
    .xl\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }
    .xl\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }
    .xl\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }
    .xl\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }
    .xl\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }
    .xl\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }
    .xl\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }
    .xl\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }
    .xl\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }
    .xl\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }
    .xl\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }
    .xl\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }
    .xl\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }
    .xl\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }
    .xl\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }
    .xl\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }
    .xl\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }
    .xl\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }
    .xl\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }
    .xl\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }
    .xl\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }
    .xl\:bg-none {
        background-image: none
    }
    .xl\:bg-gradient-to-t {
        background-image: linear-gradient(0deg, var(--tw-gradient-stops))
    }
    .xl\:bg-gradient-to-tr {
        background-image: linear-gradient(to top right, var(--tw-gradient-stops))
    }
    .xl\:bg-gradient-to-r {
        background-image: linear-gradient(90deg, var(--tw-gradient-stops))
    }
    .xl\:bg-gradient-to-br {
        background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
    }
    .xl\:bg-gradient-to-b {
        background-image: linear-gradient(180deg, var(--tw-gradient-stops))
    }
    .xl\:bg-gradient-to-bl {
        background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
    }
    .xl\:bg-gradient-to-l {
        background-image: linear-gradient(270deg, var(--tw-gradient-stops))
    }
    .xl\:bg-gradient-to-tl {
        background-image: linear-gradient(to top left, var(--tw-gradient-stops))
    }
    .xl\:from-common-white {
        --tw-gradient-from: var(--common-white)
    }
    .xl\:from-common-tertiary,
    .xl\:from-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-common-tertiary {
        --tw-gradient-from: var(--common-tertiary)
    }
    .xl\:from-common-dark {
        --tw-gradient-from: var(--common-dark)
    }
    .xl\:from-common-dark,
    .xl\:from-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-scheme-primary {
        --tw-gradient-from: var(--common-primary)
    }
    .xl\:from-scheme-success {
        --tw-gradient-from: var(--text-success)
    }
    .xl\:from-scheme-success,
    .xl\:from-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-scheme-warning {
        --tw-gradient-from: var(--text-pending)
    }
    .xl\:from-scheme-danger {
        --tw-gradient-from: var(--text-danger)
    }
    .xl\:from-primary,
    .xl\:from-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-primary {
        --tw-gradient-from: var(--text-primary)
    }
    .xl\:from-secondary {
        --tw-gradient-from: var(--text-secondary)
    }
    .xl\:from-secondary,
    .xl\:from-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-tertiary {
        --tw-gradient-from: var(--text-tertiary)
    }
    .xl\:from-danger-default {
        --tw-gradient-from: var(--text-danger)
    }
    .xl\:from-danger-bold,
    .xl\:from-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-danger-bold {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .xl\:from-success-default {
        --tw-gradient-from: var(--text-success)
    }
    .xl\:from-success-bold,
    .xl\:from-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-success-bold {
        --tw-gradient-from: var(--text-success-bold)
    }
    .xl\:from-success-subtle {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .xl\:from-active-default,
    .xl\:from-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-active-default {
        --tw-gradient-from: var(--text-active)
    }
    .xl\:from-active-bold {
        --tw-gradient-from: var(--text-active-bold)
    }
    .xl\:from-active-bold,
    .xl\:from-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-pending-default {
        --tw-gradient-from: var(--text-pending)
    }
    .xl\:from-pending-bold {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .xl\:from-contrast-primary,
    .xl\:from-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-contrast-primary {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .xl\:from-contrast-secondary {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .xl\:from-contrast-secondary,
    .xl\:from-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-forced-tertiary {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .xl\:from-decorative-red {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .xl\:from-decorative-blue,
    .xl\:from-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-decorative-blue {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .xl\:from-decorative-yellow {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .xl\:from-decorative-grey,
    .xl\:from-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-decorative-grey {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .xl\:from-decorative-green {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .xl\:from-decorative-green,
    .xl\:from-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:from-decorative-purple-default {
        --tw-gradient-from: var(--text-decorative-purple)
    }
    .xl\:from-decorative-purple-bold {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .xl\:from-decorative-purple-bold,
    .xl\:hover\:from-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-common-white:hover {
        --tw-gradient-from: var(--common-white)
    }
    .xl\:hover\:from-common-tertiary:hover {
        --tw-gradient-from: var(--common-tertiary)
    }
    .xl\:hover\:from-common-dark:hover,
    .xl\:hover\:from-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-common-dark:hover {
        --tw-gradient-from: var(--common-dark)
    }
    .xl\:hover\:from-scheme-primary:hover {
        --tw-gradient-from: var(--common-primary)
    }
    .xl\:hover\:from-scheme-primary:hover,
    .xl\:hover\:from-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-scheme-success:hover {
        --tw-gradient-from: var(--text-success)
    }
    .xl\:hover\:from-scheme-warning:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .xl\:hover\:from-scheme-danger:hover,
    .xl\:hover\:from-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-scheme-danger:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .xl\:hover\:from-primary:hover {
        --tw-gradient-from: var(--text-primary)
    }
    .xl\:hover\:from-primary:hover,
    .xl\:hover\:from-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-secondary:hover {
        --tw-gradient-from: var(--text-secondary)
    }
    .xl\:hover\:from-tertiary:hover {
        --tw-gradient-from: var(--text-tertiary)
    }
    .xl\:hover\:from-danger-default:hover,
    .xl\:hover\:from-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-danger-default:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .xl\:hover\:from-danger-bold:hover {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .xl\:hover\:from-danger-bold:hover,
    .xl\:hover\:from-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-success-default:hover {
        --tw-gradient-from: var(--text-success)
    }
    .xl\:hover\:from-success-bold:hover {
        --tw-gradient-from: var(--text-success-bold)
    }
    .xl\:hover\:from-success-bold:hover,
    .xl\:hover\:from-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-success-subtle:hover {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .xl\:hover\:from-active-default:hover {
        --tw-gradient-from: var(--text-active)
    }
    .xl\:hover\:from-active-bold:hover,
    .xl\:hover\:from-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-active-bold:hover {
        --tw-gradient-from: var(--text-active-bold)
    }
    .xl\:hover\:from-pending-default:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .xl\:hover\:from-pending-bold:hover,
    .xl\:hover\:from-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-pending-bold:hover {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .xl\:hover\:from-contrast-primary:hover {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .xl\:hover\:from-contrast-primary:hover,
    .xl\:hover\:from-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-contrast-secondary:hover {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .xl\:hover\:from-forced-tertiary:hover {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .xl\:hover\:from-decorative-red:hover,
    .xl\:hover\:from-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-decorative-red:hover {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .xl\:hover\:from-decorative-blue:hover {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .xl\:hover\:from-decorative-blue:hover,
    .xl\:hover\:from-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-decorative-yellow:hover {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .xl\:hover\:from-decorative-grey:hover {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .xl\:hover\:from-decorative-green:hover,
    .xl\:hover\:from-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-decorative-green:hover {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .xl\:hover\:from-decorative-purple-default:hover {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .xl\:focus\:from-common-white:focus,
    .xl\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-common-white:focus {
        --tw-gradient-from: var(--common-white)
    }
    .xl\:focus\:from-common-tertiary:focus {
        --tw-gradient-from: var(--common-tertiary)
    }
    .xl\:focus\:from-common-dark:focus,
    .xl\:focus\:from-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-common-dark:focus {
        --tw-gradient-from: var(--common-dark)
    }
    .xl\:focus\:from-scheme-primary:focus {
        --tw-gradient-from: var(--common-primary)
    }
    .xl\:focus\:from-scheme-primary:focus,
    .xl\:focus\:from-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-scheme-success:focus {
        --tw-gradient-from: var(--text-success)
    }
    .xl\:focus\:from-scheme-warning:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .xl\:focus\:from-scheme-danger:focus,
    .xl\:focus\:from-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-scheme-danger:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .xl\:focus\:from-primary:focus {
        --tw-gradient-from: var(--text-primary)
    }
    .xl\:focus\:from-primary:focus,
    .xl\:focus\:from-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-secondary:focus {
        --tw-gradient-from: var(--text-secondary)
    }
    .xl\:focus\:from-tertiary:focus {
        --tw-gradient-from: var(--text-tertiary)
    }
    .xl\:focus\:from-danger-default:focus,
    .xl\:focus\:from-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-danger-default:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .xl\:focus\:from-danger-bold:focus {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .xl\:focus\:from-danger-bold:focus,
    .xl\:focus\:from-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-success-default:focus {
        --tw-gradient-from: var(--text-success)
    }
    .xl\:focus\:from-success-bold:focus {
        --tw-gradient-from: var(--text-success-bold)
    }
    .xl\:focus\:from-success-bold:focus,
    .xl\:focus\:from-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-success-subtle:focus {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .xl\:focus\:from-active-default:focus {
        --tw-gradient-from: var(--text-active)
    }
    .xl\:focus\:from-active-bold:focus,
    .xl\:focus\:from-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-active-bold:focus {
        --tw-gradient-from: var(--text-active-bold)
    }
    .xl\:focus\:from-pending-default:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .xl\:focus\:from-pending-bold:focus,
    .xl\:focus\:from-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-pending-bold:focus {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .xl\:focus\:from-contrast-primary:focus {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .xl\:focus\:from-contrast-primary:focus,
    .xl\:focus\:from-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-contrast-secondary:focus {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .xl\:focus\:from-forced-tertiary:focus {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .xl\:focus\:from-decorative-red:focus,
    .xl\:focus\:from-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-decorative-red:focus {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .xl\:focus\:from-decorative-blue:focus {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .xl\:focus\:from-decorative-blue:focus,
    .xl\:focus\:from-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-decorative-yellow:focus {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .xl\:focus\:from-decorative-grey:focus {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .xl\:focus\:from-decorative-green:focus,
    .xl\:focus\:from-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-decorative-green:focus {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .xl\:focus\:from-decorative-purple-default:focus {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:from-decorative-purple-bold:focus {
        --tw-gradient-from: var(--text-decorative-purple-bold);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-common-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-common-dark {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-scheme-success {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-danger-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-success-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-active-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-active-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-contrast-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-contrast-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-decorative-blue {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-decorative-grey {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-decorative-green {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:via-decorative-purple-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-common-dark:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-scheme-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-scheme-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-danger-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-danger-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-success-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-active-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-pending-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-contrast-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-decorative-red:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-decorative-blue:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-decorative-green:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-decorative-purple-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:hover\:via-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-common-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-common-dark:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-scheme-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-scheme-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-danger-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-danger-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-success-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-active-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-pending-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-contrast-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-decorative-red:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-decorative-blue:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-decorative-green:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-decorative-purple-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:focus\:via-decorative-purple-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xl\:to-common-white {
        --tw-gradient-to: var(--common-white)
    }
    .xl\:to-common-tertiary {
        --tw-gradient-to: var(--common-tertiary)
    }
    .xl\:to-common-dark {
        --tw-gradient-to: var(--common-dark)
    }
    .xl\:to-scheme-primary {
        --tw-gradient-to: var(--common-primary)
    }
    .xl\:to-scheme-success {
        --tw-gradient-to: var(--text-success)
    }
    .xl\:to-scheme-warning {
        --tw-gradient-to: var(--text-pending)
    }
    .xl\:to-scheme-danger {
        --tw-gradient-to: var(--text-danger)
    }
    .xl\:to-primary {
        --tw-gradient-to: var(--text-primary)
    }
    .xl\:to-secondary {
        --tw-gradient-to: var(--text-secondary)
    }
    .xl\:to-tertiary {
        --tw-gradient-to: var(--text-tertiary)
    }
    .xl\:to-danger-default {
        --tw-gradient-to: var(--text-danger)
    }
    .xl\:to-danger-bold {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .xl\:to-success-default {
        --tw-gradient-to: var(--text-success)
    }
    .xl\:to-success-bold {
        --tw-gradient-to: var(--text-success-bold)
    }
    .xl\:to-success-subtle {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .xl\:to-active-default {
        --tw-gradient-to: var(--text-active)
    }
    .xl\:to-active-bold {
        --tw-gradient-to: var(--text-active-bold)
    }
    .xl\:to-pending-default {
        --tw-gradient-to: var(--text-pending)
    }
    .xl\:to-pending-bold {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .xl\:to-contrast-primary {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .xl\:to-contrast-secondary {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .xl\:to-forced-tertiary {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .xl\:to-decorative-red {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .xl\:to-decorative-blue {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .xl\:to-decorative-yellow {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .xl\:to-decorative-grey {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .xl\:to-decorative-green {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .xl\:to-decorative-purple-default {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .xl\:to-decorative-purple-bold {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .xl\:hover\:to-common-white:hover {
        --tw-gradient-to: var(--common-white)
    }
    .xl\:hover\:to-common-tertiary:hover {
        --tw-gradient-to: var(--common-tertiary)
    }
    .xl\:hover\:to-common-dark:hover {
        --tw-gradient-to: var(--common-dark)
    }
    .xl\:hover\:to-scheme-primary:hover {
        --tw-gradient-to: var(--common-primary)
    }
    .xl\:hover\:to-scheme-success:hover {
        --tw-gradient-to: var(--text-success)
    }
    .xl\:hover\:to-scheme-warning:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .xl\:hover\:to-scheme-danger:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .xl\:hover\:to-primary:hover {
        --tw-gradient-to: var(--text-primary)
    }
    .xl\:hover\:to-secondary:hover {
        --tw-gradient-to: var(--text-secondary)
    }
    .xl\:hover\:to-tertiary:hover {
        --tw-gradient-to: var(--text-tertiary)
    }
    .xl\:hover\:to-danger-default:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .xl\:hover\:to-danger-bold:hover {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .xl\:hover\:to-success-default:hover {
        --tw-gradient-to: var(--text-success)
    }
    .xl\:hover\:to-success-bold:hover {
        --tw-gradient-to: var(--text-success-bold)
    }
    .xl\:hover\:to-success-subtle:hover {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .xl\:hover\:to-active-default:hover {
        --tw-gradient-to: var(--text-active)
    }
    .xl\:hover\:to-active-bold:hover {
        --tw-gradient-to: var(--text-active-bold)
    }
    .xl\:hover\:to-pending-default:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .xl\:hover\:to-pending-bold:hover {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .xl\:hover\:to-contrast-primary:hover {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .xl\:hover\:to-contrast-secondary:hover {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .xl\:hover\:to-forced-tertiary:hover {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .xl\:hover\:to-decorative-red:hover {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .xl\:hover\:to-decorative-blue:hover {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .xl\:hover\:to-decorative-yellow:hover {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .xl\:hover\:to-decorative-grey:hover {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .xl\:hover\:to-decorative-green:hover {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .xl\:hover\:to-decorative-purple-default:hover {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .xl\:hover\:to-decorative-purple-bold:hover {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .xl\:focus\:to-common-white:focus {
        --tw-gradient-to: var(--common-white)
    }
    .xl\:focus\:to-common-tertiary:focus {
        --tw-gradient-to: var(--common-tertiary)
    }
    .xl\:focus\:to-common-dark:focus {
        --tw-gradient-to: var(--common-dark)
    }
    .xl\:focus\:to-scheme-primary:focus {
        --tw-gradient-to: var(--common-primary)
    }
    .xl\:focus\:to-scheme-success:focus {
        --tw-gradient-to: var(--text-success)
    }
    .xl\:focus\:to-scheme-warning:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .xl\:focus\:to-scheme-danger:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .xl\:focus\:to-primary:focus {
        --tw-gradient-to: var(--text-primary)
    }
    .xl\:focus\:to-secondary:focus {
        --tw-gradient-to: var(--text-secondary)
    }
    .xl\:focus\:to-tertiary:focus {
        --tw-gradient-to: var(--text-tertiary)
    }
    .xl\:focus\:to-danger-default:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .xl\:focus\:to-danger-bold:focus {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .xl\:focus\:to-success-default:focus {
        --tw-gradient-to: var(--text-success)
    }
    .xl\:focus\:to-success-bold:focus {
        --tw-gradient-to: var(--text-success-bold)
    }
    .xl\:focus\:to-success-subtle:focus {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .xl\:focus\:to-active-default:focus {
        --tw-gradient-to: var(--text-active)
    }
    .xl\:focus\:to-active-bold:focus {
        --tw-gradient-to: var(--text-active-bold)
    }
    .xl\:focus\:to-pending-default:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .xl\:focus\:to-pending-bold:focus {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .xl\:focus\:to-contrast-primary:focus {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .xl\:focus\:to-contrast-secondary:focus {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .xl\:focus\:to-forced-tertiary:focus {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .xl\:focus\:to-decorative-red:focus {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .xl\:focus\:to-decorative-blue:focus {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .xl\:focus\:to-decorative-yellow:focus {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .xl\:focus\:to-decorative-grey:focus {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .xl\:focus\:to-decorative-green:focus {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .xl\:focus\:to-decorative-purple-default:focus {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .xl\:focus\:to-decorative-purple-bold:focus {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .xl\:decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice
    }
    .xl\:decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
    .xl\:bg-auto {
        background-size: auto
    }
    .xl\:bg-cover {
        background-size: cover
    }
    .xl\:bg-contain {
        background-size: contain
    }
    .xl\:bg-fixed {
        background-attachment: fixed
    }
    .xl\:bg-local {
        background-attachment: local
    }
    .xl\:bg-scroll {
        background-attachment: scroll
    }
    .xl\:bg-clip-border {
        background-clip: border-box
    }
    .xl\:bg-clip-padding {
        background-clip: padding-box
    }
    .xl\:bg-clip-content {
        background-clip: content-box
    }
    .xl\:bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }
    .xl\:bg-bottom {
        background-position: bottom
    }
    .xl\:bg-center {
        background-position: 50%
    }
    .xl\:bg-left {
        background-position: 0
    }
    .xl\:bg-left-bottom {
        background-position: 0 100%
    }
    .xl\:bg-left-top {
        background-position: 0 0
    }
    .xl\:bg-right {
        background-position: 100%
    }
    .xl\:bg-right-bottom {
        background-position: 100% 100%
    }
    .xl\:bg-right-top {
        background-position: 100% 0
    }
    .xl\:bg-top {
        background-position: top
    }
    .xl\:bg-repeat {
        background-repeat: repeat
    }
    .xl\:bg-no-repeat {
        background-repeat: no-repeat
    }
    .xl\:bg-repeat-x {
        background-repeat: repeat-x
    }
    .xl\:bg-repeat-y {
        background-repeat: repeat-y
    }
    .xl\:bg-repeat-round {
        background-repeat: round
    }
    .xl\:bg-repeat-space {
        background-repeat: space
    }
    .xl\:bg-origin-border {
        background-origin: border-box
    }
    .xl\:bg-origin-padding {
        background-origin: padding-box
    }
    .xl\:bg-origin-content {
        background-origin: content-box
    }
    .xl\:fill-current {
        fill: currentColor
    }
    .xl\:stroke-current {
        stroke: currentColor
    }
    .xl\:stroke-0 {
        stroke-width: 0
    }
    .xl\:stroke-1 {
        stroke-width: 1
    }
    .xl\:stroke-2 {
        stroke-width: 2
    }
    .xl\:object-contain {
        object-fit: contain
    }
    .xl\:object-cover {
        object-fit: cover
    }
    .xl\:object-fill {
        object-fit: fill
    }
    .xl\:object-none {
        object-fit: none
    }
    .xl\:object-scale-down {
        object-fit: scale-down
    }
    .xl\:object-bottom {
        object-position: bottom
    }
    .xl\:object-center {
        object-position: center
    }
    .xl\:object-left {
        object-position: left
    }
    .xl\:object-left-bottom {
        object-position: left bottom
    }
    .xl\:object-left-top {
        object-position: left top
    }
    .xl\:object-right {
        object-position: right
    }
    .xl\:object-right-bottom {
        object-position: right bottom
    }
    .xl\:object-right-top {
        object-position: right top
    }
    .xl\:object-top {
        object-position: top
    }
    .xl\:p-0 {
        padding: 0
    }
    .xl\:p-2 {
        padding: var(--space-5xs)
    }
    .xl\:p-4 {
        padding: var(--space-4xs)
    }
    .xl\:p-6 {
        padding: var(--space-3xs)
    }
    .xl\:p-8 {
        padding: var(--space-2xs)
    }
    .xl\:p-12 {
        padding: var(--space-xs)
    }
    .xl\:p-16 {
        padding: var(--space-sm)
    }
    .xl\:p-20 {
        padding: var(--space-md)
    }
    .xl\:p-24 {
        padding: var(--space-lg)
    }
    .xl\:p-32 {
        padding: var(--space-xl)
    }
    .xl\:p-40 {
        padding: var(--space-2xl)
    }
    .xl\:p-48 {
        padding: var(--space-3xl)
    }
    .xl\:p-80 {
        padding: var(--space-4xl)
    }
    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .xl\:px-2 {
        padding-left: var(--space-5xs);
        padding-right: var(--space-5xs)
    }
    .xl\:px-4 {
        padding-left: var(--space-4xs);
        padding-right: var(--space-4xs)
    }
    .xl\:px-6 {
        padding-left: var(--space-3xs);
        padding-right: var(--space-3xs)
    }
    .xl\:px-8 {
        padding-left: var(--space-2xs);
        padding-right: var(--space-2xs)
    }
    .xl\:px-12 {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }
    .xl\:px-16 {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }
    .xl\:px-20 {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }
    .xl\:px-24 {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }
    .xl\:px-32 {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }
    .xl\:px-40 {
        padding-left: var(--space-2xl);
        padding-right: var(--space-2xl)
    }
    .xl\:px-48 {
        padding-left: var(--space-3xl);
        padding-right: var(--space-3xl)
    }
    .xl\:px-80 {
        padding-left: var(--space-4xl);
        padding-right: var(--space-4xl)
    }
    .xl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .xl\:py-2 {
        padding-top: var(--space-5xs);
        padding-bottom: var(--space-5xs)
    }
    .xl\:py-4 {
        padding-top: var(--space-4xs);
        padding-bottom: var(--space-4xs)
    }
    .xl\:py-6 {
        padding-top: var(--space-3xs);
        padding-bottom: var(--space-3xs)
    }
    .xl\:py-8 {
        padding-top: var(--space-2xs);
        padding-bottom: var(--space-2xs)
    }
    .xl\:py-12 {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }
    .xl\:py-16 {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }
    .xl\:py-20 {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }
    .xl\:py-24 {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }
    .xl\:py-32 {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }
    .xl\:py-40 {
        padding-top: var(--space-2xl);
        padding-bottom: var(--space-2xl)
    }
    .xl\:py-48 {
        padding-top: var(--space-3xl);
        padding-bottom: var(--space-3xl)
    }
    .xl\:py-80 {
        padding-top: var(--space-4xl);
        padding-bottom: var(--space-4xl)
    }
    .xl\:pt-0 {
        padding-top: 0
    }
    .xl\:pt-2 {
        padding-top: var(--space-5xs)
    }
    .xl\:pt-4 {
        padding-top: var(--space-4xs)
    }
    .xl\:pt-6 {
        padding-top: var(--space-3xs)
    }
    .xl\:pt-8 {
        padding-top: var(--space-2xs)
    }
    .xl\:pt-12 {
        padding-top: var(--space-xs)
    }
    .xl\:pt-16 {
        padding-top: var(--space-sm)
    }
    .xl\:pt-20 {
        padding-top: var(--space-md)
    }
    .xl\:pt-24 {
        padding-top: var(--space-lg)
    }
    .xl\:pt-32 {
        padding-top: var(--space-xl)
    }
    .xl\:pt-40 {
        padding-top: var(--space-2xl)
    }
    .xl\:pt-48 {
        padding-top: var(--space-3xl)
    }
    .xl\:pt-80 {
        padding-top: var(--space-4xl)
    }
    .xl\:pr-0 {
        padding-right: 0
    }
    .xl\:pr-2 {
        padding-right: var(--space-5xs)
    }
    .xl\:pr-4 {
        padding-right: var(--space-4xs)
    }
    .xl\:pr-6 {
        padding-right: var(--space-3xs)
    }
    .xl\:pr-8 {
        padding-right: var(--space-2xs)
    }
    .xl\:pr-12 {
        padding-right: var(--space-xs)
    }
    .xl\:pr-16 {
        padding-right: var(--space-sm)
    }
    .xl\:pr-20 {
        padding-right: var(--space-md)
    }
    .xl\:pr-24 {
        padding-right: var(--space-lg)
    }
    .xl\:pr-32 {
        padding-right: var(--space-xl)
    }
    .xl\:pr-40 {
        padding-right: var(--space-2xl)
    }
    .xl\:pr-48 {
        padding-right: var(--space-3xl)
    }
    .xl\:pr-80 {
        padding-right: var(--space-4xl)
    }
    .xl\:pb-0 {
        padding-bottom: 0
    }
    .xl\:pb-2 {
        padding-bottom: var(--space-5xs)
    }
    .xl\:pb-4 {
        padding-bottom: var(--space-4xs)
    }
    .xl\:pb-6 {
        padding-bottom: var(--space-3xs)
    }
    .xl\:pb-8 {
        padding-bottom: var(--space-2xs)
    }
    .xl\:pb-12 {
        padding-bottom: var(--space-xs)
    }
    .xl\:pb-16 {
        padding-bottom: var(--space-sm)
    }
    .xl\:pb-20 {
        padding-bottom: var(--space-md)
    }
    .xl\:pb-24 {
        padding-bottom: var(--space-lg)
    }
    .xl\:pb-32 {
        padding-bottom: var(--space-xl)
    }
    .xl\:pb-40 {
        padding-bottom: var(--space-2xl)
    }
    .xl\:pb-48 {
        padding-bottom: var(--space-3xl)
    }
    .xl\:pb-80 {
        padding-bottom: var(--space-4xl)
    }
    .xl\:pl-0 {
        padding-left: 0
    }
    .xl\:pl-2 {
        padding-left: var(--space-5xs)
    }
    .xl\:pl-4 {
        padding-left: var(--space-4xs)
    }
    .xl\:pl-6 {
        padding-left: var(--space-3xs)
    }
    .xl\:pl-8 {
        padding-left: var(--space-2xs)
    }
    .xl\:pl-12 {
        padding-left: var(--space-xs)
    }
    .xl\:pl-16 {
        padding-left: var(--space-sm)
    }
    .xl\:pl-20 {
        padding-left: var(--space-md)
    }
    .xl\:pl-24 {
        padding-left: var(--space-lg)
    }
    .xl\:pl-32 {
        padding-left: var(--space-xl)
    }
    .xl\:pl-40 {
        padding-left: var(--space-2xl)
    }
    .xl\:pl-48 {
        padding-left: var(--space-3xl)
    }
    .xl\:pl-80 {
        padding-left: var(--space-4xl)
    }
    .xl\:text-left {
        text-align: left
    }
    .xl\:text-center {
        text-align: center
    }
    .xl\:text-right {
        text-align: right
    }
    .xl\:text-justify {
        text-align: justify
    }
    .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\:font-sans {
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }
    .xl\:font-serif {
        font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
    }
    .xl\:font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }
    .xl\:text-7xl {
        font-size: 72px
    }
    .xl\:text-6xl {
        font-size: 48px
    }
    .xl\:text-5xl {
        font-size: 40px
    }
    .xl\:text-4xl {
        font-size: 32px
    }
    .xl\:text-3xl {
        font-size: 24px
    }
    .xl\:text-2xl {
        font-size: 20px
    }
    .xl\:text-xl {
        font-size: 18px
    }
    .xl\:text-lg {
        font-size: 16px
    }
    .xl\:text-md {
        font-size: 14px
    }
    .xl\:text-sm {
        font-size: 12px
    }
    .xl\:text-xs {
        font-size: 10px
    }
    .xl\:font-normal {
        font-weight: 400
    }
    .xl\:font-medium {
        font-weight: 500
    }
    .xl\:font-semibold {
        font-weight: 600
    }
    .xl\:font-bold {
        font-weight: 700
    }
    .xl\:uppercase {
        text-transform: uppercase
    }
    .xl\:lowercase {
        text-transform: lowercase
    }
    .xl\:capitalize {
        text-transform: capitalize
    }
    .xl\:normal-case {
        text-transform: none
    }
    .xl\:italic {
        font-style: italic
    }
    .xl\:not-italic {
        font-style: normal
    }
    .xl\:diagonal-fractions,
    .xl\:lining-nums,
    .xl\:oldstyle-nums,
    .xl\:ordinal,
    .xl\:proportional-nums,
    .xl\:slashed-zero,
    .xl\:stacked-fractions,
    .xl\:tabular-nums {
        --tw-ordinal: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-slashed-zero: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-figure: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-spacing: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-fraction: var(--tw-empty, /*!*/
        /*!*/
        );
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
    }
    .xl\:normal-nums {
        font-variant-numeric: normal
    }
    .xl\:ordinal {
        --tw-ordinal: ordinal
    }
    .xl\:slashed-zero {
        --tw-slashed-zero: slashed-zero
    }
    .xl\:lining-nums {
        --tw-numeric-figure: lining-nums
    }
    .xl\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums
    }
    .xl\:proportional-nums {
        --tw-numeric-spacing: proportional-nums
    }
    .xl\:tabular-nums {
        --tw-numeric-spacing: tabular-nums
    }
    .xl\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions
    }
    .xl\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions
    }
    .xl\:leading-1 {
        line-height: 12px
    }
    .xl\:leading-2 {
        line-height: 14px
    }
    .xl\:leading-3 {
        line-height: 16px
    }
    .xl\:leading-4 {
        line-height: 20px
    }
    .xl\:leading-5 {
        line-height: 24px
    }
    .xl\:leading-6 {
        line-height: 32px
    }
    .xl\:leading-7 {
        line-height: 40px
    }
    .xl\:leading-8 {
        line-height: 48px
    }
    .xl\:leading-9 {
        line-height: 56px
    }
    .xl\:leading-10 {
        line-height: 80px
    }
    .xl\:tracking-tighter {
        letter-spacing: -.05em
    }
    .xl\:tracking-tight {
        letter-spacing: -.025em
    }
    .xl\:tracking-normal {
        letter-spacing: 0
    }
    .xl\:tracking-wide {
        letter-spacing: .025em
    }
    .xl\:tracking-wider {
        letter-spacing: .05em
    }
    .xl\:tracking-widest {
        letter-spacing: .1em
    }
    .xl\:text-common-white {
        color: var(--common-white)
    }
    .xl\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .xl\:text-common-dark {
        color: var(--common-dark)
    }
    .xl\:text-scheme-primary {
        color: var(--common-primary)
    }
    .xl\:text-scheme-success {
        color: var(--text-success)
    }
    .xl\:text-scheme-warning {
        color: var(--text-pending)
    }
    .xl\:text-scheme-danger {
        color: var(--text-danger)
    }
    .xl\:text-primary {
        color: var(--text-primary)
    }
    .xl\:text-secondary {
        color: var(--text-secondary)
    }
    .xl\:text-tertiary {
        color: var(--text-tertiary)
    }
    .xl\:text-danger-default {
        color: var(--text-danger)
    }
    .xl\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .xl\:text-success-default {
        color: var(--text-success)
    }
    .xl\:text-success-bold {
        color: var(--text-success-bold)
    }
    .xl\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .xl\:text-active-default {
        color: var(--text-active)
    }
    .xl\:text-active-bold {
        color: var(--text-active-bold)
    }
    .xl\:text-pending-default {
        color: var(--text-pending)
    }
    .xl\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .xl\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .xl\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .xl\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .xl\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .xl\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .xl\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .xl\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .xl\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .xl\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .xl\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .group:hover .xl\:group-hover\:text-common-white {
        color: var(--common-white)
    }
    .group:hover .xl\:group-hover\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .group:hover .xl\:group-hover\:text-common-dark {
        color: var(--common-dark)
    }
    .group:hover .xl\:group-hover\:text-scheme-primary {
        color: var(--common-primary)
    }
    .group:hover .xl\:group-hover\:text-scheme-success {
        color: var(--text-success)
    }
    .group:hover .xl\:group-hover\:text-scheme-warning {
        color: var(--text-pending)
    }
    .group:hover .xl\:group-hover\:text-scheme-danger {
        color: var(--text-danger)
    }
    .group:hover .xl\:group-hover\:text-primary {
        color: var(--text-primary)
    }
    .group:hover .xl\:group-hover\:text-secondary {
        color: var(--text-secondary)
    }
    .group:hover .xl\:group-hover\:text-tertiary {
        color: var(--text-tertiary)
    }
    .group:hover .xl\:group-hover\:text-danger-default {
        color: var(--text-danger)
    }
    .group:hover .xl\:group-hover\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .group:hover .xl\:group-hover\:text-success-default {
        color: var(--text-success)
    }
    .group:hover .xl\:group-hover\:text-success-bold {
        color: var(--text-success-bold)
    }
    .group:hover .xl\:group-hover\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .group:hover .xl\:group-hover\:text-active-default {
        color: var(--text-active)
    }
    .group:hover .xl\:group-hover\:text-active-bold {
        color: var(--text-active-bold)
    }
    .group:hover .xl\:group-hover\:text-pending-default {
        color: var(--text-pending)
    }
    .group:hover .xl\:group-hover\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .group:hover .xl\:group-hover\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .group:hover .xl\:group-hover\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .group:hover .xl\:group-hover\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .group:hover .xl\:group-hover\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .group:hover .xl\:group-hover\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .group:hover .xl\:group-hover\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .group:hover .xl\:group-hover\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .group:hover .xl\:group-hover\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .group:hover .xl\:group-hover\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .group:hover .xl\:group-hover\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .xl\:focus-within\:text-common-white:focus-within {
        color: var(--common-white)
    }
    .xl\:focus-within\:text-common-tertiary:focus-within {
        color: var(--common-tertiary)
    }
    .xl\:focus-within\:text-common-dark:focus-within {
        color: var(--common-dark)
    }
    .xl\:focus-within\:text-scheme-primary:focus-within {
        color: var(--common-primary)
    }
    .xl\:focus-within\:text-scheme-success:focus-within {
        color: var(--text-success)
    }
    .xl\:focus-within\:text-scheme-warning:focus-within {
        color: var(--text-pending)
    }
    .xl\:focus-within\:text-scheme-danger:focus-within {
        color: var(--text-danger)
    }
    .xl\:focus-within\:text-primary:focus-within {
        color: var(--text-primary)
    }
    .xl\:focus-within\:text-secondary:focus-within {
        color: var(--text-secondary)
    }
    .xl\:focus-within\:text-tertiary:focus-within {
        color: var(--text-tertiary)
    }
    .xl\:focus-within\:text-danger-default:focus-within {
        color: var(--text-danger)
    }
    .xl\:focus-within\:text-danger-bold:focus-within {
        color: var(--text-danger-bold)
    }
    .xl\:focus-within\:text-success-default:focus-within {
        color: var(--text-success)
    }
    .xl\:focus-within\:text-success-bold:focus-within {
        color: var(--text-success-bold)
    }
    .xl\:focus-within\:text-success-subtle:focus-within {
        color: var(--text-success-subtle)
    }
    .xl\:focus-within\:text-active-default:focus-within {
        color: var(--text-active)
    }
    .xl\:focus-within\:text-active-bold:focus-within {
        color: var(--text-active-bold)
    }
    .xl\:focus-within\:text-pending-default:focus-within {
        color: var(--text-pending)
    }
    .xl\:focus-within\:text-pending-bold:focus-within {
        color: var(--text-pending-bold)
    }
    .xl\:focus-within\:text-contrast-primary:focus-within {
        color: var(--text-contrast-primary)
    }
    .xl\:focus-within\:text-contrast-secondary:focus-within {
        color: var(--text-contrast-secondary)
    }
    .xl\:focus-within\:text-forced-tertiary:focus-within {
        color: var(--text-forced-tertiary)
    }
    .xl\:focus-within\:text-decorative-red:focus-within {
        color: var(--text-decorative-red)
    }
    .xl\:focus-within\:text-decorative-blue:focus-within {
        color: var(--text-decorative-blue)
    }
    .xl\:focus-within\:text-decorative-yellow:focus-within {
        color: var(--text-decorative-yellow)
    }
    .xl\:focus-within\:text-decorative-grey:focus-within {
        color: var(--text-decorative-grey)
    }
    .xl\:focus-within\:text-decorative-green:focus-within {
        color: var(--text-decorative-green)
    }
    .xl\:focus-within\:text-decorative-purple-default:focus-within {
        color: var(--text-decorative-purple)
    }
    .xl\:focus-within\:text-decorative-purple-bold:focus-within {
        color: var(--text-decorative-purple-bold)
    }
    .xl\:hover\:text-common-white:hover {
        color: var(--common-white)
    }
    .xl\:hover\:text-common-tertiary:hover {
        color: var(--common-tertiary)
    }
    .xl\:hover\:text-common-dark:hover {
        color: var(--common-dark)
    }
    .xl\:hover\:text-scheme-primary:hover {
        color: var(--common-primary)
    }
    .xl\:hover\:text-scheme-success:hover {
        color: var(--text-success)
    }
    .xl\:hover\:text-scheme-warning:hover {
        color: var(--text-pending)
    }
    .xl\:hover\:text-scheme-danger:hover {
        color: var(--text-danger)
    }
    .xl\:hover\:text-primary:hover {
        color: var(--text-primary)
    }
    .xl\:hover\:text-secondary:hover {
        color: var(--text-secondary)
    }
    .xl\:hover\:text-tertiary:hover {
        color: var(--text-tertiary)
    }
    .xl\:hover\:text-danger-default:hover {
        color: var(--text-danger)
    }
    .xl\:hover\:text-danger-bold:hover {
        color: var(--text-danger-bold)
    }
    .xl\:hover\:text-success-default:hover {
        color: var(--text-success)
    }
    .xl\:hover\:text-success-bold:hover {
        color: var(--text-success-bold)
    }
    .xl\:hover\:text-success-subtle:hover {
        color: var(--text-success-subtle)
    }
    .xl\:hover\:text-active-default:hover {
        color: var(--text-active)
    }
    .xl\:hover\:text-active-bold:hover {
        color: var(--text-active-bold)
    }
    .xl\:hover\:text-pending-default:hover {
        color: var(--text-pending)
    }
    .xl\:hover\:text-pending-bold:hover {
        color: var(--text-pending-bold)
    }
    .xl\:hover\:text-contrast-primary:hover {
        color: var(--text-contrast-primary)
    }
    .xl\:hover\:text-contrast-secondary:hover {
        color: var(--text-contrast-secondary)
    }
    .xl\:hover\:text-forced-tertiary:hover {
        color: var(--text-forced-tertiary)
    }
    .xl\:hover\:text-decorative-red:hover {
        color: var(--text-decorative-red)
    }
    .xl\:hover\:text-decorative-blue:hover {
        color: var(--text-decorative-blue)
    }
    .xl\:hover\:text-decorative-yellow:hover {
        color: var(--text-decorative-yellow)
    }
    .xl\:hover\:text-decorative-grey:hover {
        color: var(--text-decorative-grey)
    }
    .xl\:hover\:text-decorative-green:hover {
        color: var(--text-decorative-green)
    }
    .xl\:hover\:text-decorative-purple-default:hover {
        color: var(--text-decorative-purple)
    }
    .xl\:hover\:text-decorative-purple-bold:hover {
        color: var(--text-decorative-purple-bold)
    }
    .xl\:focus\:text-common-white:focus {
        color: var(--common-white)
    }
    .xl\:focus\:text-common-tertiary:focus {
        color: var(--common-tertiary)
    }
    .xl\:focus\:text-common-dark:focus {
        color: var(--common-dark)
    }
    .xl\:focus\:text-scheme-primary:focus {
        color: var(--common-primary)
    }
    .xl\:focus\:text-scheme-success:focus {
        color: var(--text-success)
    }
    .xl\:focus\:text-scheme-warning:focus {
        color: var(--text-pending)
    }
    .xl\:focus\:text-scheme-danger:focus {
        color: var(--text-danger)
    }
    .xl\:focus\:text-primary:focus {
        color: var(--text-primary)
    }
    .xl\:focus\:text-secondary:focus {
        color: var(--text-secondary)
    }
    .xl\:focus\:text-tertiary:focus {
        color: var(--text-tertiary)
    }
    .xl\:focus\:text-danger-default:focus {
        color: var(--text-danger)
    }
    .xl\:focus\:text-danger-bold:focus {
        color: var(--text-danger-bold)
    }
    .xl\:focus\:text-success-default:focus {
        color: var(--text-success)
    }
    .xl\:focus\:text-success-bold:focus {
        color: var(--text-success-bold)
    }
    .xl\:focus\:text-success-subtle:focus {
        color: var(--text-success-subtle)
    }
    .xl\:focus\:text-active-default:focus {
        color: var(--text-active)
    }
    .xl\:focus\:text-active-bold:focus {
        color: var(--text-active-bold)
    }
    .xl\:focus\:text-pending-default:focus {
        color: var(--text-pending)
    }
    .xl\:focus\:text-pending-bold:focus {
        color: var(--text-pending-bold)
    }
    .xl\:focus\:text-contrast-primary:focus {
        color: var(--text-contrast-primary)
    }
    .xl\:focus\:text-contrast-secondary:focus {
        color: var(--text-contrast-secondary)
    }
    .xl\:focus\:text-forced-tertiary:focus {
        color: var(--text-forced-tertiary)
    }
    .xl\:focus\:text-decorative-red:focus {
        color: var(--text-decorative-red)
    }
    .xl\:focus\:text-decorative-blue:focus {
        color: var(--text-decorative-blue)
    }
    .xl\:focus\:text-decorative-yellow:focus {
        color: var(--text-decorative-yellow)
    }
    .xl\:focus\:text-decorative-grey:focus {
        color: var(--text-decorative-grey)
    }
    .xl\:focus\:text-decorative-green:focus {
        color: var(--text-decorative-green)
    }
    .xl\:focus\:text-decorative-purple-default:focus {
        color: var(--text-decorative-purple)
    }
    .xl\:focus\:text-decorative-purple-bold:focus {
        color: var(--text-decorative-purple-bold)
    }
    .xl\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .xl\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .xl\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .xl\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .xl\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .xl\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .xl\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .xl\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .xl\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .xl\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .xl\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .xl\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .xl\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .xl\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .xl\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .group:hover .xl\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .group:hover .xl\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .group:hover .xl\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .group:hover .xl\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .group:hover .xl\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .group:hover .xl\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .group:hover .xl\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .group:hover .xl\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .group:hover .xl\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .group:hover .xl\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .group:hover .xl\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .group:hover .xl\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .group:hover .xl\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .group:hover .xl\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .group:hover .xl\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .xl\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }
    .xl\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }
    .xl\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }
    .xl\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }
    .xl\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }
    .xl\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }
    .xl\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }
    .xl\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }
    .xl\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }
    .xl\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }
    .xl\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }
    .xl\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }
    .xl\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }
    .xl\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }
    .xl\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }
    .xl\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }
    .xl\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }
    .xl\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }
    .xl\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }
    .xl\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }
    .xl\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }
    .xl\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }
    .xl\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }
    .xl\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }
    .xl\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }
    .xl\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }
    .xl\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }
    .xl\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }
    .xl\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }
    .xl\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }
    .xl\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }
    .xl\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }
    .xl\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }
    .xl\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }
    .xl\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }
    .xl\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }
    .xl\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }
    .xl\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }
    .xl\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }
    .xl\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }
    .xl\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }
    .xl\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }
    .xl\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }
    .xl\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }
    .xl\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }
    .xl\:underline {
        text-decoration: underline
    }
    .xl\:line-through {
        text-decoration: line-through
    }
    .xl\:no-underline {
        text-decoration: none
    }
    .group:hover .xl\:group-hover\:underline {
        text-decoration: underline
    }
    .group:hover .xl\:group-hover\:line-through {
        text-decoration: line-through
    }
    .group:hover .xl\:group-hover\:no-underline {
        text-decoration: none
    }
    .xl\:focus-within\:underline:focus-within {
        text-decoration: underline
    }
    .xl\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }
    .xl\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }
    .xl\:hover\:underline:hover {
        text-decoration: underline
    }
    .xl\:hover\:line-through:hover {
        text-decoration: line-through
    }
    .xl\:hover\:no-underline:hover {
        text-decoration: none
    }
    .xl\:focus\:underline:focus {
        text-decoration: underline
    }
    .xl\:focus\:line-through:focus {
        text-decoration: line-through
    }
    .xl\:focus\:no-underline:focus {
        text-decoration: none
    }
    .xl\:antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .xl\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
    .xl\:placeholder-common-white::placeholder {
        color: var(--common-white)
    }
    .xl\:placeholder-common-tertiary::placeholder {
        color: var(--common-tertiary)
    }
    .xl\:placeholder-common-dark::placeholder {
        color: var(--common-dark)
    }
    .xl\:placeholder-scheme-primary::placeholder {
        color: var(--common-primary)
    }
    .xl\:placeholder-scheme-success::placeholder {
        color: var(--text-success)
    }
    .xl\:placeholder-scheme-warning::placeholder {
        color: var(--text-pending)
    }
    .xl\:placeholder-scheme-danger::placeholder {
        color: var(--text-danger)
    }
    .xl\:placeholder-primary::placeholder {
        color: var(--text-primary)
    }
    .xl\:placeholder-secondary::placeholder {
        color: var(--text-secondary)
    }
    .xl\:placeholder-tertiary::placeholder {
        color: var(--text-tertiary)
    }
    .xl\:placeholder-danger-default::placeholder {
        color: var(--text-danger)
    }
    .xl\:placeholder-danger-bold::placeholder {
        color: var(--text-danger-bold)
    }
    .xl\:placeholder-success-default::placeholder {
        color: var(--text-success)
    }
    .xl\:placeholder-success-bold::placeholder {
        color: var(--text-success-bold)
    }
    .xl\:placeholder-success-subtle::placeholder {
        color: var(--text-success-subtle)
    }
    .xl\:placeholder-active-default::placeholder {
        color: var(--text-active)
    }
    .xl\:placeholder-active-bold::placeholder {
        color: var(--text-active-bold)
    }
    .xl\:placeholder-pending-default::placeholder {
        color: var(--text-pending)
    }
    .xl\:placeholder-pending-bold::placeholder {
        color: var(--text-pending-bold)
    }
    .xl\:placeholder-contrast-primary::placeholder {
        color: var(--text-contrast-primary)
    }
    .xl\:placeholder-contrast-secondary::placeholder {
        color: var(--text-contrast-secondary)
    }
    .xl\:placeholder-forced-tertiary::placeholder {
        color: var(--text-forced-tertiary)
    }
    .xl\:placeholder-decorative-red::placeholder {
        color: var(--text-decorative-red)
    }
    .xl\:placeholder-decorative-blue::placeholder {
        color: var(--text-decorative-blue)
    }
    .xl\:placeholder-decorative-yellow::placeholder {
        color: var(--text-decorative-yellow)
    }
    .xl\:placeholder-decorative-grey::placeholder {
        color: var(--text-decorative-grey)
    }
    .xl\:placeholder-decorative-green::placeholder {
        color: var(--text-decorative-green)
    }
    .xl\:placeholder-decorative-purple-default::placeholder {
        color: var(--text-decorative-purple)
    }
    .xl\:placeholder-decorative-purple-bold::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .xl\:focus\:placeholder-common-white:focus::placeholder {
        color: var(--common-white)
    }
    .xl\:focus\:placeholder-common-tertiary:focus::placeholder {
        color: var(--common-tertiary)
    }
    .xl\:focus\:placeholder-common-dark:focus::placeholder {
        color: var(--common-dark)
    }
    .xl\:focus\:placeholder-scheme-primary:focus::placeholder {
        color: var(--common-primary)
    }
    .xl\:focus\:placeholder-scheme-success:focus::placeholder {
        color: var(--text-success)
    }
    .xl\:focus\:placeholder-scheme-warning:focus::placeholder {
        color: var(--text-pending)
    }
    .xl\:focus\:placeholder-scheme-danger:focus::placeholder {
        color: var(--text-danger)
    }
    .xl\:focus\:placeholder-primary:focus::placeholder {
        color: var(--text-primary)
    }
    .xl\:focus\:placeholder-secondary:focus::placeholder {
        color: var(--text-secondary)
    }
    .xl\:focus\:placeholder-tertiary:focus::placeholder {
        color: var(--text-tertiary)
    }
    .xl\:focus\:placeholder-danger-default:focus::placeholder {
        color: var(--text-danger)
    }
    .xl\:focus\:placeholder-danger-bold:focus::placeholder {
        color: var(--text-danger-bold)
    }
    .xl\:focus\:placeholder-success-default:focus::placeholder {
        color: var(--text-success)
    }
    .xl\:focus\:placeholder-success-bold:focus::placeholder {
        color: var(--text-success-bold)
    }
    .xl\:focus\:placeholder-success-subtle:focus::placeholder {
        color: var(--text-success-subtle)
    }
    .xl\:focus\:placeholder-active-default:focus::placeholder {
        color: var(--text-active)
    }
    .xl\:focus\:placeholder-active-bold:focus::placeholder {
        color: var(--text-active-bold)
    }
    .xl\:focus\:placeholder-pending-default:focus::placeholder {
        color: var(--text-pending)
    }
    .xl\:focus\:placeholder-pending-bold:focus::placeholder {
        color: var(--text-pending-bold)
    }
    .xl\:focus\:placeholder-contrast-primary:focus::placeholder {
        color: var(--text-contrast-primary)
    }
    .xl\:focus\:placeholder-contrast-secondary:focus::placeholder {
        color: var(--text-contrast-secondary)
    }
    .xl\:focus\:placeholder-forced-tertiary:focus::placeholder {
        color: var(--text-forced-tertiary)
    }
    .xl\:focus\:placeholder-decorative-red:focus::placeholder {
        color: var(--text-decorative-red)
    }
    .xl\:focus\:placeholder-decorative-blue:focus::placeholder {
        color: var(--text-decorative-blue)
    }
    .xl\:focus\:placeholder-decorative-yellow:focus::placeholder {
        color: var(--text-decorative-yellow)
    }
    .xl\:focus\:placeholder-decorative-grey:focus::placeholder {
        color: var(--text-decorative-grey)
    }
    .xl\:focus\:placeholder-decorative-green:focus::placeholder {
        color: var(--text-decorative-green)
    }
    .xl\:focus\:placeholder-decorative-purple-default:focus::placeholder {
        color: var(--text-decorative-purple)
    }
    .xl\:focus\:placeholder-decorative-purple-bold:focus::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .xl\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }
    .xl\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .xl\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .xl\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .xl\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .xl\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .xl\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .xl\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .xl\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .xl\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .xl\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .xl\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .xl\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .xl\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .xl\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }
    .xl\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }
    .xl\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .xl\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .xl\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .xl\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .xl\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .xl\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .xl\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .xl\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .xl\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .xl\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .xl\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .xl\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .xl\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .xl\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }
    .xl\:opacity-0 {
        opacity: 0
    }
    .xl\:opacity-5 {
        opacity: .05
    }
    .xl\:opacity-10 {
        opacity: .1
    }
    .xl\:opacity-20 {
        opacity: .2
    }
    .xl\:opacity-25 {
        opacity: .25
    }
    .xl\:opacity-30 {
        opacity: .3
    }
    .xl\:opacity-40 {
        opacity: .4
    }
    .xl\:opacity-50 {
        opacity: .5
    }
    .xl\:opacity-60 {
        opacity: .6
    }
    .xl\:opacity-70 {
        opacity: .7
    }
    .xl\:opacity-75 {
        opacity: .75
    }
    .xl\:opacity-80 {
        opacity: .8
    }
    .xl\:opacity-90 {
        opacity: .9
    }
    .xl\:opacity-95 {
        opacity: .95
    }
    .xl\:opacity-100 {
        opacity: 1
    }
    .group:hover .xl\:group-hover\:opacity-0 {
        opacity: 0
    }
    .group:hover .xl\:group-hover\:opacity-5 {
        opacity: .05
    }
    .group:hover .xl\:group-hover\:opacity-10 {
        opacity: .1
    }
    .group:hover .xl\:group-hover\:opacity-20 {
        opacity: .2
    }
    .group:hover .xl\:group-hover\:opacity-25 {
        opacity: .25
    }
    .group:hover .xl\:group-hover\:opacity-30 {
        opacity: .3
    }
    .group:hover .xl\:group-hover\:opacity-40 {
        opacity: .4
    }
    .group:hover .xl\:group-hover\:opacity-50 {
        opacity: .5
    }
    .group:hover .xl\:group-hover\:opacity-60 {
        opacity: .6
    }
    .group:hover .xl\:group-hover\:opacity-70 {
        opacity: .7
    }
    .group:hover .xl\:group-hover\:opacity-75 {
        opacity: .75
    }
    .group:hover .xl\:group-hover\:opacity-80 {
        opacity: .8
    }
    .group:hover .xl\:group-hover\:opacity-90 {
        opacity: .9
    }
    .group:hover .xl\:group-hover\:opacity-95 {
        opacity: .95
    }
    .group:hover .xl\:group-hover\:opacity-100 {
        opacity: 1
    }
    .xl\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }
    .xl\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }
    .xl\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }
    .xl\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }
    .xl\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }
    .xl\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }
    .xl\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }
    .xl\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }
    .xl\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }
    .xl\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }
    .xl\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }
    .xl\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }
    .xl\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }
    .xl\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }
    .xl\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }
    .xl\:hover\:opacity-0:hover {
        opacity: 0
    }
    .xl\:hover\:opacity-5:hover {
        opacity: .05
    }
    .xl\:hover\:opacity-10:hover {
        opacity: .1
    }
    .xl\:hover\:opacity-20:hover {
        opacity: .2
    }
    .xl\:hover\:opacity-25:hover {
        opacity: .25
    }
    .xl\:hover\:opacity-30:hover {
        opacity: .3
    }
    .xl\:hover\:opacity-40:hover {
        opacity: .4
    }
    .xl\:hover\:opacity-50:hover {
        opacity: .5
    }
    .xl\:hover\:opacity-60:hover {
        opacity: .6
    }
    .xl\:hover\:opacity-70:hover {
        opacity: .7
    }
    .xl\:hover\:opacity-75:hover {
        opacity: .75
    }
    .xl\:hover\:opacity-80:hover {
        opacity: .8
    }
    .xl\:hover\:opacity-90:hover {
        opacity: .9
    }
    .xl\:hover\:opacity-95:hover {
        opacity: .95
    }
    .xl\:hover\:opacity-100:hover {
        opacity: 1
    }
    .xl\:focus\:opacity-0:focus {
        opacity: 0
    }
    .xl\:focus\:opacity-5:focus {
        opacity: .05
    }
    .xl\:focus\:opacity-10:focus {
        opacity: .1
    }
    .xl\:focus\:opacity-20:focus {
        opacity: .2
    }
    .xl\:focus\:opacity-25:focus {
        opacity: .25
    }
    .xl\:focus\:opacity-30:focus {
        opacity: .3
    }
    .xl\:focus\:opacity-40:focus {
        opacity: .4
    }
    .xl\:focus\:opacity-50:focus {
        opacity: .5
    }
    .xl\:focus\:opacity-60:focus {
        opacity: .6
    }
    .xl\:focus\:opacity-70:focus {
        opacity: .7
    }
    .xl\:focus\:opacity-75:focus {
        opacity: .75
    }
    .xl\:focus\:opacity-80:focus {
        opacity: .8
    }
    .xl\:focus\:opacity-90:focus {
        opacity: .9
    }
    .xl\:focus\:opacity-95:focus {
        opacity: .95
    }
    .xl\:focus\:opacity-100:focus {
        opacity: 1
    }
    .xl\:bg-blend-normal {
        background-blend-mode: normal
    }
    .xl\:bg-blend-multiply {
        background-blend-mode: multiply
    }
    .xl\:bg-blend-screen {
        background-blend-mode: screen
    }
    .xl\:bg-blend-overlay {
        background-blend-mode: overlay
    }
    .xl\:bg-blend-darken {
        background-blend-mode: darken
    }
    .xl\:bg-blend-lighten {
        background-blend-mode: lighten
    }
    .xl\:bg-blend-color-dodge {
        background-blend-mode: color-dodge
    }
    .xl\:bg-blend-color-burn {
        background-blend-mode: color-burn
    }
    .xl\:bg-blend-hard-light {
        background-blend-mode: hard-light
    }
    .xl\:bg-blend-soft-light {
        background-blend-mode: soft-light
    }
    .xl\:bg-blend-difference {
        background-blend-mode: difference
    }
    .xl\:bg-blend-exclusion {
        background-blend-mode: exclusion
    }
    .xl\:bg-blend-hue {
        background-blend-mode: hue
    }
    .xl\:bg-blend-saturation {
        background-blend-mode: saturation
    }
    .xl\:bg-blend-color {
        background-blend-mode: color
    }
    .xl\:bg-blend-luminosity {
        background-blend-mode: luminosity
    }
    .xl\:mix-blend-normal {
        mix-blend-mode: normal
    }
    .xl\:mix-blend-multiply {
        mix-blend-mode: multiply
    }
    .xl\:mix-blend-screen {
        mix-blend-mode: screen
    }
    .xl\:mix-blend-overlay {
        mix-blend-mode: overlay
    }
    .xl\:mix-blend-darken {
        mix-blend-mode: darken
    }
    .xl\:mix-blend-lighten {
        mix-blend-mode: lighten
    }
    .xl\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge
    }
    .xl\:mix-blend-color-burn {
        mix-blend-mode: color-burn
    }
    .xl\:mix-blend-hard-light {
        mix-blend-mode: hard-light
    }
    .xl\:mix-blend-soft-light {
        mix-blend-mode: soft-light
    }
    .xl\:mix-blend-difference {
        mix-blend-mode: difference
    }
    .xl\:mix-blend-exclusion {
        mix-blend-mode: exclusion
    }
    .xl\:mix-blend-hue {
        mix-blend-mode: hue
    }
    .xl\:mix-blend-saturation {
        mix-blend-mode: saturation
    }
    .xl\:mix-blend-color {
        mix-blend-mode: color
    }
    .xl\:mix-blend-luminosity {
        mix-blend-mode: luminosity
    }
    .xl\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .xl\:shadow-md,
    .xl\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .xl\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .xl\:shadow-lg,
    .xl\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .group:hover .xl\:group-hover\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .group:hover .xl\:group-hover\:shadow-md,
    .group:hover .xl\:group-hover\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .xl\:group-hover\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .group:hover .xl\:group-hover\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .group:hover .xl\:group-hover\:shadow-lg,
    .group:hover .xl\:group-hover\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .xl\:group-hover\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .xl\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: var(--box-shadow-sm);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:focus-within\:shadow-md:focus-within {
        --tw-shadow: var(--box-shadow-md);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: var(--box-shadow-xl);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:hover\:shadow-sm:hover {
        --tw-shadow: var(--box-shadow-sm)
    }
    .xl\:hover\:shadow-md:hover,
    .xl\:hover\:shadow-sm:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:hover\:shadow-md:hover {
        --tw-shadow: var(--box-shadow-md)
    }
    .xl\:hover\:shadow-lg:hover {
        --tw-shadow: var(--box-shadow-lg)
    }
    .xl\:hover\:shadow-lg:hover,
    .xl\:hover\:shadow-xl:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:hover\:shadow-xl:hover {
        --tw-shadow: var(--box-shadow-xl)
    }
    .xl\:focus\:shadow-sm:focus {
        --tw-shadow: var(--box-shadow-sm)
    }
    .xl\:focus\:shadow-md:focus,
    .xl\:focus\:shadow-sm:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:focus\:shadow-md:focus {
        --tw-shadow: var(--box-shadow-md)
    }
    .xl\:focus\:shadow-lg:focus {
        --tw-shadow: var(--box-shadow-lg)
    }
    .xl\:focus\:shadow-lg:focus,
    .xl\:focus\:shadow-xl:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xl\:focus\:shadow-xl:focus {
        --tw-shadow: var(--box-shadow-xl)
    }
    .xl\:outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .xl\:outline-white {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .xl\:outline-black {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .xl\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .xl\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .xl\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .xl\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .xl\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .xl\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .xl\:ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:ring-0,
    .xl\:ring-1 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:ring-2 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:ring-2,
    .xl\:ring-4 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:ring-4 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:ring-8 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:ring,
    .xl\:ring-8 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:ring {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:focus\:ring-0:focus,
    .xl\:focus\:ring-1:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:focus\:ring-2:focus,
    .xl\:focus\:ring-4:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:focus\:ring-8:focus,
    .xl\:focus\:ring:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xl\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xl\:ring-inset {
        --tw-ring-inset: inset
    }
    .xl\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }
    .xl\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }
    .xl\:ring-common-white {
        --tw-ring-color: var(--common-white)
    }
    .xl\:ring-common-tertiary {
        --tw-ring-color: var(--common-tertiary)
    }
    .xl\:ring-common-dark {
        --tw-ring-color: var(--common-dark)
    }
    .xl\:ring-scheme-primary {
        --tw-ring-color: var(--common-primary)
    }
    .xl\:ring-scheme-success {
        --tw-ring-color: var(--text-success)
    }
    .xl\:ring-scheme-warning {
        --tw-ring-color: var(--text-pending)
    }
    .xl\:ring-scheme-danger {
        --tw-ring-color: var(--text-danger)
    }
    .xl\:ring-primary {
        --tw-ring-color: var(--text-primary)
    }
    .xl\:ring-secondary {
        --tw-ring-color: var(--text-secondary)
    }
    .xl\:ring-tertiary {
        --tw-ring-color: var(--text-tertiary)
    }
    .xl\:ring-danger-default {
        --tw-ring-color: var(--text-danger)
    }
    .xl\:ring-danger-bold {
        --tw-ring-color: var(--text-danger-bold)
    }
    .xl\:ring-success-default {
        --tw-ring-color: var(--text-success)
    }
    .xl\:ring-success-bold {
        --tw-ring-color: var(--text-success-bold)
    }
    .xl\:ring-success-subtle {
        --tw-ring-color: var(--text-success-subtle)
    }
    .xl\:ring-active-default {
        --tw-ring-color: var(--text-active)
    }
    .xl\:ring-active-bold {
        --tw-ring-color: var(--text-active-bold)
    }
    .xl\:ring-pending-default {
        --tw-ring-color: var(--text-pending)
    }
    .xl\:ring-pending-bold {
        --tw-ring-color: var(--text-pending-bold)
    }
    .xl\:ring-contrast-primary {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .xl\:ring-contrast-secondary {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .xl\:ring-forced-tertiary {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .xl\:ring-decorative-red {
        --tw-ring-color: var(--text-decorative-red)
    }
    .xl\:ring-decorative-blue {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .xl\:ring-decorative-yellow {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .xl\:ring-decorative-grey {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .xl\:ring-decorative-green {
        --tw-ring-color: var(--text-decorative-green)
    }
    .xl\:ring-decorative-purple-default {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .xl\:ring-decorative-purple-bold {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .xl\:focus-within\:ring-common-white:focus-within {
        --tw-ring-color: var(--common-white)
    }
    .xl\:focus-within\:ring-common-tertiary:focus-within {
        --tw-ring-color: var(--common-tertiary)
    }
    .xl\:focus-within\:ring-common-dark:focus-within {
        --tw-ring-color: var(--common-dark)
    }
    .xl\:focus-within\:ring-scheme-primary:focus-within {
        --tw-ring-color: var(--common-primary)
    }
    .xl\:focus-within\:ring-scheme-success:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .xl\:focus-within\:ring-scheme-warning:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .xl\:focus-within\:ring-scheme-danger:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .xl\:focus-within\:ring-primary:focus-within {
        --tw-ring-color: var(--text-primary)
    }
    .xl\:focus-within\:ring-secondary:focus-within {
        --tw-ring-color: var(--text-secondary)
    }
    .xl\:focus-within\:ring-tertiary:focus-within {
        --tw-ring-color: var(--text-tertiary)
    }
    .xl\:focus-within\:ring-danger-default:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .xl\:focus-within\:ring-danger-bold:focus-within {
        --tw-ring-color: var(--text-danger-bold)
    }
    .xl\:focus-within\:ring-success-default:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .xl\:focus-within\:ring-success-bold:focus-within {
        --tw-ring-color: var(--text-success-bold)
    }
    .xl\:focus-within\:ring-success-subtle:focus-within {
        --tw-ring-color: var(--text-success-subtle)
    }
    .xl\:focus-within\:ring-active-default:focus-within {
        --tw-ring-color: var(--text-active)
    }
    .xl\:focus-within\:ring-active-bold:focus-within {
        --tw-ring-color: var(--text-active-bold)
    }
    .xl\:focus-within\:ring-pending-default:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .xl\:focus-within\:ring-pending-bold:focus-within {
        --tw-ring-color: var(--text-pending-bold)
    }
    .xl\:focus-within\:ring-contrast-primary:focus-within {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .xl\:focus-within\:ring-contrast-secondary:focus-within {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .xl\:focus-within\:ring-forced-tertiary:focus-within {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .xl\:focus-within\:ring-decorative-red:focus-within {
        --tw-ring-color: var(--text-decorative-red)
    }
    .xl\:focus-within\:ring-decorative-blue:focus-within {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .xl\:focus-within\:ring-decorative-yellow:focus-within {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .xl\:focus-within\:ring-decorative-grey:focus-within {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .xl\:focus-within\:ring-decorative-green:focus-within {
        --tw-ring-color: var(--text-decorative-green)
    }
    .xl\:focus-within\:ring-decorative-purple-default:focus-within {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .xl\:focus-within\:ring-decorative-purple-bold:focus-within {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .xl\:focus\:ring-common-white:focus {
        --tw-ring-color: var(--common-white)
    }
    .xl\:focus\:ring-common-tertiary:focus {
        --tw-ring-color: var(--common-tertiary)
    }
    .xl\:focus\:ring-common-dark:focus {
        --tw-ring-color: var(--common-dark)
    }
    .xl\:focus\:ring-scheme-primary:focus {
        --tw-ring-color: var(--common-primary)
    }
    .xl\:focus\:ring-scheme-success:focus {
        --tw-ring-color: var(--text-success)
    }
    .xl\:focus\:ring-scheme-warning:focus {
        --tw-ring-color: var(--text-pending)
    }
    .xl\:focus\:ring-scheme-danger:focus {
        --tw-ring-color: var(--text-danger)
    }
    .xl\:focus\:ring-primary:focus {
        --tw-ring-color: var(--text-primary)
    }
    .xl\:focus\:ring-secondary:focus {
        --tw-ring-color: var(--text-secondary)
    }
    .xl\:focus\:ring-tertiary:focus {
        --tw-ring-color: var(--text-tertiary)
    }
    .xl\:focus\:ring-danger-default:focus {
        --tw-ring-color: var(--text-danger)
    }
    .xl\:focus\:ring-danger-bold:focus {
        --tw-ring-color: var(--text-danger-bold)
    }
    .xl\:focus\:ring-success-default:focus {
        --tw-ring-color: var(--text-success)
    }
    .xl\:focus\:ring-success-bold:focus {
        --tw-ring-color: var(--text-success-bold)
    }
    .xl\:focus\:ring-success-subtle:focus {
        --tw-ring-color: var(--text-success-subtle)
    }
    .xl\:focus\:ring-active-default:focus {
        --tw-ring-color: var(--text-active)
    }
    .xl\:focus\:ring-active-bold:focus {
        --tw-ring-color: var(--text-active-bold)
    }
    .xl\:focus\:ring-pending-default:focus {
        --tw-ring-color: var(--text-pending)
    }
    .xl\:focus\:ring-pending-bold:focus {
        --tw-ring-color: var(--text-pending-bold)
    }
    .xl\:focus\:ring-contrast-primary:focus {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .xl\:focus\:ring-contrast-secondary:focus {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .xl\:focus\:ring-forced-tertiary:focus {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .xl\:focus\:ring-decorative-red:focus {
        --tw-ring-color: var(--text-decorative-red)
    }
    .xl\:focus\:ring-decorative-blue:focus {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .xl\:focus\:ring-decorative-yellow:focus {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .xl\:focus\:ring-decorative-grey:focus {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .xl\:focus\:ring-decorative-green:focus {
        --tw-ring-color: var(--text-decorative-green)
    }
    .xl\:focus\:ring-decorative-purple-default:focus {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .xl\:focus\:ring-decorative-purple-bold:focus {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .xl\:ring-opacity-0 {
        --tw-ring-opacity: 0
    }
    .xl\:ring-opacity-5 {
        --tw-ring-opacity: 0.05
    }
    .xl\:ring-opacity-10 {
        --tw-ring-opacity: 0.1
    }
    .xl\:ring-opacity-20 {
        --tw-ring-opacity: 0.2
    }
    .xl\:ring-opacity-25 {
        --tw-ring-opacity: 0.25
    }
    .xl\:ring-opacity-30 {
        --tw-ring-opacity: 0.3
    }
    .xl\:ring-opacity-40 {
        --tw-ring-opacity: 0.4
    }
    .xl\:ring-opacity-50 {
        --tw-ring-opacity: 0.5
    }
    .xl\:ring-opacity-60 {
        --tw-ring-opacity: 0.6
    }
    .xl\:ring-opacity-70 {
        --tw-ring-opacity: 0.7
    }
    .xl\:ring-opacity-75 {
        --tw-ring-opacity: 0.75
    }
    .xl\:ring-opacity-80 {
        --tw-ring-opacity: 0.8
    }
    .xl\:ring-opacity-90 {
        --tw-ring-opacity: 0.9
    }
    .xl\:ring-opacity-95 {
        --tw-ring-opacity: 0.95
    }
    .xl\:ring-opacity-100 {
        --tw-ring-opacity: 1
    }
    .xl\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }
    .xl\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }
    .xl\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }
    .xl\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }
    .xl\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }
    .xl\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }
    .xl\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }
    .xl\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }
    .xl\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }
    .xl\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }
    .xl\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }
    .xl\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }
    .xl\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }
    .xl\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }
    .xl\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }
    .xl\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }
    .xl\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }
    .xl\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }
    .xl\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }
    .xl\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }
    .xl\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }
    .xl\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }
    .xl\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }
    .xl\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }
    .xl\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }
    .xl\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }
    .xl\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }
    .xl\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }
    .xl\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }
    .xl\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }
    .xl\:ring-offset-0 {
        --tw-ring-offset-width: 0px
    }
    .xl\:ring-offset-1 {
        --tw-ring-offset-width: 1px
    }
    .xl\:ring-offset-2 {
        --tw-ring-offset-width: 2px
    }
    .xl\:ring-offset-4 {
        --tw-ring-offset-width: 4px
    }
    .xl\:ring-offset-8 {
        --tw-ring-offset-width: 8px
    }
    .xl\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }
    .xl\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }
    .xl\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }
    .xl\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }
    .xl\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }
    .xl\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }
    .xl\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }
    .xl\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }
    .xl\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }
    .xl\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }
    .xl\:ring-offset-common-white {
        --tw-ring-offset-color: var(--common-white)
    }
    .xl\:ring-offset-common-tertiary {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .xl\:ring-offset-common-dark {
        --tw-ring-offset-color: var(--common-dark)
    }
    .xl\:ring-offset-scheme-primary {
        --tw-ring-offset-color: var(--common-primary)
    }
    .xl\:ring-offset-scheme-success {
        --tw-ring-offset-color: var(--text-success)
    }
    .xl\:ring-offset-scheme-warning {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xl\:ring-offset-scheme-danger {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xl\:ring-offset-primary {
        --tw-ring-offset-color: var(--text-primary)
    }
    .xl\:ring-offset-secondary {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .xl\:ring-offset-tertiary {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .xl\:ring-offset-danger-default {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xl\:ring-offset-danger-bold {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .xl\:ring-offset-success-default {
        --tw-ring-offset-color: var(--text-success)
    }
    .xl\:ring-offset-success-bold {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .xl\:ring-offset-success-subtle {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .xl\:ring-offset-active-default {
        --tw-ring-offset-color: var(--text-active)
    }
    .xl\:ring-offset-active-bold {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .xl\:ring-offset-pending-default {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xl\:ring-offset-pending-bold {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .xl\:ring-offset-contrast-primary {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .xl\:ring-offset-contrast-secondary {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .xl\:ring-offset-forced-tertiary {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .xl\:ring-offset-decorative-red {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .xl\:ring-offset-decorative-blue {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .xl\:ring-offset-decorative-yellow {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .xl\:ring-offset-decorative-grey {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .xl\:ring-offset-decorative-green {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .xl\:ring-offset-decorative-purple-default {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .xl\:ring-offset-decorative-purple-bold {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .xl\:focus-within\:ring-offset-common-white:focus-within {
        --tw-ring-offset-color: var(--common-white)
    }
    .xl\:focus-within\:ring-offset-common-tertiary:focus-within {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .xl\:focus-within\:ring-offset-common-dark:focus-within {
        --tw-ring-offset-color: var(--common-dark)
    }
    .xl\:focus-within\:ring-offset-scheme-primary:focus-within {
        --tw-ring-offset-color: var(--common-primary)
    }
    .xl\:focus-within\:ring-offset-scheme-success:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .xl\:focus-within\:ring-offset-scheme-warning:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xl\:focus-within\:ring-offset-scheme-danger:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xl\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: var(--text-primary)
    }
    .xl\:focus-within\:ring-offset-secondary:focus-within {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .xl\:focus-within\:ring-offset-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .xl\:focus-within\:ring-offset-danger-default:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xl\:focus-within\:ring-offset-danger-bold:focus-within {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .xl\:focus-within\:ring-offset-success-default:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .xl\:focus-within\:ring-offset-success-bold:focus-within {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .xl\:focus-within\:ring-offset-success-subtle:focus-within {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .xl\:focus-within\:ring-offset-active-default:focus-within {
        --tw-ring-offset-color: var(--text-active)
    }
    .xl\:focus-within\:ring-offset-active-bold:focus-within {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .xl\:focus-within\:ring-offset-pending-default:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xl\:focus-within\:ring-offset-pending-bold:focus-within {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .xl\:focus-within\:ring-offset-contrast-primary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .xl\:focus-within\:ring-offset-contrast-secondary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .xl\:focus-within\:ring-offset-forced-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .xl\:focus-within\:ring-offset-decorative-red:focus-within {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .xl\:focus-within\:ring-offset-decorative-blue:focus-within {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .xl\:focus-within\:ring-offset-decorative-yellow:focus-within {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .xl\:focus-within\:ring-offset-decorative-grey:focus-within {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .xl\:focus-within\:ring-offset-decorative-green:focus-within {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .xl\:focus-within\:ring-offset-decorative-purple-default:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .xl\:focus-within\:ring-offset-decorative-purple-bold:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .xl\:focus\:ring-offset-common-white:focus {
        --tw-ring-offset-color: var(--common-white)
    }
    .xl\:focus\:ring-offset-common-tertiary:focus {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .xl\:focus\:ring-offset-common-dark:focus {
        --tw-ring-offset-color: var(--common-dark)
    }
    .xl\:focus\:ring-offset-scheme-primary:focus {
        --tw-ring-offset-color: var(--common-primary)
    }
    .xl\:focus\:ring-offset-scheme-success:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .xl\:focus\:ring-offset-scheme-warning:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xl\:focus\:ring-offset-scheme-danger:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xl\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: var(--text-primary)
    }
    .xl\:focus\:ring-offset-secondary:focus {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .xl\:focus\:ring-offset-tertiary:focus {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .xl\:focus\:ring-offset-danger-default:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xl\:focus\:ring-offset-danger-bold:focus {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .xl\:focus\:ring-offset-success-default:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .xl\:focus\:ring-offset-success-bold:focus {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .xl\:focus\:ring-offset-success-subtle:focus {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .xl\:focus\:ring-offset-active-default:focus {
        --tw-ring-offset-color: var(--text-active)
    }
    .xl\:focus\:ring-offset-active-bold:focus {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .xl\:focus\:ring-offset-pending-default:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xl\:focus\:ring-offset-pending-bold:focus {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .xl\:focus\:ring-offset-contrast-primary:focus {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .xl\:focus\:ring-offset-contrast-secondary:focus {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .xl\:focus\:ring-offset-forced-tertiary:focus {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .xl\:focus\:ring-offset-decorative-red:focus {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .xl\:focus\:ring-offset-decorative-blue:focus {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .xl\:focus\:ring-offset-decorative-yellow:focus {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .xl\:focus\:ring-offset-decorative-grey:focus {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .xl\:focus\:ring-offset-decorative-green:focus {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .xl\:focus\:ring-offset-decorative-purple-default:focus {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .xl\:focus\:ring-offset-decorative-purple-bold:focus {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .xl\:filter {
        --tw-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-drop-shadow: var(--tw-empty, /*!*/
        /*!*/
        );
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
    .xl\:filter-none {
        filter: none
    }
    .xl\:blur-0,
    .xl\:blur-none {
        --tw-blur: blur(0)
    }
    .xl\:blur-sm {
        --tw-blur: blur(4px)
    }
    .xl\:blur {
        --tw-blur: blur(8px)
    }
    .xl\:blur-md {
        --tw-blur: blur(12px)
    }
    .xl\:blur-lg {
        --tw-blur: blur(16px)
    }
    .xl\:blur-xl {
        --tw-blur: blur(24px)
    }
    .xl\:blur-2xl {
        --tw-blur: blur(40px)
    }
    .xl\:blur-3xl {
        --tw-blur: blur(64px)
    }
    .xl\:brightness-0 {
        --tw-brightness: brightness(0)
    }
    .xl\:brightness-50 {
        --tw-brightness: brightness(.5)
    }
    .xl\:brightness-75 {
        --tw-brightness: brightness(.75)
    }
    .xl\:brightness-90 {
        --tw-brightness: brightness(.9)
    }
    .xl\:brightness-95 {
        --tw-brightness: brightness(.95)
    }
    .xl\:brightness-100 {
        --tw-brightness: brightness(1)
    }
    .xl\:brightness-105 {
        --tw-brightness: brightness(1.05)
    }
    .xl\:brightness-110 {
        --tw-brightness: brightness(1.1)
    }
    .xl\:brightness-125 {
        --tw-brightness: brightness(1.25)
    }
    .xl\:brightness-150 {
        --tw-brightness: brightness(1.5)
    }
    .xl\:brightness-200 {
        --tw-brightness: brightness(2)
    }
    .xl\:contrast-0 {
        --tw-contrast: contrast(0)
    }
    .xl\:contrast-50 {
        --tw-contrast: contrast(.5)
    }
    .xl\:contrast-75 {
        --tw-contrast: contrast(.75)
    }
    .xl\:contrast-100 {
        --tw-contrast: contrast(1)
    }
    .xl\:contrast-125 {
        --tw-contrast: contrast(1.25)
    }
    .xl\:contrast-150 {
        --tw-contrast: contrast(1.5)
    }
    .xl\:contrast-200 {
        --tw-contrast: contrast(2)
    }
    .xl\:drop-shadow-sm {
        --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
    }
    .xl\:drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))
    }
    .xl\:drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))
    }
    .xl\:drop-shadow-lg {
        --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))
    }
    .xl\:drop-shadow-xl {
        --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08))
    }
    .xl\:drop-shadow-2xl {
        --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15))
    }
    .xl\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 transparent)
    }
    .xl\:grayscale-0 {
        --tw-grayscale: grayscale(0)
    }
    .xl\:grayscale {
        --tw-grayscale: grayscale(100%)
    }
    .xl\:hue-rotate-0 {
        --tw-hue-rotate: hue-rotate(0deg)
    }
    .xl\:hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(15deg)
    }
    .xl\:hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(30deg)
    }
    .xl\:hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(60deg)
    }
    .xl\:hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(90deg)
    }
    .xl\:hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(180deg)
    }
    .xl\:-hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(-180deg)
    }
    .xl\:-hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(-90deg)
    }
    .xl\:-hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(-60deg)
    }
    .xl\:-hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(-30deg)
    }
    .xl\:-hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(-15deg)
    }
    .xl\:invert-0 {
        --tw-invert: invert(0)
    }
    .xl\:invert {
        --tw-invert: invert(100%)
    }
    .xl\:saturate-0 {
        --tw-saturate: saturate(0)
    }
    .xl\:saturate-50 {
        --tw-saturate: saturate(.5)
    }
    .xl\:saturate-100 {
        --tw-saturate: saturate(1)
    }
    .xl\:saturate-150 {
        --tw-saturate: saturate(1.5)
    }
    .xl\:saturate-200 {
        --tw-saturate: saturate(2)
    }
    .xl\:sepia-0 {
        --tw-sepia: sepia(0)
    }
    .xl\:sepia {
        --tw-sepia: sepia(100%)
    }
    .xl\:backdrop-filter {
        --tw-backdrop-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-opacity: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }
    .xl\:backdrop-filter-none {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
    .xl\:backdrop-blur-0,
    .xl\:backdrop-blur-none {
        --tw-backdrop-blur: blur(0)
    }
    .xl\:backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px)
    }
    .xl\:backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }
    .xl\:backdrop-blur-md {
        --tw-backdrop-blur: blur(12px)
    }
    .xl\:backdrop-blur-lg {
        --tw-backdrop-blur: blur(16px)
    }
    .xl\:backdrop-blur-xl {
        --tw-backdrop-blur: blur(24px)
    }
    .xl\:backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px)
    }
    .xl\:backdrop-blur-3xl {
        --tw-backdrop-blur: blur(64px)
    }
    .xl\:backdrop-brightness-0 {
        --tw-backdrop-brightness: brightness(0)
    }
    .xl\:backdrop-brightness-50 {
        --tw-backdrop-brightness: brightness(.5)
    }
    .xl\:backdrop-brightness-75 {
        --tw-backdrop-brightness: brightness(.75)
    }
    .xl\:backdrop-brightness-90 {
        --tw-backdrop-brightness: brightness(.9)
    }
    .xl\:backdrop-brightness-95 {
        --tw-backdrop-brightness: brightness(.95)
    }
    .xl\:backdrop-brightness-100 {
        --tw-backdrop-brightness: brightness(1)
    }
    .xl\:backdrop-brightness-105 {
        --tw-backdrop-brightness: brightness(1.05)
    }
    .xl\:backdrop-brightness-110 {
        --tw-backdrop-brightness: brightness(1.1)
    }
    .xl\:backdrop-brightness-125 {
        --tw-backdrop-brightness: brightness(1.25)
    }
    .xl\:backdrop-brightness-150 {
        --tw-backdrop-brightness: brightness(1.5)
    }
    .xl\:backdrop-brightness-200 {
        --tw-backdrop-brightness: brightness(2)
    }
    .xl\:backdrop-contrast-0 {
        --tw-backdrop-contrast: contrast(0)
    }
    .xl\:backdrop-contrast-50 {
        --tw-backdrop-contrast: contrast(.5)
    }
    .xl\:backdrop-contrast-75 {
        --tw-backdrop-contrast: contrast(.75)
    }
    .xl\:backdrop-contrast-100 {
        --tw-backdrop-contrast: contrast(1)
    }
    .xl\:backdrop-contrast-125 {
        --tw-backdrop-contrast: contrast(1.25)
    }
    .xl\:backdrop-contrast-150 {
        --tw-backdrop-contrast: contrast(1.5)
    }
    .xl\:backdrop-contrast-200 {
        --tw-backdrop-contrast: contrast(2)
    }
    .xl\:backdrop-grayscale-0 {
        --tw-backdrop-grayscale: grayscale(0)
    }
    .xl\:backdrop-grayscale {
        --tw-backdrop-grayscale: grayscale(100%)
    }
    .xl\:backdrop-hue-rotate-0 {
        --tw-backdrop-hue-rotate: hue-rotate(0deg)
    }
    .xl\:backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(15deg)
    }
    .xl\:backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(30deg)
    }
    .xl\:backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(60deg)
    }
    .xl\:backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(90deg)
    }
    .xl\:backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(180deg)
    }
    .xl\:-backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(-180deg)
    }
    .xl\:-backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(-90deg)
    }
    .xl\:-backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(-60deg)
    }
    .xl\:-backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(-30deg)
    }
    .xl\:-backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(-15deg)
    }
    .xl\:backdrop-invert-0 {
        --tw-backdrop-invert: invert(0)
    }
    .xl\:backdrop-invert {
        --tw-backdrop-invert: invert(100%)
    }
    .xl\:backdrop-opacity-0 {
        --tw-backdrop-opacity: opacity(0)
    }
    .xl\:backdrop-opacity-5 {
        --tw-backdrop-opacity: opacity(0.05)
    }
    .xl\:backdrop-opacity-10 {
        --tw-backdrop-opacity: opacity(0.1)
    }
    .xl\:backdrop-opacity-20 {
        --tw-backdrop-opacity: opacity(0.2)
    }
    .xl\:backdrop-opacity-25 {
        --tw-backdrop-opacity: opacity(0.25)
    }
    .xl\:backdrop-opacity-30 {
        --tw-backdrop-opacity: opacity(0.3)
    }
    .xl\:backdrop-opacity-40 {
        --tw-backdrop-opacity: opacity(0.4)
    }
    .xl\:backdrop-opacity-50 {
        --tw-backdrop-opacity: opacity(0.5)
    }
    .xl\:backdrop-opacity-60 {
        --tw-backdrop-opacity: opacity(0.6)
    }
    .xl\:backdrop-opacity-70 {
        --tw-backdrop-opacity: opacity(0.7)
    }
    .xl\:backdrop-opacity-75 {
        --tw-backdrop-opacity: opacity(0.75)
    }
    .xl\:backdrop-opacity-80 {
        --tw-backdrop-opacity: opacity(0.8)
    }
    .xl\:backdrop-opacity-90 {
        --tw-backdrop-opacity: opacity(0.9)
    }
    .xl\:backdrop-opacity-95 {
        --tw-backdrop-opacity: opacity(0.95)
    }
    .xl\:backdrop-opacity-100 {
        --tw-backdrop-opacity: opacity(1)
    }
    .xl\:backdrop-saturate-0 {
        --tw-backdrop-saturate: saturate(0)
    }
    .xl\:backdrop-saturate-50 {
        --tw-backdrop-saturate: saturate(.5)
    }
    .xl\:backdrop-saturate-100 {
        --tw-backdrop-saturate: saturate(1)
    }
    .xl\:backdrop-saturate-150 {
        --tw-backdrop-saturate: saturate(1.5)
    }
    .xl\:backdrop-saturate-200 {
        --tw-backdrop-saturate: saturate(2)
    }
    .xl\:backdrop-sepia-0 {
        --tw-backdrop-sepia: sepia(0)
    }
    .xl\:backdrop-sepia {
        --tw-backdrop-sepia: sepia(100%)
    }
    .xl\:transition-none {
        transition-property: none
    }
    .xl\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xl\:transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xl\:transition-colors {
        transition-property: background-color, border-color, color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xl\:transition-opacity {
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xl\:transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xl\:transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xl\:delay-75 {
        transition-delay: 75ms
    }
    .xl\:delay-100 {
        transition-delay: .1s
    }
    .xl\:delay-150 {
        transition-delay: .15s
    }
    .xl\:delay-200 {
        transition-delay: .2s
    }
    .xl\:delay-300 {
        transition-delay: .3s
    }
    .xl\:delay-500 {
        transition-delay: .5s
    }
    .xl\:delay-700 {
        transition-delay: .7s
    }
    .xl\:delay-1000 {
        transition-delay: 1s
    }
    .xl\:duration-75 {
        transition-duration: 75ms
    }
    .xl\:duration-100 {
        transition-duration: .1s
    }
    .xl\:duration-150 {
        transition-duration: .15s
    }
    .xl\:duration-200 {
        transition-duration: .2s
    }
    .xl\:duration-300 {
        transition-duration: .3s
    }
    .xl\:duration-500 {
        transition-duration: .5s
    }
    .xl\:duration-700 {
        transition-duration: .7s
    }
    .xl\:duration-1000 {
        transition-duration: 1s
    }
    .xl\:ease-linear {
        transition-timing-function: linear
    }
    .xl\:ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }
    .xl\:ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
    .xl\:ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media(min-width:1536px) {
    .xxl\:container {
        width: 100%
    }
    @media(min-width:576px) {
        .xxl\:container {
            max-width: 576px
        }
    }
    @media(min-width:768px) {
        .xxl\:container {
            max-width: 768px
        }
    }
    @media(min-width:992px) {
        .xxl\:container {
            max-width: 992px
        }
    }
    @media(min-width:1200px) {
        .xxl\:container {
            max-width: 1200px
        }
    }
    @media(min-width:1536px) {
        .xxl\:container {
            max-width: 1536px
        }
    }
    .xxl\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .xxl\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .xxl\:focus-within\:sr-only:focus-within {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .xxl\:focus-within\:not-sr-only:focus-within {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .xxl\:focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
    .xxl\:focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }
    .xxl\:pointer-events-none {
        pointer-events: none
    }
    .xxl\:pointer-events-auto {
        pointer-events: auto
    }
    .xxl\:visible {
        visibility: visible
    }
    .xxl\:invisible {
        visibility: hidden
    }
    .xxl\:static {
        position: static
    }
    .xxl\:fixed {
        position: fixed
    }
    .xxl\:absolute {
        position: absolute
    }
    .xxl\:relative {
        position: relative
    }
    .xxl\:sticky {
        position: -webkit-sticky;
        position: sticky
    }
    .xxl\:inset-0 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    .xxl\:inset-2 {
        top: var(--space-5xs);
        right: var(--space-5xs);
        bottom: var(--space-5xs);
        left: var(--space-5xs)
    }
    .xxl\:inset-4 {
        top: var(--space-4xs);
        right: var(--space-4xs);
        bottom: var(--space-4xs);
        left: var(--space-4xs)
    }
    .xxl\:inset-6 {
        top: var(--space-3xs);
        right: var(--space-3xs);
        bottom: var(--space-3xs);
        left: var(--space-3xs)
    }
    .xxl\:inset-8 {
        top: var(--space-2xs);
        right: var(--space-2xs);
        bottom: var(--space-2xs);
        left: var(--space-2xs)
    }
    .xxl\:inset-12 {
        top: var(--space-xs);
        right: var(--space-xs);
        bottom: var(--space-xs);
        left: var(--space-xs)
    }
    .xxl\:inset-16 {
        top: var(--space-sm);
        right: var(--space-sm);
        bottom: var(--space-sm);
        left: var(--space-sm)
    }
    .xxl\:inset-20 {
        top: var(--space-md);
        right: var(--space-md);
        bottom: var(--space-md);
        left: var(--space-md)
    }
    .xxl\:inset-24 {
        top: var(--space-lg);
        right: var(--space-lg);
        bottom: var(--space-lg);
        left: var(--space-lg)
    }
    .xxl\:inset-32 {
        top: var(--space-xl);
        right: var(--space-xl);
        bottom: var(--space-xl);
        left: var(--space-xl)
    }
    .xxl\:inset-40 {
        top: var(--space-2xl);
        right: var(--space-2xl);
        bottom: var(--space-2xl);
        left: var(--space-2xl)
    }
    .xxl\:inset-48 {
        top: var(--space-3xl);
        right: var(--space-3xl);
        bottom: var(--space-3xl);
        left: var(--space-3xl)
    }
    .xxl\:inset-80 {
        top: var(--space-4xl);
        right: var(--space-4xl);
        bottom: var(--space-4xl);
        left: var(--space-4xl)
    }
    .xxl\:inset-auto {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
    .xxl\:-inset-2 {
        top: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1);
        left: calc(var(--space-5xs)*-1)
    }
    .xxl\:-inset-4 {
        top: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1);
        left: calc(var(--space-4xs)*-1)
    }
    .xxl\:-inset-6 {
        top: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1);
        left: calc(var(--space-3xs)*-1)
    }
    .xxl\:-inset-8 {
        top: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1);
        left: calc(var(--space-2xs)*-1)
    }
    .xxl\:-inset-12 {
        top: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1);
        left: calc(var(--space-xs)*-1)
    }
    .xxl\:-inset-16 {
        top: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1);
        left: calc(var(--space-sm)*-1)
    }
    .xxl\:-inset-20 {
        top: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1);
        left: calc(var(--space-md)*-1)
    }
    .xxl\:-inset-24 {
        top: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1);
        left: calc(var(--space-lg)*-1)
    }
    .xxl\:-inset-32 {
        top: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1);
        left: calc(var(--space-xl)*-1)
    }
    .xxl\:-inset-40 {
        top: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1);
        left: calc(var(--space-2xl)*-1)
    }
    .xxl\:-inset-48 {
        top: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1);
        left: calc(var(--space-3xl)*-1)
    }
    .xxl\:-inset-80 {
        top: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1);
        left: calc(var(--space-4xl)*-1)
    }
    .xxl\:inset-1\/2 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .xxl\:inset-1\/3 {
        top: 33.333333%;
        right: 33.333333%;
        bottom: 33.333333%;
        left: 33.333333%
    }
    .xxl\:inset-2\/3 {
        top: 66.666667%;
        right: 66.666667%;
        bottom: 66.666667%;
        left: 66.666667%
    }
    .xxl\:inset-1\/4 {
        top: 25%;
        right: 25%;
        bottom: 25%;
        left: 25%
    }
    .xxl\:inset-2\/4 {
        top: 50%;
        right: 50%;
        bottom: 50%;
        left: 50%
    }
    .xxl\:inset-3\/4 {
        top: 75%;
        right: 75%;
        bottom: 75%;
        left: 75%
    }
    .xxl\:inset-full {
        top: 100%;
        right: 100%;
        bottom: 100%;
        left: 100%
    }
    .xxl\:-inset-1\/2 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .xxl\:-inset-1\/3 {
        top: -33.333333%;
        right: -33.333333%;
        bottom: -33.333333%;
        left: -33.333333%
    }
    .xxl\:-inset-2\/3 {
        top: -66.666667%;
        right: -66.666667%;
        bottom: -66.666667%;
        left: -66.666667%
    }
    .xxl\:-inset-1\/4 {
        top: -25%;
        right: -25%;
        bottom: -25%;
        left: -25%
    }
    .xxl\:-inset-2\/4 {
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%
    }
    .xxl\:-inset-3\/4 {
        top: -75%;
        right: -75%;
        bottom: -75%;
        left: -75%
    }
    .xxl\:-inset-full {
        top: -100%;
        right: -100%;
        bottom: -100%;
        left: -100%
    }
    .xxl\:inset-x-0 {
        left: 0;
        right: 0
    }
    .xxl\:inset-x-2 {
        left: var(--space-5xs);
        right: var(--space-5xs)
    }
    .xxl\:inset-x-4 {
        left: var(--space-4xs);
        right: var(--space-4xs)
    }
    .xxl\:inset-x-6 {
        left: var(--space-3xs);
        right: var(--space-3xs)
    }
    .xxl\:inset-x-8 {
        left: var(--space-2xs);
        right: var(--space-2xs)
    }
    .xxl\:inset-x-12 {
        left: var(--space-xs);
        right: var(--space-xs)
    }
    .xxl\:inset-x-16 {
        left: var(--space-sm);
        right: var(--space-sm)
    }
    .xxl\:inset-x-20 {
        left: var(--space-md);
        right: var(--space-md)
    }
    .xxl\:inset-x-24 {
        left: var(--space-lg);
        right: var(--space-lg)
    }
    .xxl\:inset-x-32 {
        left: var(--space-xl);
        right: var(--space-xl)
    }
    .xxl\:inset-x-40 {
        left: var(--space-2xl);
        right: var(--space-2xl)
    }
    .xxl\:inset-x-48 {
        left: var(--space-3xl);
        right: var(--space-3xl)
    }
    .xxl\:inset-x-80 {
        left: var(--space-4xl);
        right: var(--space-4xl)
    }
    .xxl\:inset-x-auto {
        left: auto;
        right: auto
    }
    .xxl\:-inset-x-2 {
        left: calc(var(--space-5xs)*-1);
        right: calc(var(--space-5xs)*-1)
    }
    .xxl\:-inset-x-4 {
        left: calc(var(--space-4xs)*-1);
        right: calc(var(--space-4xs)*-1)
    }
    .xxl\:-inset-x-6 {
        left: calc(var(--space-3xs)*-1);
        right: calc(var(--space-3xs)*-1)
    }
    .xxl\:-inset-x-8 {
        left: calc(var(--space-2xs)*-1);
        right: calc(var(--space-2xs)*-1)
    }
    .xxl\:-inset-x-12 {
        left: calc(var(--space-xs)*-1);
        right: calc(var(--space-xs)*-1)
    }
    .xxl\:-inset-x-16 {
        left: calc(var(--space-sm)*-1);
        right: calc(var(--space-sm)*-1)
    }
    .xxl\:-inset-x-20 {
        left: calc(var(--space-md)*-1);
        right: calc(var(--space-md)*-1)
    }
    .xxl\:-inset-x-24 {
        left: calc(var(--space-lg)*-1);
        right: calc(var(--space-lg)*-1)
    }
    .xxl\:-inset-x-32 {
        left: calc(var(--space-xl)*-1);
        right: calc(var(--space-xl)*-1)
    }
    .xxl\:-inset-x-40 {
        left: calc(var(--space-2xl)*-1);
        right: calc(var(--space-2xl)*-1)
    }
    .xxl\:-inset-x-48 {
        left: calc(var(--space-3xl)*-1);
        right: calc(var(--space-3xl)*-1)
    }
    .xxl\:-inset-x-80 {
        left: calc(var(--space-4xl)*-1);
        right: calc(var(--space-4xl)*-1)
    }
    .xxl\:inset-x-1\/2 {
        left: 50%;
        right: 50%
    }
    .xxl\:inset-x-1\/3 {
        left: 33.333333%;
        right: 33.333333%
    }
    .xxl\:inset-x-2\/3 {
        left: 66.666667%;
        right: 66.666667%
    }
    .xxl\:inset-x-1\/4 {
        left: 25%;
        right: 25%
    }
    .xxl\:inset-x-2\/4 {
        left: 50%;
        right: 50%
    }
    .xxl\:inset-x-3\/4 {
        left: 75%;
        right: 75%
    }
    .xxl\:inset-x-full {
        left: 100%;
        right: 100%
    }
    .xxl\:-inset-x-1\/2 {
        left: -50%;
        right: -50%
    }
    .xxl\:-inset-x-1\/3 {
        left: -33.333333%;
        right: -33.333333%
    }
    .xxl\:-inset-x-2\/3 {
        left: -66.666667%;
        right: -66.666667%
    }
    .xxl\:-inset-x-1\/4 {
        left: -25%;
        right: -25%
    }
    .xxl\:-inset-x-2\/4 {
        left: -50%;
        right: -50%
    }
    .xxl\:-inset-x-3\/4 {
        left: -75%;
        right: -75%
    }
    .xxl\:-inset-x-full {
        left: -100%;
        right: -100%
    }
    .xxl\:inset-y-0 {
        top: 0;
        bottom: 0
    }
    .xxl\:inset-y-2 {
        top: var(--space-5xs);
        bottom: var(--space-5xs)
    }
    .xxl\:inset-y-4 {
        top: var(--space-4xs);
        bottom: var(--space-4xs)
    }
    .xxl\:inset-y-6 {
        top: var(--space-3xs);
        bottom: var(--space-3xs)
    }
    .xxl\:inset-y-8 {
        top: var(--space-2xs);
        bottom: var(--space-2xs)
    }
    .xxl\:inset-y-12 {
        top: var(--space-xs);
        bottom: var(--space-xs)
    }
    .xxl\:inset-y-16 {
        top: var(--space-sm);
        bottom: var(--space-sm)
    }
    .xxl\:inset-y-20 {
        top: var(--space-md);
        bottom: var(--space-md)
    }
    .xxl\:inset-y-24 {
        top: var(--space-lg);
        bottom: var(--space-lg)
    }
    .xxl\:inset-y-32 {
        top: var(--space-xl);
        bottom: var(--space-xl)
    }
    .xxl\:inset-y-40 {
        top: var(--space-2xl);
        bottom: var(--space-2xl)
    }
    .xxl\:inset-y-48 {
        top: var(--space-3xl);
        bottom: var(--space-3xl)
    }
    .xxl\:inset-y-80 {
        top: var(--space-4xl);
        bottom: var(--space-4xl)
    }
    .xxl\:inset-y-auto {
        top: auto;
        bottom: auto
    }
    .xxl\:-inset-y-2 {
        top: calc(var(--space-5xs)*-1);
        bottom: calc(var(--space-5xs)*-1)
    }
    .xxl\:-inset-y-4 {
        top: calc(var(--space-4xs)*-1);
        bottom: calc(var(--space-4xs)*-1)
    }
    .xxl\:-inset-y-6 {
        top: calc(var(--space-3xs)*-1);
        bottom: calc(var(--space-3xs)*-1)
    }
    .xxl\:-inset-y-8 {
        top: calc(var(--space-2xs)*-1);
        bottom: calc(var(--space-2xs)*-1)
    }
    .xxl\:-inset-y-12 {
        top: calc(var(--space-xs)*-1);
        bottom: calc(var(--space-xs)*-1)
    }
    .xxl\:-inset-y-16 {
        top: calc(var(--space-sm)*-1);
        bottom: calc(var(--space-sm)*-1)
    }
    .xxl\:-inset-y-20 {
        top: calc(var(--space-md)*-1);
        bottom: calc(var(--space-md)*-1)
    }
    .xxl\:-inset-y-24 {
        top: calc(var(--space-lg)*-1);
        bottom: calc(var(--space-lg)*-1)
    }
    .xxl\:-inset-y-32 {
        top: calc(var(--space-xl)*-1);
        bottom: calc(var(--space-xl)*-1)
    }
    .xxl\:-inset-y-40 {
        top: calc(var(--space-2xl)*-1);
        bottom: calc(var(--space-2xl)*-1)
    }
    .xxl\:-inset-y-48 {
        top: calc(var(--space-3xl)*-1);
        bottom: calc(var(--space-3xl)*-1)
    }
    .xxl\:-inset-y-80 {
        top: calc(var(--space-4xl)*-1);
        bottom: calc(var(--space-4xl)*-1)
    }
    .xxl\:inset-y-1\/2 {
        top: 50%;
        bottom: 50%
    }
    .xxl\:inset-y-1\/3 {
        top: 33.333333%;
        bottom: 33.333333%
    }
    .xxl\:inset-y-2\/3 {
        top: 66.666667%;
        bottom: 66.666667%
    }
    .xxl\:inset-y-1\/4 {
        top: 25%;
        bottom: 25%
    }
    .xxl\:inset-y-2\/4 {
        top: 50%;
        bottom: 50%
    }
    .xxl\:inset-y-3\/4 {
        top: 75%;
        bottom: 75%
    }
    .xxl\:inset-y-full {
        top: 100%;
        bottom: 100%
    }
    .xxl\:-inset-y-1\/2 {
        top: -50%;
        bottom: -50%
    }
    .xxl\:-inset-y-1\/3 {
        top: -33.333333%;
        bottom: -33.333333%
    }
    .xxl\:-inset-y-2\/3 {
        top: -66.666667%;
        bottom: -66.666667%
    }
    .xxl\:-inset-y-1\/4 {
        top: -25%;
        bottom: -25%
    }
    .xxl\:-inset-y-2\/4 {
        top: -50%;
        bottom: -50%
    }
    .xxl\:-inset-y-3\/4 {
        top: -75%;
        bottom: -75%
    }
    .xxl\:-inset-y-full {
        top: -100%;
        bottom: -100%
    }
    .xxl\:top-0 {
        top: 0
    }
    .xxl\:top-2 {
        top: var(--space-5xs)
    }
    .xxl\:top-4 {
        top: var(--space-4xs)
    }
    .xxl\:top-6 {
        top: var(--space-3xs)
    }
    .xxl\:top-8 {
        top: var(--space-2xs)
    }
    .xxl\:top-12 {
        top: var(--space-xs)
    }
    .xxl\:top-16 {
        top: var(--space-sm)
    }
    .xxl\:top-20 {
        top: var(--space-md)
    }
    .xxl\:top-24 {
        top: var(--space-lg)
    }
    .xxl\:top-32 {
        top: var(--space-xl)
    }
    .xxl\:top-40 {
        top: var(--space-2xl)
    }
    .xxl\:top-48 {
        top: var(--space-3xl)
    }
    .xxl\:top-80 {
        top: var(--space-4xl)
    }
    .xxl\:top-auto {
        top: auto
    }
    .xxl\:-top-2 {
        top: calc(var(--space-5xs)*-1)
    }
    .xxl\:-top-4 {
        top: calc(var(--space-4xs)*-1)
    }
    .xxl\:-top-6 {
        top: calc(var(--space-3xs)*-1)
    }
    .xxl\:-top-8 {
        top: calc(var(--space-2xs)*-1)
    }
    .xxl\:-top-12 {
        top: calc(var(--space-xs)*-1)
    }
    .xxl\:-top-16 {
        top: calc(var(--space-sm)*-1)
    }
    .xxl\:-top-20 {
        top: calc(var(--space-md)*-1)
    }
    .xxl\:-top-24 {
        top: calc(var(--space-lg)*-1)
    }
    .xxl\:-top-32 {
        top: calc(var(--space-xl)*-1)
    }
    .xxl\:-top-40 {
        top: calc(var(--space-2xl)*-1)
    }
    .xxl\:-top-48 {
        top: calc(var(--space-3xl)*-1)
    }
    .xxl\:-top-80 {
        top: calc(var(--space-4xl)*-1)
    }
    .xxl\:top-1\/2 {
        top: 50%
    }
    .xxl\:top-1\/3 {
        top: 33.333333%
    }
    .xxl\:top-2\/3 {
        top: 66.666667%
    }
    .xxl\:top-1\/4 {
        top: 25%
    }
    .xxl\:top-2\/4 {
        top: 50%
    }
    .xxl\:top-3\/4 {
        top: 75%
    }
    .xxl\:top-full {
        top: 100%
    }
    .xxl\:-top-1\/2 {
        top: -50%
    }
    .xxl\:-top-1\/3 {
        top: -33.333333%
    }
    .xxl\:-top-2\/3 {
        top: -66.666667%
    }
    .xxl\:-top-1\/4 {
        top: -25%
    }
    .xxl\:-top-2\/4 {
        top: -50%
    }
    .xxl\:-top-3\/4 {
        top: -75%
    }
    .xxl\:-top-full {
        top: -100%
    }
    .xxl\:right-0 {
        right: 0
    }
    .xxl\:right-2 {
        right: var(--space-5xs)
    }
    .xxl\:right-4 {
        right: var(--space-4xs)
    }
    .xxl\:right-6 {
        right: var(--space-3xs)
    }
    .xxl\:right-8 {
        right: var(--space-2xs)
    }
    .xxl\:right-12 {
        right: var(--space-xs)
    }
    .xxl\:right-16 {
        right: var(--space-sm)
    }
    .xxl\:right-20 {
        right: var(--space-md)
    }
    .xxl\:right-24 {
        right: var(--space-lg)
    }
    .xxl\:right-32 {
        right: var(--space-xl)
    }
    .xxl\:right-40 {
        right: var(--space-2xl)
    }
    .xxl\:right-48 {
        right: var(--space-3xl)
    }
    .xxl\:right-80 {
        right: var(--space-4xl)
    }
    .xxl\:right-auto {
        right: auto
    }
    .xxl\:-right-2 {
        right: calc(var(--space-5xs)*-1)
    }
    .xxl\:-right-4 {
        right: calc(var(--space-4xs)*-1)
    }
    .xxl\:-right-6 {
        right: calc(var(--space-3xs)*-1)
    }
    .xxl\:-right-8 {
        right: calc(var(--space-2xs)*-1)
    }
    .xxl\:-right-12 {
        right: calc(var(--space-xs)*-1)
    }
    .xxl\:-right-16 {
        right: calc(var(--space-sm)*-1)
    }
    .xxl\:-right-20 {
        right: calc(var(--space-md)*-1)
    }
    .xxl\:-right-24 {
        right: calc(var(--space-lg)*-1)
    }
    .xxl\:-right-32 {
        right: calc(var(--space-xl)*-1)
    }
    .xxl\:-right-40 {
        right: calc(var(--space-2xl)*-1)
    }
    .xxl\:-right-48 {
        right: calc(var(--space-3xl)*-1)
    }
    .xxl\:-right-80 {
        right: calc(var(--space-4xl)*-1)
    }
    .xxl\:right-1\/2 {
        right: 50%
    }
    .xxl\:right-1\/3 {
        right: 33.333333%
    }
    .xxl\:right-2\/3 {
        right: 66.666667%
    }
    .xxl\:right-1\/4 {
        right: 25%
    }
    .xxl\:right-2\/4 {
        right: 50%
    }
    .xxl\:right-3\/4 {
        right: 75%
    }
    .xxl\:right-full {
        right: 100%
    }
    .xxl\:-right-1\/2 {
        right: -50%
    }
    .xxl\:-right-1\/3 {
        right: -33.333333%
    }
    .xxl\:-right-2\/3 {
        right: -66.666667%
    }
    .xxl\:-right-1\/4 {
        right: -25%
    }
    .xxl\:-right-2\/4 {
        right: -50%
    }
    .xxl\:-right-3\/4 {
        right: -75%
    }
    .xxl\:-right-full {
        right: -100%
    }
    .xxl\:bottom-0 {
        bottom: 0
    }
    .xxl\:bottom-2 {
        bottom: var(--space-5xs)
    }
    .xxl\:bottom-4 {
        bottom: var(--space-4xs)
    }
    .xxl\:bottom-6 {
        bottom: var(--space-3xs)
    }
    .xxl\:bottom-8 {
        bottom: var(--space-2xs)
    }
    .xxl\:bottom-12 {
        bottom: var(--space-xs)
    }
    .xxl\:bottom-16 {
        bottom: var(--space-sm)
    }
    .xxl\:bottom-20 {
        bottom: var(--space-md)
    }
    .xxl\:bottom-24 {
        bottom: var(--space-lg)
    }
    .xxl\:bottom-32 {
        bottom: var(--space-xl)
    }
    .xxl\:bottom-40 {
        bottom: var(--space-2xl)
    }
    .xxl\:bottom-48 {
        bottom: var(--space-3xl)
    }
    .xxl\:bottom-80 {
        bottom: var(--space-4xl)
    }
    .xxl\:bottom-auto {
        bottom: auto
    }
    .xxl\:-bottom-2 {
        bottom: calc(var(--space-5xs)*-1)
    }
    .xxl\:-bottom-4 {
        bottom: calc(var(--space-4xs)*-1)
    }
    .xxl\:-bottom-6 {
        bottom: calc(var(--space-3xs)*-1)
    }
    .xxl\:-bottom-8 {
        bottom: calc(var(--space-2xs)*-1)
    }
    .xxl\:-bottom-12 {
        bottom: calc(var(--space-xs)*-1)
    }
    .xxl\:-bottom-16 {
        bottom: calc(var(--space-sm)*-1)
    }
    .xxl\:-bottom-20 {
        bottom: calc(var(--space-md)*-1)
    }
    .xxl\:-bottom-24 {
        bottom: calc(var(--space-lg)*-1)
    }
    .xxl\:-bottom-32 {
        bottom: calc(var(--space-xl)*-1)
    }
    .xxl\:-bottom-40 {
        bottom: calc(var(--space-2xl)*-1)
    }
    .xxl\:-bottom-48 {
        bottom: calc(var(--space-3xl)*-1)
    }
    .xxl\:-bottom-80 {
        bottom: calc(var(--space-4xl)*-1)
    }
    .xxl\:bottom-1\/2 {
        bottom: 50%
    }
    .xxl\:bottom-1\/3 {
        bottom: 33.333333%
    }
    .xxl\:bottom-2\/3 {
        bottom: 66.666667%
    }
    .xxl\:bottom-1\/4 {
        bottom: 25%
    }
    .xxl\:bottom-2\/4 {
        bottom: 50%
    }
    .xxl\:bottom-3\/4 {
        bottom: 75%
    }
    .xxl\:bottom-full {
        bottom: 100%
    }
    .xxl\:-bottom-1\/2 {
        bottom: -50%
    }
    .xxl\:-bottom-1\/3 {
        bottom: -33.333333%
    }
    .xxl\:-bottom-2\/3 {
        bottom: -66.666667%
    }
    .xxl\:-bottom-1\/4 {
        bottom: -25%
    }
    .xxl\:-bottom-2\/4 {
        bottom: -50%
    }
    .xxl\:-bottom-3\/4 {
        bottom: -75%
    }
    .xxl\:-bottom-full {
        bottom: -100%
    }
    .xxl\:left-0 {
        left: 0
    }
    .xxl\:left-2 {
        left: var(--space-5xs)
    }
    .xxl\:left-4 {
        left: var(--space-4xs)
    }
    .xxl\:left-6 {
        left: var(--space-3xs)
    }
    .xxl\:left-8 {
        left: var(--space-2xs)
    }
    .xxl\:left-12 {
        left: var(--space-xs)
    }
    .xxl\:left-16 {
        left: var(--space-sm)
    }
    .xxl\:left-20 {
        left: var(--space-md)
    }
    .xxl\:left-24 {
        left: var(--space-lg)
    }
    .xxl\:left-32 {
        left: var(--space-xl)
    }
    .xxl\:left-40 {
        left: var(--space-2xl)
    }
    .xxl\:left-48 {
        left: var(--space-3xl)
    }
    .xxl\:left-80 {
        left: var(--space-4xl)
    }
    .xxl\:left-auto {
        left: auto
    }
    .xxl\:-left-2 {
        left: calc(var(--space-5xs)*-1)
    }
    .xxl\:-left-4 {
        left: calc(var(--space-4xs)*-1)
    }
    .xxl\:-left-6 {
        left: calc(var(--space-3xs)*-1)
    }
    .xxl\:-left-8 {
        left: calc(var(--space-2xs)*-1)
    }
    .xxl\:-left-12 {
        left: calc(var(--space-xs)*-1)
    }
    .xxl\:-left-16 {
        left: calc(var(--space-sm)*-1)
    }
    .xxl\:-left-20 {
        left: calc(var(--space-md)*-1)
    }
    .xxl\:-left-24 {
        left: calc(var(--space-lg)*-1)
    }
    .xxl\:-left-32 {
        left: calc(var(--space-xl)*-1)
    }
    .xxl\:-left-40 {
        left: calc(var(--space-2xl)*-1)
    }
    .xxl\:-left-48 {
        left: calc(var(--space-3xl)*-1)
    }
    .xxl\:-left-80 {
        left: calc(var(--space-4xl)*-1)
    }
    .xxl\:left-1\/2 {
        left: 50%
    }
    .xxl\:left-1\/3 {
        left: 33.333333%
    }
    .xxl\:left-2\/3 {
        left: 66.666667%
    }
    .xxl\:left-1\/4 {
        left: 25%
    }
    .xxl\:left-2\/4 {
        left: 50%
    }
    .xxl\:left-3\/4 {
        left: 75%
    }
    .xxl\:left-full {
        left: 100%
    }
    .xxl\:-left-1\/2 {
        left: -50%
    }
    .xxl\:-left-1\/3 {
        left: -33.333333%
    }
    .xxl\:-left-2\/3 {
        left: -66.666667%
    }
    .xxl\:-left-1\/4 {
        left: -25%
    }
    .xxl\:-left-2\/4 {
        left: -50%
    }
    .xxl\:-left-3\/4 {
        left: -75%
    }
    .xxl\:-left-full {
        left: -100%
    }
    .xxl\:isolate {
        isolation: isolate
    }
    .xxl\:isolation-auto {
        isolation: auto
    }
    .xxl\:z-0 {
        z-index: 0
    }
    .xxl\:z-10 {
        z-index: 10
    }
    .xxl\:z-20 {
        z-index: 20
    }
    .xxl\:z-30 {
        z-index: 30
    }
    .xxl\:z-40 {
        z-index: 40
    }
    .xxl\:z-50 {
        z-index: 50
    }
    .xxl\:z-auto {
        z-index: auto
    }
    .xxl\:focus-within\:z-0:focus-within {
        z-index: 0
    }
    .xxl\:focus-within\:z-10:focus-within {
        z-index: 10
    }
    .xxl\:focus-within\:z-20:focus-within {
        z-index: 20
    }
    .xxl\:focus-within\:z-30:focus-within {
        z-index: 30
    }
    .xxl\:focus-within\:z-40:focus-within {
        z-index: 40
    }
    .xxl\:focus-within\:z-50:focus-within {
        z-index: 50
    }
    .xxl\:focus-within\:z-auto:focus-within {
        z-index: auto
    }
    .xxl\:focus\:z-0:focus {
        z-index: 0
    }
    .xxl\:focus\:z-10:focus {
        z-index: 10
    }
    .xxl\:focus\:z-20:focus {
        z-index: 20
    }
    .xxl\:focus\:z-30:focus {
        z-index: 30
    }
    .xxl\:focus\:z-40:focus {
        z-index: 40
    }
    .xxl\:focus\:z-50:focus {
        z-index: 50
    }
    .xxl\:focus\:z-auto:focus {
        z-index: auto
    }
    .xxl\:order-1 {
        order: 1
    }
    .xxl\:order-2 {
        order: 2
    }
    .xxl\:order-3 {
        order: 3
    }
    .xxl\:order-4 {
        order: 4
    }
    .xxl\:order-5 {
        order: 5
    }
    .xxl\:order-6 {
        order: 6
    }
    .xxl\:order-7 {
        order: 7
    }
    .xxl\:order-8 {
        order: 8
    }
    .xxl\:order-9 {
        order: 9
    }
    .xxl\:order-10 {
        order: 10
    }
    .xxl\:order-11 {
        order: 11
    }
    .xxl\:order-12 {
        order: 12
    }
    .xxl\:order-first {
        order: -9999
    }
    .xxl\:order-last {
        order: 9999
    }
    .xxl\:order-none {
        order: 0
    }
    .xxl\:col-auto {
        grid-column: auto
    }
    .xxl\:col-span-1 {
        grid-column: span 1/span 1
    }
    .xxl\:col-span-2 {
        grid-column: span 2/span 2
    }
    .xxl\:col-span-3 {
        grid-column: span 3/span 3
    }
    .xxl\:col-span-4 {
        grid-column: span 4/span 4
    }
    .xxl\:col-span-5 {
        grid-column: span 5/span 5
    }
    .xxl\:col-span-6 {
        grid-column: span 6/span 6
    }
    .xxl\:col-span-7 {
        grid-column: span 7/span 7
    }
    .xxl\:col-span-8 {
        grid-column: span 8/span 8
    }
    .xxl\:col-span-9 {
        grid-column: span 9/span 9
    }
    .xxl\:col-span-10 {
        grid-column: span 10/span 10
    }
    .xxl\:col-span-11 {
        grid-column: span 11/span 11
    }
    .xxl\:col-span-12 {
        grid-column: span 12/span 12
    }
    .xxl\:col-span-full {
        grid-column: 1/-1
    }
    .xxl\:col-start-1 {
        grid-column-start: 1
    }
    .xxl\:col-start-2 {
        grid-column-start: 2
    }
    .xxl\:col-start-3 {
        grid-column-start: 3
    }
    .xxl\:col-start-4 {
        grid-column-start: 4
    }
    .xxl\:col-start-5 {
        grid-column-start: 5
    }
    .xxl\:col-start-6 {
        grid-column-start: 6
    }
    .xxl\:col-start-7 {
        grid-column-start: 7
    }
    .xxl\:col-start-8 {
        grid-column-start: 8
    }
    .xxl\:col-start-9 {
        grid-column-start: 9
    }
    .xxl\:col-start-10 {
        grid-column-start: 10
    }
    .xxl\:col-start-11 {
        grid-column-start: 11
    }
    .xxl\:col-start-12 {
        grid-column-start: 12
    }
    .xxl\:col-start-13 {
        grid-column-start: 13
    }
    .xxl\:col-start-auto {
        grid-column-start: auto
    }
    .xxl\:col-end-1 {
        grid-column-end: 1
    }
    .xxl\:col-end-2 {
        grid-column-end: 2
    }
    .xxl\:col-end-3 {
        grid-column-end: 3
    }
    .xxl\:col-end-4 {
        grid-column-end: 4
    }
    .xxl\:col-end-5 {
        grid-column-end: 5
    }
    .xxl\:col-end-6 {
        grid-column-end: 6
    }
    .xxl\:col-end-7 {
        grid-column-end: 7
    }
    .xxl\:col-end-8 {
        grid-column-end: 8
    }
    .xxl\:col-end-9 {
        grid-column-end: 9
    }
    .xxl\:col-end-10 {
        grid-column-end: 10
    }
    .xxl\:col-end-11 {
        grid-column-end: 11
    }
    .xxl\:col-end-12 {
        grid-column-end: 12
    }
    .xxl\:col-end-13 {
        grid-column-end: 13
    }
    .xxl\:col-end-auto {
        grid-column-end: auto
    }
    .xxl\:row-auto {
        grid-row: auto
    }
    .xxl\:row-span-1 {
        grid-row: span 1/span 1
    }
    .xxl\:row-span-2 {
        grid-row: span 2/span 2
    }
    .xxl\:row-span-3 {
        grid-row: span 3/span 3
    }
    .xxl\:row-span-4 {
        grid-row: span 4/span 4
    }
    .xxl\:row-span-5 {
        grid-row: span 5/span 5
    }
    .xxl\:row-span-6 {
        grid-row: span 6/span 6
    }
    .xxl\:row-span-full {
        grid-row: 1/-1
    }
    .xxl\:row-start-1 {
        grid-row-start: 1
    }
    .xxl\:row-start-2 {
        grid-row-start: 2
    }
    .xxl\:row-start-3 {
        grid-row-start: 3
    }
    .xxl\:row-start-4 {
        grid-row-start: 4
    }
    .xxl\:row-start-5 {
        grid-row-start: 5
    }
    .xxl\:row-start-6 {
        grid-row-start: 6
    }
    .xxl\:row-start-7 {
        grid-row-start: 7
    }
    .xxl\:row-start-auto {
        grid-row-start: auto
    }
    .xxl\:row-end-1 {
        grid-row-end: 1
    }
    .xxl\:row-end-2 {
        grid-row-end: 2
    }
    .xxl\:row-end-3 {
        grid-row-end: 3
    }
    .xxl\:row-end-4 {
        grid-row-end: 4
    }
    .xxl\:row-end-5 {
        grid-row-end: 5
    }
    .xxl\:row-end-6 {
        grid-row-end: 6
    }
    .xxl\:row-end-7 {
        grid-row-end: 7
    }
    .xxl\:row-end-auto {
        grid-row-end: auto
    }
    .xxl\:float-right {
        float: right
    }
    .xxl\:float-left {
        float: left
    }
    .xxl\:float-none {
        float: none
    }
    .xxl\:clear-left {
        clear: left
    }
    .xxl\:clear-right {
        clear: right
    }
    .xxl\:clear-both {
        clear: both
    }
    .xxl\:clear-none {
        clear: none
    }
    .xxl\:m-0 {
        margin: 0
    }
    .xxl\:m-2 {
        margin: var(--space-5xs)
    }
    .xxl\:m-4 {
        margin: var(--space-4xs)
    }
    .xxl\:m-6 {
        margin: var(--space-3xs)
    }
    .xxl\:m-8 {
        margin: var(--space-2xs)
    }
    .xxl\:m-12 {
        margin: var(--space-xs)
    }
    .xxl\:m-16 {
        margin: var(--space-sm)
    }
    .xxl\:m-20 {
        margin: var(--space-md)
    }
    .xxl\:m-24 {
        margin: var(--space-lg)
    }
    .xxl\:m-32 {
        margin: var(--space-xl)
    }
    .xxl\:m-40 {
        margin: var(--space-2xl)
    }
    .xxl\:m-48 {
        margin: var(--space-3xl)
    }
    .xxl\:m-80 {
        margin: var(--space-4xl)
    }
    .xxl\:m-auto {
        margin: auto
    }
    .xxl\:-m-2 {
        margin: calc(var(--space-5xs)*-1)
    }
    .xxl\:-m-4 {
        margin: calc(var(--space-4xs)*-1)
    }
    .xxl\:-m-6 {
        margin: calc(var(--space-3xs)*-1)
    }
    .xxl\:-m-8 {
        margin: calc(var(--space-2xs)*-1)
    }
    .xxl\:-m-12 {
        margin: calc(var(--space-xs)*-1)
    }
    .xxl\:-m-16 {
        margin: calc(var(--space-sm)*-1)
    }
    .xxl\:-m-20 {
        margin: calc(var(--space-md)*-1)
    }
    .xxl\:-m-24 {
        margin: calc(var(--space-lg)*-1)
    }
    .xxl\:-m-32 {
        margin: calc(var(--space-xl)*-1)
    }
    .xxl\:-m-40 {
        margin: calc(var(--space-2xl)*-1)
    }
    .xxl\:-m-48 {
        margin: calc(var(--space-3xl)*-1)
    }
    .xxl\:-m-80 {
        margin: calc(var(--space-4xl)*-1)
    }
    .xxl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .xxl\:mx-2 {
        margin-left: var(--space-5xs);
        margin-right: var(--space-5xs)
    }
    .xxl\:mx-4 {
        margin-left: var(--space-4xs);
        margin-right: var(--space-4xs)
    }
    .xxl\:mx-6 {
        margin-left: var(--space-3xs);
        margin-right: var(--space-3xs)
    }
    .xxl\:mx-8 {
        margin-left: var(--space-2xs);
        margin-right: var(--space-2xs)
    }
    .xxl\:mx-12 {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }
    .xxl\:mx-16 {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }
    .xxl\:mx-20 {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }
    .xxl\:mx-24 {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }
    .xxl\:mx-32 {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }
    .xxl\:mx-40 {
        margin-left: var(--space-2xl);
        margin-right: var(--space-2xl)
    }
    .xxl\:mx-48 {
        margin-left: var(--space-3xl);
        margin-right: var(--space-3xl)
    }
    .xxl\:mx-80 {
        margin-left: var(--space-4xl);
        margin-right: var(--space-4xl)
    }
    .xxl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .xxl\:-mx-2 {
        margin-left: calc(var(--space-5xs)*-1);
        margin-right: calc(var(--space-5xs)*-1)
    }
    .xxl\:-mx-4 {
        margin-left: calc(var(--space-4xs)*-1);
        margin-right: calc(var(--space-4xs)*-1)
    }
    .xxl\:-mx-6 {
        margin-left: calc(var(--space-3xs)*-1);
        margin-right: calc(var(--space-3xs)*-1)
    }
    .xxl\:-mx-8 {
        margin-left: calc(var(--space-2xs)*-1);
        margin-right: calc(var(--space-2xs)*-1)
    }
    .xxl\:-mx-12 {
        margin-left: calc(var(--space-xs)*-1);
        margin-right: calc(var(--space-xs)*-1)
    }
    .xxl\:-mx-16 {
        margin-left: calc(var(--space-sm)*-1);
        margin-right: calc(var(--space-sm)*-1)
    }
    .xxl\:-mx-20 {
        margin-left: calc(var(--space-md)*-1);
        margin-right: calc(var(--space-md)*-1)
    }
    .xxl\:-mx-24 {
        margin-left: calc(var(--space-lg)*-1);
        margin-right: calc(var(--space-lg)*-1)
    }
    .xxl\:-mx-32 {
        margin-left: calc(var(--space-xl)*-1);
        margin-right: calc(var(--space-xl)*-1)
    }
    .xxl\:-mx-40 {
        margin-left: calc(var(--space-2xl)*-1);
        margin-right: calc(var(--space-2xl)*-1)
    }
    .xxl\:-mx-48 {
        margin-left: calc(var(--space-3xl)*-1);
        margin-right: calc(var(--space-3xl)*-1)
    }
    .xxl\:-mx-80 {
        margin-left: calc(var(--space-4xl)*-1);
        margin-right: calc(var(--space-4xl)*-1)
    }
    .xxl\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .xxl\:my-2 {
        margin-top: var(--space-5xs);
        margin-bottom: var(--space-5xs)
    }
    .xxl\:my-4 {
        margin-top: var(--space-4xs);
        margin-bottom: var(--space-4xs)
    }
    .xxl\:my-6 {
        margin-top: var(--space-3xs);
        margin-bottom: var(--space-3xs)
    }
    .xxl\:my-8 {
        margin-top: var(--space-2xs);
        margin-bottom: var(--space-2xs)
    }
    .xxl\:my-12 {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs)
    }
    .xxl\:my-16 {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }
    .xxl\:my-20 {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }
    .xxl\:my-24 {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }
    .xxl\:my-32 {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }
    .xxl\:my-40 {
        margin-top: var(--space-2xl);
        margin-bottom: var(--space-2xl)
    }
    .xxl\:my-48 {
        margin-top: var(--space-3xl);
        margin-bottom: var(--space-3xl)
    }
    .xxl\:my-80 {
        margin-top: var(--space-4xl);
        margin-bottom: var(--space-4xl)
    }
    .xxl\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .xxl\:-my-2 {
        margin-top: calc(var(--space-5xs)*-1);
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .xxl\:-my-4 {
        margin-top: calc(var(--space-4xs)*-1);
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .xxl\:-my-6 {
        margin-top: calc(var(--space-3xs)*-1);
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .xxl\:-my-8 {
        margin-top: calc(var(--space-2xs)*-1);
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .xxl\:-my-12 {
        margin-top: calc(var(--space-xs)*-1);
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .xxl\:-my-16 {
        margin-top: calc(var(--space-sm)*-1);
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .xxl\:-my-20 {
        margin-top: calc(var(--space-md)*-1);
        margin-bottom: calc(var(--space-md)*-1)
    }
    .xxl\:-my-24 {
        margin-top: calc(var(--space-lg)*-1);
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .xxl\:-my-32 {
        margin-top: calc(var(--space-xl)*-1);
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .xxl\:-my-40 {
        margin-top: calc(var(--space-2xl)*-1);
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .xxl\:-my-48 {
        margin-top: calc(var(--space-3xl)*-1);
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .xxl\:-my-80 {
        margin-top: calc(var(--space-4xl)*-1);
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .xxl\:mt-0 {
        margin-top: 0
    }
    .xxl\:mt-2 {
        margin-top: var(--space-5xs)
    }
    .xxl\:mt-4 {
        margin-top: var(--space-4xs)
    }
    .xxl\:mt-6 {
        margin-top: var(--space-3xs)
    }
    .xxl\:mt-8 {
        margin-top: var(--space-2xs)
    }
    .xxl\:mt-12 {
        margin-top: var(--space-xs)
    }
    .xxl\:mt-16 {
        margin-top: var(--space-sm)
    }
    .xxl\:mt-20 {
        margin-top: var(--space-md)
    }
    .xxl\:mt-24 {
        margin-top: var(--space-lg)
    }
    .xxl\:mt-32 {
        margin-top: var(--space-xl)
    }
    .xxl\:mt-40 {
        margin-top: var(--space-2xl)
    }
    .xxl\:mt-48 {
        margin-top: var(--space-3xl)
    }
    .xxl\:mt-80 {
        margin-top: var(--space-4xl)
    }
    .xxl\:mt-auto {
        margin-top: auto
    }
    .xxl\:-mt-2 {
        margin-top: calc(var(--space-5xs)*-1)
    }
    .xxl\:-mt-4 {
        margin-top: calc(var(--space-4xs)*-1)
    }
    .xxl\:-mt-6 {
        margin-top: calc(var(--space-3xs)*-1)
    }
    .xxl\:-mt-8 {
        margin-top: calc(var(--space-2xs)*-1)
    }
    .xxl\:-mt-12 {
        margin-top: calc(var(--space-xs)*-1)
    }
    .xxl\:-mt-16 {
        margin-top: calc(var(--space-sm)*-1)
    }
    .xxl\:-mt-20 {
        margin-top: calc(var(--space-md)*-1)
    }
    .xxl\:-mt-24 {
        margin-top: calc(var(--space-lg)*-1)
    }
    .xxl\:-mt-32 {
        margin-top: calc(var(--space-xl)*-1)
    }
    .xxl\:-mt-40 {
        margin-top: calc(var(--space-2xl)*-1)
    }
    .xxl\:-mt-48 {
        margin-top: calc(var(--space-3xl)*-1)
    }
    .xxl\:-mt-80 {
        margin-top: calc(var(--space-4xl)*-1)
    }
    .xxl\:mr-0 {
        margin-right: 0
    }
    .xxl\:mr-2 {
        margin-right: var(--space-5xs)
    }
    .xxl\:mr-4 {
        margin-right: var(--space-4xs)
    }
    .xxl\:mr-6 {
        margin-right: var(--space-3xs)
    }
    .xxl\:mr-8 {
        margin-right: var(--space-2xs)
    }
    .xxl\:mr-12 {
        margin-right: var(--space-xs)
    }
    .xxl\:mr-16 {
        margin-right: var(--space-sm)
    }
    .xxl\:mr-20 {
        margin-right: var(--space-md)
    }
    .xxl\:mr-24 {
        margin-right: var(--space-lg)
    }
    .xxl\:mr-32 {
        margin-right: var(--space-xl)
    }
    .xxl\:mr-40 {
        margin-right: var(--space-2xl)
    }
    .xxl\:mr-48 {
        margin-right: var(--space-3xl)
    }
    .xxl\:mr-80 {
        margin-right: var(--space-4xl)
    }
    .xxl\:mr-auto {
        margin-right: auto
    }
    .xxl\:-mr-2 {
        margin-right: calc(var(--space-5xs)*-1)
    }
    .xxl\:-mr-4 {
        margin-right: calc(var(--space-4xs)*-1)
    }
    .xxl\:-mr-6 {
        margin-right: calc(var(--space-3xs)*-1)
    }
    .xxl\:-mr-8 {
        margin-right: calc(var(--space-2xs)*-1)
    }
    .xxl\:-mr-12 {
        margin-right: calc(var(--space-xs)*-1)
    }
    .xxl\:-mr-16 {
        margin-right: calc(var(--space-sm)*-1)
    }
    .xxl\:-mr-20 {
        margin-right: calc(var(--space-md)*-1)
    }
    .xxl\:-mr-24 {
        margin-right: calc(var(--space-lg)*-1)
    }
    .xxl\:-mr-32 {
        margin-right: calc(var(--space-xl)*-1)
    }
    .xxl\:-mr-40 {
        margin-right: calc(var(--space-2xl)*-1)
    }
    .xxl\:-mr-48 {
        margin-right: calc(var(--space-3xl)*-1)
    }
    .xxl\:-mr-80 {
        margin-right: calc(var(--space-4xl)*-1)
    }
    .xxl\:mb-0 {
        margin-bottom: 0
    }
    .xxl\:mb-2 {
        margin-bottom: var(--space-5xs)
    }
    .xxl\:mb-4 {
        margin-bottom: var(--space-4xs)
    }
    .xxl\:mb-6 {
        margin-bottom: var(--space-3xs)
    }
    .xxl\:mb-8 {
        margin-bottom: var(--space-2xs)
    }
    .xxl\:mb-12 {
        margin-bottom: var(--space-xs)
    }
    .xxl\:mb-16 {
        margin-bottom: var(--space-sm)
    }
    .xxl\:mb-20 {
        margin-bottom: var(--space-md)
    }
    .xxl\:mb-24 {
        margin-bottom: var(--space-lg)
    }
    .xxl\:mb-32 {
        margin-bottom: var(--space-xl)
    }
    .xxl\:mb-40 {
        margin-bottom: var(--space-2xl)
    }
    .xxl\:mb-48 {
        margin-bottom: var(--space-3xl)
    }
    .xxl\:mb-80 {
        margin-bottom: var(--space-4xl)
    }
    .xxl\:mb-auto {
        margin-bottom: auto
    }
    .xxl\:-mb-2 {
        margin-bottom: calc(var(--space-5xs)*-1)
    }
    .xxl\:-mb-4 {
        margin-bottom: calc(var(--space-4xs)*-1)
    }
    .xxl\:-mb-6 {
        margin-bottom: calc(var(--space-3xs)*-1)
    }
    .xxl\:-mb-8 {
        margin-bottom: calc(var(--space-2xs)*-1)
    }
    .xxl\:-mb-12 {
        margin-bottom: calc(var(--space-xs)*-1)
    }
    .xxl\:-mb-16 {
        margin-bottom: calc(var(--space-sm)*-1)
    }
    .xxl\:-mb-20 {
        margin-bottom: calc(var(--space-md)*-1)
    }
    .xxl\:-mb-24 {
        margin-bottom: calc(var(--space-lg)*-1)
    }
    .xxl\:-mb-32 {
        margin-bottom: calc(var(--space-xl)*-1)
    }
    .xxl\:-mb-40 {
        margin-bottom: calc(var(--space-2xl)*-1)
    }
    .xxl\:-mb-48 {
        margin-bottom: calc(var(--space-3xl)*-1)
    }
    .xxl\:-mb-80 {
        margin-bottom: calc(var(--space-4xl)*-1)
    }
    .xxl\:ml-0 {
        margin-left: 0
    }
    .xxl\:ml-2 {
        margin-left: var(--space-5xs)
    }
    .xxl\:ml-4 {
        margin-left: var(--space-4xs)
    }
    .xxl\:ml-6 {
        margin-left: var(--space-3xs)
    }
    .xxl\:ml-8 {
        margin-left: var(--space-2xs)
    }
    .xxl\:ml-12 {
        margin-left: var(--space-xs)
    }
    .xxl\:ml-16 {
        margin-left: var(--space-sm)
    }
    .xxl\:ml-20 {
        margin-left: var(--space-md)
    }
    .xxl\:ml-24 {
        margin-left: var(--space-lg)
    }
    .xxl\:ml-32 {
        margin-left: var(--space-xl)
    }
    .xxl\:ml-40 {
        margin-left: var(--space-2xl)
    }
    .xxl\:ml-48 {
        margin-left: var(--space-3xl)
    }
    .xxl\:ml-80 {
        margin-left: var(--space-4xl)
    }
    .xxl\:ml-auto {
        margin-left: auto
    }
    .xxl\:-ml-2 {
        margin-left: calc(var(--space-5xs)*-1)
    }
    .xxl\:-ml-4 {
        margin-left: calc(var(--space-4xs)*-1)
    }
    .xxl\:-ml-6 {
        margin-left: calc(var(--space-3xs)*-1)
    }
    .xxl\:-ml-8 {
        margin-left: calc(var(--space-2xs)*-1)
    }
    .xxl\:-ml-12 {
        margin-left: calc(var(--space-xs)*-1)
    }
    .xxl\:-ml-16 {
        margin-left: calc(var(--space-sm)*-1)
    }
    .xxl\:-ml-20 {
        margin-left: calc(var(--space-md)*-1)
    }
    .xxl\:-ml-24 {
        margin-left: calc(var(--space-lg)*-1)
    }
    .xxl\:-ml-32 {
        margin-left: calc(var(--space-xl)*-1)
    }
    .xxl\:-ml-40 {
        margin-left: calc(var(--space-2xl)*-1)
    }
    .xxl\:-ml-48 {
        margin-left: calc(var(--space-3xl)*-1)
    }
    .xxl\:-ml-80 {
        margin-left: calc(var(--space-4xl)*-1)
    }
    .xxl\:box-border {
        box-sizing: border-box
    }
    .xxl\:box-content {
        box-sizing: content-box
    }
    .xxl\:block {
        display: block
    }
    .xxl\:inline-block {
        display: inline-block
    }
    .xxl\:inline {
        display: inline
    }
    .xxl\:flex {
        display: flex
    }
    .xxl\:inline-flex {
        display: inline-flex
    }
    .xxl\:table {
        display: table
    }
    .xxl\:inline-table {
        display: inline-table
    }
    .xxl\:table-caption {
        display: table-caption
    }
    .xxl\:table-cell {
        display: table-cell
    }
    .xxl\:table-column {
        display: table-column
    }
    .xxl\:table-column-group {
        display: table-column-group
    }
    .xxl\:table-footer-group {
        display: table-footer-group
    }
    .xxl\:table-header-group {
        display: table-header-group
    }
    .xxl\:table-row-group {
        display: table-row-group
    }
    .xxl\:table-row {
        display: table-row
    }
    .xxl\:flow-root {
        display: flow-root
    }
    .xxl\:grid {
        display: grid
    }
    .xxl\:inline-grid {
        display: inline-grid
    }
    .xxl\:contents {
        display: contents
    }
    .xxl\:list-item {
        display: list-item
    }
    .xxl\:hidden {
        display: none
    }
    .xxl\:h-0 {
        height: 0
    }
    .xxl\:h-2 {
        height: var(--space-5xs)
    }
    .xxl\:h-4 {
        height: var(--space-4xs)
    }
    .xxl\:h-6 {
        height: var(--space-3xs)
    }
    .xxl\:h-8 {
        height: var(--space-2xs)
    }
    .xxl\:h-12 {
        height: var(--space-xs)
    }
    .xxl\:h-16 {
        height: var(--space-sm)
    }
    .xxl\:h-20 {
        height: var(--space-md)
    }
    .xxl\:h-24 {
        height: var(--space-lg)
    }
    .xxl\:h-32 {
        height: var(--space-xl)
    }
    .xxl\:h-40 {
        height: var(--space-2xl)
    }
    .xxl\:h-48 {
        height: var(--space-3xl)
    }
    .xxl\:h-80 {
        height: var(--space-4xl)
    }
    .xxl\:h-auto {
        height: auto
    }
    .xxl\:h-1\/2 {
        height: 50%
    }
    .xxl\:h-1\/3 {
        height: 33.333333%
    }
    .xxl\:h-2\/3 {
        height: 66.666667%
    }
    .xxl\:h-1\/4 {
        height: 25%
    }
    .xxl\:h-2\/4 {
        height: 50%
    }
    .xxl\:h-3\/4 {
        height: 75%
    }
    .xxl\:h-1\/5 {
        height: 20%
    }
    .xxl\:h-2\/5 {
        height: 40%
    }
    .xxl\:h-3\/5 {
        height: 60%
    }
    .xxl\:h-4\/5 {
        height: 80%
    }
    .xxl\:h-1\/6 {
        height: 16.666667%
    }
    .xxl\:h-2\/6 {
        height: 33.333333%
    }
    .xxl\:h-3\/6 {
        height: 50%
    }
    .xxl\:h-4\/6 {
        height: 66.666667%
    }
    .xxl\:h-5\/6 {
        height: 83.333333%
    }
    .xxl\:h-full {
        height: 100%
    }
    .xxl\:h-screen {
        height: 100vh
    }
    .xxl\:max-h-0 {
        max-height: 0
    }
    .xxl\:max-h-2 {
        max-height: var(--space-5xs)
    }
    .xxl\:max-h-4 {
        max-height: var(--space-4xs)
    }
    .xxl\:max-h-6 {
        max-height: var(--space-3xs)
    }
    .xxl\:max-h-8 {
        max-height: var(--space-2xs)
    }
    .xxl\:max-h-12 {
        max-height: var(--space-xs)
    }
    .xxl\:max-h-16 {
        max-height: var(--space-sm)
    }
    .xxl\:max-h-20 {
        max-height: var(--space-md)
    }
    .xxl\:max-h-24 {
        max-height: var(--space-lg)
    }
    .xxl\:max-h-32 {
        max-height: var(--space-xl)
    }
    .xxl\:max-h-40 {
        max-height: var(--space-2xl)
    }
    .xxl\:max-h-48 {
        max-height: var(--space-3xl)
    }
    .xxl\:max-h-80 {
        max-height: var(--space-4xl)
    }
    .xxl\:max-h-full {
        max-height: 100%
    }
    .xxl\:max-h-screen {
        max-height: 100vh
    }
    .xxl\:min-h-0 {
        min-height: 0
    }
    .xxl\:min-h-full {
        min-height: 100%
    }
    .xxl\:min-h-screen {
        min-height: 100vh
    }
    .xxl\:w-0 {
        width: 0
    }
    .xxl\:w-2 {
        width: var(--space-5xs)
    }
    .xxl\:w-4 {
        width: var(--space-4xs)
    }
    .xxl\:w-6 {
        width: var(--space-3xs)
    }
    .xxl\:w-8 {
        width: var(--space-2xs)
    }
    .xxl\:w-12 {
        width: var(--space-xs)
    }
    .xxl\:w-16 {
        width: var(--space-sm)
    }
    .xxl\:w-20 {
        width: var(--space-md)
    }
    .xxl\:w-24 {
        width: var(--space-lg)
    }
    .xxl\:w-32 {
        width: var(--space-xl)
    }
    .xxl\:w-40 {
        width: var(--space-2xl)
    }
    .xxl\:w-48 {
        width: var(--space-3xl)
    }
    .xxl\:w-80 {
        width: var(--space-4xl)
    }
    .xxl\:w-auto {
        width: auto
    }
    .xxl\:w-1\/2 {
        width: 50%
    }
    .xxl\:w-1\/3 {
        width: 33.333333%
    }
    .xxl\:w-2\/3 {
        width: 66.666667%
    }
    .xxl\:w-1\/4 {
        width: 25%
    }
    .xxl\:w-2\/4 {
        width: 50%
    }
    .xxl\:w-3\/4 {
        width: 75%
    }
    .xxl\:w-1\/5 {
        width: 20%
    }
    .xxl\:w-2\/5 {
        width: 40%
    }
    .xxl\:w-3\/5 {
        width: 60%
    }
    .xxl\:w-4\/5 {
        width: 80%
    }
    .xxl\:w-1\/6 {
        width: 16.666667%
    }
    .xxl\:w-2\/6 {
        width: 33.333333%
    }
    .xxl\:w-3\/6 {
        width: 50%
    }
    .xxl\:w-4\/6 {
        width: 66.666667%
    }
    .xxl\:w-5\/6 {
        width: 83.333333%
    }
    .xxl\:w-1\/12 {
        width: 8.333333%
    }
    .xxl\:w-2\/12 {
        width: 16.666667%
    }
    .xxl\:w-3\/12 {
        width: 25%
    }
    .xxl\:w-4\/12 {
        width: 33.333333%
    }
    .xxl\:w-5\/12 {
        width: 41.666667%
    }
    .xxl\:w-6\/12 {
        width: 50%
    }
    .xxl\:w-7\/12 {
        width: 58.333333%
    }
    .xxl\:w-8\/12 {
        width: 66.666667%
    }
    .xxl\:w-9\/12 {
        width: 75%
    }
    .xxl\:w-10\/12 {
        width: 83.333333%
    }
    .xxl\:w-11\/12 {
        width: 91.666667%
    }
    .xxl\:w-full {
        width: 100%
    }
    .xxl\:w-screen {
        width: 100vw
    }
    .xxl\:w-min {
        width: -webkit-min-content;
        width: min-content
    }
    .xxl\:w-max {
        width: -webkit-max-content;
        width: max-content
    }
    .xxl\:min-w-0 {
        min-width: 0
    }
    .xxl\:min-w-full {
        min-width: 100%
    }
    .xxl\:min-w-min {
        min-width: -webkit-min-content;
        min-width: min-content
    }
    .xxl\:min-w-max {
        min-width: -webkit-max-content;
        min-width: max-content
    }
    .xxl\:max-w-0 {
        max-width: 0
    }
    .xxl\:max-w-none {
        max-width: none
    }
    .xxl\:max-w-xs {
        max-width: 20rem
    }
    .xxl\:max-w-sm {
        max-width: 24rem
    }
    .xxl\:max-w-md {
        max-width: 28rem
    }
    .xxl\:max-w-lg {
        max-width: 32rem
    }
    .xxl\:max-w-xl {
        max-width: 36rem
    }
    .xxl\:max-w-2xl {
        max-width: 42rem
    }
    .xxl\:max-w-3xl {
        max-width: 48rem
    }
    .xxl\:max-w-4xl {
        max-width: 56rem
    }
    .xxl\:max-w-5xl {
        max-width: 64rem
    }
    .xxl\:max-w-6xl {
        max-width: 72rem
    }
    .xxl\:max-w-7xl {
        max-width: 80rem
    }
    .xxl\:max-w-full {
        max-width: 100%
    }
    .xxl\:max-w-min {
        max-width: -webkit-min-content;
        max-width: min-content
    }
    .xxl\:max-w-max {
        max-width: -webkit-max-content;
        max-width: max-content
    }
    .xxl\:max-w-prose {
        max-width: 65ch
    }
    .xxl\:max-w-screen-sm {
        max-width: 576px
    }
    .xxl\:max-w-screen-md {
        max-width: 768px
    }
    .xxl\:max-w-screen-lg {
        max-width: 992px
    }
    .xxl\:max-w-screen-xl {
        max-width: 1200px
    }
    .xxl\:max-w-screen-xxl {
        max-width: 1536px
    }
    .xxl\:flex-1 {
        flex: 1 1 0%
    }
    .xxl\:flex-auto {
        flex: 1 1 auto
    }
    .xxl\:flex-initial {
        flex: 0 1 auto
    }
    .xxl\:flex-none {
        flex: none
    }
    .xxl\:flex-shrink-0 {
        flex-shrink: 0
    }
    .xxl\:flex-shrink {
        flex-shrink: 1
    }
    .xxl\:flex-grow-0 {
        flex-grow: 0
    }
    .xxl\:flex-grow {
        flex-grow: 1
    }
    .xxl\:table-auto {
        table-layout: auto
    }
    .xxl\:table-fixed {
        table-layout: fixed
    }
    .xxl\:border-collapse {
        border-collapse: collapse
    }
    .xxl\:border-separate {
        border-collapse: separate
    }
    .xxl\:origin-center {
        transform-origin: center
    }
    .xxl\:origin-top {
        transform-origin: top
    }
    .xxl\:origin-top-right {
        transform-origin: top right
    }
    .xxl\:origin-right {
        transform-origin: right
    }
    .xxl\:origin-bottom-right {
        transform-origin: bottom right
    }
    .xxl\:origin-bottom {
        transform-origin: bottom
    }
    .xxl\:origin-bottom-left {
        transform-origin: bottom left
    }
    .xxl\:origin-left {
        transform-origin: left
    }
    .xxl\:origin-top-left {
        transform-origin: top left
    }
    .xxl\:transform {
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xxl\:transform,
    .xxl\:transform-gpu {
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xxl\:transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xxl\:transform-none {
        transform: none
    }
    .xxl\:translate-x-0 {
        --tw-translate-x: 0
    }
    .xxl\:translate-x-2 {
        --tw-translate-x: var(--space-5xs)
    }
    .xxl\:translate-x-4 {
        --tw-translate-x: var(--space-4xs)
    }
    .xxl\:translate-x-6 {
        --tw-translate-x: var(--space-3xs)
    }
    .xxl\:translate-x-8 {
        --tw-translate-x: var(--space-2xs)
    }
    .xxl\:translate-x-12 {
        --tw-translate-x: var(--space-xs)
    }
    .xxl\:translate-x-16 {
        --tw-translate-x: var(--space-sm)
    }
    .xxl\:translate-x-20 {
        --tw-translate-x: var(--space-md)
    }
    .xxl\:translate-x-24 {
        --tw-translate-x: var(--space-lg)
    }
    .xxl\:translate-x-32 {
        --tw-translate-x: var(--space-xl)
    }
    .xxl\:translate-x-40 {
        --tw-translate-x: var(--space-2xl)
    }
    .xxl\:translate-x-48 {
        --tw-translate-x: var(--space-3xl)
    }
    .xxl\:translate-x-80 {
        --tw-translate-x: var(--space-4xl)
    }
    .xxl\:-translate-x-2 {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .xxl\:-translate-x-4 {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .xxl\:-translate-x-6 {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .xxl\:-translate-x-8 {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .xxl\:-translate-x-12 {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .xxl\:-translate-x-16 {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .xxl\:-translate-x-20 {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .xxl\:-translate-x-24 {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .xxl\:-translate-x-32 {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .xxl\:-translate-x-40 {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .xxl\:-translate-x-48 {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .xxl\:-translate-x-80 {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .xxl\:translate-x-1\/2 {
        --tw-translate-x: 50%
    }
    .xxl\:translate-x-1\/3 {
        --tw-translate-x: 33.333333%
    }
    .xxl\:translate-x-2\/3 {
        --tw-translate-x: 66.666667%
    }
    .xxl\:translate-x-1\/4 {
        --tw-translate-x: 25%
    }
    .xxl\:translate-x-2\/4 {
        --tw-translate-x: 50%
    }
    .xxl\:translate-x-3\/4 {
        --tw-translate-x: 75%
    }
    .xxl\:translate-x-full {
        --tw-translate-x: 100%
    }
    .xxl\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }
    .xxl\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%
    }
    .xxl\:-translate-x-2\/3 {
        --tw-translate-x: -66.666667%
    }
    .xxl\:-translate-x-1\/4 {
        --tw-translate-x: -25%
    }
    .xxl\:-translate-x-2\/4 {
        --tw-translate-x: -50%
    }
    .xxl\:-translate-x-3\/4 {
        --tw-translate-x: -75%
    }
    .xxl\:-translate-x-full {
        --tw-translate-x: -100%
    }
    .xxl\:translate-y-0 {
        --tw-translate-y: 0
    }
    .xxl\:translate-y-2 {
        --tw-translate-y: var(--space-5xs)
    }
    .xxl\:translate-y-4 {
        --tw-translate-y: var(--space-4xs)
    }
    .xxl\:translate-y-6 {
        --tw-translate-y: var(--space-3xs)
    }
    .xxl\:translate-y-8 {
        --tw-translate-y: var(--space-2xs)
    }
    .xxl\:translate-y-12 {
        --tw-translate-y: var(--space-xs)
    }
    .xxl\:translate-y-16 {
        --tw-translate-y: var(--space-sm)
    }
    .xxl\:translate-y-20 {
        --tw-translate-y: var(--space-md)
    }
    .xxl\:translate-y-24 {
        --tw-translate-y: var(--space-lg)
    }
    .xxl\:translate-y-32 {
        --tw-translate-y: var(--space-xl)
    }
    .xxl\:translate-y-40 {
        --tw-translate-y: var(--space-2xl)
    }
    .xxl\:translate-y-48 {
        --tw-translate-y: var(--space-3xl)
    }
    .xxl\:translate-y-80 {
        --tw-translate-y: var(--space-4xl)
    }
    .xxl\:-translate-y-2 {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .xxl\:-translate-y-4 {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .xxl\:-translate-y-6 {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .xxl\:-translate-y-8 {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .xxl\:-translate-y-12 {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .xxl\:-translate-y-16 {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .xxl\:-translate-y-20 {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .xxl\:-translate-y-24 {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .xxl\:-translate-y-32 {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .xxl\:-translate-y-40 {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .xxl\:-translate-y-48 {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .xxl\:-translate-y-80 {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .xxl\:translate-y-1\/2 {
        --tw-translate-y: 50%
    }
    .xxl\:translate-y-1\/3 {
        --tw-translate-y: 33.333333%
    }
    .xxl\:translate-y-2\/3 {
        --tw-translate-y: 66.666667%
    }
    .xxl\:translate-y-1\/4 {
        --tw-translate-y: 25%
    }
    .xxl\:translate-y-2\/4 {
        --tw-translate-y: 50%
    }
    .xxl\:translate-y-3\/4 {
        --tw-translate-y: 75%
    }
    .xxl\:translate-y-full {
        --tw-translate-y: 100%
    }
    .xxl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }
    .xxl\:-translate-y-1\/3 {
        --tw-translate-y: -33.333333%
    }
    .xxl\:-translate-y-2\/3 {
        --tw-translate-y: -66.666667%
    }
    .xxl\:-translate-y-1\/4 {
        --tw-translate-y: -25%
    }
    .xxl\:-translate-y-2\/4 {
        --tw-translate-y: -50%
    }
    .xxl\:-translate-y-3\/4 {
        --tw-translate-y: -75%
    }
    .xxl\:-translate-y-full {
        --tw-translate-y: -100%
    }
    .xxl\:hover\:translate-x-0:hover {
        --tw-translate-x: 0
    }
    .xxl\:hover\:translate-x-2:hover {
        --tw-translate-x: var(--space-5xs)
    }
    .xxl\:hover\:translate-x-4:hover {
        --tw-translate-x: var(--space-4xs)
    }
    .xxl\:hover\:translate-x-6:hover {
        --tw-translate-x: var(--space-3xs)
    }
    .xxl\:hover\:translate-x-8:hover {
        --tw-translate-x: var(--space-2xs)
    }
    .xxl\:hover\:translate-x-12:hover {
        --tw-translate-x: var(--space-xs)
    }
    .xxl\:hover\:translate-x-16:hover {
        --tw-translate-x: var(--space-sm)
    }
    .xxl\:hover\:translate-x-20:hover {
        --tw-translate-x: var(--space-md)
    }
    .xxl\:hover\:translate-x-24:hover {
        --tw-translate-x: var(--space-lg)
    }
    .xxl\:hover\:translate-x-32:hover {
        --tw-translate-x: var(--space-xl)
    }
    .xxl\:hover\:translate-x-40:hover {
        --tw-translate-x: var(--space-2xl)
    }
    .xxl\:hover\:translate-x-48:hover {
        --tw-translate-x: var(--space-3xl)
    }
    .xxl\:hover\:translate-x-80:hover {
        --tw-translate-x: var(--space-4xl)
    }
    .xxl\:hover\:-translate-x-2:hover {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .xxl\:hover\:-translate-x-4:hover {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .xxl\:hover\:-translate-x-6:hover {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .xxl\:hover\:-translate-x-8:hover {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .xxl\:hover\:-translate-x-12:hover {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .xxl\:hover\:-translate-x-16:hover {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .xxl\:hover\:-translate-x-20:hover {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .xxl\:hover\:-translate-x-24:hover {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .xxl\:hover\:-translate-x-32:hover {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .xxl\:hover\:-translate-x-40:hover {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .xxl\:hover\:-translate-x-48:hover {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .xxl\:hover\:-translate-x-80:hover {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .xxl\:hover\:translate-x-1\/2:hover {
        --tw-translate-x: 50%
    }
    .xxl\:hover\:translate-x-1\/3:hover {
        --tw-translate-x: 33.333333%
    }
    .xxl\:hover\:translate-x-2\/3:hover {
        --tw-translate-x: 66.666667%
    }
    .xxl\:hover\:translate-x-1\/4:hover {
        --tw-translate-x: 25%
    }
    .xxl\:hover\:translate-x-2\/4:hover {
        --tw-translate-x: 50%
    }
    .xxl\:hover\:translate-x-3\/4:hover {
        --tw-translate-x: 75%
    }
    .xxl\:hover\:translate-x-full:hover {
        --tw-translate-x: 100%
    }
    .xxl\:hover\:-translate-x-1\/2:hover {
        --tw-translate-x: -50%
    }
    .xxl\:hover\:-translate-x-1\/3:hover {
        --tw-translate-x: -33.333333%
    }
    .xxl\:hover\:-translate-x-2\/3:hover {
        --tw-translate-x: -66.666667%
    }
    .xxl\:hover\:-translate-x-1\/4:hover {
        --tw-translate-x: -25%
    }
    .xxl\:hover\:-translate-x-2\/4:hover {
        --tw-translate-x: -50%
    }
    .xxl\:hover\:-translate-x-3\/4:hover {
        --tw-translate-x: -75%
    }
    .xxl\:hover\:-translate-x-full:hover {
        --tw-translate-x: -100%
    }
    .xxl\:hover\:translate-y-0:hover {
        --tw-translate-y: 0
    }
    .xxl\:hover\:translate-y-2:hover {
        --tw-translate-y: var(--space-5xs)
    }
    .xxl\:hover\:translate-y-4:hover {
        --tw-translate-y: var(--space-4xs)
    }
    .xxl\:hover\:translate-y-6:hover {
        --tw-translate-y: var(--space-3xs)
    }
    .xxl\:hover\:translate-y-8:hover {
        --tw-translate-y: var(--space-2xs)
    }
    .xxl\:hover\:translate-y-12:hover {
        --tw-translate-y: var(--space-xs)
    }
    .xxl\:hover\:translate-y-16:hover {
        --tw-translate-y: var(--space-sm)
    }
    .xxl\:hover\:translate-y-20:hover {
        --tw-translate-y: var(--space-md)
    }
    .xxl\:hover\:translate-y-24:hover {
        --tw-translate-y: var(--space-lg)
    }
    .xxl\:hover\:translate-y-32:hover {
        --tw-translate-y: var(--space-xl)
    }
    .xxl\:hover\:translate-y-40:hover {
        --tw-translate-y: var(--space-2xl)
    }
    .xxl\:hover\:translate-y-48:hover {
        --tw-translate-y: var(--space-3xl)
    }
    .xxl\:hover\:translate-y-80:hover {
        --tw-translate-y: var(--space-4xl)
    }
    .xxl\:hover\:-translate-y-2:hover {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .xxl\:hover\:-translate-y-4:hover {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .xxl\:hover\:-translate-y-6:hover {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .xxl\:hover\:-translate-y-8:hover {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .xxl\:hover\:-translate-y-12:hover {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .xxl\:hover\:-translate-y-16:hover {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .xxl\:hover\:-translate-y-20:hover {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .xxl\:hover\:-translate-y-24:hover {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .xxl\:hover\:-translate-y-32:hover {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .xxl\:hover\:-translate-y-40:hover {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .xxl\:hover\:-translate-y-48:hover {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .xxl\:hover\:-translate-y-80:hover {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .xxl\:hover\:translate-y-1\/2:hover {
        --tw-translate-y: 50%
    }
    .xxl\:hover\:translate-y-1\/3:hover {
        --tw-translate-y: 33.333333%
    }
    .xxl\:hover\:translate-y-2\/3:hover {
        --tw-translate-y: 66.666667%
    }
    .xxl\:hover\:translate-y-1\/4:hover {
        --tw-translate-y: 25%
    }
    .xxl\:hover\:translate-y-2\/4:hover {
        --tw-translate-y: 50%
    }
    .xxl\:hover\:translate-y-3\/4:hover {
        --tw-translate-y: 75%
    }
    .xxl\:hover\:translate-y-full:hover {
        --tw-translate-y: 100%
    }
    .xxl\:hover\:-translate-y-1\/2:hover {
        --tw-translate-y: -50%
    }
    .xxl\:hover\:-translate-y-1\/3:hover {
        --tw-translate-y: -33.333333%
    }
    .xxl\:hover\:-translate-y-2\/3:hover {
        --tw-translate-y: -66.666667%
    }
    .xxl\:hover\:-translate-y-1\/4:hover {
        --tw-translate-y: -25%
    }
    .xxl\:hover\:-translate-y-2\/4:hover {
        --tw-translate-y: -50%
    }
    .xxl\:hover\:-translate-y-3\/4:hover {
        --tw-translate-y: -75%
    }
    .xxl\:hover\:-translate-y-full:hover {
        --tw-translate-y: -100%
    }
    .xxl\:focus\:translate-x-0:focus {
        --tw-translate-x: 0
    }
    .xxl\:focus\:translate-x-2:focus {
        --tw-translate-x: var(--space-5xs)
    }
    .xxl\:focus\:translate-x-4:focus {
        --tw-translate-x: var(--space-4xs)
    }
    .xxl\:focus\:translate-x-6:focus {
        --tw-translate-x: var(--space-3xs)
    }
    .xxl\:focus\:translate-x-8:focus {
        --tw-translate-x: var(--space-2xs)
    }
    .xxl\:focus\:translate-x-12:focus {
        --tw-translate-x: var(--space-xs)
    }
    .xxl\:focus\:translate-x-16:focus {
        --tw-translate-x: var(--space-sm)
    }
    .xxl\:focus\:translate-x-20:focus {
        --tw-translate-x: var(--space-md)
    }
    .xxl\:focus\:translate-x-24:focus {
        --tw-translate-x: var(--space-lg)
    }
    .xxl\:focus\:translate-x-32:focus {
        --tw-translate-x: var(--space-xl)
    }
    .xxl\:focus\:translate-x-40:focus {
        --tw-translate-x: var(--space-2xl)
    }
    .xxl\:focus\:translate-x-48:focus {
        --tw-translate-x: var(--space-3xl)
    }
    .xxl\:focus\:translate-x-80:focus {
        --tw-translate-x: var(--space-4xl)
    }
    .xxl\:focus\:-translate-x-2:focus {
        --tw-translate-x: calc(var(--space-5xs)*-1)
    }
    .xxl\:focus\:-translate-x-4:focus {
        --tw-translate-x: calc(var(--space-4xs)*-1)
    }
    .xxl\:focus\:-translate-x-6:focus {
        --tw-translate-x: calc(var(--space-3xs)*-1)
    }
    .xxl\:focus\:-translate-x-8:focus {
        --tw-translate-x: calc(var(--space-2xs)*-1)
    }
    .xxl\:focus\:-translate-x-12:focus {
        --tw-translate-x: calc(var(--space-xs)*-1)
    }
    .xxl\:focus\:-translate-x-16:focus {
        --tw-translate-x: calc(var(--space-sm)*-1)
    }
    .xxl\:focus\:-translate-x-20:focus {
        --tw-translate-x: calc(var(--space-md)*-1)
    }
    .xxl\:focus\:-translate-x-24:focus {
        --tw-translate-x: calc(var(--space-lg)*-1)
    }
    .xxl\:focus\:-translate-x-32:focus {
        --tw-translate-x: calc(var(--space-xl)*-1)
    }
    .xxl\:focus\:-translate-x-40:focus {
        --tw-translate-x: calc(var(--space-2xl)*-1)
    }
    .xxl\:focus\:-translate-x-48:focus {
        --tw-translate-x: calc(var(--space-3xl)*-1)
    }
    .xxl\:focus\:-translate-x-80:focus {
        --tw-translate-x: calc(var(--space-4xl)*-1)
    }
    .xxl\:focus\:translate-x-1\/2:focus {
        --tw-translate-x: 50%
    }
    .xxl\:focus\:translate-x-1\/3:focus {
        --tw-translate-x: 33.333333%
    }
    .xxl\:focus\:translate-x-2\/3:focus {
        --tw-translate-x: 66.666667%
    }
    .xxl\:focus\:translate-x-1\/4:focus {
        --tw-translate-x: 25%
    }
    .xxl\:focus\:translate-x-2\/4:focus {
        --tw-translate-x: 50%
    }
    .xxl\:focus\:translate-x-3\/4:focus {
        --tw-translate-x: 75%
    }
    .xxl\:focus\:translate-x-full:focus {
        --tw-translate-x: 100%
    }
    .xxl\:focus\:-translate-x-1\/2:focus {
        --tw-translate-x: -50%
    }
    .xxl\:focus\:-translate-x-1\/3:focus {
        --tw-translate-x: -33.333333%
    }
    .xxl\:focus\:-translate-x-2\/3:focus {
        --tw-translate-x: -66.666667%
    }
    .xxl\:focus\:-translate-x-1\/4:focus {
        --tw-translate-x: -25%
    }
    .xxl\:focus\:-translate-x-2\/4:focus {
        --tw-translate-x: -50%
    }
    .xxl\:focus\:-translate-x-3\/4:focus {
        --tw-translate-x: -75%
    }
    .xxl\:focus\:-translate-x-full:focus {
        --tw-translate-x: -100%
    }
    .xxl\:focus\:translate-y-0:focus {
        --tw-translate-y: 0
    }
    .xxl\:focus\:translate-y-2:focus {
        --tw-translate-y: var(--space-5xs)
    }
    .xxl\:focus\:translate-y-4:focus {
        --tw-translate-y: var(--space-4xs)
    }
    .xxl\:focus\:translate-y-6:focus {
        --tw-translate-y: var(--space-3xs)
    }
    .xxl\:focus\:translate-y-8:focus {
        --tw-translate-y: var(--space-2xs)
    }
    .xxl\:focus\:translate-y-12:focus {
        --tw-translate-y: var(--space-xs)
    }
    .xxl\:focus\:translate-y-16:focus {
        --tw-translate-y: var(--space-sm)
    }
    .xxl\:focus\:translate-y-20:focus {
        --tw-translate-y: var(--space-md)
    }
    .xxl\:focus\:translate-y-24:focus {
        --tw-translate-y: var(--space-lg)
    }
    .xxl\:focus\:translate-y-32:focus {
        --tw-translate-y: var(--space-xl)
    }
    .xxl\:focus\:translate-y-40:focus {
        --tw-translate-y: var(--space-2xl)
    }
    .xxl\:focus\:translate-y-48:focus {
        --tw-translate-y: var(--space-3xl)
    }
    .xxl\:focus\:translate-y-80:focus {
        --tw-translate-y: var(--space-4xl)
    }
    .xxl\:focus\:-translate-y-2:focus {
        --tw-translate-y: calc(var(--space-5xs)*-1)
    }
    .xxl\:focus\:-translate-y-4:focus {
        --tw-translate-y: calc(var(--space-4xs)*-1)
    }
    .xxl\:focus\:-translate-y-6:focus {
        --tw-translate-y: calc(var(--space-3xs)*-1)
    }
    .xxl\:focus\:-translate-y-8:focus {
        --tw-translate-y: calc(var(--space-2xs)*-1)
    }
    .xxl\:focus\:-translate-y-12:focus {
        --tw-translate-y: calc(var(--space-xs)*-1)
    }
    .xxl\:focus\:-translate-y-16:focus {
        --tw-translate-y: calc(var(--space-sm)*-1)
    }
    .xxl\:focus\:-translate-y-20:focus {
        --tw-translate-y: calc(var(--space-md)*-1)
    }
    .xxl\:focus\:-translate-y-24:focus {
        --tw-translate-y: calc(var(--space-lg)*-1)
    }
    .xxl\:focus\:-translate-y-32:focus {
        --tw-translate-y: calc(var(--space-xl)*-1)
    }
    .xxl\:focus\:-translate-y-40:focus {
        --tw-translate-y: calc(var(--space-2xl)*-1)
    }
    .xxl\:focus\:-translate-y-48:focus {
        --tw-translate-y: calc(var(--space-3xl)*-1)
    }
    .xxl\:focus\:-translate-y-80:focus {
        --tw-translate-y: calc(var(--space-4xl)*-1)
    }
    .xxl\:focus\:translate-y-1\/2:focus {
        --tw-translate-y: 50%
    }
    .xxl\:focus\:translate-y-1\/3:focus {
        --tw-translate-y: 33.333333%
    }
    .xxl\:focus\:translate-y-2\/3:focus {
        --tw-translate-y: 66.666667%
    }
    .xxl\:focus\:translate-y-1\/4:focus {
        --tw-translate-y: 25%
    }
    .xxl\:focus\:translate-y-2\/4:focus {
        --tw-translate-y: 50%
    }
    .xxl\:focus\:translate-y-3\/4:focus {
        --tw-translate-y: 75%
    }
    .xxl\:focus\:translate-y-full:focus {
        --tw-translate-y: 100%
    }
    .xxl\:focus\:-translate-y-1\/2:focus {
        --tw-translate-y: -50%
    }
    .xxl\:focus\:-translate-y-1\/3:focus {
        --tw-translate-y: -33.333333%
    }
    .xxl\:focus\:-translate-y-2\/3:focus {
        --tw-translate-y: -66.666667%
    }
    .xxl\:focus\:-translate-y-1\/4:focus {
        --tw-translate-y: -25%
    }
    .xxl\:focus\:-translate-y-2\/4:focus {
        --tw-translate-y: -50%
    }
    .xxl\:focus\:-translate-y-3\/4:focus {
        --tw-translate-y: -75%
    }
    .xxl\:focus\:-translate-y-full:focus {
        --tw-translate-y: -100%
    }
    .xxl\:rotate-0 {
        --tw-rotate: 0deg
    }
    .xxl\:rotate-1 {
        --tw-rotate: 1deg
    }
    .xxl\:rotate-2 {
        --tw-rotate: 2deg
    }
    .xxl\:rotate-3 {
        --tw-rotate: 3deg
    }
    .xxl\:rotate-6 {
        --tw-rotate: 6deg
    }
    .xxl\:rotate-12 {
        --tw-rotate: 12deg
    }
    .xxl\:rotate-45 {
        --tw-rotate: 45deg
    }
    .xxl\:rotate-90 {
        --tw-rotate: 90deg
    }
    .xxl\:rotate-180 {
        --tw-rotate: 180deg
    }
    .xxl\:-rotate-180 {
        --tw-rotate: -180deg
    }
    .xxl\:-rotate-90 {
        --tw-rotate: -90deg
    }
    .xxl\:-rotate-45 {
        --tw-rotate: -45deg
    }
    .xxl\:-rotate-12 {
        --tw-rotate: -12deg
    }
    .xxl\:-rotate-6 {
        --tw-rotate: -6deg
    }
    .xxl\:-rotate-3 {
        --tw-rotate: -3deg
    }
    .xxl\:-rotate-2 {
        --tw-rotate: -2deg
    }
    .xxl\:-rotate-1 {
        --tw-rotate: -1deg
    }
    .xxl\:hover\:rotate-0:hover {
        --tw-rotate: 0deg
    }
    .xxl\:hover\:rotate-1:hover {
        --tw-rotate: 1deg
    }
    .xxl\:hover\:rotate-2:hover {
        --tw-rotate: 2deg
    }
    .xxl\:hover\:rotate-3:hover {
        --tw-rotate: 3deg
    }
    .xxl\:hover\:rotate-6:hover {
        --tw-rotate: 6deg
    }
    .xxl\:hover\:rotate-12:hover {
        --tw-rotate: 12deg
    }
    .xxl\:hover\:rotate-45:hover {
        --tw-rotate: 45deg
    }
    .xxl\:hover\:rotate-90:hover {
        --tw-rotate: 90deg
    }
    .xxl\:hover\:rotate-180:hover {
        --tw-rotate: 180deg
    }
    .xxl\:hover\:-rotate-180:hover {
        --tw-rotate: -180deg
    }
    .xxl\:hover\:-rotate-90:hover {
        --tw-rotate: -90deg
    }
    .xxl\:hover\:-rotate-45:hover {
        --tw-rotate: -45deg
    }
    .xxl\:hover\:-rotate-12:hover {
        --tw-rotate: -12deg
    }
    .xxl\:hover\:-rotate-6:hover {
        --tw-rotate: -6deg
    }
    .xxl\:hover\:-rotate-3:hover {
        --tw-rotate: -3deg
    }
    .xxl\:hover\:-rotate-2:hover {
        --tw-rotate: -2deg
    }
    .xxl\:hover\:-rotate-1:hover {
        --tw-rotate: -1deg
    }
    .xxl\:focus\:rotate-0:focus {
        --tw-rotate: 0deg
    }
    .xxl\:focus\:rotate-1:focus {
        --tw-rotate: 1deg
    }
    .xxl\:focus\:rotate-2:focus {
        --tw-rotate: 2deg
    }
    .xxl\:focus\:rotate-3:focus {
        --tw-rotate: 3deg
    }
    .xxl\:focus\:rotate-6:focus {
        --tw-rotate: 6deg
    }
    .xxl\:focus\:rotate-12:focus {
        --tw-rotate: 12deg
    }
    .xxl\:focus\:rotate-45:focus {
        --tw-rotate: 45deg
    }
    .xxl\:focus\:rotate-90:focus {
        --tw-rotate: 90deg
    }
    .xxl\:focus\:rotate-180:focus {
        --tw-rotate: 180deg
    }
    .xxl\:focus\:-rotate-180:focus {
        --tw-rotate: -180deg
    }
    .xxl\:focus\:-rotate-90:focus {
        --tw-rotate: -90deg
    }
    .xxl\:focus\:-rotate-45:focus {
        --tw-rotate: -45deg
    }
    .xxl\:focus\:-rotate-12:focus {
        --tw-rotate: -12deg
    }
    .xxl\:focus\:-rotate-6:focus {
        --tw-rotate: -6deg
    }
    .xxl\:focus\:-rotate-3:focus {
        --tw-rotate: -3deg
    }
    .xxl\:focus\:-rotate-2:focus {
        --tw-rotate: -2deg
    }
    .xxl\:focus\:-rotate-1:focus {
        --tw-rotate: -1deg
    }
    .xxl\:skew-x-0 {
        --tw-skew-x: 0deg
    }
    .xxl\:skew-x-1 {
        --tw-skew-x: 1deg
    }
    .xxl\:skew-x-2 {
        --tw-skew-x: 2deg
    }
    .xxl\:skew-x-3 {
        --tw-skew-x: 3deg
    }
    .xxl\:skew-x-6 {
        --tw-skew-x: 6deg
    }
    .xxl\:skew-x-12 {
        --tw-skew-x: 12deg
    }
    .xxl\:-skew-x-12 {
        --tw-skew-x: -12deg
    }
    .xxl\:-skew-x-6 {
        --tw-skew-x: -6deg
    }
    .xxl\:-skew-x-3 {
        --tw-skew-x: -3deg
    }
    .xxl\:-skew-x-2 {
        --tw-skew-x: -2deg
    }
    .xxl\:-skew-x-1 {
        --tw-skew-x: -1deg
    }
    .xxl\:skew-y-0 {
        --tw-skew-y: 0deg
    }
    .xxl\:skew-y-1 {
        --tw-skew-y: 1deg
    }
    .xxl\:skew-y-2 {
        --tw-skew-y: 2deg
    }
    .xxl\:skew-y-3 {
        --tw-skew-y: 3deg
    }
    .xxl\:skew-y-6 {
        --tw-skew-y: 6deg
    }
    .xxl\:skew-y-12 {
        --tw-skew-y: 12deg
    }
    .xxl\:-skew-y-12 {
        --tw-skew-y: -12deg
    }
    .xxl\:-skew-y-6 {
        --tw-skew-y: -6deg
    }
    .xxl\:-skew-y-3 {
        --tw-skew-y: -3deg
    }
    .xxl\:-skew-y-2 {
        --tw-skew-y: -2deg
    }
    .xxl\:-skew-y-1 {
        --tw-skew-y: -1deg
    }
    .xxl\:hover\:skew-x-0:hover {
        --tw-skew-x: 0deg
    }
    .xxl\:hover\:skew-x-1:hover {
        --tw-skew-x: 1deg
    }
    .xxl\:hover\:skew-x-2:hover {
        --tw-skew-x: 2deg
    }
    .xxl\:hover\:skew-x-3:hover {
        --tw-skew-x: 3deg
    }
    .xxl\:hover\:skew-x-6:hover {
        --tw-skew-x: 6deg
    }
    .xxl\:hover\:skew-x-12:hover {
        --tw-skew-x: 12deg
    }
    .xxl\:hover\:-skew-x-12:hover {
        --tw-skew-x: -12deg
    }
    .xxl\:hover\:-skew-x-6:hover {
        --tw-skew-x: -6deg
    }
    .xxl\:hover\:-skew-x-3:hover {
        --tw-skew-x: -3deg
    }
    .xxl\:hover\:-skew-x-2:hover {
        --tw-skew-x: -2deg
    }
    .xxl\:hover\:-skew-x-1:hover {
        --tw-skew-x: -1deg
    }
    .xxl\:hover\:skew-y-0:hover {
        --tw-skew-y: 0deg
    }
    .xxl\:hover\:skew-y-1:hover {
        --tw-skew-y: 1deg
    }
    .xxl\:hover\:skew-y-2:hover {
        --tw-skew-y: 2deg
    }
    .xxl\:hover\:skew-y-3:hover {
        --tw-skew-y: 3deg
    }
    .xxl\:hover\:skew-y-6:hover {
        --tw-skew-y: 6deg
    }
    .xxl\:hover\:skew-y-12:hover {
        --tw-skew-y: 12deg
    }
    .xxl\:hover\:-skew-y-12:hover {
        --tw-skew-y: -12deg
    }
    .xxl\:hover\:-skew-y-6:hover {
        --tw-skew-y: -6deg
    }
    .xxl\:hover\:-skew-y-3:hover {
        --tw-skew-y: -3deg
    }
    .xxl\:hover\:-skew-y-2:hover {
        --tw-skew-y: -2deg
    }
    .xxl\:hover\:-skew-y-1:hover {
        --tw-skew-y: -1deg
    }
    .xxl\:focus\:skew-x-0:focus {
        --tw-skew-x: 0deg
    }
    .xxl\:focus\:skew-x-1:focus {
        --tw-skew-x: 1deg
    }
    .xxl\:focus\:skew-x-2:focus {
        --tw-skew-x: 2deg
    }
    .xxl\:focus\:skew-x-3:focus {
        --tw-skew-x: 3deg
    }
    .xxl\:focus\:skew-x-6:focus {
        --tw-skew-x: 6deg
    }
    .xxl\:focus\:skew-x-12:focus {
        --tw-skew-x: 12deg
    }
    .xxl\:focus\:-skew-x-12:focus {
        --tw-skew-x: -12deg
    }
    .xxl\:focus\:-skew-x-6:focus {
        --tw-skew-x: -6deg
    }
    .xxl\:focus\:-skew-x-3:focus {
        --tw-skew-x: -3deg
    }
    .xxl\:focus\:-skew-x-2:focus {
        --tw-skew-x: -2deg
    }
    .xxl\:focus\:-skew-x-1:focus {
        --tw-skew-x: -1deg
    }
    .xxl\:focus\:skew-y-0:focus {
        --tw-skew-y: 0deg
    }
    .xxl\:focus\:skew-y-1:focus {
        --tw-skew-y: 1deg
    }
    .xxl\:focus\:skew-y-2:focus {
        --tw-skew-y: 2deg
    }
    .xxl\:focus\:skew-y-3:focus {
        --tw-skew-y: 3deg
    }
    .xxl\:focus\:skew-y-6:focus {
        --tw-skew-y: 6deg
    }
    .xxl\:focus\:skew-y-12:focus {
        --tw-skew-y: 12deg
    }
    .xxl\:focus\:-skew-y-12:focus {
        --tw-skew-y: -12deg
    }
    .xxl\:focus\:-skew-y-6:focus {
        --tw-skew-y: -6deg
    }
    .xxl\:focus\:-skew-y-3:focus {
        --tw-skew-y: -3deg
    }
    .xxl\:focus\:-skew-y-2:focus {
        --tw-skew-y: -2deg
    }
    .xxl\:focus\:-skew-y-1:focus {
        --tw-skew-y: -1deg
    }
    .xxl\:scale-0 {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .xxl\:scale-50 {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .xxl\:scale-75 {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .xxl\:scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .xxl\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .xxl\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xxl\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .xxl\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .xxl\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .xxl\:scale-150 {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .xxl\:hover\:scale-0:hover {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .xxl\:hover\:scale-50:hover {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .xxl\:hover\:scale-75:hover {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .xxl\:hover\:scale-90:hover {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .xxl\:hover\:scale-95:hover {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .xxl\:hover\:scale-100:hover {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xxl\:hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .xxl\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .xxl\:hover\:scale-125:hover {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .xxl\:hover\:scale-150:hover {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .xxl\:focus\:scale-0:focus {
        --tw-scale-x: 0;
        --tw-scale-y: 0
    }
    .xxl\:focus\:scale-50:focus {
        --tw-scale-x: .5;
        --tw-scale-y: .5
    }
    .xxl\:focus\:scale-75:focus {
        --tw-scale-x: .75;
        --tw-scale-y: .75
    }
    .xxl\:focus\:scale-90:focus {
        --tw-scale-x: .9;
        --tw-scale-y: .9
    }
    .xxl\:focus\:scale-95:focus {
        --tw-scale-x: .95;
        --tw-scale-y: .95
    }
    .xxl\:focus\:scale-100:focus {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }
    .xxl\:focus\:scale-105:focus {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }
    .xxl\:focus\:scale-110:focus {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }
    .xxl\:focus\:scale-125:focus {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }
    .xxl\:focus\:scale-150:focus {
        --tw-scale-x: 1.5;
        --tw-scale-y: 1.5
    }
    .xxl\:scale-x-0 {
        --tw-scale-x: 0
    }
    .xxl\:scale-x-50 {
        --tw-scale-x: .5
    }
    .xxl\:scale-x-75 {
        --tw-scale-x: .75
    }
    .xxl\:scale-x-90 {
        --tw-scale-x: .9
    }
    .xxl\:scale-x-95 {
        --tw-scale-x: .95
    }
    .xxl\:scale-x-100 {
        --tw-scale-x: 1
    }
    .xxl\:scale-x-105 {
        --tw-scale-x: 1.05
    }
    .xxl\:scale-x-110 {
        --tw-scale-x: 1.1
    }
    .xxl\:scale-x-125 {
        --tw-scale-x: 1.25
    }
    .xxl\:scale-x-150 {
        --tw-scale-x: 1.5
    }
    .xxl\:scale-y-0 {
        --tw-scale-y: 0
    }
    .xxl\:scale-y-50 {
        --tw-scale-y: .5
    }
    .xxl\:scale-y-75 {
        --tw-scale-y: .75
    }
    .xxl\:scale-y-90 {
        --tw-scale-y: .9
    }
    .xxl\:scale-y-95 {
        --tw-scale-y: .95
    }
    .xxl\:scale-y-100 {
        --tw-scale-y: 1
    }
    .xxl\:scale-y-105 {
        --tw-scale-y: 1.05
    }
    .xxl\:scale-y-110 {
        --tw-scale-y: 1.1
    }
    .xxl\:scale-y-125 {
        --tw-scale-y: 1.25
    }
    .xxl\:scale-y-150 {
        --tw-scale-y: 1.5
    }
    .xxl\:hover\:scale-x-0:hover {
        --tw-scale-x: 0
    }
    .xxl\:hover\:scale-x-50:hover {
        --tw-scale-x: .5
    }
    .xxl\:hover\:scale-x-75:hover {
        --tw-scale-x: .75
    }
    .xxl\:hover\:scale-x-90:hover {
        --tw-scale-x: .9
    }
    .xxl\:hover\:scale-x-95:hover {
        --tw-scale-x: .95
    }
    .xxl\:hover\:scale-x-100:hover {
        --tw-scale-x: 1
    }
    .xxl\:hover\:scale-x-105:hover {
        --tw-scale-x: 1.05
    }
    .xxl\:hover\:scale-x-110:hover {
        --tw-scale-x: 1.1
    }
    .xxl\:hover\:scale-x-125:hover {
        --tw-scale-x: 1.25
    }
    .xxl\:hover\:scale-x-150:hover {
        --tw-scale-x: 1.5
    }
    .xxl\:hover\:scale-y-0:hover {
        --tw-scale-y: 0
    }
    .xxl\:hover\:scale-y-50:hover {
        --tw-scale-y: .5
    }
    .xxl\:hover\:scale-y-75:hover {
        --tw-scale-y: .75
    }
    .xxl\:hover\:scale-y-90:hover {
        --tw-scale-y: .9
    }
    .xxl\:hover\:scale-y-95:hover {
        --tw-scale-y: .95
    }
    .xxl\:hover\:scale-y-100:hover {
        --tw-scale-y: 1
    }
    .xxl\:hover\:scale-y-105:hover {
        --tw-scale-y: 1.05
    }
    .xxl\:hover\:scale-y-110:hover {
        --tw-scale-y: 1.1
    }
    .xxl\:hover\:scale-y-125:hover {
        --tw-scale-y: 1.25
    }
    .xxl\:hover\:scale-y-150:hover {
        --tw-scale-y: 1.5
    }
    .xxl\:focus\:scale-x-0:focus {
        --tw-scale-x: 0
    }
    .xxl\:focus\:scale-x-50:focus {
        --tw-scale-x: .5
    }
    .xxl\:focus\:scale-x-75:focus {
        --tw-scale-x: .75
    }
    .xxl\:focus\:scale-x-90:focus {
        --tw-scale-x: .9
    }
    .xxl\:focus\:scale-x-95:focus {
        --tw-scale-x: .95
    }
    .xxl\:focus\:scale-x-100:focus {
        --tw-scale-x: 1
    }
    .xxl\:focus\:scale-x-105:focus {
        --tw-scale-x: 1.05
    }
    .xxl\:focus\:scale-x-110:focus {
        --tw-scale-x: 1.1
    }
    .xxl\:focus\:scale-x-125:focus {
        --tw-scale-x: 1.25
    }
    .xxl\:focus\:scale-x-150:focus {
        --tw-scale-x: 1.5
    }
    .xxl\:focus\:scale-y-0:focus {
        --tw-scale-y: 0
    }
    .xxl\:focus\:scale-y-50:focus {
        --tw-scale-y: .5
    }
    .xxl\:focus\:scale-y-75:focus {
        --tw-scale-y: .75
    }
    .xxl\:focus\:scale-y-90:focus {
        --tw-scale-y: .9
    }
    .xxl\:focus\:scale-y-95:focus {
        --tw-scale-y: .95
    }
    .xxl\:focus\:scale-y-100:focus {
        --tw-scale-y: 1
    }
    .xxl\:focus\:scale-y-105:focus {
        --tw-scale-y: 1.05
    }
    .xxl\:focus\:scale-y-110:focus {
        --tw-scale-y: 1.1
    }
    .xxl\:focus\:scale-y-125:focus {
        --tw-scale-y: 1.25
    }
    .xxl\:focus\:scale-y-150:focus {
        --tw-scale-y: 1.5
    }
    .xxl\:animate-none {
        -webkit-animation: none;
        animation: none
    }
    .xxl\:animate-spin {
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite
    }
    .xxl\:animate-ping {
        -webkit-animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
    }
    .xxl\:animate-pulse {
        -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }
    .xxl\:animate-bounce {
        -webkit-animation: bounce 1s infinite;
        animation: bounce 1s infinite
    }
    .xxl\:cursor-auto {
        cursor: auto
    }
    .xxl\:cursor-default {
        cursor: default
    }
    .xxl\:cursor-pointer {
        cursor: pointer
    }
    .xxl\:cursor-wait {
        cursor: wait
    }
    .xxl\:cursor-text {
        cursor: text
    }
    .xxl\:cursor-move {
        cursor: move
    }
    .xxl\:cursor-help {
        cursor: help
    }
    .xxl\:cursor-not-allowed {
        cursor: not-allowed
    }
    .xxl\:select-none {
        -webkit-user-select: none;
        user-select: none
    }
    .xxl\:select-text {
        -webkit-user-select: text;
        user-select: text
    }
    .xxl\:select-all {
        -webkit-user-select: all;
        user-select: all
    }
    .xxl\:select-auto {
        -webkit-user-select: auto;
        user-select: auto
    }
    .xxl\:resize-none {
        resize: none
    }
    .xxl\:resize-y {
        resize: vertical
    }
    .xxl\:resize-x {
        resize: horizontal
    }
    .xxl\:resize {
        resize: both
    }
    .xxl\:list-inside {
        list-style-position: inside
    }
    .xxl\:list-outside {
        list-style-position: outside
    }
    .xxl\:list-none {
        list-style-type: none
    }
    .xxl\:list-disc {
        list-style-type: disc
    }
    .xxl\:list-decimal {
        list-style-type: decimal
    }
    .xxl\:appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .xxl\:auto-cols-auto {
        grid-auto-columns: auto
    }
    .xxl\:auto-cols-min {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content
    }
    .xxl\:auto-cols-max {
        grid-auto-columns: -webkit-max-content;
        grid-auto-columns: max-content
    }
    .xxl\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
    }
    .xxl\:grid-flow-row {
        grid-auto-flow: row
    }
    .xxl\:grid-flow-col {
        grid-auto-flow: column
    }
    .xxl\:grid-flow-row-dense {
        grid-auto-flow: row dense
    }
    .xxl\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }
    .xxl\:auto-rows-auto {
        grid-auto-rows: auto
    }
    .xxl\:auto-rows-min {
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }
    .xxl\:auto-rows-max {
        grid-auto-rows: -webkit-max-content;
        grid-auto-rows: max-content
    }
    .xxl\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }
    .xxl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .xxl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .xxl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .xxl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .xxl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .xxl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .xxl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .xxl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .xxl\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }
    .xxl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .xxl\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }
    .xxl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .xxl\:grid-cols-none {
        grid-template-columns: none
    }
    .xxl\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }
    .xxl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }
    .xxl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }
    .xxl\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }
    .xxl\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }
    .xxl\:grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr))
    }
    .xxl\:grid-rows-none {
        grid-template-rows: none
    }
    .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-wrap {
        flex-wrap: wrap
    }
    .xxl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }
    .xxl\:flex-nowrap {
        flex-wrap: nowrap
    }
    .xxl\:place-content-center {
        place-content: center
    }
    .xxl\:place-content-start {
        place-content: start
    }
    .xxl\:place-content-end {
        place-content: end
    }
    .xxl\:place-content-between {
        place-content: space-between
    }
    .xxl\:place-content-around {
        place-content: space-around
    }
    .xxl\:place-content-evenly {
        place-content: space-evenly
    }
    .xxl\:place-content-stretch {
        place-content: stretch
    }
    .xxl\:place-items-start {
        place-items: start
    }
    .xxl\:place-items-end {
        place-items: end
    }
    .xxl\:place-items-center {
        place-items: center
    }
    .xxl\:place-items-stretch {
        place-items: stretch
    }
    .xxl\:content-center {
        align-content: center
    }
    .xxl\:content-start {
        align-content: flex-start
    }
    .xxl\:content-end {
        align-content: flex-end
    }
    .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\: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\:gap-0 {
        gap: 0
    }
    .xxl\:gap-2 {
        gap: var(--space-5xs)
    }
    .xxl\:gap-4 {
        gap: var(--space-4xs)
    }
    .xxl\:gap-6 {
        gap: var(--space-3xs)
    }
    .xxl\:gap-8 {
        gap: var(--space-2xs)
    }
    .xxl\:gap-12 {
        gap: var(--space-xs)
    }
    .xxl\:gap-16 {
        gap: var(--space-sm)
    }
    .xxl\:gap-20 {
        gap: var(--space-md)
    }
    .xxl\:gap-24 {
        gap: var(--space-lg)
    }
    .xxl\:gap-32 {
        gap: var(--space-xl)
    }
    .xxl\:gap-40 {
        gap: var(--space-2xl)
    }
    .xxl\:gap-48 {
        gap: var(--space-3xl)
    }
    .xxl\:gap-80 {
        gap: var(--space-4xl)
    }
    .xxl\:gap-x-0 {
        column-gap: 0
    }
    .xxl\:gap-x-2 {
        column-gap: var(--space-5xs)
    }
    .xxl\:gap-x-4 {
        column-gap: var(--space-4xs)
    }
    .xxl\:gap-x-6 {
        column-gap: var(--space-3xs)
    }
    .xxl\:gap-x-8 {
        column-gap: var(--space-2xs)
    }
    .xxl\:gap-x-12 {
        column-gap: var(--space-xs)
    }
    .xxl\:gap-x-16 {
        column-gap: var(--space-sm)
    }
    .xxl\:gap-x-20 {
        column-gap: var(--space-md)
    }
    .xxl\:gap-x-24 {
        column-gap: var(--space-lg)
    }
    .xxl\:gap-x-32 {
        column-gap: var(--space-xl)
    }
    .xxl\:gap-x-40 {
        column-gap: var(--space-2xl)
    }
    .xxl\:gap-x-48 {
        column-gap: var(--space-3xl)
    }
    .xxl\:gap-x-80 {
        column-gap: var(--space-4xl)
    }
    .xxl\:gap-y-0 {
        row-gap: 0
    }
    .xxl\:gap-y-2 {
        row-gap: var(--space-5xs)
    }
    .xxl\:gap-y-4 {
        row-gap: var(--space-4xs)
    }
    .xxl\:gap-y-6 {
        row-gap: var(--space-3xs)
    }
    .xxl\:gap-y-8 {
        row-gap: var(--space-2xs)
    }
    .xxl\:gap-y-12 {
        row-gap: var(--space-xs)
    }
    .xxl\:gap-y-16 {
        row-gap: var(--space-sm)
    }
    .xxl\:gap-y-20 {
        row-gap: var(--space-md)
    }
    .xxl\:gap-y-24 {
        row-gap: var(--space-lg)
    }
    .xxl\:gap-y-32 {
        row-gap: var(--space-xl)
    }
    .xxl\:gap-y-40 {
        row-gap: var(--space-2xl)
    }
    .xxl\:gap-y-48 {
        row-gap: var(--space-3xl)
    }
    .xxl\:gap-y-80 {
        row-gap: var(--space-4xl)
    }
    .xxl\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px*var(--tw-space-x-reverse));
        margin-left: calc(0px*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-5xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-5xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-12>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xs)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xs)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-16>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-sm)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-sm)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-20>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-md)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-md)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-24>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-lg)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-lg)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-32>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-40>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-2xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-2xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-48>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-3xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-3xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:-space-x-80>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(var(--space-4xl)*-1*var(--tw-space-x-reverse));
        margin-left: calc(var(--space-4xl)*-1*(1 - var(--tw-space-x-reverse)))
    }
    .xxl\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-5xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-5xs)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xs)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xs)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xs)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xs)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xs)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-16>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-sm)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-sm)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-20>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-md)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-md)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-lg)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-lg)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-32>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-xl)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-40>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-2xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-2xl)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-48>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-3xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-3xl)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:-space-y-80>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(var(--space-4xl)*-1*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(var(--space-4xl)*-1*var(--tw-space-y-reverse))
    }
    .xxl\:space-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 1
    }
    .xxl\:space-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 1
    }
    .xxl\:divide-x-0>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(0px*var(--tw-divide-x-reverse));
        border-left-width: calc(0px*(1 - var(--tw-divide-x-reverse)))
    }
    .xxl\:divide-x-2>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px*var(--tw-divide-x-reverse));
        border-left-width: calc(2px*(1 - var(--tw-divide-x-reverse)))
    }
    .xxl\:divide-x-4>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(4px*var(--tw-divide-x-reverse));
        border-left-width: calc(4px*(1 - var(--tw-divide-x-reverse)))
    }
    .xxl\:divide-x-8>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(8px*var(--tw-divide-x-reverse));
        border-left-width: calc(8px*(1 - var(--tw-divide-x-reverse)))
    }
    .xxl\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px*var(--tw-divide-x-reverse));
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)))
    }
    .xxl\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
    }
    .xxl\:divide-y-2>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(2px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(2px*var(--tw-divide-y-reverse))
    }
    .xxl\:divide-y-4>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(4px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(4px*var(--tw-divide-y-reverse))
    }
    .xxl\:divide-y-8>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(8px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(8px*var(--tw-divide-y-reverse))
    }
    .xxl\:divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
    }
    .xxl\:divide-y-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 1
    }
    .xxl\:divide-x-reverse>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 1
    }
    .xxl\:divide-solid>:not([hidden])~:not([hidden]) {
        border-style: solid
    }
    .xxl\:divide-dashed>:not([hidden])~:not([hidden]) {
        border-style: dashed
    }
    .xxl\:divide-dotted>:not([hidden])~:not([hidden]) {
        border-style: dotted
    }
    .xxl\:divide-double>:not([hidden])~:not([hidden]) {
        border-style: double
    }
    .xxl\:divide-none>:not([hidden])~:not([hidden]) {
        border-style: none
    }
    .xxl\:divide-surface-default>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface)
    }
    .xxl\:divide-surface-emphasis>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-emphasis)
    }
    .xxl\:divide-surface-contrast>:not([hidden])~:not([hidden]) {
        border-color: var(--border-surface-contrast)
    }
    .xxl\:divide-status-danger>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-danger)
    }
    .xxl\:divide-status-active>:not([hidden])~:not([hidden]) {
        border-color: var(--border-status-active)
    }
    .xxl\:divide-button-primary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-primary)
    }
    .xxl\:divide-button-secondary>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-secondary)
    }
    .xxl\:divide-button-success>:not([hidden])~:not([hidden]) {
        border-color: var(--border-button-success)
    }
    .xxl\:divide-opacity-0>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0
    }
    .xxl\:divide-opacity-5>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.05
    }
    .xxl\:divide-opacity-10>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.1
    }
    .xxl\:divide-opacity-20>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.2
    }
    .xxl\:divide-opacity-25>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.25
    }
    .xxl\:divide-opacity-30>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.3
    }
    .xxl\:divide-opacity-40>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.4
    }
    .xxl\:divide-opacity-50>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.5
    }
    .xxl\:divide-opacity-60>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.6
    }
    .xxl\:divide-opacity-70>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.7
    }
    .xxl\:divide-opacity-75>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.75
    }
    .xxl\:divide-opacity-80>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.8
    }
    .xxl\:divide-opacity-90>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.9
    }
    .xxl\:divide-opacity-95>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 0.95
    }
    .xxl\:divide-opacity-100>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1
    }
    .xxl\:place-self-auto {
        place-self: auto
    }
    .xxl\:place-self-start {
        place-self: start
    }
    .xxl\:place-self-end {
        place-self: end
    }
    .xxl\:place-self-center {
        place-self: center
    }
    .xxl\:place-self-stretch {
        place-self: stretch
    }
    .xxl\:self-auto {
        align-self: auto
    }
    .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\:self-baseline {
        align-self: baseline
    }
    .xxl\:justify-self-auto {
        justify-self: auto
    }
    .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\:overflow-auto {
        overflow: auto
    }
    .xxl\:overflow-hidden {
        overflow: hidden
    }
    .xxl\:overflow-visible {
        overflow: visible
    }
    .xxl\:overflow-scroll {
        overflow: scroll
    }
    .xxl\:overflow-x-auto {
        overflow-x: auto
    }
    .xxl\:overflow-y-auto {
        overflow-y: auto
    }
    .xxl\:overflow-x-hidden {
        overflow-x: hidden
    }
    .xxl\:overflow-y-hidden {
        overflow-y: hidden
    }
    .xxl\:overflow-x-visible {
        overflow-x: visible
    }
    .xxl\:overflow-y-visible {
        overflow-y: visible
    }
    .xxl\:overflow-x-scroll {
        overflow-x: scroll
    }
    .xxl\:overflow-y-scroll {
        overflow-y: scroll
    }
    .xxl\:overscroll-auto {
        overscroll-behavior: auto
    }
    .xxl\:overscroll-contain {
        overscroll-behavior: contain
    }
    .xxl\:overscroll-none {
        overscroll-behavior: none
    }
    .xxl\:overscroll-y-auto {
        overscroll-behavior-y: auto
    }
    .xxl\:overscroll-y-contain {
        overscroll-behavior-y: contain
    }
    .xxl\:overscroll-y-none {
        overscroll-behavior-y: none
    }
    .xxl\:overscroll-x-auto {
        overscroll-behavior-x: auto
    }
    .xxl\:overscroll-x-contain {
        overscroll-behavior-x: contain
    }
    .xxl\:overscroll-x-none {
        overscroll-behavior-x: none
    }
    .xxl\:truncate {
        overflow: hidden;
        white-space: nowrap
    }
    .xxl\:overflow-ellipsis,
    .xxl\:truncate {
        text-overflow: ellipsis
    }
    .xxl\:overflow-clip {
        text-overflow: clip
    }
    .xxl\:whitespace-normal {
        white-space: normal
    }
    .xxl\:whitespace-nowrap {
        white-space: nowrap
    }
    .xxl\:whitespace-pre {
        white-space: pre
    }
    .xxl\:whitespace-pre-line {
        white-space: pre-line
    }
    .xxl\:whitespace-pre-wrap {
        white-space: pre-wrap
    }
    .xxl\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }
    .xxl\:break-words {
        overflow-wrap: break-word
    }
    .xxl\:break-all {
        word-break: break-all
    }
    .xxl\:rounded-2 {
        border-radius: 2px
    }
    .xxl\:rounded-6 {
        border-radius: 6px
    }
    .xxl\:rounded-8 {
        border-radius: 8px
    }
    .xxl\:rounded-16 {
        border-radius: 16px
    }
    .xxl\:rounded-full {
        border-radius: 100%
    }
    .xxl\:rounded-xs {
        border-radius: 2px
    }
    .xxl\:rounded-sm {
        border-radius: 4px
    }
    .xxl\:rounded-md {
        border-radius: 8px
    }
    .xxl\:rounded-lg {
        border-radius: 16px
    }
    .xxl\:rounded-t-2 {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .xxl\:rounded-t-6 {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .xxl\:rounded-t-8 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .xxl\:rounded-t-16 {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .xxl\:rounded-t-full {
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
    .xxl\:rounded-t-xs {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px
    }
    .xxl\:rounded-t-sm {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
    .xxl\:rounded-t-md {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
    .xxl\:rounded-t-lg {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
    .xxl\:rounded-r-2 {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .xxl\:rounded-r-6 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }
    .xxl\:rounded-r-8 {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .xxl\:rounded-r-16 {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .xxl\:rounded-r-full {
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%
    }
    .xxl\:rounded-r-xs {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }
    .xxl\:rounded-r-sm {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    .xxl\:rounded-r-md {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
    .xxl\:rounded-r-lg {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px
    }
    .xxl\:rounded-b-2 {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xxl\:rounded-b-6 {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .xxl\:rounded-b-8 {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xxl\:rounded-b-16 {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xxl\:rounded-b-full {
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .xxl\:rounded-b-xs {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xxl\:rounded-b-sm {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .xxl\:rounded-b-md {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xxl\:rounded-b-lg {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xxl\:rounded-l-2 {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xxl\:rounded-l-6 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }
    .xxl\:rounded-l-8 {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xxl\:rounded-l-16 {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xxl\:rounded-l-full {
        border-top-left-radius: 100%;
        border-bottom-left-radius: 100%
    }
    .xxl\:rounded-l-xs {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .xxl\:rounded-l-sm {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }
    .xxl\:rounded-l-md {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px
    }
    .xxl\:rounded-l-lg {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px
    }
    .xxl\:rounded-tl-2 {
        border-top-left-radius: 2px
    }
    .xxl\:rounded-tl-6 {
        border-top-left-radius: 6px
    }
    .xxl\:rounded-tl-8 {
        border-top-left-radius: 8px
    }
    .xxl\:rounded-tl-16 {
        border-top-left-radius: 16px
    }
    .xxl\:rounded-tl-full {
        border-top-left-radius: 100%
    }
    .xxl\:rounded-tl-xs {
        border-top-left-radius: 2px
    }
    .xxl\:rounded-tl-sm {
        border-top-left-radius: 4px
    }
    .xxl\:rounded-tl-md {
        border-top-left-radius: 8px
    }
    .xxl\:rounded-tl-lg {
        border-top-left-radius: 16px
    }
    .xxl\:rounded-tr-2 {
        border-top-right-radius: 2px
    }
    .xxl\:rounded-tr-6 {
        border-top-right-radius: 6px
    }
    .xxl\:rounded-tr-8 {
        border-top-right-radius: 8px
    }
    .xxl\:rounded-tr-16 {
        border-top-right-radius: 16px
    }
    .xxl\:rounded-tr-full {
        border-top-right-radius: 100%
    }
    .xxl\:rounded-tr-xs {
        border-top-right-radius: 2px
    }
    .xxl\:rounded-tr-sm {
        border-top-right-radius: 4px
    }
    .xxl\:rounded-tr-md {
        border-top-right-radius: 8px
    }
    .xxl\:rounded-tr-lg {
        border-top-right-radius: 16px
    }
    .xxl\:rounded-br-2 {
        border-bottom-right-radius: 2px
    }
    .xxl\:rounded-br-6 {
        border-bottom-right-radius: 6px
    }
    .xxl\:rounded-br-8 {
        border-bottom-right-radius: 8px
    }
    .xxl\:rounded-br-16 {
        border-bottom-right-radius: 16px
    }
    .xxl\:rounded-br-full {
        border-bottom-right-radius: 100%
    }
    .xxl\:rounded-br-xs {
        border-bottom-right-radius: 2px
    }
    .xxl\:rounded-br-sm {
        border-bottom-right-radius: 4px
    }
    .xxl\:rounded-br-md {
        border-bottom-right-radius: 8px
    }
    .xxl\:rounded-br-lg {
        border-bottom-right-radius: 16px
    }
    .xxl\:rounded-bl-2 {
        border-bottom-left-radius: 2px
    }
    .xxl\:rounded-bl-6 {
        border-bottom-left-radius: 6px
    }
    .xxl\:rounded-bl-8 {
        border-bottom-left-radius: 8px
    }
    .xxl\:rounded-bl-16 {
        border-bottom-left-radius: 16px
    }
    .xxl\:rounded-bl-full {
        border-bottom-left-radius: 100%
    }
    .xxl\:rounded-bl-xs {
        border-bottom-left-radius: 2px
    }
    .xxl\:rounded-bl-sm {
        border-bottom-left-radius: 4px
    }
    .xxl\:rounded-bl-md {
        border-bottom-left-radius: 8px
    }
    .xxl\:rounded-bl-lg {
        border-bottom-left-radius: 16px
    }
    .xxl\:border-0 {
        border-width: 0
    }
    .xxl\:border-2 {
        border-width: 2px
    }
    .xxl\:border-4 {
        border-width: 4px
    }
    .xxl\:border-8 {
        border-width: 8px
    }
    .xxl\:border {
        border-width: 1px
    }
    .xxl\:border-t-0 {
        border-top-width: 0
    }
    .xxl\:border-t-2 {
        border-top-width: 2px
    }
    .xxl\:border-t-4 {
        border-top-width: 4px
    }
    .xxl\:border-t-8 {
        border-top-width: 8px
    }
    .xxl\:border-t {
        border-top-width: 1px
    }
    .xxl\:border-r-0 {
        border-right-width: 0
    }
    .xxl\:border-r-2 {
        border-right-width: 2px
    }
    .xxl\:border-r-4 {
        border-right-width: 4px
    }
    .xxl\:border-r-8 {
        border-right-width: 8px
    }
    .xxl\:border-r {
        border-right-width: 1px
    }
    .xxl\:border-b-0 {
        border-bottom-width: 0
    }
    .xxl\:border-b-2 {
        border-bottom-width: 2px
    }
    .xxl\:border-b-4 {
        border-bottom-width: 4px
    }
    .xxl\:border-b-8 {
        border-bottom-width: 8px
    }
    .xxl\:border-b {
        border-bottom-width: 1px
    }
    .xxl\:border-l-0 {
        border-left-width: 0
    }
    .xxl\:border-l-2 {
        border-left-width: 2px
    }
    .xxl\:border-l-4 {
        border-left-width: 4px
    }
    .xxl\:border-l-8 {
        border-left-width: 8px
    }
    .xxl\:border-l {
        border-left-width: 1px
    }
    .xxl\:border-solid {
        border-style: solid
    }
    .xxl\:border-dashed {
        border-style: dashed
    }
    .xxl\:border-dotted {
        border-style: dotted
    }
    .xxl\:border-double {
        border-style: double
    }
    .xxl\:border-none {
        border-style: none
    }
    .xxl\:border-surface-default {
        border-color: var(--border-surface)
    }
    .xxl\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .xxl\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .xxl\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .xxl\:border-status-active {
        border-color: var(--border-status-active)
    }
    .xxl\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .xxl\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .xxl\:border-button-success {
        border-color: var(--border-button-success)
    }
    .group:hover .xxl\:group-hover\:border-surface-default {
        border-color: var(--border-surface)
    }
    .group:hover .xxl\:group-hover\:border-surface-emphasis {
        border-color: var(--border-surface-emphasis)
    }
    .group:hover .xxl\:group-hover\:border-surface-contrast {
        border-color: var(--border-surface-contrast)
    }
    .group:hover .xxl\:group-hover\:border-status-danger {
        border-color: var(--border-status-danger)
    }
    .group:hover .xxl\:group-hover\:border-status-active {
        border-color: var(--border-status-active)
    }
    .group:hover .xxl\:group-hover\:border-button-primary {
        border-color: var(--border-button-primary)
    }
    .group:hover .xxl\:group-hover\:border-button-secondary {
        border-color: var(--border-button-secondary)
    }
    .group:hover .xxl\:group-hover\:border-button-success {
        border-color: var(--border-button-success)
    }
    .xxl\:focus-within\:border-surface-default:focus-within {
        border-color: var(--border-surface)
    }
    .xxl\:focus-within\:border-surface-emphasis:focus-within {
        border-color: var(--border-surface-emphasis)
    }
    .xxl\:focus-within\:border-surface-contrast:focus-within {
        border-color: var(--border-surface-contrast)
    }
    .xxl\:focus-within\:border-status-danger:focus-within {
        border-color: var(--border-status-danger)
    }
    .xxl\:focus-within\:border-status-active:focus-within {
        border-color: var(--border-status-active)
    }
    .xxl\:focus-within\:border-button-primary:focus-within {
        border-color: var(--border-button-primary)
    }
    .xxl\:focus-within\:border-button-secondary:focus-within {
        border-color: var(--border-button-secondary)
    }
    .xxl\:focus-within\:border-button-success:focus-within {
        border-color: var(--border-button-success)
    }
    .xxl\:hover\:border-surface-default:hover {
        border-color: var(--border-surface)
    }
    .xxl\:hover\:border-surface-emphasis:hover {
        border-color: var(--border-surface-emphasis)
    }
    .xxl\:hover\:border-surface-contrast:hover {
        border-color: var(--border-surface-contrast)
    }
    .xxl\:hover\:border-status-danger:hover {
        border-color: var(--border-status-danger)
    }
    .xxl\:hover\:border-status-active:hover {
        border-color: var(--border-status-active)
    }
    .xxl\:hover\:border-button-primary:hover {
        border-color: var(--border-button-primary)
    }
    .xxl\:hover\:border-button-secondary:hover {
        border-color: var(--border-button-secondary)
    }
    .xxl\:hover\:border-button-success:hover {
        border-color: var(--border-button-success)
    }
    .xxl\:focus\:border-surface-default:focus {
        border-color: var(--border-surface)
    }
    .xxl\:focus\:border-surface-emphasis:focus {
        border-color: var(--border-surface-emphasis)
    }
    .xxl\:focus\:border-surface-contrast:focus {
        border-color: var(--border-surface-contrast)
    }
    .xxl\:focus\:border-status-danger:focus {
        border-color: var(--border-status-danger)
    }
    .xxl\:focus\:border-status-active:focus {
        border-color: var(--border-status-active)
    }
    .xxl\:focus\:border-button-primary:focus {
        border-color: var(--border-button-primary)
    }
    .xxl\:focus\:border-button-secondary:focus {
        border-color: var(--border-button-secondary)
    }
    .xxl\:focus\:border-button-success:focus {
        border-color: var(--border-button-success)
    }
    .xxl\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .xxl\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .xxl\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .xxl\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .xxl\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .xxl\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .xxl\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .xxl\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .xxl\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .xxl\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .xxl\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .xxl\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .xxl\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .xxl\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .xxl\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .group:hover .xxl\:group-hover\:border-opacity-0 {
        --tw-border-opacity: 0
    }
    .group:hover .xxl\:group-hover\:border-opacity-5 {
        --tw-border-opacity: 0.05
    }
    .group:hover .xxl\:group-hover\:border-opacity-10 {
        --tw-border-opacity: 0.1
    }
    .group:hover .xxl\:group-hover\:border-opacity-20 {
        --tw-border-opacity: 0.2
    }
    .group:hover .xxl\:group-hover\:border-opacity-25 {
        --tw-border-opacity: 0.25
    }
    .group:hover .xxl\:group-hover\:border-opacity-30 {
        --tw-border-opacity: 0.3
    }
    .group:hover .xxl\:group-hover\:border-opacity-40 {
        --tw-border-opacity: 0.4
    }
    .group:hover .xxl\:group-hover\:border-opacity-50 {
        --tw-border-opacity: 0.5
    }
    .group:hover .xxl\:group-hover\:border-opacity-60 {
        --tw-border-opacity: 0.6
    }
    .group:hover .xxl\:group-hover\:border-opacity-70 {
        --tw-border-opacity: 0.7
    }
    .group:hover .xxl\:group-hover\:border-opacity-75 {
        --tw-border-opacity: 0.75
    }
    .group:hover .xxl\:group-hover\:border-opacity-80 {
        --tw-border-opacity: 0.8
    }
    .group:hover .xxl\:group-hover\:border-opacity-90 {
        --tw-border-opacity: 0.9
    }
    .group:hover .xxl\:group-hover\:border-opacity-95 {
        --tw-border-opacity: 0.95
    }
    .group:hover .xxl\:group-hover\:border-opacity-100 {
        --tw-border-opacity: 1
    }
    .xxl\:focus-within\:border-opacity-0:focus-within {
        --tw-border-opacity: 0
    }
    .xxl\:focus-within\:border-opacity-5:focus-within {
        --tw-border-opacity: 0.05
    }
    .xxl\:focus-within\:border-opacity-10:focus-within {
        --tw-border-opacity: 0.1
    }
    .xxl\:focus-within\:border-opacity-20:focus-within {
        --tw-border-opacity: 0.2
    }
    .xxl\:focus-within\:border-opacity-25:focus-within {
        --tw-border-opacity: 0.25
    }
    .xxl\:focus-within\:border-opacity-30:focus-within {
        --tw-border-opacity: 0.3
    }
    .xxl\:focus-within\:border-opacity-40:focus-within {
        --tw-border-opacity: 0.4
    }
    .xxl\:focus-within\:border-opacity-50:focus-within {
        --tw-border-opacity: 0.5
    }
    .xxl\:focus-within\:border-opacity-60:focus-within {
        --tw-border-opacity: 0.6
    }
    .xxl\:focus-within\:border-opacity-70:focus-within {
        --tw-border-opacity: 0.7
    }
    .xxl\:focus-within\:border-opacity-75:focus-within {
        --tw-border-opacity: 0.75
    }
    .xxl\:focus-within\:border-opacity-80:focus-within {
        --tw-border-opacity: 0.8
    }
    .xxl\:focus-within\:border-opacity-90:focus-within {
        --tw-border-opacity: 0.9
    }
    .xxl\:focus-within\:border-opacity-95:focus-within {
        --tw-border-opacity: 0.95
    }
    .xxl\:focus-within\:border-opacity-100:focus-within {
        --tw-border-opacity: 1
    }
    .xxl\:hover\:border-opacity-0:hover {
        --tw-border-opacity: 0
    }
    .xxl\:hover\:border-opacity-5:hover {
        --tw-border-opacity: 0.05
    }
    .xxl\:hover\:border-opacity-10:hover {
        --tw-border-opacity: 0.1
    }
    .xxl\:hover\:border-opacity-20:hover {
        --tw-border-opacity: 0.2
    }
    .xxl\:hover\:border-opacity-25:hover {
        --tw-border-opacity: 0.25
    }
    .xxl\:hover\:border-opacity-30:hover {
        --tw-border-opacity: 0.3
    }
    .xxl\:hover\:border-opacity-40:hover {
        --tw-border-opacity: 0.4
    }
    .xxl\:hover\:border-opacity-50:hover {
        --tw-border-opacity: 0.5
    }
    .xxl\:hover\:border-opacity-60:hover {
        --tw-border-opacity: 0.6
    }
    .xxl\:hover\:border-opacity-70:hover {
        --tw-border-opacity: 0.7
    }
    .xxl\:hover\:border-opacity-75:hover {
        --tw-border-opacity: 0.75
    }
    .xxl\:hover\:border-opacity-80:hover {
        --tw-border-opacity: 0.8
    }
    .xxl\:hover\:border-opacity-90:hover {
        --tw-border-opacity: 0.9
    }
    .xxl\:hover\:border-opacity-95:hover {
        --tw-border-opacity: 0.95
    }
    .xxl\:hover\:border-opacity-100:hover {
        --tw-border-opacity: 1
    }
    .xxl\:focus\:border-opacity-0:focus {
        --tw-border-opacity: 0
    }
    .xxl\:focus\:border-opacity-5:focus {
        --tw-border-opacity: 0.05
    }
    .xxl\:focus\:border-opacity-10:focus {
        --tw-border-opacity: 0.1
    }
    .xxl\:focus\:border-opacity-20:focus {
        --tw-border-opacity: 0.2
    }
    .xxl\:focus\:border-opacity-25:focus {
        --tw-border-opacity: 0.25
    }
    .xxl\:focus\:border-opacity-30:focus {
        --tw-border-opacity: 0.3
    }
    .xxl\:focus\:border-opacity-40:focus {
        --tw-border-opacity: 0.4
    }
    .xxl\:focus\:border-opacity-50:focus {
        --tw-border-opacity: 0.5
    }
    .xxl\:focus\:border-opacity-60:focus {
        --tw-border-opacity: 0.6
    }
    .xxl\:focus\:border-opacity-70:focus {
        --tw-border-opacity: 0.7
    }
    .xxl\:focus\:border-opacity-75:focus {
        --tw-border-opacity: 0.75
    }
    .xxl\:focus\:border-opacity-80:focus {
        --tw-border-opacity: 0.8
    }
    .xxl\:focus\:border-opacity-90:focus {
        --tw-border-opacity: 0.9
    }
    .xxl\:focus\:border-opacity-95:focus {
        --tw-border-opacity: 0.95
    }
    .xxl\:focus\:border-opacity-100:focus {
        --tw-border-opacity: 1
    }
    .xxl\:bg-app {
        background-color: var(--bg-app)
    }
    .xxl\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .xxl\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .xxl\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .xxl\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .xxl\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .xxl\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .xxl\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .xxl\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .xxl\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .xxl\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .xxl\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .xxl\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .xxl\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .xxl\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .xxl\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .xxl\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .xxl\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .xxl\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .xxl\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .xxl\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .xxl\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .xxl\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .xxl\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .xxl\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .xxl\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .xxl\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .xxl\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .xxl\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .xxl\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .xxl\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .xxl\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xxl\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xxl\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .xxl\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .xxl\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .xxl\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xxl\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xxl\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xxl\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .xxl\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .xxl\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .xxl\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xxl\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .group:hover .xxl\:group-hover\:bg-app {
        background-color: var(--bg-app)
    }
    .group:hover .xxl\:group-hover\:bg-surface-1-default {
        background-color: var(--bg-surface-1)
    }
    .group:hover .xxl\:group-hover\:bg-surface-1-hover {
        background-color: var(--bg-surface-1-hover)
    }
    .group:hover .xxl\:group-hover\:bg-surface-2-default {
        background-color: var(--bg-surface-2)
    }
    .group:hover .xxl\:group-hover\:bg-surface-2-hover {
        background-color: var(--bg-surface-2-hover)
    }
    .group:hover .xxl\:group-hover\:bg-surface-emphasis-default {
        background-color: --bg-surface-emphasis
    }
    .group:hover .xxl\:group-hover\:bg-surface-emphasis-hover {
        background-color: --bg-surface-emphasis-hover
    }
    .group:hover .xxl\:group-hover\:bg-surface-contrast-default {
        background-color: --bg-surface-contrast
    }
    .group:hover .xxl\:group-hover\:bg-surface-contrast-hover {
        background-color: --bg-surface-contrast-hover
    }
    .group:hover .xxl\:group-hover\:bg-surface-forced-dark {
        background-color: var(--bg-surface-forced-dark)
    }
    .group:hover .xxl\:group-hover\:bg-status-danger-default {
        background-color: var(--bg-status-danger)
    }
    .group:hover .xxl\:group-hover\:bg-status-danger-bold {
        background-color: var(--bg-status-danger-bold)
    }
    .group:hover .xxl\:group-hover\:bg-status-danger-subtle {
        background-color: var(--bg-status-danger-subtle)
    }
    .group:hover .xxl\:group-hover\:bg-status-pending-default {
        background-color: var(--bg-status-pending)
    }
    .group:hover .xxl\:group-hover\:bg-status-pending-bold {
        background-color: var(--bg-status-pending-bold)
    }
    .group:hover .xxl\:group-hover\:bg-status-pending-subtle {
        background-color: var(--bg-status-pending-subtle)
    }
    .group:hover .xxl\:group-hover\:bg-status-success-default {
        background-color: var(--bg-status-success)
    }
    .group:hover .xxl\:group-hover\:bg-status-success-bold {
        background-color: var(--bg-status-success-bold)
    }
    .group:hover .xxl\:group-hover\:bg-status-success-subtle {
        background-color: var(--bg-status-success-subtle)
    }
    .group:hover .xxl\:group-hover\:bg-status-active-default {
        background-color: var(--bg-status-active)
    }
    .group:hover .xxl\:group-hover\:bg-status-active-bold {
        background-color: var(--bg-status-active-bold)
    }
    .group:hover .xxl\:group-hover\:bg-status-active-subtle {
        background-color: var(--bg-status-active-subtle)
    }
    .group:hover .xxl\:group-hover\:bg-status-plain-default {
        background-color: var(--bg-status-plain)
    }
    .group:hover .xxl\:group-hover\:bg-status-plain-bold {
        background-color: var(--bg-status-plain-bold)
    }
    .group:hover .xxl\:group-hover\:bg-status-plain-subtle {
        background-color: var(--bg-status-plain-subtle)
    }
    .group:hover .xxl\:group-hover\:bg-button-primary {
        background-color: var(--bg-button-primary)
    }
    .group:hover .xxl\:group-hover\:bg-button-danger {
        background-color: var(--bg-button-danger)
    }
    .group:hover .xxl\:group-hover\:bg-button-success {
        background-color: var(--bg-button-success)
    }
    .group:hover .xxl\:group-hover\:bg-button-oncolor {
        background-color: var(--bg-button-oncolor)
    }
    .group:hover .xxl\:group-hover\:bg-button-hover-primary {
        background-color: var(--bg-button-primary-hover)
    }
    .group:hover .xxl\:group-hover\:bg-button-hover-text {
        background-color: var(--bg-button-text-hover)
    }
    .group:hover .xxl\:group-hover\:bg-button-hover-danger {
        background-color: var(--bg-button-text-danger-hover)
    }
    .group:hover .xxl\:group-hover\:bg-button-hover-oncolor {
        background-color: var(--bg-button-oncolor-hover)
    }
    .group:hover .xxl\:group-hover\:bg-button-hover-success-default {
        background-color: var(--bg-button-success-hover)
    }
    .group:hover .xxl\:group-hover\:bg-button-hover-success-text {
        background-color: var(--bg-button-text-success-hover)
    }
    .group:hover .xxl\:group-hover\:bg-decorative-purple-default {
        background-color: var(--bg-decorative-purple)
    }
    .group:hover .xxl\:group-hover\:bg-decorative-purple-bold {
        background-color: var(--bg-decorative-purple-bold)
    }
    .group:hover .xxl\:group-hover\:bg-decorative-purple-subtle {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .group:hover .xxl\:group-hover\:bg-decorative-orange-bold {
        background-color: var(--bg-decorative-orange-bold)
    }
    .group:hover .xxl\:group-hover\:bg-overlay-modal {
        background-color: var(--bg-overlay-modal)
    }
    .group:hover .xxl\:group-hover\:bg-gradient-lineChart {
        background-color: var(--bg-gradient-line-chart)
    }
    .group:hover .xxl\:group-hover\:bg-gradient-margin {
        background-color: var(--bg-gradient-margin)
    }
    .group:hover .xxl\:group-hover\:bg-gradient-healthRainbow {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .group:hover .xxl\:group-hover\:bg-gradient-promo-1 {
        background-color: var(--bg-gradient-promo-1)
    }
    .xxl\:focus-within\:bg-app:focus-within {
        background-color: var(--bg-app)
    }
    .xxl\:focus-within\:bg-surface-1-default:focus-within {
        background-color: var(--bg-surface-1)
    }
    .xxl\:focus-within\:bg-surface-1-hover:focus-within {
        background-color: var(--bg-surface-1-hover)
    }
    .xxl\:focus-within\:bg-surface-2-default:focus-within {
        background-color: var(--bg-surface-2)
    }
    .xxl\:focus-within\:bg-surface-2-hover:focus-within {
        background-color: var(--bg-surface-2-hover)
    }
    .xxl\:focus-within\:bg-surface-emphasis-default:focus-within {
        background-color: --bg-surface-emphasis
    }
    .xxl\:focus-within\:bg-surface-emphasis-hover:focus-within {
        background-color: --bg-surface-emphasis-hover
    }
    .xxl\:focus-within\:bg-surface-contrast-default:focus-within {
        background-color: --bg-surface-contrast
    }
    .xxl\:focus-within\:bg-surface-contrast-hover:focus-within {
        background-color: --bg-surface-contrast-hover
    }
    .xxl\:focus-within\:bg-surface-forced-dark:focus-within {
        background-color: var(--bg-surface-forced-dark)
    }
    .xxl\:focus-within\:bg-status-danger-default:focus-within {
        background-color: var(--bg-status-danger)
    }
    .xxl\:focus-within\:bg-status-danger-bold:focus-within {
        background-color: var(--bg-status-danger-bold)
    }
    .xxl\:focus-within\:bg-status-danger-subtle:focus-within {
        background-color: var(--bg-status-danger-subtle)
    }
    .xxl\:focus-within\:bg-status-pending-default:focus-within {
        background-color: var(--bg-status-pending)
    }
    .xxl\:focus-within\:bg-status-pending-bold:focus-within {
        background-color: var(--bg-status-pending-bold)
    }
    .xxl\:focus-within\:bg-status-pending-subtle:focus-within {
        background-color: var(--bg-status-pending-subtle)
    }
    .xxl\:focus-within\:bg-status-success-default:focus-within {
        background-color: var(--bg-status-success)
    }
    .xxl\:focus-within\:bg-status-success-bold:focus-within {
        background-color: var(--bg-status-success-bold)
    }
    .xxl\:focus-within\:bg-status-success-subtle:focus-within {
        background-color: var(--bg-status-success-subtle)
    }
    .xxl\:focus-within\:bg-status-active-default:focus-within {
        background-color: var(--bg-status-active)
    }
    .xxl\:focus-within\:bg-status-active-bold:focus-within {
        background-color: var(--bg-status-active-bold)
    }
    .xxl\:focus-within\:bg-status-active-subtle:focus-within {
        background-color: var(--bg-status-active-subtle)
    }
    .xxl\:focus-within\:bg-status-plain-default:focus-within {
        background-color: var(--bg-status-plain)
    }
    .xxl\:focus-within\:bg-status-plain-bold:focus-within {
        background-color: var(--bg-status-plain-bold)
    }
    .xxl\:focus-within\:bg-status-plain-subtle:focus-within {
        background-color: var(--bg-status-plain-subtle)
    }
    .xxl\:focus-within\:bg-button-primary:focus-within {
        background-color: var(--bg-button-primary)
    }
    .xxl\:focus-within\:bg-button-danger:focus-within {
        background-color: var(--bg-button-danger)
    }
    .xxl\:focus-within\:bg-button-success:focus-within {
        background-color: var(--bg-button-success)
    }
    .xxl\:focus-within\:bg-button-oncolor:focus-within {
        background-color: var(--bg-button-oncolor)
    }
    .xxl\:focus-within\:bg-button-hover-primary:focus-within {
        background-color: var(--bg-button-primary-hover)
    }
    .xxl\:focus-within\:bg-button-hover-text:focus-within {
        background-color: var(--bg-button-text-hover)
    }
    .xxl\:focus-within\:bg-button-hover-danger:focus-within {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xxl\:focus-within\:bg-button-hover-oncolor:focus-within {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xxl\:focus-within\:bg-button-hover-success-default:focus-within {
        background-color: var(--bg-button-success-hover)
    }
    .xxl\:focus-within\:bg-button-hover-success-text:focus-within {
        background-color: var(--bg-button-text-success-hover)
    }
    .xxl\:focus-within\:bg-decorative-purple-default:focus-within {
        background-color: var(--bg-decorative-purple)
    }
    .xxl\:focus-within\:bg-decorative-purple-bold:focus-within {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xxl\:focus-within\:bg-decorative-purple-subtle:focus-within {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xxl\:focus-within\:bg-decorative-orange-bold:focus-within {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xxl\:focus-within\:bg-overlay-modal:focus-within {
        background-color: var(--bg-overlay-modal)
    }
    .xxl\:focus-within\:bg-gradient-lineChart:focus-within {
        background-color: var(--bg-gradient-line-chart)
    }
    .xxl\:focus-within\:bg-gradient-margin:focus-within {
        background-color: var(--bg-gradient-margin)
    }
    .xxl\:focus-within\:bg-gradient-healthRainbow:focus-within {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xxl\:focus-within\:bg-gradient-promo-1:focus-within {
        background-color: var(--bg-gradient-promo-1)
    }
    .xxl\:hover\:bg-app:hover {
        background-color: var(--bg-app)
    }
    .xxl\:hover\:bg-surface-1-default:hover {
        background-color: var(--bg-surface-1)
    }
    .xxl\:hover\:bg-surface-1-hover:hover {
        background-color: var(--bg-surface-1-hover)
    }
    .xxl\:hover\:bg-surface-2-default:hover {
        background-color: var(--bg-surface-2)
    }
    .xxl\:hover\:bg-surface-2-hover:hover {
        background-color: var(--bg-surface-2-hover)
    }
    .xxl\:hover\:bg-surface-emphasis-default:hover {
        background-color: --bg-surface-emphasis
    }
    .xxl\:hover\:bg-surface-emphasis-hover:hover {
        background-color: --bg-surface-emphasis-hover
    }
    .xxl\:hover\:bg-surface-contrast-default:hover {
        background-color: --bg-surface-contrast
    }
    .xxl\:hover\:bg-surface-contrast-hover:hover {
        background-color: --bg-surface-contrast-hover
    }
    .xxl\:hover\:bg-surface-forced-dark:hover {
        background-color: var(--bg-surface-forced-dark)
    }
    .xxl\:hover\:bg-status-danger-default:hover {
        background-color: var(--bg-status-danger)
    }
    .xxl\:hover\:bg-status-danger-bold:hover {
        background-color: var(--bg-status-danger-bold)
    }
    .xxl\:hover\:bg-status-danger-subtle:hover {
        background-color: var(--bg-status-danger-subtle)
    }
    .xxl\:hover\:bg-status-pending-default:hover {
        background-color: var(--bg-status-pending)
    }
    .xxl\:hover\:bg-status-pending-bold:hover {
        background-color: var(--bg-status-pending-bold)
    }
    .xxl\:hover\:bg-status-pending-subtle:hover {
        background-color: var(--bg-status-pending-subtle)
    }
    .xxl\:hover\:bg-status-success-default:hover {
        background-color: var(--bg-status-success)
    }
    .xxl\:hover\:bg-status-success-bold:hover {
        background-color: var(--bg-status-success-bold)
    }
    .xxl\:hover\:bg-status-success-subtle:hover {
        background-color: var(--bg-status-success-subtle)
    }
    .xxl\:hover\:bg-status-active-default:hover {
        background-color: var(--bg-status-active)
    }
    .xxl\:hover\:bg-status-active-bold:hover {
        background-color: var(--bg-status-active-bold)
    }
    .xxl\:hover\:bg-status-active-subtle:hover {
        background-color: var(--bg-status-active-subtle)
    }
    .xxl\:hover\:bg-status-plain-default:hover {
        background-color: var(--bg-status-plain)
    }
    .xxl\:hover\:bg-status-plain-bold:hover {
        background-color: var(--bg-status-plain-bold)
    }
    .xxl\:hover\:bg-status-plain-subtle:hover {
        background-color: var(--bg-status-plain-subtle)
    }
    .xxl\:hover\:bg-button-primary:hover {
        background-color: var(--bg-button-primary)
    }
    .xxl\:hover\:bg-button-danger:hover {
        background-color: var(--bg-button-danger)
    }
    .xxl\:hover\:bg-button-success:hover {
        background-color: var(--bg-button-success)
    }
    .xxl\:hover\:bg-button-oncolor:hover {
        background-color: var(--bg-button-oncolor)
    }
    .xxl\:hover\:bg-button-hover-primary:hover {
        background-color: var(--bg-button-primary-hover)
    }
    .xxl\:hover\:bg-button-hover-text:hover {
        background-color: var(--bg-button-text-hover)
    }
    .xxl\:hover\:bg-button-hover-danger:hover {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xxl\:hover\:bg-button-hover-oncolor:hover {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xxl\:hover\:bg-button-hover-success-default:hover {
        background-color: var(--bg-button-success-hover)
    }
    .xxl\:hover\:bg-button-hover-success-text:hover {
        background-color: var(--bg-button-text-success-hover)
    }
    .xxl\:hover\:bg-decorative-purple-default:hover {
        background-color: var(--bg-decorative-purple)
    }
    .xxl\:hover\:bg-decorative-purple-bold:hover {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xxl\:hover\:bg-decorative-purple-subtle:hover {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xxl\:hover\:bg-decorative-orange-bold:hover {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xxl\:hover\:bg-overlay-modal:hover {
        background-color: var(--bg-overlay-modal)
    }
    .xxl\:hover\:bg-gradient-lineChart:hover {
        background-color: var(--bg-gradient-line-chart)
    }
    .xxl\:hover\:bg-gradient-margin:hover {
        background-color: var(--bg-gradient-margin)
    }
    .xxl\:hover\:bg-gradient-healthRainbow:hover {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xxl\:hover\:bg-gradient-promo-1:hover {
        background-color: var(--bg-gradient-promo-1)
    }
    .xxl\:focus\:bg-app:focus {
        background-color: var(--bg-app)
    }
    .xxl\:focus\:bg-surface-1-default:focus {
        background-color: var(--bg-surface-1)
    }
    .xxl\:focus\:bg-surface-1-hover:focus {
        background-color: var(--bg-surface-1-hover)
    }
    .xxl\:focus\:bg-surface-2-default:focus {
        background-color: var(--bg-surface-2)
    }
    .xxl\:focus\:bg-surface-2-hover:focus {
        background-color: var(--bg-surface-2-hover)
    }
    .xxl\:focus\:bg-surface-emphasis-default:focus {
        background-color: --bg-surface-emphasis
    }
    .xxl\:focus\:bg-surface-emphasis-hover:focus {
        background-color: --bg-surface-emphasis-hover
    }
    .xxl\:focus\:bg-surface-contrast-default:focus {
        background-color: --bg-surface-contrast
    }
    .xxl\:focus\:bg-surface-contrast-hover:focus {
        background-color: --bg-surface-contrast-hover
    }
    .xxl\:focus\:bg-surface-forced-dark:focus {
        background-color: var(--bg-surface-forced-dark)
    }
    .xxl\:focus\:bg-status-danger-default:focus {
        background-color: var(--bg-status-danger)
    }
    .xxl\:focus\:bg-status-danger-bold:focus {
        background-color: var(--bg-status-danger-bold)
    }
    .xxl\:focus\:bg-status-danger-subtle:focus {
        background-color: var(--bg-status-danger-subtle)
    }
    .xxl\:focus\:bg-status-pending-default:focus {
        background-color: var(--bg-status-pending)
    }
    .xxl\:focus\:bg-status-pending-bold:focus {
        background-color: var(--bg-status-pending-bold)
    }
    .xxl\:focus\:bg-status-pending-subtle:focus {
        background-color: var(--bg-status-pending-subtle)
    }
    .xxl\:focus\:bg-status-success-default:focus {
        background-color: var(--bg-status-success)
    }
    .xxl\:focus\:bg-status-success-bold:focus {
        background-color: var(--bg-status-success-bold)
    }
    .xxl\:focus\:bg-status-success-subtle:focus {
        background-color: var(--bg-status-success-subtle)
    }
    .xxl\:focus\:bg-status-active-default:focus {
        background-color: var(--bg-status-active)
    }
    .xxl\:focus\:bg-status-active-bold:focus {
        background-color: var(--bg-status-active-bold)
    }
    .xxl\:focus\:bg-status-active-subtle:focus {
        background-color: var(--bg-status-active-subtle)
    }
    .xxl\:focus\:bg-status-plain-default:focus {
        background-color: var(--bg-status-plain)
    }
    .xxl\:focus\:bg-status-plain-bold:focus {
        background-color: var(--bg-status-plain-bold)
    }
    .xxl\:focus\:bg-status-plain-subtle:focus {
        background-color: var(--bg-status-plain-subtle)
    }
    .xxl\:focus\:bg-button-primary:focus {
        background-color: var(--bg-button-primary)
    }
    .xxl\:focus\:bg-button-danger:focus {
        background-color: var(--bg-button-danger)
    }
    .xxl\:focus\:bg-button-success:focus {
        background-color: var(--bg-button-success)
    }
    .xxl\:focus\:bg-button-oncolor:focus {
        background-color: var(--bg-button-oncolor)
    }
    .xxl\:focus\:bg-button-hover-primary:focus {
        background-color: var(--bg-button-primary-hover)
    }
    .xxl\:focus\:bg-button-hover-text:focus {
        background-color: var(--bg-button-text-hover)
    }
    .xxl\:focus\:bg-button-hover-danger:focus {
        background-color: var(--bg-button-text-danger-hover)
    }
    .xxl\:focus\:bg-button-hover-oncolor:focus {
        background-color: var(--bg-button-oncolor-hover)
    }
    .xxl\:focus\:bg-button-hover-success-default:focus {
        background-color: var(--bg-button-success-hover)
    }
    .xxl\:focus\:bg-button-hover-success-text:focus {
        background-color: var(--bg-button-text-success-hover)
    }
    .xxl\:focus\:bg-decorative-purple-default:focus {
        background-color: var(--bg-decorative-purple)
    }
    .xxl\:focus\:bg-decorative-purple-bold:focus {
        background-color: var(--bg-decorative-purple-bold)
    }
    .xxl\:focus\:bg-decorative-purple-subtle:focus {
        background-color: var(--bg-decorative-purple-subtle)
    }
    .xxl\:focus\:bg-decorative-orange-bold:focus {
        background-color: var(--bg-decorative-orange-bold)
    }
    .xxl\:focus\:bg-overlay-modal:focus {
        background-color: var(--bg-overlay-modal)
    }
    .xxl\:focus\:bg-gradient-lineChart:focus {
        background-color: var(--bg-gradient-line-chart)
    }
    .xxl\:focus\:bg-gradient-margin:focus {
        background-color: var(--bg-gradient-margin)
    }
    .xxl\:focus\:bg-gradient-healthRainbow:focus {
        background-color: var(--bg-gradient-health-rainbow)
    }
    .xxl\:focus\:bg-gradient-promo-1:focus {
        background-color: var(--bg-gradient-promo-1)
    }
    .xxl\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .xxl\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .xxl\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .xxl\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .xxl\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .xxl\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .xxl\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .xxl\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .xxl\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .xxl\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .xxl\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .xxl\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .xxl\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .xxl\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .xxl\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .group:hover .xxl\:group-hover\:bg-opacity-0 {
        --tw-bg-opacity: 0
    }
    .group:hover .xxl\:group-hover\:bg-opacity-5 {
        --tw-bg-opacity: 0.05
    }
    .group:hover .xxl\:group-hover\:bg-opacity-10 {
        --tw-bg-opacity: 0.1
    }
    .group:hover .xxl\:group-hover\:bg-opacity-20 {
        --tw-bg-opacity: 0.2
    }
    .group:hover .xxl\:group-hover\:bg-opacity-25 {
        --tw-bg-opacity: 0.25
    }
    .group:hover .xxl\:group-hover\:bg-opacity-30 {
        --tw-bg-opacity: 0.3
    }
    .group:hover .xxl\:group-hover\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }
    .group:hover .xxl\:group-hover\:bg-opacity-50 {
        --tw-bg-opacity: 0.5
    }
    .group:hover .xxl\:group-hover\:bg-opacity-60 {
        --tw-bg-opacity: 0.6
    }
    .group:hover .xxl\:group-hover\:bg-opacity-70 {
        --tw-bg-opacity: 0.7
    }
    .group:hover .xxl\:group-hover\:bg-opacity-75 {
        --tw-bg-opacity: 0.75
    }
    .group:hover .xxl\:group-hover\:bg-opacity-80 {
        --tw-bg-opacity: 0.8
    }
    .group:hover .xxl\:group-hover\:bg-opacity-90 {
        --tw-bg-opacity: 0.9
    }
    .group:hover .xxl\:group-hover\:bg-opacity-95 {
        --tw-bg-opacity: 0.95
    }
    .group:hover .xxl\:group-hover\:bg-opacity-100 {
        --tw-bg-opacity: 1
    }
    .xxl\:focus-within\:bg-opacity-0:focus-within {
        --tw-bg-opacity: 0
    }
    .xxl\:focus-within\:bg-opacity-5:focus-within {
        --tw-bg-opacity: 0.05
    }
    .xxl\:focus-within\:bg-opacity-10:focus-within {
        --tw-bg-opacity: 0.1
    }
    .xxl\:focus-within\:bg-opacity-20:focus-within {
        --tw-bg-opacity: 0.2
    }
    .xxl\:focus-within\:bg-opacity-25:focus-within {
        --tw-bg-opacity: 0.25
    }
    .xxl\:focus-within\:bg-opacity-30:focus-within {
        --tw-bg-opacity: 0.3
    }
    .xxl\:focus-within\:bg-opacity-40:focus-within {
        --tw-bg-opacity: 0.4
    }
    .xxl\:focus-within\:bg-opacity-50:focus-within {
        --tw-bg-opacity: 0.5
    }
    .xxl\:focus-within\:bg-opacity-60:focus-within {
        --tw-bg-opacity: 0.6
    }
    .xxl\:focus-within\:bg-opacity-70:focus-within {
        --tw-bg-opacity: 0.7
    }
    .xxl\:focus-within\:bg-opacity-75:focus-within {
        --tw-bg-opacity: 0.75
    }
    .xxl\:focus-within\:bg-opacity-80:focus-within {
        --tw-bg-opacity: 0.8
    }
    .xxl\:focus-within\:bg-opacity-90:focus-within {
        --tw-bg-opacity: 0.9
    }
    .xxl\:focus-within\:bg-opacity-95:focus-within {
        --tw-bg-opacity: 0.95
    }
    .xxl\:focus-within\:bg-opacity-100:focus-within {
        --tw-bg-opacity: 1
    }
    .xxl\:hover\:bg-opacity-0:hover {
        --tw-bg-opacity: 0
    }
    .xxl\:hover\:bg-opacity-5:hover {
        --tw-bg-opacity: 0.05
    }
    .xxl\:hover\:bg-opacity-10:hover {
        --tw-bg-opacity: 0.1
    }
    .xxl\:hover\:bg-opacity-20:hover {
        --tw-bg-opacity: 0.2
    }
    .xxl\:hover\:bg-opacity-25:hover {
        --tw-bg-opacity: 0.25
    }
    .xxl\:hover\:bg-opacity-30:hover {
        --tw-bg-opacity: 0.3
    }
    .xxl\:hover\:bg-opacity-40:hover {
        --tw-bg-opacity: 0.4
    }
    .xxl\:hover\:bg-opacity-50:hover {
        --tw-bg-opacity: 0.5
    }
    .xxl\:hover\:bg-opacity-60:hover {
        --tw-bg-opacity: 0.6
    }
    .xxl\:hover\:bg-opacity-70:hover {
        --tw-bg-opacity: 0.7
    }
    .xxl\:hover\:bg-opacity-75:hover {
        --tw-bg-opacity: 0.75
    }
    .xxl\:hover\:bg-opacity-80:hover {
        --tw-bg-opacity: 0.8
    }
    .xxl\:hover\:bg-opacity-90:hover {
        --tw-bg-opacity: 0.9
    }
    .xxl\:hover\:bg-opacity-95:hover {
        --tw-bg-opacity: 0.95
    }
    .xxl\:hover\:bg-opacity-100:hover {
        --tw-bg-opacity: 1
    }
    .xxl\:focus\:bg-opacity-0:focus {
        --tw-bg-opacity: 0
    }
    .xxl\:focus\:bg-opacity-5:focus {
        --tw-bg-opacity: 0.05
    }
    .xxl\:focus\:bg-opacity-10:focus {
        --tw-bg-opacity: 0.1
    }
    .xxl\:focus\:bg-opacity-20:focus {
        --tw-bg-opacity: 0.2
    }
    .xxl\:focus\:bg-opacity-25:focus {
        --tw-bg-opacity: 0.25
    }
    .xxl\:focus\:bg-opacity-30:focus {
        --tw-bg-opacity: 0.3
    }
    .xxl\:focus\:bg-opacity-40:focus {
        --tw-bg-opacity: 0.4
    }
    .xxl\:focus\:bg-opacity-50:focus {
        --tw-bg-opacity: 0.5
    }
    .xxl\:focus\:bg-opacity-60:focus {
        --tw-bg-opacity: 0.6
    }
    .xxl\:focus\:bg-opacity-70:focus {
        --tw-bg-opacity: 0.7
    }
    .xxl\:focus\:bg-opacity-75:focus {
        --tw-bg-opacity: 0.75
    }
    .xxl\:focus\:bg-opacity-80:focus {
        --tw-bg-opacity: 0.8
    }
    .xxl\:focus\:bg-opacity-90:focus {
        --tw-bg-opacity: 0.9
    }
    .xxl\:focus\:bg-opacity-95:focus {
        --tw-bg-opacity: 0.95
    }
    .xxl\:focus\:bg-opacity-100:focus {
        --tw-bg-opacity: 1
    }
    .xxl\:bg-none {
        background-image: none
    }
    .xxl\:bg-gradient-to-t {
        background-image: linear-gradient(0deg, var(--tw-gradient-stops))
    }
    .xxl\:bg-gradient-to-tr {
        background-image: linear-gradient(to top right, var(--tw-gradient-stops))
    }
    .xxl\:bg-gradient-to-r {
        background-image: linear-gradient(90deg, var(--tw-gradient-stops))
    }
    .xxl\:bg-gradient-to-br {
        background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
    }
    .xxl\:bg-gradient-to-b {
        background-image: linear-gradient(180deg, var(--tw-gradient-stops))
    }
    .xxl\:bg-gradient-to-bl {
        background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
    }
    .xxl\:bg-gradient-to-l {
        background-image: linear-gradient(270deg, var(--tw-gradient-stops))
    }
    .xxl\:bg-gradient-to-tl {
        background-image: linear-gradient(to top left, var(--tw-gradient-stops))
    }
    .xxl\:from-common-white {
        --tw-gradient-from: var(--common-white)
    }
    .xxl\:from-common-tertiary,
    .xxl\:from-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-common-tertiary {
        --tw-gradient-from: var(--common-tertiary)
    }
    .xxl\:from-common-dark {
        --tw-gradient-from: var(--common-dark)
    }
    .xxl\:from-common-dark,
    .xxl\:from-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-scheme-primary {
        --tw-gradient-from: var(--common-primary)
    }
    .xxl\:from-scheme-success {
        --tw-gradient-from: var(--text-success)
    }
    .xxl\:from-scheme-success,
    .xxl\:from-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-scheme-warning {
        --tw-gradient-from: var(--text-pending)
    }
    .xxl\:from-scheme-danger {
        --tw-gradient-from: var(--text-danger)
    }
    .xxl\:from-primary,
    .xxl\:from-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-primary {
        --tw-gradient-from: var(--text-primary)
    }
    .xxl\:from-secondary {
        --tw-gradient-from: var(--text-secondary)
    }
    .xxl\:from-secondary,
    .xxl\:from-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-tertiary {
        --tw-gradient-from: var(--text-tertiary)
    }
    .xxl\:from-danger-default {
        --tw-gradient-from: var(--text-danger)
    }
    .xxl\:from-danger-bold,
    .xxl\:from-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-danger-bold {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .xxl\:from-success-default {
        --tw-gradient-from: var(--text-success)
    }
    .xxl\:from-success-bold,
    .xxl\:from-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-success-bold {
        --tw-gradient-from: var(--text-success-bold)
    }
    .xxl\:from-success-subtle {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .xxl\:from-active-default,
    .xxl\:from-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-active-default {
        --tw-gradient-from: var(--text-active)
    }
    .xxl\:from-active-bold {
        --tw-gradient-from: var(--text-active-bold)
    }
    .xxl\:from-active-bold,
    .xxl\:from-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-pending-default {
        --tw-gradient-from: var(--text-pending)
    }
    .xxl\:from-pending-bold {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .xxl\:from-contrast-primary,
    .xxl\:from-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-contrast-primary {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .xxl\:from-contrast-secondary {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .xxl\:from-contrast-secondary,
    .xxl\:from-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-forced-tertiary {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .xxl\:from-decorative-red {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .xxl\:from-decorative-blue,
    .xxl\:from-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-decorative-blue {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .xxl\:from-decorative-yellow {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .xxl\:from-decorative-grey,
    .xxl\:from-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-decorative-grey {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .xxl\:from-decorative-green {
        --tw-gradient-from: var(--text-decorative-green)
    }
    .xxl\:from-decorative-green,
    .xxl\:from-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:from-decorative-purple-default {
        --tw-gradient-from: var(--text-decorative-purple)
    }
    .xxl\:from-decorative-purple-bold {
        --tw-gradient-from: var(--text-decorative-purple-bold)
    }
    .xxl\:from-decorative-purple-bold,
    .xxl\:hover\:from-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-common-white:hover {
        --tw-gradient-from: var(--common-white)
    }
    .xxl\:hover\:from-common-tertiary:hover {
        --tw-gradient-from: var(--common-tertiary)
    }
    .xxl\:hover\:from-common-dark:hover,
    .xxl\:hover\:from-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-common-dark:hover {
        --tw-gradient-from: var(--common-dark)
    }
    .xxl\:hover\:from-scheme-primary:hover {
        --tw-gradient-from: var(--common-primary)
    }
    .xxl\:hover\:from-scheme-primary:hover,
    .xxl\:hover\:from-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-scheme-success:hover {
        --tw-gradient-from: var(--text-success)
    }
    .xxl\:hover\:from-scheme-warning:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .xxl\:hover\:from-scheme-danger:hover,
    .xxl\:hover\:from-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-scheme-danger:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .xxl\:hover\:from-primary:hover {
        --tw-gradient-from: var(--text-primary)
    }
    .xxl\:hover\:from-primary:hover,
    .xxl\:hover\:from-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-secondary:hover {
        --tw-gradient-from: var(--text-secondary)
    }
    .xxl\:hover\:from-tertiary:hover {
        --tw-gradient-from: var(--text-tertiary)
    }
    .xxl\:hover\:from-danger-default:hover,
    .xxl\:hover\:from-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-danger-default:hover {
        --tw-gradient-from: var(--text-danger)
    }
    .xxl\:hover\:from-danger-bold:hover {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .xxl\:hover\:from-danger-bold:hover,
    .xxl\:hover\:from-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-success-default:hover {
        --tw-gradient-from: var(--text-success)
    }
    .xxl\:hover\:from-success-bold:hover {
        --tw-gradient-from: var(--text-success-bold)
    }
    .xxl\:hover\:from-success-bold:hover,
    .xxl\:hover\:from-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-success-subtle:hover {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .xxl\:hover\:from-active-default:hover {
        --tw-gradient-from: var(--text-active)
    }
    .xxl\:hover\:from-active-bold:hover,
    .xxl\:hover\:from-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-active-bold:hover {
        --tw-gradient-from: var(--text-active-bold)
    }
    .xxl\:hover\:from-pending-default:hover {
        --tw-gradient-from: var(--text-pending)
    }
    .xxl\:hover\:from-pending-bold:hover,
    .xxl\:hover\:from-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-pending-bold:hover {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .xxl\:hover\:from-contrast-primary:hover {
        --tw-gradient-from: var(--text-contrast-primary);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-contrast-secondary:hover {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .xxl\:hover\:from-contrast-secondary:hover,
    .xxl\:hover\:from-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-forced-tertiary:hover {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .xxl\:hover\:from-decorative-red:hover {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .xxl\:hover\:from-decorative-blue:hover,
    .xxl\:hover\:from-decorative-red:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-decorative-blue:hover {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .xxl\:hover\:from-decorative-yellow:hover {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .xxl\:hover\:from-decorative-grey:hover,
    .xxl\:hover\:from-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-decorative-grey:hover {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .xxl\:hover\:from-decorative-green:hover {
        --tw-gradient-from: var(--text-decorative-green);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-decorative-purple-default:hover {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:from-decorative-purple-bold:hover {
        --tw-gradient-from: var(--text-decorative-purple-bold);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-common-white:focus {
        --tw-gradient-from: var(--common-white)
    }
    .xxl\:focus\:from-common-tertiary:focus,
    .xxl\:focus\:from-common-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-common-tertiary:focus {
        --tw-gradient-from: var(--common-tertiary)
    }
    .xxl\:focus\:from-common-dark:focus {
        --tw-gradient-from: var(--common-dark)
    }
    .xxl\:focus\:from-common-dark:focus,
    .xxl\:focus\:from-scheme-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-scheme-primary:focus {
        --tw-gradient-from: var(--common-primary)
    }
    .xxl\:focus\:from-scheme-success:focus {
        --tw-gradient-from: var(--text-success)
    }
    .xxl\:focus\:from-scheme-success:focus,
    .xxl\:focus\:from-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-scheme-warning:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .xxl\:focus\:from-scheme-danger:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .xxl\:focus\:from-primary:focus,
    .xxl\:focus\:from-scheme-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-primary:focus {
        --tw-gradient-from: var(--text-primary)
    }
    .xxl\:focus\:from-secondary:focus {
        --tw-gradient-from: var(--text-secondary)
    }
    .xxl\:focus\:from-secondary:focus,
    .xxl\:focus\:from-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-tertiary:focus {
        --tw-gradient-from: var(--text-tertiary)
    }
    .xxl\:focus\:from-danger-default:focus {
        --tw-gradient-from: var(--text-danger)
    }
    .xxl\:focus\:from-danger-bold:focus,
    .xxl\:focus\:from-danger-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-danger-bold:focus {
        --tw-gradient-from: var(--text-danger-bold)
    }
    .xxl\:focus\:from-success-default:focus {
        --tw-gradient-from: var(--text-success)
    }
    .xxl\:focus\:from-success-bold:focus,
    .xxl\:focus\:from-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-success-bold:focus {
        --tw-gradient-from: var(--text-success-bold)
    }
    .xxl\:focus\:from-success-subtle:focus {
        --tw-gradient-from: var(--text-success-subtle)
    }
    .xxl\:focus\:from-active-default:focus,
    .xxl\:focus\:from-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-active-default:focus {
        --tw-gradient-from: var(--text-active)
    }
    .xxl\:focus\:from-active-bold:focus {
        --tw-gradient-from: var(--text-active-bold)
    }
    .xxl\:focus\:from-active-bold:focus,
    .xxl\:focus\:from-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-pending-default:focus {
        --tw-gradient-from: var(--text-pending)
    }
    .xxl\:focus\:from-pending-bold:focus {
        --tw-gradient-from: var(--text-pending-bold)
    }
    .xxl\:focus\:from-contrast-primary:focus,
    .xxl\:focus\:from-pending-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-contrast-primary:focus {
        --tw-gradient-from: var(--text-contrast-primary)
    }
    .xxl\:focus\:from-contrast-secondary:focus {
        --tw-gradient-from: var(--text-contrast-secondary)
    }
    .xxl\:focus\:from-contrast-secondary:focus,
    .xxl\:focus\:from-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-forced-tertiary:focus {
        --tw-gradient-from: var(--text-forced-tertiary)
    }
    .xxl\:focus\:from-decorative-red:focus {
        --tw-gradient-from: var(--text-decorative-red)
    }
    .xxl\:focus\:from-decorative-blue:focus,
    .xxl\:focus\:from-decorative-red:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-decorative-blue:focus {
        --tw-gradient-from: var(--text-decorative-blue)
    }
    .xxl\:focus\:from-decorative-yellow:focus {
        --tw-gradient-from: var(--text-decorative-yellow)
    }
    .xxl\:focus\:from-decorative-grey:focus,
    .xxl\:focus\:from-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-decorative-grey:focus {
        --tw-gradient-from: var(--text-decorative-grey)
    }
    .xxl\:focus\:from-decorative-green:focus {
        --tw-gradient-from: var(--text-decorative-green);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-decorative-purple-default:focus {
        --tw-gradient-from: var(--text-decorative-purple);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:from-decorative-purple-bold:focus {
        --tw-gradient-from: var(--text-decorative-purple-bold);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-common-white {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-common-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-common-dark {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-scheme-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-scheme-success {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-scheme-warning {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-scheme-danger {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-danger-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-danger-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-success-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-success-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-success-subtle {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-active-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-active-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-pending-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-pending-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-contrast-primary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-contrast-secondary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-forced-tertiary {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-decorative-red {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-decorative-blue {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-decorative-yellow {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-decorative-grey {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-decorative-green {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-decorative-purple-default {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:via-decorative-purple-bold {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-common-white:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-common-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-common-dark:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-scheme-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-scheme-success:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-scheme-warning:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-scheme-danger:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-danger-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-danger-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-success-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-success-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-success-subtle:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-active-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-active-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-pending-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-pending-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-contrast-primary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-contrast-secondary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-forced-tertiary:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-decorative-red:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-decorative-blue:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-decorative-yellow:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-decorative-grey:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-decorative-green:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-decorative-purple-default:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:hover\:via-decorative-purple-bold:hover {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-common-white:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-white), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-common-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-common-dark:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-dark), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-scheme-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--common-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-scheme-success:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-scheme-warning:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-scheme-danger:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-danger-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-danger-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-danger-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-success-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-success-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-success-subtle:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-success-subtle), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-active-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-active-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-active-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-pending-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-pending-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-pending-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-contrast-primary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-primary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-contrast-secondary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-contrast-secondary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-forced-tertiary:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-forced-tertiary), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-decorative-red:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-red), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-decorative-blue:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-blue), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-decorative-yellow:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-yellow), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-decorative-grey:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-grey), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-decorative-green:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-green), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-decorative-purple-default:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:focus\:via-decorative-purple-bold:focus {
        --tw-gradient-stops: var(--tw-gradient-from), var(--text-decorative-purple-bold), var(--tw-gradient-to, hsla(0, 0%, 100%, 0))
    }
    .xxl\:to-common-white {
        --tw-gradient-to: var(--common-white)
    }
    .xxl\:to-common-tertiary {
        --tw-gradient-to: var(--common-tertiary)
    }
    .xxl\:to-common-dark {
        --tw-gradient-to: var(--common-dark)
    }
    .xxl\:to-scheme-primary {
        --tw-gradient-to: var(--common-primary)
    }
    .xxl\:to-scheme-success {
        --tw-gradient-to: var(--text-success)
    }
    .xxl\:to-scheme-warning {
        --tw-gradient-to: var(--text-pending)
    }
    .xxl\:to-scheme-danger {
        --tw-gradient-to: var(--text-danger)
    }
    .xxl\:to-primary {
        --tw-gradient-to: var(--text-primary)
    }
    .xxl\:to-secondary {
        --tw-gradient-to: var(--text-secondary)
    }
    .xxl\:to-tertiary {
        --tw-gradient-to: var(--text-tertiary)
    }
    .xxl\:to-danger-default {
        --tw-gradient-to: var(--text-danger)
    }
    .xxl\:to-danger-bold {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .xxl\:to-success-default {
        --tw-gradient-to: var(--text-success)
    }
    .xxl\:to-success-bold {
        --tw-gradient-to: var(--text-success-bold)
    }
    .xxl\:to-success-subtle {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .xxl\:to-active-default {
        --tw-gradient-to: var(--text-active)
    }
    .xxl\:to-active-bold {
        --tw-gradient-to: var(--text-active-bold)
    }
    .xxl\:to-pending-default {
        --tw-gradient-to: var(--text-pending)
    }
    .xxl\:to-pending-bold {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .xxl\:to-contrast-primary {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .xxl\:to-contrast-secondary {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .xxl\:to-forced-tertiary {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .xxl\:to-decorative-red {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .xxl\:to-decorative-blue {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .xxl\:to-decorative-yellow {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .xxl\:to-decorative-grey {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .xxl\:to-decorative-green {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .xxl\:to-decorative-purple-default {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .xxl\:to-decorative-purple-bold {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .xxl\:hover\:to-common-white:hover {
        --tw-gradient-to: var(--common-white)
    }
    .xxl\:hover\:to-common-tertiary:hover {
        --tw-gradient-to: var(--common-tertiary)
    }
    .xxl\:hover\:to-common-dark:hover {
        --tw-gradient-to: var(--common-dark)
    }
    .xxl\:hover\:to-scheme-primary:hover {
        --tw-gradient-to: var(--common-primary)
    }
    .xxl\:hover\:to-scheme-success:hover {
        --tw-gradient-to: var(--text-success)
    }
    .xxl\:hover\:to-scheme-warning:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .xxl\:hover\:to-scheme-danger:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .xxl\:hover\:to-primary:hover {
        --tw-gradient-to: var(--text-primary)
    }
    .xxl\:hover\:to-secondary:hover {
        --tw-gradient-to: var(--text-secondary)
    }
    .xxl\:hover\:to-tertiary:hover {
        --tw-gradient-to: var(--text-tertiary)
    }
    .xxl\:hover\:to-danger-default:hover {
        --tw-gradient-to: var(--text-danger)
    }
    .xxl\:hover\:to-danger-bold:hover {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .xxl\:hover\:to-success-default:hover {
        --tw-gradient-to: var(--text-success)
    }
    .xxl\:hover\:to-success-bold:hover {
        --tw-gradient-to: var(--text-success-bold)
    }
    .xxl\:hover\:to-success-subtle:hover {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .xxl\:hover\:to-active-default:hover {
        --tw-gradient-to: var(--text-active)
    }
    .xxl\:hover\:to-active-bold:hover {
        --tw-gradient-to: var(--text-active-bold)
    }
    .xxl\:hover\:to-pending-default:hover {
        --tw-gradient-to: var(--text-pending)
    }
    .xxl\:hover\:to-pending-bold:hover {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .xxl\:hover\:to-contrast-primary:hover {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .xxl\:hover\:to-contrast-secondary:hover {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .xxl\:hover\:to-forced-tertiary:hover {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .xxl\:hover\:to-decorative-red:hover {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .xxl\:hover\:to-decorative-blue:hover {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .xxl\:hover\:to-decorative-yellow:hover {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .xxl\:hover\:to-decorative-grey:hover {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .xxl\:hover\:to-decorative-green:hover {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .xxl\:hover\:to-decorative-purple-default:hover {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .xxl\:hover\:to-decorative-purple-bold:hover {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .xxl\:focus\:to-common-white:focus {
        --tw-gradient-to: var(--common-white)
    }
    .xxl\:focus\:to-common-tertiary:focus {
        --tw-gradient-to: var(--common-tertiary)
    }
    .xxl\:focus\:to-common-dark:focus {
        --tw-gradient-to: var(--common-dark)
    }
    .xxl\:focus\:to-scheme-primary:focus {
        --tw-gradient-to: var(--common-primary)
    }
    .xxl\:focus\:to-scheme-success:focus {
        --tw-gradient-to: var(--text-success)
    }
    .xxl\:focus\:to-scheme-warning:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .xxl\:focus\:to-scheme-danger:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .xxl\:focus\:to-primary:focus {
        --tw-gradient-to: var(--text-primary)
    }
    .xxl\:focus\:to-secondary:focus {
        --tw-gradient-to: var(--text-secondary)
    }
    .xxl\:focus\:to-tertiary:focus {
        --tw-gradient-to: var(--text-tertiary)
    }
    .xxl\:focus\:to-danger-default:focus {
        --tw-gradient-to: var(--text-danger)
    }
    .xxl\:focus\:to-danger-bold:focus {
        --tw-gradient-to: var(--text-danger-bold)
    }
    .xxl\:focus\:to-success-default:focus {
        --tw-gradient-to: var(--text-success)
    }
    .xxl\:focus\:to-success-bold:focus {
        --tw-gradient-to: var(--text-success-bold)
    }
    .xxl\:focus\:to-success-subtle:focus {
        --tw-gradient-to: var(--text-success-subtle)
    }
    .xxl\:focus\:to-active-default:focus {
        --tw-gradient-to: var(--text-active)
    }
    .xxl\:focus\:to-active-bold:focus {
        --tw-gradient-to: var(--text-active-bold)
    }
    .xxl\:focus\:to-pending-default:focus {
        --tw-gradient-to: var(--text-pending)
    }
    .xxl\:focus\:to-pending-bold:focus {
        --tw-gradient-to: var(--text-pending-bold)
    }
    .xxl\:focus\:to-contrast-primary:focus {
        --tw-gradient-to: var(--text-contrast-primary)
    }
    .xxl\:focus\:to-contrast-secondary:focus {
        --tw-gradient-to: var(--text-contrast-secondary)
    }
    .xxl\:focus\:to-forced-tertiary:focus {
        --tw-gradient-to: var(--text-forced-tertiary)
    }
    .xxl\:focus\:to-decorative-red:focus {
        --tw-gradient-to: var(--text-decorative-red)
    }
    .xxl\:focus\:to-decorative-blue:focus {
        --tw-gradient-to: var(--text-decorative-blue)
    }
    .xxl\:focus\:to-decorative-yellow:focus {
        --tw-gradient-to: var(--text-decorative-yellow)
    }
    .xxl\:focus\:to-decorative-grey:focus {
        --tw-gradient-to: var(--text-decorative-grey)
    }
    .xxl\:focus\:to-decorative-green:focus {
        --tw-gradient-to: var(--text-decorative-green)
    }
    .xxl\:focus\:to-decorative-purple-default:focus {
        --tw-gradient-to: var(--text-decorative-purple)
    }
    .xxl\:focus\:to-decorative-purple-bold:focus {
        --tw-gradient-to: var(--text-decorative-purple-bold)
    }
    .xxl\:decoration-slice {
        -webkit-box-decoration-break: slice;
        box-decoration-break: slice
    }
    .xxl\:decoration-clone {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
    .xxl\:bg-auto {
        background-size: auto
    }
    .xxl\:bg-cover {
        background-size: cover
    }
    .xxl\:bg-contain {
        background-size: contain
    }
    .xxl\:bg-fixed {
        background-attachment: fixed
    }
    .xxl\:bg-local {
        background-attachment: local
    }
    .xxl\:bg-scroll {
        background-attachment: scroll
    }
    .xxl\:bg-clip-border {
        background-clip: border-box
    }
    .xxl\:bg-clip-padding {
        background-clip: padding-box
    }
    .xxl\:bg-clip-content {
        background-clip: content-box
    }
    .xxl\:bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }
    .xxl\:bg-bottom {
        background-position: bottom
    }
    .xxl\:bg-center {
        background-position: 50%
    }
    .xxl\:bg-left {
        background-position: 0
    }
    .xxl\:bg-left-bottom {
        background-position: 0 100%
    }
    .xxl\:bg-left-top {
        background-position: 0 0
    }
    .xxl\:bg-right {
        background-position: 100%
    }
    .xxl\:bg-right-bottom {
        background-position: 100% 100%
    }
    .xxl\:bg-right-top {
        background-position: 100% 0
    }
    .xxl\:bg-top {
        background-position: top
    }
    .xxl\:bg-repeat {
        background-repeat: repeat
    }
    .xxl\:bg-no-repeat {
        background-repeat: no-repeat
    }
    .xxl\:bg-repeat-x {
        background-repeat: repeat-x
    }
    .xxl\:bg-repeat-y {
        background-repeat: repeat-y
    }
    .xxl\:bg-repeat-round {
        background-repeat: round
    }
    .xxl\:bg-repeat-space {
        background-repeat: space
    }
    .xxl\:bg-origin-border {
        background-origin: border-box
    }
    .xxl\:bg-origin-padding {
        background-origin: padding-box
    }
    .xxl\:bg-origin-content {
        background-origin: content-box
    }
    .xxl\:fill-current {
        fill: currentColor
    }
    .xxl\:stroke-current {
        stroke: currentColor
    }
    .xxl\:stroke-0 {
        stroke-width: 0
    }
    .xxl\:stroke-1 {
        stroke-width: 1
    }
    .xxl\:stroke-2 {
        stroke-width: 2
    }
    .xxl\:object-contain {
        object-fit: contain
    }
    .xxl\:object-cover {
        object-fit: cover
    }
    .xxl\:object-fill {
        object-fit: fill
    }
    .xxl\:object-none {
        object-fit: none
    }
    .xxl\:object-scale-down {
        object-fit: scale-down
    }
    .xxl\:object-bottom {
        object-position: bottom
    }
    .xxl\:object-center {
        object-position: center
    }
    .xxl\:object-left {
        object-position: left
    }
    .xxl\:object-left-bottom {
        object-position: left bottom
    }
    .xxl\:object-left-top {
        object-position: left top
    }
    .xxl\:object-right {
        object-position: right
    }
    .xxl\:object-right-bottom {
        object-position: right bottom
    }
    .xxl\:object-right-top {
        object-position: right top
    }
    .xxl\:object-top {
        object-position: top
    }
    .xxl\:p-0 {
        padding: 0
    }
    .xxl\:p-2 {
        padding: var(--space-5xs)
    }
    .xxl\:p-4 {
        padding: var(--space-4xs)
    }
    .xxl\:p-6 {
        padding: var(--space-3xs)
    }
    .xxl\:p-8 {
        padding: var(--space-2xs)
    }
    .xxl\:p-12 {
        padding: var(--space-xs)
    }
    .xxl\:p-16 {
        padding: var(--space-sm)
    }
    .xxl\:p-20 {
        padding: var(--space-md)
    }
    .xxl\:p-24 {
        padding: var(--space-lg)
    }
    .xxl\:p-32 {
        padding: var(--space-xl)
    }
    .xxl\:p-40 {
        padding: var(--space-2xl)
    }
    .xxl\:p-48 {
        padding: var(--space-3xl)
    }
    .xxl\:p-80 {
        padding: var(--space-4xl)
    }
    .xxl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .xxl\:px-2 {
        padding-left: var(--space-5xs);
        padding-right: var(--space-5xs)
    }
    .xxl\:px-4 {
        padding-left: var(--space-4xs);
        padding-right: var(--space-4xs)
    }
    .xxl\:px-6 {
        padding-left: var(--space-3xs);
        padding-right: var(--space-3xs)
    }
    .xxl\:px-8 {
        padding-left: var(--space-2xs);
        padding-right: var(--space-2xs)
    }
    .xxl\:px-12 {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }
    .xxl\:px-16 {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }
    .xxl\:px-20 {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }
    .xxl\:px-24 {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }
    .xxl\:px-32 {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }
    .xxl\:px-40 {
        padding-left: var(--space-2xl);
        padding-right: var(--space-2xl)
    }
    .xxl\:px-48 {
        padding-left: var(--space-3xl);
        padding-right: var(--space-3xl)
    }
    .xxl\:px-80 {
        padding-left: var(--space-4xl);
        padding-right: var(--space-4xl)
    }
    .xxl\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .xxl\:py-2 {
        padding-top: var(--space-5xs);
        padding-bottom: var(--space-5xs)
    }
    .xxl\:py-4 {
        padding-top: var(--space-4xs);
        padding-bottom: var(--space-4xs)
    }
    .xxl\:py-6 {
        padding-top: var(--space-3xs);
        padding-bottom: var(--space-3xs)
    }
    .xxl\:py-8 {
        padding-top: var(--space-2xs);
        padding-bottom: var(--space-2xs)
    }
    .xxl\:py-12 {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }
    .xxl\:py-16 {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }
    .xxl\:py-20 {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }
    .xxl\:py-24 {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }
    .xxl\:py-32 {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }
    .xxl\:py-40 {
        padding-top: var(--space-2xl);
        padding-bottom: var(--space-2xl)
    }
    .xxl\:py-48 {
        padding-top: var(--space-3xl);
        padding-bottom: var(--space-3xl)
    }
    .xxl\:py-80 {
        padding-top: var(--space-4xl);
        padding-bottom: var(--space-4xl)
    }
    .xxl\:pt-0 {
        padding-top: 0
    }
    .xxl\:pt-2 {
        padding-top: var(--space-5xs)
    }
    .xxl\:pt-4 {
        padding-top: var(--space-4xs)
    }
    .xxl\:pt-6 {
        padding-top: var(--space-3xs)
    }
    .xxl\:pt-8 {
        padding-top: var(--space-2xs)
    }
    .xxl\:pt-12 {
        padding-top: var(--space-xs)
    }
    .xxl\:pt-16 {
        padding-top: var(--space-sm)
    }
    .xxl\:pt-20 {
        padding-top: var(--space-md)
    }
    .xxl\:pt-24 {
        padding-top: var(--space-lg)
    }
    .xxl\:pt-32 {
        padding-top: var(--space-xl)
    }
    .xxl\:pt-40 {
        padding-top: var(--space-2xl)
    }
    .xxl\:pt-48 {
        padding-top: var(--space-3xl)
    }
    .xxl\:pt-80 {
        padding-top: var(--space-4xl)
    }
    .xxl\:pr-0 {
        padding-right: 0
    }
    .xxl\:pr-2 {
        padding-right: var(--space-5xs)
    }
    .xxl\:pr-4 {
        padding-right: var(--space-4xs)
    }
    .xxl\:pr-6 {
        padding-right: var(--space-3xs)
    }
    .xxl\:pr-8 {
        padding-right: var(--space-2xs)
    }
    .xxl\:pr-12 {
        padding-right: var(--space-xs)
    }
    .xxl\:pr-16 {
        padding-right: var(--space-sm)
    }
    .xxl\:pr-20 {
        padding-right: var(--space-md)
    }
    .xxl\:pr-24 {
        padding-right: var(--space-lg)
    }
    .xxl\:pr-32 {
        padding-right: var(--space-xl)
    }
    .xxl\:pr-40 {
        padding-right: var(--space-2xl)
    }
    .xxl\:pr-48 {
        padding-right: var(--space-3xl)
    }
    .xxl\:pr-80 {
        padding-right: var(--space-4xl)
    }
    .xxl\:pb-0 {
        padding-bottom: 0
    }
    .xxl\:pb-2 {
        padding-bottom: var(--space-5xs)
    }
    .xxl\:pb-4 {
        padding-bottom: var(--space-4xs)
    }
    .xxl\:pb-6 {
        padding-bottom: var(--space-3xs)
    }
    .xxl\:pb-8 {
        padding-bottom: var(--space-2xs)
    }
    .xxl\:pb-12 {
        padding-bottom: var(--space-xs)
    }
    .xxl\:pb-16 {
        padding-bottom: var(--space-sm)
    }
    .xxl\:pb-20 {
        padding-bottom: var(--space-md)
    }
    .xxl\:pb-24 {
        padding-bottom: var(--space-lg)
    }
    .xxl\:pb-32 {
        padding-bottom: var(--space-xl)
    }
    .xxl\:pb-40 {
        padding-bottom: var(--space-2xl)
    }
    .xxl\:pb-48 {
        padding-bottom: var(--space-3xl)
    }
    .xxl\:pb-80 {
        padding-bottom: var(--space-4xl)
    }
    .xxl\:pl-0 {
        padding-left: 0
    }
    .xxl\:pl-2 {
        padding-left: var(--space-5xs)
    }
    .xxl\:pl-4 {
        padding-left: var(--space-4xs)
    }
    .xxl\:pl-6 {
        padding-left: var(--space-3xs)
    }
    .xxl\:pl-8 {
        padding-left: var(--space-2xs)
    }
    .xxl\:pl-12 {
        padding-left: var(--space-xs)
    }
    .xxl\:pl-16 {
        padding-left: var(--space-sm)
    }
    .xxl\:pl-20 {
        padding-left: var(--space-md)
    }
    .xxl\:pl-24 {
        padding-left: var(--space-lg)
    }
    .xxl\:pl-32 {
        padding-left: var(--space-xl)
    }
    .xxl\:pl-40 {
        padding-left: var(--space-2xl)
    }
    .xxl\:pl-48 {
        padding-left: var(--space-3xl)
    }
    .xxl\:pl-80 {
        padding-left: var(--space-4xl)
    }
    .xxl\:text-left {
        text-align: left
    }
    .xxl\:text-center {
        text-align: center
    }
    .xxl\:text-right {
        text-align: right
    }
    .xxl\:text-justify {
        text-align: justify
    }
    .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\:font-sans {
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }
    .xxl\:font-serif {
        font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif
    }
    .xxl\:font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }
    .xxl\:text-7xl {
        font-size: 72px
    }
    .xxl\:text-6xl {
        font-size: 48px
    }
    .xxl\:text-5xl {
        font-size: 40px
    }
    .xxl\:text-4xl {
        font-size: 32px
    }
    .xxl\:text-3xl {
        font-size: 24px
    }
    .xxl\:text-2xl {
        font-size: 20px
    }
    .xxl\:text-xl {
        font-size: 18px
    }
    .xxl\:text-lg {
        font-size: 16px
    }
    .xxl\:text-md {
        font-size: 14px
    }
    .xxl\:text-sm {
        font-size: 12px
    }
    .xxl\:text-xs {
        font-size: 10px
    }
    .xxl\:font-normal {
        font-weight: 400
    }
    .xxl\:font-medium {
        font-weight: 500
    }
    .xxl\:font-semibold {
        font-weight: 600
    }
    .xxl\:font-bold {
        font-weight: 700
    }
    .xxl\:uppercase {
        text-transform: uppercase
    }
    .xxl\:lowercase {
        text-transform: lowercase
    }
    .xxl\:capitalize {
        text-transform: capitalize
    }
    .xxl\:normal-case {
        text-transform: none
    }
    .xxl\:italic {
        font-style: italic
    }
    .xxl\:not-italic {
        font-style: normal
    }
    .xxl\:diagonal-fractions,
    .xxl\:lining-nums,
    .xxl\:oldstyle-nums,
    .xxl\:ordinal,
    .xxl\:proportional-nums,
    .xxl\:slashed-zero,
    .xxl\:stacked-fractions,
    .xxl\:tabular-nums {
        --tw-ordinal: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-slashed-zero: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-figure: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-spacing: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-numeric-fraction: var(--tw-empty, /*!*/
        /*!*/
        );
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
    }
    .xxl\:normal-nums {
        font-variant-numeric: normal
    }
    .xxl\:ordinal {
        --tw-ordinal: ordinal
    }
    .xxl\:slashed-zero {
        --tw-slashed-zero: slashed-zero
    }
    .xxl\:lining-nums {
        --tw-numeric-figure: lining-nums
    }
    .xxl\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums
    }
    .xxl\:proportional-nums {
        --tw-numeric-spacing: proportional-nums
    }
    .xxl\:tabular-nums {
        --tw-numeric-spacing: tabular-nums
    }
    .xxl\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions
    }
    .xxl\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions
    }
    .xxl\:leading-1 {
        line-height: 12px
    }
    .xxl\:leading-2 {
        line-height: 14px
    }
    .xxl\:leading-3 {
        line-height: 16px
    }
    .xxl\:leading-4 {
        line-height: 20px
    }
    .xxl\:leading-5 {
        line-height: 24px
    }
    .xxl\:leading-6 {
        line-height: 32px
    }
    .xxl\:leading-7 {
        line-height: 40px
    }
    .xxl\:leading-8 {
        line-height: 48px
    }
    .xxl\:leading-9 {
        line-height: 56px
    }
    .xxl\:leading-10 {
        line-height: 80px
    }
    .xxl\:tracking-tighter {
        letter-spacing: -.05em
    }
    .xxl\:tracking-tight {
        letter-spacing: -.025em
    }
    .xxl\:tracking-normal {
        letter-spacing: 0
    }
    .xxl\:tracking-wide {
        letter-spacing: .025em
    }
    .xxl\:tracking-wider {
        letter-spacing: .05em
    }
    .xxl\:tracking-widest {
        letter-spacing: .1em
    }
    .xxl\:text-common-white {
        color: var(--common-white)
    }
    .xxl\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .xxl\:text-common-dark {
        color: var(--common-dark)
    }
    .xxl\:text-scheme-primary {
        color: var(--common-primary)
    }
    .xxl\:text-scheme-success {
        color: var(--text-success)
    }
    .xxl\:text-scheme-warning {
        color: var(--text-pending)
    }
    .xxl\:text-scheme-danger {
        color: var(--text-danger)
    }
    .xxl\:text-primary {
        color: var(--text-primary)
    }
    .xxl\:text-secondary {
        color: var(--text-secondary)
    }
    .xxl\:text-tertiary {
        color: var(--text-tertiary)
    }
    .xxl\:text-danger-default {
        color: var(--text-danger)
    }
    .xxl\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .xxl\:text-success-default {
        color: var(--text-success)
    }
    .xxl\:text-success-bold {
        color: var(--text-success-bold)
    }
    .xxl\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .xxl\:text-active-default {
        color: var(--text-active)
    }
    .xxl\:text-active-bold {
        color: var(--text-active-bold)
    }
    .xxl\:text-pending-default {
        color: var(--text-pending)
    }
    .xxl\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .xxl\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .xxl\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .xxl\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .xxl\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .xxl\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .xxl\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .xxl\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .xxl\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .xxl\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .xxl\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .group:hover .xxl\:group-hover\:text-common-white {
        color: var(--common-white)
    }
    .group:hover .xxl\:group-hover\:text-common-tertiary {
        color: var(--common-tertiary)
    }
    .group:hover .xxl\:group-hover\:text-common-dark {
        color: var(--common-dark)
    }
    .group:hover .xxl\:group-hover\:text-scheme-primary {
        color: var(--common-primary)
    }
    .group:hover .xxl\:group-hover\:text-scheme-success {
        color: var(--text-success)
    }
    .group:hover .xxl\:group-hover\:text-scheme-warning {
        color: var(--text-pending)
    }
    .group:hover .xxl\:group-hover\:text-scheme-danger {
        color: var(--text-danger)
    }
    .group:hover .xxl\:group-hover\:text-primary {
        color: var(--text-primary)
    }
    .group:hover .xxl\:group-hover\:text-secondary {
        color: var(--text-secondary)
    }
    .group:hover .xxl\:group-hover\:text-tertiary {
        color: var(--text-tertiary)
    }
    .group:hover .xxl\:group-hover\:text-danger-default {
        color: var(--text-danger)
    }
    .group:hover .xxl\:group-hover\:text-danger-bold {
        color: var(--text-danger-bold)
    }
    .group:hover .xxl\:group-hover\:text-success-default {
        color: var(--text-success)
    }
    .group:hover .xxl\:group-hover\:text-success-bold {
        color: var(--text-success-bold)
    }
    .group:hover .xxl\:group-hover\:text-success-subtle {
        color: var(--text-success-subtle)
    }
    .group:hover .xxl\:group-hover\:text-active-default {
        color: var(--text-active)
    }
    .group:hover .xxl\:group-hover\:text-active-bold {
        color: var(--text-active-bold)
    }
    .group:hover .xxl\:group-hover\:text-pending-default {
        color: var(--text-pending)
    }
    .group:hover .xxl\:group-hover\:text-pending-bold {
        color: var(--text-pending-bold)
    }
    .group:hover .xxl\:group-hover\:text-contrast-primary {
        color: var(--text-contrast-primary)
    }
    .group:hover .xxl\:group-hover\:text-contrast-secondary {
        color: var(--text-contrast-secondary)
    }
    .group:hover .xxl\:group-hover\:text-forced-tertiary {
        color: var(--text-forced-tertiary)
    }
    .group:hover .xxl\:group-hover\:text-decorative-red {
        color: var(--text-decorative-red)
    }
    .group:hover .xxl\:group-hover\:text-decorative-blue {
        color: var(--text-decorative-blue)
    }
    .group:hover .xxl\:group-hover\:text-decorative-yellow {
        color: var(--text-decorative-yellow)
    }
    .group:hover .xxl\:group-hover\:text-decorative-grey {
        color: var(--text-decorative-grey)
    }
    .group:hover .xxl\:group-hover\:text-decorative-green {
        color: var(--text-decorative-green)
    }
    .group:hover .xxl\:group-hover\:text-decorative-purple-default {
        color: var(--text-decorative-purple)
    }
    .group:hover .xxl\:group-hover\:text-decorative-purple-bold {
        color: var(--text-decorative-purple-bold)
    }
    .xxl\:focus-within\:text-common-white:focus-within {
        color: var(--common-white)
    }
    .xxl\:focus-within\:text-common-tertiary:focus-within {
        color: var(--common-tertiary)
    }
    .xxl\:focus-within\:text-common-dark:focus-within {
        color: var(--common-dark)
    }
    .xxl\:focus-within\:text-scheme-primary:focus-within {
        color: var(--common-primary)
    }
    .xxl\:focus-within\:text-scheme-success:focus-within {
        color: var(--text-success)
    }
    .xxl\:focus-within\:text-scheme-warning:focus-within {
        color: var(--text-pending)
    }
    .xxl\:focus-within\:text-scheme-danger:focus-within {
        color: var(--text-danger)
    }
    .xxl\:focus-within\:text-primary:focus-within {
        color: var(--text-primary)
    }
    .xxl\:focus-within\:text-secondary:focus-within {
        color: var(--text-secondary)
    }
    .xxl\:focus-within\:text-tertiary:focus-within {
        color: var(--text-tertiary)
    }
    .xxl\:focus-within\:text-danger-default:focus-within {
        color: var(--text-danger)
    }
    .xxl\:focus-within\:text-danger-bold:focus-within {
        color: var(--text-danger-bold)
    }
    .xxl\:focus-within\:text-success-default:focus-within {
        color: var(--text-success)
    }
    .xxl\:focus-within\:text-success-bold:focus-within {
        color: var(--text-success-bold)
    }
    .xxl\:focus-within\:text-success-subtle:focus-within {
        color: var(--text-success-subtle)
    }
    .xxl\:focus-within\:text-active-default:focus-within {
        color: var(--text-active)
    }
    .xxl\:focus-within\:text-active-bold:focus-within {
        color: var(--text-active-bold)
    }
    .xxl\:focus-within\:text-pending-default:focus-within {
        color: var(--text-pending)
    }
    .xxl\:focus-within\:text-pending-bold:focus-within {
        color: var(--text-pending-bold)
    }
    .xxl\:focus-within\:text-contrast-primary:focus-within {
        color: var(--text-contrast-primary)
    }
    .xxl\:focus-within\:text-contrast-secondary:focus-within {
        color: var(--text-contrast-secondary)
    }
    .xxl\:focus-within\:text-forced-tertiary:focus-within {
        color: var(--text-forced-tertiary)
    }
    .xxl\:focus-within\:text-decorative-red:focus-within {
        color: var(--text-decorative-red)
    }
    .xxl\:focus-within\:text-decorative-blue:focus-within {
        color: var(--text-decorative-blue)
    }
    .xxl\:focus-within\:text-decorative-yellow:focus-within {
        color: var(--text-decorative-yellow)
    }
    .xxl\:focus-within\:text-decorative-grey:focus-within {
        color: var(--text-decorative-grey)
    }
    .xxl\:focus-within\:text-decorative-green:focus-within {
        color: var(--text-decorative-green)
    }
    .xxl\:focus-within\:text-decorative-purple-default:focus-within {
        color: var(--text-decorative-purple)
    }
    .xxl\:focus-within\:text-decorative-purple-bold:focus-within {
        color: var(--text-decorative-purple-bold)
    }
    .xxl\:hover\:text-common-white:hover {
        color: var(--common-white)
    }
    .xxl\:hover\:text-common-tertiary:hover {
        color: var(--common-tertiary)
    }
    .xxl\:hover\:text-common-dark:hover {
        color: var(--common-dark)
    }
    .xxl\:hover\:text-scheme-primary:hover {
        color: var(--common-primary)
    }
    .xxl\:hover\:text-scheme-success:hover {
        color: var(--text-success)
    }
    .xxl\:hover\:text-scheme-warning:hover {
        color: var(--text-pending)
    }
    .xxl\:hover\:text-scheme-danger:hover {
        color: var(--text-danger)
    }
    .xxl\:hover\:text-primary:hover {
        color: var(--text-primary)
    }
    .xxl\:hover\:text-secondary:hover {
        color: var(--text-secondary)
    }
    .xxl\:hover\:text-tertiary:hover {
        color: var(--text-tertiary)
    }
    .xxl\:hover\:text-danger-default:hover {
        color: var(--text-danger)
    }
    .xxl\:hover\:text-danger-bold:hover {
        color: var(--text-danger-bold)
    }
    .xxl\:hover\:text-success-default:hover {
        color: var(--text-success)
    }
    .xxl\:hover\:text-success-bold:hover {
        color: var(--text-success-bold)
    }
    .xxl\:hover\:text-success-subtle:hover {
        color: var(--text-success-subtle)
    }
    .xxl\:hover\:text-active-default:hover {
        color: var(--text-active)
    }
    .xxl\:hover\:text-active-bold:hover {
        color: var(--text-active-bold)
    }
    .xxl\:hover\:text-pending-default:hover {
        color: var(--text-pending)
    }
    .xxl\:hover\:text-pending-bold:hover {
        color: var(--text-pending-bold)
    }
    .xxl\:hover\:text-contrast-primary:hover {
        color: var(--text-contrast-primary)
    }
    .xxl\:hover\:text-contrast-secondary:hover {
        color: var(--text-contrast-secondary)
    }
    .xxl\:hover\:text-forced-tertiary:hover {
        color: var(--text-forced-tertiary)
    }
    .xxl\:hover\:text-decorative-red:hover {
        color: var(--text-decorative-red)
    }
    .xxl\:hover\:text-decorative-blue:hover {
        color: var(--text-decorative-blue)
    }
    .xxl\:hover\:text-decorative-yellow:hover {
        color: var(--text-decorative-yellow)
    }
    .xxl\:hover\:text-decorative-grey:hover {
        color: var(--text-decorative-grey)
    }
    .xxl\:hover\:text-decorative-green:hover {
        color: var(--text-decorative-green)
    }
    .xxl\:hover\:text-decorative-purple-default:hover {
        color: var(--text-decorative-purple)
    }
    .xxl\:hover\:text-decorative-purple-bold:hover {
        color: var(--text-decorative-purple-bold)
    }
    .xxl\:focus\:text-common-white:focus {
        color: var(--common-white)
    }
    .xxl\:focus\:text-common-tertiary:focus {
        color: var(--common-tertiary)
    }
    .xxl\:focus\:text-common-dark:focus {
        color: var(--common-dark)
    }
    .xxl\:focus\:text-scheme-primary:focus {
        color: var(--common-primary)
    }
    .xxl\:focus\:text-scheme-success:focus {
        color: var(--text-success)
    }
    .xxl\:focus\:text-scheme-warning:focus {
        color: var(--text-pending)
    }
    .xxl\:focus\:text-scheme-danger:focus {
        color: var(--text-danger)
    }
    .xxl\:focus\:text-primary:focus {
        color: var(--text-primary)
    }
    .xxl\:focus\:text-secondary:focus {
        color: var(--text-secondary)
    }
    .xxl\:focus\:text-tertiary:focus {
        color: var(--text-tertiary)
    }
    .xxl\:focus\:text-danger-default:focus {
        color: var(--text-danger)
    }
    .xxl\:focus\:text-danger-bold:focus {
        color: var(--text-danger-bold)
    }
    .xxl\:focus\:text-success-default:focus {
        color: var(--text-success)
    }
    .xxl\:focus\:text-success-bold:focus {
        color: var(--text-success-bold)
    }
    .xxl\:focus\:text-success-subtle:focus {
        color: var(--text-success-subtle)
    }
    .xxl\:focus\:text-active-default:focus {
        color: var(--text-active)
    }
    .xxl\:focus\:text-active-bold:focus {
        color: var(--text-active-bold)
    }
    .xxl\:focus\:text-pending-default:focus {
        color: var(--text-pending)
    }
    .xxl\:focus\:text-pending-bold:focus {
        color: var(--text-pending-bold)
    }
    .xxl\:focus\:text-contrast-primary:focus {
        color: var(--text-contrast-primary)
    }
    .xxl\:focus\:text-contrast-secondary:focus {
        color: var(--text-contrast-secondary)
    }
    .xxl\:focus\:text-forced-tertiary:focus {
        color: var(--text-forced-tertiary)
    }
    .xxl\:focus\:text-decorative-red:focus {
        color: var(--text-decorative-red)
    }
    .xxl\:focus\:text-decorative-blue:focus {
        color: var(--text-decorative-blue)
    }
    .xxl\:focus\:text-decorative-yellow:focus {
        color: var(--text-decorative-yellow)
    }
    .xxl\:focus\:text-decorative-grey:focus {
        color: var(--text-decorative-grey)
    }
    .xxl\:focus\:text-decorative-green:focus {
        color: var(--text-decorative-green)
    }
    .xxl\:focus\:text-decorative-purple-default:focus {
        color: var(--text-decorative-purple)
    }
    .xxl\:focus\:text-decorative-purple-bold:focus {
        color: var(--text-decorative-purple-bold)
    }
    .xxl\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .xxl\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .xxl\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .xxl\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .xxl\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .xxl\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .xxl\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .xxl\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .xxl\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .xxl\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .xxl\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .xxl\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .xxl\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .xxl\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .xxl\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .group:hover .xxl\:group-hover\:text-opacity-0 {
        --tw-text-opacity: 0
    }
    .group:hover .xxl\:group-hover\:text-opacity-5 {
        --tw-text-opacity: 0.05
    }
    .group:hover .xxl\:group-hover\:text-opacity-10 {
        --tw-text-opacity: 0.1
    }
    .group:hover .xxl\:group-hover\:text-opacity-20 {
        --tw-text-opacity: 0.2
    }
    .group:hover .xxl\:group-hover\:text-opacity-25 {
        --tw-text-opacity: 0.25
    }
    .group:hover .xxl\:group-hover\:text-opacity-30 {
        --tw-text-opacity: 0.3
    }
    .group:hover .xxl\:group-hover\:text-opacity-40 {
        --tw-text-opacity: 0.4
    }
    .group:hover .xxl\:group-hover\:text-opacity-50 {
        --tw-text-opacity: 0.5
    }
    .group:hover .xxl\:group-hover\:text-opacity-60 {
        --tw-text-opacity: 0.6
    }
    .group:hover .xxl\:group-hover\:text-opacity-70 {
        --tw-text-opacity: 0.7
    }
    .group:hover .xxl\:group-hover\:text-opacity-75 {
        --tw-text-opacity: 0.75
    }
    .group:hover .xxl\:group-hover\:text-opacity-80 {
        --tw-text-opacity: 0.8
    }
    .group:hover .xxl\:group-hover\:text-opacity-90 {
        --tw-text-opacity: 0.9
    }
    .group:hover .xxl\:group-hover\:text-opacity-95 {
        --tw-text-opacity: 0.95
    }
    .group:hover .xxl\:group-hover\:text-opacity-100 {
        --tw-text-opacity: 1
    }
    .xxl\:focus-within\:text-opacity-0:focus-within {
        --tw-text-opacity: 0
    }
    .xxl\:focus-within\:text-opacity-5:focus-within {
        --tw-text-opacity: 0.05
    }
    .xxl\:focus-within\:text-opacity-10:focus-within {
        --tw-text-opacity: 0.1
    }
    .xxl\:focus-within\:text-opacity-20:focus-within {
        --tw-text-opacity: 0.2
    }
    .xxl\:focus-within\:text-opacity-25:focus-within {
        --tw-text-opacity: 0.25
    }
    .xxl\:focus-within\:text-opacity-30:focus-within {
        --tw-text-opacity: 0.3
    }
    .xxl\:focus-within\:text-opacity-40:focus-within {
        --tw-text-opacity: 0.4
    }
    .xxl\:focus-within\:text-opacity-50:focus-within {
        --tw-text-opacity: 0.5
    }
    .xxl\:focus-within\:text-opacity-60:focus-within {
        --tw-text-opacity: 0.6
    }
    .xxl\:focus-within\:text-opacity-70:focus-within {
        --tw-text-opacity: 0.7
    }
    .xxl\:focus-within\:text-opacity-75:focus-within {
        --tw-text-opacity: 0.75
    }
    .xxl\:focus-within\:text-opacity-80:focus-within {
        --tw-text-opacity: 0.8
    }
    .xxl\:focus-within\:text-opacity-90:focus-within {
        --tw-text-opacity: 0.9
    }
    .xxl\:focus-within\:text-opacity-95:focus-within {
        --tw-text-opacity: 0.95
    }
    .xxl\:focus-within\:text-opacity-100:focus-within {
        --tw-text-opacity: 1
    }
    .xxl\:hover\:text-opacity-0:hover {
        --tw-text-opacity: 0
    }
    .xxl\:hover\:text-opacity-5:hover {
        --tw-text-opacity: 0.05
    }
    .xxl\:hover\:text-opacity-10:hover {
        --tw-text-opacity: 0.1
    }
    .xxl\:hover\:text-opacity-20:hover {
        --tw-text-opacity: 0.2
    }
    .xxl\:hover\:text-opacity-25:hover {
        --tw-text-opacity: 0.25
    }
    .xxl\:hover\:text-opacity-30:hover {
        --tw-text-opacity: 0.3
    }
    .xxl\:hover\:text-opacity-40:hover {
        --tw-text-opacity: 0.4
    }
    .xxl\:hover\:text-opacity-50:hover {
        --tw-text-opacity: 0.5
    }
    .xxl\:hover\:text-opacity-60:hover {
        --tw-text-opacity: 0.6
    }
    .xxl\:hover\:text-opacity-70:hover {
        --tw-text-opacity: 0.7
    }
    .xxl\:hover\:text-opacity-75:hover {
        --tw-text-opacity: 0.75
    }
    .xxl\:hover\:text-opacity-80:hover {
        --tw-text-opacity: 0.8
    }
    .xxl\:hover\:text-opacity-90:hover {
        --tw-text-opacity: 0.9
    }
    .xxl\:hover\:text-opacity-95:hover {
        --tw-text-opacity: 0.95
    }
    .xxl\:hover\:text-opacity-100:hover {
        --tw-text-opacity: 1
    }
    .xxl\:focus\:text-opacity-0:focus {
        --tw-text-opacity: 0
    }
    .xxl\:focus\:text-opacity-5:focus {
        --tw-text-opacity: 0.05
    }
    .xxl\:focus\:text-opacity-10:focus {
        --tw-text-opacity: 0.1
    }
    .xxl\:focus\:text-opacity-20:focus {
        --tw-text-opacity: 0.2
    }
    .xxl\:focus\:text-opacity-25:focus {
        --tw-text-opacity: 0.25
    }
    .xxl\:focus\:text-opacity-30:focus {
        --tw-text-opacity: 0.3
    }
    .xxl\:focus\:text-opacity-40:focus {
        --tw-text-opacity: 0.4
    }
    .xxl\:focus\:text-opacity-50:focus {
        --tw-text-opacity: 0.5
    }
    .xxl\:focus\:text-opacity-60:focus {
        --tw-text-opacity: 0.6
    }
    .xxl\:focus\:text-opacity-70:focus {
        --tw-text-opacity: 0.7
    }
    .xxl\:focus\:text-opacity-75:focus {
        --tw-text-opacity: 0.75
    }
    .xxl\:focus\:text-opacity-80:focus {
        --tw-text-opacity: 0.8
    }
    .xxl\:focus\:text-opacity-90:focus {
        --tw-text-opacity: 0.9
    }
    .xxl\:focus\:text-opacity-95:focus {
        --tw-text-opacity: 0.95
    }
    .xxl\:focus\:text-opacity-100:focus {
        --tw-text-opacity: 1
    }
    .xxl\:underline {
        text-decoration: underline
    }
    .xxl\:line-through {
        text-decoration: line-through
    }
    .xxl\:no-underline {
        text-decoration: none
    }
    .group:hover .xxl\:group-hover\:underline {
        text-decoration: underline
    }
    .group:hover .xxl\:group-hover\:line-through {
        text-decoration: line-through
    }
    .group:hover .xxl\:group-hover\:no-underline {
        text-decoration: none
    }
    .xxl\:focus-within\:underline:focus-within {
        text-decoration: underline
    }
    .xxl\:focus-within\:line-through:focus-within {
        text-decoration: line-through
    }
    .xxl\:focus-within\:no-underline:focus-within {
        text-decoration: none
    }
    .xxl\:hover\:underline:hover {
        text-decoration: underline
    }
    .xxl\:hover\:line-through:hover {
        text-decoration: line-through
    }
    .xxl\:hover\:no-underline:hover {
        text-decoration: none
    }
    .xxl\:focus\:underline:focus {
        text-decoration: underline
    }
    .xxl\:focus\:line-through:focus {
        text-decoration: line-through
    }
    .xxl\:focus\:no-underline:focus {
        text-decoration: none
    }
    .xxl\:antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .xxl\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
    .xxl\:placeholder-common-white::placeholder {
        color: var(--common-white)
    }
    .xxl\:placeholder-common-tertiary::placeholder {
        color: var(--common-tertiary)
    }
    .xxl\:placeholder-common-dark::placeholder {
        color: var(--common-dark)
    }
    .xxl\:placeholder-scheme-primary::placeholder {
        color: var(--common-primary)
    }
    .xxl\:placeholder-scheme-success::placeholder {
        color: var(--text-success)
    }
    .xxl\:placeholder-scheme-warning::placeholder {
        color: var(--text-pending)
    }
    .xxl\:placeholder-scheme-danger::placeholder {
        color: var(--text-danger)
    }
    .xxl\:placeholder-primary::placeholder {
        color: var(--text-primary)
    }
    .xxl\:placeholder-secondary::placeholder {
        color: var(--text-secondary)
    }
    .xxl\:placeholder-tertiary::placeholder {
        color: var(--text-tertiary)
    }
    .xxl\:placeholder-danger-default::placeholder {
        color: var(--text-danger)
    }
    .xxl\:placeholder-danger-bold::placeholder {
        color: var(--text-danger-bold)
    }
    .xxl\:placeholder-success-default::placeholder {
        color: var(--text-success)
    }
    .xxl\:placeholder-success-bold::placeholder {
        color: var(--text-success-bold)
    }
    .xxl\:placeholder-success-subtle::placeholder {
        color: var(--text-success-subtle)
    }
    .xxl\:placeholder-active-default::placeholder {
        color: var(--text-active)
    }
    .xxl\:placeholder-active-bold::placeholder {
        color: var(--text-active-bold)
    }
    .xxl\:placeholder-pending-default::placeholder {
        color: var(--text-pending)
    }
    .xxl\:placeholder-pending-bold::placeholder {
        color: var(--text-pending-bold)
    }
    .xxl\:placeholder-contrast-primary::placeholder {
        color: var(--text-contrast-primary)
    }
    .xxl\:placeholder-contrast-secondary::placeholder {
        color: var(--text-contrast-secondary)
    }
    .xxl\:placeholder-forced-tertiary::placeholder {
        color: var(--text-forced-tertiary)
    }
    .xxl\:placeholder-decorative-red::placeholder {
        color: var(--text-decorative-red)
    }
    .xxl\:placeholder-decorative-blue::placeholder {
        color: var(--text-decorative-blue)
    }
    .xxl\:placeholder-decorative-yellow::placeholder {
        color: var(--text-decorative-yellow)
    }
    .xxl\:placeholder-decorative-grey::placeholder {
        color: var(--text-decorative-grey)
    }
    .xxl\:placeholder-decorative-green::placeholder {
        color: var(--text-decorative-green)
    }
    .xxl\:placeholder-decorative-purple-default::placeholder {
        color: var(--text-decorative-purple)
    }
    .xxl\:placeholder-decorative-purple-bold::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .xxl\:focus\:placeholder-common-white:focus::placeholder {
        color: var(--common-white)
    }
    .xxl\:focus\:placeholder-common-tertiary:focus::placeholder {
        color: var(--common-tertiary)
    }
    .xxl\:focus\:placeholder-common-dark:focus::placeholder {
        color: var(--common-dark)
    }
    .xxl\:focus\:placeholder-scheme-primary:focus::placeholder {
        color: var(--common-primary)
    }
    .xxl\:focus\:placeholder-scheme-success:focus::placeholder {
        color: var(--text-success)
    }
    .xxl\:focus\:placeholder-scheme-warning:focus::placeholder {
        color: var(--text-pending)
    }
    .xxl\:focus\:placeholder-scheme-danger:focus::placeholder {
        color: var(--text-danger)
    }
    .xxl\:focus\:placeholder-primary:focus::placeholder {
        color: var(--text-primary)
    }
    .xxl\:focus\:placeholder-secondary:focus::placeholder {
        color: var(--text-secondary)
    }
    .xxl\:focus\:placeholder-tertiary:focus::placeholder {
        color: var(--text-tertiary)
    }
    .xxl\:focus\:placeholder-danger-default:focus::placeholder {
        color: var(--text-danger)
    }
    .xxl\:focus\:placeholder-danger-bold:focus::placeholder {
        color: var(--text-danger-bold)
    }
    .xxl\:focus\:placeholder-success-default:focus::placeholder {
        color: var(--text-success)
    }
    .xxl\:focus\:placeholder-success-bold:focus::placeholder {
        color: var(--text-success-bold)
    }
    .xxl\:focus\:placeholder-success-subtle:focus::placeholder {
        color: var(--text-success-subtle)
    }
    .xxl\:focus\:placeholder-active-default:focus::placeholder {
        color: var(--text-active)
    }
    .xxl\:focus\:placeholder-active-bold:focus::placeholder {
        color: var(--text-active-bold)
    }
    .xxl\:focus\:placeholder-pending-default:focus::placeholder {
        color: var(--text-pending)
    }
    .xxl\:focus\:placeholder-pending-bold:focus::placeholder {
        color: var(--text-pending-bold)
    }
    .xxl\:focus\:placeholder-contrast-primary:focus::placeholder {
        color: var(--text-contrast-primary)
    }
    .xxl\:focus\:placeholder-contrast-secondary:focus::placeholder {
        color: var(--text-contrast-secondary)
    }
    .xxl\:focus\:placeholder-forced-tertiary:focus::placeholder {
        color: var(--text-forced-tertiary)
    }
    .xxl\:focus\:placeholder-decorative-red:focus::placeholder {
        color: var(--text-decorative-red)
    }
    .xxl\:focus\:placeholder-decorative-blue:focus::placeholder {
        color: var(--text-decorative-blue)
    }
    .xxl\:focus\:placeholder-decorative-yellow:focus::placeholder {
        color: var(--text-decorative-yellow)
    }
    .xxl\:focus\:placeholder-decorative-grey:focus::placeholder {
        color: var(--text-decorative-grey)
    }
    .xxl\:focus\:placeholder-decorative-green:focus::placeholder {
        color: var(--text-decorative-green)
    }
    .xxl\:focus\:placeholder-decorative-purple-default:focus::placeholder {
        color: var(--text-decorative-purple)
    }
    .xxl\:focus\:placeholder-decorative-purple-bold:focus::placeholder {
        color: var(--text-decorative-purple-bold)
    }
    .xxl\:placeholder-opacity-0::placeholder {
        --tw-placeholder-opacity: 0
    }
    .xxl\:placeholder-opacity-5::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .xxl\:placeholder-opacity-10::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .xxl\:placeholder-opacity-20::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .xxl\:placeholder-opacity-25::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .xxl\:placeholder-opacity-30::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .xxl\:placeholder-opacity-40::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .xxl\:placeholder-opacity-50::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .xxl\:placeholder-opacity-60::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .xxl\:placeholder-opacity-70::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .xxl\:placeholder-opacity-75::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .xxl\:placeholder-opacity-80::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .xxl\:placeholder-opacity-90::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .xxl\:placeholder-opacity-95::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .xxl\:placeholder-opacity-100::placeholder {
        --tw-placeholder-opacity: 1
    }
    .xxl\:focus\:placeholder-opacity-0:focus::placeholder {
        --tw-placeholder-opacity: 0
    }
    .xxl\:focus\:placeholder-opacity-5:focus::placeholder {
        --tw-placeholder-opacity: 0.05
    }
    .xxl\:focus\:placeholder-opacity-10:focus::placeholder {
        --tw-placeholder-opacity: 0.1
    }
    .xxl\:focus\:placeholder-opacity-20:focus::placeholder {
        --tw-placeholder-opacity: 0.2
    }
    .xxl\:focus\:placeholder-opacity-25:focus::placeholder {
        --tw-placeholder-opacity: 0.25
    }
    .xxl\:focus\:placeholder-opacity-30:focus::placeholder {
        --tw-placeholder-opacity: 0.3
    }
    .xxl\:focus\:placeholder-opacity-40:focus::placeholder {
        --tw-placeholder-opacity: 0.4
    }
    .xxl\:focus\:placeholder-opacity-50:focus::placeholder {
        --tw-placeholder-opacity: 0.5
    }
    .xxl\:focus\:placeholder-opacity-60:focus::placeholder {
        --tw-placeholder-opacity: 0.6
    }
    .xxl\:focus\:placeholder-opacity-70:focus::placeholder {
        --tw-placeholder-opacity: 0.7
    }
    .xxl\:focus\:placeholder-opacity-75:focus::placeholder {
        --tw-placeholder-opacity: 0.75
    }
    .xxl\:focus\:placeholder-opacity-80:focus::placeholder {
        --tw-placeholder-opacity: 0.8
    }
    .xxl\:focus\:placeholder-opacity-90:focus::placeholder {
        --tw-placeholder-opacity: 0.9
    }
    .xxl\:focus\:placeholder-opacity-95:focus::placeholder {
        --tw-placeholder-opacity: 0.95
    }
    .xxl\:focus\:placeholder-opacity-100:focus::placeholder {
        --tw-placeholder-opacity: 1
    }
    .xxl\:opacity-0 {
        opacity: 0
    }
    .xxl\:opacity-5 {
        opacity: .05
    }
    .xxl\:opacity-10 {
        opacity: .1
    }
    .xxl\:opacity-20 {
        opacity: .2
    }
    .xxl\:opacity-25 {
        opacity: .25
    }
    .xxl\:opacity-30 {
        opacity: .3
    }
    .xxl\:opacity-40 {
        opacity: .4
    }
    .xxl\:opacity-50 {
        opacity: .5
    }
    .xxl\:opacity-60 {
        opacity: .6
    }
    .xxl\:opacity-70 {
        opacity: .7
    }
    .xxl\:opacity-75 {
        opacity: .75
    }
    .xxl\:opacity-80 {
        opacity: .8
    }
    .xxl\:opacity-90 {
        opacity: .9
    }
    .xxl\:opacity-95 {
        opacity: .95
    }
    .xxl\:opacity-100 {
        opacity: 1
    }
    .group:hover .xxl\:group-hover\:opacity-0 {
        opacity: 0
    }
    .group:hover .xxl\:group-hover\:opacity-5 {
        opacity: .05
    }
    .group:hover .xxl\:group-hover\:opacity-10 {
        opacity: .1
    }
    .group:hover .xxl\:group-hover\:opacity-20 {
        opacity: .2
    }
    .group:hover .xxl\:group-hover\:opacity-25 {
        opacity: .25
    }
    .group:hover .xxl\:group-hover\:opacity-30 {
        opacity: .3
    }
    .group:hover .xxl\:group-hover\:opacity-40 {
        opacity: .4
    }
    .group:hover .xxl\:group-hover\:opacity-50 {
        opacity: .5
    }
    .group:hover .xxl\:group-hover\:opacity-60 {
        opacity: .6
    }
    .group:hover .xxl\:group-hover\:opacity-70 {
        opacity: .7
    }
    .group:hover .xxl\:group-hover\:opacity-75 {
        opacity: .75
    }
    .group:hover .xxl\:group-hover\:opacity-80 {
        opacity: .8
    }
    .group:hover .xxl\:group-hover\:opacity-90 {
        opacity: .9
    }
    .group:hover .xxl\:group-hover\:opacity-95 {
        opacity: .95
    }
    .group:hover .xxl\:group-hover\:opacity-100 {
        opacity: 1
    }
    .xxl\:focus-within\:opacity-0:focus-within {
        opacity: 0
    }
    .xxl\:focus-within\:opacity-5:focus-within {
        opacity: .05
    }
    .xxl\:focus-within\:opacity-10:focus-within {
        opacity: .1
    }
    .xxl\:focus-within\:opacity-20:focus-within {
        opacity: .2
    }
    .xxl\:focus-within\:opacity-25:focus-within {
        opacity: .25
    }
    .xxl\:focus-within\:opacity-30:focus-within {
        opacity: .3
    }
    .xxl\:focus-within\:opacity-40:focus-within {
        opacity: .4
    }
    .xxl\:focus-within\:opacity-50:focus-within {
        opacity: .5
    }
    .xxl\:focus-within\:opacity-60:focus-within {
        opacity: .6
    }
    .xxl\:focus-within\:opacity-70:focus-within {
        opacity: .7
    }
    .xxl\:focus-within\:opacity-75:focus-within {
        opacity: .75
    }
    .xxl\:focus-within\:opacity-80:focus-within {
        opacity: .8
    }
    .xxl\:focus-within\:opacity-90:focus-within {
        opacity: .9
    }
    .xxl\:focus-within\:opacity-95:focus-within {
        opacity: .95
    }
    .xxl\:focus-within\:opacity-100:focus-within {
        opacity: 1
    }
    .xxl\:hover\:opacity-0:hover {
        opacity: 0
    }
    .xxl\:hover\:opacity-5:hover {
        opacity: .05
    }
    .xxl\:hover\:opacity-10:hover {
        opacity: .1
    }
    .xxl\:hover\:opacity-20:hover {
        opacity: .2
    }
    .xxl\:hover\:opacity-25:hover {
        opacity: .25
    }
    .xxl\:hover\:opacity-30:hover {
        opacity: .3
    }
    .xxl\:hover\:opacity-40:hover {
        opacity: .4
    }
    .xxl\:hover\:opacity-50:hover {
        opacity: .5
    }
    .xxl\:hover\:opacity-60:hover {
        opacity: .6
    }
    .xxl\:hover\:opacity-70:hover {
        opacity: .7
    }
    .xxl\:hover\:opacity-75:hover {
        opacity: .75
    }
    .xxl\:hover\:opacity-80:hover {
        opacity: .8
    }
    .xxl\:hover\:opacity-90:hover {
        opacity: .9
    }
    .xxl\:hover\:opacity-95:hover {
        opacity: .95
    }
    .xxl\:hover\:opacity-100:hover {
        opacity: 1
    }
    .xxl\:focus\:opacity-0:focus {
        opacity: 0
    }
    .xxl\:focus\:opacity-5:focus {
        opacity: .05
    }
    .xxl\:focus\:opacity-10:focus {
        opacity: .1
    }
    .xxl\:focus\:opacity-20:focus {
        opacity: .2
    }
    .xxl\:focus\:opacity-25:focus {
        opacity: .25
    }
    .xxl\:focus\:opacity-30:focus {
        opacity: .3
    }
    .xxl\:focus\:opacity-40:focus {
        opacity: .4
    }
    .xxl\:focus\:opacity-50:focus {
        opacity: .5
    }
    .xxl\:focus\:opacity-60:focus {
        opacity: .6
    }
    .xxl\:focus\:opacity-70:focus {
        opacity: .7
    }
    .xxl\:focus\:opacity-75:focus {
        opacity: .75
    }
    .xxl\:focus\:opacity-80:focus {
        opacity: .8
    }
    .xxl\:focus\:opacity-90:focus {
        opacity: .9
    }
    .xxl\:focus\:opacity-95:focus {
        opacity: .95
    }
    .xxl\:focus\:opacity-100:focus {
        opacity: 1
    }
    .xxl\:bg-blend-normal {
        background-blend-mode: normal
    }
    .xxl\:bg-blend-multiply {
        background-blend-mode: multiply
    }
    .xxl\:bg-blend-screen {
        background-blend-mode: screen
    }
    .xxl\:bg-blend-overlay {
        background-blend-mode: overlay
    }
    .xxl\:bg-blend-darken {
        background-blend-mode: darken
    }
    .xxl\:bg-blend-lighten {
        background-blend-mode: lighten
    }
    .xxl\:bg-blend-color-dodge {
        background-blend-mode: color-dodge
    }
    .xxl\:bg-blend-color-burn {
        background-blend-mode: color-burn
    }
    .xxl\:bg-blend-hard-light {
        background-blend-mode: hard-light
    }
    .xxl\:bg-blend-soft-light {
        background-blend-mode: soft-light
    }
    .xxl\:bg-blend-difference {
        background-blend-mode: difference
    }
    .xxl\:bg-blend-exclusion {
        background-blend-mode: exclusion
    }
    .xxl\:bg-blend-hue {
        background-blend-mode: hue
    }
    .xxl\:bg-blend-saturation {
        background-blend-mode: saturation
    }
    .xxl\:bg-blend-color {
        background-blend-mode: color
    }
    .xxl\:bg-blend-luminosity {
        background-blend-mode: luminosity
    }
    .xxl\:mix-blend-normal {
        mix-blend-mode: normal
    }
    .xxl\:mix-blend-multiply {
        mix-blend-mode: multiply
    }
    .xxl\:mix-blend-screen {
        mix-blend-mode: screen
    }
    .xxl\:mix-blend-overlay {
        mix-blend-mode: overlay
    }
    .xxl\:mix-blend-darken {
        mix-blend-mode: darken
    }
    .xxl\:mix-blend-lighten {
        mix-blend-mode: lighten
    }
    .xxl\:mix-blend-color-dodge {
        mix-blend-mode: color-dodge
    }
    .xxl\:mix-blend-color-burn {
        mix-blend-mode: color-burn
    }
    .xxl\:mix-blend-hard-light {
        mix-blend-mode: hard-light
    }
    .xxl\:mix-blend-soft-light {
        mix-blend-mode: soft-light
    }
    .xxl\:mix-blend-difference {
        mix-blend-mode: difference
    }
    .xxl\:mix-blend-exclusion {
        mix-blend-mode: exclusion
    }
    .xxl\:mix-blend-hue {
        mix-blend-mode: hue
    }
    .xxl\:mix-blend-saturation {
        mix-blend-mode: saturation
    }
    .xxl\:mix-blend-color {
        mix-blend-mode: color
    }
    .xxl\:mix-blend-luminosity {
        mix-blend-mode: luminosity
    }
    .xxl\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .xxl\:shadow-md,
    .xxl\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .xxl\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .xxl\:shadow-lg,
    .xxl\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .group:hover .xxl\:group-hover\:shadow-sm {
        --tw-shadow: var(--box-shadow-sm)
    }
    .group:hover .xxl\:group-hover\:shadow-md,
    .group:hover .xxl\:group-hover\:shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .xxl\:group-hover\:shadow-md {
        --tw-shadow: var(--box-shadow-md)
    }
    .group:hover .xxl\:group-hover\:shadow-lg {
        --tw-shadow: var(--box-shadow-lg)
    }
    .group:hover .xxl\:group-hover\:shadow-lg,
    .group:hover .xxl\:group-hover\:shadow-xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .group:hover .xxl\:group-hover\:shadow-xl {
        --tw-shadow: var(--box-shadow-xl)
    }
    .xxl\:focus-within\:shadow-sm:focus-within {
        --tw-shadow: var(--box-shadow-sm);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:focus-within\:shadow-md:focus-within {
        --tw-shadow: var(--box-shadow-md);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:focus-within\:shadow-lg:focus-within {
        --tw-shadow: var(--box-shadow-lg);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:focus-within\:shadow-xl:focus-within {
        --tw-shadow: var(--box-shadow-xl);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:hover\:shadow-sm:hover {
        --tw-shadow: var(--box-shadow-sm)
    }
    .xxl\:hover\:shadow-md:hover,
    .xxl\:hover\:shadow-sm:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:hover\:shadow-md:hover {
        --tw-shadow: var(--box-shadow-md)
    }
    .xxl\:hover\:shadow-lg:hover {
        --tw-shadow: var(--box-shadow-lg)
    }
    .xxl\:hover\:shadow-lg:hover,
    .xxl\:hover\:shadow-xl:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:hover\:shadow-xl:hover {
        --tw-shadow: var(--box-shadow-xl)
    }
    .xxl\:focus\:shadow-sm:focus {
        --tw-shadow: var(--box-shadow-sm)
    }
    .xxl\:focus\:shadow-md:focus,
    .xxl\:focus\:shadow-sm:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:focus\:shadow-md:focus {
        --tw-shadow: var(--box-shadow-md)
    }
    .xxl\:focus\:shadow-lg:focus {
        --tw-shadow: var(--box-shadow-lg)
    }
    .xxl\:focus\:shadow-lg:focus,
    .xxl\:focus\:shadow-xl:focus {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
    }
    .xxl\:focus\:shadow-xl:focus {
        --tw-shadow: var(--box-shadow-xl)
    }
    .xxl\:outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .xxl\:outline-white {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .xxl\:outline-black {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .xxl\:focus-within\:outline-none:focus-within {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .xxl\:focus-within\:outline-white:focus-within {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .xxl\:focus-within\:outline-black:focus-within {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .xxl\:focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }
    .xxl\:focus\:outline-white:focus {
        outline: 2px dotted #fff;
        outline-offset: 2px
    }
    .xxl\:focus\:outline-black:focus {
        outline: 2px dotted #000;
        outline-offset: 2px
    }
    .xxl\:ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:ring-0,
    .xxl\:ring-1 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:ring-2 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:ring-2,
    .xxl\:ring-4 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:ring-4 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:ring-8 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:ring,
    .xxl\:ring-8 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:ring {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:focus-within\:ring-0:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus-within\:ring-1:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus-within\:ring-2:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus-within\:ring-4:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus-within\:ring-8:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus-within\:ring:focus-within {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:focus\:ring-0:focus,
    .xxl\:focus\:ring-1:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:focus\:ring-2:focus,
    .xxl\:focus\:ring-4:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus\:ring-4:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:focus\:ring-8:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:focus\:ring-8:focus,
    .xxl\:focus\:ring:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent)
    }
    .xxl\:focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
    .xxl\:ring-inset {
        --tw-ring-inset: inset
    }
    .xxl\:focus-within\:ring-inset:focus-within {
        --tw-ring-inset: inset
    }
    .xxl\:focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }
    .xxl\:ring-common-white {
        --tw-ring-color: var(--common-white)
    }
    .xxl\:ring-common-tertiary {
        --tw-ring-color: var(--common-tertiary)
    }
    .xxl\:ring-common-dark {
        --tw-ring-color: var(--common-dark)
    }
    .xxl\:ring-scheme-primary {
        --tw-ring-color: var(--common-primary)
    }
    .xxl\:ring-scheme-success {
        --tw-ring-color: var(--text-success)
    }
    .xxl\:ring-scheme-warning {
        --tw-ring-color: var(--text-pending)
    }
    .xxl\:ring-scheme-danger {
        --tw-ring-color: var(--text-danger)
    }
    .xxl\:ring-primary {
        --tw-ring-color: var(--text-primary)
    }
    .xxl\:ring-secondary {
        --tw-ring-color: var(--text-secondary)
    }
    .xxl\:ring-tertiary {
        --tw-ring-color: var(--text-tertiary)
    }
    .xxl\:ring-danger-default {
        --tw-ring-color: var(--text-danger)
    }
    .xxl\:ring-danger-bold {
        --tw-ring-color: var(--text-danger-bold)
    }
    .xxl\:ring-success-default {
        --tw-ring-color: var(--text-success)
    }
    .xxl\:ring-success-bold {
        --tw-ring-color: var(--text-success-bold)
    }
    .xxl\:ring-success-subtle {
        --tw-ring-color: var(--text-success-subtle)
    }
    .xxl\:ring-active-default {
        --tw-ring-color: var(--text-active)
    }
    .xxl\:ring-active-bold {
        --tw-ring-color: var(--text-active-bold)
    }
    .xxl\:ring-pending-default {
        --tw-ring-color: var(--text-pending)
    }
    .xxl\:ring-pending-bold {
        --tw-ring-color: var(--text-pending-bold)
    }
    .xxl\:ring-contrast-primary {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .xxl\:ring-contrast-secondary {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .xxl\:ring-forced-tertiary {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .xxl\:ring-decorative-red {
        --tw-ring-color: var(--text-decorative-red)
    }
    .xxl\:ring-decorative-blue {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .xxl\:ring-decorative-yellow {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .xxl\:ring-decorative-grey {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .xxl\:ring-decorative-green {
        --tw-ring-color: var(--text-decorative-green)
    }
    .xxl\:ring-decorative-purple-default {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .xxl\:ring-decorative-purple-bold {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .xxl\:focus-within\:ring-common-white:focus-within {
        --tw-ring-color: var(--common-white)
    }
    .xxl\:focus-within\:ring-common-tertiary:focus-within {
        --tw-ring-color: var(--common-tertiary)
    }
    .xxl\:focus-within\:ring-common-dark:focus-within {
        --tw-ring-color: var(--common-dark)
    }
    .xxl\:focus-within\:ring-scheme-primary:focus-within {
        --tw-ring-color: var(--common-primary)
    }
    .xxl\:focus-within\:ring-scheme-success:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .xxl\:focus-within\:ring-scheme-warning:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .xxl\:focus-within\:ring-scheme-danger:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .xxl\:focus-within\:ring-primary:focus-within {
        --tw-ring-color: var(--text-primary)
    }
    .xxl\:focus-within\:ring-secondary:focus-within {
        --tw-ring-color: var(--text-secondary)
    }
    .xxl\:focus-within\:ring-tertiary:focus-within {
        --tw-ring-color: var(--text-tertiary)
    }
    .xxl\:focus-within\:ring-danger-default:focus-within {
        --tw-ring-color: var(--text-danger)
    }
    .xxl\:focus-within\:ring-danger-bold:focus-within {
        --tw-ring-color: var(--text-danger-bold)
    }
    .xxl\:focus-within\:ring-success-default:focus-within {
        --tw-ring-color: var(--text-success)
    }
    .xxl\:focus-within\:ring-success-bold:focus-within {
        --tw-ring-color: var(--text-success-bold)
    }
    .xxl\:focus-within\:ring-success-subtle:focus-within {
        --tw-ring-color: var(--text-success-subtle)
    }
    .xxl\:focus-within\:ring-active-default:focus-within {
        --tw-ring-color: var(--text-active)
    }
    .xxl\:focus-within\:ring-active-bold:focus-within {
        --tw-ring-color: var(--text-active-bold)
    }
    .xxl\:focus-within\:ring-pending-default:focus-within {
        --tw-ring-color: var(--text-pending)
    }
    .xxl\:focus-within\:ring-pending-bold:focus-within {
        --tw-ring-color: var(--text-pending-bold)
    }
    .xxl\:focus-within\:ring-contrast-primary:focus-within {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .xxl\:focus-within\:ring-contrast-secondary:focus-within {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .xxl\:focus-within\:ring-forced-tertiary:focus-within {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .xxl\:focus-within\:ring-decorative-red:focus-within {
        --tw-ring-color: var(--text-decorative-red)
    }
    .xxl\:focus-within\:ring-decorative-blue:focus-within {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .xxl\:focus-within\:ring-decorative-yellow:focus-within {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .xxl\:focus-within\:ring-decorative-grey:focus-within {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .xxl\:focus-within\:ring-decorative-green:focus-within {
        --tw-ring-color: var(--text-decorative-green)
    }
    .xxl\:focus-within\:ring-decorative-purple-default:focus-within {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .xxl\:focus-within\:ring-decorative-purple-bold:focus-within {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .xxl\:focus\:ring-common-white:focus {
        --tw-ring-color: var(--common-white)
    }
    .xxl\:focus\:ring-common-tertiary:focus {
        --tw-ring-color: var(--common-tertiary)
    }
    .xxl\:focus\:ring-common-dark:focus {
        --tw-ring-color: var(--common-dark)
    }
    .xxl\:focus\:ring-scheme-primary:focus {
        --tw-ring-color: var(--common-primary)
    }
    .xxl\:focus\:ring-scheme-success:focus {
        --tw-ring-color: var(--text-success)
    }
    .xxl\:focus\:ring-scheme-warning:focus {
        --tw-ring-color: var(--text-pending)
    }
    .xxl\:focus\:ring-scheme-danger:focus {
        --tw-ring-color: var(--text-danger)
    }
    .xxl\:focus\:ring-primary:focus {
        --tw-ring-color: var(--text-primary)
    }
    .xxl\:focus\:ring-secondary:focus {
        --tw-ring-color: var(--text-secondary)
    }
    .xxl\:focus\:ring-tertiary:focus {
        --tw-ring-color: var(--text-tertiary)
    }
    .xxl\:focus\:ring-danger-default:focus {
        --tw-ring-color: var(--text-danger)
    }
    .xxl\:focus\:ring-danger-bold:focus {
        --tw-ring-color: var(--text-danger-bold)
    }
    .xxl\:focus\:ring-success-default:focus {
        --tw-ring-color: var(--text-success)
    }
    .xxl\:focus\:ring-success-bold:focus {
        --tw-ring-color: var(--text-success-bold)
    }
    .xxl\:focus\:ring-success-subtle:focus {
        --tw-ring-color: var(--text-success-subtle)
    }
    .xxl\:focus\:ring-active-default:focus {
        --tw-ring-color: var(--text-active)
    }
    .xxl\:focus\:ring-active-bold:focus {
        --tw-ring-color: var(--text-active-bold)
    }
    .xxl\:focus\:ring-pending-default:focus {
        --tw-ring-color: var(--text-pending)
    }
    .xxl\:focus\:ring-pending-bold:focus {
        --tw-ring-color: var(--text-pending-bold)
    }
    .xxl\:focus\:ring-contrast-primary:focus {
        --tw-ring-color: var(--text-contrast-primary)
    }
    .xxl\:focus\:ring-contrast-secondary:focus {
        --tw-ring-color: var(--text-contrast-secondary)
    }
    .xxl\:focus\:ring-forced-tertiary:focus {
        --tw-ring-color: var(--text-forced-tertiary)
    }
    .xxl\:focus\:ring-decorative-red:focus {
        --tw-ring-color: var(--text-decorative-red)
    }
    .xxl\:focus\:ring-decorative-blue:focus {
        --tw-ring-color: var(--text-decorative-blue)
    }
    .xxl\:focus\:ring-decorative-yellow:focus {
        --tw-ring-color: var(--text-decorative-yellow)
    }
    .xxl\:focus\:ring-decorative-grey:focus {
        --tw-ring-color: var(--text-decorative-grey)
    }
    .xxl\:focus\:ring-decorative-green:focus {
        --tw-ring-color: var(--text-decorative-green)
    }
    .xxl\:focus\:ring-decorative-purple-default:focus {
        --tw-ring-color: var(--text-decorative-purple)
    }
    .xxl\:focus\:ring-decorative-purple-bold:focus {
        --tw-ring-color: var(--text-decorative-purple-bold)
    }
    .xxl\:ring-opacity-0 {
        --tw-ring-opacity: 0
    }
    .xxl\:ring-opacity-5 {
        --tw-ring-opacity: 0.05
    }
    .xxl\:ring-opacity-10 {
        --tw-ring-opacity: 0.1
    }
    .xxl\:ring-opacity-20 {
        --tw-ring-opacity: 0.2
    }
    .xxl\:ring-opacity-25 {
        --tw-ring-opacity: 0.25
    }
    .xxl\:ring-opacity-30 {
        --tw-ring-opacity: 0.3
    }
    .xxl\:ring-opacity-40 {
        --tw-ring-opacity: 0.4
    }
    .xxl\:ring-opacity-50 {
        --tw-ring-opacity: 0.5
    }
    .xxl\:ring-opacity-60 {
        --tw-ring-opacity: 0.6
    }
    .xxl\:ring-opacity-70 {
        --tw-ring-opacity: 0.7
    }
    .xxl\:ring-opacity-75 {
        --tw-ring-opacity: 0.75
    }
    .xxl\:ring-opacity-80 {
        --tw-ring-opacity: 0.8
    }
    .xxl\:ring-opacity-90 {
        --tw-ring-opacity: 0.9
    }
    .xxl\:ring-opacity-95 {
        --tw-ring-opacity: 0.95
    }
    .xxl\:ring-opacity-100 {
        --tw-ring-opacity: 1
    }
    .xxl\:focus-within\:ring-opacity-0:focus-within {
        --tw-ring-opacity: 0
    }
    .xxl\:focus-within\:ring-opacity-5:focus-within {
        --tw-ring-opacity: 0.05
    }
    .xxl\:focus-within\:ring-opacity-10:focus-within {
        --tw-ring-opacity: 0.1
    }
    .xxl\:focus-within\:ring-opacity-20:focus-within {
        --tw-ring-opacity: 0.2
    }
    .xxl\:focus-within\:ring-opacity-25:focus-within {
        --tw-ring-opacity: 0.25
    }
    .xxl\:focus-within\:ring-opacity-30:focus-within {
        --tw-ring-opacity: 0.3
    }
    .xxl\:focus-within\:ring-opacity-40:focus-within {
        --tw-ring-opacity: 0.4
    }
    .xxl\:focus-within\:ring-opacity-50:focus-within {
        --tw-ring-opacity: 0.5
    }
    .xxl\:focus-within\:ring-opacity-60:focus-within {
        --tw-ring-opacity: 0.6
    }
    .xxl\:focus-within\:ring-opacity-70:focus-within {
        --tw-ring-opacity: 0.7
    }
    .xxl\:focus-within\:ring-opacity-75:focus-within {
        --tw-ring-opacity: 0.75
    }
    .xxl\:focus-within\:ring-opacity-80:focus-within {
        --tw-ring-opacity: 0.8
    }
    .xxl\:focus-within\:ring-opacity-90:focus-within {
        --tw-ring-opacity: 0.9
    }
    .xxl\:focus-within\:ring-opacity-95:focus-within {
        --tw-ring-opacity: 0.95
    }
    .xxl\:focus-within\:ring-opacity-100:focus-within {
        --tw-ring-opacity: 1
    }
    .xxl\:focus\:ring-opacity-0:focus {
        --tw-ring-opacity: 0
    }
    .xxl\:focus\:ring-opacity-5:focus {
        --tw-ring-opacity: 0.05
    }
    .xxl\:focus\:ring-opacity-10:focus {
        --tw-ring-opacity: 0.1
    }
    .xxl\:focus\:ring-opacity-20:focus {
        --tw-ring-opacity: 0.2
    }
    .xxl\:focus\:ring-opacity-25:focus {
        --tw-ring-opacity: 0.25
    }
    .xxl\:focus\:ring-opacity-30:focus {
        --tw-ring-opacity: 0.3
    }
    .xxl\:focus\:ring-opacity-40:focus {
        --tw-ring-opacity: 0.4
    }
    .xxl\:focus\:ring-opacity-50:focus {
        --tw-ring-opacity: 0.5
    }
    .xxl\:focus\:ring-opacity-60:focus {
        --tw-ring-opacity: 0.6
    }
    .xxl\:focus\:ring-opacity-70:focus {
        --tw-ring-opacity: 0.7
    }
    .xxl\:focus\:ring-opacity-75:focus {
        --tw-ring-opacity: 0.75
    }
    .xxl\:focus\:ring-opacity-80:focus {
        --tw-ring-opacity: 0.8
    }
    .xxl\:focus\:ring-opacity-90:focus {
        --tw-ring-opacity: 0.9
    }
    .xxl\:focus\:ring-opacity-95:focus {
        --tw-ring-opacity: 0.95
    }
    .xxl\:focus\:ring-opacity-100:focus {
        --tw-ring-opacity: 1
    }
    .xxl\:ring-offset-0 {
        --tw-ring-offset-width: 0px
    }
    .xxl\:ring-offset-1 {
        --tw-ring-offset-width: 1px
    }
    .xxl\:ring-offset-2 {
        --tw-ring-offset-width: 2px
    }
    .xxl\:ring-offset-4 {
        --tw-ring-offset-width: 4px
    }
    .xxl\:ring-offset-8 {
        --tw-ring-offset-width: 8px
    }
    .xxl\:focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px
    }
    .xxl\:focus-within\:ring-offset-1:focus-within {
        --tw-ring-offset-width: 1px
    }
    .xxl\:focus-within\:ring-offset-2:focus-within {
        --tw-ring-offset-width: 2px
    }
    .xxl\:focus-within\:ring-offset-4:focus-within {
        --tw-ring-offset-width: 4px
    }
    .xxl\:focus-within\:ring-offset-8:focus-within {
        --tw-ring-offset-width: 8px
    }
    .xxl\:focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px
    }
    .xxl\:focus\:ring-offset-1:focus {
        --tw-ring-offset-width: 1px
    }
    .xxl\:focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
    }
    .xxl\:focus\:ring-offset-4:focus {
        --tw-ring-offset-width: 4px
    }
    .xxl\:focus\:ring-offset-8:focus {
        --tw-ring-offset-width: 8px
    }
    .xxl\:ring-offset-common-white {
        --tw-ring-offset-color: var(--common-white)
    }
    .xxl\:ring-offset-common-tertiary {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .xxl\:ring-offset-common-dark {
        --tw-ring-offset-color: var(--common-dark)
    }
    .xxl\:ring-offset-scheme-primary {
        --tw-ring-offset-color: var(--common-primary)
    }
    .xxl\:ring-offset-scheme-success {
        --tw-ring-offset-color: var(--text-success)
    }
    .xxl\:ring-offset-scheme-warning {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xxl\:ring-offset-scheme-danger {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xxl\:ring-offset-primary {
        --tw-ring-offset-color: var(--text-primary)
    }
    .xxl\:ring-offset-secondary {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .xxl\:ring-offset-tertiary {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .xxl\:ring-offset-danger-default {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xxl\:ring-offset-danger-bold {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .xxl\:ring-offset-success-default {
        --tw-ring-offset-color: var(--text-success)
    }
    .xxl\:ring-offset-success-bold {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .xxl\:ring-offset-success-subtle {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .xxl\:ring-offset-active-default {
        --tw-ring-offset-color: var(--text-active)
    }
    .xxl\:ring-offset-active-bold {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .xxl\:ring-offset-pending-default {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xxl\:ring-offset-pending-bold {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .xxl\:ring-offset-contrast-primary {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .xxl\:ring-offset-contrast-secondary {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .xxl\:ring-offset-forced-tertiary {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .xxl\:ring-offset-decorative-red {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .xxl\:ring-offset-decorative-blue {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .xxl\:ring-offset-decorative-yellow {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .xxl\:ring-offset-decorative-grey {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .xxl\:ring-offset-decorative-green {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .xxl\:ring-offset-decorative-purple-default {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .xxl\:ring-offset-decorative-purple-bold {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .xxl\:focus-within\:ring-offset-common-white:focus-within {
        --tw-ring-offset-color: var(--common-white)
    }
    .xxl\:focus-within\:ring-offset-common-tertiary:focus-within {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .xxl\:focus-within\:ring-offset-common-dark:focus-within {
        --tw-ring-offset-color: var(--common-dark)
    }
    .xxl\:focus-within\:ring-offset-scheme-primary:focus-within {
        --tw-ring-offset-color: var(--common-primary)
    }
    .xxl\:focus-within\:ring-offset-scheme-success:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .xxl\:focus-within\:ring-offset-scheme-warning:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xxl\:focus-within\:ring-offset-scheme-danger:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xxl\:focus-within\:ring-offset-primary:focus-within {
        --tw-ring-offset-color: var(--text-primary)
    }
    .xxl\:focus-within\:ring-offset-secondary:focus-within {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .xxl\:focus-within\:ring-offset-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .xxl\:focus-within\:ring-offset-danger-default:focus-within {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xxl\:focus-within\:ring-offset-danger-bold:focus-within {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .xxl\:focus-within\:ring-offset-success-default:focus-within {
        --tw-ring-offset-color: var(--text-success)
    }
    .xxl\:focus-within\:ring-offset-success-bold:focus-within {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .xxl\:focus-within\:ring-offset-success-subtle:focus-within {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .xxl\:focus-within\:ring-offset-active-default:focus-within {
        --tw-ring-offset-color: var(--text-active)
    }
    .xxl\:focus-within\:ring-offset-active-bold:focus-within {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .xxl\:focus-within\:ring-offset-pending-default:focus-within {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xxl\:focus-within\:ring-offset-pending-bold:focus-within {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .xxl\:focus-within\:ring-offset-contrast-primary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .xxl\:focus-within\:ring-offset-contrast-secondary:focus-within {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .xxl\:focus-within\:ring-offset-forced-tertiary:focus-within {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .xxl\:focus-within\:ring-offset-decorative-red:focus-within {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .xxl\:focus-within\:ring-offset-decorative-blue:focus-within {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .xxl\:focus-within\:ring-offset-decorative-yellow:focus-within {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .xxl\:focus-within\:ring-offset-decorative-grey:focus-within {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .xxl\:focus-within\:ring-offset-decorative-green:focus-within {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .xxl\:focus-within\:ring-offset-decorative-purple-default:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .xxl\:focus-within\:ring-offset-decorative-purple-bold:focus-within {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .xxl\:focus\:ring-offset-common-white:focus {
        --tw-ring-offset-color: var(--common-white)
    }
    .xxl\:focus\:ring-offset-common-tertiary:focus {
        --tw-ring-offset-color: var(--common-tertiary)
    }
    .xxl\:focus\:ring-offset-common-dark:focus {
        --tw-ring-offset-color: var(--common-dark)
    }
    .xxl\:focus\:ring-offset-scheme-primary:focus {
        --tw-ring-offset-color: var(--common-primary)
    }
    .xxl\:focus\:ring-offset-scheme-success:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .xxl\:focus\:ring-offset-scheme-warning:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xxl\:focus\:ring-offset-scheme-danger:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xxl\:focus\:ring-offset-primary:focus {
        --tw-ring-offset-color: var(--text-primary)
    }
    .xxl\:focus\:ring-offset-secondary:focus {
        --tw-ring-offset-color: var(--text-secondary)
    }
    .xxl\:focus\:ring-offset-tertiary:focus {
        --tw-ring-offset-color: var(--text-tertiary)
    }
    .xxl\:focus\:ring-offset-danger-default:focus {
        --tw-ring-offset-color: var(--text-danger)
    }
    .xxl\:focus\:ring-offset-danger-bold:focus {
        --tw-ring-offset-color: var(--text-danger-bold)
    }
    .xxl\:focus\:ring-offset-success-default:focus {
        --tw-ring-offset-color: var(--text-success)
    }
    .xxl\:focus\:ring-offset-success-bold:focus {
        --tw-ring-offset-color: var(--text-success-bold)
    }
    .xxl\:focus\:ring-offset-success-subtle:focus {
        --tw-ring-offset-color: var(--text-success-subtle)
    }
    .xxl\:focus\:ring-offset-active-default:focus {
        --tw-ring-offset-color: var(--text-active)
    }
    .xxl\:focus\:ring-offset-active-bold:focus {
        --tw-ring-offset-color: var(--text-active-bold)
    }
    .xxl\:focus\:ring-offset-pending-default:focus {
        --tw-ring-offset-color: var(--text-pending)
    }
    .xxl\:focus\:ring-offset-pending-bold:focus {
        --tw-ring-offset-color: var(--text-pending-bold)
    }
    .xxl\:focus\:ring-offset-contrast-primary:focus {
        --tw-ring-offset-color: var(--text-contrast-primary)
    }
    .xxl\:focus\:ring-offset-contrast-secondary:focus {
        --tw-ring-offset-color: var(--text-contrast-secondary)
    }
    .xxl\:focus\:ring-offset-forced-tertiary:focus {
        --tw-ring-offset-color: var(--text-forced-tertiary)
    }
    .xxl\:focus\:ring-offset-decorative-red:focus {
        --tw-ring-offset-color: var(--text-decorative-red)
    }
    .xxl\:focus\:ring-offset-decorative-blue:focus {
        --tw-ring-offset-color: var(--text-decorative-blue)
    }
    .xxl\:focus\:ring-offset-decorative-yellow:focus {
        --tw-ring-offset-color: var(--text-decorative-yellow)
    }
    .xxl\:focus\:ring-offset-decorative-grey:focus {
        --tw-ring-offset-color: var(--text-decorative-grey)
    }
    .xxl\:focus\:ring-offset-decorative-green:focus {
        --tw-ring-offset-color: var(--text-decorative-green)
    }
    .xxl\:focus\:ring-offset-decorative-purple-default:focus {
        --tw-ring-offset-color: var(--text-decorative-purple)
    }
    .xxl\:focus\:ring-offset-decorative-purple-bold:focus {
        --tw-ring-offset-color: var(--text-decorative-purple-bold)
    }
    .xxl\:filter {
        --tw-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-drop-shadow: var(--tw-empty, /*!*/
        /*!*/
        );
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
    .xxl\:filter-none {
        filter: none
    }
    .xxl\:blur-0,
    .xxl\:blur-none {
        --tw-blur: blur(0)
    }
    .xxl\:blur-sm {
        --tw-blur: blur(4px)
    }
    .xxl\:blur {
        --tw-blur: blur(8px)
    }
    .xxl\:blur-md {
        --tw-blur: blur(12px)
    }
    .xxl\:blur-lg {
        --tw-blur: blur(16px)
    }
    .xxl\:blur-xl {
        --tw-blur: blur(24px)
    }
    .xxl\:blur-2xl {
        --tw-blur: blur(40px)
    }
    .xxl\:blur-3xl {
        --tw-blur: blur(64px)
    }
    .xxl\:brightness-0 {
        --tw-brightness: brightness(0)
    }
    .xxl\:brightness-50 {
        --tw-brightness: brightness(.5)
    }
    .xxl\:brightness-75 {
        --tw-brightness: brightness(.75)
    }
    .xxl\:brightness-90 {
        --tw-brightness: brightness(.9)
    }
    .xxl\:brightness-95 {
        --tw-brightness: brightness(.95)
    }
    .xxl\:brightness-100 {
        --tw-brightness: brightness(1)
    }
    .xxl\:brightness-105 {
        --tw-brightness: brightness(1.05)
    }
    .xxl\:brightness-110 {
        --tw-brightness: brightness(1.1)
    }
    .xxl\:brightness-125 {
        --tw-brightness: brightness(1.25)
    }
    .xxl\:brightness-150 {
        --tw-brightness: brightness(1.5)
    }
    .xxl\:brightness-200 {
        --tw-brightness: brightness(2)
    }
    .xxl\:contrast-0 {
        --tw-contrast: contrast(0)
    }
    .xxl\:contrast-50 {
        --tw-contrast: contrast(.5)
    }
    .xxl\:contrast-75 {
        --tw-contrast: contrast(.75)
    }
    .xxl\:contrast-100 {
        --tw-contrast: contrast(1)
    }
    .xxl\:contrast-125 {
        --tw-contrast: contrast(1.25)
    }
    .xxl\:contrast-150 {
        --tw-contrast: contrast(1.5)
    }
    .xxl\:contrast-200 {
        --tw-contrast: contrast(2)
    }
    .xxl\:drop-shadow-sm {
        --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05))
    }
    .xxl\:drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))
    }
    .xxl\:drop-shadow-md {
        --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))
    }
    .xxl\:drop-shadow-lg {
        --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1))
    }
    .xxl\:drop-shadow-xl {
        --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08))
    }
    .xxl\:drop-shadow-2xl {
        --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15))
    }
    .xxl\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 transparent)
    }
    .xxl\:grayscale-0 {
        --tw-grayscale: grayscale(0)
    }
    .xxl\:grayscale {
        --tw-grayscale: grayscale(100%)
    }
    .xxl\:hue-rotate-0 {
        --tw-hue-rotate: hue-rotate(0deg)
    }
    .xxl\:hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(15deg)
    }
    .xxl\:hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(30deg)
    }
    .xxl\:hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(60deg)
    }
    .xxl\:hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(90deg)
    }
    .xxl\:hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(180deg)
    }
    .xxl\:-hue-rotate-180 {
        --tw-hue-rotate: hue-rotate(-180deg)
    }
    .xxl\:-hue-rotate-90 {
        --tw-hue-rotate: hue-rotate(-90deg)
    }
    .xxl\:-hue-rotate-60 {
        --tw-hue-rotate: hue-rotate(-60deg)
    }
    .xxl\:-hue-rotate-30 {
        --tw-hue-rotate: hue-rotate(-30deg)
    }
    .xxl\:-hue-rotate-15 {
        --tw-hue-rotate: hue-rotate(-15deg)
    }
    .xxl\:invert-0 {
        --tw-invert: invert(0)
    }
    .xxl\:invert {
        --tw-invert: invert(100%)
    }
    .xxl\:saturate-0 {
        --tw-saturate: saturate(0)
    }
    .xxl\:saturate-50 {
        --tw-saturate: saturate(.5)
    }
    .xxl\:saturate-100 {
        --tw-saturate: saturate(1)
    }
    .xxl\:saturate-150 {
        --tw-saturate: saturate(1.5)
    }
    .xxl\:saturate-200 {
        --tw-saturate: saturate(2)
    }
    .xxl\:sepia-0 {
        --tw-sepia: sepia(0)
    }
    .xxl\:sepia {
        --tw-sepia: sepia(100%)
    }
    .xxl\:backdrop-filter {
        --tw-backdrop-blur: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-brightness: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-contrast: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-grayscale: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-hue-rotate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-invert: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-opacity: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-saturate: var(--tw-empty, /*!*/
        /*!*/
        );
        --tw-backdrop-sepia: var(--tw-empty, /*!*/
        /*!*/
        );
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }
    .xxl\:backdrop-filter-none {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
    .xxl\:backdrop-blur-0,
    .xxl\:backdrop-blur-none {
        --tw-backdrop-blur: blur(0)
    }
    .xxl\:backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px)
    }
    .xxl\:backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }
    .xxl\:backdrop-blur-md {
        --tw-backdrop-blur: blur(12px)
    }
    .xxl\:backdrop-blur-lg {
        --tw-backdrop-blur: blur(16px)
    }
    .xxl\:backdrop-blur-xl {
        --tw-backdrop-blur: blur(24px)
    }
    .xxl\:backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px)
    }
    .xxl\:backdrop-blur-3xl {
        --tw-backdrop-blur: blur(64px)
    }
    .xxl\:backdrop-brightness-0 {
        --tw-backdrop-brightness: brightness(0)
    }
    .xxl\:backdrop-brightness-50 {
        --tw-backdrop-brightness: brightness(.5)
    }
    .xxl\:backdrop-brightness-75 {
        --tw-backdrop-brightness: brightness(.75)
    }
    .xxl\:backdrop-brightness-90 {
        --tw-backdrop-brightness: brightness(.9)
    }
    .xxl\:backdrop-brightness-95 {
        --tw-backdrop-brightness: brightness(.95)
    }
    .xxl\:backdrop-brightness-100 {
        --tw-backdrop-brightness: brightness(1)
    }
    .xxl\:backdrop-brightness-105 {
        --tw-backdrop-brightness: brightness(1.05)
    }
    .xxl\:backdrop-brightness-110 {
        --tw-backdrop-brightness: brightness(1.1)
    }
    .xxl\:backdrop-brightness-125 {
        --tw-backdrop-brightness: brightness(1.25)
    }
    .xxl\:backdrop-brightness-150 {
        --tw-backdrop-brightness: brightness(1.5)
    }
    .xxl\:backdrop-brightness-200 {
        --tw-backdrop-brightness: brightness(2)
    }
    .xxl\:backdrop-contrast-0 {
        --tw-backdrop-contrast: contrast(0)
    }
    .xxl\:backdrop-contrast-50 {
        --tw-backdrop-contrast: contrast(.5)
    }
    .xxl\:backdrop-contrast-75 {
        --tw-backdrop-contrast: contrast(.75)
    }
    .xxl\:backdrop-contrast-100 {
        --tw-backdrop-contrast: contrast(1)
    }
    .xxl\:backdrop-contrast-125 {
        --tw-backdrop-contrast: contrast(1.25)
    }
    .xxl\:backdrop-contrast-150 {
        --tw-backdrop-contrast: contrast(1.5)
    }
    .xxl\:backdrop-contrast-200 {
        --tw-backdrop-contrast: contrast(2)
    }
    .xxl\:backdrop-grayscale-0 {
        --tw-backdrop-grayscale: grayscale(0)
    }
    .xxl\:backdrop-grayscale {
        --tw-backdrop-grayscale: grayscale(100%)
    }
    .xxl\:backdrop-hue-rotate-0 {
        --tw-backdrop-hue-rotate: hue-rotate(0deg)
    }
    .xxl\:backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(15deg)
    }
    .xxl\:backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(30deg)
    }
    .xxl\:backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(60deg)
    }
    .xxl\:backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(90deg)
    }
    .xxl\:backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(180deg)
    }
    .xxl\:-backdrop-hue-rotate-180 {
        --tw-backdrop-hue-rotate: hue-rotate(-180deg)
    }
    .xxl\:-backdrop-hue-rotate-90 {
        --tw-backdrop-hue-rotate: hue-rotate(-90deg)
    }
    .xxl\:-backdrop-hue-rotate-60 {
        --tw-backdrop-hue-rotate: hue-rotate(-60deg)
    }
    .xxl\:-backdrop-hue-rotate-30 {
        --tw-backdrop-hue-rotate: hue-rotate(-30deg)
    }
    .xxl\:-backdrop-hue-rotate-15 {
        --tw-backdrop-hue-rotate: hue-rotate(-15deg)
    }
    .xxl\:backdrop-invert-0 {
        --tw-backdrop-invert: invert(0)
    }
    .xxl\:backdrop-invert {
        --tw-backdrop-invert: invert(100%)
    }
    .xxl\:backdrop-opacity-0 {
        --tw-backdrop-opacity: opacity(0)
    }
    .xxl\:backdrop-opacity-5 {
        --tw-backdrop-opacity: opacity(0.05)
    }
    .xxl\:backdrop-opacity-10 {
        --tw-backdrop-opacity: opacity(0.1)
    }
    .xxl\:backdrop-opacity-20 {
        --tw-backdrop-opacity: opacity(0.2)
    }
    .xxl\:backdrop-opacity-25 {
        --tw-backdrop-opacity: opacity(0.25)
    }
    .xxl\:backdrop-opacity-30 {
        --tw-backdrop-opacity: opacity(0.3)
    }
    .xxl\:backdrop-opacity-40 {
        --tw-backdrop-opacity: opacity(0.4)
    }
    .xxl\:backdrop-opacity-50 {
        --tw-backdrop-opacity: opacity(0.5)
    }
    .xxl\:backdrop-opacity-60 {
        --tw-backdrop-opacity: opacity(0.6)
    }
    .xxl\:backdrop-opacity-70 {
        --tw-backdrop-opacity: opacity(0.7)
    }
    .xxl\:backdrop-opacity-75 {
        --tw-backdrop-opacity: opacity(0.75)
    }
    .xxl\:backdrop-opacity-80 {
        --tw-backdrop-opacity: opacity(0.8)
    }
    .xxl\:backdrop-opacity-90 {
        --tw-backdrop-opacity: opacity(0.9)
    }
    .xxl\:backdrop-opacity-95 {
        --tw-backdrop-opacity: opacity(0.95)
    }
    .xxl\:backdrop-opacity-100 {
        --tw-backdrop-opacity: opacity(1)
    }
    .xxl\:backdrop-saturate-0 {
        --tw-backdrop-saturate: saturate(0)
    }
    .xxl\:backdrop-saturate-50 {
        --tw-backdrop-saturate: saturate(.5)
    }
    .xxl\:backdrop-saturate-100 {
        --tw-backdrop-saturate: saturate(1)
    }
    .xxl\:backdrop-saturate-150 {
        --tw-backdrop-saturate: saturate(1.5)
    }
    .xxl\:backdrop-saturate-200 {
        --tw-backdrop-saturate: saturate(2)
    }
    .xxl\:backdrop-sepia-0 {
        --tw-backdrop-sepia: sepia(0)
    }
    .xxl\:backdrop-sepia {
        --tw-backdrop-sepia: sepia(100%)
    }
    .xxl\:transition-none {
        transition-property: none
    }
    .xxl\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xxl\:transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xxl\:transition-colors {
        transition-property: background-color, border-color, color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xxl\:transition-opacity {
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xxl\:transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xxl\:transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }
    .xxl\:delay-75 {
        transition-delay: 75ms
    }
    .xxl\:delay-100 {
        transition-delay: .1s
    }
    .xxl\:delay-150 {
        transition-delay: .15s
    }
    .xxl\:delay-200 {
        transition-delay: .2s
    }
    .xxl\:delay-300 {
        transition-delay: .3s
    }
    .xxl\:delay-500 {
        transition-delay: .5s
    }
    .xxl\:delay-700 {
        transition-delay: .7s
    }
    .xxl\:delay-1000 {
        transition-delay: 1s
    }
    .xxl\:duration-75 {
        transition-duration: 75ms
    }
    .xxl\:duration-100 {
        transition-duration: .1s
    }
    .xxl\:duration-150 {
        transition-duration: .15s
    }
    .xxl\:duration-200 {
        transition-duration: .2s
    }
    .xxl\:duration-300 {
        transition-duration: .3s
    }
    .xxl\:duration-500 {
        transition-duration: .5s
    }
    .xxl\:duration-700 {
        transition-duration: .7s
    }
    .xxl\:duration-1000 {
        transition-duration: 1s
    }
    .xxl\:ease-linear {
        transition-timing-function: linear
    }
    .xxl\:ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }
    .xxl\:ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }
    .xxl\:ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

*,
:after,
:before {
    box-sizing: border-box;
    max-height: 999999px
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 400
}

p {
    margin: 0
}

blockquote,
q {
    quotes: none
}

a {
    cursor: pointer
}

a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

:focus {
    outline: 0
}

::-moz-focus-inner {
    border: 0
}

input[type=checkbox],
input[type=radio],
select {
    cursor: pointer
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    padding: 0;
    font: inherit;
    background: 0 0;
    border: 0;
    outline: none
}

input,
textarea {
    font-weight: 400
}

input:focus:invalid,
input:required:invalid,
textarea:focus:invalid,
textarea:required:invalid {
    box-shadow: none
}

input::-ms-clear {
    display: none
}

input::-webkit-search-cancel-button {
    display: none
}

textarea {
    resize: none
}

select::-ms-expand {
    display: none
}

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

table th {
    font-weight: 400
}

table td,
table th {
    padding: 0;
    vertical-align: baseline
}

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

svg {
    overflow: hidden;
    color: inherit;
    vertical-align: middle;
    fill: currentColor
}

.a-1-bg {
    background-color: #828ea1
}

.a-1-bd {
    border-color: #828ea1
}

.a-1-cl {
    color: #828ea1
}

.a-1-cl-h:hover {
    background-color: #828ea1
}

.a-1-f-h:hover {
    color: #828ea1
}

.a-2-bg {
    background-color: #3f4d66
}

.a-2-bd {
    border-color: #3f4d66
}

.a-2-cl {
    color: #3f4d66
}

.a-2-cl-h:hover {
    background-color: #3f4d66
}

.a-2-f-h:hover {
    color: #3f4d66
}

.a-3-bg {
    background-color: #293448
}

.a-3-bd {
    border-color: hsla(0, 0%, 100%, .1)
}

.a-3-cl {
    color: #293448
}

.a-3-cl-h:hover {
    background-color: #293448
}

.a-3-f-h:hover {
    color: #293448
}

.a-4-bg {
    background-color: #263043
}

.a-4-bd {
    border-color: #263043
}

.a-4-cl {
    color: #263043
}

.a-4-cl-h:hover {
    background-color: #263043
}

.a-4-f-h:hover {
    color: #263043
}

.a-5-bg {
    background-color: #0a1326
}

.a-5-bd {
    border-color: #0a1326
}

.a-5-cl {
    color: #1d2635
}

.a-5-cl-h:hover {
    background-color: #1d2635
}

.a-5-f-h:hover {
    color: #1d2635
}

.a-6-bg {
    background-color: #0a1326
}

.a-6-bd {
    border-color: #1a1f2a
}

.a-6-cl {
    color: #1a1f2a
}

.a-6-cl-h:hover {
    background-color: #1a1f2a
}

.a-6-f-h:hover {
    color: #1a1f2a
}

.a-7-bg {
    background-color: #0a1326
}

.a-7-bd {
    border-color: #1a1f2a
}

.a-7-cl {
    color: #1a1f2a
}

.a-7-cl-h:hover {
    background-color: #1a1f2a
}

.a-7-f-h:hover {
    color: #1a1f2a
}

.a-8-bg {
    background-color: #171a21
}

.a-8-bd {
    border-color: #171a21
}

.a-8-cl {
    color: #171a21
}

.a-8-cl-h:hover {
    background-color: #171a21
}

.a-8-f-h:hover {
    color: #171a21
}

.a-9-bg {
    background-color: rgba(0, 0, 0, .5)
}

.a-9-bd {
    border-color: rgba(0, 0, 0, .5)
}

.a-9-cl {
    color: rgba(0, 0, 0, .5)
}

.a-9-cl-h:hover {
    background-color: rgba(0, 0, 0, .5)
}

.a-9-f-h:hover {
    color: rgba(0, 0, 0, .5)
}

.a-10-bg {
    background-color: rgba(130, 142, 161, .3)
}

.a-10-bd {
    border-color: rgba(130, 142, 161, .3)
}

.a-10-cl {
    color: rgba(130, 142, 161, .3)
}

.a-10-cl-h:hover {
    background-color: rgba(130, 142, 161, .3)
}

.a-10-f-h:hover {
    color: rgba(130, 142, 161, .3)
}

.a-11-bg {
    background-color: rgba(130, 142, 161, .15)
}

.a-11-bd {
    border-color: rgba(130, 142, 161, .15)
}

.a-11-cl {
    color: rgba(130, 142, 161, .15)
}

.a-11-cl-h:hover {
    background-color: rgba(130, 142, 161, .15)
}

.a-11-f-h:hover {
    color: rgba(130, 142, 161, .15)
}

.a-12-bg {
    background-color: #24a0f5
}

.a-12-bd {
    border-color: #24a0f5
}

.a-12-cl {
    color: #24a0f5
}

.a-12-cl-h:hover {
    background-color: #24a0f5
}

.a-12-f-h:hover {
    color: #24a0f5
}

.a-13-bg {
    background-color: rgba(36, 160, 245, .5)
}

.a-13-bd {
    border-color: rgba(36, 160, 245, .5)
}

.a-13-cl {
    color: rgba(36, 160, 245, .5)
}

.a-13-cl-h:hover {
    background-color: rgba(36, 160, 245, .5)
}

.a-13-f-h:hover {
    color: rgba(36, 160, 245, .5)
}

.a-14-bg {
    background-color: rgba(36, 160, 245, .3)
}

.a-14-bd {
    border-color: rgba(36, 160, 245, .3)
}

.a-14-cl {
    color: rgba(36, 160, 245, .3)
}

.a-14-cl-h:hover {
    background-color: rgba(36, 160, 245, .3)
}

.a-14-f-h:hover {
    color: rgba(36, 160, 245, .3)
}

.a-15-bg {
    background-color: rgba(36, 160, 245, .2)
}

.a-15-bd {
    border-color: rgba(36, 160, 245, .2)
}

.a-15-cl {
    color: rgba(36, 160, 245, .2)
}

.a-15-cl-h:hover {
    background-color: rgba(36, 160, 245, .2)
}

.a-15-f-h:hover {
    color: rgba(36, 160, 245, .2)
}

.a-16-bg {
    background-color: rgba(36, 160, 245, .15)
}

.a-16-bd {
    border-color: rgba(36, 160, 245, .15)
}

.a-16-cl {
    color: rgba(36, 160, 245, .15)
}

.a-16-cl-h:hover {
    background-color: rgba(36, 160, 245, .15)
}

.a-16-f-h:hover {
    color: rgba(36, 160, 245, .15)
}

.a-17-bg {
    background-color: rgba(36, 160, 245, .05)
}

.a-17-bd {
    border-color: rgba(36, 160, 245, .05)
}

.a-17-cl {
    color: rgba(36, 160, 245, .05)
}

.a-17-cl-h:hover {
    background-color: rgba(36, 160, 245, .05)
}

.a-17-f-h:hover {
    color: rgba(36, 160, 245, .05)
}

.a-18-bg {
    background-color: #13b887
}

.a-18-bd {
    border-color: #13b887
}

.a-18-cl {
    color: #13b887
}

.a-18-cl-h:hover {
    background-color: #13b887
}

.a-18-f-h:hover {
    color: #13b887
}

.a-19-bg {
    background-color: #eb4d5c
}

.a-19-bd {
    border-color: #eb4d5c
}

.a-19-cl {
    color: #eb4d5c
}

.a-19-cl-h:hover {
    background-color: #eb4d5c
}

.a-19-f-h:hover {
    color: #eb4d5c
}

.a-20-bg {
    background-color: #faad14
}

.a-20-bd {
    border-color: #faad14
}

.a-20-cl {
    color: #faad14
}

.a-20-cl-h:hover {
    background-color: #faad14
}

.a-20-f-h:hover {
    color: #faad14
}

.a-21-bg {
    background-color: #0a1326
}

.a-21-bd {
    border-color: rgba(29, 38, 53, .99)
}

.a-21-cl {
    color: rgba(29, 38, 53, .99)
}

.a-21-cl-h:hover {
    background-color: rgba(29, 38, 53, .99)
}

.a-21-f-h:hover {
    color: rgba(29, 38, 53, .99)
}

.a-22-bg {
    background-color: hsla(0, 0%, 100%, .2)
}

.a-22-bd {
    border-color: hsla(0, 0%, 100%, .2)
}

.a-22-cl {
    color: hsla(0, 0%, 100%, .2)
}

.a-22-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.a-22-f-h:hover {
    color: hsla(0, 0%, 100%, .2)
}

.b-1-bg {
    background-color: #edf4f8
}

.b-1-bd {
    border-color: #edf4f8
}

.b-1-cl {
    color: #edf4f8
}

.b-1-cl-h:hover {
    background-color: #edf4f8
}

.b-1-f-h:hover {
    color: #edf4f8
}

.b-2-bg {
    background-color: #828ea1
}

.b-2-bd {
    border-color: #828ea1
}

.b-2-cl {
    color: #828ea1
}

.b-2-cl-h:hover {
    background-color: #828ea1
}

.b-2-f-h:hover {
    color: #828ea1
}

.b-3-bg {
    background-color: #5a6679
}

.b-3-bd {
    border-color: #5a6679
}

.b-3-cl {
    color: #5a6679
}

.b-3-cl-h:hover {
    background-color: #5a6679
}

.b-3-f-h:hover {
    color: #5a6679
}

.b-4-bg {
    background-color: #24a0f5
}

.b-4-bd {
    border-color: #24a0f5
}

.b-4-cl {
    color: #24a0f5
}

.b-4-cl-h:hover {
    background-color: #24a0f5
}

.b-4-f-h:hover {
    color: #24a0f5
}

.b-5-bg {
    background-color: #13b887
}

.b-5-bd {
    border-color: #13b887
}

.b-5-cl {
    color: #13b887
}

.b-5-cl-h:hover {
    background-color: #13b887
}

.b-5-f-h:hover {
    color: #13b887
}

.b-6-bg {
    background-color: #eb4d5c
}

.b-6-bd {
    border-color: #eb4d5c
}

.b-6-cl {
    color: #eb4d5c
}

.b-6-cl-h:hover {
    background-color: #eb4d5c
}

.b-6-f-h:hover {
    color: #eb4d5c
}

.b-7-bg {
    background-color: #faad14
}

.b-7-bd {
    border-color: #faad14
}

.b-7-cl {
    color: #faad14
}

.b-7-cl-h:hover {
    background-color: #faad14
}

.b-7-f-h:hover {
    color: #faad14
}

.b-8-bg {
    background-color: #fff
}

.b-8-bd {
    border-color: #fff
}

.b-8-cl {
    color: #fff
}

.b-8-cl-h:hover {
    background-color: #fff
}

.b-8-f-h:hover {
    color: #fff
}

.b-9-bg {
    background-color: hsla(0, 0%, 100%, .6)
}

.b-9-bd {
    border-color: hsla(0, 0%, 100%, .6)
}

.b-9-cl {
    color: hsla(0, 0%, 100%, .6)
}

.b-9-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .6)
}

.b-9-f-h:hover {
    color: hsla(0, 0%, 100%, .6)
}

.c-1-bg {
    background-color: #32425b
}

.c-1-bd {
    border-color: #32425b
}

.c-1-cl {
    color: #32425b
}

.c-1-cl-h:hover {
    background-color: #32425b
}

.c-1-f-h:hover {
    color: #32425b
}

.c-2-bg {
    background-color: #0e1a2e
}

.c-2-bd {
    border-color: #0e1a2e
}

.c-2-cl {
    color: #0e1a2e
}

.c-2-cl-h:hover {
    background-color: #0e1a2e
}

.c-2-f-h:hover {
    color: #0e1a2e
}

.c-3-bg {
    background-color: #1a273c
}

.c-3-bd {
    border-color: #1a273c
}

.c-3-cl {
    color: #1a273c
}

.c-3-cl-h:hover {
    background-color: #1a273c
}

.c-3-f-h:hover {
    color: #1a273c
}

.c-4-bg {
    background-color: rgba(26, 39, 60, .5)
}

.c-4-bd {
    border-color: rgba(26, 39, 60, .5)
}

.c-4-cl {
    color: rgba(26, 39, 60, .5)
}

.c-4-cl-h:hover {
    background-color: rgba(26, 39, 60, .5)
}

.c-4-f-h:hover {
    color: rgba(26, 39, 60, .5)
}

.c-5-bg {
    background-color: #202f47
}

.c-5-bd {
    border-color: #202f47
}

.c-5-cl {
    color: #202f47
}

.c-5-cl-h:hover {
    background-color: #202f47
}

.c-5-f-h:hover {
    color: #202f47
}

.c-6-bg {
    background-color: rgba(0, 0, 0, .5)
}

.c-6-bd {
    border-color: rgba(0, 0, 0, .5)
}

.c-6-cl {
    color: rgba(0, 0, 0, .5)
}

.c-6-cl-h:hover {
    background-color: rgba(0, 0, 0, .5)
}

.c-6-f-h:hover {
    color: rgba(0, 0, 0, .5)
}

.c-7-bg {
    background-color: rgba(50, 66, 91, .8)
}

.c-7-bd {
    border-color: rgba(50, 66, 91, .8)
}

.c-7-cl {
    color: rgba(50, 66, 91, .8)
}

.c-7-cl-h:hover {
    background-color: rgba(50, 66, 91, .8)
}

.c-7-f-h:hover {
    color: rgba(50, 66, 91, .8)
}

.c-8-bg {
    background-color: #24a0f5
}

.c-8-bd {
    border-color: #24a0f5
}

.c-8-cl {
    color: #24a0f5
}

.c-8-cl-h:hover {
    background-color: #24a0f5
}

.c-8-f-h:hover {
    color: #24a0f5
}

.c-9-bg {
    background-color: hsla(0, 0%, 100%, .2)
}

.c-9-bd {
    border-color: hsla(0, 0%, 100%, .2)
}

.c-9-cl {
    color: hsla(0, 0%, 100%, .2)
}

.c-9-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.c-9-f-h:hover {
    color: hsla(0, 0%, 100%, .2)
}

.c-10-bg {
    background-color: hsla(0, 0%, 100%, .1)
}

.c-10-bd {
    border-color: hsla(0, 0%, 100%, .1)
}

.c-10-cl {
    color: hsla(0, 0%, 100%, .1)
}

.c-10-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .1)
}

.c-10-f-h:hover {
    color: hsla(0, 0%, 100%, .1)
}

.f-1-bg {
    background-color: #edf4f8
}

.f-1-bd {
    border-color: #edf4f8
}

.f-1-cl {
    color: #edf4f8
}

.f-1-cl-h:hover {
    background-color: #edf4f8
}

.f-1-f-h:hover {
    color: #edf4f8
}

.f-2-bg {
    background-color: #828ea1
}

.f-2-bd {
    border-color: #828ea1
}

.f-2-cl {
    color: #828ea1
}

.f-2-cl-h:hover {
    background-color: #828ea1
}

.f-2-f-h:hover {
    color: #828ea1
}

.f-3-bg {
    background-color: #5a6679
}

.f-3-bd {
    border-color: #5a6679
}

.f-3-cl {
    color: #5a6679
}

.f-3-cl-h:hover {
    background-color: #5a6679
}

.f-3-f-h:hover {
    color: #5a6679
}

.f-4-bg {
    background-color: #24a0f5
}

.f-4-bd {
    border-color: #24a0f5
}

.f-4-cl {
    color: #24a0f5
}

.f-4-cl-h:hover {
    background-color: #24a0f5
}

.f-4-f-h:hover {
    color: #24a0f5
}

.f-5-bg {
    background-color: #13b887
}

.f-5-bd {
    border-color: #13b887
}

.f-5-cl {
    color: #13b887
}

.f-5-cl-h:hover {
    background-color: #13b887
}

.f-5-f-h:hover {
    color: #13b887
}

.f-6-bg {
    background-color: #eb4d5c
}

.f-6-bd {
    border-color: #eb4d5c
}

.f-6-cl {
    color: #eb4d5c
}

.f-6-cl-h:hover {
    background-color: #eb4d5c
}

.f-6-f-h:hover {
    color: #eb4d5c
}

.f-7-bg {
    background-color: #faad14
}

.f-7-bd {
    border-color: #faad14
}

.f-7-cl {
    color: #faad14
}

.f-7-cl-h:hover {
    background-color: #faad14
}

.f-7-f-h:hover {
    color: #faad14
}

.f-8-bg {
    background-color: #fff
}

.f-8-bd {
    border-color: #fff
}

.f-8-cl {
    color: #fff
}

.f-8-cl-h:hover {
    background-color: #fff
}

.f-8-f-h:hover {
    color: #fff
}

.f-9-bg {
    background-color: hsla(0, 0%, 100%, .6)
}

.f-9-bd {
    border-color: hsla(0, 0%, 100%, .6)
}

.f-9-cl {
    color: hsla(0, 0%, 100%, .6)
}

.f-9-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .6)
}

.f-9-f-h:hover {
    color: hsla(0, 0%, 100%, .6)
}

.h-1-bg {
    background-color: #1d2635
}

.h-1-bd {
    border-color: #1d2635
}

.h-1-cl {
    color: #1d2635
}

.h-1-cl-h:hover {
    background-color: #1d2635
}

.h-1-f-h:hover {
    color: #1d2635
}

.h-2-bg {
    background-color: #1d2635
}

.h-2-bd {
    border-color: #1d2635
}

.h-2-cl {
    color: #1d2635
}

.h-2-cl-h:hover {
    background-color: #1d2635
}

.h-2-f-h:hover {
    color: #1d2635
}

.h-3-bg {
    background-color: #293448
}

.h-3-bd {
    border-color: #293448
}

.h-3-cl {
    color: #293448
}

.h-3-cl-h:hover {
    background-color: #293448
}

.h-3-f-h:hover {
    color: #293448
}

.h-4-bg {
    background-color: #263043
}

.h-4-bd {
    border-color: #263043
}

.h-4-cl {
    color: #263043
}

.h-4-cl-h:hover {
    background-color: #263043
}

.h-4-f-h:hover {
    color: #263043
}

.x-1-bg {
    background-color: #edf4f8
}

.x-1-bd {
    border-color: #edf4f8
}

.x-1-cl {
    color: #edf4f8
}

.x-1-cl-h:hover {
    background-color: #edf4f8
}

.x-1-f-h:hover {
    color: #edf4f8
}

.x-2-bg {
    background-color: #828ea1
}

.x-2-bd {
    border-color: #828ea1
}

.x-2-cl {
    color: #828ea1
}

.x-2-cl-h:hover {
    background-color: #828ea1
}

.x-2-f-h:hover {
    color: #828ea1
}

.x-3-bg {
    background-color: #24a0f5
}

.x-3-bd {
    border-color: #24a0f5
}

.x-3-cl {
    color: #24a0f5
}

.x-3-cl-h:hover {
    background-color: #24a0f5
}

.x-3-f-h:hover {
    color: #24a0f5
}

.y-1-bg {
    background-color: #1d2635
}

.y-1-bd {
    border-color: #1d2635
}

.y-1-cl {
    color: #1d2635
}

.y-1-cl-h:hover {
    background-color: #1d2635
}

.y-1-f-h:hover {
    color: #1d2635
}

.y-2-bg {
    background-color: #293448
}

.y-2-bd {
    border-color: #293448
}

.y-2-cl {
    color: #293448
}

.y-2-cl-h:hover {
    background-color: #293448
}

.y-2-f-h:hover {
    color: #293448
}

.y-3-bg {
    background-color: #0b1423
}

.y-3-bd {
    border-color: #0b1423
}

.y-3-cl {
    color: #0b1423
}

.y-3-cl-h:hover {
    background-color: #0b1423
}

.y-3-f-h:hover {
    color: #0b1423
}

.y-4-bg {
    background-color: #1a273c
}

.y-4-bd {
    border-color: #1a273c
}

.y-4-cl {
    color: #1a273c
}

.y-4-cl-h:hover {
    background-color: #1a273c
}

.y-4-f-h:hover {
    color: #1a273c
}

.y-5-bg {
    background-color: #24a0f5
}

.y-5-bd {
    border-color: #24a0f5
}

.y-5-cl {
    color: #24a0f5
}

.y-5-cl-h:hover {
    background-color: #24a0f5
}

.y-5-f-h:hover {
    color: #24a0f5
}

.z-1-bg {
    background-color: #edf4f8
}

.z-1-bd {
    border-color: #edf4f8
}

.z-1-cl {
    color: #edf4f8
}

.z-1-cl-h:hover {
    background-color: #edf4f8
}

.z-1-f-h:hover {
    color: #edf4f8
}

.z-2-bg {
    background-color: #5a6679
}

.z-2-bd {
    border-color: #5a6679
}

.z-2-cl {
    color: #5a6679
}

.z-2-cl-h:hover {
    background-color: #5a6679
}

.z-2-f-h:hover {
    color: #5a6679
}

.u-1-bg {
    background-color: #13b887
}

.u-1-bd {
    border-color: #13b887
}

.u-1-cl {
    color: #20bca4
}

.u-1-cl-h:hover {
    background-color: #13b887
}

.u-1-f-h:hover {
    color: #13b887
}

.u-2-bg {
    background-color: rgba(19, 184, 135, .3)
}

.u-2-bd {
    border-color: rgba(19, 184, 135, .3)
}

.u-2-cl {
    color: rgba(19, 184, 135, .3)
}

.u-2-cl-h:hover {
    background-color: rgba(19, 184, 135, .3)
}

.u-2-f-h:hover {
    color: rgba(19, 184, 135, .3)
}

.u-3-bg {
    background-color: rgba(19, 184, 135, .15)
}

.u-3-bd {
    border-color: rgba(19, 184, 135, .15)
}

.u-3-cl {
    color: rgba(19, 184, 135, .15)
}

.u-3-cl-h:hover {
    background-color: rgba(19, 184, 135, .15)
}

.u-3-f-h:hover {
    color: rgba(19, 184, 135, .15)
}

.u-4-bg {
    background-color: #eb4d5c
}

.u-4-bd {
    border-color: #eb4d5c
}

.u-4-cl {
    color: #f77b95
}

.u-4-cl-h:hover {
    background-color: #eb4d5c
}

.u-4-f-h:hover {
    color: #eb4d5c
}

.u-5-bg {
    background-color: rgba(235, 77, 92, .3)
}

.u-5-bd {
    border-color: rgba(235, 77, 92, .3)
}

.u-5-cl {
    color: rgba(235, 77, 92, .3)
}

.u-5-cl-h:hover {
    background-color: rgba(235, 77, 92, .3)
}

.u-5-f-h:hover {
    color: rgba(235, 77, 92, .3)
}

.u-6-bg {
    background-color: rgba(235, 77, 92, .15)
}

.u-6-bd {
    border-color: rgba(235, 77, 92, .15)
}

.u-6-cl {
    color: rgba(235, 77, 92, .15)
}

.u-6-cl-h:hover {
    background-color: rgba(235, 77, 92, .15)
}

.u-6-f-h:hover {
    color: rgba(235, 77, 92, .15)
}

.u-7-bg {
    background-color: rgba(0, 0, 0, .5)
}

.u-7-bd {
    border-color: rgba(0, 0, 0, .5)
}

.u-7-cl {
    color: rgba(0, 0, 0, .5)
}

.u-7-cl-h:hover {
    background-color: rgba(0, 0, 0, .5)
}

.u-7-f-h:hover {
    color: rgba(0, 0, 0, .5)
}

.u-8-bg {
    background-color: #24a0f5
}

.u-8-bd {
    border-color: #24a0f5
}

.u-8-cl {
    color: #24a0f5
}

.u-8-cl-h:hover {
    background-color: #24a0f5
}

.u-8-f-h:hover {
    color: #24a0f5
}

.u-9-bg {
    background-color: rgba(36, 160, 245, .3)
}

.u-9-bd {
    border-color: rgba(36, 160, 245, .3)
}

.u-9-cl {
    color: rgba(36, 160, 245, .3)
}

.u-9-cl-h:hover {
    background-color: rgba(36, 160, 245, .3)
}

.u-9-f-h:hover {
    color: rgba(36, 160, 245, .3)
}

.u-10-bg {
    background-color: rgba(36, 160, 245, .15)
}

.u-10-bd {
    border-color: rgba(36, 160, 245, .15)
}

.u-10-cl {
    color: rgba(36, 160, 245, .15)
}

.u-10-cl-h:hover {
    background-color: rgba(36, 160, 245, .15)
}

.u-10-f-h:hover {
    color: rgba(36, 160, 245, .15)
}

.u-11-bg {
    background-color: #93d2fd
}

.u-11-bd {
    border-color: #828ea1
}

.u-11-cl {
    color: #828ea1
}

.u-11-cl-h:hover {
    background-color: #828ea1
}

.u-11-f-h:hover {
    color: #828ea1
}

.u-12-bg {
    background-color: rgba(130, 142, 161, .3)
}

.u-12-bd {
    border-color: rgba(130, 142, 161, .3)
}

.u-12-cl {
    color: rgba(130, 142, 161, .3)
}

.u-12-cl-h:hover {
    background-color: rgba(130, 142, 161, .3)
}

.u-12-f-h:hover {
    color: rgba(130, 142, 161, .3)
}

.u-13-bg {
    background-color: rgba(130, 142, 161, .15)
}

.u-13-bd {
    border-color: rgba(130, 142, 161, .15)
}

.u-13-cl {
    color: rgba(130, 142, 161, .15)
}

.u-13-cl-h:hover {
    background-color: rgba(130, 142, 161, .15)
}

.u-13-f-h:hover {
    color: rgba(130, 142, 161, .15)
}

.u-14-bg {
    background-color: hsla(0, 0%, 100%, .15)
}

.u-14-bd {
    border-color: hsla(0, 0%, 100%, .15)
}

.u-14-cl {
    color: hsla(0, 0%, 100%, .15)
}

.u-14-cl-h:hover {
    background-color: hsla(0, 0%, 100%, .15)
}

.u-14-f-h:hover {
    color: hsla(0, 0%, 100%, .15)
}

.u-15-bg {
    background-color: rgba(0, 0, 0, .15)
}

.u-15-bd {
    border-color: rgba(0, 0, 0, .15)
}

.u-15-cl {
    color: rgba(0, 0, 0, .15)
}

.u-15-cl-h:hover {
    background-color: rgba(0, 0, 0, .15)
}

.u-15-f-h:hover {
    color: rgba(0, 0, 0, .15)
}

.u-16-bg {
    background-color: #fff
}

.u-16-bd {
    border-color: #fff
}

.u-16-cl {
    color: #fff
}

.u-16-cl-h:hover {
    background-color: #fff
}

.u-16-f-h:hover {
    color: #fff
}

.u-17-bg {
    background-color: #1e263b
}

.u-17-bd {
    border-color: #1e263b
}

.u-17-cl {
    color: #1e263b
}

.u-17-cl-h:hover {
    background-color: #1e263b
}

.u-17-f-h:hover {
    color: #1e263b
}

@-webkit-keyframes shake {
    59% {
        margin-left: 0
    }
    60%,
    80% {
        margin-left: 2px
    }
    70%,
    90% {
        margin-left: -2px
    }
}

@keyframes shake {
    59% {
        margin-left: 0
    }
    60%,
    80% {
        margin-left: 2px
    }
    70%,
    90% {
        margin-left: -2px
    }
}

@-webkit-keyframes opacityZ {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes opacityZ {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes drop-in {
    0% {
        top: 35%;
        opacity: .7
    }
    to {
        opacity: 1
    }
}

@keyframes drop-in {
    0% {
        top: 35%;
        opacity: .7
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes square-loader {
    0% {
        opacity: 1
    }
    30% {
        opacity: .6
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes square-loader {
    0% {
        opacity: 1
    }
    30% {
        opacity: .6
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes wave-background {
    0% {
        background-position: -468px 0
    }
    to {
        background-position: 468px 0
    }
}

@keyframes wave-background {
    0% {
        background-position: -468px 0
    }
    to {
        background-position: 468px 0
    }
}

.left-slide-in-enter-active,
.left-slide-in-leave-active {
    transition: all .2s ease
}

.left-slide-in-enter,
.left-slide-in-leave-to {
    transform: translateX(100vw)
}

.bottom-slide-enter-active,
.bottom-slide-leave-active {
    transition: all .2s ease
}

.bottom-slide-enter,
.bottom-slide-leave-to {
    transform: translateY(100%)
}

.mask-fade-enter-active,
.mask-fade-leave-active {
    transition: opacity .25s
}

.mask-fade-enter,
.mask-fade-leave-to {
    opacity: .01
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.value-green {
    color: var(--status-success) !important
}

.value-red {
    color: var(--status-error) !important
}

.no-data-row,
.value-blank {
    color: #828ea1
}

.no-data-row {
    font-size: 14px;
    line-height: 80px;
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.tiny-font {
    font-size: 12px
}

.title-large {
    font-weight: 600;
    font-size: 24px
}

.title-medium {
    font-weight: 600;
    line-height: 24px
}

.big-font,
.title-medium {
    font-size: 18px
}

.plus-font {
    font-size: 20px
}

.large-font {
    font-size: 24px
}

.text-capitalized {
    text-transform: capitalize
}

.text-lowercase {
    text-transform: lowercase
}

.text-white {
    color: #fff
}

.text-bold {
    font-weight: 600
}

.color-grey-text,
.tiny-grey-text {
    color: var(--color-grey-text)
}

.tiny-grey-text {
    font-size: 10px
}

.g-flex,
.g-flex-row {
    display: flex
}

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

.g-flex-row-reverse {
    display: flex;
    flex-direction: row-reverse
}

.g-flex-col {
    display: flex;
    flex-direction: column
}

.g-flex-col-reverse {
    display: flex;
    flex-direction: column-reverse
}

.g-flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.g-flex-wrap-reverse {
    display: flex;
    flex-wrap: wrap-reverse
}

.g-flex-nowrap {
    display: flex;
    flex-wrap: nowrap
}

.g-flex-1 {
    display: flex;
    flex: 1 1 0%
}

.g-flex-auto {
    display: flex;
    flex: 1 1 auto
}

.g-flex-initial {
    display: flex;
    flex: 0 1 auto
}

.g-flex-none {
    display: flex;
    flex: none
}

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

.g-flex-center,
.g-flex-items-center {
    display: flex;
    align-items: center
}

.g-flex-items-start {
    display: flex;
    align-items: flex-start
}

.g-flex-items-end {
    display: flex;
    align-items: flex-end
}

.g-flex-justify-between {
    display: flex;
    justify-content: space-between
}

.g-flex-justify-center {
    display: flex;
    justify-content: center
}

.g-flex-justify-around {
    display: flex;
    justify-content: space-around
}

.g-flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal-container {
    position: relative;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 14px;
    background-color: var(--background-2)
}

.modal-container .info-label {
    color: var(--color-black-text)
}

.modal-container .d-top-img {
    text-align: center
}

.modal-container .d-title {
    color: var(--color-black-text);
    font-size: 24px;
    line-height: 30px;
    text-align: left
}

.modal-container .d-desc {
    margin-top: 8px;
    color: var(--color-grey-text);
    line-height: 20px
}

.modal-container .d-warn {
    display: flex;
    align-items: center;
    padding: 8px;
    color: #b38300;
    font-size: 12px;
    background: var(--background-warn);
    border-radius: 4px
}

.modal-container .d-warn .e-icon {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    color: #b38300
}

.modal-container .d-check-wrap {
    display: flex;
    margin-top: 24px
}

.modal-container .d-check-wrap .v-input--checkbox {
    margin-top: 0
}

.modal-container .d-submit {
    margin-top: 24px
}

.modal-container .d-submit .e-button {
    width: 100%
}

.modal-container .d-submit.has-cancel {
    display: flex
}

.modal-container .d-submit.has-cancel .e-button {
    width: unset
}

.modal-container .d-submit.has-cancel .e-button:first-child {
    min-width: 230px
}

.modal-container .d-submit.has-cancel .e-button.is-text {
    flex: 1;
    padding: 0 40px;
    color: var(--color-primary)
}

.modal-container .d-input-row {
    margin-top: 24px
}

.modal-container .d-input-row .label {
    color: var(--color-grey-text)
}

.modal-container .d-input-row .c-input,
.modal-container .d-input-row .d-input,
.modal-container .d-input-row>.e-date-picker,
.modal-container .d-input-row>.e-input,
.modal-container .d-input-row>.e-multi-select,
.modal-container .d-input-row>.e-select,
.modal-container .d-input-row>.em-date-picker {
    width: 100%;
    margin-top: 8px
}

.modal-container .d-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal-container .d-row .col-name {
    margin-right: 16px;
    color: var(--color-grey-text)
}

.modal-container .d-row .col-value {
    margin-left: auto;
    color: var(--text-primary);
    white-space: nowrap
}

.modal-container .d-row.full-row {
    flex-wrap: wrap;
    min-height: 52px;
    margin: 0 -24px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--color-border)
}

.modal-container .d-row.full-row.first-row {
    margin-top: 16px;
    border-top: 1px solid var(--color-border)
}

.modal-container .d-row.full-row.wrap-name {
    flex-wrap: nowrap
}

.modal-container .d-row.full-row.wrap-name .col-name {
    white-space: pre-wrap
}

.modal-container .d-row.small-row {
    margin-top: 8px
}

.modal-container .d-row.small-row .col-value {
    font-size: 12px
}

.modal-container .d-divider {
    margin: 24px -24px;
    border-top: 1px solid var(--color-border)
}

.modal-container .d-divider.small {
    margin: 12px -24px
}

.modal-container .d-input {
    height: 40px;
    padding-left: 12px;
    border: 1px solid var(--color-border);
    border-radius: 4px
}

.modal-container.has-top-img .d-title {
    margin-top: 16px;
    text-align: center
}

.modal-container.has-top-img .d-desc {
    text-align: center
}

.modal-container.vertical-layout .d-row {
    display: block;
    line-height: 20px
}

.modal-container.vertical-layout .col-name {
    margin-bottom: 4px
}

.modal-tabs-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: -20px -24px 20px
}

.modal-tabs-container .modal-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    min-height: 64px;
    font-size: 16px;
    border-bottom: 2px solid #eaeef4;
    cursor: pointer;
    opacity: .6
}

.modal-tabs-container .modal-tab__active {
    font-weight: 700;
    border-bottom: 2px solid var(--color-primary);
    opacity: 1 !important
}

@media(max-width:991.98px) {
    .modal-container .d-row.full-row {
        margin: 0 -16px;
        padding: 0 16px
    }
    .modal-container .d-row.full-row.multi-line {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .modal-container .d-divider {
        margin-right: -12px;
        margin-left: -12px
    }
    .modal-container .d-submit.has-cancel {
        flex-direction: column
    }
    .modal-container .d-submit.has-cancel .e-button:first-child,
    .modal-container .d-submit.has-cancel .e-button:last-child {
        width: 100%
    }
    .modal-container .d-submit.has-cancel .e-button.is-text {
        flex: unset
    }
}

.modal-back-icon {
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 301;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--color-grey-text);
    background-color: transparent;
    border-radius: 50%
}

.modal-back-icon:hover {
    background-color: #f4f4f4
}

.modal-back-icon:active {
    background-color: #f0f0f0
}

@media(max-width:991.98px) {
    .modal-back-icon {
        left: 8px
    }
}

.text-success {
    color: #00a68c
}

.text-error {
    color: #d9475a
}

.btn-tabs {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    padding: 3px;
    background: var(--background-1);
    border-radius: 4px
}

.btn-tabs .btn-tab {
    width: 50%;
    color: #7b849b;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

.btn-tabs .btn-tab__active {
    color: #1199fa;
    background: #fff
}

.btn-tabs .btn-tab__disabled {
    cursor: not-allowed
}

html {
    font-family: -apple-system, system-ui, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif
}

:root {
    --html-height: 100vh
}

#app {
    font-size: 14px;
    line-height: 1.43
}

p {
    margin-bottom: 16px
}

a {
    color: #1199fa
}

i {
    font-style: normal
}

progress {
    width: 100%;
    height: 15px;
    vertical-align: baseline;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

progress::-webkit-progress-bar {
    background-color: #d6d6d6;
    border-radius: 0
}

progress::-moz-progress-bar {
    background-color: #1199fa
}

progress::-webkit-progress-value {
    background-color: #1199fa
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.custom-scrollbar::-webkit-scrollbar-track {
    border-radius: 4px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--status-disable);
    border-radius: 4px
}

.custom-scrollbar.light::-webkit-scrollbar-track {
    background: var(--background-2)
}

.common-container {
    max-width: 1440px;
    margin: 0 auto
}

@media(max-width:991.98px) {
    .markets-container {
        padding: 0 15px
    }
}

.transfer-status {
    display: inline-block;
    padding: 0 16px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 2px
}

.transfer-status.status-COMPLETED {
    color: #20bca4;
    background: rgba(32, 188, 164, .2)
}

.transfer-status.status-PROCESSING {
    color: #e64b60;
    background: rgba(234, 83, 106, .2)
}

.sub-account-status {
    display: inline-block;
    padding: 0 16px;
    font-size: 12px;
    line-height: 24px;
    border-radius: 2px
}

.sub-account-status.status-ACTIVE {
    color: var(--status-success);
    background: var(--status-success-bkg)
}

.sub-account-status.status-SUSPENDED {
    color: var(--status-error);
    background: var(--status-error-bkg)
}

.sub-account-status.status-TERMINATED {
    color: var(--status-disable);
    background: var(--status-disable-bkg)
}

.sub-account-type {
    display: inline-block;
    padding: 0 6px;
    color: var(--status-default);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    border-radius: 2px
}

.sub-account-type.type-master {
    color: var(--color-white);
    background-color: var(--status-default)
}

.sub-account-type.type-sub {
    border: 1px solid var(--status-default-bkg)
}

.order-side-buy {
    color: #20bca4
}

.order-side-sell {
    color: #e64b60
}

.order-status {
    display: inline-block;
    width: 100px;
    color: #d33;
    line-height: 30px;
    text-align: center;
    background-color: #ffb3b3;
    border-radius: 2px
}

.order-status.status-2 {
    color: #13b887;
    background-color: #d8f1ed
}

.order-status.status-3 {
    color: #e6ac00;
    background-color: rgba(255, 191, 0, .3)
}

.margin-score-GOOD {
    color: var(--color-success)
}

.margin-score-FAIR {
    color: var(--color-warning)
}

.margin-score-CRITICAL {
    color: var(--color-error)
}

.fal-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px
}

.fal-tabs .tab {
    white-space: nowrap;
    cursor: pointer;
    opacity: .5
}

.fal-tabs .tab.focus {
    opacity: 1
}

.fal-tabs .t-separator {
    padding: 0 16px
}

.select-stake-tier-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.select-stake-tier-row .s-l {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.select-stake-tier-row .s-l .e-tabs {
    margin-left: 24px
}

.select-stake-tier-row .s-title {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 32px
}

.select-stake-tier-row .e-select {
    width: 250px
}

@media(max-width:991.98px) {
    .select-stake-tier-row {
        display: block
    }
    .select-stake-tier-row .stake-select {
        display: flex;
        margin-top: 8px
    }
    .select-stake-tier-row .stake-select .e-select {
        width: 160px;
        margin-left: auto
    }
    .select-stake-tier-row .stake-select .e-select .s-l {
        justify-content: space-between;
        padding-right: 10px
    }
    .select-stake-tier-row .stake-select .e-select .s-l .e-tabs {
        margin-left: 0
    }
    .order-status {
        font-size: 12px;
        line-height: 24px
    }
}