.aspect,
.aspect-ratio-16\:9,
.aspect-ratio-1\:1,
.aspect-ratio-1\:2,
.aspect-ratio-1\:3,
.aspect-ratio-1\:4,
.aspect-ratio-21\:9,
.aspect-ratio-24\:9,
.aspect-ratio-27\:9,
.aspect-ratio-2\:1,
.aspect-ratio-2\:3,
.aspect-ratio-32\:9,
.aspect-ratio-3\:1,
.aspect-ratio-3\:2,
.aspect-ratio-3\:4,
.aspect-ratio-4\:1,
.aspect-ratio-4\:3,
.aspect-ratio-9\:16,
.aspect-ratio-9\:21,
.aspect-ratio-9\:24,
.aspect-ratio-9\:27,
.aspect-ratio-9\:32 {
    position: relative;
    display: inline-block;
    width: 100%;
}

:is(.aspect, .aspect-ratio-1\:1, .aspect-ratio-1\:2, .aspect-ratio-1\:3, .aspect-ratio-1\:4, .aspect-ratio-2\:1, .aspect-ratio-2\:3, .aspect-ratio-3\:1, .aspect-ratio-3\:2, .aspect-ratio-3\:4, .aspect-ratio-4\:1, .aspect-ratio-4\:3, .aspect-ratio-9\:16, .aspect-ratio-9\:21, .aspect-ratio-9\:24, .aspect-ratio-9\:27, .aspect-ratio-9\:32, .aspect-ratio-16\:9, .aspect-ratio-21\:9, .aspect-ratio-24\:9, .aspect-ratio-27\:9, .aspect-ratio-32\:9)::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

:is(.aspect, .aspect-ratio-1\:1)::before {
    --aspect-ratio: 100%;
}

.aspect-ratio-1\:2::before {
    --aspect-ratio: calc(2 / 1 * 100%);
}

.aspect-ratio-1\:3::before {
    --aspect-ratio: calc(3 / 1 * 100%);
}

.aspect-ratio-1\:4::before {
    --aspect-ratio: calc(4 / 1 * 100%);
}

.aspect-ratio-2\:1::before {
    --aspect-ratio: calc(1 / 2 * 100%);
}

.aspect-ratio-2\:3::before {
    --aspect-ratio: calc(3 / 2 * 100%);
}

.aspect-ratio-3\:1::before {
    --aspect-ratio: calc(1 / 3 * 100%);
}

.aspect-ratio-3\:2::before {
    --aspect-ratio: calc(2 / 3 * 100%);
}

.aspect-ratio-3\:4::before {
    --aspect-ratio: calc(4 / 3 * 100%);
}

.aspect-ratio-4\:1::before {
    --aspect-ratio: calc(1 / 4 * 100%);
}

.aspect-ratio-4\:3::before {
    --aspect-ratio: calc(3 / 4 * 100%);
}

.aspect-ratio-9\:16::before {
    --aspect-ratio: calc(16 / 9 * 100%);
}

.aspect-ratio-9\:21::before {
    --aspect-ratio: calc(21 / 9 * 100%);
}

.aspect-ratio-9\:24::before {
    --aspect-ratio: calc(24 / 9 * 100%);
}

.aspect-ratio-9\:27::before {
    --aspect-ratio: calc(27 / 9 * 100%);
}

.aspect-ratio-9\:32::before {
    --aspect-ratio: calc(32 / 9 * 100%);
}

.aspect-ratio-9\:21::before {
    --aspect-ratio: calc(21 / 9 * 100%);
}

.aspect-ratio-16\:9::before {
    --aspect-ratio: calc(9 / 16 * 100%);
}

.aspect-ratio-21\:9::before {
    --aspect-ratio: calc(9 / 21 * 100%);
}

.aspect-ratio-24\:9::before {
    --aspect-ratio: calc(9 / 24 * 100%);
}

.aspect-ratio-27\:9::before {
    --aspect-ratio: calc(9 / 27 * 100%);
}

.aspect-ratio-32\:9::before {
    --aspect-ratio: calc(9 / 32 * 100%);
}

:is(.aspect, .aspect-ratio-1\:1, .aspect-ratio-1\:2, .aspect-ratio-1\:3, .aspect-ratio-1\:4, .aspect-ratio-2\:1, .aspect-ratio-2\:3, .aspect-ratio-3\:1, .aspect-ratio-3\:2, .aspect-ratio-3\:4, .aspect-ratio-4\:1, .aspect-ratio-4\:3, .aspect-ratio-9\:16, .aspect-ratio-9\:21, .aspect-ratio-9\:24, .aspect-ratio-9\:27, .aspect-ratio-9\:32, .aspect-ratio-16\:9, .aspect-ratio-21\:9, .aspect-ratio-24\:9, .aspect-ratio-27\:9, .aspect-ratio-32\:9)>* {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


.container,
.container-wide,
.container-broad {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--gutter-x, 0.75rem);
    padding-left: var(--gutter-x, 0.75rem);
}



@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }

    .container-wide {
        max-width: 552px;
    }

    .container-broad {
        max-width: 564px;
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 620px;
    }

    .container-wide {
        max-width: 632px;
    }

    .container-broad {
        max-width: 636px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    .container-wide {
        max-width: 742px;
    }

    .container-broad {
        max-width: 754px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .container-wide {
        max-width: 978px;
    }

    .container-broad {
        max-width: 986px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }

    .container-wide {
        max-width: 1256px;
    }

    .container-broad {
        max-width: 1268px;
    }
}

@media (min-width: 1460px) {
    .container-wide {
        max-width: 1380px;
    }

    .container-broad {
        max-width: 1420px;
    }
}

@media (min-width: 1520px) {
    .container-wide {
        max-width: 1480px;
    }

    .container-broad {
        max-width: 1498px;
    }
}

@media (min-width: 1560px) {
    .container {
        max-width: 1520px;
    }

    .container-wide {
        max-width: 1542px;
    }

    .container-broad {
        max-width: 1554px;
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.screen-read-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;
}

.screen-not-read {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.display-none {
    display: none;
}

.display-contents {
    display: contents;
}

.display-inline {
    display: inline;
}

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

.display-block {
    display: block;
}

.display-table {
    display: table;
}

.display-table-row {
    display: table-row;
}

.display-table-cell {
    display: table-cell;
}

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

.display-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.display-grid {
    display: grid;
}

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

.inset-0 {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.inset-1 {
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
}

.inset-2 {
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
}

.inset-3 {
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
}

.inset-4 {
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
}

.inset-5 {
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
}

.inset-6 {
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
}

.inset-7 {
    left: 7px;
    top: 7px;
    right: 7px;
    bottom: 7px;
}

.inset-8 {
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
}

.inset-9 {
    left: 9px;
    top: 9px;
    right: 9px;
    bottom: 9px;
}

.inset-12 {
    left: 12px;
    top: 12px;
    right: 12px;
    bottom: 12px;
}

.inset-24 {
    left: 24px;
    top: 24px;
    right: 24px;
    bottom: 24px;
}

.inset-36 {
    left: 36px;
    top: 36px;
    right: 36px;
    bottom: 36px;
}

.inset-48 {
    left: 48px;
    top: 48px;
    right: 48px;
    bottom: 48px;
}

.inset-60 {
    left: 60px;
    top: 60px;
    right: 60px;
    bottom: 60px;
}

.inset-72 {
    left: 72px;
    top: 72px;
    right: 72px;
    bottom: 72px;
}

.inset-84 {
    left: 84px;
    top: 84px;
    right: 84px;
    bottom: 84px;
}

.inset-96 {
    left: 96px;
    top: 96px;
    right: 96px;
    bottom: 96px;
}

.inset-108 {
    left: 108px;
    top: 108px;
    right: 108px;
    bottom: 108px;
}

.inset-120 {
    left: 120px;
    top: 120px;
    right: 120px;
    bottom: 120px;
}

.inset-240 {
    left: 240px;
    top: 240px;
    right: 240px;
    bottom: 240px;
}

.inset-360 {
    left: 360px;
    top: 360px;
    right: 360px;
    bottom: 360px;
}

.inset-480 {
    left: 480px;
    top: 480px;
    right: 480px;
    bottom: 480px;
}

.inset-600 {
    left: 600px;
    top: 600px;
    right: 600px;
    bottom: 600px;
}

.inset-720 {
    left: 720px;
    top: 720px;
    right: 720px;
    bottom: 720px;
}

.inset-840 {
    left: 840px;
    top: 840px;
    right: 840px;
    bottom: 840px;
}

.inset-960 {
    left: 960px;
    top: 960px;
    right: 960px;
    bottom: 960px;
}

.inset-1080 {
    left: 1080px;
    top: 1080px;
    right: 1080px;
    bottom: 1080px;
}

.inset-1\/4,
.inset-25-percent {
    left: 25%;
    top: 25%;
    right: 25%;
    bottom: 25%;
}

.inset-1\/2,
.inset-2\/4,
.inset-50-percent {
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
}

.inset-3\/4,
.inset-75-percent {
    left: 75%;
    top: 75%;
    right: 75%;
    bottom: 75%;
}

.inset-100-percent,
.inset-full {
    left: 100%;
    top: 100%;
    right: 100%;
    bottom: 100%;
}

.inset-1\/3 {
    left: 33.333333%;
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
}

.inset-2\/3 {
    left: 66.666667%;
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
}

.inset-1\/4 {
    left: 25%;
    top: 25%;
    right: 25%;
    bottom: 25%;
}

.inset-2\/4 {
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
}

.inset-3\/4 {
    left: 75%;
    top: 75%;
    right: 75%;
    bottom: 75%;
}

.inset-full {
    left: 100%;
    top: 100%;
    right: 100%;
    bottom: 100%;
}

.-inset-1 {
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
}

.-inset-2 {
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
}

.-inset-3 {
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
}

.-inset-4 {
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
}

.-inset-5 {
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
}

.-inset-6 {
    left: -6px;
    top: -6px;
    right: -6px;
    bottom: -6px;
}

.-inset-7 {
    left: -7px;
    top: -7px;
    right: -7px;
    bottom: -7px;
}

.-inset-8 {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
}

.-inset-9 {
    left: -9px;
    top: -9px;
    right: -9px;
    bottom: -9px;
}

.-inset-12 {
    left: -12px;
    top: -12px;
    right: -12px;
    bottom: -12px;
}

.-inset-24 {
    left: -24px;
    top: -24px;
    right: -24px;
    bottom: -24px;
}

.-inset-36 {
    left: -36px;
    top: -36px;
    right: -36px;
    bottom: -36px;
}

.-inset-48 {
    left: -48px;
    top: -48px;
    right: -48px;
    bottom: -48px;
}

.-inset-60 {
    left: -60px;
    top: -60px;
    right: -60px;
    bottom: -60px;
}

.-inset-72 {
    left: -72px;
    top: -72px;
    right: -72px;
    bottom: -72px;
}

.-inset-84 {
    left: -84px;
    top: -84px;
    right: -84px;
    bottom: -84px;
}

.-inset-96 {
    left: -96px;
    top: -96px;
    right: -96px;
    bottom: -96px;
}

.-inset-108 {
    left: -108px;
    top: -108px;
    right: -108px;
    bottom: -108px;
}

.-inset-120 {
    left: -120px;
    top: -120px;
    right: -120px;
    bottom: -120px;
}

.-inset-240 {
    left: -240px;
    top: -240px;
    right: -240px;
    bottom: -240px;
}

.-inset-360 {
    left: -360px;
    top: -360px;
    right: -360px;
    bottom: -360px;
}

.-inset-480 {
    left: -480px;
    top: -480px;
    right: -480px;
    bottom: -480px;
}

.-inset-600 {
    left: -600px;
    top: -600px;
    right: -600px;
    bottom: -600px;
}

.-inset-720 {
    left: -720px;
    top: -720px;
    right: -720px;
    bottom: -720px;
}

.-inset-840 {
    left: -840px;
    top: -840px;
    right: -840px;
    bottom: -840px;
}

.-inset-960 {
    left: -960px;
    top: -960px;
    right: -960px;
    bottom: -960px;
}

.-inset-1080 {
    left: -1080px;
    top: -1080px;
    right: -1080px;
    bottom: -1080px;
}

.-inset-1\/4,
.-inset-25-percent {
    left: -25%;
    top: -25%;
    right: -25%;
    bottom: -25%;
}

.-inset-1\/2,
.-inset-2\/4,
.-inset-50-percent {
    left: -50%;
    top: -50%;
    right: -50%;
    bottom: -50%;
}

.-inset-3\/4,
.-inset-75-percent {
    left: -75%;
    top: -75%;
    right: -75%;
    bottom: -75%;
}

.-inset-100-percent,
.-inset-full {
    left: -100%;
    top: -100%;
    right: -100%;
    bottom: -100%;
}

.-inset-1\/3 {
    left: -33.333333%;
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
}

.-inset-2\/3 {
    left: -66.666667%;
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
}

.-inset-1\/4 {
    left: -25%;
    top: -25%;
    right: -25%;
    bottom: -25%;
}

.-inset-2\/4 {
    left: -50%;
    top: -50%;
    right: -50%;
    bottom: -50%;
}

.-inset-3\/4 {
    left: -75%;
    top: -75%;
    right: -75%;
    bottom: -75%;
}

.-inset-full {
    left: -100%;
    top: -100%;
    right: -100%;
    bottom: -100%;
}

.inset-y-1 {
    top: 1px;
    bottom: 1px;
}

.inset-y-2 {
    top: 2px;
    bottom: 2px;
}

.inset-y-3 {
    top: 3px;
    bottom: 3px;
}

.inset-y-4 {
    top: 4px;
    bottom: 4px;
}

.inset-y-5 {
    top: 5px;
    bottom: 5px;
}

.inset-y-6 {
    top: 6px;
    bottom: 6px;
}

.inset-y-7 {
    top: 7px;
    bottom: 7px;
}

.inset-y-8 {
    top: 8px;
    bottom: 8px;
}

.inset-y-9 {
    top: 9px;
    bottom: 9px;
}

.inset-y-12 {
    top: 12px;
    bottom: 12px;
}

.inset-y-24 {
    top: 24px;
    bottom: 24px;
}

.inset-y-36 {
    top: 36px;
    bottom: 36px;
}

.inset-y-48 {
    top: 48px;
    bottom: 48px;
}

.inset-y-60 {
    top: 60px;
    bottom: 60px;
}

.inset-y-72 {
    top: 72px;
    bottom: 72px;
}

.inset-y-84 {
    top: 84px;
    bottom: 84px;
}

.inset-y-96 {
    top: 96px;
    bottom: 96px;
}

.inset-y-108 {
    top: 108px;
    bottom: 108px;
}

.inset-y-120 {
    top: 120px;
    bottom: 120px;
}

.inset-y-240 {
    top: 240px;
    bottom: 240px;
}

.inset-y-360 {
    top: 360px;
    bottom: 360px;
}

.inset-y-480 {
    top: 480px;
    bottom: 480px;
}

.inset-y-600 {
    top: 600px;
    bottom: 600px;
}

.inset-y-720 {
    top: 720px;
    bottom: 720px;
}

.inset-y-840 {
    top: 840px;
    bottom: 840px;
}

.inset-y-960 {
    top: 960px;
    bottom: 960px;
}

.inset-y-1080 {
    top: 1080px;
    bottom: 1080px;
}

.inset-y-1\/4,
.inset-y-25-percent {
    top: 25%;
    bottom: 25%;
}

.inset-y-1\/2,
.inset-y-2\/4,
.inset-y-50-percent {
    top: 50%;
    bottom: 50%;
}

.inset-y-3\/4,
.inset-y-75-percent {
    top: 75%;
    bottom: 75%;
}

.inset-y-100-percent,
.inset-y-full {
    top: 100%;
    bottom: 100%;
}

.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 {
    top: -1px;
    bottom: -1px;
}

.-inset-y-2 {
    top: -2px;
    bottom: -2px;
}

.-inset-y-3 {
    top: -3px;
    bottom: -3px;
}

.-inset-y-4 {
    top: -4px;
    bottom: -4px;
}

.-inset-y-5 {
    top: -5px;
    bottom: -5px;
}

.-inset-y-6 {
    top: -6px;
    bottom: -6px;
}

.-inset-y-7 {
    top: -7px;
    bottom: -7px;
}

.-inset-y-8 {
    top: -8px;
    bottom: -8px;
}

.-inset-y-9 {
    top: -9px;
    bottom: -9px;
}

.-inset-y-12 {
    top: -12px;
    bottom: -12px;
}

.-inset-y-24 {
    top: -24px;
    bottom: -24px;
}

.-inset-y-36 {
    top: -36px;
    bottom: -36px;
}

.-inset-y-48 {
    top: -48px;
    bottom: -48px;
}

.-inset-y-60 {
    top: -60px;
    bottom: -60px;
}

.-inset-y-72 {
    top: -72px;
    bottom: -72px;
}

.-inset-y-84 {
    top: -84px;
    bottom: -84px;
}

.-inset-y-96 {
    top: -96px;
    bottom: -96px;
}

.-inset-y-108 {
    top: -108px;
    bottom: -108px;
}

.-inset-y-120 {
    top: -120px;
    bottom: -120px;
}

.-inset-y-240 {
    top: -240px;
    bottom: -240px;
}

.-inset-y-360 {
    top: -360px;
    bottom: -360px;
}

.-inset-y-480 {
    top: -480px;
    bottom: -480px;
}

.-inset-y-600 {
    top: -600px;
    bottom: -600px;
}

.-inset-y-720 {
    top: -720px;
    bottom: -720px;
}

.-inset-y-840 {
    top: -840px;
    bottom: -840px;
}

.-inset-y-960 {
    top: -960px;
    bottom: -960px;
}

.-inset-y-1080 {
    top: -1080px;
    bottom: -1080px;
}

.-inset-y-1\/4,
.-inset-y-25-percent {
    top: -25%;
    bottom: -25%;
}

.-inset-y-1\/2,
.-inset-y-2\/4,
.-inset-y-50-percent {
    top: -50%;
    bottom: -50%;
}

.-inset-y-3\/4,
.-inset-y-75-percent {
    top: -75%;
    bottom: -75%;
}

.-inset-y-100-percent,
.-inset-y-full {
    top: -100%;
    bottom: -100%;
}

.-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-x-1 {
    left: 1px;
    right: 1px;
}

.inset-x-2 {
    left: 2px;
    right: 2px;
}

.inset-x-3 {
    left: 3px;
    right: 3px;
}

.inset-x-4 {
    left: 4px;
    right: 4px;
}

.inset-x-5 {
    left: 5px;
    right: 5px;
}

.inset-x-6 {
    left: 6px;
    right: 6px;
}

.inset-x-7 {
    left: 7px;
    right: 7px;
}

.inset-x-8 {
    left: 8px;
    right: 8px;
}

.inset-x-9 {
    left: 9px;
    right: 9px;
}

.inset-x-12 {
    left: 12px;
    right: 12px;
}

.inset-x-24 {
    left: 24px;
    right: 24px;
}

.inset-x-36 {
    left: 36px;
    right: 36px;
}

.inset-x-48 {
    left: 48px;
    right: 48px;
}

.inset-x-60 {
    left: 60px;
    right: 60px;
}

.inset-x-72 {
    left: 72px;
    right: 72px;
}

.inset-x-84 {
    left: 84px;
    right: 84px;
}

.inset-x-96 {
    left: 96px;
    right: 96px;
}

.inset-x-108 {
    left: 108px;
    right: 108px;
}

.inset-x-120 {
    left: 120px;
    right: 120px;
}

.inset-x-240 {
    left: 240px;
    right: 240px;
}

.inset-x-360 {
    left: 360px;
    right: 360px;
}

.inset-x-480 {
    left: 480px;
    right: 480px;
}

.inset-x-600 {
    left: 600px;
    right: 600px;
}

.inset-x-720 {
    left: 720px;
    right: 720px;
}

.inset-x-840 {
    left: 840px;
    right: 840px;
}

.inset-x-960 {
    left: 960px;
    right: 960px;
}

.inset-x-1080 {
    left: 1080px;
    right: 1080px;
}

.inset-x-1\/4,
.inset-x-25-percent {
    left: 25%;
    right: 25%;
}

.inset-x-1\/2,
.inset-x-2\/4,
.inset-x-50-percent {
    left: 50%;
    right: 50%;
}

.inset-x-3\/4,
.inset-x-75-percent {
    left: 75%;
    right: 75%;
}

.inset-x-100-percent,
.inset-x-full {
    left: 100%;
    right: 100%;
}

.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 {
    left: -1px;
    right: -1px;
}

.-inset-x-2 {
    left: -2px;
    right: -2px;
}

.-inset-x-3 {
    left: -3px;
    right: -3px;
}

.-inset-x-4 {
    left: -4px;
    right: -4px;
}

.-inset-x-5 {
    left: -5px;
    right: -5px;
}

.-inset-x-6 {
    left: -6px;
    right: -6px;
}

.-inset-x-7 {
    left: -7px;
    right: -7px;
}

.-inset-x-8 {
    left: -8px;
    right: -8px;
}

.-inset-x-9 {
    left: -9px;
    right: -9px;
}

.-inset-x-12 {
    left: -12px;
    right: -12px;
}

.-inset-x-24 {
    left: -24px;
    right: -24px;
}

.-inset-x-36 {
    left: -36px;
    right: -36px;
}

.-inset-x-48 {
    left: -48px;
    right: -48px;
}

.-inset-x-60 {
    left: -60px;
    right: -60px;
}

.-inset-x-72 {
    left: -72px;
    right: -72px;
}

.-inset-x-84 {
    left: -84px;
    right: -84px;
}

.-inset-x-96 {
    left: -96px;
    right: -96px;
}

.-inset-x-108 {
    left: -108px;
    right: -108px;
}

.-inset-x-120 {
    left: -120px;
    right: -120px;
}

.-inset-x-240 {
    left: -240px;
    right: -240px;
}

.-inset-x-360 {
    left: -360px;
    right: -360px;
}

.-inset-x-480 {
    left: -480px;
    right: -480px;
}

.-inset-x-600 {
    left: -600px;
    right: -600px;
}

.-inset-x-720 {
    left: -720px;
    right: -720px;
}

.-inset-x-840 {
    left: -840px;
    right: -840px;
}

.-inset-x-960 {
    left: -960px;
    right: -960px;
}

.-inset-x-1080 {
    left: -1080px;
    right: -1080px;
}

.-inset-x-1\/4,
.-inset-x-25-percent {
    left: -25%;
    right: -25%;
}

.-inset-x-1\/2,
.-inset-x-2\/4,
.-inset-x-50-percent {
    left: -50%;
    right: -50%;
}

.-inset-x-3\/4,
.-inset-x-75-percent {
    left: -75%;
    right: -75%;
}

.-inset-x-100-percent,
.-inset-x-full {
    left: -100%;
    right: -100%;
}

.-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%;
}

.left-0 {
    left: 0;
}

.left-1 {
    left: 1px;
}

.left-2 {
    left: 2px;
}

.left-3 {
    left: 3px;
}

.left-4 {
    left: 4px;
}

.left-5 {
    left: 5px;
}

.left-6 {
    left: 6px;
}

.left-7 {
    left: 7px;
}

.left-8 {
    left: 8px;
}

.left-9 {
    left: 9px;
}

.left-12 {
    left: 12px;
}

.left-24 {
    left: 24px;
}

.left-36 {
    left: 36px;
}

.left-48 {
    left: 48px;
}

.left-60 {
    left: 60px;
}

.left-72 {
    left: 72px;
}

.left-84 {
    left: 84px;
}

.left-96 {
    left: 96px;
}

.left-108 {
    left: 108px;
}

.left-120 {
    left: 120px;
}

.left-240 {
    left: 240px;
}

.left-360 {
    left: 360px;
}

.left-480 {
    left: 480px;
}

.left-600 {
    left: 600px;
}

.left-720 {
    left: 720px;
}

.left-840 {
    left: 840px;
}

.left-960 {
    left: 960px;
}

.left-1080 {
    left: 1080px;
}

.left-radius {
    left: 14.666%;
}

.left-10-percent {
    left: 10%;
}

.left-20-percent {
    left: 20%;
}

.left-30-percent {
    left: 30%;
}

.left-40-percent {
    left: 40%;
}

.left-60-percent {
    left: 60%;
}

.left-70-percent {
    left: 70%;
}

.left-80-percent {
    left: 80%;
}

.left-90-percent {
    left: 90%;
}

.left-1\/4,
.left-25-percent {
    left: 25%;
}

.left-1\/2,
.left-2\/4,
.left-50-percent {
    left: 50%;
}

.left-3\/4,
.left-75-percent {
    left: 75%;
}

.left-100-percent,
.left-full {
    left: 100%;
}

.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 {
    left: -1px;
}

.-left-2 {
    left: -2px;
}

.-left-3 {
    left: -3px;
}

.-left-4 {
    left: -4px;
}

.-left-5 {
    left: -5px;
}

.-left-6 {
    left: -6px;
}

.-left-7 {
    left: -7px;
}

.-left-8 {
    left: -8px;
}

.-left-9 {
    left: -9px;
}

.-left-12 {
    left: -12px;
}

.-left-24 {
    left: -24px;
}

.-left-36 {
    left: -36px;
}

.-left-48 {
    left: -48px;
}

.-left-60 {
    left: -60px;
}

.-left-72 {
    left: -72px;
}

.-left-84 {
    left: -84px;
}

.-left-96 {
    left: -96px;
}

.-left-108 {
    left: -108px;
}

.-left-120 {
    left: -120px;
}

.-left-240 {
    left: -240px;
}

.-left-360 {
    left: -360px;
}

.-left-480 {
    left: -480px;
}

.-left-600 {
    left: -600px;
}

.-left-720 {
    left: -720px;
}

.-left-840 {
    left: -840px;
}

.-left-960 {
    left: -960px;
}

.-left-1080 {
    left: -1080px;
}

.-left-1\/4,
.-left-25-percent {
    left: -25%;
}

.-left-1\/2,
.-left-2\/4,
.-left-50-percent {
    left: -50%;
}

.-left-3\/4,
.-left-75-percent {
    left: -75%;
}

.-left-100-percent,
.-left-full {
    left: -100%;
}

.-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%;
}

.top-0 {
    top: 0;
}

.top-1 {
    top: 1px;
}

.top-2 {
    top: 2px;
}

.top-3 {
    top: 3px;
}

.top-4 {
    top: 4px;
}

.top-5 {
    top: 5px;
}

.top-6 {
    top: 6px;
}

.top-7 {
    top: 7px;
}

.top-8 {
    top: 8px;
}

.top-9 {
    top: 9px;
}

.top-12 {
    top: 12px;
}

.top-24 {
    top: 24px;
}

.top-36 {
    top: 36px;
}

.top-48 {
    top: 48px;
}

.top-60 {
    top: 60px;
}

.top-72 {
    top: 72px;
}

.top-84 {
    top: 84px;
}

.top-96 {
    top: 96px;
}

.top-108 {
    top: 108px;
}

.top-120 {
    top: 120px;
}

.top-240 {
    top: 240px;
}

.top-360 {
    top: 360px;
}

.top-480 {
    top: 480px;
}

.top-600 {
    top: 600px;
}

.top-720 {
    top: 720px;
}

.top-840 {
    top: 840px;
}

.top-960 {
    top: 960px;
}

.top-1080 {
    top: 1080px;
}

.top-radius {
    top: 14.666%;
}

.top-10-percent {
    top: 10%;
}

.top-20-percent {
    top: 20%;
}

.top-30-percent {
    top: 30%;
}

.top-40-percent {
    top: 40%;
}

.top-60-percent {
    top: 60%;
}

.top-70-percent {
    top: 70%;
}

.top-80-percent {
    top: 80%;
}

.top-90-percent {
    top: 90%;
}

.top-1\/4,
.top-25-percent {
    top: 25%;
}

.top-1\/2,
.top-2\/4,
.top-50-percent {
    top: 50%;
}

.top-3\/4,
.top-75-percent {
    top: 75%;
}

.top-100-percent,
.top-full {
    top: 100%;
}

.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 {
    top: -1px;
}

.-top-2 {
    top: -2px;
}

.-top-3 {
    top: -3px;
}

.-top-4 {
    top: -4px;
}

.-top-5 {
    top: -5px;
}

.-top-6 {
    top: -6px;
}

.-top-7 {
    top: -7px;
}

.-top-8 {
    top: -8px;
}

.-top-9 {
    top: -9px;
}

.-top-12 {
    top: -12px;
}

.-top-24 {
    top: -24px;
}

.-top-36 {
    top: -36px;
}

.-top-48 {
    top: -48px;
}

.-top-60 {
    top: -60px;
}

.-top-72 {
    top: -72px;
}

.-top-84 {
    top: -84px;
}

.-top-96 {
    top: -96px;
}

.-top-108 {
    top: -108px;
}

.-top-120 {
    top: -120px;
}

.-top-240 {
    top: -240px;
}

.-top-360 {
    top: -360px;
}

.-top-480 {
    top: -480px;
}

.-top-600 {
    top: -600px;
}

.-top-720 {
    top: -720px;
}

.-top-840 {
    top: -840px;
}

.-top-960 {
    top: -960px;
}

.-top-1080 {
    top: -1080px;
}

.-top-1\/4,
.-top-25-percent {
    top: -25%;
}

.-top-1\/2,
.-top-2\/4,
.-top-50-percent {
    top: -50%;
}

.-top-3\/4,
.-top-75-percent {
    top: -75%;
}

.-top-100-percent,
.-top-full {
    top: -100%;
}

.-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-1 {
    right: 1px;
}

.right-2 {
    right: 2px;
}

.right-3 {
    right: 3px;
}

.right-4 {
    right: 4px;
}

.right-5 {
    right: 5px;
}

.right-6 {
    right: 6px;
}

.right-7 {
    right: 7px;
}

.right-8 {
    right: 8px;
}

.right-9 {
    right: 9px;
}

.right-12 {
    right: 12px;
}

.right-24 {
    right: 24px;
}

.right-36 {
    right: 36px;
}

.right-48 {
    right: 48px;
}

.right-60 {
    right: 60px;
}

.right-72 {
    right: 72px;
}

.right-84 {
    right: 84px;
}

.right-96 {
    right: 96px;
}

.right-108 {
    right: 108px;
}

.right-120 {
    right: 120px;
}

.right-240 {
    right: 240px;
}

.right-360 {
    right: 360px;
}

.right-480 {
    right: 480px;
}

.right-600 {
    right: 600px;
}

.right-720 {
    right: 720px;
}

.right-840 {
    right: 840px;
}

.right-960 {
    right: 960px;
}

.right-1080 {
    right: 1080px;
}

.right-radius {
    right: 14.666%;
}

.right-1\/4,
.right-25-percent {
    right: 25%;
}

.right-1\/2,
.right-2\/4,
.right-50-percent {
    right: 50%;
}

.right-3\/4,
.right-75-percent {
    right: 75%;
}

.right-100-percent,
.right-full {
    right: 100%;
}

.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 {
    right: -1px;
}

.-right-2 {
    right: -2px;
}

.-right-3 {
    right: -3px;
}

.-right-4 {
    right: -4px;
}

.-right-5 {
    right: -5px;
}

.-right-6 {
    right: -6px;
}

.-right-7 {
    right: -7px;
}

.-right-8 {
    right: -8px;
}

.-right-9 {
    right: -9px;
}

.-right-12 {
    right: -12px;
}

.-right-24 {
    right: -24px;
}

.-right-36 {
    right: -36px;
}

.-right-48 {
    right: -48px;
}

.-right-60 {
    right: -60px;
}

.-right-72 {
    right: -72px;
}

.-right-84 {
    right: -84px;
}

.-right-96 {
    right: -96px;
}

.-right-108 {
    right: -108px;
}

.-right-120 {
    right: -120px;
}

.-right-240 {
    right: -240px;
}

.-right-360 {
    right: -360px;
}

.-right-480 {
    right: -480px;
}

.-right-600 {
    right: -600px;
}

.-right-720 {
    right: -720px;
}

.-right-840 {
    right: -840px;
}

.-right-960 {
    right: -960px;
}

.-right-1080 {
    right: -1080px;
}

.-right-1\/4,
.-right-25-percent {
    right: -25%;
}

.-right-1\/2,
.-right-2\/4,
.-right-50-percent {
    right: -50%;
}

.-right-3\/4,
.-right-75-percent {
    right: -75%;
}

.-right-100-percent,
.-right-full {
    right: -100%;
}

.-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-1 {
    bottom: 1px;
}

.bottom-2 {
    bottom: 2px;
}

.bottom-3 {
    bottom: 3px;
}

.bottom-4 {
    bottom: 4px;
}

.bottom-5 {
    bottom: 5px;
}

.bottom-6 {
    bottom: 6px;
}

.bottom-7 {
    bottom: 7px;
}

.bottom-8 {
    bottom: 8px;
}

.bottom-9 {
    bottom: 9px;
}

.bottom-12 {
    bottom: 12px;
}

.bottom-24 {
    bottom: 24px;
}

.bottom-36 {
    bottom: 36px;
}

.bottom-48 {
    bottom: 48px;
}

.bottom-60 {
    bottom: 60px;
}

.bottom-72 {
    bottom: 72px;
}

.bottom-84 {
    bottom: 84px;
}

.bottom-96 {
    bottom: 96px;
}

.bottom-108 {
    bottom: 108px;
}

.bottom-120 {
    bottom: 120px;
}

.bottom-240 {
    bottom: 240px;
}

.bottom-360 {
    bottom: 360px;
}

.bottom-480 {
    bottom: 480px;
}

.bottom-600 {
    bottom: 600px;
}

.bottom-720 {
    bottom: 720px;
}

.bottom-840 {
    bottom: 840px;
}

.bottom-960 {
    bottom: 960px;
}

.bottom-1080 {
    bottom: 1080px;
}

.bottom-radius {
    bottom: 14.666%;
}

.bottom-1\/4,
.bottom-25-percent {
    bottom: 25%;
}

.bottom-1\/2,
.bottom-2\/4,
.bottom-50-percent {
    bottom: 50%;
}

.bottom-3\/4,
.bottom-75-percent {
    bottom: 75%;
}

.bottom-100-percent,
.bottom-full {
    bottom: 100%;
}

.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 {
    bottom: -1px;
}

.-bottom-2 {
    bottom: -2px;
}

.-bottom-3 {
    bottom: -3px;
}

.-bottom-4 {
    bottom: -4px;
}

.-bottom-5 {
    bottom: -5px;
}

.-bottom-6 {
    bottom: -6px;
}

.-bottom-7 {
    bottom: -7px;
}

.-bottom-8 {
    bottom: -8px;
}

.-bottom-9 {
    bottom: -9px;
}

.-bottom-12 {
    bottom: -12px;
}

.-bottom-24 {
    bottom: -24px;
}

.-bottom-36 {
    bottom: -36px;
}

.-bottom-48 {
    bottom: -48px;
}

.-bottom-60 {
    bottom: -60px;
}

.-bottom-72 {
    bottom: -72px;
}

.-bottom-84 {
    bottom: -84px;
}

.-bottom-96 {
    bottom: -96px;
}

.-bottom-108 {
    bottom: -108px;
}

.-bottom-120 {
    bottom: -120px;
}

.-bottom-240 {
    bottom: -240px;
}

.-bottom-360 {
    bottom: -360px;
}

.-bottom-480 {
    bottom: -480px;
}

.-bottom-600 {
    bottom: -600px;
}

.-bottom-720 {
    bottom: -720px;
}

.-bottom-840 {
    bottom: -840px;
}

.-bottom-960 {
    bottom: -960px;
}

.-bottom-1080 {
    bottom: -1080px;
}

.-bottom-1\/4,
.-bottom-25-percent {
    bottom: -25%;
}

.-bottom-1\/2,
.-bottom-2\/4,
.-bottom-50-percent {
    bottom: -50%;
}

.-bottom-3\/4,
.-bottom-75-percent {
    bottom: -75%;
}

.-bottom-100-percent,
.-bottom-full {
    bottom: -100%;
}

.-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%;
}

.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-0 {
    order: 0;
}

.column-auto {
    grid-column: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.column-start-13 {
    grid-column-start: 13;
}

.column-start-auto {
    grid-column-start: 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 {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--gutter-y) * -1);
    margin-right: calc(var(--gutter-x) * -0.5);
    margin-left: calc(var(--gutter-x) * -0.5);
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 0.5);
    padding-left: calc(var(--gutter-x) * 0.5);
    margin-top: var(--gutter-y);
}

.row-columns-auto>* {
    flex: 0 0 auto;
    width: auto;
}

.row-columns-1>* {
    flex: 0 0 100%;
    width: 100%;
}

.row-columns-2>* {
    flex: 0 0 50%;
    width: 50%;
}

.row-columns-3>* {
    flex: 0 0 33.333333%;
    width: 33.333333%;
}

.row-columns-4>* {
    flex: 0 0 25%;
    width: 25%;
}

.row-columns-5>* {
    flex: 0 0 20%;
    width: 20%;
}

.row-columns-6>* {
    flex: 0 0 16.666666%;
    width: 16.666666%;
}

.row-columns-7>* {
    flex: 0 0 14.2857%;
    width: 14.2857%;
}

.row-columns-8>* {
    flex: 0 0 12.5%;
    width: 12.5%;
}

.row-columns-9>* {
    flex: 0 0 11.111111%;
    width: 11.111111%;
}

.row-columns-10>* {
    flex: 0 0 10%;
    width: 10%;
}

.row-columns-11>* {
    flex: 0 0 9.090909%;
    width: 9.090909%;
}

.row-columns-12>* {
    flex: 0 0 8.333333%;
    width: 8.333333%;
}

.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;
}

.grid-auto-rows-auto {
    grid-auto-rows: auto;
}

.grid-auto-rows-min {
    grid-auto-rows: min-content;
}

.grid-auto-rows-max {
    grid-auto-rows: max-content;
}

.grid-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}

.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;
}

.grid-flow-row {
    grid-auto-flow: row;
}

.grid-flow-column {
    grid-auto-flow: column;
}

.grid-flow-row-dense {
    grid-auto-flow: row dense;
}

.grid-flow-column-dense {
    grid-auto-flow: column dense;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.column-end-auto {
    grid-column-end: auto;
}

.gutter-0,
.gutter-x-0 {
    --gutter-x: calc(-0 * var(--root-sizing));
}

.gutter-0,
.gutter-y-0 {
    --gutter-y: calc(-0 * var(--root-sizing));
}

.gutter-1,
.gutter-x-1 {
    --gutter-x: calc(-1 * var(--root-sizing));
}

.gutter-1,
.gutter-y-1 {
    --gutter-y: calc(-1 * var(--root-sizing));
}

.gutter-2,
.gutter-x-2 {
    --gutter-x: calc(-2 * var(--root-sizing));
}

.gutter-2,
.gutter-y-2 {
    --gutter-y: calc(-2 * var(--root-sizing));
}

.gutter-3,
.gutter-x-3 {
    --gutter-x: calc(-3 * var(--root-sizing));
}

.gutter-3,
.gutter-y-3 {
    --gutter-y: calc(-3 * var(--root-sizing));
}

.gutter-4,
.gutter-x-4 {
    --gutter-x: calc(-4 * var(--root-sizing));
}

.gutter-4,
.gutter-y-4 {
    --gutter-y: calc(-4 * var(--root-sizing));
}

.gutter-5,
.gutter-x-5 {
    --gutter-x: calc(-5 * var(--root-sizing));
}

.gutter-5,
.gutter-y-5 {
    --gutter-y: calc(-5 * var(--root-sizing));
}

.gutter-6,
.gutter-x-6 {
    --gutter-x: calc(-6 * var(--root-sizing));
}

.gutter-6,
.gutter-y-6 {
    --gutter-y: calc(-6 * var(--root-sizing));
}

.gutter-7,
.gutter-x-7 {
    --gutter-x: calc(-7 * var(--root-sizing));
}

.gutter-7,
.gutter-y-7 {
    --gutter-y: calc(-7 * var(--root-sizing));
}

.gutter-8,
.gutter-x-8 {
    --gutter-x: calc(-8 * var(--root-sizing));
}

.gutter-8,
.gutter-y-8 {
    --gutter-y: calc(-8 * var(--root-sizing));
}

.gutter-9,
.gutter-x-9 {
    --gutter-x: calc(-9 * var(--root-sizing));
}

.gutter-9,
.gutter-y-9 {
    --gutter-y: calc(-9 * var(--root-sizing));
}

.gutter-10,
.gutter-x-10 {
    --gutter-x: calc(-10 * var(--root-sizing));
}

.gutter-10,
.gutter-y-10 {
    --gutter-y: calc(-10 * var(--root-sizing));
}

.gutter-11,
.gutter-x-11 {
    --gutter-x: calc(-11 * var(--root-sizing));
}

.gutter-11,
.gutter-y-11 {
    --gutter-y: calc(-11 * var(--root-sizing));
}

.gutter-12,
.gutter-x-12 {
    --gutter-x: calc(-12 * var(--root-sizing));
}

.gutter-12,
.gutter-y-12 {
    --gutter-y: calc(-12 * var(--root-sizing));
}

.gutter-14,
.gutter-x-14 {
    --gutter-x: calc(-14 * var(--root-sizing));
}

.gutter-14,
.gutter-y-14 {
    --gutter-y: calc(-14 * var(--root-sizing));
}

.gutter-16,
.gutter-x-16 {
    --gutter-x: calc(-16 * var(--root-sizing));
}

.gutter-16,
.gutter-y-16 {
    --gutter-y: calc(-16 * var(--root-sizing));
}

.gutter-18,
.gutter-x-18 {
    --gutter-x: calc(-18 * var(--root-sizing));
}

.gutter-18,
.gutter-y-18 {
    --gutter-y: calc(-18 * var(--root-sizing));
}

.gutter-20,
.gutter-x-20 {
    --gutter-x: calc(-20 * var(--root-sizing));
}

.gutter-20,
.gutter-y-20 {
    --gutter-y: calc(-20 * var(--root-sizing));
}

.gutter-22,
.gutter-x-22 {
    --gutter-x: calc(-22 * var(--root-sizing));
}

.gutter-22,
.gutter-y-22 {
    --gutter-y: calc(-22 * var(--root-sizing));
}

.gutter-24,
.gutter-x-24 {
    --gutter-x: calc(-24 * var(--root-sizing));
}

.gutter-24,
.gutter-y-24 {
    --gutter-y: calc(-24 * var(--root-sizing));
}

.gutter-30,
.gutter-x-30 {
    --gutter-x: calc(-30 * var(--root-sizing));
}

.gutter-30,
.gutter-y-30 {
    --gutter-y: calc(-30 * var(--root-sizing));
}

.gutter-36,
.gutter-x-36 {
    --gutter-x: calc(-36 * var(--root-sizing));
}

.gutter-36,
.gutter-y-36 {
    --gutter-y: calc(-36 * var(--root-sizing));
}

.gutter-48,
.gutter-x-48 {
    --gutter-x: calc(-48 * var(--root-sizing));
}

.gutter-48,
.gutter-y-48 {
    --gutter-y: calc(-48 * var(--root-sizing));
}

.gutter-50,
.gutter-x-50 {
    --gutter-x: calc(-50 * var(--root-sizing));
}

.gutter-50,
.gutter-y-50 {
    --gutter-y: calc(-50 * var(--root-sizing));
}

.gutter-56,
.gutter-x-56 {
    --gutter-x: calc(-56 * var(--root-sizing));
}

.gutter-56,
.gutter-y-56 {
    --gutter-y: calc(-56 * var(--root-sizing));
}

.gutter-60,
.gutter-x-60 {
    --gutter-x: calc(-60 * var(--root-sizing));
}

.gutter-60,
.gutter-y-60 {
    --gutter-y: calc(-60 * var(--root-sizing));
}

.gutter-72,
.gutter-x-72 {
    --gutter-x: calc(-72 * var(--root-sizing));
}

.gutter-72,
.gutter-y-72 {
    --gutter-y: calc(-72 * var(--root-sizing));
}

.gutter-80,
.gutter-x-80 {
    --gutter-x: calc(-80 * var(--root-sizing));
}

.gutter-80,
.gutter-y-80 {
    --gutter-y: calc(-80 * var(--root-sizing));
}

.gutter-96,
.gutter-x-96 {
    --gutter-x: calc(-96 * var(--root-sizing));
}

.gutter-96,
.gutter-y-96 {
    --gutter-y: calc(-96 * var(--root-sizing));
}

.gutter-120,
.gutter-x-120 {
    --gutter-x: calc(-120 * var(--root-sizing));
}

.gutter-120,
.gutter-y-120 {
    --gutter-y: calc(-120 * var(--root-sizing));
}

.gutter-180,
.gutter-x-180 {
    --gutter-x: calc(-180 * var(--root-sizing));
}

.gutter-180,
.gutter-y-180 {
    --gutter-y: calc(-180 * var(--root-sizing));
}

.gutter-240,
.gutter-x-240 {
    --gutter-x: calc(-240 * var(--root-sizing));
}

.gutter-240,
.gutter-y-240 {
    --gutter-y: calc(-240 * var(--root-sizing));
}

.gutter-320,
.gutter-x-320 {
    --gutter-x: calc(-320 * var(--root-sizing));
}

.gutter-320,
.gutter-y-320 {
    --gutter-y: calc(-320 * var(--root-sizing));
}

.gutter-360,
.gutter-x-360 {
    --gutter-x: calc(-360 * var(--root-sizing));
}

.gutter-360,
.gutter-y-360 {
    --gutter-y: calc(-360 * var(--root-sizing));
}

.offset-0 {
    margin-left: 0;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.column {
    flex: 1 0 0%;
}

.column-auto {
    flex: 0 0 auto;
    width: auto;
}

.column-1,
.column-1\/12 {
    flex: 0 0 calc(100% * (1 / 12));
    width: calc(100% * (1 / 12));
}

.column-1\/6,
.column-2 {
    flex: 0 0 calc(100% * (2 / 12));
    width: calc(100% * (2 / 12));
}

.column-1\/4,
.column-3,
.column-quarter {
    flex: 0 0 calc(100% * (3 / 12));
    width: calc(100% * (3 / 12));
}

.column-1\/3,
.column-4 {
    flex: 0 0 calc(100% * (4 / 12));
    width: calc(100% * (4 / 12));
}

.column-5 {
    flex: 0 0 calc(100% * (5 / 12));
    width: calc(100% * (5 / 12));
}

.column-1\/2,
.column-6,
.column-half {
    flex: 0 0 calc(100% * (6 / 12));
    width: calc(100% * (6 / 12));
}

.column-7 {
    flex: 0 0 calc(100% * (7 / 12));
    width: calc(100% * (7 / 12));
}

.column-2\/3,
.column-8 {
    flex: 0 0 calc(100% * (8 / 12));
    width: calc(100% * (8 / 12));
}

.column-3\/4,
.column-9 {
    flex: 0 0 calc(100% * (9 / 12));
    width: calc(100% * (9 / 12));
}

.column-10 {
    flex: 0 0 calc(100% * (10 / 12));
    width: calc(100% * (10 / 12));
}

.column-11 {
    flex: 0 0 calc(100% * (11 / 12));
    width: calc(100% * (11 / 12));
}

.column-12,
.column-1\/1,
.column-full {
    flex: 0 0 calc(100% * (12 / 12));
    width: calc(100% * (12 / 12));
}

.column-1\/5 {
    flex: 0 0 calc(100% * (1 / 5));
    width: calc(100% * (1 / 5));
}

.column-1\/7 {
    flex: 0 0 calc(100% * (1 / 7));
    width: calc(100% * (1 / 7));
}

.column-1\/8 {
    flex: 0 0 calc(100% * (1 / 8));
    width: calc(100% * (1 / 8));
}

.column-1\/9 {
    flex: 0 0 calc(100% * (1 / 9));
    width: calc(100% * (1 / 9));
}

.column-1\/10 {
    flex: 0 0 calc(100% * (1 / 10));
    width: calc(100% * (1 / 10));
}

.column-1\/11 {
    flex: 0 0 calc(100% * (1 / 11));
    width: calc(100% * (1 / 11));
}

.column-count-1 {
    column-count: 1;
}

.column-count-2 {
    column-count: 2;
}

.column-count-3 {
    column-count: 3;
}

.column-count-4 {
    column-count: 4;
}

.column-count-5 {
    column-count: 5;
}

.column-count-6 {
    column-count: 6;
}

.column-count-7 {
    column-count: 7;
}

.column-count-8 {
    column-count: 8;
}

.column-count-9 {
    column-count: 9;
}

.column-count-10 {
    column-count: 10;
}

.column-count-11 {
    column-count: 11;
}

.column-count-12 {
    column-count: 12;
}

.grid-auto-columns-auto {
    grid-auto-columns: auto;
}

.grid-auto-columns-min {
    grid-auto-columns: min-content;
}

.grid-auto-columns-max {
    grid-auto-columns: max-content;
}

.grid-auto-columns-fr {
    grid-auto-columns: minmax(0, 1fr);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-1 {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.flex-auto,
.flex-fill {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-initial {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-none {
    -ms-flex: none;
    flex: none;
}

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

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

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

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

.flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.flex-grow,
.flex-grow-1 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-shrink,
.flex-shrink-1 {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

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

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.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;
}

.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;
}

.align-content-start,
.content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.align-content-end,
.content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.align-content-center,
.content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

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

.align-content-around,
.content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.align-content-stretch,
.content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

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

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

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

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

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

.align-self-auto,
.self-auto {
    -ms-flex-item-align: auto;
    align-self: auto;
}

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

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

.align-self-center,
.self-center {
    -ms-flex-item-align: center;
    align-self: center;
}

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

.align-self-stretch,
.self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

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

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

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

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

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

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

.justify-items-start {
    justify-items: start;
}

.justify-items-end {
    justify-items: end;
}

.justify-items-center {
    justify-items: center;
}

.justify-items-stretch {
    justify-items: stretch;
}

.justify-self-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;
}

.gap-0 {
    gap: 0;
}

.gap-1 {
    gap: 1px;
}

.gap-2 {
    gap: 2px;
}

.gap-3 {
    gap: 3px;
}

.gap-4 {
    gap: 4px;
}

.gap-5 {
    gap: 5px;
}

.gap-6 {
    gap: 6px;
}

.gap-7 {
    gap: 7px;
}

.gap-8 {
    gap: 8px;
}

.gap-9 {
    gap: 9px;
}

.gap-10 {
    gap: 10px;
}

.gap-11 {
    gap: 11px;
}

.gap-12 {
    gap: 12px;
}

.gap-14 {
    gap: 14px;
}

.gap-16 {
    gap: 16px;
}

.gap-18 {
    gap: 18px;
}

.gap-20 {
    gap: 20px;
}

.gap-22 {
    gap: 22px;
}

.gap-24 {
    gap: 24px;
}

.gap-32 {
    gap: 32px;
}

.gap-36 {
    gap: 36px;
}

.gap-48 {
    gap: 48px;
}

.gap-50 {
    gap: 50px;
}

.gap-56 {
    gap: 56px;
}

.gap-60 {
    gap: 60px;
}

.gap-72 {
    gap: 72px;
}

.gap-80 {
    gap: 80px;
}

.gap-96 {
    gap: 96px;
}

.gap-120 {
    gap: 120px;
}

.gap-180 {
    gap: 180px;
}

.gap-240 {
    gap: 240px;
}

.gap-320 {
    gap: 320px;
}

.gap-360 {
    gap: 360px;
}

.column-gap-0,
.gap-x-0 {
    column-gap: 0;
}

.column-gap-1,
.gap-x-1 {
    column-gap: 1px;
}

.column-gap-2,
.gap-x-2 {
    column-gap: 2px;
}

.column-gap-3,
.gap-x-3 {
    column-gap: 3px;
}

.column-gap-4,
.gap-x-4 {
    column-gap: 4px;
}

.column-gap-5,
.gap-x-5 {
    column-gap: 5px;
}

.column-gap-6,
.gap-x-6 {
    column-gap: 6px;
}

.column-gap-7,
.gap-x-7 {
    column-gap: 7px;
}

.column-gap-8,
.gap-x-8 {
    column-gap: 8px;
}

.column-gap-9,
.gap-x-9 {
    column-gap: 9px;
}

.column-gap-10,
.gap-x-10 {
    column-gap: 10px;
}

.column-gap-11,
.gap-x-11 {
    column-gap: 11px;
}

.column-gap-12,
.gap-x-12 {
    column-gap: 12px;
}

.column-gap-14,
.gap-x-14 {
    column-gap: 14px;
}

.column-gap-16,
.gap-x-16 {
    column-gap: 16px;
}

.column-gap-18,
.gap-x-18 {
    column-gap: 18px;
}

.column-gap-20,
.gap-x-20 {
    column-gap: 20px;
}

.column-gap-22,
.gap-x-22 {
    column-gap: 22px;
}

.column-gap-24,
.gap-x-24 {
    column-gap: 24px;
}

.column-gap-32,
.gap-x-32 {
    column-gap: 32px;
}

.column-gap-36,
.gap-x-36 {
    column-gap: 36px;
}

.column-gap-48,
.gap-x-48 {
    column-gap: 48px;
}

.column-gap-50,
.gap-x-50 {
    column-gap: 50px;
}

.column-gap-56,
.gap-x-56 {
    column-gap: 56px;
}

.column-gap-60,
.gap-x-60 {
    column-gap: 60px;
}

.column-gap-72,
.gap-x-72 {
    column-gap: 72px;
}

.column-gap-80,
.gap-x-80 {
    column-gap: 80px;
}

.column-gap-96,
.gap-x-96 {
    column-gap: 96px;
}

.column-gap-120,
.gap-x-120 {
    column-gap: 120px;
}

.column-gap-180,
.gap-x-180 {
    column-gap: 180px;
}

.column-gap-240,
.gap-x-240 {
    column-gap: 240px;
}

.column-gap-320,
.gap-x-320 {
    column-gap: 320px;
}

.column-gap-360,
.gap-x-360 {
    column-gap: 360px;
}

.column-gap-0,
.gap-y-0 {
    row-gap: 0;
}

.column-gap-1,
.gap-y-1 {
    row-gap: 1px;
}

.column-gap-2,
.gap-y-2 {
    row-gap: 2px;
}

.column-gap-3,
.gap-y-3 {
    row-gap: 3px;
}

.column-gap-4,
.gap-y-4 {
    row-gap: 4px;
}

.column-gap-5,
.gap-y-5 {
    row-gap: 5px;
}

.column-gap-6,
.gap-y-6 {
    row-gap: 6px;
}

.column-gap-7,
.gap-y-7 {
    row-gap: 7px;
}

.column-gap-8,
.gap-y-8 {
    row-gap: 8px;
}

.column-gap-9,
.gap-y-9 {
    row-gap: 9px;
}

.column-gap-10,
.gap-y-10 {
    row-gap: 10px;
}

.column-gap-11,
.gap-y-11 {
    row-gap: 11px;
}

.column-gap-12,
.gap-y-12 {
    row-gap: 12px;
}

.column-gap-14,
.gap-y-14 {
    row-gap: 14px;
}

.column-gap-16,
.gap-y-16 {
    row-gap: 16px;
}

.column-gap-18,
.gap-y-18 {
    row-gap: 18px;
}

.column-gap-20,
.gap-y-20 {
    row-gap: 20px;
}

.column-gap-22,
.gap-y-22 {
    row-gap: 22px;
}

.column-gap-24,
.gap-y-24 {
    row-gap: 24px;
}

.column-gap-32,
.gap-y-32 {
    row-gap: 32px;
}

.column-gap-36,
.gap-y-36 {
    row-gap: 36px;
}

.column-gap-48,
.gap-y-48 {
    row-gap: 48px;
}

.column-gap-50,
.gap-y-50 {
    row-gap: 50px;
}

.column-gap-56,
.gap-y-56 {
    row-gap: 56px;
}

.column-gap-60,
.gap-y-60 {
    row-gap: 60px;
}

.column-gap-72,
.gap-y-72 {
    row-gap: 72px;
}

.column-gap-80,
.gap-y-80 {
    row-gap: 80px;
}

.column-gap-96,
.gap-y-96 {
    row-gap: 96px;
}

.column-gap-120,
.gap-y-120 {
    row-gap: 120px;
}

.column-gap-180,
.gap-y-180 {
    row-gap: 180px;
}

.column-gap-240,
.gap-y-240 {
    row-gap: 240px;
}

.column-gap-320,
.gap-y-320 {
    row-gap: 320px;
}

.column-gap-360,
.gap-y-360 {
    row-gap: 360px;
}

.space-x-0> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1-var(--space-x-reverse)));
}

.-space-x-0> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(0 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(0 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-0> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
}

.-space-y-0> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(0 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(0 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-1> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1-var(--space-x-reverse)));
}

.-space-x-1> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-1 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-1 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-1> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
}

.-space-y-1> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-1 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-1 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-2> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(2px * var(--space-x-reverse));
    margin-left: calc(2px * calc(1-var(--space-x-reverse)));
}

.-space-x-2> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-2 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-2 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-2> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(2px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(2px * var(--space-y-reverse));
}

.-space-y-2> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-2 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-2 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-3> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(3px * var(--space-x-reverse));
    margin-left: calc(3px * calc(1-var(--space-x-reverse)));
}

.-space-x-3> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-3 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-3 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-3> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(3px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(3px * var(--space-y-reverse));
}

.-space-y-3> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-3 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-3 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-4> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(4px * var(--space-x-reverse));
    margin-left: calc(4px * calc(1-var(--space-x-reverse)));
}

.-space-x-4> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-4 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-4 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-4> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(4px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(4px * var(--space-y-reverse));
}

.-space-y-4> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-4 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-4 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-5> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(5px * var(--space-x-reverse));
    margin-left: calc(5px * calc(1-var(--space-x-reverse)));
}

.-space-x-5> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-5 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-5 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-5> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(5px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(5px * var(--space-y-reverse));
}

.-space-y-5> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-5 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-5 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-6> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(6px * var(--space-x-reverse));
    margin-left: calc(6px * calc(1-var(--space-x-reverse)));
}

.-space-x-6> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-6 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-6 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-6> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(6px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(6px * var(--space-y-reverse));
}

.-space-y-6> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-6 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-6 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-7> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(7px * var(--space-x-reverse));
    margin-left: calc(7px * calc(1-var(--space-x-reverse)));
}

.-space-x-7> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-7 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-7 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-7> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(7px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(7px * var(--space-y-reverse));
}

.-space-y-7> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-7 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-7 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-8> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(8px * var(--space-x-reverse));
    margin-left: calc(8px * calc(1-var(--space-x-reverse)));
}

.-space-x-8> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-8 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-8 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-8> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(8px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(8px * var(--space-y-reverse));
}

.-space-y-8> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-8 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-8 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-9> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(9px * var(--space-x-reverse));
    margin-left: calc(9px * calc(1-var(--space-x-reverse)));
}

.-space-x-9> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-9 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-9 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-9> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(9px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(9px * var(--space-y-reverse));
}

.-space-y-9> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-9 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-9 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-10> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(10px * var(--space-x-reverse));
    margin-left: calc(10px * calc(1-var(--space-x-reverse)));
}

.-space-x-10> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-10 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-10 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-10> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(10px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(10px * var(--space-y-reverse));
}

.-space-y-10> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-10 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-10 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-11> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(11px * var(--space-x-reverse));
    margin-left: calc(11px * calc(1-var(--space-x-reverse)));
}

.-space-x-11> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-11 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-11 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-11> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(11px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(11px * var(--space-y-reverse));
}

.-space-y-11> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-11 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-11 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-12> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(12px * var(--space-x-reverse));
    margin-left: calc(12px * calc(1-var(--space-x-reverse)));
}

.-space-x-12> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-12 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-12 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-12> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(12px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(12px * var(--space-y-reverse));
}

.-space-y-12> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-12 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-12 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-14> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(14px * var(--space-x-reverse));
    margin-left: calc(14px * calc(1-var(--space-x-reverse)));
}

.-space-x-14> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-14 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-14 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-14> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(14px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(14px * var(--space-y-reverse));
}

.-space-y-14> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-14 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-14 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-16> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(16px * var(--space-x-reverse));
    margin-left: calc(16px * calc(1-var(--space-x-reverse)));
}

.-space-x-16> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-16 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-16 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-16> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(16px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(16px * var(--space-y-reverse));
}

.-space-y-16> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-16 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-16 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-18> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(18px * var(--space-x-reverse));
    margin-left: calc(18px * calc(1-var(--space-x-reverse)));
}

.-space-x-18> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-18 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-18 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-18> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(18px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(18px * var(--space-y-reverse));
}

.-space-y-18> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-18 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-18 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-20> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(20px * var(--space-x-reverse));
    margin-left: calc(20px * calc(1-var(--space-x-reverse)));
}

.-space-x-20> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-20 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-20 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-20> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(20px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(20px * var(--space-y-reverse));
}

.-space-y-20> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-20 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-20 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-22> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(22px * var(--space-x-reverse));
    margin-left: calc(22px * calc(1-var(--space-x-reverse)));
}

.-space-x-22> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-22 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-22 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-22> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(22px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(22px * var(--space-y-reverse));
}

.-space-y-22> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-22 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-22 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-24> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(24px * var(--space-x-reverse));
    margin-left: calc(24px * calc(1-var(--space-x-reverse)));
}

.-space-x-24> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-24 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-24 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-24> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(24px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(24px * var(--space-y-reverse));
}

.-space-y-24> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-24 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-24 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-30> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(30px * var(--space-x-reverse));
    margin-left: calc(30px * calc(1-var(--space-x-reverse)));
}

.-space-x-30> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-30 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-30 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-30> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(30px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(30px * var(--space-y-reverse));
}

.-space-y-30> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-30 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-30 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-36> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(36px * var(--space-x-reverse));
    margin-left: calc(36px * calc(1-var(--space-x-reverse)));
}

.-space-x-36> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-36 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-36 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-36> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(36px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(36px * var(--space-y-reverse));
}

.-space-y-36> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-36 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-36 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-48> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(48px * var(--space-x-reverse));
    margin-left: calc(48px * calc(1-var(--space-x-reverse)));
}

.-space-x-48> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-48 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-48 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-48> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(48px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(48px * var(--space-y-reverse));
}

.-space-y-48> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-48 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-48 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-50> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(50px * var(--space-x-reverse));
    margin-left: calc(50px * calc(1-var(--space-x-reverse)));
}

.-space-x-50> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-50 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-50 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-50> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(50px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(50px * var(--space-y-reverse));
}

.-space-y-50> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-50 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-50 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-56> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(56px * var(--space-x-reverse));
    margin-left: calc(56px * calc(1-var(--space-x-reverse)));
}

.-space-x-56> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-56 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-56 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-56> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(56px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(56px * var(--space-y-reverse));
}

.-space-y-56> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-56 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-56 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-60> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(60px * var(--space-x-reverse));
    margin-left: calc(60px * calc(1-var(--space-x-reverse)));
}

.-space-x-60> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-60 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-60 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-60> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(60px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(60px * var(--space-y-reverse));
}

.-space-y-60> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-60 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-60 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-72> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(72px * var(--space-x-reverse));
    margin-left: calc(72px * calc(1-var(--space-x-reverse)));
}

.-space-x-72> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-72 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-72 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-72> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(72px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(72px * var(--space-y-reverse));
}

.-space-y-72> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-72 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-72 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-80> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(80px * var(--space-x-reverse));
    margin-left: calc(80px * calc(1-var(--space-x-reverse)));
}

.-space-x-80> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-80 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-80 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-80> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(80px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(80px * var(--space-y-reverse));
}

.-space-y-80> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-80 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-80 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-96> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(96px * var(--space-x-reverse));
    margin-left: calc(96px * calc(1-var(--space-x-reverse)));
}

.-space-x-96> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-96 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-96 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-96> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(96px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(96px * var(--space-y-reverse));
}

.-space-y-96> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-96 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-96 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-120> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(120px * var(--space-x-reverse));
    margin-left: calc(120px * calc(1-var(--space-x-reverse)));
}

.-space-x-120> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-120 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-120 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-120> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(120px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(120px * var(--space-y-reverse));
}

.-space-y-120> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-120 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-120 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-180> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(180px * var(--space-x-reverse));
    margin-left: calc(180px * calc(1-var(--space-x-reverse)));
}

.-space-x-180> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-180 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-180 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-180> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(180px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(180px * var(--space-y-reverse));
}

.-space-y-180> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-180 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-180 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-240> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(240px * var(--space-x-reverse));
    margin-left: calc(240px * calc(1-var(--space-x-reverse)));
}

.-space-x-240> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-240 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-240 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-240> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(240px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(240px * var(--space-y-reverse));
}

.-space-y-240> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-240 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-240 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-320> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(320px * var(--space-x-reverse));
    margin-left: calc(320px * calc(1-var(--space-x-reverse)));
}

.-space-x-320> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-320 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-320 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-320> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(320px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(320px * var(--space-y-reverse));
}

.-space-y-320> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-320 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-320 * var(--root-sizing)) * var(--space-y-reverse));
}

.space-x-360> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(360px * var(--space-x-reverse));
    margin-left: calc(360px * calc(1-var(--space-x-reverse)));
}

.-space-x-360> :not([hidden])~ :not([hidden]) {
    --space-x-reverse: 0;
    margin-right: calc(calc(-360 * var(--root-sizing)) * var(--space-x-reverse));
    margin-left: calc(calc(-360 * var(--root-sizing)) * calc(1-var(--space-x-reverse)));
}

.space-y-360> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(360px * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(360px * var(--space-y-reverse));
}

.-space-y-360> :not([hidden])~ :not([hidden]) {
    --space-y-reverse: 0;
    margin-top: calc(calc(-360 * var(--root-sizing)) * calc(1-var(--space-y-reverse)));
    margin-bottom: calc(calc(-360 * var(--root-sizing)) * var(--space-y-reverse));
}

.padding-0 {
    padding: 0;
}

.padding-1 {
    padding: 1px;
}

.padding-2 {
    padding: 2px;
}

.padding-3 {
    padding: 3px;
}

.padding-4 {
    padding: 4px;
}

.padding-5 {
    padding: 5px;
}

.padding-6 {
    padding: 6px;
}

.padding-7 {
    padding: 7px;
}

.padding-8 {
    padding: 8px;
}

.padding-9 {
    padding: 9px;
}

.padding-10 {
    padding: 10px;
}

.padding-11 {
    padding: 11px;
}

.padding-12 {
    padding: 12px;
}

.padding-14 {
    padding: 14px;
}

.padding-16 {
    padding: 16px;
}

.padding-18 {
    padding: 18px;
}

.padding-20 {
    padding: 20px;
}

.padding-22 {
    padding: 22px;
}

.padding-24 {
    padding: 24px;
}

.padding-30 {
    padding: 30px;
}

.padding-36 {
    padding: 36px;
}

.padding-48 {
    padding: 48px;
}

.padding-50 {
    padding: 50px;
}

.padding-56 {
    padding: 56px;
}

.padding-60 {
    padding: 60px;
}

.padding-72 {
    padding: 72px;
}

.padding-80 {
    padding: 80px;
}

.padding-96 {
    padding: 96px;
}

.padding-120 {
    padding: 120px;
}

.padding-180 {
    padding: 180px;
}

.padding-240 {
    padding: 240px;
}

.padding-320 {
    padding: 320px;
}

.padding-360 {
    padding: 360px;
}

.padding-left-0,
.padding-x-0 {
    padding-left: 0;
}

.padding-top-0,
.padding-y-0 {
    padding-top: 0;
}

.padding-right-0,
.padding-x-0 {
    padding-right: 0;
}

.padding-bottom-0,
.padding-y-0 {
    padding-bottom: 0;
}

.padding-left-1,
.padding-x-8 {
    padding-left: 1px;
}

.padding-top-1,
.padding-y-1 {
    padding-top: 1px;
}

.padding-right-1,
.padding-x-8 {
    padding-right: 1px;
}

.padding-bottom-1,
.padding-y-1 {
    padding-bottom: 1px;
}

.padding-left-2,
.padding-x-2 {
    padding-left: 2px;
}

.padding-top-2,
.padding-y-2 {
    padding-top: 2px;
}

.padding-right-2,
.padding-x-2 {
    padding-right: 2px;
}

.padding-bottom-2,
.padding-y-2 {
    padding-bottom: 2px;
}

.padding-left-3,
.padding-x-3 {
    padding-left: 3px;
}

.padding-top-3,
.padding-y-3 {
    padding-top: 3px;
}

.padding-right-3,
.padding-x-3 {
    padding-right: 3px;
}

.padding-bottom-3,
.padding-y-3 {
    padding-bottom: 3px;
}

.padding-left-4,
.padding-x-4 {
    padding-left: 4px;
}

.padding-top-4,
.padding-y-4 {
    padding-top: 4px;
}

.padding-right-4,
.padding-x-4 {
    padding-right: 4px;
}

.padding-bottom-4,
.padding-y-4 {
    padding-bottom: 4px;
}

.padding-left-5,
.padding-x-5 {
    padding-left: 5px;
}

.padding-top-5,
.padding-y-5 {
    padding-top: 5px;
}

.padding-right-5,
.padding-x-5 {
    padding-right: 5px;
}

.padding-bottom-5,
.padding-y-5 {
    padding-bottom: 5px;
}

.padding-left-6,
.padding-x-6 {
    padding-left: 6px;
}

.padding-top-6,
.padding-y-6 {
    padding-top: 6px;
}

.padding-right-6,
.padding-x-6 {
    padding-right: 6px;
}

.padding-bottom-6,
.padding-y-6 {
    padding-bottom: 6px;
}

.padding-left-7,
.padding-x-7 {
    padding-left: 7px;
}

.padding-top-7,
.padding-y-7 {
    padding-top: 7px;
}

.padding-right-7,
.padding-x-7 {
    padding-right: 7px;
}

.padding-bottom-7,
.padding-y-7 {
    padding-bottom: 7px;
}

.padding-left-8,
.padding-x-8 {
    padding-left: 8px;
}

.padding-top-8,
.padding-y-8 {
    padding-top: 8px;
}

.padding-right-8,
.padding-x-8 {
    padding-right: 8px;
}

.padding-bottom-8,
.padding-y-8 {
    padding-bottom: 8px;
}

.padding-left-9,
.padding-x-9 {
    padding-left: 9px;
}

.padding-top-9,
.padding-y-9 {
    padding-top: 9px;
}

.padding-right-9,
.padding-x-9 {
    padding-right: 9px;
}

.padding-bottom-9,
.padding-y-9 {
    padding-bottom: 9px;
}

.padding-left-10,
.padding-x-10 {
    padding-left: 10px;
}

.padding-top-10,
.padding-y-10 {
    padding-top: 10px;
}

.padding-right-10,
.padding-x-10 {
    padding-right: 10px;
}

.padding-bottom-10,
.padding-y-10 {
    padding-bottom: 10px;
}

.padding-left-11,
.padding-x-11 {
    padding-left: 11px;
}

.padding-top-11,
.padding-y-11 {
    padding-top: 11px;
}

.padding-right-11,
.padding-x-11 {
    padding-right: 11px;
}

.padding-bottom-11,
.padding-y-11 {
    padding-bottom: 11px;
}

.padding-left-12,
.padding-x-12 {
    padding-left: 12px;
}

.padding-top-12,
.padding-y-12 {
    padding-top: 12px;
}

.padding-right-12,
.padding-x-12 {
    padding-right: 12px;
}

.padding-bottom-12,
.padding-y-12 {
    padding-bottom: 12px;
}

.padding-left-14,
.padding-x-14 {
    padding-left: 14px;
}

.padding-top-14,
.padding-y-14 {
    padding-top: 14px;
}

.padding-right-14,
.padding-x-14 {
    padding-right: 14px;
}

.padding-bottom-14,
.padding-y-14 {
    padding-bottom: 14px;
}

.padding-left-16,
.padding-x-16 {
    padding-left: 16px;
}

.padding-top-16,
.padding-y-16 {
    padding-top: 16px;
}

.padding-right-16,
.padding-x-16 {
    padding-right: 16px;
}

.padding-bottom-16,
.padding-y-16 {
    padding-bottom: 16px;
}

.padding-left-18,
.padding-x-18 {
    padding-left: 18px;
}

.padding-top-18,
.padding-y-18 {
    padding-top: 18px;
}

.padding-right-18,
.padding-x-18 {
    padding-right: 18px;
}

.padding-bottom-18,
.padding-y-18 {
    padding-bottom: 18px;
}

.padding-left-20,
.padding-x-20 {
    padding-left: 20px;
}

.padding-top-20,
.padding-y-20 {
    padding-top: 20px;
}

.padding-right-20,
.padding-x-20 {
    padding-right: 20px;
}

.padding-bottom-20,
.padding-y-20 {
    padding-bottom: 20px;
}

.padding-left-22,
.padding-x-22 {
    padding-left: 22px;
}

.padding-top-22,
.padding-y-22 {
    padding-top: 22px;
}

.padding-right-22,
.padding-x-22 {
    padding-right: 22px;
}

.padding-bottom-22,
.padding-y-22 {
    padding-bottom: 22px;
}

.padding-left-24,
.padding-x-24 {
    padding-left: 24px;
}

.padding-top-24,
.padding-y-24 {
    padding-top: 24px;
}

.padding-right-24,
.padding-x-24 {
    padding-right: 24px;
}

.padding-bottom-24,
.padding-y-24 {
    padding-bottom: 24px;
}

.padding-left-30,
.padding-x-30 {
    padding-left: 30px;
}

.padding-top-30,
.padding-y-30 {
    padding-top: 30px;
}

.padding-right-30,
.padding-x-30 {
    padding-right: 30px;
}

.padding-bottom-30,
.padding-y-30 {
    padding-bottom: 30px;
}

.padding-left-36,
.padding-x-36 {
    padding-left: 36px;
}

.padding-top-36,
.padding-y-36 {
    padding-top: 36px;
}

.padding-right-36,
.padding-x-36 {
    padding-right: 36px;
}

.padding-bottom-36,
.padding-y-36 {
    padding-bottom: 36px;
}

.padding-left-48,
.padding-x-48 {
    padding-left: 48px;
}

.padding-top-48,
.padding-y-48 {
    padding-top: 48px;
}

.padding-right-48,
.padding-x-48 {
    padding-right: 48px;
}

.padding-bottom-48,
.padding-y-48 {
    padding-bottom: 48px;
}

.padding-left-50,
.padding-x-50 {
    padding-left: 50px;
}

.padding-top-50,
.padding-y-50 {
    padding-top: 50px;
}

.padding-right-50,
.padding-x-50 {
    padding-right: 50px;
}

.padding-bottom-50,
.padding-y-50 {
    padding-bottom: 50px;
}

.padding-left-56,
.padding-x-56 {
    padding-left: 56px;
}

.padding-top-56,
.padding-y-56 {
    padding-top: 56px;
}

.padding-right-56,
.padding-x-56 {
    padding-right: 56px;
}

.padding-bottom-56,
.padding-y-56 {
    padding-bottom: 56px;
}

.padding-left-60,
.padding-x-60 {
    padding-left: 60px;
}

.padding-top-60,
.padding-y-60 {
    padding-top: 60px;
}

.padding-right-60,
.padding-x-60 {
    padding-right: 60px;
}

.padding-bottom-60,
.padding-y-60 {
    padding-bottom: 60px;
}

.padding-left-72,
.padding-x-72 {
    padding-left: 72px;
}

.padding-top-72,
.padding-y-72 {
    padding-top: 72px;
}

.padding-right-72,
.padding-x-72 {
    padding-right: 72px;
}

.padding-bottom-72,
.padding-y-72 {
    padding-bottom: 72px;
}

.padding-left-80,
.padding-x-80 {
    padding-left: 80px;
}

.padding-top-80,
.padding-y-80 {
    padding-top: 80px;
}

.padding-right-80,
.padding-x-80 {
    padding-right: 80px;
}

.padding-bottom-80,
.padding-y-80 {
    padding-bottom: 80px;
}

.padding-left-96,
.padding-x-96 {
    padding-left: 96px;
}

.padding-top-96,
.padding-y-96 {
    padding-top: 96px;
}

.padding-right-96,
.padding-x-96 {
    padding-right: 96px;
}

.padding-bottom-96,
.padding-y-96 {
    padding-bottom: 96px;
}

.padding-left-120,
.padding-x-120 {
    padding-left: 120px;
}

.padding-top-120,
.padding-y-120 {
    padding-top: 120px;
}

.padding-right-120,
.padding-x-120 {
    padding-right: 120px;
}

.padding-bottom-120,
.padding-y-120 {
    padding-bottom: 120px;
}

.padding-left-180,
.padding-x-180 {
    padding-left: 180px;
}

.padding-top-180,
.padding-y-180 {
    padding-top: 180px;
}

.padding-right-180,
.padding-x-180 {
    padding-right: 180px;
}

.padding-bottom-180,
.padding-y-180 {
    padding-bottom: 180px;
}

.padding-left-240,
.padding-x-240 {
    padding-left: 240px;
}

.padding-top-240,
.padding-y-240 {
    padding-top: 240px;
}

.padding-right-240,
.padding-x-240 {
    padding-right: 240px;
}

.padding-bottom-240,
.padding-y-240 {
    padding-bottom: 240px;
}

.padding-left-320,
.padding-x-320 {
    padding-left: 320px;
}

.padding-top-320,
.padding-y-320 {
    padding-top: 320px;
}

.padding-right-320,
.padding-x-320 {
    padding-right: 320px;
}

.padding-bottom-320,
.padding-y-320 {
    padding-bottom: 320px;
}

.padding-left-360,
.padding-x-360 {
    padding-left: 360px;
}

.padding-top-360,
.padding-y-360 {
    padding-top: 360px;
}

.padding-right-360,
.padding-x-360 {
    padding-right: 360px;
}

.padding-bottom-360,
.padding-y-360 {
    padding-bottom: 360px;
}

.padding-top-1\/4,
.padding-top-25-percent {
    padding-top: 25%;
}

.padding-right-1\/4,
.padding-right-25-percent {
    padding-right: 25%;
}

.padding-bottom-1\/4,
.padding-bottom-25-percent {
    padding-bottom: 25%;
}

.padding-left-1\/4,
.padding-left-25-percent {
    padding-left: 25%;
}

.padding-top-1\/3 {
    padding-top: 33%;
}

.padding-right-1\/3 {
    padding-right: 33%;
}

.padding-bottom-1\/3 {
    padding-bottom: 33%;
}

.padding-left-1\/3 {
    padding-left: 33%;
}

.padding-top-1\/2,
.padding-top-2\/4,
.padding-top-50-percent,
.padding-top-half {
    padding-top: 50%;
}

.padding-right-1\/2,
.padding-right-2\/4,
.padding-right-50-percent,
.padding-right-half {
    padding-right: 50%;
}

.padding-bottom-1\/2,
.padding-bottom-2\/4,
.padding-bottom-50-percent,
.padding-bottom-half {
    padding-bottom: 50%;
}

.padding-left-1\/2,
.padding-left-2\/4,
.padding-left-50-percent,
.padding-left-half {
    padding-left: 50%;
}

.padding-top-9\/16 {
    padding-top: 56.25%;
}

.padding-right-9\/16 {
    padding-right: 56.25%;
}

.padding-bottom-9\/16 {
    padding-bottom: 56.25%;
}

.padding-left-9\/16 {
    padding-left: 56.25%;
}

.padding-top-2\/3 {
    padding-top: 66%;
}

.padding-right-2\/3 {
    padding-right: 66%;
}

.padding-bottom-2\/3 {
    padding-bottom: 66%;
}

.padding-left-2\/3 {
    padding-left: 66%;
}

.padding-top-3\/4,
.padding-top-75-percent {
    padding-top: 75%;
}

.padding-right-3\/4,
.padding-right-75-percent {
    padding-right: 75%;
}

.padding-bottom-3\/4,
.padding-bottom-75-percent {
    padding-bottom: 75%;
}

.padding-left-3\/4,
.padding-left-75-percent {
    padding-left: 75%;
}

.padding-top-100-percent,
.padding-top-1\/1,
.padding-top-full {
    padding-top: 100%;
}

.padding-right-100-percent,
.padding-right-1\/1,
.padding-right-full {
    padding-right: 100%;
}

.padding-bottom-100-percent,
.padding-bottom-1\/1,
.padding-bottom-full {
    padding-bottom: 100%;
}

.padding-left-100-percent,
.padding-left-1\/1,
.padding-left-full {
    padding-left: 100%;
}

.padding-top-4\/3 {
    padding-top: 133.33%;
}

.padding-right-4\/3 {
    padding-right: 133.33%;
}

.padding-bottom-4\/3 {
    padding-bottom: 133.33%;
}

.padding-left-4\/3 {
    padding-left: 133.33%;
}

.outline,
.outline-thin {
    --outline-opacity: 1;
    outline: 1px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

.outline-standard {
    --outline-opacity: 1;
    outline: 2px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

.outline-medium {
    --outline-opacity: 1;
    outline: 3px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

.outline-stocky {
    --outline-opacity: 1;
    outline: 4px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

.outline-0 {
    outline-width: 0
}

.outline-1 {
    outline-width: 1px
}

.outline-2 {
    outline-width: 2px
}

.outline-3 {
    outline-width: 3px
}

.outline-4 {
    outline-width: 4px
}

.outline-5 {
    outline-width: 5px
}

.outline-6 {
    outline-width: 6px
}

.outline-7 {
    outline-width: 7px
}

.outline-8 {
    outline-width: 8px
}

.outline-9 {
    outline-width: 9px
}

.outline-transparent {
    outline-color: #fff0
}

.outline-white {
    outline-color: rgba(var(--color-white-rgb), var(--outline-opacity))
}

.outline-black {
    outline-color: rgba(var(--color-black-rgb), var(--outline-opacity))
}

.outline-red {
    outline-color: rgba(var(--color-red-rgb), var(--outline-opacity))
}

.outline-deeppink {
    outline-color: rgba(var(--color-deeppink-rgb), var(--outline-opacity))
}

.outline-orangered {
    outline-color: rgba(var(--color-orangered-rgb), var(--outline-opacity))
}

.outline-gold {
    outline-color: rgba(var(--color-gold-rgb), var(--outline-opacity))
}

.outline-darkviolet {
    outline-color: rgba(var(--color-darkviolet-rgb), var(--outline-opacity))
}

.outline-lime {
    outline-color: rgba(var(--color-lime-rgb), var(--outline-opacity))
}

.outline-deepskyblue {
    outline-color: rgba(var(--color-deepskyblue-rgb), var(--outline-opacity))
}

.outline-peace {
    outline-color: rgba(var(--color-peace-rgb), var(--outline-opacity))
}

.outline-primary {
    outline-color: rgba(var(--color-primary-rgb), var(--outline-opacity))
}

.outline-warning {
    outline-color: rgba(var(--color-warning-rgb), var(--outline-opacity))
}

.outline-positive {
    outline-color: rgba(var(--color-positive-rgb), var(--outline-opacity))
}

.outline-default {
    outline-color: rgba(var(--color-default-rgb), var(--outline-opacity))
}

.outline-danger {
    outline-color: rgba(var(--color-danger-rgb), var(--outline-opacity))
}

.outline-success {
    outline-color: rgba(var(--color-success-rgb), var(--outline-opacity))
}

.outline-info {
    outline-color: rgba(var(--color-info-rgb), var(--outline-opacity))
}

.outline-special {
    outline-color: rgba(var(--color-special-rgb), var(--outline-opacity))
}

.outline-dark {
    outline-color: rgba(var(--color-dark-rgb), var(--outline-opacity))
}

.outline-elegant {
    outline-color: rgba(var(--color-elegant-rgb), var(--outline-opacity))
}

.outline-stylish {
    outline-color: rgba(var(--color-stylish-rgb), var(--outline-opacity))
}

.outline-unique {
    outline-color: rgba(var(--color-unique-rgb), var(--outline-opacity))
}

.outline-light {
    outline-color: rgba(var(--color-light-rgb), var(--outline-opacity))
}

.outline-ghost {
    outline-color: rgba(var(--color-ghost-rgb), var(--outline-opacity))
}

.outline-brand {
    outline-color: rgba(var(--color-brand-rgb), var(--outline-opacity))
}

.outline-dashed {
    outline-style: dashed
}

.outline-solid {
    outline-style: solid
}

.outline-dotted {
    outline-style: dotted
}

.outline-double {
    outline-style: double
}

.outline-opacity-0 {
    --outline-opacity: 0
}

.outline-opacity-5 {
    --outline-opacity: 0.05
}

.outline-opacity-10 {
    --outline-opacity: 0.1
}

.outline-opacity-20 {
    --outline-opacity: 0.2
}

.outline-opacity-25 {
    --outline-opacity: 0.25
}

.outline-opacity-30 {
    --outline-opacity: 0.3
}

.outline-opacity-40 {
    --outline-opacity: 0.4
}

.outline-opacity-50 {
    --outline-opacity: 0.5
}

.outline-opacity-60 {
    --outline-opacity: 0.6
}

.outline-opacity-70 {
    --outline-opacity: 0.7
}

.outline-opacity-75 {
    --outline-opacity: 0.75
}

.outline-opacity-80 {
    --outline-opacity: 0.8
}

.outline-opacity-90 {
    --outline-opacity: 0.9
}

.outline-opacity-95 {
    --outline-opacity: 0.95
}

.outline-opacity-100 {
    --outline-opacity: 1
}

.border-none {
    --border-opacity: 1;
    border: none;
}

.border,
.border-thin {
    --border-opacity: 1;
    border: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-standard {
    --border-opacity: 1;
    border: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-medium {
    --border-opacity: 1;
    border: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-stocky {
    --border-opacity: 1;
    border: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-thick {
    --border-opacity: 1;
    border: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-left,
.border-left-thin {
    --border-opacity: 1;
    border-left: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-left-standard {
    --border-opacity: 1;
    border-left: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-left-medium {
    --border-opacity: 1;
    border-left: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-left-stocky {
    --border-opacity: 1;
    border-left: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-left-thick {
    --border-opacity: 1;
    border-left: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-top,
.border-top-thin {
    --border-opacity: 1;
    border-top: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-top-standard {
    --border-opacity: 1;
    border-top: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-top-medium {
    --border-opacity: 1;
    border-top: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-top-stocky {
    --border-opacity: 1;
    border-top: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-top-thick {
    --border-opacity: 1;
    border-top: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-right,
.border-right-thin {
    --border-opacity: 1;
    border-right: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-right-standard {
    --border-opacity: 1;
    border-right: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-right-medium {
    --border-opacity: 1;
    border-right: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-right-stocky {
    --border-opacity: 1;
    border-right: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-right-thick {
    --border-opacity: 1;
    border-right: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-bottom,
.border-bottom-thin {
    --border-opacity: 1;
    border-bottom: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-bottom-standard {
    --border-opacity: 1;
    border-bottom: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-bottom-medium {
    --border-opacity: 1;
    border-bottom: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-bottom-stocky {
    --border-opacity: 1;
    border-bottom: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-bottom-thick {
    --border-opacity: 1;
    border-bottom: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

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

.border-1 {
    border-width: 1px;
}

.border-2 {
    border-width: 2px;
}

.border-3 {
    border-width: 3px;
}

.border-4 {
    border-width: 4px;
}

.border-5 {
    border-width: 5px;
}

.border-6 {
    border-width: 6px;
}

.border-7 {
    border-width: 7px;
}

.border-8 {
    border-width: 8px;
}

.border-9 {
    border-width: 9px;
}

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

.border-left-1 {
    border-left-width: 1px;
}

.border-left-2 {
    border-left-width: 2px;
}

.border-left-3 {
    border-left-width: 3px;
}

.border-left-4 {
    border-left-width: 4px;
}

.border-left-5 {
    border-left-width: 5px;
}

.border-left-6 {
    border-left-width: 6px;
}

.border-left-7 {
    border-left-width: 7px;
}

.border-left-8 {
    border-left-width: 8px;
}

.border-left-9 {
    border-left-width: 9px;
}

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

.border-top-1 {
    border-top-width: 1px;
}

.border-top-2 {
    border-top-width: 2px;
}

.border-top-3 {
    border-top-width: 3px;
}

.border-top-4 {
    border-top-width: 4px;
}

.border-top-5 {
    border-top-width: 5px;
}

.border-top-6 {
    border-top-width: 6px;
}

.border-top-7 {
    border-top-width: 7px;
}

.border-top-8 {
    border-top-width: 8px;
}

.border-top-9 {
    border-top-width: 9px;
}

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

.border-right-1 {
    border-right-width: 1px;
}

.border-right-2 {
    border-right-width: 2px;
}

.border-right-3 {
    border-right-width: 3px;
}

.border-right-4 {
    border-right-width: 4px;
}

.border-right-5 {
    border-right-width: 5px;
}

.border-right-6 {
    border-right-width: 6px;
}

.border-right-7 {
    border-right-width: 7px;
}

.border-right-8 {
    border-right-width: 8px;
}

.border-right-9 {
    border-right-width: 9px;
}

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

.border-bottom-1 {
    border-bottom-width: 1px;
}

.border-bottom-2 {
    border-bottom-width: 2px;
}

.border-bottom-3 {
    border-bottom-width: 3px;
}

.border-bottom-4 {
    border-bottom-width: 4px;
}

.border-bottom-5 {
    border-bottom-width: 5px;
}

.border-bottom-6 {
    border-bottom-width: 6px;
}

.border-bottom-7 {
    border-bottom-width: 7px;
}

.border-bottom-8 {
    border-bottom-width: 8px;
}

.border-bottom-9 {
    border-bottom-width: 9px;
}

.border-transparent {
    border-color: #fff0;
}

.border-white {
    border-color: rgba(var(--color-white-rgb), var(--border-opacity));
}

.border-black {
    border-color: rgba(var(--color-black-rgb), var(--border-opacity));
}

.border-red {
    border-color: rgba(var(--color-red-rgb), var(--border-opacity));
}

.border-deeppink {
    border-color: rgba(var(--color-deeppink-rgb), var(--border-opacity));
}

.border-orangered {
    border-color: rgba(var(--color-orangered-rgb), var(--border-opacity));
}

.border-gold {
    border-color: rgba(var(--color-gold-rgb), var(--border-opacity));
}

.border-darkviolet {
    border-color: rgba(var(--color-darkviolet-rgb), var(--border-opacity));
}

.border-lime {
    border-color: rgba(var(--color-lime-rgb), var(--border-opacity));
}

.border-deepskyblue {
    border-color: rgba(var(--color-deepskyblue-rgb), var(--border-opacity));
}

.border-peace {
    border-color: rgba(var(--color-peace-rgb), var(--border-opacity));
}

.border-primary {
    border-color: rgba(var(--color-primary-rgb), var(--border-opacity));
}

.border-warning {
    border-color: rgba(var(--color-warning-rgb), var(--border-opacity));
}

.border-positive {
    border-color: rgba(var(--color-positive-rgb), var(--border-opacity));
}

.border-default {
    border-color: rgba(var(--color-default-rgb), var(--border-opacity));
}

.border-danger {
    border-color: rgba(var(--color-danger-rgb), var(--border-opacity));
}

.border-success {
    border-color: rgba(var(--color-success-rgb), var(--border-opacity));
}

.border-info {
    border-color: rgba(var(--color-info-rgb), var(--border-opacity));
}

.border-special {
    border-color: rgba(var(--color-special-rgb), var(--border-opacity));
}

.border-dark {
    border-color: rgba(var(--color-dark-rgb), var(--border-opacity));
}

.border-elegant {
    border-color: rgba(var(--color-elegant-rgb), var(--border-opacity));
}

.border-stylish {
    border-color: rgba(var(--color-stylish-rgb), var(--border-opacity));
}

.border-unique {
    border-color: rgba(var(--color-unique-rgb), var(--border-opacity));
}

.border-light {
    border-color: rgba(var(--color-light-rgb), var(--border-opacity));
}

.border-ghost {
    border-color: rgba(var(--color-ghost-rgb), var(--border-opacity));
}

.border-brand {
    border-color: rgba(var(--color-brand-rgb), var(--border-opacity));
}

.border-dashed {
    border-style: dashed;
}

.border-solid {
    border-style: solid;
}

.border-dotted {
    border-style: dotted;
}

.border-double {
    border-style: double;
}

.border-opacity-0 {
    --border-opacity: 0;
}

.border-opacity-5 {
    --border-opacity: 0.05;
}

.border-opacity-10 {
    --border-opacity: 0.1;
}

.border-opacity-20 {
    --border-opacity: 0.2;
}

.border-opacity-25 {
    --border-opacity: 0.25;
}

.border-opacity-30 {
    --border-opacity: 0.3;
}

.border-opacity-40 {
    --border-opacity: 0.4;
}

.border-opacity-50 {
    --border-opacity: 0.5;
}

.border-opacity-60 {
    --border-opacity: 0.6;
}

.border-opacity-70 {
    --border-opacity: 0.7;
}

.border-opacity-75 {
    --border-opacity: 0.75;
}

.border-opacity-80 {
    --border-opacity: 0.8;
}

.border-opacity-90 {
    --border-opacity: 0.9;
}

.border-opacity-95 {
    --border-opacity: 0.95;
}

.border-opacity-100 {
    --border-opacity: 1;
}

.rounded {
    --rounded-size: 4px;
    --rouded-top-left: var(--rounded-size);
    --rouded-top-right: var(--rounded-size);
    --rouded-bottom-right: var(--rounded-size);
    --rouded-bottom-left: var(--rounded-size);
    border-top-left-radius: var(--rouded-top-left);
    border-top-right-radius: var(--rouded-top-right);
    border-bottom-right-radius: var(--rouded-bottom-right);
    border-bottom-left-radius: var(--rouded-bottom-left);
}

.rounded-top {
    --rounded-size: 4px;
    --rouded-top-left: var(--rounded-size);
    --rouded-top-right: var(--rounded-size);
    border-top-left-radius: var(--rouded-top-left);
    border-top-right-radius: var(--rouded-top-right);
}

.rounded-right {
    --rounded-size: 4px;
    --rouded-top-right: var(--rounded-size);
    --rouded-bottom-right: var(--rounded-size);
    border-top-right-radius: var(--rouded-top-right);
    border-bottom-right-radius: var(--rouded-bottom-right);
}

.rounded-bottom {
    --rounded-size: 4px;
    --rouded-bottom-right: var(--rounded-size);
    --rouded-bottom-left: var(--rounded-size);
    border-bottom-right-radius: var(--rouded-bottom-right);
    border-bottom-left-radius: var(--rouded-bottom-left);
}

.rounded-left {
    --rounded-size: 4px;
    --rouded-top-left: var(--rounded-size);
    --rouded-bottom-left: var(--rounded-size);
    border-top-left-radius: var(--rouded-top-left);
    border-bottom-left-radius: var(--rouded-bottom-left);
}

.rounded-small {
    --rounded-size: 2px;
}

.rounded-basic {
    --rounded-size: 4px;
}

.rounded-medium {
    --rounded-size: 6px;
}

.rounded-large {
    --rounded-size: 8px;
}

.rounding {
    --rounded-size: 50rem;
}

.rounded-0 {
    --rounded-size: 0px;
}

.rounded-1 {
    --rounded-size: 1px;
}

.rounded-2 {
    --rounded-size: 2px;
}

.rounded-3 {
    --rounded-size: 3px;
}

.rounded-4 {
    --rounded-size: 4px;
}

.rounded-5 {
    --rounded-size: 5px;
}

.rounded-6 {
    --rounded-size: 6px;
}

.rounded-7 {
    --rounded-size: 7px;
}

.rounded-8 {
    --rounded-size: 8px;
}

.rounded-9 {
    --rounded-size: 9px;
}

.rounded-0 {
    border-radius: 0;
}

.rounded-1 {
    border-radius: 1px;
}

.rounded-2 {
    border-radius: 2px;
}

.rounded-3 {
    border-radius: 3px;
}

.rounded-4 {
    border-radius: 4px;
}

.rounded-5 {
    border-radius: 5px;
}

.rounded-6 {
    border-radius: 6px;
}

.rounded-7 {
    border-radius: 7px;
}

.rounded-8 {
    border-radius: 8px;
}

.rounded-9 {
    border-radius: 9px;
}

.rounded-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.rounded-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rounded-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rounded-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rounded-mini {
    border-radius: 2px;
}

.rounded-small {
    border-radius: 4px;
}

.rounded,
.rounded-medium {
    border-radius: 6px;
}

.rounded-large {
    border-radius: 8px;
}

.rounding {
    border-radius: 50rem;
}

.divide-transparent> :not([hidden])~ :not([hidden]) {
    border-color: #fff0;
}

.divide-white> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
}

.divide-black> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
}

.divide-red> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 0, 0, var(--divide-opacity));
}

.divide-deeppink> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 20, 147, var(--divide-opacity));
}

.divide-orangered> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 69, 0, var(--divide-opacity));
}

.divide-gold> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 217, 0, var(--divide-opacity));
}

.divide-darkviolet> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(148, 0, 211, var(--divide-opacity));
}

.divide-lime> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 255, 0, var(--divide-opacity));
}

.divide-deepskyblue> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 191, 255, var(--divide-opacity));
}

.divide-peace> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(136, 102, 255, var(--divide-opacity));
}

.divide-primary> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(66, 66, 255, var(--divide-opacity));
}

.divide-warning> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 104, 36, var(--divide-opacity));
}

.divide-positive> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(136, 36, 255, var(--divide-opacity));
}

.divide-default> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(200, 200, 200, var(--divide-opacity));
}

.divide-danger> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 66, 66, var(--divide-opacity));
}

.divide-success> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 216, 66, var(--divide-opacity));
}

.divide-info> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(34, 136, 255, var(--divide-opacity));
}

.divide-special> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 2, 36, var(--divide-opacity));
}

.divide-dark> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 2, 36, var(--divide-opacity));
}

.divide-elegant> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 36, 36, var(--divide-opacity));
}

.divide-stylish> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 36, 66, var(--divide-opacity));
}

.divide-unique> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 36, 66, var(--divide-opacity));
}

.divide-light> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(242, 244, 246, var(--divide-opacity));
}

.divide-ghost> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(248, 248, 255, var(--divide-opacity));
}

.divide-opacity-0> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0;
}

.divide-opacity-5> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.05;
}

.divide-opacity-10> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.1;
}

.divide-opacity-20> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.2;
}

.divide-opacity-25> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.25;
}

.divide-opacity-30> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.3;
}

.divide-opacity-40> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.4;
}

.divide-opacity-50> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.5;
}

.divide-opacity-60> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.6;
}

.divide-opacity-70> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.7;
}

.divide-opacity-75> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.75;
}

.divide-opacity-80> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.8;
}

.divide-opacity-90> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.9;
}

.divide-opacity-95> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.95;
}

.divide-opacity-100> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 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-x-0> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(0 * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(0 * var(--divide-x-reverse));
}

.divide-x> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(1px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(1px * var(--divide-x-reverse));
}

.divide-x-1> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(1px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(1px * var(--divide-x-reverse));
}

.divide-x-2> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(2px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(2px * var(--divide-x-reverse));
}

.divide-x-3> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(3px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(3px * var(--divide-x-reverse));
}

.divide-x-4> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(4px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(4px * var(--divide-x-reverse));
}

.divide-x-5> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(5px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(5px * var(--divide-x-reverse));
}

.divide-x-6> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(6px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(6px * var(--divide-x-reverse));
}

.divide-x-7> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(7px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(7px * var(--divide-x-reverse));
}

.divide-x-8> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(8px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(8px * var(--divide-x-reverse));
}

.divide-x-9> :not([hidden])~ :not([hidden]) {
    --divide-x-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-left-width: calc(9px * calc(1-var(--divide-x-reverse)));
    border-right-width: calc(9px * var(--divide-x-reverse));
}

.divide-y-0> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(0 * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(0 * var(--divide-y-reverse));
}

.divide-y> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(1px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
}

.divide-y-1> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(1px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
}

.divide-y-2> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(2px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
}

.divide-y-3> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(3px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
}

.divide-y-4> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(4px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
}

.divide-y-5> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(5px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(5px * var(--divide-y-reverse));
}

.divide-y-6> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(6px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(6px * var(--divide-y-reverse));
}

.divide-y-7> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(7px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(7px * var(--divide-y-reverse));
}

.divide-y-8> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(8px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
}

.divide-y-9> :not([hidden])~ :not([hidden]) {
    --divide-y-reverse: 0;
    --divide-opacity: 1;
    border: 0 solid rgba(var(--color-default-rgb), var(--divide-opacity));
    border-top-width: calc(9px * calc(1-var(--divide-y-reverse)));
    border-bottom-width: calc(9px * var(--divide-y-reverse));
}

.border-left-60 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 60px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-left: var(--border-size) var(--border-style) var(--border-colour);
}

.border-top-60 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 60px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-top: var(--border-size) var(--border-style) var(--border-colour);
}

.border-bottom-60 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 60px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-bottom: var(--border-size) var(--border-style) var(--border-colour);
}

.border-right-60 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 60px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-right: var(--border-size) var(--border-style) var(--border-colour);
}

.border-left-80 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 80px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-left: var(--border-size) var(--border-style) var(--border-colour);
}

.border-top-80 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 80px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-top: var(--border-size) var(--border-style) var(--border-colour);
}

.border-bottom-80 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 80px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-bottom: var(--border-size) var(--border-style) var(--border-colour);
}

.border-right-80 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 80px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-right: var(--border-size) var(--border-style) var(--border-colour);
}

.border-left-100 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 100px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-left: var(--border-size) var(--border-style) var(--border-colour);
}

.border-top-100 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 100px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-top: var(--border-size) var(--border-style) var(--border-colour);
}

.border-bottom-100 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 100px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-bottom: var(--border-size) var(--border-style) var(--border-colour);
}

.border-right-100 {
    --border-opacity: 1;
    --border-style: solid;
    --border-size: 100px;
    --border-color: var(--color-default-rgb);
    --border-colour: rgba(var(--border-color), var(--border-opacity));
    border-right: var(--border-size) var(--border-style) var(--border-colour);
}

.margin-0 {
    margin: 0;
}

.-margin-0 {
    margin: calc(0 * var(--root-sizing));
}

.margin-1 {
    margin: 1px;
}

.-margin-1 {
    margin: calc(-1 * var(--root-sizing));
}

.margin-2 {
    margin: 2px;
}

.-margin-2 {
    margin: calc(-2 * var(--root-sizing));
}

.margin-3 {
    margin: 3px;
}

.-margin-3 {
    margin: calc(-3 * var(--root-sizing));
}

.margin-4 {
    margin: 4px;
}

.-margin-4 {
    margin: calc(-4 * var(--root-sizing));
}

.margin-5 {
    margin: 5px;
}

.-margin-5 {
    margin: calc(-5 * var(--root-sizing));
}

.margin-6 {
    margin: 6px;
}

.-margin-6 {
    margin: calc(-6 * var(--root-sizing));
}

.margin-7 {
    margin: 7px;
}

.-margin-7 {
    margin: calc(-7 * var(--root-sizing));
}

.margin-8 {
    margin: 8px;
}

.-margin-8 {
    margin: calc(-8 * var(--root-sizing));
}

.margin-9 {
    margin: 9px;
}

.-margin-9 {
    margin: calc(-9 * var(--root-sizing));
}

.margin-10 {
    margin: 10px;
}

.-margin-10 {
    margin: calc(-10 * var(--root-sizing));
}

.margin-11 {
    margin: 11px;
}

.-margin-11 {
    margin: calc(-11 * var(--root-sizing));
}

.margin-12 {
    margin: 12px;
}

.-margin-12 {
    margin: calc(-12 * var(--root-sizing));
}

.margin-14 {
    margin: 14px;
}

.-margin-14 {
    margin: calc(-14 * var(--root-sizing));
}

.margin-16 {
    margin: 16px;
}

.-margin-16 {
    margin: calc(-16 * var(--root-sizing));
}

.margin-18 {
    margin: 18px;
}

.-margin-18 {
    margin: calc(-18 * var(--root-sizing));
}

.margin-20 {
    margin: 20px;
}

.-margin-20 {
    margin: calc(-20 * var(--root-sizing));
}

.margin-22 {
    margin: 22px;
}

.-margin-22 {
    margin: calc(-22 * var(--root-sizing));
}

.margin-24 {
    margin: 24px;
}

.-margin-24 {
    margin: calc(-24 * var(--root-sizing));
}

.margin-30 {
    margin: 30px;
}

.-margin-30 {
    margin: calc(-30 * var(--root-sizing));
}

.margin-36 {
    margin: 36px;
}

.-margin-36 {
    margin: calc(-36 * var(--root-sizing));
}

.margin-48 {
    margin: 48px;
}

.-margin-48 {
    margin: calc(-48 * var(--root-sizing));
}

.margin-50 {
    margin: 50px;
}

.-margin-50 {
    margin: calc(-50 * var(--root-sizing));
}

.margin-56 {
    margin: 56px;
}

.-margin-56 {
    margin: calc(-56 * var(--root-sizing));
}

.margin-60 {
    margin: 60px;
}

.-margin-60 {
    margin: calc(-60 * var(--root-sizing));
}

.margin-72 {
    margin: 72px;
}

.-margin-72 {
    margin: calc(-72 * var(--root-sizing));
}

.margin-80 {
    margin: 80px;
}

.-margin-80 {
    margin: calc(-80 * var(--root-sizing));
}

.margin-96 {
    margin: 96px;
}

.-margin-96 {
    margin: calc(-96 * var(--root-sizing));
}

.margin-120 {
    margin: 120px;
}

.-margin-120 {
    margin: calc(-120 * var(--root-sizing));
}

.margin-180 {
    margin: 180px;
}

.-margin-180 {
    margin: calc(-180 * var(--root-sizing));
}

.margin-240 {
    margin: 240px;
}

.-margin-240 {
    margin: calc(-240 * var(--root-sizing));
}

.margin-320 {
    margin: 320px;
}

.-margin-320 {
    margin: calc(-320 * var(--root-sizing));
}

.margin-360 {
    margin: 360px;
}

.-margin-360 {
    margin: calc(-360 * var(--root-sizing));
}

.margin-left-auto,
.margin-x-auto {
    margin-left: auto;
}

.margin-top-auto,
.margin-y-auto {
    margin-top: auto;
}

.margin-right-auto,
.margin-x-auto {
    margin-right: auto;
}

.margin-bottom-auto,
.margin-y-auto {
    margin-bottom: auto;
}

.margin-left-0,
.margin-x-0 {
    margin-left: 0;
}

.-margin-left-0,
.-margin-x-0 {
    margin-left: calc(0 * var(--root-sizing));
}

.margin-top-0,
.margin-y-0 {
    margin-top: 0;
}

.-margin-top-0,
.-margin-y-0 {
    margin-top: calc(0 * var(--root-sizing));
}

.margin-right-0,
.margin-x-0 {
    margin-right: 0;
}

.-margin-right-0,
.-margin-x-0 {
    margin-right: calc(0 * var(--root-sizing));
}

.margin-bottom-0,
.margin-y-0 {
    margin-bottom: 0;
}

.-margin-bottom-0,
.-margin-y-0 {
    margin-bottom: calc(0 * var(--root-sizing));
}

.margin-left-1,
.margin-x-1 {
    margin-left: 1px;
}

.-margin-left-1,
.-margin-x-1 {
    margin-left: calc(-1 * var(--root-sizing));
}

.margin-top-1,
.margin-y-1 {
    margin-top: 1px;
}

.-margin-top-1,
.-margin-y-1 {
    margin-top: calc(-1 * var(--root-sizing));
}

.margin-right-1,
.margin-x-1 {
    margin-right: 1px;
}

.-margin-right-1,
.-margin-x-1 {
    margin-right: calc(-1 * var(--root-sizing));
}

.margin-bottom-1,
.margin-y-1 {
    margin-bottom: 1px;
}

.-margin-bottom-1,
.-margin-y-1 {
    margin-bottom: calc(-1 * var(--root-sizing));
}

.margin-left-2,
.margin-x-2 {
    margin-left: 2px;
}

.-margin-left-2,
.-margin-x-2 {
    margin-left: calc(-2 * var(--root-sizing));
}

.margin-top-2,
.margin-y-2 {
    margin-top: 2px;
}

.-margin-top-2,
.-margin-y-2 {
    margin-top: calc(-2 * var(--root-sizing));
}

.margin-right-2,
.margin-x-2 {
    margin-right: 2px;
}

.-margin-right-2,
.-margin-x-2 {
    margin-right: calc(-2 * var(--root-sizing));
}

.margin-bottom-2,
.margin-y-2 {
    margin-bottom: 2px;
}

.-margin-bottom-2,
.-margin-y-2 {
    margin-bottom: calc(-2 * var(--root-sizing));
}

.margin-left-3,
.margin-x-3 {
    margin-left: 3px;
}

.-margin-left-3,
.-margin-x-3 {
    margin-left: calc(-3 * var(--root-sizing));
}

.margin-top-3,
.margin-y-3 {
    margin-top: 3px;
}

.-margin-top-3,
.-margin-y-3 {
    margin-top: calc(-3 * var(--root-sizing));
}

.margin-right-3,
.margin-x-3 {
    margin-right: 3px;
}

.-margin-right-3,
.-margin-x-3 {
    margin-right: calc(-3 * var(--root-sizing));
}

.margin-bottom-3,
.margin-y-3 {
    margin-bottom: 3px;
}

.-margin-bottom-3,
.-margin-y-3 {
    margin-bottom: calc(-3 * var(--root-sizing));
}

.margin-left-4,
.margin-x-4 {
    margin-left: 4px;
}

.-margin-left-4,
.-margin-x-4 {
    margin-left: calc(-4 * var(--root-sizing));
}

.margin-top-4,
.margin-y-4 {
    margin-top: 4px;
}

.-margin-top-4,
.-margin-y-4 {
    margin-top: calc(-4 * var(--root-sizing));
}

.margin-right-4,
.margin-x-4 {
    margin-right: 4px;
}

.-margin-right-4,
.-margin-x-4 {
    margin-right: calc(-4 * var(--root-sizing));
}

.margin-bottom-4,
.margin-y-4 {
    margin-bottom: 4px;
}

.-margin-bottom-4,
.-margin-y-4 {
    margin-bottom: calc(-4 * var(--root-sizing));
}

.margin-left-5,
.margin-x-5 {
    margin-left: 5px;
}

.-margin-left-5,
.-margin-x-5 {
    margin-left: calc(-5 * var(--root-sizing));
}

.margin-top-5,
.margin-y-5 {
    margin-top: 5px;
}

.-margin-top-5,
.-margin-y-5 {
    margin-top: calc(-5 * var(--root-sizing));
}

.margin-right-5,
.margin-x-5 {
    margin-right: 5px;
}

.-margin-right-5,
.-margin-x-5 {
    margin-right: calc(-5 * var(--root-sizing));
}

.margin-bottom-5,
.margin-y-5 {
    margin-bottom: 5px;
}

.-margin-bottom-5,
.-margin-y-5 {
    margin-bottom: calc(-5 * var(--root-sizing));
}

.margin-left-6,
.margin-x-6 {
    margin-left: 6px;
}

.-margin-left-6,
.-margin-x-6 {
    margin-left: calc(-6 * var(--root-sizing));
}

.margin-top-6,
.margin-y-6 {
    margin-top: 6px;
}

.-margin-top-6,
.-margin-y-6 {
    margin-top: calc(-6 * var(--root-sizing));
}

.margin-right-6,
.margin-x-6 {
    margin-right: 6px;
}

.-margin-right-6,
.-margin-x-6 {
    margin-right: calc(-6 * var(--root-sizing));
}

.margin-bottom-6,
.margin-y-6 {
    margin-bottom: 6px;
}

.-margin-bottom-6,
.-margin-y-6 {
    margin-bottom: calc(-6 * var(--root-sizing));
}

.margin-left-7,
.margin-x-7 {
    margin-left: 7px;
}

.-margin-left-7,
.-margin-x-7 {
    margin-left: calc(-7 * var(--root-sizing));
}

.margin-top-7,
.margin-y-7 {
    margin-top: 7px;
}

.-margin-top-7,
.-margin-y-7 {
    margin-top: calc(-7 * var(--root-sizing));
}

.margin-right-7,
.margin-x-7 {
    margin-right: 7px;
}

.-margin-right-7,
.-margin-x-7 {
    margin-right: calc(-7 * var(--root-sizing));
}

.margin-bottom-7,
.margin-y-7 {
    margin-bottom: 7px;
}

.-margin-bottom-7,
.-margin-y-7 {
    margin-bottom: calc(-7 * var(--root-sizing));
}

.margin-left-8,
.margin-x-8 {
    margin-left: 8px;
}

.-margin-left-8,
.-margin-x-8 {
    margin-left: calc(-8 * var(--root-sizing));
}

.margin-top-8,
.margin-y-8 {
    margin-top: 8px;
}

.-margin-top-8,
.-margin-y-8 {
    margin-top: calc(-8 * var(--root-sizing));
}

.margin-right-8,
.margin-x-8 {
    margin-right: 8px;
}

.-margin-right-8,
.-margin-x-8 {
    margin-right: calc(-8 * var(--root-sizing));
}

.margin-bottom-8,
.margin-y-8 {
    margin-bottom: 8px;
}

.-margin-bottom-8,
.-margin-y-8 {
    margin-bottom: calc(-8 * var(--root-sizing));
}

.margin-left-9,
.margin-x-9 {
    margin-left: 9px;
}

.-margin-left-9,
.-margin-x-9 {
    margin-left: calc(-9 * var(--root-sizing));
}

.margin-top-9,
.margin-y-9 {
    margin-top: 9px;
}

.-margin-top-9,
.-margin-y-9 {
    margin-top: calc(-9 * var(--root-sizing));
}

.margin-right-9,
.margin-x-9 {
    margin-right: 9px;
}

.-margin-right-9,
.-margin-x-9 {
    margin-right: calc(-9 * var(--root-sizing));
}

.margin-bottom-9,
.margin-y-9 {
    margin-bottom: 9px;
}

.-margin-bottom-9,
.-margin-y-9 {
    margin-bottom: calc(-9 * var(--root-sizing));
}

.margin-left-10,
.margin-x-10 {
    margin-left: 10px;
}

.-margin-left-10,
.-margin-x-10 {
    margin-left: calc(-10 * var(--root-sizing));
}

.margin-top-10,
.margin-y-10 {
    margin-top: 10px;
}

.-margin-top-10,
.-margin-y-10 {
    margin-top: calc(-10 * var(--root-sizing));
}

.margin-right-10,
.margin-x-10 {
    margin-right: 10px;
}

.-margin-right-10,
.-margin-x-10 {
    margin-right: calc(-10 * var(--root-sizing));
}

.margin-bottom-10,
.margin-y-10 {
    margin-bottom: 10px;
}

.-margin-bottom-10,
.-margin-y-10 {
    margin-bottom: calc(-10 * var(--root-sizing));
}

.margin-left-11,
.margin-x-11 {
    margin-left: 11px;
}

.-margin-left-11,
.-margin-x-11 {
    margin-left: calc(-11 * var(--root-sizing));
}

.margin-top-11,
.margin-y-11 {
    margin-top: 11px;
}

.-margin-top-11,
.-margin-y-11 {
    margin-top: calc(-11 * var(--root-sizing));
}

.margin-right-11,
.margin-x-11 {
    margin-right: 11px;
}

.-margin-right-11,
.-margin-x-11 {
    margin-right: calc(-11 * var(--root-sizing));
}

.margin-bottom-11,
.margin-y-11 {
    margin-bottom: 11px;
}

.-margin-bottom-11,
.-margin-y-11 {
    margin-bottom: calc(-11 * var(--root-sizing));
}

.margin-left-12,
.margin-x-12 {
    margin-left: 12px;
}

.-margin-left-12,
.-margin-x-12 {
    margin-left: calc(-12 * var(--root-sizing));
}

.margin-top-12,
.margin-y-12 {
    margin-top: 12px;
}

.-margin-top-12,
.-margin-y-12 {
    margin-top: calc(-12 * var(--root-sizing));
}

.margin-right-12,
.margin-x-12 {
    margin-right: 12px;
}

.-margin-right-12,
.-margin-x-12 {
    margin-right: calc(-12 * var(--root-sizing));
}

.margin-bottom-12,
.margin-y-12 {
    margin-bottom: 12px;
}

.-margin-bottom-12,
.-margin-y-12 {
    margin-bottom: calc(-12 * var(--root-sizing));
}

.margin-left-14,
.margin-x-14 {
    margin-left: 14px;
}

.-margin-left-14,
.-margin-x-14 {
    margin-left: calc(-14 * var(--root-sizing));
}

.margin-top-14,
.margin-y-14 {
    margin-top: 14px;
}

.-margin-top-14,
.-margin-y-14 {
    margin-top: calc(-14 * var(--root-sizing));
}

.margin-right-14,
.margin-x-14 {
    margin-right: 14px;
}

.-margin-right-14,
.-margin-x-14 {
    margin-right: calc(-14 * var(--root-sizing));
}

.margin-bottom-14,
.margin-y-14 {
    margin-bottom: 14px;
}

.-margin-bottom-14,
.-margin-y-14 {
    margin-bottom: calc(-14 * var(--root-sizing));
}

.margin-left-16,
.margin-x-16 {
    margin-left: 16px;
}

.-margin-left-16,
.-margin-x-16 {
    margin-left: calc(-16 * var(--root-sizing));
}

.margin-top-16,
.margin-y-16 {
    margin-top: 16px;
}

.-margin-top-16,
.-margin-y-16 {
    margin-top: calc(-16 * var(--root-sizing));
}

.margin-right-16,
.margin-x-16 {
    margin-right: 16px;
}

.-margin-right-16,
.-margin-x-16 {
    margin-right: calc(-16 * var(--root-sizing));
}

.margin-bottom-16,
.margin-y-16 {
    margin-bottom: 16px;
}

.-margin-bottom-16,
.-margin-y-16 {
    margin-bottom: calc(-16 * var(--root-sizing));
}

.margin-left-18,
.margin-x-18 {
    margin-left: 18px;
}

.-margin-left-18,
.-margin-x-18 {
    margin-left: calc(-18 * var(--root-sizing));
}

.margin-top-18,
.margin-y-18 {
    margin-top: 18px;
}

.-margin-top-18,
.-margin-y-18 {
    margin-top: calc(-18 * var(--root-sizing));
}

.margin-right-18,
.margin-x-18 {
    margin-right: 18px;
}

.-margin-right-18,
.-margin-x-18 {
    margin-right: calc(-18 * var(--root-sizing));
}

.margin-bottom-18,
.margin-y-18 {
    margin-bottom: 18px;
}

.-margin-bottom-18,
.-margin-y-18 {
    margin-bottom: calc(-18 * var(--root-sizing));
}

.margin-left-20,
.margin-x-20 {
    margin-left: 20px;
}

.-margin-left-20,
.-margin-x-20 {
    margin-left: calc(-20 * var(--root-sizing));
}

.margin-top-20,
.margin-y-20 {
    margin-top: 20px;
}

.-margin-top-20,
.-margin-y-20 {
    margin-top: calc(-20 * var(--root-sizing));
}

.margin-right-20,
.margin-x-20 {
    margin-right: 20px;
}

.-margin-right-20,
.-margin-x-20 {
    margin-right: calc(-20 * var(--root-sizing));
}

.margin-bottom-20,
.margin-y-20 {
    margin-bottom: 20px;
}

.-margin-bottom-20,
.-margin-y-20 {
    margin-bottom: calc(-20 * var(--root-sizing));
}

.margin-left-22,
.margin-x-22 {
    margin-left: 22px;
}

.-margin-left-22,
.-margin-x-22 {
    margin-left: calc(-22 * var(--root-sizing));
}

.margin-top-22,
.margin-y-22 {
    margin-top: 22px;
}

.-margin-top-22,
.-margin-y-22 {
    margin-top: calc(-22 * var(--root-sizing));
}

.margin-right-22,
.margin-x-22 {
    margin-right: 22px;
}

.-margin-right-22,
.-margin-x-22 {
    margin-right: calc(-22 * var(--root-sizing));
}

.margin-bottom-22,
.margin-y-22 {
    margin-bottom: 22px;
}

.-margin-bottom-22,
.-margin-y-22 {
    margin-bottom: calc(-22 * var(--root-sizing));
}

.margin-left-24,
.margin-x-24 {
    margin-left: 24px;
}

.-margin-left-24,
.-margin-x-24 {
    margin-left: calc(-24 * var(--root-sizing));
}

.margin-top-24,
.margin-y-24 {
    margin-top: 24px;
}

.-margin-top-24,
.-margin-y-24 {
    margin-top: calc(-24 * var(--root-sizing));
}

.margin-right-24,
.margin-x-24 {
    margin-right: 24px;
}

.-margin-right-24,
.-margin-x-24 {
    margin-right: calc(-24 * var(--root-sizing));
}

.margin-bottom-24,
.margin-y-24 {
    margin-bottom: 24px;
}

.-margin-bottom-24,
.-margin-y-24 {
    margin-bottom: calc(-24 * var(--root-sizing));
}

.margin-left-30,
.margin-x-30 {
    margin-left: 30px;
}

.-margin-left-30,
.-margin-x-30 {
    margin-left: calc(-30 * var(--root-sizing));
}

.margin-top-30,
.margin-y-30 {
    margin-top: 30px;
}

.-margin-top-30,
.-margin-y-30 {
    margin-top: calc(-30 * var(--root-sizing));
}

.margin-right-30,
.margin-x-30 {
    margin-right: 30px;
}

.-margin-right-30,
.-margin-x-30 {
    margin-right: calc(-30 * var(--root-sizing));
}

.margin-bottom-30,
.margin-y-30 {
    margin-bottom: 30px;
}

.-margin-bottom-30,
.-margin-y-30 {
    margin-bottom: calc(-30 * var(--root-sizing));
}

.margin-left-36,
.margin-x-36 {
    margin-left: 36px;
}

.-margin-left-36,
.-margin-x-36 {
    margin-left: calc(-36 * var(--root-sizing));
}

.margin-top-36,
.margin-y-36 {
    margin-top: 36px;
}

.-margin-top-36,
.-margin-y-36 {
    margin-top: calc(-36 * var(--root-sizing));
}

.margin-right-36,
.margin-x-36 {
    margin-right: 36px;
}

.-margin-right-36,
.-margin-x-36 {
    margin-right: calc(-36 * var(--root-sizing));
}

.margin-bottom-36,
.margin-y-36 {
    margin-bottom: 36px;
}

.-margin-bottom-36,
.-margin-y-36 {
    margin-bottom: calc(-36 * var(--root-sizing));
}

.margin-left-48,
.margin-x-48 {
    margin-left: 48px;
}

.-margin-left-48,
.-margin-x-48 {
    margin-left: calc(-48 * var(--root-sizing));
}

.margin-top-48,
.margin-y-48 {
    margin-top: 48px;
}

.-margin-top-48,
.-margin-y-48 {
    margin-top: calc(-48 * var(--root-sizing));
}

.margin-right-48,
.margin-x-48 {
    margin-right: 48px;
}

.-margin-right-48,
.-margin-x-48 {
    margin-right: calc(-48 * var(--root-sizing));
}

.margin-bottom-48,
.margin-y-48 {
    margin-bottom: 48px;
}

.-margin-bottom-48,
.-margin-y-48 {
    margin-bottom: calc(-48 * var(--root-sizing));
}

.margin-left-50,
.margin-x-50 {
    margin-left: 50px;
}

.-margin-left-50,
.-margin-x-50 {
    margin-left: calc(-50 * var(--root-sizing));
}

.margin-top-50,
.margin-y-50 {
    margin-top: 50px;
}

.-margin-top-50,
.-margin-y-50 {
    margin-top: calc(-50 * var(--root-sizing));
}

.margin-right-50,
.margin-x-50 {
    margin-right: 50px;
}

.-margin-right-50,
.-margin-x-50 {
    margin-right: calc(-50 * var(--root-sizing));
}

.margin-bottom-50,
.margin-y-50 {
    margin-bottom: 50px;
}

.-margin-bottom-50,
.-margin-y-50 {
    margin-bottom: calc(-50 * var(--root-sizing));
}

.margin-left-56,
.margin-x-56 {
    margin-left: 56px;
}

.-margin-left-56,
.-margin-x-56 {
    margin-left: calc(-56 * var(--root-sizing));
}

.margin-top-56,
.margin-y-56 {
    margin-top: 56px;
}

.-margin-top-56,
.-margin-y-56 {
    margin-top: calc(-56 * var(--root-sizing));
}

.margin-right-56,
.margin-x-56 {
    margin-right: 56px;
}

.-margin-right-56,
.-margin-x-56 {
    margin-right: calc(-56 * var(--root-sizing));
}

.margin-bottom-56,
.margin-y-56 {
    margin-bottom: 56px;
}

.-margin-bottom-56,
.-margin-y-56 {
    margin-bottom: calc(-56 * var(--root-sizing));
}

.margin-left-60,
.margin-x-60 {
    margin-left: 60px;
}

.-margin-left-60,
.-margin-x-60 {
    margin-left: calc(-60 * var(--root-sizing));
}

.margin-top-60,
.margin-y-60 {
    margin-top: 60px;
}

.-margin-top-60,
.-margin-y-60 {
    margin-top: calc(-60 * var(--root-sizing));
}

.margin-right-60,
.margin-x-60 {
    margin-right: 60px;
}

.-margin-right-60,
.-margin-x-60 {
    margin-right: calc(-60 * var(--root-sizing));
}

.margin-bottom-60,
.margin-y-60 {
    margin-bottom: 60px;
}

.-margin-bottom-60,
.-margin-y-60 {
    margin-bottom: calc(-60 * var(--root-sizing));
}

.margin-left-72,
.margin-x-72 {
    margin-left: 72px;
}

.-margin-left-72,
.-margin-x-72 {
    margin-left: calc(-72 * var(--root-sizing));
}

.margin-top-72,
.margin-y-72 {
    margin-top: 72px;
}

.-margin-top-72,
.-margin-y-72 {
    margin-top: calc(-72 * var(--root-sizing));
}

.margin-right-72,
.margin-x-72 {
    margin-right: 72px;
}

.-margin-right-72,
.-margin-x-72 {
    margin-right: calc(-72 * var(--root-sizing));
}

.margin-bottom-72,
.margin-y-72 {
    margin-bottom: 72px;
}

.-margin-bottom-72,
.-margin-y-72 {
    margin-bottom: calc(-72 * var(--root-sizing));
}

.margin-left-80,
.margin-x-80 {
    margin-left: 80px;
}

.-margin-left-80,
.-margin-x-80 {
    margin-left: calc(-80 * var(--root-sizing));
}

.margin-top-80,
.margin-y-80 {
    margin-top: 80px;
}

.-margin-top-80,
.-margin-y-80 {
    margin-top: calc(-80 * var(--root-sizing));
}

.margin-right-80,
.margin-x-80 {
    margin-right: 80px;
}

.-margin-right-80,
.-margin-x-80 {
    margin-right: calc(-80 * var(--root-sizing));
}

.margin-bottom-80,
.margin-y-80 {
    margin-bottom: 80px;
}

.-margin-bottom-80,
.-margin-y-80 {
    margin-bottom: calc(-80 * var(--root-sizing));
}

.margin-left-96,
.margin-x-96 {
    margin-left: 96px;
}

.-margin-left-96,
.-margin-x-96 {
    margin-left: calc(-96 * var(--root-sizing));
}

.margin-top-96,
.margin-y-96 {
    margin-top: 96px;
}

.-margin-top-96,
.-margin-y-96 {
    margin-top: calc(-96 * var(--root-sizing));
}

.margin-right-96,
.margin-x-96 {
    margin-right: 96px;
}

.-margin-right-96,
.-margin-x-96 {
    margin-right: calc(-96 * var(--root-sizing));
}

.margin-bottom-96,
.margin-y-96 {
    margin-bottom: 96px;
}

.-margin-bottom-96,
.-margin-y-96 {
    margin-bottom: calc(-96 * var(--root-sizing));
}

.margin-left-120,
.margin-x-120 {
    margin-left: 120px;
}

.-margin-left-120,
.-margin-x-120 {
    margin-left: calc(-120 * var(--root-sizing));
}

.margin-top-120,
.margin-y-120 {
    margin-top: 120px;
}

.-margin-top-120,
.-margin-y-120 {
    margin-top: calc(-120 * var(--root-sizing));
}

.margin-right-120,
.margin-x-120 {
    margin-right: 120px;
}

.-margin-right-120,
.-margin-x-120 {
    margin-right: calc(-120 * var(--root-sizing));
}

.margin-bottom-120,
.margin-y-120 {
    margin-bottom: 120px;
}

.-margin-bottom-120,
.-margin-y-120 {
    margin-bottom: calc(-120 * var(--root-sizing));
}

.margin-left-180,
.margin-x-180 {
    margin-left: 180px;
}

.-margin-left-180,
.-margin-x-180 {
    margin-left: calc(-180 * var(--root-sizing));
}

.margin-top-180,
.margin-y-180 {
    margin-top: 180px;
}

.-margin-top-180,
.-margin-y-180 {
    margin-top: calc(-180 * var(--root-sizing));
}

.margin-right-180,
.margin-x-180 {
    margin-right: 180px;
}

.-margin-right-180,
.-margin-x-180 {
    margin-right: calc(-180 * var(--root-sizing));
}

.margin-bottom-180,
.margin-y-180 {
    margin-bottom: 180px;
}

.-margin-bottom-180,
.-margin-y-180 {
    margin-bottom: calc(-180 * var(--root-sizing));
}

.margin-left-240,
.margin-x-240 {
    margin-left: 240px;
}

.-margin-left-240,
.-margin-x-240 {
    margin-left: calc(-240 * var(--root-sizing));
}

.margin-top-240,
.margin-y-240 {
    margin-top: 240px;
}

.-margin-top-240,
.-margin-y-240 {
    margin-top: calc(-240 * var(--root-sizing));
}

.margin-right-240,
.margin-x-240 {
    margin-right: 240px;
}

.-margin-right-240,
.-margin-x-240 {
    margin-right: calc(-240 * var(--root-sizing));
}

.margin-bottom-240,
.margin-y-240 {
    margin-bottom: 240px;
}

.-margin-bottom-240,
.-margin-y-240 {
    margin-bottom: calc(-240 * var(--root-sizing));
}

.margin-left-320,
.margin-x-320 {
    margin-left: 320px;
}

.-margin-left-320,
.-margin-x-320 {
    margin-left: calc(-320 * var(--root-sizing));
}

.margin-top-320,
.margin-y-320 {
    margin-top: 320px;
}

.-margin-top-320,
.-margin-y-320 {
    margin-top: calc(-320 * var(--root-sizing));
}

.margin-right-320,
.margin-x-320 {
    margin-right: 320px;
}

.-margin-right-320,
.-margin-x-320 {
    margin-right: calc(-320 * var(--root-sizing));
}

.margin-bottom-320,
.margin-y-320 {
    margin-bottom: 320px;
}

.-margin-bottom-320,
.-margin-y-320 {
    margin-bottom: calc(-320 * var(--root-sizing));
}

.margin-left-360,
.margin-x-360 {
    margin-left: 360px;
}

.-margin-left-360,
.-margin-x-360 {
    margin-left: calc(-360 * var(--root-sizing));
}

.margin-top-360,
.margin-y-360 {
    margin-top: 360px;
}

.-margin-top-360,
.-margin-y-360 {
    margin-top: calc(-360 * var(--root-sizing));
}

.margin-right-360,
.margin-x-360 {
    margin-right: 360px;
}

.-margin-right-360,
.-margin-x-360 {
    margin-right: calc(-360 * var(--root-sizing));
}

.margin-bottom-360,
.margin-y-360 {
    margin-bottom: 360px;
}

.-margin-bottom-360,
.-margin-y-360 {
    margin-bottom: calc(-360 * var(--root-sizing));
}

.-margin-top-1\/4,
.-margin-top-25-percent {
    margin-top: -25%;
}

.-margin-right-1\/4,
.-margin-right-25-percent {
    margin-right: -25%;
}

.-margin-bottom-1\/4,
.-margin-bottom-25-percent {
    margin-bottom: -25%;
}

.-margin-left-1\/4,
.-margin-left-25-percent {
    margin-left: -25%;
}

.-margin-top-1\/3 {
    margin-top: -33%;
}

.-margin-right-1\/3 {
    margin-right: -33%;
}

.-margin-bottom-1\/3 {
    margin-bottom: -33%;
}

.-margin-left-1\/3 {
    margin-left: -33%;
}

.-margin-top-1\/2,
.-margin-top-2\/4,
.-margin-top-50-percent,
.-margin-top-half {
    margin-top: -50%;
}

.-margin-right-1\/2,
.-margin-right-2\/4,
.-margin-right-50-percent,
.-margin-right-half {
    margin-right: -50%;
}

.-margin-bottom-1\/2,
.-margin-bottom-2\/4,
.-margin-bottom-50-percent,
.-margin-bottom-half {
    margin-bottom: -50%;
}

.-margin-left-1\/2,
.-margin-left-2\/4,
.-margin-left-50-percent,
.-margin-left-half {
    margin-left: -50%;
}

.-margin-top-9\/16 {
    margin-top: -56.25%;
}

.-margin-right-9\/16 {
    margin-right: -56.25%;
}

.-margin-bottom-9\/16 {
    margin-bottom: -56.25%;
}

.-margin-left-9\/16 {
    margin-left: -56.25%;
}

.-margin-top-2\/3 {
    margin-top: -66%;
}

.-margin-right-2\/3 {
    margin-right: -66%;
}

.-margin-bottom-2\/3 {
    margin-bottom: -66%;
}

.-margin-left-2\/3 {
    margin-left: -66%;
}

.-margin-top-3\/4,
.-margin-top-75-percent {
    margin-top: -75%;
}

.-margin-right-3\/4,
.-margin-right-75-percent {
    margin-right: -75%;
}

.-margin-bottom-3\/4,
.-margin-bottom-75-percent {
    margin-bottom: -75%;
}

.-margin-left-3\/4,
.-margin-left-75-percent {
    margin-left: -75%;
}

.-margin-top-100-percent,
.-margin-top-1\/1,
.-margin-top-full {
    margin-top: -100%;
}

.-margin-right-100-percent,
.-margin-right-1\/1,
.-margin-right-full {
    margin-right: -100%;
}

.-margin-bottom-100-percent,
.-margin-bottom-1\/1,
.-margin-bottom-full {
    margin-bottom: -100%;
}

.-margin-left-100-percent,
.-margin-left-1\/1,
.-margin-left-full {
    margin-left: -100%;
}

.-margin-top-4\/3 {
    margin-top: -133.33%;
}

.-margin-right-4\/3 {
    margin-right: -133.33%;
}

.-margin-bottom-4\/3 {
    margin-bottom: -133.33%;
}

.-margin-left-4\/3 {
    margin-left: -133.33%;
}

.font-sans,
.font-sans-serif {
    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-monospace {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-numeric-diagonal-fractions,
.font-numeric-lining,
.font-numeric-oldstyle,
.font-numeric-ordinal,
.font-numeric-proportional,
.font-numeric-slashed-zero,
.font-numeric-stacked-fractions,
.font-numeric-tabular {
    --ordinal: var(--empty);
    --slashed-zero: var(--empty);
    --numeric-figure: var(--empty);
    --numeric-spacing: var(--empty);
    --numeric-fraction: var(--empty);
    font-variant-numeric: var(--ordinal) var(--slashed-zero) var(--numeric-figure) var(--numeric-spacing) var(--numeric-fraction);
}

.font-numeric-normal {
    font-variant-numeric: normal;
}

.font-numeric-ordinal {
    --ordinal: ordinal;
}

.font-numeric-slashed-zero {
    --slashed-zero: slashed-zero;
}

.font-numeric-lining {
    --numeric-figure: lining-nums;
}

.font-numeric-oldstyle {
    --numeric-figure: oldstyle-nums;
}

.font-numeric-proportional {
    --numeric-spacing: proportional-nums;
}

.font-numeric-tabular {
    --numeric-spacing: tabular-nums;
}

.font-numeric-diagonal-fractions {
    --numeric-fraction: diagonal-fractions;
}

.font-numeric-stacked-fractions {
    --numeric-fraction: stacked-fractions;
}

.font-size-6 {
    font-size: 6px;
}

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

.font-size-9 {
    font-size: 9px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

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

.font-size-18 {
    font-size: 18px;
}

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

.font-size-22 {
    font-size: 22px;
}

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

.font-size-30 {
    font-size: 30px;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-48 {
    font-size: 48px;
}

.font-size-60 {
    font-size: 60px;
}

.font-size-72 {
    font-size: 72px;
}

.font-size-96 {
    font-size: 96px;
}

.font-style-italic {
    font-style: italic;
}

.font-style-oblique {
    font-style: oblique;
}

.font-style-normal {
    font-style: normal;
}

.line-height-6 {
    line-height: 6px;
}

.line-height-8 {
    line-height: 8px;
}

.line-height-9 {
    line-height: 9px;
}

.line-height-10 {
    line-height: 10px;
}

.line-height-11 {
    line-height: 11px;
}

.line-height-12 {
    line-height: 12px;
}

.line-height-14 {
    line-height: 14px;
}

.line-height-16 {
    line-height: 16px;
}

.line-height-18 {
    line-height: 18px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-22 {
    line-height: 22px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-36 {
    line-height: 36px;
}

.line-height-48 {
    line-height: 48px;
}

.line-height-60 {
    line-height: 60px;
}

.line-height-72 {
    line-height: 72px;
}

.line-height-96 {
    line-height: 96px;
}

.link-white a {
    --link-opacity: 1;
    color: rgba(var(--color-white-rgb), var(--link-opacity));
}

.link-black a {
    --link-opacity: 1;
    color: rgba(var(--color-black-rgb), var(--link-opacity));
}

.link-red a {
    --link-opacity: 1;
    color: rgba(var(--color-red-rgb), var(--link-opacity));
}

.link-deeppink a {
    --link-opacity: 1;
    color: rgba(var(--color-deeppink-rgb), var(--link-opacity));
}

.link-orangered a {
    --link-opacity: 1;
    color: rgba(var(--color-orangered-rgb), var(--link-opacity));
}

.link-gold a {
    --link-opacity: 1;
    color: rgba(var(--color-gold-rgb), var(--link-opacity));
}

.link-darkviolet a {
    --link-opacity: 1;
    color: rgba(var(--color-darkviolet-rgb), var(--link-opacity));
}

.link-lime a {
    --link-opacity: 1;
    color: rgba(var(--color-lime-rgb), var(--link-opacity));
}

.link-deepskyblue a {
    --link-opacity: 1;
    color: rgba(var(--color-deepskyblue-rgb), var(--link-opacity));
}

.link-peace a {
    --link-opacity: 1;
    color: rgba(var(--color-peace-rgb), var(--link-opacity));
}

.link-primary a {
    --link-opacity: 1;
    color: rgba(var(--color-primary-rgb), var(--link-opacity));
}

.link-warning a {
    --link-opacity: 1;
    color: rgba(var(--color-warning-rgb), var(--link-opacity));
}

.link-positive a {
    --link-opacity: 1;
    color: rgba(var(--color-positive-rgb), var(--link-opacity));
}

.link-default a {
    --link-opacity: 1;
    color: rgba(var(--color-default-rgb), var(--link-opacity));
}

.link-danger a {
    --link-opacity: 1;
    color: rgba(var(--color-danger-rgb), var(--link-opacity));
}

.link-success a {
    --link-opacity: 1;
    color: rgba(var(--color-success-rgb), var(--link-opacity));
}

.link-info a {
    --link-opacity: 1;
    color: rgba(var(--color-info-rgb), var(--link-opacity));
}

.link-special a {
    --link-opacity: 1;
    color: rgba(var(--color-special-rgb), var(--link-opacity));
}

.link-dark a {
    --link-opacity: 1;
    color: rgba(var(--color-dark-rgb), var(--link-opacity));
}

.link-elegant a {
    --link-opacity: 1;
    color: rgba(var(--color-elegant-rgb), var(--link-opacity));
}

.link-stylish a {
    --link-opacity: 1;
    color: rgba(var(--color-stylish-rgb), var(--link-opacity));
}

.link-unique a {
    --link-opacity: 1;
    color: rgba(var(--color-unique-rgb), var(--link-opacity));
}

.link-light a {
    --link-opacity: 1;
    color: rgba(var(--color-light-rgb), var(--link-opacity));
}

.link-ghost a {
    --link-opacity: 1;
    color: rgba(var(--color-ghost-rgb), var(--link-opacity));
}

.link-brand a {
    --link-opacity: 1;
    color: rgba(var(--color-brand-rgb), var(--link-opacity));
}

.link-underline a {
    text-decoration: underline;
}

.link-opacity-0 {
    --link-opacity: 0;
}

.link-opacity-5 {
    --link-opacity: 0.05;
}

.link-opacity-10 {
    --link-opacity: 0.1;
}

.link-opacity-20 {
    --link-opacity: 0.2;
}

.link-opacity-25 {
    --link-opacity: 0.25;
}

.link-opacity-30 {
    --link-opacity: 0.3;
}

.link-opacity-40 {
    --link-opacity: 0.4;
}

.link-opacity-50 {
    --link-opacity: 0.5;
}

.link-opacity-60 {
    --link-opacity: 0.6;
}

.link-opacity-70 {
    --link-opacity: 0.7;
}

.link-opacity-75 {
    --link-opacity: 0.75;
}

.link-opacity-80 {
    --link-opacity: 0.8;
}

.link-opacity-90 {
    --link-opacity: 0.9;
}

.link-opacity-95 {
    --link-opacity: 0.95;
}

.link-opacity-100 {
    --link-opacity: 1;
}

.text-thin {
    font-weight: 100;
}

.text-lighter {
    font-weight: 200;
}

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

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

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

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

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

.text-bolder {
    font-weight: 800;
}

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

.text-italic {
    font-style: italic;
}

.text-oblique {
    font-style: oblique;
}

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

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

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

.text-capitalize {
    text-transform: capitalize;
}

.text-transform-none {
    text-transform: none;
}

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

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

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

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

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

.break-words,
.text-break-words {
    overflow-wrap: break-word;
}

.break-all,
.text-break-all {
    word-break: break-all;
}

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

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

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

.text-no-underline,
.text-none-underline {
    text-decoration: none;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.text-overflow-clip {
    text-overflow: clip;
}

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

.break-words,
.text-break-words {
    overflow-wrap: break-word;
}

.text-1 {
    font-size: 12px;
}

.text-2 {
    font-size: 14px;
}

.text-3 {
    font-size: 16px;
}

.text-4 {
    font-size: 18px;
}

.text-5 {
    font-size: 20px;
}

.text-6 {
    font-size: 22px;
}

.text-7 {
    font-size: 24px;
}

.text-8 {
    font-size: 26px;
}

.text-9 {
    font-size: 28px;
}

.text-10 {
    font-size: 36px;
}

.text-11 {
    font-size: 48px;
}

.text-12 {
    font-size: 64px;
}

.text-14 {
    font-size: 72px;
}

.text-16 {
    font-size: 96px;
}

.text-18 {
    font-size: 144px;
}

.text-20 {
    font-size: 288px;
}

.text-nowrap {
    white-space: nowrap;
}

.text-wrap {
    white-space: normal;
}

.text-mini {
    font-size: 12px;
}

.text-small {
    font-size: 14px;
}

.text-base {
    font-size: 16px;
}

.text-medium {
    font-size: 18px;
}

.text-large {
    font-size: 24px;
}

.text-great {
    font-size: 36px;
}

.text-truncate-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.text-truncate-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.text-truncate-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.text-truncate-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.text-white {
    --text-opacity: 1;
    color: rgba(255, 255, 255, var(--text-opacity));
}

.text-black {
    --text-opacity: 1;
    color: rgba(0, 0, 0, var(--text-opacity));
}

.text-red {
    --text-opacity: 1;
    color: rgba(255, 0, 0, var(--text-opacity));
}

.text-deeppink {
    --text-opacity: 1;
    color: rgba(255, 20, 147, var(--text-opacity));
}

.text-orangered {
    --text-opacity: 1;
    color: rgba(255, 69, 0, var(--text-opacity));
}

.text-gold {
    --text-opacity: 1;
    color: rgba(255, 217, 0, var(--text-opacity));
}

.text-darkviolet {
    --text-opacity: 1;
    color: rgba(148, 0, 211, var(--text-opacity));
}

.text-lime {
    --text-opacity: 1;
    color: rgba(0, 255, 0, var(--text-opacity));
}

.text-deepskyblue {
    --text-opacity: 1;
    color: rgba(0, 191, 255, var(--text-opacity));
}

.text-peace {
    --text-opacity: 1;
    color: rgba(136, 102, 255, var(--text-opacity));
}

.text-primary {
    --text-opacity: 1;
    color: rgba(66, 66, 255, var(--text-opacity));
}

.text-warning {
    --text-opacity: 1;
    color: rgba(255, 104, 36, var(--text-opacity));
}

.text-positive {
    --text-opacity: 1;
    color: rgba(136, 36, 255, var(--text-opacity));
}

.text-default {
    --text-opacity: 1;
    color: rgba(200, 200, 200, var(--text-opacity));
}

.text-danger {
    --text-opacity: 1;
    color: rgba(255, 66, 66, var(--text-opacity));
}

.text-success {
    --text-opacity: 1;
    color: rgba(2, 216, 66, var(--text-opacity));
}

.text-info {
    --text-opacity: 1;
    color: rgba(34, 136, 255, var(--text-opacity));
}

.text-special {
    --text-opacity: 1;
    color: rgba(36, 2, 36, var(--text-opacity));
}

.text-dark {
    --text-opacity: 1;
    color: rgba(2, 2, 36, var(--text-opacity));
}

.text-elegant {
    --text-opacity: 1;
    color: rgba(36, 36, 36, var(--text-opacity));
}

.text-stylish {
    --text-opacity: 1;
    color: rgba(36, 36, 66, var(--text-opacity));
}

.text-unique {
    --text-opacity: 1;
    color: rgba(2, 36, 66, var(--text-opacity));
}

.text-light {
    --text-opacity: 1;
    color: rgba(242, 244, 246, var(--text-opacity));
}

.text-ghost {
    --text-opacity: 1;
    color: rgba(248, 248, 255, var(--text-opacity));
}

.text-brand {
    --text-opacity: 1;
    color: rgba(var(--color-brand-rgb), var(--text-opacity));
}

.text-opacity-0 {
    --text-opacity: 0;
}

.text-opacity-5 {
    --text-opacity: 0.05;
}

.text-opacity-10 {
    --text-opacity: 0.1;
}

.text-opacity-20 {
    --text-opacity: 0.2;
}

.text-opacity-25 {
    --text-opacity: 0.25;
}

.text-opacity-30 {
    --text-opacity: 0.3;
}

.text-opacity-40 {
    --text-opacity: 0.4;
}

.text-opacity-50 {
    --text-opacity: 0.5;
}

.text-opacity-60 {
    --text-opacity: 0.6;
}

.text-opacity-70 {
    --text-opacity: 0.7;
}

.text-opacity-75 {
    --text-opacity: 0.75;
}

.text-opacity-80 {
    --text-opacity: 0.8;
}

.text-opacity-90 {
    --text-opacity: 0.9;
}

.text-opacity-95 {
    --text-opacity: 0.95;
}

.text-opacity-100 {
    --text-opacity: 1;
}

.leading-6,
.line-height-6 {
    line-height: 6px;
}

.leading-8,
.line-height-8 {
    line-height: 8px;
}

.leading-9,
.line-height-9 {
    line-height: 9px;
}

.leading-10,
.line-height-10 {
    line-height: 10px;
}

.leading-11,
.line-height-11 {
    line-height: 11px;
}

.leading-12,
.line-height-12 {
    line-height: 12px;
}

.leading-14,
.line-height-14 {
    line-height: 14px;
}

.leading-16,
.line-height-16 {
    line-height: 16px;
}

.leading-18,
.line-height-18 {
    line-height: 18px;
}

.leading-20,
.line-height-20 {
    line-height: 20px;
}

.leading-22,
.line-height-22 {
    line-height: 22px;
}

.leading-24,
.line-height-24 {
    line-height: 24px;
}

.leading-30,
.line-height-30 {
    line-height: 30px;
}

.leading-36,
.line-height-36 {
    line-height: 36px;
}

.leading-48,
.line-height-48 {
    line-height: 48px;
}

.leading-60,
.line-height-60 {
    line-height: 60px;
}

.leading-72,
.line-height-72 {
    line-height: 72px;
}

.leading-96,
.line-height-96 {
    line-height: 96px;
}

.leading-none {
    line-height: 1;
}

.leading-tight {
    line-height: 1.25;
}

.leading-snug {
    line-height: 1.375;
}

.leading-normal {
    line-height: 1.5;
}

.leading-relaxed {
    line-height: 1.625;
}

.leading-loose {
    line-height: 2;
}

.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;
}

.letter-spacing-tighter,
.tracking-tighter {
    letter-spacing: -0.05em;
}

.letter-spacing-tight,
.tracking-tight {
    letter-spacing: -0.025em;
}

.letter-spacing-normal,
.tracking-normal {
    letter-spacing: 0;
}

.letter-spacing-wide,
.tracking-wide {
    letter-spacing: 0.025em;
}

.letter-spacing-wider,
.tracking-wider {
    letter-spacing: 0.05em;
}

.letter-spacing-widest,
.tracking-widest {
    letter-spacing: 0.1em;
}

.letter-spacing-tighter,
.tracking-tighter {
    letter-spacing: -0.05em;
}

.letter-spacing-tight,
.tracking-tight {
    letter-spacing: -0.025em;
}

.letter-spacing-normal,
.tracking-normal {
    letter-spacing: 0;
}

.letter-spacing-wide,
.tracking-wide {
    letter-spacing: 0.025em;
}

.letter-spacing-wider,
.tracking-wider {
    letter-spacing: 0.05em;
}

.letter-spacing-widest,
.tracking-widest {
    letter-spacing: 0.1em;
}

.letter-spacing-tighter,
.tracking-tighter {
    letter-spacing: -0.05em;
}

.letter-spacing-tight,
.tracking-tight {
    letter-spacing: -0.025em;
}

.letter-spacing-normal,
.tracking-normal {
    letter-spacing: 0;
}

.letter-spacing-wide,
.tracking-wide {
    letter-spacing: 0.025em;
}

.letter-spacing-wider,
.tracking-wider {
    letter-spacing: 0.05em;
}

.letter-spacing-widest,
.tracking-widest {
    letter-spacing: 0.1em;
}

.white-space-normal,
.whitespace-normal {
    white-space: normal;
}

.white-space-nowrap,
.whitespace-nowrap {
    white-space: nowrap;
}

.white-space-pre,
.whitespace-pre {
    white-space: pre;
}

.white-space-pre-line,
.whitespace-pre-line {
    white-space: pre-line;
}

.white-space-pre-wrap,
.whitespace-pre-wrap {
    white-space: pre-wrap;
}

.placeholder-transparent::placeholder {
    color: #fff0;
}

.placeholder-white::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.placeholder-black::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.placeholder-red::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 0, 0, var(--placeholder-opacity));
}

.placeholder-deeppink::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 20, 147, var(--placeholder-opacity));
}

.placeholder-orangered::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 69, 0, var(--placeholder-opacity));
}

.placeholder-gold::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 217, 0, var(--placeholder-opacity));
}

.placeholder-darkviolet::placeholder {
    --placeholder-opacity: 1;
    color: rgba(148, 0, 211, var(--placeholder-opacity));
}

.placeholder-lime::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 255, 0, var(--placeholder-opacity));
}

.placeholder-deepskyblue::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 191, 255, var(--placeholder-opacity));
}

.placeholder-peace::placeholder {
    --placeholder-opacity: 1;
    color: rgba(136, 102, 255, var(--placeholder-opacity));
}

.placeholder-primary::placeholder {
    --placeholder-opacity: 1;
    color: rgba(66, 66, 255, var(--placeholder-opacity));
}

.placeholder-warning::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 104, 36, var(--placeholder-opacity));
}

.placeholder-positive::placeholder {
    --placeholder-opacity: 1;
    color: rgba(136, 36, 255, var(--placeholder-opacity));
}

.placeholder-default::placeholder {
    --placeholder-opacity: 1;
    color: rgba(200, 200, 200, var(--placeholder-opacity));
}

.placeholder-danger::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 66, 66, var(--placeholder-opacity));
}

.placeholder-success::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 216, 66, var(--placeholder-opacity));
}

.placeholder-info::placeholder {
    --placeholder-opacity: 1;
    color: rgba(34, 136, 255, var(--placeholder-opacity));
}

.placeholder-special::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 2, 36, var(--placeholder-opacity));
}

.placeholder-dark::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 2, 36, var(--placeholder-opacity));
}

.placeholder-elegant::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 36, 36, var(--placeholder-opacity));
}

.placeholder-stylish::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 36, 66, var(--placeholder-opacity));
}

.placeholder-unique::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 36, 66, var(--placeholder-opacity));
}

.placeholder-light::placeholder {
    --placeholder-opacity: 1;
    color: rgba(242, 244, 246, var(--placeholder-opacity));
}

.placeholder-ghost::placeholder {
    --placeholder-opacity: 1;
    color: rgba(248, 248, 255, var(--placeholder-opacity));
}

.placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
}

.placeholder-opacity-5::placeholder {
    --placeholder-opacity: 0.05;
}

.placeholder-opacity-10::placeholder {
    --placeholder-opacity: 0.1;
}

.placeholder-opacity-20::placeholder {
    --placeholder-opacity: 0.2;
}

.placeholder-opacity-25,
.placeholder-opacity-quarter::placeholder {
    --placeholder-opacity: 0.25;
}

.placeholder-opacity-30::placeholder {
    --placeholder-opacity: 0.3;
}

.placeholder-opacity-40::placeholder {
    --placeholder-opacity: 0.4;
}

.placeholder-opacity-50,
.placeholder-opacity-half::placeholder {
    --placeholder-opacity: 0.5;
}

.placeholder-opacity-60::placeholder {
    --placeholder-opacity: 0.6;
}

.placeholder-opacity-70::placeholder {
    --placeholder-opacity: 0.7;
}

.placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
}

.placeholder-opacity-80::placeholder {
    --placeholder-opacity: 0.8;
}

.placeholder-opacity-90::placeholder {
    --placeholder-opacity: 0.9;
}

.placeholder-opacity-95::placeholder {
    --placeholder-opacity: 0.95;
}

.placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
}

.translate-center {
    translate: 50%50%;
}

.transform {
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
    transform: translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(var(--rotate)) skewX(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
}

.transform-gpu {
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
    transform: translate3d(var(--translate-x), var(--translate-y), 0) rotate(var(--rotate)) skewX(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
}

.translate-x-1 {
    --translate-x: 1px;
}

.translate-x-2 {
    --translate-x: 2px;
}

.translate-x-3 {
    --translate-x: 3px;
}

.translate-x-4 {
    --translate-x: 4px;
}

.translate-x-5 {
    --translate-x: 5px;
}

.translate-x-6 {
    --translate-x: 6px;
}

.translate-x-7 {
    --translate-x: 7px;
}

.translate-x-8 {
    --translate-x: 8px;
}

.translate-x-9 {
    --translate-x: 9px;
}

.translate-x-12 {
    --translate-x: 12px;
}

.translate-x-24 {
    --translate-x: 24px;
}

.translate-x-36 {
    --translate-x: 36px;
}

.translate-x-48 {
    --translate-x: 48px;
}

.translate-x-60 {
    --translate-x: 60px;
}

.translate-x-72 {
    --translate-x: 72px;
}

.translate-x-84 {
    --translate-x: 84px;
}

.translate-x-96 {
    --translate-x: 96px;
}

.translate-x-108 {
    --translate-x: 108px;
}

.translate-x-120 {
    --translate-x: 120px;
}

.translate-x-240 {
    --translate-x: 240px;
}

.translate-x-360 {
    --translate-x: 360px;
}

.translate-x-480 {
    --translate-x: 480px;
}

.translate-x-600 {
    --translate-x: 600px;
}

.translate-x-720 {
    --translate-x: 720px;
}

.translate-x-840 {
    --translate-x: 840px;
}

.translate-x-960 {
    --translate-x: 960px;
}

.translate-x-1080 {
    --translate-x: 1080px;
}

.translate-x-1\/4,
.translate-x-25-percent {
    --translate-x: 25%;
}

.translate-x-1\/2,
.translate-x-2\/4,
.translate-x-50-percent {
    --translate-x: 50%;
}

.translate-x-3\/4,
.translate-x-75-percent {
    --translate-x: 75%;
}

.translate-x-100-percent,
.translate-x-full {
    --translate-x: 100%;
}

.translate-x-1\/3 {
    --translate-x: 33.333333%;
}

.translate-x-2\/3 {
    --translate-x: 66.666667%;
}

.translate-x-1\/4 {
    --translate-x: 25%;
}

.translate-x-2\/4 {
    --translate-x: 50%;
}

.translate-x-3\/4 {
    --translate-x: 75%;
}

.translate-x-full {
    --translate-x: 100%;
}

.-translate-x-1 {
    --translate-x: -1px;
}

.-translate-x-2 {
    --translate-x: -2px;
}

.-translate-x-3 {
    --translate-x: -3px;
}

.-translate-x-4 {
    --translate-x: -4px;
}

.-translate-x-5 {
    --translate-x: -5px;
}

.-translate-x-6 {
    --translate-x: -6px;
}

.-translate-x-7 {
    --translate-x: -7px;
}

.-translate-x-8 {
    --translate-x: -8px;
}

.-translate-x-9 {
    --translate-x: -9px;
}

.-translate-x-12 {
    --translate-x: -12px;
}

.-translate-x-24 {
    --translate-x: -24px;
}

.-translate-x-36 {
    --translate-x: -36px;
}

.-translate-x-48 {
    --translate-x: -48px;
}

.-translate-x-60 {
    --translate-x: -60px;
}

.-translate-x-72 {
    --translate-x: -72px;
}

.-translate-x-84 {
    --translate-x: -84px;
}

.-translate-x-96 {
    --translate-x: -96px;
}

.-translate-x-108 {
    --translate-x: -108px;
}

.-translate-x-120 {
    --translate-x: -120px;
}

.-translate-x-240 {
    --translate-x: -240px;
}

.-translate-x-360 {
    --translate-x: -360px;
}

.-translate-x-480 {
    --translate-x: -480px;
}

.-translate-x-600 {
    --translate-x: -600px;
}

.-translate-x-720 {
    --translate-x: -720px;
}

.-translate-x-840 {
    --translate-x: -840px;
}

.-translate-x-960 {
    --translate-x: -960px;
}

.-translate-x-1080 {
    --translate-x: -1080px;
}

.-translate-x-1\/4,
.-translate-x-25-percent {
    --translate-x: -25%;
}

.-translate-x-1\/2,
.-translate-x-2\/4,
.-translate-x-50-percent {
    --translate-x: -50%;
}

.-translate-x-3\/4,
.-translate-x-75-percent {
    --translate-x: -75%;
}

.-translate-x-100-percent,
.-translate-x-full {
    --translate-x: -100%;
}

.-translate-x-1\/3 {
    --translate-x: -33.333333%;
}

.-translate-x-2\/3 {
    --translate-x: -66.666667%;
}

.-translate-x-1\/4 {
    --translate-x: -25%;
}

.-translate-x-2\/4 {
    --translate-x: -50%;
}

.-translate-x-3\/4 {
    --translate-x: -75%;
}

.-translate-x-full {
    --translate-x: -100%;
}

.translate-y-1 {
    --translate-y: 1px;
}

.translate-y-2 {
    --translate-y: 2px;
}

.translate-y-3 {
    --translate-y: 3px;
}

.translate-y-4 {
    --translate-y: 4px;
}

.translate-y-5 {
    --translate-y: 5px;
}

.translate-y-6 {
    --translate-y: 6px;
}

.translate-y-7 {
    --translate-y: 7px;
}

.translate-y-8 {
    --translate-y: 8px;
}

.translate-y-9 {
    --translate-y: 9px;
}

.translate-y-12 {
    --translate-y: 12px;
}

.translate-y-24 {
    --translate-y: 24px;
}

.translate-y-36 {
    --translate-y: 36px;
}

.translate-y-48 {
    --translate-y: 48px;
}

.translate-y-60 {
    --translate-y: 60px;
}

.translate-y-72 {
    --translate-y: 72px;
}

.translate-y-84 {
    --translate-y: 84px;
}

.translate-y-96 {
    --translate-y: 96px;
}

.translate-y-108 {
    --translate-y: 108px;
}

.translate-y-120 {
    --translate-y: 120px;
}

.translate-y-240 {
    --translate-y: 240px;
}

.translate-y-360 {
    --translate-y: 360px;
}

.translate-y-480 {
    --translate-y: 480px;
}

.translate-y-600 {
    --translate-y: 600px;
}

.translate-y-720 {
    --translate-y: 720px;
}

.translate-y-840 {
    --translate-y: 840px;
}

.translate-y-960 {
    --translate-y: 960px;
}

.translate-y-1080 {
    --translate-y: 1080px;
}

.translate-y-1\/4,
.translate-y-25-percent {
    --translate-y: 25%;
}

.translate-y-1\/2,
.translate-y-2\/4,
.translate-y-50-percent {
    --translate-y: 50%;
}

.translate-y-3\/4,
.translate-y-75-percent {
    --translate-y: 75%;
}

.translate-y-100-percent,
.translate-y-full {
    --translate-y: 100%;
}

.translate-y-1\/3 {
    --translate-y: 33.333333%;
}

.translate-y-2\/3 {
    --translate-y: 66.666667%;
}

.translate-y-1\/4 {
    --translate-y: 25%;
}

.translate-y-2\/4 {
    --translate-y: 50%;
}

.translate-y-3\/4 {
    --translate-y: 75%;
}

.translate-y-full {
    --translate-y: 100%;
}

.-translate-y-1 {
    --translate-y: -1px;
}

.-translate-y-2 {
    --translate-y: -2px;
}

.-translate-y-3 {
    --translate-y: -3px;
}

.-translate-y-4 {
    --translate-y: -4px;
}

.-translate-y-5 {
    --translate-y: -5px;
}

.-translate-y-6 {
    --translate-y: -6px;
}

.-translate-y-7 {
    --translate-y: -7px;
}

.-translate-y-8 {
    --translate-y: -8px;
}

.-translate-y-9 {
    --translate-y: -9px;
}

.-translate-y-12 {
    --translate-y: -12px;
}

.-translate-y-24 {
    --translate-y: -24px;
}

.-translate-y-36 {
    --translate-y: -36px;
}

.-translate-y-48 {
    --translate-y: -48px;
}

.-translate-y-60 {
    --translate-y: -60px;
}

.-translate-y-72 {
    --translate-y: -72px;
}

.-translate-y-84 {
    --translate-y: -84px;
}

.-translate-y-96 {
    --translate-y: -96px;
}

.-translate-y-108 {
    --translate-y: -108px;
}

.-translate-y-120 {
    --translate-y: -120px;
}

.-translate-y-240 {
    --translate-y: -240px;
}

.-translate-y-360 {
    --translate-y: -360px;
}

.-translate-y-480 {
    --translate-y: -480px;
}

.-translate-y-600 {
    --translate-y: -600px;
}

.-translate-y-720 {
    --translate-y: -720px;
}

.-translate-y-840 {
    --translate-y: -840px;
}

.-translate-y-960 {
    --translate-y: -960px;
}

.-translate-y-1080 {
    --translate-y: -1080px;
}

.-translate-y-1\/4,
.-translate-y-25-percent {
    --translate-y: -25%;
}

.-translate-y-1\/2,
.-translate-y-2\/4,
.-translate-y-50-percent {
    --translate-y: -50%;
}

.-translate-y-3\/4,
.-translate-y-75-percent {
    --translate-y: -75%;
}

.-translate-y-100-percent,
.-translate-y-full {
    --translate-y: -100%;
}

.-translate-y-1\/3 {
    --translate-y: -33.333333%;
}

.-translate-y-2\/3 {
    --translate-y: -66.666667%;
}

.-translate-y-1\/4 {
    --translate-y: -25%;
}

.-translate-y-2\/4 {
    --translate-y: -50%;
}

.-translate-y-3\/4 {
    --translate-y: -75%;
}

.-translate-y-full {
    --translate-y: -100%;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-none {
    float: none;
}

.object-contain {
    object-fit: contain;
}

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

.object-fill {
    object-fit: fill;
}

.object-none {
    object-fit: none;
}

.object-scale-down {
    object-fit: scale-down;
}

.object-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;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-overlay {
    overflow: overlay;
}

.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;
}

.overflow-overlay {
    overflow: auto;
    overflow: overlay;
}

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

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

.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;
}

.aspect {
    position: relative;
    width: 100%;
}

.aspect::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

.aspect>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.image-product {
    position: relative;
    display: inline-block;
    width: 100%;
}

.image-product::before {
    --padding-ratio: 100%;
    display: block;
    padding-top: var(--padding-ratio);
    content: "";
    background: #fff0 var(--logo-url) center center no-repeat;
    background-size: 36%;
    filter: grayscale(100%);
    opacity: 42%;
}

.image-product>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.ratio-1\/1 {
    --aspect-ratio: 100%;
}

.ratio-1\/2 {
    --aspect-ratio: calc(1 / 2 * 100%);
}

.ratio-1\/3 {
    --aspect-ratio: calc(1 / 3 * 100%);
}

.ratio-1\/4 {
    --aspect-ratio: calc(1 / 4 * 100%);
}

.ratio-2\/3 {
    --aspect-ratio: calc(2 / 3 * 100%);
}

.ratio-3\/2 {
    --aspect-ratio: calc(3 / 2 * 100%);
}

.ratio-3\/4 {
    --aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-4\/3 {
    --aspect-ratio: calc(4 / 3 * 100%);
}

.ratio-9\/16 {
    --aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-9\/21 {
    --aspect-ratio: calc(9 / 21 * 100%);
}

.ratio-16\/9 {
    --aspect-ratio: calc(16 / 9 * 100%);
}

.ratio-21\/9 {
    --aspect-ratio: calc(21 / 9 * 100%);
}

.embed {
    position: relative;
    width: 100%;
}

.embed::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

.embed>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-sticky {
    position: -webkit-sticky;
    position: sticky;
}

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

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

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

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

.background-fixed {
    background-attachment: fixed;
}

.background-local {
    background-attachment: local;
}

.background-scroll {
    background-attachment: scroll;
}

.background-blend-normal {
    background-blend-mode: normal;
}

.background-blend-multiply {
    background-blend-mode: multiply;
}

.background-blend-screen {
    background-blend-mode: screen;
}

.background-blend-overlay {
    background-blend-mode: overlay;
}

.background-blend-darken {
    background-blend-mode: darken;
}

.background-blend-lighten {
    background-blend-mode: lighten;
}

.background-blend-color-dodge {
    background-blend-mode: color-dodge;
}

.background-blend-color-burn {
    background-blend-mode: color-burn;
}

.background-blend-hard-light {
    background-blend-mode: hard-light;
}

.background-blend-soft-light {
    background-blend-mode: soft-light;
}

.background-blend-difference {
    background-blend-mode: difference;
}

.background-blend-exclusion {
    background-blend-mode: exclusion;
}

.background-blend-hue {
    background-blend-mode: hue;
}

.background-blend-saturation {
    background-blend-mode: saturation;
}

.background-blend-color {
    background-blend-mode: color;
}

.background-blend-luminosity {
    background-blend-mode: luminosity;
}

.background-transparent {
    background-color: #fff0;
}

.background-clip-border {
    background-clip: border-box;
}

.background-clip-padding {
    background-clip: padding-box;
}

.background-clip-content {
    background-clip: content-box;
}

.background-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

.from-transparent {
    --gradient-from: transparent;
    --gradient-stops: var(--gradient-from), var(--gradient-to, transparent);
}

.from-white {
    --gradient-from: rgba(255, 255, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 255, 255, 1));
}

.from-black {
    --gradient-from: rgba(0, 0, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 1));
}

.from-red {
    --gradient-from: rgba(255, 0, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 0, 0, 1));
}

.from-deeppink {
    --gradient-from: rgba(255, 20, 147, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 20, 147, 1));
}

.from-orangered {
    --gradient-from: rgba(255, 69, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 69, 0, 1));
}

.from-gold {
    --gradient-from: rgba(255, 217, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 217, 0, 1));
}

.from-darkviolet {
    --gradient-from: rgba(148, 0, 211, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(148, 0, 211, 1));
}

.from-lime {
    --gradient-from: rgba(0, 255, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 255, 0, 1));
}

.from-deepskyblue {
    --gradient-from: rgba(0, 191, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 191, 255, 1));
}

.from-peace {
    --gradient-from: rgba(136, 102, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(136, 102, 255, 1));
}

.from-primary {
    --gradient-from: rgba(66, 66, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(66, 66, 255, 1));
}

.from-warning {
    --gradient-from: rgba(255, 104, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 104, 36, 1));
}

.from-positive {
    --gradient-from: rgba(136, 36, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(136, 36, 255, 1));
}

.from-default {
    --gradient-from: rgba(200, 200, 200, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(200, 200, 200, 1));
}

.from-danger {
    --gradient-from: rgba(255, 66, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 66, 66, 1));
}

.from-success {
    --gradient-from: rgba(2, 216, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 216, 66, 1));
}

.from-info {
    --gradient-from: rgba(34, 136, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(34, 136, 255, 1));
}

.from-special {
    --gradient-from: rgba(36, 2, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 2, 36, 1));
}

.from-dark {
    --gradient-from: rgba(2, 2, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 2, 36, 1));
}

.from-elegant {
    --gradient-from: rgba(36, 36, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 36, 36, 1));
}

.from-stylish {
    --gradient-from: rgba(36, 36, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 36, 66, 1));
}

.from-unique {
    --gradient-from: rgba(2, 36, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 36, 66, 1));
}

.from-light {
    --gradient-from: rgba(242, 244, 246, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(242, 244, 246, 1));
}

.from-ghost {
    --gradient-from: rgba(248, 248, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(248, 248, 255, 1));
}

.via-transparent {
    --gradient-stops: var(--gradient-from), transparent, var(--gradient-to, transparent);
}

.via-white {
    --gradient-stops: var(--gradient-from), rgba(255, 255, 255, 1), var(--gradient-to, rgba(255, 255, 255, 0));
}

.via-black {
    --gradient-stops: var(--gradient-from), rgba(0, 0, 0, 1), var(--gradient-to, rgba(0, 0, 0, 0));
}

.via-red {
    --gradient-stops: var(--gradient-from), rgba(255, 0, 0, 1), var(--gradient-to, rgba(255, 0, 0, 0));
}

.via-deeppink {
    --gradient-stops: var(--gradient-from), rgba(255, 20, 147, 1), var(--gradient-to, rgba(255, 20, 147, 0));
}

.via-orangered {
    --gradient-stops: var(--gradient-from), rgba(255, 69, 0, 1), var(--gradient-to, rgba(255, 69, 0, 0));
}

.via-gold {
    --gradient-stops: var(--gradient-from), rgba(255, 217, 0, 1), var(--gradient-to, rgba(255, 217, 0, 0));
}

.via-darkviolet {
    --gradient-stops: var(--gradient-from), rgba(148, 0, 211, 1), var(--gradient-to, rgba(148, 0, 211, 0));
}

.via-lime {
    --gradient-stops: var(--gradient-from), rgba(0, 255, 0, 1), var(--gradient-to, rgba(0, 255, 0, 0));
}

.via-deepskyblue {
    --gradient-stops: var(--gradient-from), rgba(0, 191, 255, 1), var(--gradient-to, rgba(0, 191, 255, 0));
}

.via-peace {
    --gradient-stops: var(--gradient-from), rgba(136, 102, 255, 1), var(--gradient-to, rgba(136, 102, 255, 0));
}

.via-primary {
    --gradient-stops: var(--gradient-from), rgba(66, 66, 255, 1), var(--gradient-to, rgba(66, 66, 255, 0));
}

.via-warning {
    --gradient-stops: var(--gradient-from), rgba(255, 104, 36, 1), var(--gradient-to, rgba(255, 104, 36, 0));
}

.via-positive {
    --gradient-stops: var(--gradient-from), rgba(136, 36, 255, 1), var(--gradient-to, rgba(136, 36, 255, 0));
}

.via-default {
    --gradient-stops: var(--gradient-from), rgba(200, 200, 200, 1), var(--gradient-to, rgba(200, 200, 200, 0));
}

.via-danger {
    --gradient-stops: var(--gradient-from), rgba(255, 66, 66, 1), var(--gradient-to, rgba(255, 66, 66, 0));
}

.via-success {
    --gradient-stops: var(--gradient-from), rgba(2, 216, 66, 1), var(--gradient-to, rgba(2, 216, 66, 0));
}

.via-info {
    --gradient-stops: var(--gradient-from), rgba(34, 136, 255, 1), var(--gradient-to, rgba(34, 136, 255, 0));
}

.via-special {
    --gradient-stops: var(--gradient-from), rgba(36, 2, 36, 1), var(--gradient-to, rgba(36, 2, 36, 0));
}

.via-dark {
    --gradient-stops: var(--gradient-from), rgba(2, 2, 36, 1), var(--gradient-to, rgba(2, 2, 36, 0));
}

.via-elegant {
    --gradient-stops: var(--gradient-from), rgba(36, 36, 36, 1), var(--gradient-to, rgba(36, 36, 36, 0));
}

.via-stylish {
    --gradient-stops: var(--gradient-from), rgba(36, 36, 66, 1), var(--gradient-to, rgba(36, 36, 66, 0));
}

.via-unique {
    --gradient-stops: var(--gradient-from), rgba(2, 36, 66, 1), var(--gradient-to, rgba(2, 36, 66, 0));
}

.via-light {
    --gradient-stops: var(--gradient-from), rgba(242, 244, 246, 1), var(--gradient-to, rgba(242, 244, 246, 0));
}

.via-ghost {
    --gradient-stops: var(--gradient-from), rgba(248, 248, 255, 1), var(--gradient-to, rgba(248, 248, 255, 0));
}

.to-transparent {
    --gradient-to: transparent;
}

.to-white {
    --gradient-to: rgba(255, 255, 255, 1);
}

.to-black {
    --gradient-to: rgba(0, 0, 0, 1);
}

.to-red {
    --gradient-to: rgba(255, 0, 0, 1);
}

.to-deeppink {
    --gradient-to: rgba(255, 20, 147, 1);
}

.to-orangered {
    --gradient-to: rgba(255, 69, 0, 1);
}

.to-gold {
    --gradient-to: rgba(255, 217, 0, 1);
}

.to-darkviolet {
    --gradient-to: rgba(148, 0, 211, 1);
}

.to-lime {
    --gradient-to: rgba(0, 255, 0, 1);
}

.to-deepskyblue {
    --gradient-to: rgba(0, 191, 255, 1);
}

.to-peace {
    --gradient-to: rgba(136, 102, 255, 1);
}

.to-primary {
    --gradient-to: rgba(66, 66, 255, 1);
}

.to-warning {
    --gradient-to: rgba(255, 104, 36, 1);
}

.to-positive {
    --gradient-to: rgba(136, 36, 255, 1);
}

.to-default {
    --gradient-to: rgba(200, 200, 200, 1);
}

.to-danger {
    --gradient-to: rgba(255, 66, 66, 1);
}

.to-success {
    --gradient-to: rgba(2, 216, 66, 1);
}

.to-info {
    --gradient-to: rgba(34, 136, 255, 1);
}

.to-special {
    --gradient-to: rgba(36, 2, 36, 1);
}

.to-dark {
    --gradient-to: rgba(2, 2, 36, 1);
}

.to-elegant {
    --gradient-to: rgba(36, 36, 36, 1);
}

.to-stylish {
    --gradient-to: rgba(36, 36, 66, 1);
}

.to-unique {
    --gradient-to: rgba(2, 36, 66, 1);
}

.to-light {
    --gradient-to: rgba(242, 244, 246, 1);
}

.to-ghost {
    --gradient-to: rgba(248, 248, 255, 1);
}

.background-top {
    background-position: top;
}

.background-bottom {
    background-position: bottom;
}

.background-center {
    background-position: center;
}

.background-left {
    background-position: left;
}

.background-left-bottom {
    background-position: left bottom;
}

.background-left-top {
    background-position: left top;
}

.background-right {
    background-position: right;
}

.background-right-bottom {
    background-position: right bottom;
}

.background-right-top {
    background-position: right top;
}

.background-opacity-0 {
    --background-opacity: 0;
}

.background-opacity-5 {
    --background-opacity: 0.05;
}

.background-opacity-10 {
    --background-opacity: 0.1;
}

.background-opacity-20 {
    --background-opacity: 0.2;
}

.background-opacity-25,
.background-opacity-quarter {
    --background-opacity: 0.25;
}

.background-opacity-30 {
    --background-opacity: 0.3;
}

.background-opacity-40 {
    --background-opacity: 0.4;
}

.background-opacity-50,
.background-opacity-half {
    --background-opacity: 0.5;
}

.background-opacity-60 {
    --background-opacity: 0.6;
}

.background-opacity-70 {
    --background-opacity: 0.7;
}

.background-opacity-75 {
    --background-opacity: 0.75;
}

.background-opacity-80 {
    --background-opacity: 0.8;
}

.background-opacity-90 {
    --background-opacity: 0.9;
}

.background-opacity-95 {
    --background-opacity: 0.95;
}

.background-opacity-100 {
    --background-opacity: 1;
}

.background-origin-border {
    background-origin: border-box;
}

.background-origin-padding {
    background-origin: padding-box;
}

.background-origin-content {
    background-origin: content-box;
}

.background-left {
    background-position: left;
}

.background-left-bottom {
    background-position: left bottom;
}

.background-left-top {
    background-position: left top;
}

.background-right {
    background-position: right;
}

.background-right-bottom {
    background-position: right bottom;
}

.background-right-top {
    background-position: right top;
}

.background-top {
    background-position: top;
}

.background-repeat {
    background-repeat: repeat;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-repeat-x {
    background-repeat: repeat-x;
}

.background-repeat-y {
    background-repeat: repeat-y;
}

.background-repeat-round {
    background-repeat: round;
}

.background-repeat-space {
    background-repeat: space;
}

.background-auto {
    background-size: auto;
}

.background-cover {
    background-size: cover;
}

.background-contain {
    background-size: contain;
}

.background-white {
    --background-opacity: 1;
    background-color: rgba(255, 255, 255, var(--background-opacity));
}

.background-black {
    --background-opacity: 1;
    background-color: rgba(0, 0, 0, var(--background-opacity));
}

.background-red {
    --background-opacity: 1;
    background-color: rgba(255, 0, 0, var(--background-opacity));
}

.background-deeppink {
    --background-opacity: 1;
    background-color: rgba(255, 20, 147, var(--background-opacity));
}

.background-orangered {
    --background-opacity: 1;
    background-color: rgba(255, 69, 0, var(--background-opacity));
}

.background-gold {
    --background-opacity: 1;
    background-color: rgba(255, 217, 0, var(--background-opacity));
}

.background-darkviolet {
    --background-opacity: 1;
    background-color: rgba(148, 0, 211, var(--background-opacity));
}

.background-lime {
    --background-opacity: 1;
    background-color: rgba(0, 255, 0, var(--background-opacity));
}

.background-deepskyblue {
    --background-opacity: 1;
    background-color: rgba(0, 191, 255, var(--background-opacity));
}

.background-peace {
    --background-opacity: 1;
    background-color: rgba(136, 102, 255, var(--background-opacity));
}

.background-primary {
    --background-opacity: 1;
    background-color: rgba(66, 66, 255, var(--background-opacity));
}

.background-warning {
    --background-opacity: 1;
    background-color: rgba(255, 104, 36, var(--background-opacity));
}

.background-positive {
    --background-opacity: 1;
    background-color: rgba(136, 36, 255, var(--background-opacity));
}

.background-default {
    --background-opacity: 1;
    background-color: rgba(200, 200, 200, var(--background-opacity));
}

.background-danger {
    --background-opacity: 1;
    background-color: rgba(255, 66, 66, var(--background-opacity));
}

.background-success {
    --background-opacity: 1;
    background-color: rgba(2, 216, 66, var(--background-opacity));
}

.background-info {
    --background-opacity: 1;
    background-color: rgba(34, 136, 255, var(--background-opacity));
}

.background-special {
    --background-opacity: 1;
    background-color: rgba(36, 2, 36, var(--background-opacity));
}

.background-dark {
    --background-opacity: 1;
    background-color: rgba(2, 2, 36, var(--background-opacity));
}

.background-elegant {
    --background-opacity: 1;
    background-color: rgba(36, 36, 36, var(--background-opacity));
}

.background-stylish {
    --background-opacity: 1;
    background-color: rgba(36, 36, 66, var(--background-opacity));
}

.background-unique {
    --background-opacity: 1;
    background-color: rgba(2, 36, 66, var(--background-opacity));
}

.background-light {
    --background-opacity: 1;
    background-color: rgba(var(--color-light-rgb), var(--background-opacity));
}

.background-ghost {
    --background-opacity: 1;
    background-color: rgba(var(--color-ghost-rgb), var(--background-opacity));
}

.background-lavender {
    --background-opacity: 1;
    background-color: rgba(var(--color-lavender-rgb), var(--background-opacity));
}

.background-brand {
    --background-opacity: 1;
    background-color: rgba(var(--color-brand-rgb), var(--background-opacity));
}

.background-profession {
    --background-opacity: 1;
    background-color: rgba(var(--color-profession-rgb), var(--background-opacity));
}

.background-logo {
    background: #fff0 var(--logo-url) center center no-repeat;
}

.background-logo-fail::before {
    --background-opacity: 42%;
    --background-size: 25%;
    background: #fff0 var(--logo-url) center center no-repeat;
    background-size: var(--background-size);
    filter: grayscale(100%);
    opacity: var(--background-opacity);
}

.background-opacity-0 {
    --background-opacity: 0;
}

.background-opacity-5 {
    --background-opacity: 0.05;
}

.background-opacity-10 {
    --background-opacity: 0.1;
}

.background-opacity-20 {
    --background-opacity: 0.2;
}

.background-opacity-25,
.background-opacity-quarter {
    --background-opacity: 0.25;
}

.background-opacity-30 {
    --background-opacity: 0.3;
}

.background-opacity-40 {
    --background-opacity: 0.4;
}

.background-opacity-50,
.background-opacity-half {
    --background-opacity: 0.5;
}

.background-opacity-60 {
    --background-opacity: 0.6;
}

.background-opacity-70 {
    --background-opacity: 0.7;
}

.background-opacity-75 {
    --background-opacity: 0.75;
}

.background-opacity-80 {
    --background-opacity: 0.8;
}

.background-opacity-90 {
    --background-opacity: 0.9;
}

.background-opacity-95 {
    --background-opacity: 0.95;
}

.background-opacity-100 {
    --background-opacity: 1;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.clear-none {
    clear: none;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.opacity-0 {
    opacity: 0;
}

.opacity-5 {
    opacity: 0.05;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-95 {
    opacity: 0.95;
}

.opacity-100 {
    opacity: 1;
}

.shadow-small {
    box-shadow: 0 0.125rem.25rem rgb(0 0 0/0.075);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-medium {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0/0.15);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-large {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0/0.15);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-great {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0/0.15);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-0,
.shadow-none {
    box-shadow: none;
}

.shadow-1 {
    box-shadow: 0 0.063rem.125rem rgb(0 0 0/0.12), 0 0.063rem.125rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-2 {
    box-shadow: 0 0.125rem.25rem rgb(0 0 0/0.14), 0 0.125rem.25rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-3 {
    box-shadow: 0 0.25rem.375rem rgb(0 0 0/0.16), 0 0.25rem.375rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-4 {
    box-shadow: 0 0.5rem 1.125rem rgb(0 0 0/0.18), 0 0.375rem.5rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-5 {
    box-shadow: 0 1.125rem 1.375rem rgb(0 0 0/0.22), 0 0.5rem 1.125rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-6 {
    box-shadow: 0 1.375rem 2.125rem rgb(0 0 0/0.26), 0 1.125rem 1.375rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-7 {
    box-shadow: 0 1.125rem 2.375rem rgb(0 0 0/0.3), 0 1.375rem 1.125rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-8 {
    box-shadow: 0 2.375rem 3.125rem rgb(0 0 0/0.36), 0 1.125rem 2.125rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-9 {
    box-shadow: 0 3.125rem 38px rgb(0 0 0/0.3), 0 1.125rem 2.375rem rgb(0 0 0/0.18);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-half {
    box-shadow: 0 0.5px.5px rgb(0 0 0/0.06), 0 0.5px.5px rgb(0 0 0/0.08);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.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;
}

.circle-12 {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.circle-18 {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.circle-24 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.circle-32 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.circle-36 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.circle-48 {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.circle-54 {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

.circle-60 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.circle-72 {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.circle-84 {
    width: 84px;
    height: 84px;
    border-radius: 50%;
}

.circle-96 {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

.circle-120 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.circle-180 {
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

.circle-240 {
    width: 240px;
    height: 240px;
    border-radius: 50%;
}

.circle-320 {
    width: 320px;
    height: 320px;
    border-radius: 50%;
}

.circle-360 {
    width: 360px;
    height: 360px;
    border-radius: 50%;
}

.circle-420 {
    width: 420px;
    height: 420px;
    border-radius: 50%;
}

.circle-480 {
    width: 480px;
    height: 480px;
    border-radius: 50%;
}

.circle-540 {
    width: 540px;
    height: 540px;
    border-radius: 50%;
}

.circle-600 {
    width: 600px;
    height: 600px;
    border-radius: 50%;
}

.circle-660 {
    width: 660px;
    height: 660px;
    border-radius: 50%;
}

.circle-720 {
    width: 720px;
    height: 720px;
    border-radius: 50%;
}

.circle-780 {
    width: 780px;
    height: 780px;
    border-radius: 50%;
}

.circle-840 {
    width: 840px;
    height: 840px;
    border-radius: 50%;
}

.circle-900 {
    width: 900px;
    height: 900px;
    border-radius: 50%;
}

.circle-960 {
    width: 960px;
    height: 960px;
    border-radius: 50%;
}

.circle-1020 {
    width: 1020px;
    height: 1020px;
    border-radius: 50%;
}

.circle-1080 {
    width: 1080px;
    height: 1080px;
    border-radius: 50%;
}

.square-12 {
    width: 12px;
    height: 12px;
}

.square-18 {
    width: 18px;
    height: 18px;
}

.square-24 {
    width: 24px;
    height: 24px;
}

.square-32 {
    width: 32px;
    height: 32px;
}

.square-36 {
    width: 36px;
    height: 36px;
}

.square-48 {
    width: 48px;
    height: 48px;
}

.square-54 {
    width: 54px;
    height: 54px;
}

.square-60 {
    width: 60px;
    height: 60px;
}

.square-72 {
    width: 72px;
    height: 72px;
}

.square-84 {
    width: 84px;
    height: 84px;
}

.square-96 {
    width: 96px;
    height: 96px;
}

.square-120 {
    width: 120px;
    height: 120px;
}

.square-180 {
    width: 180px;
    height: 180px;
}

.square-240 {
    width: 240px;
    height: 240px;
}

.square-320 {
    width: 320px;
    height: 320px;
}

.square-360 {
    width: 360px;
    height: 360px;
}

.square-420 {
    width: 420px;
    height: 420px;
}

.square-480 {
    width: 480px;
    height: 480px;
}

.square-540 {
    width: 540px;
    height: 540px;
}

.square-600 {
    width: 600px;
    height: 600px;
}

.square-660 {
    width: 660px;
    height: 660px;
}

.square-720 {
    width: 720px;
    height: 720px;
}

.square-780 {
    width: 780px;
    height: 780px;
}

.square-840 {
    width: 840px;
    height: 840px;
}

.square-900 {
    width: 900px;
    height: 900px;
}

.square-960 {
    width: 960px;
    height: 960px;
}

.square-1020 {
    width: 1020px;
    height: 1020px;
}

.square-1080 {
    width: 1080px;
    height: 1080px;
}

.square-25-percent {
    width: 25%;
    height: 25%;
}

.square-50-percent {
    width: 50%;
    height: 50%;
}

.square-75-percent {
    width: 75%;
    height: 75%;
}

.square-100-percent {
    width: 100%;
    height: 100%;
}

.max-height-12 {
    max-height: 12px;
}

.max-height-18 {
    max-height: 18px;
}

.max-height-24 {
    max-height: 24px;
}

.max-height-32 {
    max-height: 32px;
}

.max-height-36 {
    max-height: 36px;
}

.max-height-48 {
    max-height: 48px;
}

.max-height-54 {
    max-height: 54px;
}

.max-height-60 {
    max-height: 60px;
}

.max-height-72 {
    max-height: 72px;
}

.max-height-84 {
    max-height: 84px;
}

.max-height-96 {
    max-height: 96px;
}

.max-height-120 {
    max-height: 120px;
}

.max-height-180 {
    max-height: 180px;
}

.max-height-240 {
    max-height: 240px;
}

.max-height-320 {
    max-height: 320px;
}

.max-height-360 {
    max-height: 360px;
}

.max-height-420 {
    max-height: 420px;
}

.max-height-480 {
    max-height: 480px;
}

.max-height-540 {
    max-height: 540px;
}

.max-height-600 {
    max-height: 600px;
}

.max-height-660 {
    max-height: 660px;
}

.max-height-720 {
    max-height: 720px;
}

.max-height-780 {
    max-height: 780px;
}

.max-height-840 {
    max-height: 840px;
}

.max-height-900 {
    max-height: 900px;
}

.max-height-960 {
    max-height: 960px;
}

.max-height-1020 {
    max-height: 1020px;
}

.max-height-1080 {
    max-height: 1080px;
}

.max-height-prose {
    max-height: 65ch;
}

.max-height-screen-mini {
    max-height: 40rem;
}

.max-height-screen-small {
    max-height: 48rem;
}

.max-height-screen-medium {
    max-height: 62rem;
}

.max-height-screen-large {
    max-height: 75rem;
}

.max-height-screen-great {
    max-height: 97.5rem;
}

.max-height-100-percent,
.max-height-full {
    max-height: 100%;
}

.min-height-auto {
    min-height: auto;
}

.min-height-12 {
    min-height: 12px;
}

.min-height-18 {
    min-height: 18px;
}

.min-height-24 {
    min-height: 24px;
}

.min-height-32 {
    min-height: 32px;
}

.min-height-36 {
    min-height: 36px;
}

.min-height-48 {
    min-height: 48px;
}

.min-height-54 {
    min-height: 54px;
}

.min-height-60 {
    min-height: 60px;
}

.min-height-72 {
    min-height: 72px;
}

.min-height-84 {
    min-height: 84px;
}

.min-height-96 {
    min-height: 96px;
}

.min-height-120 {
    min-height: 120px;
}

.min-height-180 {
    min-height: 180px;
}

.min-height-240 {
    min-height: 240px;
}

.min-height-320 {
    min-height: 320px;
}

.min-height-360 {
    min-height: 360px;
}

.min-height-420 {
    min-height: 420px;
}

.min-height-480 {
    min-height: 480px;
}

.min-height-540 {
    min-height: 540px;
}

.min-height-600 {
    min-height: 600px;
}

.min-height-660 {
    min-height: 660px;
}

.min-height-720 {
    min-height: 720px;
}

.min-height-780 {
    min-height: 780px;
}

.min-height-840 {
    min-height: 840px;
}

.min-height-900 {
    min-height: 900px;
}

.min-height-960 {
    min-height: 960px;
}

.min-height-1020 {
    min-height: 1020px;
}

.min-height-1080 {
    min-height: 1080px;
}

.min-height-100-percent {
    min-height: 100%;
}

.height-12 {
    height: 12px;
}

.height-18 {
    height: 18px;
}

.height-24 {
    height: 24px;
}

.height-32 {
    height: 32px;
}

.height-36 {
    height: 36px;
}

.height-48 {
    height: 48px;
}

.height-54 {
    height: 54px;
}

.height-60 {
    height: 60px;
}

.height-72 {
    height: 72px;
}

.height-84 {
    height: 84px;
}

.height-96 {
    height: 96px;
}

.height-120 {
    height: 120px;
}

.height-180 {
    height: 180px;
}

.height-240 {
    height: 240px;
}

.height-320 {
    height: 320px;
}

.height-360 {
    height: 360px;
}

.height-420 {
    height: 420px;
}

.height-480 {
    height: 480px;
}

.height-540 {
    height: 540px;
}

.height-600 {
    height: 600px;
}

.height-660 {
    height: 660px;
}

.height-720 {
    height: 720px;
}

.height-780 {
    height: 780px;
}

.height-840 {
    height: 840px;
}

.height-900 {
    height: 900px;
}

.height-960 {
    height: 960px;
}

.height-1020 {
    height: 1020px;
}

.height-1080 {
    height: 1080px;
}

.height-5-percent {
    height: 5%;
}

.height-10-percent {
    height: 10%;
}

.height-1\/5,
.height-20-percent {
    height: 20%;
}

.height-1\/4,
.height-25-percent {
    height: 25%;
}

.height-30-percent {
    height: 30%;
}

.height-2\/5,
.height-40-percent {
    height: 40%;
}

.height-1\/2,
.height-2\/4,
.height-50-percent {
    height: 50%;
}

.height-3\/5,
.height-60-percent {
    height: 60%;
}

.height-70-percent {
    height: 70%;
}

.height-3\/4,
.height-75-percent,
.height-9\/12 {
    height: 75%;
}

.height-4\/5,
.height-80-percent {
    height: 80%;
}

.height-90-percent {
    height: 90%;
}

.height-100-percent,
.height-1\/1,
.height-full {
    height: 100%;
}

.height-110-percent {
    height: 110%;
}

.height-120-percent {
    height: 120%;
}

.height-150-percent {
    height: 150%;
}

.height-1\/2 {
    height: 50%;
}

.height-1\/3 {
    height: 33.333333%;
}

.height-2\/3 {
    height: 66.666667%;
}

.height-1\/4 {
    height: 25%;
}

.height-2\/4 {
    height: 50%;
}

.height-3\/4 {
    height: 75%;
}

.height-1\/5 {
    height: 20%;
}

.height-2\/5 {
    height: 40%;
}

.height-3\/5 {
    height: 60%;
}

.height-4\/5 {
    height: 80%;
}

.height-1\/6 {
    height: 16.666667%;
}

.height-2\/6 {
    height: 33.333333%;
}

.height-3\/6 {
    height: 50%;
}

.height-4\/6 {
    height: 66.666667%;
}

.height-5\/6 {
    height: 83.333333%;
}

.height-1\/12 {
    height: 8.333333%;
}

.height-2\/12 {
    height: 16.666667%;
}

.height-3\/12 {
    height: 25%;
}

.height-4\/12 {
    height: 33.333333%;
}

.height-5\/12 {
    height: 41.666667%;
}

.height-6\/12 {
    height: 50%;
}

.height-7\/12 {
    height: 58.333333%;
}

.height-8\/12 {
    height: 66.666667%;
}

.height-9\/12 {
    height: 75%;
}

.height-10\/12 {
    height: 83.333333%;
}

.height-11\/12 {
    height: 91.666667%;
}

.height-auto {
    height: auto;
}

.height-min-content {
    height: min-content;
}

.height-max-content {
    height: max-content;
}

.view-height-0,
.view-height-none {
    height: 0;
}

.view-height-5 {
    height: 10vh;
}

.view-height-10 {
    height: 10vh;
}

.view-height-20 {
    height: 20vh;
}

.view-height-25,
.view-height-quarter {
    height: 25vh;
}

.view-height-30 {
    height: 30vh;
}

.view-height-40 {
    height: 40vh;
}

.view-height-50,
.view-height-half {
    height: 50vh;
}

.view-height-60 {
    height: 60vh;
}

.view-height-70 {
    height: 70vh;
}

.view-height-75 {
    height: 75vh;
}

.view-height-80 {
    height: 80vh;
}

.view-height-90 {
    height: 90vh;
}

.view-height-100,
.view-height-full {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.min-view-height-0,
.min-view-height-none {
    min-height: 0;
}

.min-view-height-5 {
    min-height: 10vh;
}

.min-view-height-10 {
    min-height: 10vh;
}

.min-view-height-20 {
    min-height: 20vh;
}

.min-view-height-25,
.min-view-height-quarter {
    min-height: 25vh;
}

.min-view-height-30 {
    min-height: 30vh;
}

.min-view-height-40 {
    min-height: 40vh;
}

.min-view-height-50,
.min-view-height-half {
    min-height: 50vh;
}

.min-view-height-60 {
    min-height: 60vh;
}

.min-view-height-70 {
    min-height: 70vh;
}

.min-view-height-75 {
    min-height: 75vh;
}

.min-view-height-80 {
    min-height: 80vh;
}

.min-view-height-90 {
    min-height: 90vh;
}

.min-view-height-100,
.min-view-height-full {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

.max-width-12 {
    max-width: 12px;
}

.max-width-18 {
    max-width: 18px;
}

.max-width-24 {
    max-width: 24px;
}

.max-width-32 {
    max-width: 32px;
}

.max-width-36 {
    max-width: 36px;
}

.max-width-48 {
    max-width: 48px;
}

.max-width-54 {
    max-width: 54px;
}

.max-width-60 {
    max-width: 60px;
}

.max-width-72 {
    max-width: 72px;
}

.max-width-84 {
    max-width: 84px;
}

.max-width-96 {
    max-width: 96px;
}

.max-width-120 {
    max-width: 120px;
}

.max-width-180 {
    max-width: 180px;
}

.max-width-240 {
    max-width: 240px;
}

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

.max-width-360 {
    max-width: 360px;
}

.max-width-420 {
    max-width: 420px;
}

.max-width-480 {
    max-width: 480px;
}

.max-width-540 {
    max-width: 540px;
}

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

.max-width-660 {
    max-width: 660px;
}

.max-width-720 {
    max-width: 720px;
}

.max-width-780 {
    max-width: 780px;
}

.max-width-840 {
    max-width: 840px;
}

.max-width-900 {
    max-width: 900px;
}

.max-width-960 {
    max-width: 960px;
}

.max-width-1020 {
    max-width: 1020px;
}

.max-width-1080 {
    max-width: 1080px;
}

.max-width-prose {
    max-width: 65ch;
}

.max-width-screen-mini {
    max-width: var(--root-screen-mini);
}

.max-width-screen-small {
    max-width: var(--root-screen-small);
}

.max-width-screen-medium {
    max-width: var(--root-screen-medium);
}

.max-width-screen-large {
    max-width: var(--root-screen-large);
}

.max-width-screen-great {
    max-width: var(--root-screen-great);
}

.max-width-screen-wide {
    max-width: var(--root-screen-wide);
}

.max-width-100-percent,
.max-width-full {
    max-width: 100%;
}

.min-width-auto {
    min-width: auto;
}

.min-width-12 {
    min-width: 12px;
}

.min-width-18 {
    min-width: 18px;
}

.min-width-24 {
    min-width: 24px;
}

.min-width-32 {
    min-width: 32px;
}

.min-width-36 {
    min-width: 36px;
}

.min-width-48 {
    min-width: 48px;
}

.min-width-54 {
    min-width: 54px;
}

.min-width-60 {
    min-width: 60px;
}

.min-width-72 {
    min-width: 72px;
}

.min-width-84 {
    min-width: 84px;
}

.min-width-96 {
    min-width: 96px;
}

.min-width-120 {
    min-width: 120px;
}

.min-width-180 {
    min-width: 180px;
}

.min-width-240 {
    min-width: 240px;
}

.min-width-320 {
    min-width: 320px;
}

.min-width-360 {
    min-width: 360px;
}

.min-width-420 {
    min-width: 420px;
}

.min-width-480 {
    min-width: 480px;
}

.min-width-540 {
    min-width: 540px;
}

.min-width-600 {
    min-width: 600px;
}

.min-width-660 {
    min-width: 660px;
}

.min-width-720 {
    min-width: 720px;
}

.min-width-780 {
    min-width: 780px;
}

.min-width-840 {
    min-width: 840px;
}

.min-width-900 {
    min-width: 900px;
}

.min-width-960 {
    min-width: 960px;
}

.min-width-1020 {
    min-width: 1020px;
}

.min-width-1080 {
    min-width: 1080px;
}

.min-width-prose {
    min-width: 65ch;
}

.min-width-screen-mini {
    min-width: var(--root-screen-mini);
}

.min-width-screen-small {
    min-width: var(--root-screen-small);
}

.min-width-screen-medium {
    min-width: var(--root-screen-medium);
}

.min-width-screen-large {
    min-width: var(--root-screen-large);
}

.min-width-screen-great {
    min-width: var(--root-screen-great);
}

.min-width-screen-wide {
    min-width: var(--root-screen-wide);
}

.min-width-100-percent {
    min-width: 100%;
}

.width-12 {
    width: 12px;
}

.width-18 {
    width: 18px;
}

.width-24 {
    width: 24px;
}

.width-32 {
    width: 32px;
}

.width-36 {
    width: 36px;
}

.width-48 {
    width: 48px;
}

.width-54 {
    width: 54px;
}

.width-60 {
    width: 60px;
}

.width-72 {
    width: 72px;
}

.width-84 {
    width: 84px;
}

.width-96 {
    width: 96px;
}

.width-120 {
    width: 120px;
}

.width-180 {
    width: 180px;
}

.width-240 {
    width: 240px;
}

.width-320 {
    width: 320px;
}

.width-360 {
    width: 360px;
}

.width-420 {
    width: 420px;
}

.width-480 {
    width: 480px;
}

.width-540 {
    width: 540px;
}

.width-600 {
    width: 600px;
}

.width-660 {
    width: 660px;
}

.width-720 {
    width: 720px;
}

.width-780 {
    width: 780px;
}

.width-840 {
    width: 840px;
}

.width-900 {
    width: 900px;
}

.width-960 {
    width: 960px;
}

.width-1020 {
    width: 1020px;
}

.width-1080 {
    width: 1080px;
}

.width-5-percent {
    width: 5%;
}

.width-10-percent {
    width: 10%;
}

.width-20-percent {
    width: 20%;
}

.width-25-percent {
    width: 25%;
}

.width-30-percent {
    width: 30%;
}

.width-40-percent {
    width: 40%;
}

.width-50-percent {
    width: 50%;
}

.width-60-percent {
    width: 60%;
}

.width-70-percent {
    width: 70%;
}

.width-75-percent {
    width: 75%;
}

.width-80-percent {
    width: 80%;
}

.width-90-percent {
    width: 90%;
}

.width-100-percent {
    width: 100%;
}

.width-1\/2 {
    width: 50%;
}

.width-1\/3 {
    width: 33.333333%;
}

.width-2\/3 {
    width: 66.666667%;
}

.width-1\/4 {
    width: 25%;
}

.width-2\/4 {
    width: 50%;
}

.width-3\/4 {
    width: 75%;
}

.width-1\/5 {
    width: 20%;
}

.width-2\/5 {
    width: 40%;
}

.width-3\/5 {
    width: 60%;
}

.width-4\/5 {
    width: 80%;
}

.width-1\/6 {
    width: 16.666667%;
}

.width-2\/6 {
    width: 33.333333%;
}

.width-3\/6 {
    width: 50%;
}

.width-4\/6 {
    width: 66.666667%;
}

.width-5\/6 {
    width: 83.333333%;
}

.width-1\/12 {
    width: 8.333333%;
}

.width-2\/12 {
    width: 16.666667%;
}

.width-3\/12 {
    width: 25%;
}

.width-4\/12 {
    width: 33.333333%;
}

.width-5\/12 {
    width: 41.666667%;
}

.width-6\/12 {
    width: 50%;
}

.width-7\/12 {
    width: 58.333333%;
}

.width-8\/12 {
    width: 66.666667%;
}

.width-9\/12 {
    width: 75%;
}

.width-10\/12 {
    width: 83.333333%;
}

.width-11\/12 {
    width: 91.666667%;
}

.width-full {
    width: 100%;
}

.width-auto {
    width: auto;
}

.width-min-content {
    width: min-content;
}

.width-max-content {
    width: max-content;
}

.view-width-0,
.view-width-none {
    width: 0;
}

.view-width-5 {
    width: 10vw;
}

.view-width-10 {
    width: 10vw;
}

.view-width-20 {
    width: 20vw;
}

.view-width-25,
.view-width-quarter {
    width: 25vw;
}

.view-width-30 {
    width: 30vw;
}

.view-width-40 {
    width: 40vw;
}

.view-width-50,
.view-width-half {
    width: 50vw;
}

.view-width-60 {
    width: 60vw;
}

.view-width-70 {
    width: 70vw;
}

.view-width-75 {
    width: 75vw;
}

.view-width-80 {
    width: 80vw;
}

.view-width-90 {
    width: 90vw;
}

.view-width-100,
.view-width-full {
    width: 100vw;
}

.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;
}

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

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

.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;
}

.user-select-none {
    -webkit-user-select: none;
    user-select: none;
}

.user-select-text {
    -webkit-user-select: text;
    user-select: text;
}

.user-select-all {
    -webkit-user-select: all;
    user-select: all;
}

.user-select-auto {
    -webkit-user-select: auto;
    user-select: auto;
}

.resize-none {
    resize: none;
}

.resize-y {
    resize: vertical;
}

.resize-x {
    resize: horizontal;
}

.resize {
    resize: both;
}


.animate-none {
    animation: none;
}

.animate-spin {
    animation: spin 1s linear infinite;
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-bounce {
    animation: bounce 1s infinite;
}

.scroll-behavior-smooth {
    scroll-behavior: smooth;
}

.fa-thin {
    font-weight: 100;
}

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

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

.fa-solid {
    font-weight: 900;
}

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

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.z-index-4 {
    z-index: 4;
}

.z-index-5 {
    z-index: 5;
}

.z-index-6 {
    z-index: 6;
}

.z-index-7 {
    z-index: 7;
}

.z-index-8 {
    z-index: 8;
}

.z-index-9 {
    z-index: 9;
}

.z-index-12 {
    z-index: 12;
}

.z-index-24 {
    z-index: 24;
}

.z-index-36 {
    z-index: 36;
}

.z-index-48 {
    z-index: 48;
}

.z-index-60 {
    z-index: 60;
}

.z-index-72 {
    z-index: 72;
}

.z-index-84 {
    z-index: 84;
}

.z-index-96 {
    z-index: 96;
}

.z-index-108 {
    z-index: 108;
}

.z-index-120 {
    z-index: 120;
}

.z-index-240 {
    z-index: 240;
}

.z-index-360 {
    z-index: 360;
}

.z-index-480 {
    z-index: 480;
}

.z-index-600 {
    z-index: 600;
}

.z-index-720 {
    z-index: 720;
}

.z-index-840 {
    z-index: 840;
}

.z-index-960 {
    z-index: 960;
}

.z-index-1080 {
    z-index: 1080;
}

.z-index-1200 {
    z-index: 1200;
}

.cube-area {
    perspective: 1000px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cube {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: top 2s ease-in-out, left 2s ease-in-out, transform 2s ease-in-out;
}

.cube-block {
    --cube-size: 120px;
    --cube-face-translate-z: 60px;
    --cube-font-size: 32px;
    --cube-border-color: #fff;
    --cube-border-size: 1px;
    position: relative;
    width: var(--cube-size);
    height: var(--cube-size);
    transform-style: preserve-3d;
    transform: rotateX(-45deg) rotateY(-45deg) rotateZ(0deg);
    transition: transform 1s ease-in-out;
}

.cube-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--cube-size);
    height: var(--cube-size);
    transform-style: preserve-3d;
}

.cube-face {
    position: absolute;
    width: var(--cube-size);
    height: var(--cube-size);
    border: var(--cube-border-size) solid var(--cube-border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--cube-font-size);
    background: linear-gradient(45deg, rgb(248, 34, 68, 0.6), rgba(243, 3, 43, 0.2));
    color: #fff;
    font-weight: bold;
}

.cube-face:nth-child(1) {
    transform: rotateY(0deg) translateZ(var(--cube-face-translate-z));
}

.cube-face:nth-child(2) {
    transform: rotateY(90deg) translateZ(var(--cube-face-translate-z));
}

.cube-face:nth-child(3) {
    transform: rotateY(180deg) translateZ(var(--cube-face-translate-z));
}

.cube-face:nth-child(4) {
    transform: rotateY(-90deg) translateZ(var(--cube-face-translate-z));
}

.cube-face:nth-child(5) {
    transform: rotateX(90deg) translateZ(var(--cube-face-translate-z));
}

.cube-face:nth-child(6) {
    transform: rotateX(-90deg) translateZ(var(--cube-face-translate-z));
}


.cube-rotate {
    --cube-duration: 8s;
    animation: rotateCube var(--cube-duration) infinite linear;
}

.cube-rotate-center {
    --cube-duration: 6s;
    animation: rotateCubeCenter var(--cube-duration) infinite linear;
}

.cube-duration-1 {
    --cube-duration: 1s;
}

.cube-duration-2 {
    --cube-duration: 2s;
}

.cube-duration-3 {
    --cube-duration: 3s;
}

.cube-duration-4 {
    --cube-duration: 4s;
}

.cube-duration-5 {
    --cube-duration: 5s;
}

.cube-duration-6 {
    --cube-duration: 6s;
}

.cube-duration-7 {
    --cube-duration: 7s;
}

.cube-duration-8 {
    --cube-duration: 8s;
}

.cube-duration-9 {
    --cube-duration: 9s;
}

.cube-duration-10 {
    --cube-duration: 10s;
}

.cube-duration-11 {
    --cube-duration: 11s;
}

.cube-duration-12 {
    --cube-duration: 12s;
}

.cube-size-10 {
    --cube-size: 10px;
    --cube-face-translate-z: 5px;

}

.cube-size-20 {
    --cube-size: 20px;
    --cube-face-translate-z: 10px;

}

.cube-size-30 {
    --cube-size: 30px;
    --cube-face-translate-z: 15px;

}

.cube-size-40 {
    --cube-size: 40px;
    --cube-face-translate-z: 20px;

}

.cube-size-50 {
    --cube-size: 50px;
    --cube-face-translate-z: 25px;

}

.cube-size-60 {
    --cube-size: 60px;
    --cube-face-translate-z: 30px;

}

.cube-size-70 {
    --cube-size: 70px;
    --cube-face-translate-z: 35px;

}

.cube-size-80 {
    --cube-size: 80px;
    --cube-face-translate-z: 40px;

}

.cube-size-90 {
    --cube-size: 90px;
    --cube-face-translate-z: 45px;

}

.cube-size-100 {
    --cube-size: 100px;
    --cube-face-translate-z: 50px;

}

.cube-size-110 {
    --cube-size: 110px;
    --cube-face-translate-z: 55px;

}

.cube-size-120 {
    --cube-size: 120px;
    --cube-face-translate-z: 60px;

}

.cube-size-160 {
    --cube-size: 160px;
    --cube-face-translate-z: 80px;

}

.cube-size-180 {
    --cube-size: 180px;
    --cube-face-translate-z: 90px;

}

.cube-size-220 {
    --cube-size: 220px;
    --cube-face-translate-z: 110px;

}

.cube-size-240 {
    --cube-size: 240px;
    --cube-face-translate-z: 120px;

}

.cube-size-260 {
    --cube-size: 260px;
    --cube-face-translate-z: 130px;

}

.cube-size-280 {
    --cube-size: 280px;
    --cube-face-translate-z: 140px;

}

.cube-size-320 {
    --cube-size: 320px;
    --cube-face-translate-z: 160px;

}

.cube-size-360 {
    --cube-size: 360px;
    --cube-face-translate-z: 180px;
}