[data-activate-class~="aspect-ratio-16:9"][data-activate="true"],
[data-activate-class~="aspect-ratio-1:1"][data-activate="true"],
[data-activate-class~="aspect-ratio-1:2"][data-activate="true"],
[data-activate-class~="aspect-ratio-1:3"][data-activate="true"],
[data-activate-class~="aspect-ratio-1:4"][data-activate="true"],
[data-activate-class~="aspect-ratio-21:9"][data-activate="true"],
[data-activate-class~="aspect-ratio-24:9"][data-activate="true"],
[data-activate-class~="aspect-ratio-27:9"][data-activate="true"],
[data-activate-class~="aspect-ratio-2:1"][data-activate="true"],
[data-activate-class~="aspect-ratio-2:3"][data-activate="true"],
[data-activate-class~="aspect-ratio-32:9"][data-activate="true"],
[data-activate-class~="aspect-ratio-3:1"][data-activate="true"],
[data-activate-class~="aspect-ratio-3:2"][data-activate="true"],
[data-activate-class~="aspect-ratio-3:4"][data-activate="true"],
[data-activate-class~="aspect-ratio-4:1"][data-activate="true"],
[data-activate-class~="aspect-ratio-4:3"][data-activate="true"],
[data-activate-class~="aspect-ratio-9:16"][data-activate="true"],
[data-activate-class~="aspect-ratio-9:21"][data-activate="true"],
[data-activate-class~="aspect-ratio-9:24"][data-activate="true"],
[data-activate-class~="aspect-ratio-9:27"][data-activate="true"],
[data-activate-class~="aspect-ratio-9:32"][data-activate="true"],
[data-activate-class~="aspect"][data-activate="true"] {
    position: relative;
    display: inline-block;
    width: 100%;
}

:is([data-activate-class~="aspect"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:2"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:3"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:4"][data-activate="true"],
    [data-activate-class~="aspect-ratio-2:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-2:3"][data-activate="true"],
    [data-activate-class~="aspect-ratio-3:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-3:2"][data-activate="true"],
    [data-activate-class~="aspect-ratio-3:4"][data-activate="true"],
    [data-activate-class~="aspect-ratio-4:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-4:3"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:16"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:21"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:24"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:27"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:32"][data-activate="true"],
    [data-activate-class~="aspect-ratio-16:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-21:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-24:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-27:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-32:9"][data-activate="true"])::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

:is([data-activate-class~="aspect"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:1"][data-activate="true"])::before {
    --aspect-ratio: 100%;
}

[data-activate-class~="aspect-ratio-1:2"][data-activate="true"] ::before {
    --aspect-ratio: calc(2 / 1 * 100%);
}

[data-activate-class~="aspect-ratio-1:3"][data-activate="true"] ::before {
    --aspect-ratio: calc(3 / 1 * 100%);
}

[data-activate-class~="aspect-ratio-1:4"][data-activate="true"] ::before {
    --aspect-ratio: calc(4 / 1 * 100%);
}

[data-activate-class~="aspect-ratio-2:1"][data-activate="true"] ::before {
    --aspect-ratio: calc(1 / 2 * 100%);
}

[data-activate-class~="aspect-ratio-2:3"][data-activate="true"] ::before {
    --aspect-ratio: calc(3 / 2 * 100%);
}

[data-activate-class~="aspect-ratio-3:1"][data-activate="true"] ::before {
    --aspect-ratio: calc(1 / 3 * 100%);
}

[data-activate-class~="aspect-ratio-3:2"][data-activate="true"] ::before {
    --aspect-ratio: calc(2 / 3 * 100%);
}

[data-activate-class~="aspect-ratio-3:4"][data-activate="true"] ::before {
    --aspect-ratio: calc(4 / 3 * 100%);
}

[data-activate-class~="aspect-ratio-4:1"][data-activate="true"] ::before {
    --aspect-ratio: calc(1 / 4 * 100%);
}

[data-activate-class~="aspect-ratio-4:3"][data-activate="true"] ::before {
    --aspect-ratio: calc(3 / 4 * 100%);
}

[data-activate-class~="aspect-ratio-9:16"][data-activate="true"] ::before {
    --aspect-ratio: calc(16 / 9 * 100%);
}

[data-activate-class~="aspect-ratio-9:21"][data-activate="true"] ::before {
    --aspect-ratio: calc(21 / 9 * 100%);
}

[data-activate-class~="aspect-ratio-9:24"][data-activate="true"] ::before {
    --aspect-ratio: calc(24 / 9 * 100%);
}

[data-activate-class~="aspect-ratio-9:27"][data-activate="true"] ::before {
    --aspect-ratio: calc(27 / 9 * 100%);
}

[data-activate-class~="aspect-ratio-9:32"][data-activate="true"] ::before {
    --aspect-ratio: calc(32 / 9 * 100%);
}

[data-activate-class~="aspect-ratio-9:21"][data-activate="true"] ::before {
    --aspect-ratio: calc(21 / 9 * 100%);
}

[data-activate-class~="aspect-ratio-16:9"][data-activate="true"] ::before {
    --aspect-ratio: calc(9 / 16 * 100%);
}

[data-activate-class~="aspect-ratio-21:9"][data-activate="true"] ::before {
    --aspect-ratio: calc(9 / 21 * 100%);
}

[data-activate-class~="aspect-ratio-24:9"][data-activate="true"] ::before {
    --aspect-ratio: calc(9 / 24 * 100%);
}

[data-activate-class~="aspect-ratio-27:9"][data-activate="true"] ::before {
    --aspect-ratio: calc(9 / 27 * 100%);
}

[data-activate-class~="aspect-ratio-32:9"][data-activate="true"] ::before {
    --aspect-ratio: calc(9 / 32 * 100%);
}

:is([data-activate-class~="aspect"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:2"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:3"][data-activate="true"],
    [data-activate-class~="aspect-ratio-1:4"][data-activate="true"],
    [data-activate-class~="aspect-ratio-2:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-2:3"][data-activate="true"],
    [data-activate-class~="aspect-ratio-3:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-3:2"][data-activate="true"],
    [data-activate-class~="aspect-ratio-3:4"][data-activate="true"],
    [data-activate-class~="aspect-ratio-4:1"][data-activate="true"],
    [data-activate-class~="aspect-ratio-4:3"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:16"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:21"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:24"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:27"][data-activate="true"],
    [data-activate-class~="aspect-ratio-9:32"][data-activate="true"],
    [data-activate-class~="aspect-ratio-16:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-21:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-24:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-27:9"][data-activate="true"],
    [data-activate-class~="aspect-ratio-32:9"][data-activate="true"])>* {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


[data-activate-class~="container"][data-activate="true"] {
    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) {
    [data-activate-class~="container"][data-activate="true"] {
        max-width: 540px;
    }
}

@media (min-width: 640px) {
    [data-activate-class~="container"][data-activate="true"] {
        max-width: 620px;
    }
}

@media (min-width: 768px) {
    [data-activate-class~="container"][data-activate="true"] {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    [data-activate-class~="container"][data-activate="true"] {
        max-width: 960px;
    }
}

@media (min-width: 1280px) {
    [data-activate-class~="container"][data-activate="true"] {
        max-width: 1200px;
    }
}

@media (min-width: 1560px) {
    [data-activate-class~="container"][data-activate="true"] {
        max-width: 1520px;
    }
}

[data-activate-class~="container-fluid"][data-activate="true"] {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

[data-activate-class~="display-none"][data-activate="true"] {
    display: none;
}

[data-activate-class~="display-contents"][data-activate="true"] {
    display: contents;
}

[data-activate-class~="display-inline"][data-activate="true"] {
    display: inline;
}

[data-activate-class~="display-inline-block"][data-activate="true"] {
    display: inline-block;
}

[data-activate-class~="display-block"][data-activate="true"] {
    display: block;
}

[data-activate-class~="display-table"][data-activate="true"] {
    display: table;
}

[data-activate-class~="display-table-row"][data-activate="true"] {
    display: table-row;
}

[data-activate-class~="display-table-cell"][data-activate="true"] {
    display: table-cell;
}

[data-activate-class~="display-flex"][data-activate="true"] {
    display: -ms-flexbox;
    display: flex;
}

[data-activate-class~="display-inline-flex"][data-activate="true"] {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

[data-activate-class~="display-grid"][data-activate="true"] {
    display: grid;
}

[data-activate-class~="display-inline-grid"][data-activate="true"] {
    display: inline-grid;
}

[data-activate-class~="inset-0"][data-activate="true"] {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

[data-activate-class~="inset-1"][data-activate="true"] {
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
}

[data-activate-class~="inset-2"][data-activate="true"] {
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
}

[data-activate-class~="inset-3"][data-activate="true"] {
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
}

[data-activate-class~="inset-4"][data-activate="true"] {
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
}

[data-activate-class~="inset-5"][data-activate="true"] {
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
}

[data-activate-class~="inset-6"][data-activate="true"] {
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
}

[data-activate-class~="inset-7"][data-activate="true"] {
    left: 7px;
    top: 7px;
    right: 7px;
    bottom: 7px;
}

[data-activate-class~="inset-8"][data-activate="true"] {
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
}

[data-activate-class~="inset-9"][data-activate="true"] {
    left: 9px;
    top: 9px;
    right: 9px;
    bottom: 9px;
}

[data-activate-class~="inset-12"][data-activate="true"] {
    left: 12px;
    top: 12px;
    right: 12px;
    bottom: 12px;
}

[data-activate-class~="inset-24"][data-activate="true"] {
    left: 24px;
    top: 24px;
    right: 24px;
    bottom: 24px;
}

[data-activate-class~="inset-36"][data-activate="true"] {
    left: 36px;
    top: 36px;
    right: 36px;
    bottom: 36px;
}

[data-activate-class~="inset-48"][data-activate="true"] {
    left: 48px;
    top: 48px;
    right: 48px;
    bottom: 48px;
}

[data-activate-class~="inset-60"][data-activate="true"] {
    left: 60px;
    top: 60px;
    right: 60px;
    bottom: 60px;
}

[data-activate-class~="inset-72"][data-activate="true"] {
    left: 72px;
    top: 72px;
    right: 72px;
    bottom: 72px;
}

[data-activate-class~="inset-84"][data-activate="true"] {
    left: 84px;
    top: 84px;
    right: 84px;
    bottom: 84px;
}

[data-activate-class~="inset-96"][data-activate="true"] {
    left: 96px;
    top: 96px;
    right: 96px;
    bottom: 96px;
}

[data-activate-class~="inset-108"][data-activate="true"] {
    left: 108px;
    top: 108px;
    right: 108px;
    bottom: 108px;
}

[data-activate-class~="inset-120"][data-activate="true"] {
    left: 120px;
    top: 120px;
    right: 120px;
    bottom: 120px;
}

[data-activate-class~="inset-240"][data-activate="true"] {
    left: 240px;
    top: 240px;
    right: 240px;
    bottom: 240px;
}

[data-activate-class~="inset-360"][data-activate="true"] {
    left: 360px;
    top: 360px;
    right: 360px;
    bottom: 360px;
}

[data-activate-class~="inset-480"][data-activate="true"] {
    left: 480px;
    top: 480px;
    right: 480px;
    bottom: 480px;
}

[data-activate-class~="inset-600"][data-activate="true"] {
    left: 600px;
    top: 600px;
    right: 600px;
    bottom: 600px;
}

[data-activate-class~="inset-720"][data-activate="true"] {
    left: 720px;
    top: 720px;
    right: 720px;
    bottom: 720px;
}

[data-activate-class~="inset-840"][data-activate="true"] {
    left: 840px;
    top: 840px;
    right: 840px;
    bottom: 840px;
}

[data-activate-class~="inset-960"][data-activate="true"] {
    left: 960px;
    top: 960px;
    right: 960px;
    bottom: 960px;
}

[data-activate-class~="inset-1080"][data-activate="true"] {
    left: 1080px;
    top: 1080px;
    right: 1080px;
    bottom: 1080px;
}

[data-activate-class~="inset-1\/4"][data-activate="true"],
[data-activate-class~="inset-25-percent"][data-activate="true"] {
    left: 25%;
    top: 25%;
    right: 25%;
    bottom: 25%;
}

[data-activate-class~="inset-1\/2"][data-activate="true"],
[data-activate-class~="inset-2\/4"][data-activate="true"],
[data-activate-class~="inset-50-percent"][data-activate="true"] {
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
}

[data-activate-class~="inset-3\/4"][data-activate="true"],
[data-activate-class~="inset-75-percent"][data-activate="true"] {
    left: 75%;
    top: 75%;
    right: 75%;
    bottom: 75%;
}

[data-activate-class~="inset-100-percent"][data-activate="true"],
[data-activate-class~="inset-full"][data-activate="true"] {
    left: 100%;
    top: 100%;
    right: 100%;
    bottom: 100%;
}

[data-activate-class~="inset-1\/3"][data-activate="true"] {
    left: 33.333333%;
    top: 33.333333%;
    right: 33.333333%;
    bottom: 33.333333%;
}

[data-activate-class~="inset-2\/3"][data-activate="true"] {
    left: 66.666667%;
    top: 66.666667%;
    right: 66.666667%;
    bottom: 66.666667%;
}

[data-activate-class~="inset-1\/4"][data-activate="true"] {
    left: 25%;
    top: 25%;
    right: 25%;
    bottom: 25%;
}

[data-activate-class~="inset-2\/4"][data-activate="true"] {
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
}

[data-activate-class~="inset-3\/4"][data-activate="true"] {
    left: 75%;
    top: 75%;
    right: 75%;
    bottom: 75%;
}

[data-activate-class~="inset-full"][data-activate="true"] {
    left: 100%;
    top: 100%;
    right: 100%;
    bottom: 100%;
}

[data-activate-class~="-inset-1"][data-activate="true"] {
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
}

[data-activate-class~="-inset-2"][data-activate="true"] {
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
}

[data-activate-class~="-inset-3"][data-activate="true"] {
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
}

[data-activate-class~="-inset-4"][data-activate="true"] {
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
}

[data-activate-class~="-inset-5"][data-activate="true"] {
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
}

[data-activate-class~="-inset-6"][data-activate="true"] {
    left: -6px;
    top: -6px;
    right: -6px;
    bottom: -6px;
}

[data-activate-class~="-inset-7"][data-activate="true"] {
    left: -7px;
    top: -7px;
    right: -7px;
    bottom: -7px;
}

[data-activate-class~="-inset-8"][data-activate="true"] {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px;
}

[data-activate-class~="-inset-9"][data-activate="true"] {
    left: -9px;
    top: -9px;
    right: -9px;
    bottom: -9px;
}

[data-activate-class~="-inset-12"][data-activate="true"] {
    left: -12px;
    top: -12px;
    right: -12px;
    bottom: -12px;
}

[data-activate-class~="-inset-24"][data-activate="true"] {
    left: -24px;
    top: -24px;
    right: -24px;
    bottom: -24px;
}

[data-activate-class~="-inset-36"][data-activate="true"] {
    left: -36px;
    top: -36px;
    right: -36px;
    bottom: -36px;
}

[data-activate-class~="-inset-48"][data-activate="true"] {
    left: -48px;
    top: -48px;
    right: -48px;
    bottom: -48px;
}

[data-activate-class~="-inset-60"][data-activate="true"] {
    left: -60px;
    top: -60px;
    right: -60px;
    bottom: -60px;
}

[data-activate-class~="-inset-72"][data-activate="true"] {
    left: -72px;
    top: -72px;
    right: -72px;
    bottom: -72px;
}

[data-activate-class~="-inset-84"][data-activate="true"] {
    left: -84px;
    top: -84px;
    right: -84px;
    bottom: -84px;
}

[data-activate-class~="-inset-96"][data-activate="true"] {
    left: -96px;
    top: -96px;
    right: -96px;
    bottom: -96px;
}

[data-activate-class~="-inset-108"][data-activate="true"] {
    left: -108px;
    top: -108px;
    right: -108px;
    bottom: -108px;
}

[data-activate-class~="-inset-120"][data-activate="true"] {
    left: -120px;
    top: -120px;
    right: -120px;
    bottom: -120px;
}

[data-activate-class~="-inset-240"][data-activate="true"] {
    left: -240px;
    top: -240px;
    right: -240px;
    bottom: -240px;
}

[data-activate-class~="-inset-360"][data-activate="true"] {
    left: -360px;
    top: -360px;
    right: -360px;
    bottom: -360px;
}

[data-activate-class~="-inset-480"][data-activate="true"] {
    left: -480px;
    top: -480px;
    right: -480px;
    bottom: -480px;
}

[data-activate-class~="-inset-600"][data-activate="true"] {
    left: -600px;
    top: -600px;
    right: -600px;
    bottom: -600px;
}

[data-activate-class~="-inset-720"][data-activate="true"] {
    left: -720px;
    top: -720px;
    right: -720px;
    bottom: -720px;
}

[data-activate-class~="-inset-840"][data-activate="true"] {
    left: -840px;
    top: -840px;
    right: -840px;
    bottom: -840px;
}

[data-activate-class~="-inset-960"][data-activate="true"] {
    left: -960px;
    top: -960px;
    right: -960px;
    bottom: -960px;
}

[data-activate-class~="-inset-1080"][data-activate="true"] {
    left: -1080px;
    top: -1080px;
    right: -1080px;
    bottom: -1080px;
}

[data-activate-class~="-inset-1\/4"][data-activate="true"],
[data-activate-class~="-inset-25-percent"][data-activate="true"] {
    left: -25%;
    top: -25%;
    right: -25%;
    bottom: -25%;
}

[data-activate-class~="-inset-1\/2"][data-activate="true"],
[data-activate-class~="-inset-2\/4"][data-activate="true"],
[data-activate-class~="-inset-50-percent"][data-activate="true"] {
    left: -50%;
    top: -50%;
    right: -50%;
    bottom: -50%;
}

[data-activate-class~="-inset-3\/4"][data-activate="true"],
[data-activate-class~="-inset-75-percent"][data-activate="true"] {
    left: -75%;
    top: -75%;
    right: -75%;
    bottom: -75%;
}

[data-activate-class~="-inset-100-percent"][data-activate="true"],
[data-activate-class~="-inset-full"][data-activate="true"] {
    left: -100%;
    top: -100%;
    right: -100%;
    bottom: -100%;
}

[data-activate-class~="-inset-1\/3"][data-activate="true"] {
    left: -33.333333%;
    top: -33.333333%;
    right: -33.333333%;
    bottom: -33.333333%;
}

[data-activate-class~="-inset-2\/3"][data-activate="true"] {
    left: -66.666667%;
    top: -66.666667%;
    right: -66.666667%;
    bottom: -66.666667%;
}

[data-activate-class~="-inset-1\/4"][data-activate="true"] {
    left: -25%;
    top: -25%;
    right: -25%;
    bottom: -25%;
}

[data-activate-class~="-inset-2\/4"][data-activate="true"] {
    left: -50%;
    top: -50%;
    right: -50%;
    bottom: -50%;
}

[data-activate-class~="-inset-3\/4"][data-activate="true"] {
    left: -75%;
    top: -75%;
    right: -75%;
    bottom: -75%;
}

[data-activate-class~="-inset-full"][data-activate="true"] {
    left: -100%;
    top: -100%;
    right: -100%;
    bottom: -100%;
}

[data-activate-class~="inset-y-1"][data-activate="true"] {
    top: 1px;
    bottom: 1px;
}

[data-activate-class~="inset-y-2"][data-activate="true"] {
    top: 2px;
    bottom: 2px;
}

[data-activate-class~="inset-y-3"][data-activate="true"] {
    top: 3px;
    bottom: 3px;
}

[data-activate-class~="inset-y-4"][data-activate="true"] {
    top: 4px;
    bottom: 4px;
}

[data-activate-class~="inset-y-5"][data-activate="true"] {
    top: 5px;
    bottom: 5px;
}

[data-activate-class~="inset-y-6"][data-activate="true"] {
    top: 6px;
    bottom: 6px;
}

[data-activate-class~="inset-y-7"][data-activate="true"] {
    top: 7px;
    bottom: 7px;
}

[data-activate-class~="inset-y-8"][data-activate="true"] {
    top: 8px;
    bottom: 8px;
}

[data-activate-class~="inset-y-9"][data-activate="true"] {
    top: 9px;
    bottom: 9px;
}

[data-activate-class~="inset-y-12"][data-activate="true"] {
    top: 12px;
    bottom: 12px;
}

[data-activate-class~="inset-y-24"][data-activate="true"] {
    top: 24px;
    bottom: 24px;
}

[data-activate-class~="inset-y-36"][data-activate="true"] {
    top: 36px;
    bottom: 36px;
}

[data-activate-class~="inset-y-48"][data-activate="true"] {
    top: 48px;
    bottom: 48px;
}

[data-activate-class~="inset-y-60"][data-activate="true"] {
    top: 60px;
    bottom: 60px;
}

[data-activate-class~="inset-y-72"][data-activate="true"] {
    top: 72px;
    bottom: 72px;
}

[data-activate-class~="inset-y-84"][data-activate="true"] {
    top: 84px;
    bottom: 84px;
}

[data-activate-class~="inset-y-96"][data-activate="true"] {
    top: 96px;
    bottom: 96px;
}

[data-activate-class~="inset-y-108"][data-activate="true"] {
    top: 108px;
    bottom: 108px;
}

[data-activate-class~="inset-y-120"][data-activate="true"] {
    top: 120px;
    bottom: 120px;
}

[data-activate-class~="inset-y-240"][data-activate="true"] {
    top: 240px;
    bottom: 240px;
}

[data-activate-class~="inset-y-360"][data-activate="true"] {
    top: 360px;
    bottom: 360px;
}

[data-activate-class~="inset-y-480"][data-activate="true"] {
    top: 480px;
    bottom: 480px;
}

[data-activate-class~="inset-y-600"][data-activate="true"] {
    top: 600px;
    bottom: 600px;
}

[data-activate-class~="inset-y-720"][data-activate="true"] {
    top: 720px;
    bottom: 720px;
}

[data-activate-class~="inset-y-840"][data-activate="true"] {
    top: 840px;
    bottom: 840px;
}

[data-activate-class~="inset-y-960"][data-activate="true"] {
    top: 960px;
    bottom: 960px;
}

[data-activate-class~="inset-y-1080"][data-activate="true"] {
    top: 1080px;
    bottom: 1080px;
}

[data-activate-class~="inset-y-1\/4"][data-activate="true"],
[data-activate-class~="inset-y-25-percent"][data-activate="true"] {
    top: 25%;
    bottom: 25%;
}

[data-activate-class~="inset-y-1\/2"][data-activate="true"],
[data-activate-class~="inset-y-2\/4"][data-activate="true"],
[data-activate-class~="inset-y-50-percent"][data-activate="true"] {
    top: 50%;
    bottom: 50%;
}

[data-activate-class~="inset-y-3\/4"][data-activate="true"],
[data-activate-class~="inset-y-75-percent"][data-activate="true"] {
    top: 75%;
    bottom: 75%;
}

[data-activate-class~="inset-y-100-percent"][data-activate="true"],
[data-activate-class~="inset-y-full"][data-activate="true"] {
    top: 100%;
    bottom: 100%;
}

[data-activate-class~="inset-y-1\/3"][data-activate="true"] {
    top: 33.333333%;
    bottom: 33.333333%;
}

[data-activate-class~="inset-y-2\/3"][data-activate="true"] {
    top: 66.666667%;
    bottom: 66.666667%;
}

[data-activate-class~="inset-y-1\/4"][data-activate="true"] {
    top: 25%;
    bottom: 25%;
}

[data-activate-class~="inset-y-2\/4"][data-activate="true"] {
    top: 50%;
    bottom: 50%;
}

[data-activate-class~="inset-y-3\/4"][data-activate="true"] {
    top: 75%;
    bottom: 75%;
}

[data-activate-class~="inset-y-full"][data-activate="true"] {
    top: 100%;
    bottom: 100%;
}

[data-activate-class~="-inset-y-1"][data-activate="true"] {
    top: -1px;
    bottom: -1px;
}

[data-activate-class~="-inset-y-2"][data-activate="true"] {
    top: -2px;
    bottom: -2px;
}

[data-activate-class~="-inset-y-3"][data-activate="true"] {
    top: -3px;
    bottom: -3px;
}

[data-activate-class~="-inset-y-4"][data-activate="true"] {
    top: -4px;
    bottom: -4px;
}

[data-activate-class~="-inset-y-5"][data-activate="true"] {
    top: -5px;
    bottom: -5px;
}

[data-activate-class~="-inset-y-6"][data-activate="true"] {
    top: -6px;
    bottom: -6px;
}

[data-activate-class~="-inset-y-7"][data-activate="true"] {
    top: -7px;
    bottom: -7px;
}

[data-activate-class~="-inset-y-8"][data-activate="true"] {
    top: -8px;
    bottom: -8px;
}

[data-activate-class~="-inset-y-9"][data-activate="true"] {
    top: -9px;
    bottom: -9px;
}

[data-activate-class~="-inset-y-12"][data-activate="true"] {
    top: -12px;
    bottom: -12px;
}

[data-activate-class~="-inset-y-24"][data-activate="true"] {
    top: -24px;
    bottom: -24px;
}

[data-activate-class~="-inset-y-36"][data-activate="true"] {
    top: -36px;
    bottom: -36px;
}

[data-activate-class~="-inset-y-48"][data-activate="true"] {
    top: -48px;
    bottom: -48px;
}

[data-activate-class~="-inset-y-60"][data-activate="true"] {
    top: -60px;
    bottom: -60px;
}

[data-activate-class~="-inset-y-72"][data-activate="true"] {
    top: -72px;
    bottom: -72px;
}

[data-activate-class~="-inset-y-84"][data-activate="true"] {
    top: -84px;
    bottom: -84px;
}

[data-activate-class~="-inset-y-96"][data-activate="true"] {
    top: -96px;
    bottom: -96px;
}

[data-activate-class~="-inset-y-108"][data-activate="true"] {
    top: -108px;
    bottom: -108px;
}

[data-activate-class~="-inset-y-120"][data-activate="true"] {
    top: -120px;
    bottom: -120px;
}

[data-activate-class~="-inset-y-240"][data-activate="true"] {
    top: -240px;
    bottom: -240px;
}

[data-activate-class~="-inset-y-360"][data-activate="true"] {
    top: -360px;
    bottom: -360px;
}

[data-activate-class~="-inset-y-480"][data-activate="true"] {
    top: -480px;
    bottom: -480px;
}

[data-activate-class~="-inset-y-600"][data-activate="true"] {
    top: -600px;
    bottom: -600px;
}

[data-activate-class~="-inset-y-720"][data-activate="true"] {
    top: -720px;
    bottom: -720px;
}

[data-activate-class~="-inset-y-840"][data-activate="true"] {
    top: -840px;
    bottom: -840px;
}

[data-activate-class~="-inset-y-960"][data-activate="true"] {
    top: -960px;
    bottom: -960px;
}

[data-activate-class~="-inset-y-1080"][data-activate="true"] {
    top: -1080px;
    bottom: -1080px;
}

[data-activate-class~="-inset-y-1\/4"][data-activate="true"],
[data-activate-class~="-inset-y-25-percent"][data-activate="true"] {
    top: -25%;
    bottom: -25%;
}

[data-activate-class~="-inset-y-1\/2"][data-activate="true"],
[data-activate-class~="-inset-y-2\/4"][data-activate="true"],
[data-activate-class~="-inset-y-50-percent"][data-activate="true"] {
    top: -50%;
    bottom: -50%;
}

[data-activate-class~="-inset-y-3\/4"][data-activate="true"],
[data-activate-class~="-inset-y-75-percent"][data-activate="true"] {
    top: -75%;
    bottom: -75%;
}

[data-activate-class~="-inset-y-100-percent"][data-activate="true"],
[data-activate-class~="-inset-y-full"][data-activate="true"] {
    top: -100%;
    bottom: -100%;
}

[data-activate-class~="-inset-y-1\/3"][data-activate="true"] {
    top: -33.333333%;
    bottom: -33.333333%;
}

[data-activate-class~="-inset-y-2\/3"][data-activate="true"] {
    top: -66.666667%;
    bottom: -66.666667%;
}

[data-activate-class~="-inset-y-1\/4"][data-activate="true"] {
    top: -25%;
    bottom: -25%;
}

[data-activate-class~="-inset-y-2\/4"][data-activate="true"] {
    top: -50%;
    bottom: -50%;
}

[data-activate-class~="-inset-y-3\/4"][data-activate="true"] {
    top: -75%;
    bottom: -75%;
}

[data-activate-class~="-inset-y-full"][data-activate="true"] {
    top: -100%;
    bottom: -100%;
}

[data-activate-class~="inset-x-1"][data-activate="true"] {
    left: 1px;
    right: 1px;
}

[data-activate-class~="inset-x-2"][data-activate="true"] {
    left: 2px;
    right: 2px;
}

[data-activate-class~="inset-x-3"][data-activate="true"] {
    left: 3px;
    right: 3px;
}

[data-activate-class~="inset-x-4"][data-activate="true"] {
    left: 4px;
    right: 4px;
}

[data-activate-class~="inset-x-5"][data-activate="true"] {
    left: 5px;
    right: 5px;
}

[data-activate-class~="inset-x-6"][data-activate="true"] {
    left: 6px;
    right: 6px;
}

[data-activate-class~="inset-x-7"][data-activate="true"] {
    left: 7px;
    right: 7px;
}

[data-activate-class~="inset-x-8"][data-activate="true"] {
    left: 8px;
    right: 8px;
}

[data-activate-class~="inset-x-9"][data-activate="true"] {
    left: 9px;
    right: 9px;
}

[data-activate-class~="inset-x-12"][data-activate="true"] {
    left: 12px;
    right: 12px;
}

[data-activate-class~="inset-x-24"][data-activate="true"] {
    left: 24px;
    right: 24px;
}

[data-activate-class~="inset-x-36"][data-activate="true"] {
    left: 36px;
    right: 36px;
}

[data-activate-class~="inset-x-48"][data-activate="true"] {
    left: 48px;
    right: 48px;
}

[data-activate-class~="inset-x-60"][data-activate="true"] {
    left: 60px;
    right: 60px;
}

[data-activate-class~="inset-x-72"][data-activate="true"] {
    left: 72px;
    right: 72px;
}

[data-activate-class~="inset-x-84"][data-activate="true"] {
    left: 84px;
    right: 84px;
}

[data-activate-class~="inset-x-96"][data-activate="true"] {
    left: 96px;
    right: 96px;
}

[data-activate-class~="inset-x-108"][data-activate="true"] {
    left: 108px;
    right: 108px;
}

[data-activate-class~="inset-x-120"][data-activate="true"] {
    left: 120px;
    right: 120px;
}

[data-activate-class~="inset-x-240"][data-activate="true"] {
    left: 240px;
    right: 240px;
}

[data-activate-class~="inset-x-360"][data-activate="true"] {
    left: 360px;
    right: 360px;
}

[data-activate-class~="inset-x-480"][data-activate="true"] {
    left: 480px;
    right: 480px;
}

[data-activate-class~="inset-x-600"][data-activate="true"] {
    left: 600px;
    right: 600px;
}

[data-activate-class~="inset-x-720"][data-activate="true"] {
    left: 720px;
    right: 720px;
}

[data-activate-class~="inset-x-840"][data-activate="true"] {
    left: 840px;
    right: 840px;
}

[data-activate-class~="inset-x-960"][data-activate="true"] {
    left: 960px;
    right: 960px;
}

[data-activate-class~="inset-x-1080"][data-activate="true"] {
    left: 1080px;
    right: 1080px;
}

[data-activate-class~="inset-x-1\/4"][data-activate="true"],
[data-activate-class~="inset-x-25-percent"][data-activate="true"] {
    left: 25%;
    right: 25%;
}

[data-activate-class~="inset-x-1\/2"][data-activate="true"],
[data-activate-class~="inset-x-2\/4"][data-activate="true"],
[data-activate-class~="inset-x-50-percent"][data-activate="true"] {
    left: 50%;
    right: 50%;
}

[data-activate-class~="inset-x-3\/4"][data-activate="true"],
[data-activate-class~="inset-x-75-percent"][data-activate="true"] {
    left: 75%;
    right: 75%;
}

[data-activate-class~="inset-x-100-percent"][data-activate="true"],
[data-activate-class~="inset-x-full"][data-activate="true"] {
    left: 100%;
    right: 100%;
}

[data-activate-class~="inset-x-1\/3"][data-activate="true"] {
    left: 33.333333%;
    right: 33.333333%;
}

[data-activate-class~="inset-x-2\/3"][data-activate="true"] {
    left: 66.666667%;
    right: 66.666667%;
}

[data-activate-class~="inset-x-1\/4"][data-activate="true"] {
    left: 25%;
    right: 25%;
}

[data-activate-class~="inset-x-2\/4"][data-activate="true"] {
    left: 50%;
    right: 50%;
}

[data-activate-class~="inset-x-3\/4"][data-activate="true"] {
    left: 75%;
    right: 75%;
}

[data-activate-class~="inset-x-full"][data-activate="true"] {
    left: 100%;
    right: 100%;
}

[data-activate-class~="-inset-x-1"][data-activate="true"] {
    left: -1px;
    right: -1px;
}

[data-activate-class~="-inset-x-2"][data-activate="true"] {
    left: -2px;
    right: -2px;
}

[data-activate-class~="-inset-x-3"][data-activate="true"] {
    left: -3px;
    right: -3px;
}

[data-activate-class~="-inset-x-4"][data-activate="true"] {
    left: -4px;
    right: -4px;
}

[data-activate-class~="-inset-x-5"][data-activate="true"] {
    left: -5px;
    right: -5px;
}

[data-activate-class~="-inset-x-6"][data-activate="true"] {
    left: -6px;
    right: -6px;
}

[data-activate-class~="-inset-x-7"][data-activate="true"] {
    left: -7px;
    right: -7px;
}

[data-activate-class~="-inset-x-8"][data-activate="true"] {
    left: -8px;
    right: -8px;
}

[data-activate-class~="-inset-x-9"][data-activate="true"] {
    left: -9px;
    right: -9px;
}

[data-activate-class~="-inset-x-12"][data-activate="true"] {
    left: -12px;
    right: -12px;
}

[data-activate-class~="-inset-x-24"][data-activate="true"] {
    left: -24px;
    right: -24px;
}

[data-activate-class~="-inset-x-36"][data-activate="true"] {
    left: -36px;
    right: -36px;
}

[data-activate-class~="-inset-x-48"][data-activate="true"] {
    left: -48px;
    right: -48px;
}

[data-activate-class~="-inset-x-60"][data-activate="true"] {
    left: -60px;
    right: -60px;
}

[data-activate-class~="-inset-x-72"][data-activate="true"] {
    left: -72px;
    right: -72px;
}

[data-activate-class~="-inset-x-84"][data-activate="true"] {
    left: -84px;
    right: -84px;
}

[data-activate-class~="-inset-x-96"][data-activate="true"] {
    left: -96px;
    right: -96px;
}

[data-activate-class~="-inset-x-108"][data-activate="true"] {
    left: -108px;
    right: -108px;
}

[data-activate-class~="-inset-x-120"][data-activate="true"] {
    left: -120px;
    right: -120px;
}

[data-activate-class~="-inset-x-240"][data-activate="true"] {
    left: -240px;
    right: -240px;
}

[data-activate-class~="-inset-x-360"][data-activate="true"] {
    left: -360px;
    right: -360px;
}

[data-activate-class~="-inset-x-480"][data-activate="true"] {
    left: -480px;
    right: -480px;
}

[data-activate-class~="-inset-x-600"][data-activate="true"] {
    left: -600px;
    right: -600px;
}

[data-activate-class~="-inset-x-720"][data-activate="true"] {
    left: -720px;
    right: -720px;
}

[data-activate-class~="-inset-x-840"][data-activate="true"] {
    left: -840px;
    right: -840px;
}

[data-activate-class~="-inset-x-960"][data-activate="true"] {
    left: -960px;
    right: -960px;
}

[data-activate-class~="-inset-x-1080"][data-activate="true"] {
    left: -1080px;
    right: -1080px;
}

[data-activate-class~="-inset-x-1\/4"][data-activate="true"],
[data-activate-class~="-inset-x-25-percent"][data-activate="true"] {
    left: -25%;
    right: -25%;
}

[data-activate-class~="-inset-x-1\/2"][data-activate="true"],
[data-activate-class~="-inset-x-2\/4"][data-activate="true"],
[data-activate-class~="-inset-x-50-percent"][data-activate="true"] {
    left: -50%;
    right: -50%;
}

[data-activate-class~="-inset-x-3\/4"][data-activate="true"],
[data-activate-class~="-inset-x-75-percent"][data-activate="true"] {
    left: -75%;
    right: -75%;
}

[data-activate-class~="-inset-x-100-percent"][data-activate="true"],
[data-activate-class~="-inset-x-full"][data-activate="true"] {
    left: -100%;
    right: -100%;
}

[data-activate-class~="-inset-x-1\/3"][data-activate="true"] {
    left: -33.333333%;
    right: -33.333333%;
}

[data-activate-class~="-inset-x-2\/3"][data-activate="true"] {
    left: -66.666667%;
    right: -66.666667%;
}

[data-activate-class~="-inset-x-1\/4"][data-activate="true"] {
    left: -25%;
    right: -25%;
}

[data-activate-class~="-inset-x-2\/4"][data-activate="true"] {
    left: -50%;
    right: -50%;
}

[data-activate-class~="-inset-x-3\/4"][data-activate="true"] {
    left: -75%;
    right: -75%;
}

[data-activate-class~="-inset-x-full"][data-activate="true"] {
    left: -100%;
    right: -100%;
}

[data-activate-class~="left-0"][data-activate="true"] {
    left: 0;
}

[data-activate-class~="left-1"][data-activate="true"] {
    left: 1px;
}

[data-activate-class~="left-2"][data-activate="true"] {
    left: 2px;
}

[data-activate-class~="left-3"][data-activate="true"] {
    left: 3px;
}

[data-activate-class~="left-4"][data-activate="true"] {
    left: 4px;
}

[data-activate-class~="left-5"][data-activate="true"] {
    left: 5px;
}

[data-activate-class~="left-6"][data-activate="true"] {
    left: 6px;
}

[data-activate-class~="left-7"][data-activate="true"] {
    left: 7px;
}

[data-activate-class~="left-8"][data-activate="true"] {
    left: 8px;
}

[data-activate-class~="left-9"][data-activate="true"] {
    left: 9px;
}

[data-activate-class~="left-12"][data-activate="true"] {
    left: 12px;
}

[data-activate-class~="left-24"][data-activate="true"] {
    left: 24px;
}

[data-activate-class~="left-36"][data-activate="true"] {
    left: 36px;
}

[data-activate-class~="left-48"][data-activate="true"] {
    left: 48px;
}

[data-activate-class~="left-60"][data-activate="true"] {
    left: 60px;
}

[data-activate-class~="left-72"][data-activate="true"] {
    left: 72px;
}

[data-activate-class~="left-84"][data-activate="true"] {
    left: 84px;
}

[data-activate-class~="left-96"][data-activate="true"] {
    left: 96px;
}

[data-activate-class~="left-108"][data-activate="true"] {
    left: 108px;
}

[data-activate-class~="left-120"][data-activate="true"] {
    left: 120px;
}

[data-activate-class~="left-240"][data-activate="true"] {
    left: 240px;
}

[data-activate-class~="left-360"][data-activate="true"] {
    left: 360px;
}

[data-activate-class~="left-480"][data-activate="true"] {
    left: 480px;
}

[data-activate-class~="left-600"][data-activate="true"] {
    left: 600px;
}

[data-activate-class~="left-720"][data-activate="true"] {
    left: 720px;
}

[data-activate-class~="left-840"][data-activate="true"] {
    left: 840px;
}

[data-activate-class~="left-960"][data-activate="true"] {
    left: 960px;
}

[data-activate-class~="left-1080"][data-activate="true"] {
    left: 1080px;
}

[data-activate-class~="left-1\/4"][data-activate="true"],
[data-activate-class~="left-25-percent"][data-activate="true"] {
    left: 25%;
}

[data-activate-class~="left-1\/2"][data-activate="true"],
[data-activate-class~="left-2\/4"][data-activate="true"],
[data-activate-class~="left-50-percent"][data-activate="true"] {
    left: 50%;
}

[data-activate-class~="left-3\/4"][data-activate="true"],
[data-activate-class~="left-75-percent"][data-activate="true"] {
    left: 75%;
}

[data-activate-class~="left-100-percent"][data-activate="true"],
[data-activate-class~="left-full"][data-activate="true"] {
    left: 100%;
}

[data-activate-class~="left-1\/3"][data-activate="true"] {
    left: 33.333333%;
}

[data-activate-class~="left-2\/3"][data-activate="true"] {
    left: 66.666667%;
}

[data-activate-class~="left-1\/4"][data-activate="true"] {
    left: 25%;
}

[data-activate-class~="left-2\/4"][data-activate="true"] {
    left: 50%;
}

[data-activate-class~="left-3\/4"][data-activate="true"] {
    left: 75%;
}

[data-activate-class~="left-full"][data-activate="true"] {
    left: 100%;
}

[data-activate-class~="-left-1"][data-activate="true"] {
    left: -1px;
}

[data-activate-class~="-left-2"][data-activate="true"] {
    left: -2px;
}

[data-activate-class~="-left-3"][data-activate="true"] {
    left: -3px;
}

[data-activate-class~="-left-4"][data-activate="true"] {
    left: -4px;
}

[data-activate-class~="-left-5"][data-activate="true"] {
    left: -5px;
}

[data-activate-class~="-left-6"][data-activate="true"] {
    left: -6px;
}

[data-activate-class~="-left-7"][data-activate="true"] {
    left: -7px;
}

[data-activate-class~="-left-8"][data-activate="true"] {
    left: -8px;
}

[data-activate-class~="-left-9"][data-activate="true"] {
    left: -9px;
}

[data-activate-class~="-left-12"][data-activate="true"] {
    left: -12px;
}

[data-activate-class~="-left-24"][data-activate="true"] {
    left: -24px;
}

[data-activate-class~="-left-36"][data-activate="true"] {
    left: -36px;
}

[data-activate-class~="-left-48"][data-activate="true"] {
    left: -48px;
}

[data-activate-class~="-left-60"][data-activate="true"] {
    left: -60px;
}

[data-activate-class~="-left-72"][data-activate="true"] {
    left: -72px;
}

[data-activate-class~="-left-84"][data-activate="true"] {
    left: -84px;
}

[data-activate-class~="-left-96"][data-activate="true"] {
    left: -96px;
}

[data-activate-class~="-left-108"][data-activate="true"] {
    left: -108px;
}

[data-activate-class~="-left-120"][data-activate="true"] {
    left: -120px;
}

[data-activate-class~="-left-240"][data-activate="true"] {
    left: -240px;
}

[data-activate-class~="-left-360"][data-activate="true"] {
    left: -360px;
}

[data-activate-class~="-left-480"][data-activate="true"] {
    left: -480px;
}

[data-activate-class~="-left-600"][data-activate="true"] {
    left: -600px;
}

[data-activate-class~="-left-720"][data-activate="true"] {
    left: -720px;
}

[data-activate-class~="-left-840"][data-activate="true"] {
    left: -840px;
}

[data-activate-class~="-left-960"][data-activate="true"] {
    left: -960px;
}

[data-activate-class~="-left-1080"][data-activate="true"] {
    left: -1080px;
}

[data-activate-class~="-left-1\/4"][data-activate="true"],
[data-activate-class~="-left-25-percent"][data-activate="true"] {
    left: -25%;
}

[data-activate-class~="-left-1\/2"][data-activate="true"],
[data-activate-class~="-left-2\/4"][data-activate="true"],
[data-activate-class~="-left-50-percent"][data-activate="true"] {
    left: -50%;
}

[data-activate-class~="-left-3\/4"][data-activate="true"],
[data-activate-class~="-left-75-percent"][data-activate="true"] {
    left: -75%;
}

[data-activate-class~="-left-100-percent"][data-activate="true"],
[data-activate-class~="-left-full"][data-activate="true"] {
    left: -100%;
}

[data-activate-class~="-left-1\/3"][data-activate="true"] {
    left: -33.333333%;
}

[data-activate-class~="-left-2\/3"][data-activate="true"] {
    left: -66.666667%;
}

[data-activate-class~="-left-1\/4"][data-activate="true"] {
    left: -25%;
}

[data-activate-class~="-left-2\/4"][data-activate="true"] {
    left: -50%;
}

[data-activate-class~="-left-3\/4"][data-activate="true"] {
    left: -75%;
}

[data-activate-class~="-left-full"][data-activate="true"] {
    left: -100%;
}

[data-activate-class~="top-0"][data-activate="true"] {
    top: 0;
}

[data-activate-class~="top-1"][data-activate="true"] {
    top: 1px;
}

[data-activate-class~="top-2"][data-activate="true"] {
    top: 2px;
}

[data-activate-class~="top-3"][data-activate="true"] {
    top: 3px;
}

[data-activate-class~="top-4"][data-activate="true"] {
    top: 4px;
}

[data-activate-class~="top-5"][data-activate="true"] {
    top: 5px;
}

[data-activate-class~="top-6"][data-activate="true"] {
    top: 6px;
}

[data-activate-class~="top-7"][data-activate="true"] {
    top: 7px;
}

[data-activate-class~="top-8"][data-activate="true"] {
    top: 8px;
}

[data-activate-class~="top-9"][data-activate="true"] {
    top: 9px;
}

[data-activate-class~="top-12"][data-activate="true"] {
    top: 12px;
}

[data-activate-class~="top-24"][data-activate="true"] {
    top: 24px;
}

[data-activate-class~="top-36"][data-activate="true"] {
    top: 36px;
}

[data-activate-class~="top-48"][data-activate="true"] {
    top: 48px;
}

[data-activate-class~="top-60"][data-activate="true"] {
    top: 60px;
}

[data-activate-class~="top-72"][data-activate="true"] {
    top: 72px;
}

[data-activate-class~="top-84"][data-activate="true"] {
    top: 84px;
}

[data-activate-class~="top-96"][data-activate="true"] {
    top: 96px;
}

[data-activate-class~="top-108"][data-activate="true"] {
    top: 108px;
}

[data-activate-class~="top-120"][data-activate="true"] {
    top: 120px;
}

[data-activate-class~="top-240"][data-activate="true"] {
    top: 240px;
}

[data-activate-class~="top-360"][data-activate="true"] {
    top: 360px;
}

[data-activate-class~="top-480"][data-activate="true"] {
    top: 480px;
}

[data-activate-class~="top-600"][data-activate="true"] {
    top: 600px;
}

[data-activate-class~="top-720"][data-activate="true"] {
    top: 720px;
}

[data-activate-class~="top-840"][data-activate="true"] {
    top: 840px;
}

[data-activate-class~="top-960"][data-activate="true"] {
    top: 960px;
}

[data-activate-class~="top-1080"][data-activate="true"] {
    top: 1080px;
}

[data-activate-class~="top-1\/4"][data-activate="true"],
[data-activate-class~="top-25-percent"][data-activate="true"] {
    top: 25%;
}

[data-activate-class~="top-1\/2"][data-activate="true"],
[data-activate-class~="top-2\/4"][data-activate="true"],
[data-activate-class~="top-50-percent"][data-activate="true"] {
    top: 50%;
}

[data-activate-class~="top-3\/4"][data-activate="true"],
[data-activate-class~="top-75-percent"][data-activate="true"] {
    top: 75%;
}

[data-activate-class~="top-100-percent"][data-activate="true"],
[data-activate-class~="top-full"][data-activate="true"] {
    top: 100%;
}

[data-activate-class~="top-1\/3"][data-activate="true"] {
    top: 33.333333%;
}

[data-activate-class~="top-2\/3"][data-activate="true"] {
    top: 66.666667%;
}

[data-activate-class~="top-1\/4"][data-activate="true"] {
    top: 25%;
}

[data-activate-class~="top-2\/4"][data-activate="true"] {
    top: 50%;
}

[data-activate-class~="top-3\/4"][data-activate="true"] {
    top: 75%;
}

[data-activate-class~="top-full"][data-activate="true"] {
    top: 100%;
}

[data-activate-class~="-top-1"][data-activate="true"] {
    top: -1px;
}

[data-activate-class~="-top-2"][data-activate="true"] {
    top: -2px;
}

[data-activate-class~="-top-3"][data-activate="true"] {
    top: -3px;
}

[data-activate-class~="-top-4"][data-activate="true"] {
    top: -4px;
}

[data-activate-class~="-top-5"][data-activate="true"] {
    top: -5px;
}

[data-activate-class~="-top-6"][data-activate="true"] {
    top: -6px;
}

[data-activate-class~="-top-7"][data-activate="true"] {
    top: -7px;
}

[data-activate-class~="-top-8"][data-activate="true"] {
    top: -8px;
}

[data-activate-class~="-top-9"][data-activate="true"] {
    top: -9px;
}

[data-activate-class~="-top-12"][data-activate="true"] {
    top: -12px;
}

[data-activate-class~="-top-24"][data-activate="true"] {
    top: -24px;
}

[data-activate-class~="-top-36"][data-activate="true"] {
    top: -36px;
}

[data-activate-class~="-top-48"][data-activate="true"] {
    top: -48px;
}

[data-activate-class~="-top-60"][data-activate="true"] {
    top: -60px;
}

[data-activate-class~="-top-72"][data-activate="true"] {
    top: -72px;
}

[data-activate-class~="-top-84"][data-activate="true"] {
    top: -84px;
}

[data-activate-class~="-top-96"][data-activate="true"] {
    top: -96px;
}

[data-activate-class~="-top-108"][data-activate="true"] {
    top: -108px;
}

[data-activate-class~="-top-120"][data-activate="true"] {
    top: -120px;
}

[data-activate-class~="-top-240"][data-activate="true"] {
    top: -240px;
}

[data-activate-class~="-top-360"][data-activate="true"] {
    top: -360px;
}

[data-activate-class~="-top-480"][data-activate="true"] {
    top: -480px;
}

[data-activate-class~="-top-600"][data-activate="true"] {
    top: -600px;
}

[data-activate-class~="-top-720"][data-activate="true"] {
    top: -720px;
}

[data-activate-class~="-top-840"][data-activate="true"] {
    top: -840px;
}

[data-activate-class~="-top-960"][data-activate="true"] {
    top: -960px;
}

[data-activate-class~="-top-1080"][data-activate="true"] {
    top: -1080px;
}

[data-activate-class~="-top-1\/4"][data-activate="true"],
[data-activate-class~="-top-25-percent"][data-activate="true"] {
    top: -25%;
}

[data-activate-class~="-top-1\/2"][data-activate="true"],
[data-activate-class~="-top-2\/4"][data-activate="true"],
[data-activate-class~="-top-50-percent"][data-activate="true"] {
    top: -50%;
}

[data-activate-class~="-top-3\/4"][data-activate="true"],
[data-activate-class~="-top-75-percent"][data-activate="true"] {
    top: -75%;
}

[data-activate-class~="-top-100-percent"][data-activate="true"],
[data-activate-class~="-top-full"][data-activate="true"] {
    top: -100%;
}

[data-activate-class~="-top-1\/3"][data-activate="true"] {
    top: -33.333333%;
}

[data-activate-class~="-top-2\/3"][data-activate="true"] {
    top: -66.666667%;
}

[data-activate-class~="-top-1\/4"][data-activate="true"] {
    top: -25%;
}

[data-activate-class~="-top-2\/4"][data-activate="true"] {
    top: -50%;
}

[data-activate-class~="-top-3\/4"][data-activate="true"] {
    top: -75%;
}

[data-activate-class~="-top-full"][data-activate="true"] {
    top: -100%;
}

[data-activate-class~="right-0"][data-activate="true"] {
    right: 0;
}

[data-activate-class~="right-1"][data-activate="true"] {
    right: 1px;
}

[data-activate-class~="right-2"][data-activate="true"] {
    right: 2px;
}

[data-activate-class~="right-3"][data-activate="true"] {
    right: 3px;
}

[data-activate-class~="right-4"][data-activate="true"] {
    right: 4px;
}

[data-activate-class~="right-5"][data-activate="true"] {
    right: 5px;
}

[data-activate-class~="right-6"][data-activate="true"] {
    right: 6px;
}

[data-activate-class~="right-7"][data-activate="true"] {
    right: 7px;
}

[data-activate-class~="right-8"][data-activate="true"] {
    right: 8px;
}

[data-activate-class~="right-9"][data-activate="true"] {
    right: 9px;
}

[data-activate-class~="right-12"][data-activate="true"] {
    right: 12px;
}

[data-activate-class~="right-24"][data-activate="true"] {
    right: 24px;
}

[data-activate-class~="right-36"][data-activate="true"] {
    right: 36px;
}

[data-activate-class~="right-48"][data-activate="true"] {
    right: 48px;
}

[data-activate-class~="right-60"][data-activate="true"] {
    right: 60px;
}

[data-activate-class~="right-72"][data-activate="true"] {
    right: 72px;
}

[data-activate-class~="right-84"][data-activate="true"] {
    right: 84px;
}

[data-activate-class~="right-96"][data-activate="true"] {
    right: 96px;
}

[data-activate-class~="right-108"][data-activate="true"] {
    right: 108px;
}

[data-activate-class~="right-120"][data-activate="true"] {
    right: 120px;
}

[data-activate-class~="right-240"][data-activate="true"] {
    right: 240px;
}

[data-activate-class~="right-360"][data-activate="true"] {
    right: 360px;
}

[data-activate-class~="right-480"][data-activate="true"] {
    right: 480px;
}

[data-activate-class~="right-600"][data-activate="true"] {
    right: 600px;
}

[data-activate-class~="right-720"][data-activate="true"] {
    right: 720px;
}

[data-activate-class~="right-840"][data-activate="true"] {
    right: 840px;
}

[data-activate-class~="right-960"][data-activate="true"] {
    right: 960px;
}

[data-activate-class~="right-1080"][data-activate="true"] {
    right: 1080px;
}

[data-activate-class~="right-1\/4"][data-activate="true"],
[data-activate-class~="right-25-percent"][data-activate="true"] {
    right: 25%;
}

[data-activate-class~="right-1\/2"][data-activate="true"],
[data-activate-class~="right-2\/4"][data-activate="true"],
[data-activate-class~="right-50-percent"][data-activate="true"] {
    right: 50%;
}

[data-activate-class~="right-3\/4"][data-activate="true"],
[data-activate-class~="right-75-percent"][data-activate="true"] {
    right: 75%;
}

[data-activate-class~="right-100-percent"][data-activate="true"],
[data-activate-class~="right-full"][data-activate="true"] {
    right: 100%;
}

[data-activate-class~="right-1\/3"][data-activate="true"] {
    right: 33.333333%;
}

[data-activate-class~="right-2\/3"][data-activate="true"] {
    right: 66.666667%;
}

[data-activate-class~="right-1\/4"][data-activate="true"] {
    right: 25%;
}

[data-activate-class~="right-2\/4"][data-activate="true"] {
    right: 50%;
}

[data-activate-class~="right-3\/4"][data-activate="true"] {
    right: 75%;
}

[data-activate-class~="right-full"][data-activate="true"] {
    right: 100%;
}

[data-activate-class~="-right-1"][data-activate="true"] {
    right: -1px;
}

[data-activate-class~="-right-2"][data-activate="true"] {
    right: -2px;
}

[data-activate-class~="-right-3"][data-activate="true"] {
    right: -3px;
}

[data-activate-class~="-right-4"][data-activate="true"] {
    right: -4px;
}

[data-activate-class~="-right-5"][data-activate="true"] {
    right: -5px;
}

[data-activate-class~="-right-6"][data-activate="true"] {
    right: -6px;
}

[data-activate-class~="-right-7"][data-activate="true"] {
    right: -7px;
}

[data-activate-class~="-right-8"][data-activate="true"] {
    right: -8px;
}

[data-activate-class~="-right-9"][data-activate="true"] {
    right: -9px;
}

[data-activate-class~="-right-12"][data-activate="true"] {
    right: -12px;
}

[data-activate-class~="-right-24"][data-activate="true"] {
    right: -24px;
}

[data-activate-class~="-right-36"][data-activate="true"] {
    right: -36px;
}

[data-activate-class~="-right-48"][data-activate="true"] {
    right: -48px;
}

[data-activate-class~="-right-60"][data-activate="true"] {
    right: -60px;
}

[data-activate-class~="-right-72"][data-activate="true"] {
    right: -72px;
}

[data-activate-class~="-right-84"][data-activate="true"] {
    right: -84px;
}

[data-activate-class~="-right-96"][data-activate="true"] {
    right: -96px;
}

[data-activate-class~="-right-108"][data-activate="true"] {
    right: -108px;
}

[data-activate-class~="-right-120"][data-activate="true"] {
    right: -120px;
}

[data-activate-class~="-right-240"][data-activate="true"] {
    right: -240px;
}

[data-activate-class~="-right-360"][data-activate="true"] {
    right: -360px;
}

[data-activate-class~="-right-480"][data-activate="true"] {
    right: -480px;
}

[data-activate-class~="-right-600"][data-activate="true"] {
    right: -600px;
}

[data-activate-class~="-right-720"][data-activate="true"] {
    right: -720px;
}

[data-activate-class~="-right-840"][data-activate="true"] {
    right: -840px;
}

[data-activate-class~="-right-960"][data-activate="true"] {
    right: -960px;
}

[data-activate-class~="-right-1080"][data-activate="true"] {
    right: -1080px;
}

[data-activate-class~="-right-1\/4"][data-activate="true"],
[data-activate-class~="-right-25-percent"][data-activate="true"] {
    right: -25%;
}

[data-activate-class~="-right-1\/2"][data-activate="true"],
[data-activate-class~="-right-2\/4"][data-activate="true"],
[data-activate-class~="-right-50-percent"][data-activate="true"] {
    right: -50%;
}

[data-activate-class~="-right-3\/4"][data-activate="true"],
[data-activate-class~="-right-75-percent"][data-activate="true"] {
    right: -75%;
}

[data-activate-class~="-right-100-percent"][data-activate="true"],
[data-activate-class~="-right-full"][data-activate="true"] {
    right: -100%;
}

[data-activate-class~="-right-1\/3"][data-activate="true"] {
    right: -33.333333%;
}

[data-activate-class~="-right-2\/3"][data-activate="true"] {
    right: -66.666667%;
}

[data-activate-class~="-right-1\/4"][data-activate="true"] {
    right: -25%;
}

[data-activate-class~="-right-2\/4"][data-activate="true"] {
    right: -50%;
}

[data-activate-class~="-right-3\/4"][data-activate="true"] {
    right: -75%;
}

[data-activate-class~="-right-full"][data-activate="true"] {
    right: -100%;
}

[data-activate-class~="bottom-0"][data-activate="true"] {
    bottom: 0;
}

[data-activate-class~="bottom-1"][data-activate="true"] {
    bottom: 1px;
}

[data-activate-class~="bottom-2"][data-activate="true"] {
    bottom: 2px;
}

[data-activate-class~="bottom-3"][data-activate="true"] {
    bottom: 3px;
}

[data-activate-class~="bottom-4"][data-activate="true"] {
    bottom: 4px;
}

[data-activate-class~="bottom-5"][data-activate="true"] {
    bottom: 5px;
}

[data-activate-class~="bottom-6"][data-activate="true"] {
    bottom: 6px;
}

[data-activate-class~="bottom-7"][data-activate="true"] {
    bottom: 7px;
}

[data-activate-class~="bottom-8"][data-activate="true"] {
    bottom: 8px;
}

[data-activate-class~="bottom-9"][data-activate="true"] {
    bottom: 9px;
}

[data-activate-class~="bottom-12"][data-activate="true"] {
    bottom: 12px;
}

[data-activate-class~="bottom-24"][data-activate="true"] {
    bottom: 24px;
}

[data-activate-class~="bottom-36"][data-activate="true"] {
    bottom: 36px;
}

[data-activate-class~="bottom-48"][data-activate="true"] {
    bottom: 48px;
}

[data-activate-class~="bottom-60"][data-activate="true"] {
    bottom: 60px;
}

[data-activate-class~="bottom-72"][data-activate="true"] {
    bottom: 72px;
}

[data-activate-class~="bottom-84"][data-activate="true"] {
    bottom: 84px;
}

[data-activate-class~="bottom-96"][data-activate="true"] {
    bottom: 96px;
}

[data-activate-class~="bottom-108"][data-activate="true"] {
    bottom: 108px;
}

[data-activate-class~="bottom-120"][data-activate="true"] {
    bottom: 120px;
}

[data-activate-class~="bottom-240"][data-activate="true"] {
    bottom: 240px;
}

[data-activate-class~="bottom-360"][data-activate="true"] {
    bottom: 360px;
}

[data-activate-class~="bottom-480"][data-activate="true"] {
    bottom: 480px;
}

[data-activate-class~="bottom-600"][data-activate="true"] {
    bottom: 600px;
}

[data-activate-class~="bottom-720"][data-activate="true"] {
    bottom: 720px;
}

[data-activate-class~="bottom-840"][data-activate="true"] {
    bottom: 840px;
}

[data-activate-class~="bottom-960"][data-activate="true"] {
    bottom: 960px;
}

[data-activate-class~="bottom-1080"][data-activate="true"] {
    bottom: 1080px;
}

[data-activate-class~="bottom-1\/4"][data-activate="true"],
[data-activate-class~="bottom-25-percent"][data-activate="true"] {
    bottom: 25%;
}

[data-activate-class~="bottom-1\/2"][data-activate="true"],
[data-activate-class~="bottom-2\/4"][data-activate="true"],
[data-activate-class~="bottom-50-percent"][data-activate="true"] {
    bottom: 50%;
}

[data-activate-class~="bottom-3\/4"][data-activate="true"],
[data-activate-class~="bottom-75-percent"][data-activate="true"] {
    bottom: 75%;
}

[data-activate-class~="bottom-100-percent"][data-activate="true"],
[data-activate-class~="bottom-full"][data-activate="true"] {
    bottom: 100%;
}

[data-activate-class~="bottom-1\/3"][data-activate="true"] {
    bottom: 33.333333%;
}

[data-activate-class~="bottom-2\/3"][data-activate="true"] {
    bottom: 66.666667%;
}

[data-activate-class~="bottom-1\/4"][data-activate="true"] {
    bottom: 25%;
}

[data-activate-class~="bottom-2\/4"][data-activate="true"] {
    bottom: 50%;
}

[data-activate-class~="bottom-3\/4"][data-activate="true"] {
    bottom: 75%;
}

[data-activate-class~="bottom-full"][data-activate="true"] {
    bottom: 100%;
}

[data-activate-class~="-bottom-1"][data-activate="true"] {
    bottom: -1px;
}

[data-activate-class~="-bottom-2"][data-activate="true"] {
    bottom: -2px;
}

[data-activate-class~="-bottom-3"][data-activate="true"] {
    bottom: -3px;
}

[data-activate-class~="-bottom-4"][data-activate="true"] {
    bottom: -4px;
}

[data-activate-class~="-bottom-5"][data-activate="true"] {
    bottom: -5px;
}

[data-activate-class~="-bottom-6"][data-activate="true"] {
    bottom: -6px;
}

[data-activate-class~="-bottom-7"][data-activate="true"] {
    bottom: -7px;
}

[data-activate-class~="-bottom-8"][data-activate="true"] {
    bottom: -8px;
}

[data-activate-class~="-bottom-9"][data-activate="true"] {
    bottom: -9px;
}

[data-activate-class~="-bottom-12"][data-activate="true"] {
    bottom: -12px;
}

[data-activate-class~="-bottom-24"][data-activate="true"] {
    bottom: -24px;
}

[data-activate-class~="-bottom-36"][data-activate="true"] {
    bottom: -36px;
}

[data-activate-class~="-bottom-48"][data-activate="true"] {
    bottom: -48px;
}

[data-activate-class~="-bottom-60"][data-activate="true"] {
    bottom: -60px;
}

[data-activate-class~="-bottom-72"][data-activate="true"] {
    bottom: -72px;
}

[data-activate-class~="-bottom-84"][data-activate="true"] {
    bottom: -84px;
}

[data-activate-class~="-bottom-96"][data-activate="true"] {
    bottom: -96px;
}

[data-activate-class~="-bottom-108"][data-activate="true"] {
    bottom: -108px;
}

[data-activate-class~="-bottom-120"][data-activate="true"] {
    bottom: -120px;
}

[data-activate-class~="-bottom-240"][data-activate="true"] {
    bottom: -240px;
}

[data-activate-class~="-bottom-360"][data-activate="true"] {
    bottom: -360px;
}

[data-activate-class~="-bottom-480"][data-activate="true"] {
    bottom: -480px;
}

[data-activate-class~="-bottom-600"][data-activate="true"] {
    bottom: -600px;
}

[data-activate-class~="-bottom-720"][data-activate="true"] {
    bottom: -720px;
}

[data-activate-class~="-bottom-840"][data-activate="true"] {
    bottom: -840px;
}

[data-activate-class~="-bottom-960"][data-activate="true"] {
    bottom: -960px;
}

[data-activate-class~="-bottom-1080"][data-activate="true"] {
    bottom: -1080px;
}

[data-activate-class~="-bottom-1\/4"][data-activate="true"],
[data-activate-class~="-bottom-25-percent"][data-activate="true"] {
    bottom: -25%;
}

[data-activate-class~="-bottom-1\/2"][data-activate="true"],
[data-activate-class~="-bottom-2\/4"][data-activate="true"],
[data-activate-class~="-bottom-50-percent"][data-activate="true"] {
    bottom: -50%;
}

[data-activate-class~="-bottom-3\/4"][data-activate="true"],
[data-activate-class~="-bottom-75-percent"][data-activate="true"] {
    bottom: -75%;
}

[data-activate-class~="-bottom-100-percent"][data-activate="true"],
[data-activate-class~="-bottom-full"][data-activate="true"] {
    bottom: -100%;
}

[data-activate-class~="-bottom-1\/3"][data-activate="true"] {
    bottom: -33.333333%;
}

[data-activate-class~="-bottom-2\/3"][data-activate="true"] {
    bottom: -66.666667%;
}

[data-activate-class~="-bottom-1\/4"][data-activate="true"] {
    bottom: -25%;
}

[data-activate-class~="-bottom-2\/4"][data-activate="true"] {
    bottom: -50%;
}

[data-activate-class~="-bottom-3\/4"][data-activate="true"] {
    bottom: -75%;
}

[data-activate-class~="-bottom-full"][data-activate="true"] {
    bottom: -100%;
}

[data-activate-class~="order-1"][data-activate="true"] {
    order: 1;
}

[data-activate-class~="order-2"][data-activate="true"] {
    order: 2;
}

[data-activate-class~="order-3"][data-activate="true"] {
    order: 3;
}

[data-activate-class~="order-4"][data-activate="true"] {
    order: 4;
}

[data-activate-class~="order-5"][data-activate="true"] {
    order: 5;
}

[data-activate-class~="order-6"][data-activate="true"] {
    order: 6;
}

[data-activate-class~="order-7"][data-activate="true"] {
    order: 7;
}

[data-activate-class~="order-8"][data-activate="true"] {
    order: 8;
}

[data-activate-class~="order-9"][data-activate="true"] {
    order: 9;
}

[data-activate-class~="order-10"][data-activate="true"] {
    order: 10;
}

[data-activate-class~="order-11"][data-activate="true"] {
    order: 11;
}

[data-activate-class~="order-12"][data-activate="true"] {
    order: 12;
}

[data-activate-class~="order-first"][data-activate="true"] {
    order: -9999;
}

[data-activate-class~="order-last"][data-activate="true"] {
    order: 9999;
}

[data-activate-class~="order-0"][data-activate="true"] {
    order: 0;
}

[data-activate-class~="column-auto"][data-activate="true"] {
    grid-column: auto;
}

[data-activate-class~="column-span-1"][data-activate="true"] {
    grid-column: span 1 / span 1;
}

[data-activate-class~="column-span-2"][data-activate="true"] {
    grid-column: span 2 / span 2;
}

[data-activate-class~="column-span-3"][data-activate="true"] {
    grid-column: span 3 / span 3;
}

[data-activate-class~="column-span-4"][data-activate="true"] {
    grid-column: span 4 / span 4;
}

[data-activate-class~="column-span-5"][data-activate="true"] {
    grid-column: span 5 / span 5;
}

[data-activate-class~="column-span-6"][data-activate="true"] {
    grid-column: span 6 / span 6;
}

[data-activate-class~="column-span-7"][data-activate="true"] {
    grid-column: span 7 / span 7;
}

[data-activate-class~="column-span-8"][data-activate="true"] {
    grid-column: span 8 / span 8;
}

[data-activate-class~="column-span-9"][data-activate="true"] {
    grid-column: span 9 / span 9;
}

[data-activate-class~="column-span-10"][data-activate="true"] {
    grid-column: span 10 / span 10;
}

[data-activate-class~="column-span-11"][data-activate="true"] {
    grid-column: span 11 / span 11;
}

[data-activate-class~="column-span-12"][data-activate="true"] {
    grid-column: span 12 / span 12;
}

[data-activate-class~="column-span-full"][data-activate="true"] {
    grid-column: 1/-1;
}

[data-activate-class~="column-start-1"][data-activate="true"] {
    grid-column-start: 1;
}

[data-activate-class~="column-start-2"][data-activate="true"] {
    grid-column-start: 2;
}

[data-activate-class~="column-start-3"][data-activate="true"] {
    grid-column-start: 3;
}

[data-activate-class~="column-start-4"][data-activate="true"] {
    grid-column-start: 4;
}

[data-activate-class~="column-start-5"][data-activate="true"] {
    grid-column-start: 5;
}

[data-activate-class~="column-start-6"][data-activate="true"] {
    grid-column-start: 6;
}

[data-activate-class~="column-start-7"][data-activate="true"] {
    grid-column-start: 7;
}

[data-activate-class~="column-start-8"][data-activate="true"] {
    grid-column-start: 8;
}

[data-activate-class~="column-start-9"][data-activate="true"] {
    grid-column-start: 9;
}

[data-activate-class~="column-start-10"][data-activate="true"] {
    grid-column-start: 10;
}

[data-activate-class~="column-start-11"][data-activate="true"] {
    grid-column-start: 11;
}

[data-activate-class~="column-start-12"][data-activate="true"] {
    grid-column-start: 12;
}

[data-activate-class~="column-start-13"][data-activate="true"] {
    grid-column-start: 13;
}

[data-activate-class~="column-start-auto"][data-activate="true"] {
    grid-column-start: auto;
}

[data-activate-class~="row-auto"][data-activate="true"] {
    grid-row: auto;
}

[data-activate-class~="row-span-1"][data-activate="true"] {
    grid-row: span 1 / span 1;
}

[data-activate-class~="row-span-2"][data-activate="true"] {
    grid-row: span 2 / span 2;
}

[data-activate-class~="row-span-3"][data-activate="true"] {
    grid-row: span 3 / span 3;
}

[data-activate-class~="row-span-4"][data-activate="true"] {
    grid-row: span 4 / span 4;
}

[data-activate-class~="row-span-5"][data-activate="true"] {
    grid-row: span 5 / span 5;
}

[data-activate-class~="row-span-6"][data-activate="true"] {
    grid-row: span 6 / span 6;
}

[data-activate-class~="row-span-full"][data-activate="true"] {
    grid-row: 1/-1;
}

[data-activate-class~="row-start-1"][data-activate="true"] {
    grid-row-start: 1;
}

[data-activate-class~="row-start-2"][data-activate="true"] {
    grid-row-start: 2;
}

[data-activate-class~="row-start-3"][data-activate="true"] {
    grid-row-start: 3;
}

[data-activate-class~="row-start-4"][data-activate="true"] {
    grid-row-start: 4;
}

[data-activate-class~="row-start-5"][data-activate="true"] {
    grid-row-start: 5;
}

[data-activate-class~="row-start-6"][data-activate="true"] {
    grid-row-start: 6;
}

[data-activate-class~="row-start-7"][data-activate="true"] {
    grid-row-start: 7;
}

[data-activate-class~="row-start-auto"][data-activate="true"] {
    grid-row-start: auto;
}

[data-activate-class~="row"][data-activate="true"] {
    --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);
}

[data-activate-class~="row"][data-activate="true"]>* {
    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);
}

[data-activate-class~="row-columns-auto"][data-activate="true"]>* {
    flex: 0 0 auto;
    width: auto;
}

[data-activate-class~="row-columns-1"][data-activate="true"]>* {
    flex: 0 0 100%;
    width: 100%;
}

[data-activate-class~="row-columns-2"][data-activate="true"]>* {
    flex: 0 0 50%;
    width: 50%;
}

[data-activate-class~="row-columns-3"][data-activate="true"]>* {
    flex: 0 0 33.333333%;
    width: 33.333333%;
}

[data-activate-class~="row-columns-4"][data-activate="true"]>* {
    flex: 0 0 25%;
    width: 25%;
}

[data-activate-class~="row-columns-5"][data-activate="true"]>* {
    flex: 0 0 20%;
    width: 20%;
}

[data-activate-class~="row-columns-6"][data-activate="true"]>* {
    flex: 0 0 16.666666%;
    width: 16.666666%;
}

[data-activate-class~="row-columns-7"][data-activate="true"]>* {
    flex: 0 0 14.2857%;
    width: 14.2857%;
}

[data-activate-class~="row-columns-8"][data-activate="true"]>* {
    flex: 0 0 12.5%;
    width: 12.5%;
}

[data-activate-class~="row-columns-9"][data-activate="true"]>* {
    flex: 0 0 11.111111%;
    width: 11.111111%;
}

[data-activate-class~="row-columns-10"][data-activate="true"]>* {
    flex: 0 0 10%;
    width: 10%;
}

[data-activate-class~="row-columns-11"][data-activate="true"]>* {
    flex: 0 0 9.090909%;
    width: 9.090909%;
}

[data-activate-class~="row-columns-12"][data-activate="true"]>* {
    flex: 0 0 8.333333%;
    width: 8.333333%;
}

[data-activate-class~="row-end-1"][data-activate="true"] {
    grid-row-end: 1;
}

[data-activate-class~="row-end-2"][data-activate="true"] {
    grid-row-end: 2;
}

[data-activate-class~="row-end-3"][data-activate="true"] {
    grid-row-end: 3;
}

[data-activate-class~="row-end-4"][data-activate="true"] {
    grid-row-end: 4;
}

[data-activate-class~="row-end-5"][data-activate="true"] {
    grid-row-end: 5;
}

[data-activate-class~="row-end-6"][data-activate="true"] {
    grid-row-end: 6;
}

[data-activate-class~="row-end-7"][data-activate="true"] {
    grid-row-end: 7;
}

[data-activate-class~="row-end-auto"][data-activate="true"] {
    grid-row-end: auto;
}

[data-activate-class~="grid-auto-rows-auto"][data-activate="true"] {
    grid-auto-rows: auto;
}

[data-activate-class~="grid-auto-rows-min"][data-activate="true"] {
    grid-auto-rows: min-content;
}

[data-activate-class~="grid-auto-rows-max"][data-activate="true"] {
    grid-auto-rows: max-content;
}

[data-activate-class~="grid-auto-rows-fr"][data-activate="true"] {
    grid-auto-rows: minmax(0, 1fr);
}

[data-activate-class~="grid-rows-1"][data-activate="true"] {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}

[data-activate-class~="grid-rows-2"][data-activate="true"] {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

[data-activate-class~="grid-rows-3"][data-activate="true"] {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

[data-activate-class~="grid-rows-4"][data-activate="true"] {
    grid-template-rows: repeat(4, minmax(0, 1fr));
}

[data-activate-class~="grid-rows-5"][data-activate="true"] {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

[data-activate-class~="grid-rows-6"][data-activate="true"] {
    grid-template-rows: repeat(6, minmax(0, 1fr));
}

[data-activate-class~="grid-rows-none"][data-activate="true"] {
    grid-template-rows: none;
}

[data-activate-class~="grid-flow-row"][data-activate="true"] {
    grid-auto-flow: row;
}

[data-activate-class~="grid-flow-column"][data-activate="true"] {
    grid-auto-flow: column;
}

[data-activate-class~="grid-flow-row-dense"][data-activate="true"] {
    grid-auto-flow: row dense;
}

[data-activate-class~="grid-flow-column-dense"][data-activate="true"] {
    grid-auto-flow: column dense;
}

[data-activate-class~="column-end-1"][data-activate="true"] {
    grid-column-end: 1;
}

[data-activate-class~="column-end-2"][data-activate="true"] {
    grid-column-end: 2;
}

[data-activate-class~="column-end-3"][data-activate="true"] {
    grid-column-end: 3;
}

[data-activate-class~="column-end-4"][data-activate="true"] {
    grid-column-end: 4;
}

[data-activate-class~="column-end-5"][data-activate="true"] {
    grid-column-end: 5;
}

[data-activate-class~="column-end-6"][data-activate="true"] {
    grid-column-end: 6;
}

[data-activate-class~="column-end-7"][data-activate="true"] {
    grid-column-end: 7;
}

[data-activate-class~="column-end-8"][data-activate="true"] {
    grid-column-end: 8;
}

[data-activate-class~="column-end-9"][data-activate="true"] {
    grid-column-end: 9;
}

[data-activate-class~="column-end-10"][data-activate="true"] {
    grid-column-end: 10;
}

[data-activate-class~="column-end-11"][data-activate="true"] {
    grid-column-end: 11;
}

[data-activate-class~="column-end-12"][data-activate="true"] {
    grid-column-end: 12;
}

[data-activate-class~="column-end-13"][data-activate="true"] {
    grid-column-end: 13;
}

[data-activate-class~="column-end-auto"][data-activate="true"] {
    grid-column-end: auto;
}

[data-activate-class~="gutter-0"][data-activate="true"],
[data-activate-class~="gutter-x-0"][data-activate="true"] {
    --gutter-x: calc(-0 * var(--root-sizing));
}

[data-activate-class~="gutter-0"][data-activate="true"],
[data-activate-class~="gutter-y-0"][data-activate="true"] {
    --gutter-y: calc(-0 * var(--root-sizing));
}

[data-activate-class~="gutter-1"][data-activate="true"],
[data-activate-class~="gutter-x-1"][data-activate="true"] {
    --gutter-x: calc(-1 * var(--root-sizing));
}

[data-activate-class~="gutter-1"][data-activate="true"],
[data-activate-class~="gutter-y-1"][data-activate="true"] {
    --gutter-y: calc(-1 * var(--root-sizing));
}

[data-activate-class~="gutter-2"][data-activate="true"],
[data-activate-class~="gutter-x-2"][data-activate="true"] {
    --gutter-x: calc(-2 * var(--root-sizing));
}

[data-activate-class~="gutter-2"][data-activate="true"],
[data-activate-class~="gutter-y-2"][data-activate="true"] {
    --gutter-y: calc(-2 * var(--root-sizing));
}

[data-activate-class~="gutter-3"][data-activate="true"],
[data-activate-class~="gutter-x-3"][data-activate="true"] {
    --gutter-x: calc(-3 * var(--root-sizing));
}

[data-activate-class~="gutter-3"][data-activate="true"],
[data-activate-class~="gutter-y-3"][data-activate="true"] {
    --gutter-y: calc(-3 * var(--root-sizing));
}

[data-activate-class~="gutter-4"][data-activate="true"],
[data-activate-class~="gutter-x-4"][data-activate="true"] {
    --gutter-x: calc(-4 * var(--root-sizing));
}

[data-activate-class~="gutter-4"][data-activate="true"],
[data-activate-class~="gutter-y-4"][data-activate="true"] {
    --gutter-y: calc(-4 * var(--root-sizing));
}

[data-activate-class~="gutter-5"][data-activate="true"],
[data-activate-class~="gutter-x-5"][data-activate="true"] {
    --gutter-x: calc(-5 * var(--root-sizing));
}

[data-activate-class~="gutter-5"][data-activate="true"],
[data-activate-class~="gutter-y-5"][data-activate="true"] {
    --gutter-y: calc(-5 * var(--root-sizing));
}

[data-activate-class~="gutter-6"][data-activate="true"],
[data-activate-class~="gutter-x-6"][data-activate="true"] {
    --gutter-x: calc(-6 * var(--root-sizing));
}

[data-activate-class~="gutter-6"][data-activate="true"],
[data-activate-class~="gutter-y-6"][data-activate="true"] {
    --gutter-y: calc(-6 * var(--root-sizing));
}

[data-activate-class~="gutter-7"][data-activate="true"],
[data-activate-class~="gutter-x-7"][data-activate="true"] {
    --gutter-x: calc(-7 * var(--root-sizing));
}

[data-activate-class~="gutter-7"][data-activate="true"],
[data-activate-class~="gutter-y-7"][data-activate="true"] {
    --gutter-y: calc(-7 * var(--root-sizing));
}

[data-activate-class~="gutter-8"][data-activate="true"],
[data-activate-class~="gutter-x-8"][data-activate="true"] {
    --gutter-x: calc(-8 * var(--root-sizing));
}

[data-activate-class~="gutter-8"][data-activate="true"],
[data-activate-class~="gutter-y-8"][data-activate="true"] {
    --gutter-y: calc(-8 * var(--root-sizing));
}

[data-activate-class~="gutter-9"][data-activate="true"],
[data-activate-class~="gutter-x-9"][data-activate="true"] {
    --gutter-x: calc(-9 * var(--root-sizing));
}

[data-activate-class~="gutter-9"][data-activate="true"],
[data-activate-class~="gutter-y-9"][data-activate="true"] {
    --gutter-y: calc(-9 * var(--root-sizing));
}

[data-activate-class~="gutter-10"][data-activate="true"],
[data-activate-class~="gutter-x-10"][data-activate="true"] {
    --gutter-x: calc(-10 * var(--root-sizing));
}

[data-activate-class~="gutter-10"][data-activate="true"],
[data-activate-class~="gutter-y-10"][data-activate="true"] {
    --gutter-y: calc(-10 * var(--root-sizing));
}

[data-activate-class~="gutter-11"][data-activate="true"],
[data-activate-class~="gutter-x-11"][data-activate="true"] {
    --gutter-x: calc(-11 * var(--root-sizing));
}

[data-activate-class~="gutter-11"][data-activate="true"],
[data-activate-class~="gutter-y-11"][data-activate="true"] {
    --gutter-y: calc(-11 * var(--root-sizing));
}

[data-activate-class~="gutter-12"][data-activate="true"],
[data-activate-class~="gutter-x-12"][data-activate="true"] {
    --gutter-x: calc(-12 * var(--root-sizing));
}

[data-activate-class~="gutter-12"][data-activate="true"],
[data-activate-class~="gutter-y-12"][data-activate="true"] {
    --gutter-y: calc(-12 * var(--root-sizing));
}

[data-activate-class~="gutter-14"][data-activate="true"],
[data-activate-class~="gutter-x-14"][data-activate="true"] {
    --gutter-x: calc(-14 * var(--root-sizing));
}

[data-activate-class~="gutter-14"][data-activate="true"],
[data-activate-class~="gutter-y-14"][data-activate="true"] {
    --gutter-y: calc(-14 * var(--root-sizing));
}

[data-activate-class~="gutter-16"][data-activate="true"],
[data-activate-class~="gutter-x-16"][data-activate="true"] {
    --gutter-x: calc(-16 * var(--root-sizing));
}

[data-activate-class~="gutter-16"][data-activate="true"],
[data-activate-class~="gutter-y-16"][data-activate="true"] {
    --gutter-y: calc(-16 * var(--root-sizing));
}

[data-activate-class~="gutter-18"][data-activate="true"],
[data-activate-class~="gutter-x-18"][data-activate="true"] {
    --gutter-x: calc(-18 * var(--root-sizing));
}

[data-activate-class~="gutter-18"][data-activate="true"],
[data-activate-class~="gutter-y-18"][data-activate="true"] {
    --gutter-y: calc(-18 * var(--root-sizing));
}

[data-activate-class~="gutter-20"][data-activate="true"],
[data-activate-class~="gutter-x-20"][data-activate="true"] {
    --gutter-x: calc(-20 * var(--root-sizing));
}

[data-activate-class~="gutter-20"][data-activate="true"],
[data-activate-class~="gutter-y-20"][data-activate="true"] {
    --gutter-y: calc(-20 * var(--root-sizing));
}

[data-activate-class~="gutter-22"][data-activate="true"],
[data-activate-class~="gutter-x-22"][data-activate="true"] {
    --gutter-x: calc(-22 * var(--root-sizing));
}

[data-activate-class~="gutter-22"][data-activate="true"],
[data-activate-class~="gutter-y-22"][data-activate="true"] {
    --gutter-y: calc(-22 * var(--root-sizing));
}

[data-activate-class~="gutter-24"][data-activate="true"],
[data-activate-class~="gutter-x-24"][data-activate="true"] {
    --gutter-x: calc(-24 * var(--root-sizing));
}

[data-activate-class~="gutter-24"][data-activate="true"],
[data-activate-class~="gutter-y-24"][data-activate="true"] {
    --gutter-y: calc(-24 * var(--root-sizing));
}

[data-activate-class~="gutter-30"][data-activate="true"],
[data-activate-class~="gutter-x-30"][data-activate="true"] {
    --gutter-x: calc(-30 * var(--root-sizing));
}

[data-activate-class~="gutter-30"][data-activate="true"],
[data-activate-class~="gutter-y-30"][data-activate="true"] {
    --gutter-y: calc(-30 * var(--root-sizing));
}

[data-activate-class~="gutter-36"][data-activate="true"],
[data-activate-class~="gutter-x-36"][data-activate="true"] {
    --gutter-x: calc(-36 * var(--root-sizing));
}

[data-activate-class~="gutter-36"][data-activate="true"],
[data-activate-class~="gutter-y-36"][data-activate="true"] {
    --gutter-y: calc(-36 * var(--root-sizing));
}

[data-activate-class~="gutter-48"][data-activate="true"],
[data-activate-class~="gutter-x-48"][data-activate="true"] {
    --gutter-x: calc(-48 * var(--root-sizing));
}

[data-activate-class~="gutter-48"][data-activate="true"],
[data-activate-class~="gutter-y-48"][data-activate="true"] {
    --gutter-y: calc(-48 * var(--root-sizing));
}

[data-activate-class~="gutter-50"][data-activate="true"],
[data-activate-class~="gutter-x-50"][data-activate="true"] {
    --gutter-x: calc(-50 * var(--root-sizing));
}

[data-activate-class~="gutter-50"][data-activate="true"],
[data-activate-class~="gutter-y-50"][data-activate="true"] {
    --gutter-y: calc(-50 * var(--root-sizing));
}

[data-activate-class~="gutter-56"][data-activate="true"],
[data-activate-class~="gutter-x-56"][data-activate="true"] {
    --gutter-x: calc(-56 * var(--root-sizing));
}

[data-activate-class~="gutter-56"][data-activate="true"],
[data-activate-class~="gutter-y-56"][data-activate="true"] {
    --gutter-y: calc(-56 * var(--root-sizing));
}

[data-activate-class~="gutter-60"][data-activate="true"],
[data-activate-class~="gutter-x-60"][data-activate="true"] {
    --gutter-x: calc(-60 * var(--root-sizing));
}

[data-activate-class~="gutter-60"][data-activate="true"],
[data-activate-class~="gutter-y-60"][data-activate="true"] {
    --gutter-y: calc(-60 * var(--root-sizing));
}

[data-activate-class~="gutter-72"][data-activate="true"],
[data-activate-class~="gutter-x-72"][data-activate="true"] {
    --gutter-x: calc(-72 * var(--root-sizing));
}

[data-activate-class~="gutter-72"][data-activate="true"],
[data-activate-class~="gutter-y-72"][data-activate="true"] {
    --gutter-y: calc(-72 * var(--root-sizing));
}

[data-activate-class~="gutter-80"][data-activate="true"],
[data-activate-class~="gutter-x-80"][data-activate="true"] {
    --gutter-x: calc(-80 * var(--root-sizing));
}

[data-activate-class~="gutter-80"][data-activate="true"],
[data-activate-class~="gutter-y-80"][data-activate="true"] {
    --gutter-y: calc(-80 * var(--root-sizing));
}

[data-activate-class~="gutter-96"][data-activate="true"],
[data-activate-class~="gutter-x-96"][data-activate="true"] {
    --gutter-x: calc(-96 * var(--root-sizing));
}

[data-activate-class~="gutter-96"][data-activate="true"],
[data-activate-class~="gutter-y-96"][data-activate="true"] {
    --gutter-y: calc(-96 * var(--root-sizing));
}

[data-activate-class~="gutter-120"][data-activate="true"],
[data-activate-class~="gutter-x-120"][data-activate="true"] {
    --gutter-x: calc(-120 * var(--root-sizing));
}

[data-activate-class~="gutter-120"][data-activate="true"],
[data-activate-class~="gutter-y-120"][data-activate="true"] {
    --gutter-y: calc(-120 * var(--root-sizing));
}

[data-activate-class~="gutter-180"][data-activate="true"],
[data-activate-class~="gutter-x-180"][data-activate="true"] {
    --gutter-x: calc(-180 * var(--root-sizing));
}

[data-activate-class~="gutter-180"][data-activate="true"],
[data-activate-class~="gutter-y-180"][data-activate="true"] {
    --gutter-y: calc(-180 * var(--root-sizing));
}

[data-activate-class~="gutter-240"][data-activate="true"],
[data-activate-class~="gutter-x-240"][data-activate="true"] {
    --gutter-x: calc(-240 * var(--root-sizing));
}

[data-activate-class~="gutter-240"][data-activate="true"],
[data-activate-class~="gutter-y-240"][data-activate="true"] {
    --gutter-y: calc(-240 * var(--root-sizing));
}

[data-activate-class~="gutter-320"][data-activate="true"],
[data-activate-class~="gutter-x-320"][data-activate="true"] {
    --gutter-x: calc(-320 * var(--root-sizing));
}

[data-activate-class~="gutter-320"][data-activate="true"],
[data-activate-class~="gutter-y-320"][data-activate="true"] {
    --gutter-y: calc(-320 * var(--root-sizing));
}

[data-activate-class~="gutter-360"][data-activate="true"],
[data-activate-class~="gutter-x-360"][data-activate="true"] {
    --gutter-x: calc(-360 * var(--root-sizing));
}

[data-activate-class~="gutter-360"][data-activate="true"],
[data-activate-class~="gutter-y-360"][data-activate="true"] {
    --gutter-y: calc(-360 * var(--root-sizing));
}

[data-activate-class~="offset-0"][data-activate="true"] {
    margin-left: 0;
}

[data-activate-class~="offset-1"][data-activate="true"] {
    margin-left: 8.33333333%;
}

[data-activate-class~="offset-2"][data-activate="true"] {
    margin-left: 16.66666667%;
}

[data-activate-class~="offset-3"][data-activate="true"] {
    margin-left: 25%;
}

[data-activate-class~="offset-4"][data-activate="true"] {
    margin-left: 33.33333333%;
}

[data-activate-class~="offset-5"][data-activate="true"] {
    margin-left: 41.66666667%;
}

[data-activate-class~="offset-6"][data-activate="true"] {
    margin-left: 50%;
}

[data-activate-class~="offset-7"][data-activate="true"] {
    margin-left: 58.33333333%;
}

[data-activate-class~="offset-8"][data-activate="true"] {
    margin-left: 66.66666667%;
}

[data-activate-class~="offset-9"][data-activate="true"] {
    margin-left: 75%;
}

[data-activate-class~="offset-10"][data-activate="true"] {
    margin-left: 83.33333333%;
}

[data-activate-class~="offset-11"][data-activate="true"] {
    margin-left: 91.66666667%;
}

[data-activate-class~="column"][data-activate="true"] {
    flex: 1 0 0%;
}

[data-activate-class~="column-auto"][data-activate="true"] {
    flex: 0 0 auto;
    width: auto;
}

[data-activate-class~="column-1"][data-activate="true"],
[data-activate-class~="column-1\/12"][data-activate="true"] {
    flex: 0 0 calc(100% * (1 / 12));
    width: calc(100% * (1 / 12));
}

[data-activate-class~="column-1\/6"][data-activate="true"],
[data-activate-class~="column-2"][data-activate="true"] {
    flex: 0 0 calc(100% * (2 / 12));
    width: calc(100% * (2 / 12));
}

[data-activate-class~="column-1\/4"][data-activate="true"],
[data-activate-class~="column-3"][data-activate="true"],
[data-activate-class~="column-quarter"][data-activate="true"] {
    flex: 0 0 calc(100% * (3 / 12));
    width: calc(100% * (3 / 12));
}

[data-activate-class~="column-1\/3"][data-activate="true"],
[data-activate-class~="column-4"][data-activate="true"] {
    flex: 0 0 calc(100% * (4 / 12));
    width: calc(100% * (4 / 12));
}

[data-activate-class~="column-5"][data-activate="true"] {
    flex: 0 0 calc(100% * (5 / 12));
    width: calc(100% * (5 / 12));
}

[data-activate-class~="column-1\/2"][data-activate="true"],
[data-activate-class~="column-6"][data-activate="true"],
[data-activate-class~="column-half"][data-activate="true"] {
    flex: 0 0 calc(100% * (6 / 12));
    width: calc(100% * (6 / 12));
}

[data-activate-class~="column-7"][data-activate="true"] {
    flex: 0 0 calc(100% * (7 / 12));
    width: calc(100% * (7 / 12));
}

[data-activate-class~="column-2\/3"][data-activate="true"],
[data-activate-class~="column-8"][data-activate="true"] {
    flex: 0 0 calc(100% * (8 / 12));
    width: calc(100% * (8 / 12));
}

[data-activate-class~="column-3\/4"][data-activate="true"],
[data-activate-class~="column-9"][data-activate="true"] {
    flex: 0 0 calc(100% * (9 / 12));
    width: calc(100% * (9 / 12));
}

[data-activate-class~="column-10"][data-activate="true"] {
    flex: 0 0 calc(100% * (10 / 12));
    width: calc(100% * (10 / 12));
}

[data-activate-class~="column-11"][data-activate="true"] {
    flex: 0 0 calc(100% * (11 / 12));
    width: calc(100% * (11 / 12));
}

[data-activate-class~="column-12"][data-activate="true"],
[data-activate-class~="column-1\/1"][data-activate="true"],
[data-activate-class~="column-full"][data-activate="true"] {
    flex: 0 0 calc(100% * (12 / 12));
    width: calc(100% * (12 / 12));
}

[data-activate-class~="column-1\/5"][data-activate="true"] {
    flex: 0 0 calc(100% * (1 / 5));
    width: calc(100% * (1 / 5));
}

[data-activate-class~="column-1\/7"][data-activate="true"] {
    flex: 0 0 calc(100% * (1 / 7));
    width: calc(100% * (1 / 7));
}

[data-activate-class~="column-1\/8"][data-activate="true"] {
    flex: 0 0 calc(100% * (1 / 8));
    width: calc(100% * (1 / 8));
}

[data-activate-class~="column-1\/9"][data-activate="true"] {
    flex: 0 0 calc(100% * (1 / 9));
    width: calc(100% * (1 / 9));
}

[data-activate-class~="column-1\/10"][data-activate="true"] {
    flex: 0 0 calc(100% * (1 / 10));
    width: calc(100% * (1 / 10));
}

[data-activate-class~="column-1\/11"][data-activate="true"] {
    flex: 0 0 calc(100% * (1 / 11));
    width: calc(100% * (1 / 11));
}

[data-activate-class~="column-count-1"][data-activate="true"] {
    column-count: 1;
}

[data-activate-class~="column-count-2"][data-activate="true"] {
    column-count: 2;
}

[data-activate-class~="column-count-3"][data-activate="true"] {
    column-count: 3;
}

[data-activate-class~="column-count-4"][data-activate="true"] {
    column-count: 4;
}

[data-activate-class~="column-count-5"][data-activate="true"] {
    column-count: 5;
}

[data-activate-class~="column-count-6"][data-activate="true"] {
    column-count: 6;
}

[data-activate-class~="column-count-7"][data-activate="true"] {
    column-count: 7;
}

[data-activate-class~="column-count-8"][data-activate="true"] {
    column-count: 8;
}

[data-activate-class~="column-count-9"][data-activate="true"] {
    column-count: 9;
}

[data-activate-class~="column-count-10"][data-activate="true"] {
    column-count: 10;
}

[data-activate-class~="column-count-11"][data-activate="true"] {
    column-count: 11;
}

[data-activate-class~="column-count-12"][data-activate="true"] {
    column-count: 12;
}

[data-activate-class~="grid-auto-columns-auto"][data-activate="true"] {
    grid-auto-columns: auto;
}

[data-activate-class~="grid-auto-columns-min"][data-activate="true"] {
    grid-auto-columns: min-content;
}

[data-activate-class~="grid-auto-columns-max"][data-activate="true"] {
    grid-auto-columns: max-content;
}

[data-activate-class~="grid-auto-columns-fr"][data-activate="true"] {
    grid-auto-columns: minmax(0, 1fr);
}

[data-activate-class~="grid-columns-1"][data-activate="true"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-2"][data-activate="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-3"][data-activate="true"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-4"][data-activate="true"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-5"][data-activate="true"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-6"][data-activate="true"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-7"][data-activate="true"] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-8"][data-activate="true"] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-9"][data-activate="true"] {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-10"][data-activate="true"] {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-11"][data-activate="true"] {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-12"][data-activate="true"] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

[data-activate-class~="grid-columns-none"][data-activate="true"] {
    grid-template-columns: none;
}

[data-activate-class~="flex-1"][data-activate="true"] {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

[data-activate-class~="flex-auto"][data-activate="true"],
[data-activate-class~="flex-fill"][data-activate="true"] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

[data-activate-class~="flex-initial"][data-activate="true"] {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

[data-activate-class~="flex-none"][data-activate="true"] {
    -ms-flex: none;
    flex: none;
}

[data-activate-class~="flex-row"][data-activate="true"] {
    -ms-flex-direction: row;
    flex-direction: row;
}

[data-activate-class~="flex-column"][data-activate="true"] {
    -ms-flex-direction: column;
    flex-direction: column;
}

[data-activate-class~="flex-row-reverse"][data-activate="true"] {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[data-activate-class~="flex-column-reverse"][data-activate="true"] {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

[data-activate-class~="flex-grow-0"][data-activate="true"] {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

[data-activate-class~="flex-grow-1"][data-activate="true"],
[data-activate-class~="flex-grow"][data-activate="true"] {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[data-activate-class~="flex-shrink-0"][data-activate="true"] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[data-activate-class~="flex-shrink-1"][data-activate="true"],
[data-activate-class~="flex-shrink"][data-activate="true"] {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

[data-activate-class~="flex-wrap"][data-activate="true"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[data-activate-class~="flex-nowrap"][data-activate="true"] {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

[data-activate-class~="flex-wrap-reverse"][data-activate="true"] {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

[data-activate-class~="flex-center"][data-activate="true"] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

[data-activate-class~="place-content-center"][data-activate="true"] {
    place-content: center;
}

[data-activate-class~="place-content-start"][data-activate="true"] {
    place-content: start;
}

[data-activate-class~="place-content-end"][data-activate="true"] {
    place-content: end;
}

[data-activate-class~="place-content-between"][data-activate="true"] {
    place-content: space-between;
}

[data-activate-class~="place-content-around"][data-activate="true"] {
    place-content: space-around;
}

[data-activate-class~="place-content-evenly"][data-activate="true"] {
    place-content: space-evenly;
}

[data-activate-class~="place-content-stretch"][data-activate="true"] {
    place-content: stretch;
}

[data-activate-class~="place-items-start"][data-activate="true"] {
    place-items: start;
}

[data-activate-class~="place-items-end"][data-activate="true"] {
    place-items: end;
}

[data-activate-class~="place-items-center"][data-activate="true"] {
    place-items: center;
}

[data-activate-class~="place-items-stretch"][data-activate="true"] {
    place-items: stretch;
}

[data-activate-class~="place-self-auto"][data-activate="true"] {
    place-self: auto;
}

[data-activate-class~="place-self-start"][data-activate="true"] {
    place-self: start;
}

[data-activate-class~="place-self-end"][data-activate="true"] {
    place-self: end;
}

[data-activate-class~="place-self-center"][data-activate="true"] {
    place-self: center;
}

[data-activate-class~="place-self-stretch"][data-activate="true"] {
    place-self: stretch;
}

[data-activate-class~="align-content-start"][data-activate="true"],
[data-activate-class~="content-start"][data-activate="true"] {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

[data-activate-class~="align-content-end"][data-activate="true"],
[data-activate-class~="content-end"][data-activate="true"] {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

[data-activate-class~="align-content-center"][data-activate="true"],
[data-activate-class~="content-center"][data-activate="true"] {
    -ms-flex-line-pack: center;
    align-content: center;
}

[data-activate-class~="align-content-between"][data-activate="true"],
[data-activate-class~="content-between"][data-activate="true"] {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

[data-activate-class~="align-content-around"][data-activate="true"],
[data-activate-class~="content-around"][data-activate="true"] {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

[data-activate-class~="align-content-stretch"][data-activate="true"],
[data-activate-class~="content-stretch"][data-activate="true"] {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

[data-activate-class~="align-items-start"][data-activate="true"],
[data-activate-class~="items-start"][data-activate="true"] {
    -ms-flex-align: start;
    align-items: flex-start;
}

[data-activate-class~="align-items-end"][data-activate="true"],
[data-activate-class~="items-end"][data-activate="true"] {
    -ms-flex-align: end;
    align-items: flex-end;
}

[data-activate-class~="align-items-center"][data-activate="true"],
[data-activate-class~="items-center"][data-activate="true"] {
    -ms-flex-align: center;
    align-items: center;
}

[data-activate-class~="align-items-baseline"][data-activate="true"],
[data-activate-class~="items-baseline"][data-activate="true"] {
    -ms-flex-align: baseline;
    align-items: baseline;
}

[data-activate-class~="align-items-stretch"][data-activate="true"],
[data-activate-class~="items-stretch"][data-activate="true"] {
    -ms-flex-align: stretch;
    align-items: stretch;
}

[data-activate-class~="align-self-auto"][data-activate="true"],
[data-activate-class~="self-auto"][data-activate="true"] {
    -ms-flex-item-align: auto;
    align-self: auto;
}

[data-activate-class~="align-self-start"][data-activate="true"],
[data-activate-class~="self-start"][data-activate="true"] {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

[data-activate-class~="align-self-end"][data-activate="true"],
[data-activate-class~="self-end"][data-activate="true"] {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

[data-activate-class~="align-self-center"][data-activate="true"],
[data-activate-class~="self-center"][data-activate="true"] {
    -ms-flex-item-align: center;
    align-self: center;
}

[data-activate-class~="align-self-baseline"][data-activate="true"],
[data-activate-class~="self-baseline"][data-activate="true"] {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

[data-activate-class~="align-self-stretch"][data-activate="true"],
[data-activate-class~="self-stretch"][data-activate="true"] {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

[data-activate-class~="justify-content-start"][data-activate="true"],
[data-activate-class~="justify-start"][data-activate="true"] {
    justify-content: flex-start;
}

[data-activate-class~="justify-content-end"][data-activate="true"],
[data-activate-class~="justify-end"][data-activate="true"] {
    justify-content: flex-end;
}

[data-activate-class~="justify-center"][data-activate="true"],
[data-activate-class~="justify-content-center"][data-activate="true"] {
    justify-content: center;
}

[data-activate-class~="justify-between"][data-activate="true"],
[data-activate-class~="justify-content-between"][data-activate="true"] {
    justify-content: space-between;
}

[data-activate-class~="justify-around"][data-activate="true"],
[data-activate-class~="justify-content-around"][data-activate="true"] {
    justify-content: space-around;
}

[data-activate-class~="justify-content-evenly"][data-activate="true"],
[data-activate-class~="justify-evenly"][data-activate="true"] {
    justify-content: space-evenly;
}

[data-activate-class~="justify-items-start"][data-activate="true"] {
    justify-items: start;
}

[data-activate-class~="justify-items-end"][data-activate="true"] {
    justify-items: end;
}

[data-activate-class~="justify-items-center"][data-activate="true"] {
    justify-items: center;
}

[data-activate-class~="justify-items-stretch"][data-activate="true"] {
    justify-items: stretch;
}

[data-activate-class~="justify-self-auto"][data-activate="true"] {
    justify-self: auto;
}

[data-activate-class~="justify-self-start"][data-activate="true"] {
    justify-self: start;
}

[data-activate-class~="justify-self-end"][data-activate="true"] {
    justify-self: end;
}

[data-activate-class~="justify-self-center"][data-activate="true"] {
    justify-self: center;
}

[data-activate-class~="justify-self-stretch"][data-activate="true"] {
    justify-self: stretch;
}

[data-activate-class~="gap-0"][data-activate="true"] {
    gap: 0;
}

[data-activate-class~="gap-1"][data-activate="true"] {
    gap: 1px;
}

[data-activate-class~="gap-2"][data-activate="true"] {
    gap: 2px;
}

[data-activate-class~="gap-3"][data-activate="true"] {
    gap: 3px;
}

[data-activate-class~="gap-4"][data-activate="true"] {
    gap: 4px;
}

[data-activate-class~="gap-5"][data-activate="true"] {
    gap: 5px;
}

[data-activate-class~="gap-6"][data-activate="true"] {
    gap: 6px;
}

[data-activate-class~="gap-7"][data-activate="true"] {
    gap: 7px;
}

[data-activate-class~="gap-8"][data-activate="true"] {
    gap: 8px;
}

[data-activate-class~="gap-9"][data-activate="true"] {
    gap: 9px;
}

[data-activate-class~="gap-10"][data-activate="true"] {
    gap: 10px;
}

[data-activate-class~="gap-11"][data-activate="true"] {
    gap: 11px;
}

[data-activate-class~="gap-12"][data-activate="true"] {
    gap: 12px;
}

[data-activate-class~="gap-14"][data-activate="true"] {
    gap: 14px;
}

[data-activate-class~="gap-16"][data-activate="true"] {
    gap: 16px;
}

[data-activate-class~="gap-18"][data-activate="true"] {
    gap: 18px;
}

[data-activate-class~="gap-20"][data-activate="true"] {
    gap: 20px;
}

[data-activate-class~="gap-22"][data-activate="true"] {
    gap: 22px;
}

[data-activate-class~="gap-24"][data-activate="true"] {
    gap: 24px;
}

[data-activate-class~="gap-32"][data-activate="true"] {
    gap: 32px;
}

[data-activate-class~="gap-36"][data-activate="true"] {
    gap: 36px;
}

[data-activate-class~="gap-48"][data-activate="true"] {
    gap: 48px;
}

[data-activate-class~="gap-50"][data-activate="true"] {
    gap: 50px;
}

[data-activate-class~="gap-56"][data-activate="true"] {
    gap: 56px;
}

[data-activate-class~="gap-60"][data-activate="true"] {
    gap: 60px;
}

[data-activate-class~="gap-72"][data-activate="true"] {
    gap: 72px;
}

[data-activate-class~="gap-80"][data-activate="true"] {
    gap: 80px;
}

[data-activate-class~="gap-96"][data-activate="true"] {
    gap: 96px;
}

[data-activate-class~="gap-120"][data-activate="true"] {
    gap: 120px;
}

[data-activate-class~="gap-180"][data-activate="true"] {
    gap: 180px;
}

[data-activate-class~="gap-240"][data-activate="true"] {
    gap: 240px;
}

[data-activate-class~="gap-320"][data-activate="true"] {
    gap: 320px;
}

[data-activate-class~="gap-360"][data-activate="true"] {
    gap: 360px;
}

[data-activate-class~="column-gap-0"][data-activate="true"],
[data-activate-class~="gap-x-0"][data-activate="true"] {
    column-gap: 0;
}

[data-activate-class~="column-gap-1"][data-activate="true"],
[data-activate-class~="gap-x-1"][data-activate="true"] {
    column-gap: 1px;
}

[data-activate-class~="column-gap-2"][data-activate="true"],
[data-activate-class~="gap-x-2"][data-activate="true"] {
    column-gap: 2px;
}

[data-activate-class~="column-gap-3"][data-activate="true"],
[data-activate-class~="gap-x-3"][data-activate="true"] {
    column-gap: 3px;
}

[data-activate-class~="column-gap-4"][data-activate="true"],
[data-activate-class~="gap-x-4"][data-activate="true"] {
    column-gap: 4px;
}

[data-activate-class~="column-gap-5"][data-activate="true"],
[data-activate-class~="gap-x-5"][data-activate="true"] {
    column-gap: 5px;
}

[data-activate-class~="column-gap-6"][data-activate="true"],
[data-activate-class~="gap-x-6"][data-activate="true"] {
    column-gap: 6px;
}

[data-activate-class~="column-gap-7"][data-activate="true"],
[data-activate-class~="gap-x-7"][data-activate="true"] {
    column-gap: 7px;
}

[data-activate-class~="column-gap-8"][data-activate="true"],
[data-activate-class~="gap-x-8"][data-activate="true"] {
    column-gap: 8px;
}

[data-activate-class~="column-gap-9"][data-activate="true"],
[data-activate-class~="gap-x-9"][data-activate="true"] {
    column-gap: 9px;
}

[data-activate-class~="column-gap-10"][data-activate="true"],
[data-activate-class~="gap-x-10"][data-activate="true"] {
    column-gap: 10px;
}

[data-activate-class~="column-gap-11"][data-activate="true"],
[data-activate-class~="gap-x-11"][data-activate="true"] {
    column-gap: 11px;
}

[data-activate-class~="column-gap-12"][data-activate="true"],
[data-activate-class~="gap-x-12"][data-activate="true"] {
    column-gap: 12px;
}

[data-activate-class~="column-gap-14"][data-activate="true"],
[data-activate-class~="gap-x-14"][data-activate="true"] {
    column-gap: 14px;
}

[data-activate-class~="column-gap-16"][data-activate="true"],
[data-activate-class~="gap-x-16"][data-activate="true"] {
    column-gap: 16px;
}

[data-activate-class~="column-gap-18"][data-activate="true"],
[data-activate-class~="gap-x-18"][data-activate="true"] {
    column-gap: 18px;
}

[data-activate-class~="column-gap-20"][data-activate="true"],
[data-activate-class~="gap-x-20"][data-activate="true"] {
    column-gap: 20px;
}

[data-activate-class~="column-gap-22"][data-activate="true"],
[data-activate-class~="gap-x-22"][data-activate="true"] {
    column-gap: 22px;
}

[data-activate-class~="column-gap-24"][data-activate="true"],
[data-activate-class~="gap-x-24"][data-activate="true"] {
    column-gap: 24px;
}

[data-activate-class~="column-gap-32"][data-activate="true"],
[data-activate-class~="gap-x-32"][data-activate="true"] {
    column-gap: 32px;
}

[data-activate-class~="column-gap-36"][data-activate="true"],
[data-activate-class~="gap-x-36"][data-activate="true"] {
    column-gap: 36px;
}

[data-activate-class~="column-gap-48"][data-activate="true"],
[data-activate-class~="gap-x-48"][data-activate="true"] {
    column-gap: 48px;
}

[data-activate-class~="column-gap-50"][data-activate="true"],
[data-activate-class~="gap-x-50"][data-activate="true"] {
    column-gap: 50px;
}

[data-activate-class~="column-gap-56"][data-activate="true"],
[data-activate-class~="gap-x-56"][data-activate="true"] {
    column-gap: 56px;
}

[data-activate-class~="column-gap-60"][data-activate="true"],
[data-activate-class~="gap-x-60"][data-activate="true"] {
    column-gap: 60px;
}

[data-activate-class~="column-gap-72"][data-activate="true"],
[data-activate-class~="gap-x-72"][data-activate="true"] {
    column-gap: 72px;
}

[data-activate-class~="column-gap-80"][data-activate="true"],
[data-activate-class~="gap-x-80"][data-activate="true"] {
    column-gap: 80px;
}

[data-activate-class~="column-gap-96"][data-activate="true"],
[data-activate-class~="gap-x-96"][data-activate="true"] {
    column-gap: 96px;
}

[data-activate-class~="column-gap-120"][data-activate="true"],
[data-activate-class~="gap-x-120"][data-activate="true"] {
    column-gap: 120px;
}

[data-activate-class~="column-gap-180"][data-activate="true"],
[data-activate-class~="gap-x-180"][data-activate="true"] {
    column-gap: 180px;
}

[data-activate-class~="column-gap-240"][data-activate="true"],
[data-activate-class~="gap-x-240"][data-activate="true"] {
    column-gap: 240px;
}

[data-activate-class~="column-gap-320"][data-activate="true"],
[data-activate-class~="gap-x-320"][data-activate="true"] {
    column-gap: 320px;
}

[data-activate-class~="column-gap-360"][data-activate="true"],
[data-activate-class~="gap-x-360"][data-activate="true"] {
    column-gap: 360px;
}

[data-activate-class~="column-gap-0"][data-activate="true"],
[data-activate-class~="gap-y-0"][data-activate="true"] {
    row-gap: 0;
}

[data-activate-class~="column-gap-1"][data-activate="true"],
[data-activate-class~="gap-y-1"][data-activate="true"] {
    row-gap: 1px;
}

[data-activate-class~="column-gap-2"][data-activate="true"],
[data-activate-class~="gap-y-2"][data-activate="true"] {
    row-gap: 2px;
}

[data-activate-class~="column-gap-3"][data-activate="true"],
[data-activate-class~="gap-y-3"][data-activate="true"] {
    row-gap: 3px;
}

[data-activate-class~="column-gap-4"][data-activate="true"],
[data-activate-class~="gap-y-4"][data-activate="true"] {
    row-gap: 4px;
}

[data-activate-class~="column-gap-5"][data-activate="true"],
[data-activate-class~="gap-y-5"][data-activate="true"] {
    row-gap: 5px;
}

[data-activate-class~="column-gap-6"][data-activate="true"],
[data-activate-class~="gap-y-6"][data-activate="true"] {
    row-gap: 6px;
}

[data-activate-class~="column-gap-7"][data-activate="true"],
[data-activate-class~="gap-y-7"][data-activate="true"] {
    row-gap: 7px;
}

[data-activate-class~="column-gap-8"][data-activate="true"],
[data-activate-class~="gap-y-8"][data-activate="true"] {
    row-gap: 8px;
}

[data-activate-class~="column-gap-9"][data-activate="true"],
[data-activate-class~="gap-y-9"][data-activate="true"] {
    row-gap: 9px;
}

[data-activate-class~="column-gap-10"][data-activate="true"],
[data-activate-class~="gap-y-10"][data-activate="true"] {
    row-gap: 10px;
}

[data-activate-class~="column-gap-11"][data-activate="true"],
[data-activate-class~="gap-y-11"][data-activate="true"] {
    row-gap: 11px;
}

[data-activate-class~="column-gap-12"][data-activate="true"],
[data-activate-class~="gap-y-12"][data-activate="true"] {
    row-gap: 12px;
}

[data-activate-class~="column-gap-14"][data-activate="true"],
[data-activate-class~="gap-y-14"][data-activate="true"] {
    row-gap: 14px;
}

[data-activate-class~="column-gap-16"][data-activate="true"],
[data-activate-class~="gap-y-16"][data-activate="true"] {
    row-gap: 16px;
}

[data-activate-class~="column-gap-18"][data-activate="true"],
[data-activate-class~="gap-y-18"][data-activate="true"] {
    row-gap: 18px;
}

[data-activate-class~="column-gap-20"][data-activate="true"],
[data-activate-class~="gap-y-20"][data-activate="true"] {
    row-gap: 20px;
}

[data-activate-class~="column-gap-22"][data-activate="true"],
[data-activate-class~="gap-y-22"][data-activate="true"] {
    row-gap: 22px;
}

[data-activate-class~="column-gap-24"][data-activate="true"],
[data-activate-class~="gap-y-24"][data-activate="true"] {
    row-gap: 24px;
}

[data-activate-class~="column-gap-32"][data-activate="true"],
[data-activate-class~="gap-y-32"][data-activate="true"] {
    row-gap: 32px;
}

[data-activate-class~="column-gap-36"][data-activate="true"],
[data-activate-class~="gap-y-36"][data-activate="true"] {
    row-gap: 36px;
}

[data-activate-class~="column-gap-48"][data-activate="true"],
[data-activate-class~="gap-y-48"][data-activate="true"] {
    row-gap: 48px;
}

[data-activate-class~="column-gap-50"][data-activate="true"],
[data-activate-class~="gap-y-50"][data-activate="true"] {
    row-gap: 50px;
}

[data-activate-class~="column-gap-56"][data-activate="true"],
[data-activate-class~="gap-y-56"][data-activate="true"] {
    row-gap: 56px;
}

[data-activate-class~="column-gap-60"][data-activate="true"],
[data-activate-class~="gap-y-60"][data-activate="true"] {
    row-gap: 60px;
}

[data-activate-class~="column-gap-72"][data-activate="true"],
[data-activate-class~="gap-y-72"][data-activate="true"] {
    row-gap: 72px;
}

[data-activate-class~="column-gap-80"][data-activate="true"],
[data-activate-class~="gap-y-80"][data-activate="true"] {
    row-gap: 80px;
}

[data-activate-class~="column-gap-96"][data-activate="true"],
[data-activate-class~="gap-y-96"][data-activate="true"] {
    row-gap: 96px;
}

[data-activate-class~="column-gap-120"][data-activate="true"],
[data-activate-class~="gap-y-120"][data-activate="true"] {
    row-gap: 120px;
}

[data-activate-class~="column-gap-180"][data-activate="true"],
[data-activate-class~="gap-y-180"][data-activate="true"] {
    row-gap: 180px;
}

[data-activate-class~="column-gap-240"][data-activate="true"],
[data-activate-class~="gap-y-240"][data-activate="true"] {
    row-gap: 240px;
}

[data-activate-class~="column-gap-320"][data-activate="true"],
[data-activate-class~="gap-y-320"][data-activate="true"] {
    row-gap: 320px;
}

[data-activate-class~="column-gap-360"][data-activate="true"],
[data-activate-class~="gap-y-360"][data-activate="true"] {
    row-gap: 360px;
}

[data-activate-class~="space-x-0"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-0"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-0"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-0"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-1"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-1"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-1"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-1"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-2"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-2"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-2"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-2"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-3"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-3"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-3"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-3"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-4"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-4"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-4"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-4"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-5"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-5"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-5"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-5"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-6"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-6"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-6"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-6"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-7"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-7"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-7"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-7"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-8"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-8"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-8"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-8"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-9"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-9"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-9"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-9"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-10"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-10"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-10"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-10"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-11"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-11"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-11"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-11"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-12"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-12"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-12"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-12"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-14"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-14"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-14"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-14"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-16"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-16"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-16"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-16"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-18"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-18"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-18"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-18"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-20"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-20"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-20"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-20"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-22"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-22"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-22"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-22"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-24"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-24"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-24"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-24"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-30"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-30"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-30"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-30"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-36"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-36"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-36"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-36"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-48"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-48"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-48"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-48"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-50"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-50"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-50"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-50"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-56"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-56"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-56"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-56"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-60"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-60"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-60"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-60"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-72"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-72"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-72"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-72"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-80"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-80"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-80"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-80"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-96"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-96"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-96"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-96"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-120"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-120"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-120"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-120"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-180"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-180"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-180"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-180"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-240"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-240"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-240"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-240"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-320"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-320"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-320"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-320"][data-activate="true"]> :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));
}

[data-activate-class~="space-x-360"][data-activate="true"]> :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)));
}

[data-activate-class~="-space-x-360"][data-activate="true"]> :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)));
}

[data-activate-class~="space-y-360"][data-activate="true"]> :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));
}

[data-activate-class~="-space-y-360"][data-activate="true"]> :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));
}

[data-activate-class~="padding-0"][data-activate="true"] {
    padding: 0;
}

[data-activate-class~="padding-1"][data-activate="true"] {
    padding: 1px;
}

[data-activate-class~="padding-2"][data-activate="true"] {
    padding: 2px;
}

[data-activate-class~="padding-3"][data-activate="true"] {
    padding: 3px;
}

[data-activate-class~="padding-4"][data-activate="true"] {
    padding: 4px;
}

[data-activate-class~="padding-5"][data-activate="true"] {
    padding: 5px;
}

[data-activate-class~="padding-6"][data-activate="true"] {
    padding: 6px;
}

[data-activate-class~="padding-7"][data-activate="true"] {
    padding: 7px;
}

[data-activate-class~="padding-8"][data-activate="true"] {
    padding: 8px;
}

[data-activate-class~="padding-9"][data-activate="true"] {
    padding: 9px;
}

[data-activate-class~="padding-10"][data-activate="true"] {
    padding: 10px;
}

[data-activate-class~="padding-11"][data-activate="true"] {
    padding: 11px;
}

[data-activate-class~="padding-12"][data-activate="true"] {
    padding: 12px;
}

[data-activate-class~="padding-14"][data-activate="true"] {
    padding: 14px;
}

[data-activate-class~="padding-16"][data-activate="true"] {
    padding: 16px;
}

[data-activate-class~="padding-18"][data-activate="true"] {
    padding: 18px;
}

[data-activate-class~="padding-20"][data-activate="true"] {
    padding: 20px;
}

[data-activate-class~="padding-22"][data-activate="true"] {
    padding: 22px;
}

[data-activate-class~="padding-24"][data-activate="true"] {
    padding: 24px;
}

[data-activate-class~="padding-30"][data-activate="true"] {
    padding: 30px;
}

[data-activate-class~="padding-36"][data-activate="true"] {
    padding: 36px;
}

[data-activate-class~="padding-48"][data-activate="true"] {
    padding: 48px;
}

[data-activate-class~="padding-50"][data-activate="true"] {
    padding: 50px;
}

[data-activate-class~="padding-56"][data-activate="true"] {
    padding: 56px;
}

[data-activate-class~="padding-60"][data-activate="true"] {
    padding: 60px;
}

[data-activate-class~="padding-72"][data-activate="true"] {
    padding: 72px;
}

[data-activate-class~="padding-80"][data-activate="true"] {
    padding: 80px;
}

[data-activate-class~="padding-96"][data-activate="true"] {
    padding: 96px;
}

[data-activate-class~="padding-120"][data-activate="true"] {
    padding: 120px;
}

[data-activate-class~="padding-180"][data-activate="true"] {
    padding: 180px;
}

[data-activate-class~="padding-240"][data-activate="true"] {
    padding: 240px;
}

[data-activate-class~="padding-320"][data-activate="true"] {
    padding: 320px;
}

[data-activate-class~="padding-360"][data-activate="true"] {
    padding: 360px;
}

[data-activate-class~="padding-left-0"][data-activate="true"],
[data-activate-class~="padding-x-0"][data-activate="true"] {
    padding-left: 0;
}

[data-activate-class~="padding-top-0"][data-activate="true"],
[data-activate-class~="padding-y-0"][data-activate="true"] {
    padding-top: 0;
}

[data-activate-class~="padding-right-0"][data-activate="true"],
[data-activate-class~="padding-x-0"][data-activate="true"] {
    padding-right: 0;
}

[data-activate-class~="padding-bottom-0"][data-activate="true"],
[data-activate-class~="padding-y-0"][data-activate="true"] {
    padding-bottom: 0;
}

[data-activate-class~="padding-left-1"][data-activate="true"],
[data-activate-class~="padding-x-8"][data-activate="true"] {
    padding-left: 1px;
}

[data-activate-class~="padding-top-1"][data-activate="true"],
[data-activate-class~="padding-y-1"][data-activate="true"] {
    padding-top: 1px;
}

[data-activate-class~="padding-right-1"][data-activate="true"],
[data-activate-class~="padding-x-8"][data-activate="true"] {
    padding-right: 1px;
}

[data-activate-class~="padding-bottom-1"][data-activate="true"],
[data-activate-class~="padding-y-1"][data-activate="true"] {
    padding-bottom: 1px;
}

[data-activate-class~="padding-left-2"][data-activate="true"],
[data-activate-class~="padding-x-2"][data-activate="true"] {
    padding-left: 2px;
}

[data-activate-class~="padding-top-2"][data-activate="true"],
[data-activate-class~="padding-y-2"][data-activate="true"] {
    padding-top: 2px;
}

[data-activate-class~="padding-right-2"][data-activate="true"],
[data-activate-class~="padding-x-2"][data-activate="true"] {
    padding-right: 2px;
}

[data-activate-class~="padding-bottom-2"][data-activate="true"],
[data-activate-class~="padding-y-2"][data-activate="true"] {
    padding-bottom: 2px;
}

[data-activate-class~="padding-left-3"][data-activate="true"],
[data-activate-class~="padding-x-3"][data-activate="true"] {
    padding-left: 3px;
}

[data-activate-class~="padding-top-3"][data-activate="true"],
[data-activate-class~="padding-y-3"][data-activate="true"] {
    padding-top: 3px;
}

[data-activate-class~="padding-right-3"][data-activate="true"],
[data-activate-class~="padding-x-3"][data-activate="true"] {
    padding-right: 3px;
}

[data-activate-class~="padding-bottom-3"][data-activate="true"],
[data-activate-class~="padding-y-3"][data-activate="true"] {
    padding-bottom: 3px;
}

[data-activate-class~="padding-left-4"][data-activate="true"],
[data-activate-class~="padding-x-4"][data-activate="true"] {
    padding-left: 4px;
}

[data-activate-class~="padding-top-4"][data-activate="true"],
[data-activate-class~="padding-y-4"][data-activate="true"] {
    padding-top: 4px;
}

[data-activate-class~="padding-right-4"][data-activate="true"],
[data-activate-class~="padding-x-4"][data-activate="true"] {
    padding-right: 4px;
}

[data-activate-class~="padding-bottom-4"][data-activate="true"],
[data-activate-class~="padding-y-4"][data-activate="true"] {
    padding-bottom: 4px;
}

[data-activate-class~="padding-left-5"][data-activate="true"],
[data-activate-class~="padding-x-5"][data-activate="true"] {
    padding-left: 5px;
}

[data-activate-class~="padding-top-5"][data-activate="true"],
[data-activate-class~="padding-y-5"][data-activate="true"] {
    padding-top: 5px;
}

[data-activate-class~="padding-right-5"][data-activate="true"],
[data-activate-class~="padding-x-5"][data-activate="true"] {
    padding-right: 5px;
}

[data-activate-class~="padding-bottom-5"][data-activate="true"],
[data-activate-class~="padding-y-5"][data-activate="true"] {
    padding-bottom: 5px;
}

[data-activate-class~="padding-left-6"][data-activate="true"],
[data-activate-class~="padding-x-6"][data-activate="true"] {
    padding-left: 6px;
}

[data-activate-class~="padding-top-6"][data-activate="true"],
[data-activate-class~="padding-y-6"][data-activate="true"] {
    padding-top: 6px;
}

[data-activate-class~="padding-right-6"][data-activate="true"],
[data-activate-class~="padding-x-6"][data-activate="true"] {
    padding-right: 6px;
}

[data-activate-class~="padding-bottom-6"][data-activate="true"],
[data-activate-class~="padding-y-6"][data-activate="true"] {
    padding-bottom: 6px;
}

[data-activate-class~="padding-left-7"][data-activate="true"],
[data-activate-class~="padding-x-7"][data-activate="true"] {
    padding-left: 7px;
}

[data-activate-class~="padding-top-7"][data-activate="true"],
[data-activate-class~="padding-y-7"][data-activate="true"] {
    padding-top: 7px;
}

[data-activate-class~="padding-right-7"][data-activate="true"],
[data-activate-class~="padding-x-7"][data-activate="true"] {
    padding-right: 7px;
}

[data-activate-class~="padding-bottom-7"][data-activate="true"],
[data-activate-class~="padding-y-7"][data-activate="true"] {
    padding-bottom: 7px;
}

[data-activate-class~="padding-left-8"][data-activate="true"],
[data-activate-class~="padding-x-8"][data-activate="true"] {
    padding-left: 8px;
}

[data-activate-class~="padding-top-8"][data-activate="true"],
[data-activate-class~="padding-y-8"][data-activate="true"] {
    padding-top: 8px;
}

[data-activate-class~="padding-right-8"][data-activate="true"],
[data-activate-class~="padding-x-8"][data-activate="true"] {
    padding-right: 8px;
}

[data-activate-class~="padding-bottom-8"][data-activate="true"],
[data-activate-class~="padding-y-8"][data-activate="true"] {
    padding-bottom: 8px;
}

[data-activate-class~="padding-left-9"][data-activate="true"],
[data-activate-class~="padding-x-9"][data-activate="true"] {
    padding-left: 9px;
}

[data-activate-class~="padding-top-9"][data-activate="true"],
[data-activate-class~="padding-y-9"][data-activate="true"] {
    padding-top: 9px;
}

[data-activate-class~="padding-right-9"][data-activate="true"],
[data-activate-class~="padding-x-9"][data-activate="true"] {
    padding-right: 9px;
}

[data-activate-class~="padding-bottom-9"][data-activate="true"],
[data-activate-class~="padding-y-9"][data-activate="true"] {
    padding-bottom: 9px;
}

[data-activate-class~="padding-left-10"][data-activate="true"],
[data-activate-class~="padding-x-10"][data-activate="true"] {
    padding-left: 10px;
}

[data-activate-class~="padding-top-10"][data-activate="true"],
[data-activate-class~="padding-y-10"][data-activate="true"] {
    padding-top: 10px;
}

[data-activate-class~="padding-right-10"][data-activate="true"],
[data-activate-class~="padding-x-10"][data-activate="true"] {
    padding-right: 10px;
}

[data-activate-class~="padding-bottom-10"][data-activate="true"],
[data-activate-class~="padding-y-10"][data-activate="true"] {
    padding-bottom: 10px;
}

[data-activate-class~="padding-left-11"][data-activate="true"],
[data-activate-class~="padding-x-11"][data-activate="true"] {
    padding-left: 11px;
}

[data-activate-class~="padding-top-11"][data-activate="true"],
[data-activate-class~="padding-y-11"][data-activate="true"] {
    padding-top: 11px;
}

[data-activate-class~="padding-right-11"][data-activate="true"],
[data-activate-class~="padding-x-11"][data-activate="true"] {
    padding-right: 11px;
}

[data-activate-class~="padding-bottom-11"][data-activate="true"],
[data-activate-class~="padding-y-11"][data-activate="true"] {
    padding-bottom: 11px;
}

[data-activate-class~="padding-left-12"][data-activate="true"],
[data-activate-class~="padding-x-12"][data-activate="true"] {
    padding-left: 12px;
}

[data-activate-class~="padding-top-12"][data-activate="true"],
[data-activate-class~="padding-y-12"][data-activate="true"] {
    padding-top: 12px;
}

[data-activate-class~="padding-right-12"][data-activate="true"],
[data-activate-class~="padding-x-12"][data-activate="true"] {
    padding-right: 12px;
}

[data-activate-class~="padding-bottom-12"][data-activate="true"],
[data-activate-class~="padding-y-12"][data-activate="true"] {
    padding-bottom: 12px;
}

[data-activate-class~="padding-left-14"][data-activate="true"],
[data-activate-class~="padding-x-14"][data-activate="true"] {
    padding-left: 14px;
}

[data-activate-class~="padding-top-14"][data-activate="true"],
[data-activate-class~="padding-y-14"][data-activate="true"] {
    padding-top: 14px;
}

[data-activate-class~="padding-right-14"][data-activate="true"],
[data-activate-class~="padding-x-14"][data-activate="true"] {
    padding-right: 14px;
}

[data-activate-class~="padding-bottom-14"][data-activate="true"],
[data-activate-class~="padding-y-14"][data-activate="true"] {
    padding-bottom: 14px;
}

[data-activate-class~="padding-left-16"][data-activate="true"],
[data-activate-class~="padding-x-16"][data-activate="true"] {
    padding-left: 16px;
}

[data-activate-class~="padding-top-16"][data-activate="true"],
[data-activate-class~="padding-y-16"][data-activate="true"] {
    padding-top: 16px;
}

[data-activate-class~="padding-right-16"][data-activate="true"],
[data-activate-class~="padding-x-16"][data-activate="true"] {
    padding-right: 16px;
}

[data-activate-class~="padding-bottom-16"][data-activate="true"],
[data-activate-class~="padding-y-16"][data-activate="true"] {
    padding-bottom: 16px;
}

[data-activate-class~="padding-left-18"][data-activate="true"],
[data-activate-class~="padding-x-18"][data-activate="true"] {
    padding-left: 18px;
}

[data-activate-class~="padding-top-18"][data-activate="true"],
[data-activate-class~="padding-y-18"][data-activate="true"] {
    padding-top: 18px;
}

[data-activate-class~="padding-right-18"][data-activate="true"],
[data-activate-class~="padding-x-18"][data-activate="true"] {
    padding-right: 18px;
}

[data-activate-class~="padding-bottom-18"][data-activate="true"],
[data-activate-class~="padding-y-18"][data-activate="true"] {
    padding-bottom: 18px;
}

[data-activate-class~="padding-left-20"][data-activate="true"],
[data-activate-class~="padding-x-20"][data-activate="true"] {
    padding-left: 20px;
}

[data-activate-class~="padding-top-20"][data-activate="true"],
[data-activate-class~="padding-y-20"][data-activate="true"] {
    padding-top: 20px;
}

[data-activate-class~="padding-right-20"][data-activate="true"],
[data-activate-class~="padding-x-20"][data-activate="true"] {
    padding-right: 20px;
}

[data-activate-class~="padding-bottom-20"][data-activate="true"],
[data-activate-class~="padding-y-20"][data-activate="true"] {
    padding-bottom: 20px;
}

[data-activate-class~="padding-left-22"][data-activate="true"],
[data-activate-class~="padding-x-22"][data-activate="true"] {
    padding-left: 22px;
}

[data-activate-class~="padding-top-22"][data-activate="true"],
[data-activate-class~="padding-y-22"][data-activate="true"] {
    padding-top: 22px;
}

[data-activate-class~="padding-right-22"][data-activate="true"],
[data-activate-class~="padding-x-22"][data-activate="true"] {
    padding-right: 22px;
}

[data-activate-class~="padding-bottom-22"][data-activate="true"],
[data-activate-class~="padding-y-22"][data-activate="true"] {
    padding-bottom: 22px;
}

[data-activate-class~="padding-left-24"][data-activate="true"],
[data-activate-class~="padding-x-24"][data-activate="true"] {
    padding-left: 24px;
}

[data-activate-class~="padding-top-24"][data-activate="true"],
[data-activate-class~="padding-y-24"][data-activate="true"] {
    padding-top: 24px;
}

[data-activate-class~="padding-right-24"][data-activate="true"],
[data-activate-class~="padding-x-24"][data-activate="true"] {
    padding-right: 24px;
}

[data-activate-class~="padding-bottom-24"][data-activate="true"],
[data-activate-class~="padding-y-24"][data-activate="true"] {
    padding-bottom: 24px;
}

[data-activate-class~="padding-left-30"][data-activate="true"],
[data-activate-class~="padding-x-30"][data-activate="true"] {
    padding-left: 30px;
}

[data-activate-class~="padding-top-30"][data-activate="true"],
[data-activate-class~="padding-y-30"][data-activate="true"] {
    padding-top: 30px;
}

[data-activate-class~="padding-right-30"][data-activate="true"],
[data-activate-class~="padding-x-30"][data-activate="true"] {
    padding-right: 30px;
}

[data-activate-class~="padding-bottom-30"][data-activate="true"],
[data-activate-class~="padding-y-30"][data-activate="true"] {
    padding-bottom: 30px;
}

[data-activate-class~="padding-left-36"][data-activate="true"],
[data-activate-class~="padding-x-36"][data-activate="true"] {
    padding-left: 36px;
}

[data-activate-class~="padding-top-36"][data-activate="true"],
[data-activate-class~="padding-y-36"][data-activate="true"] {
    padding-top: 36px;
}

[data-activate-class~="padding-right-36"][data-activate="true"],
[data-activate-class~="padding-x-36"][data-activate="true"] {
    padding-right: 36px;
}

[data-activate-class~="padding-bottom-36"][data-activate="true"],
[data-activate-class~="padding-y-36"][data-activate="true"] {
    padding-bottom: 36px;
}

[data-activate-class~="padding-left-48"][data-activate="true"],
[data-activate-class~="padding-x-48"][data-activate="true"] {
    padding-left: 48px;
}

[data-activate-class~="padding-top-48"][data-activate="true"],
[data-activate-class~="padding-y-48"][data-activate="true"] {
    padding-top: 48px;
}

[data-activate-class~="padding-right-48"][data-activate="true"],
[data-activate-class~="padding-x-48"][data-activate="true"] {
    padding-right: 48px;
}

[data-activate-class~="padding-bottom-48"][data-activate="true"],
[data-activate-class~="padding-y-48"][data-activate="true"] {
    padding-bottom: 48px;
}

[data-activate-class~="padding-left-50"][data-activate="true"],
[data-activate-class~="padding-x-50"][data-activate="true"] {
    padding-left: 50px;
}

[data-activate-class~="padding-top-50"][data-activate="true"],
[data-activate-class~="padding-y-50"][data-activate="true"] {
    padding-top: 50px;
}

[data-activate-class~="padding-right-50"][data-activate="true"],
[data-activate-class~="padding-x-50"][data-activate="true"] {
    padding-right: 50px;
}

[data-activate-class~="padding-bottom-50"][data-activate="true"],
[data-activate-class~="padding-y-50"][data-activate="true"] {
    padding-bottom: 50px;
}

[data-activate-class~="padding-left-56"][data-activate="true"],
[data-activate-class~="padding-x-56"][data-activate="true"] {
    padding-left: 56px;
}

[data-activate-class~="padding-top-56"][data-activate="true"],
[data-activate-class~="padding-y-56"][data-activate="true"] {
    padding-top: 56px;
}

[data-activate-class~="padding-right-56"][data-activate="true"],
[data-activate-class~="padding-x-56"][data-activate="true"] {
    padding-right: 56px;
}

[data-activate-class~="padding-bottom-56"][data-activate="true"],
[data-activate-class~="padding-y-56"][data-activate="true"] {
    padding-bottom: 56px;
}

[data-activate-class~="padding-left-60"][data-activate="true"],
[data-activate-class~="padding-x-60"][data-activate="true"] {
    padding-left: 60px;
}

[data-activate-class~="padding-top-60"][data-activate="true"],
[data-activate-class~="padding-y-60"][data-activate="true"] {
    padding-top: 60px;
}

[data-activate-class~="padding-right-60"][data-activate="true"],
[data-activate-class~="padding-x-60"][data-activate="true"] {
    padding-right: 60px;
}

[data-activate-class~="padding-bottom-60"][data-activate="true"],
[data-activate-class~="padding-y-60"][data-activate="true"] {
    padding-bottom: 60px;
}

[data-activate-class~="padding-left-72"][data-activate="true"],
[data-activate-class~="padding-x-72"][data-activate="true"] {
    padding-left: 72px;
}

[data-activate-class~="padding-top-72"][data-activate="true"],
[data-activate-class~="padding-y-72"][data-activate="true"] {
    padding-top: 72px;
}

[data-activate-class~="padding-right-72"][data-activate="true"],
[data-activate-class~="padding-x-72"][data-activate="true"] {
    padding-right: 72px;
}

[data-activate-class~="padding-bottom-72"][data-activate="true"],
[data-activate-class~="padding-y-72"][data-activate="true"] {
    padding-bottom: 72px;
}

[data-activate-class~="padding-left-80"][data-activate="true"],
[data-activate-class~="padding-x-80"][data-activate="true"] {
    padding-left: 80px;
}

[data-activate-class~="padding-top-80"][data-activate="true"],
[data-activate-class~="padding-y-80"][data-activate="true"] {
    padding-top: 80px;
}

[data-activate-class~="padding-right-80"][data-activate="true"],
[data-activate-class~="padding-x-80"][data-activate="true"] {
    padding-right: 80px;
}

[data-activate-class~="padding-bottom-80"][data-activate="true"],
[data-activate-class~="padding-y-80"][data-activate="true"] {
    padding-bottom: 80px;
}

[data-activate-class~="padding-left-96"][data-activate="true"],
[data-activate-class~="padding-x-96"][data-activate="true"] {
    padding-left: 96px;
}

[data-activate-class~="padding-top-96"][data-activate="true"],
[data-activate-class~="padding-y-96"][data-activate="true"] {
    padding-top: 96px;
}

[data-activate-class~="padding-right-96"][data-activate="true"],
[data-activate-class~="padding-x-96"][data-activate="true"] {
    padding-right: 96px;
}

[data-activate-class~="padding-bottom-96"][data-activate="true"],
[data-activate-class~="padding-y-96"][data-activate="true"] {
    padding-bottom: 96px;
}

[data-activate-class~="padding-left-120"][data-activate="true"],
[data-activate-class~="padding-x-120"][data-activate="true"] {
    padding-left: 120px;
}

[data-activate-class~="padding-top-120"][data-activate="true"],
[data-activate-class~="padding-y-120"][data-activate="true"] {
    padding-top: 120px;
}

[data-activate-class~="padding-right-120"][data-activate="true"],
[data-activate-class~="padding-x-120"][data-activate="true"] {
    padding-right: 120px;
}

[data-activate-class~="padding-bottom-120"][data-activate="true"],
[data-activate-class~="padding-y-120"][data-activate="true"] {
    padding-bottom: 120px;
}

[data-activate-class~="padding-left-180"][data-activate="true"],
[data-activate-class~="padding-x-180"][data-activate="true"] {
    padding-left: 180px;
}

[data-activate-class~="padding-top-180"][data-activate="true"],
[data-activate-class~="padding-y-180"][data-activate="true"] {
    padding-top: 180px;
}

[data-activate-class~="padding-right-180"][data-activate="true"],
[data-activate-class~="padding-x-180"][data-activate="true"] {
    padding-right: 180px;
}

[data-activate-class~="padding-bottom-180"][data-activate="true"],
[data-activate-class~="padding-y-180"][data-activate="true"] {
    padding-bottom: 180px;
}

[data-activate-class~="padding-left-240"][data-activate="true"],
[data-activate-class~="padding-x-240"][data-activate="true"] {
    padding-left: 240px;
}

[data-activate-class~="padding-top-240"][data-activate="true"],
[data-activate-class~="padding-y-240"][data-activate="true"] {
    padding-top: 240px;
}

[data-activate-class~="padding-right-240"][data-activate="true"],
[data-activate-class~="padding-x-240"][data-activate="true"] {
    padding-right: 240px;
}

[data-activate-class~="padding-bottom-240"][data-activate="true"],
[data-activate-class~="padding-y-240"][data-activate="true"] {
    padding-bottom: 240px;
}

[data-activate-class~="padding-left-320"][data-activate="true"],
[data-activate-class~="padding-x-320"][data-activate="true"] {
    padding-left: 320px;
}

[data-activate-class~="padding-top-320"][data-activate="true"],
[data-activate-class~="padding-y-320"][data-activate="true"] {
    padding-top: 320px;
}

[data-activate-class~="padding-right-320"][data-activate="true"],
[data-activate-class~="padding-x-320"][data-activate="true"] {
    padding-right: 320px;
}

[data-activate-class~="padding-bottom-320"][data-activate="true"],
[data-activate-class~="padding-y-320"][data-activate="true"] {
    padding-bottom: 320px;
}

[data-activate-class~="padding-left-360"][data-activate="true"],
[data-activate-class~="padding-x-360"][data-activate="true"] {
    padding-left: 360px;
}

[data-activate-class~="padding-top-360"][data-activate="true"],
[data-activate-class~="padding-y-360"][data-activate="true"] {
    padding-top: 360px;
}

[data-activate-class~="padding-right-360"][data-activate="true"],
[data-activate-class~="padding-x-360"][data-activate="true"] {
    padding-right: 360px;
}

[data-activate-class~="padding-bottom-360"][data-activate="true"],
[data-activate-class~="padding-y-360"][data-activate="true"] {
    padding-bottom: 360px;
}

[data-activate-class~="padding-top-1\/4"][data-activate="true"],
[data-activate-class~="padding-top-25-percent"][data-activate="true"] {
    padding-top: 25%;
}

[data-activate-class~="padding-right-1\/4"][data-activate="true"],
[data-activate-class~="padding-right-25-percent"][data-activate="true"] {
    padding-right: 25%;
}

[data-activate-class~="padding-bottom-1\/4"][data-activate="true"],
[data-activate-class~="padding-bottom-25-percent"][data-activate="true"] {
    padding-bottom: 25%;
}

[data-activate-class~="padding-left-1\/4"][data-activate="true"],
[data-activate-class~="padding-left-25-percent"][data-activate="true"] {
    padding-left: 25%;
}

[data-activate-class~="padding-top-1\/3"][data-activate="true"] {
    padding-top: 33%;
}

[data-activate-class~="padding-right-1\/3"][data-activate="true"] {
    padding-right: 33%;
}

[data-activate-class~="padding-bottom-1\/3"][data-activate="true"] {
    padding-bottom: 33%;
}

[data-activate-class~="padding-left-1\/3"][data-activate="true"] {
    padding-left: 33%;
}

[data-activate-class~="padding-top-1\/2"][data-activate="true"],
[data-activate-class~="padding-top-2\/4"][data-activate="true"],
[data-activate-class~="padding-top-50-percent"][data-activate="true"],
[data-activate-class~="padding-top-half"][data-activate="true"] {
    padding-top: 50%;
}

[data-activate-class~="padding-right-1\/2"][data-activate="true"],
[data-activate-class~="padding-right-2\/4"][data-activate="true"],
[data-activate-class~="padding-right-50-percent"][data-activate="true"],
[data-activate-class~="padding-right-half"][data-activate="true"] {
    padding-right: 50%;
}

[data-activate-class~="padding-bottom-1\/2"][data-activate="true"],
[data-activate-class~="padding-bottom-2\/4"][data-activate="true"],
[data-activate-class~="padding-bottom-50-percent"][data-activate="true"],
[data-activate-class~="padding-bottom-half"][data-activate="true"] {
    padding-bottom: 50%;
}

[data-activate-class~="padding-left-1\/2"][data-activate="true"],
[data-activate-class~="padding-left-2\/4"][data-activate="true"],
[data-activate-class~="padding-left-50-percent"][data-activate="true"],
[data-activate-class~="padding-left-half"][data-activate="true"] {
    padding-left: 50%;
}

[data-activate-class~="padding-top-9\/16"][data-activate="true"] {
    padding-top: 56.25%;
}

[data-activate-class~="padding-right-9\/16"][data-activate="true"] {
    padding-right: 56.25%;
}

[data-activate-class~="padding-bottom-9\/16"][data-activate="true"] {
    padding-bottom: 56.25%;
}

[data-activate-class~="padding-left-9\/16"][data-activate="true"] {
    padding-left: 56.25%;
}

[data-activate-class~="padding-top-2\/3"][data-activate="true"] {
    padding-top: 66%;
}

[data-activate-class~="padding-right-2\/3"][data-activate="true"] {
    padding-right: 66%;
}

[data-activate-class~="padding-bottom-2\/3"][data-activate="true"] {
    padding-bottom: 66%;
}

[data-activate-class~="padding-left-2\/3"][data-activate="true"] {
    padding-left: 66%;
}

[data-activate-class~="padding-top-3\/4"][data-activate="true"],
[data-activate-class~="padding-top-75-percent"][data-activate="true"] {
    padding-top: 75%;
}

[data-activate-class~="padding-right-3\/4"][data-activate="true"],
[data-activate-class~="padding-right-75-percent"][data-activate="true"] {
    padding-right: 75%;
}

[data-activate-class~="padding-bottom-3\/4"][data-activate="true"],
[data-activate-class~="padding-bottom-75-percent"][data-activate="true"] {
    padding-bottom: 75%;
}

[data-activate-class~="padding-left-3\/4"][data-activate="true"],
[data-activate-class~="padding-left-75-percent"][data-activate="true"] {
    padding-left: 75%;
}

[data-activate-class~="padding-top-100-percent"][data-activate="true"],
[data-activate-class~="padding-top-1\/1"][data-activate="true"],
[data-activate-class~="padding-top-full"][data-activate="true"] {
    padding-top: 100%;
}

[data-activate-class~="padding-right-100-percent"][data-activate="true"],
[data-activate-class~="padding-right-1\/1"][data-activate="true"],
[data-activate-class~="padding-right-full"][data-activate="true"] {
    padding-right: 100%;
}

[data-activate-class~="padding-bottom-100-percent"][data-activate="true"],
[data-activate-class~="padding-bottom-1\/1"][data-activate="true"],
[data-activate-class~="padding-bottom-full"][data-activate="true"] {
    padding-bottom: 100%;
}

[data-activate-class~="padding-left-100-percent"][data-activate="true"],
[data-activate-class~="padding-left-1\/1"][data-activate="true"],
[data-activate-class~="padding-left-full"][data-activate="true"] {
    padding-left: 100%;
}

[data-activate-class~="padding-top-4\/3"][data-activate="true"] {
    padding-top: 133.33%;
}

[data-activate-class~="padding-right-4\/3"][data-activate="true"] {
    padding-right: 133.33%;
}

[data-activate-class~="padding-bottom-4\/3"][data-activate="true"] {
    padding-bottom: 133.33%;
}

[data-activate-class~="padding-left-4\/3"][data-activate="true"] {
    padding-left: 133.33%;
}

[data-activate-class~="border-none"][data-activate="true"] {
    --border-opacity: 1;
    border: none;
}

[data-activate-class~="outline"][data-activate="true"],
[data-activate-class~="outline-thin"][data-activate="true"] {
    --outline-opacity: 1;
    outline: 1px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-standard"][data-activate="true"] {
    --outline-opacity: 1;
    outline: 2px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-medium"][data-activate="true"] {
    --outline-opacity: 1;
    outline: 3px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-stocky"][data-activate="true"] {
    --outline-opacity: 1;
    outline: 4px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-0"][data-activate="true"] {
    outline-width: 0
}

[data-activate-class~="outline-1"][data-activate="true"] {
    outline-width: 1px
}

[data-activate-class~="outline-2"][data-activate="true"] {
    outline-width: 2px
}

[data-activate-class~="outline-3"][data-activate="true"] {
    outline-width: 3px
}

[data-activate-class~="outline-4"][data-activate="true"] {
    outline-width: 4px
}

[data-activate-class~="outline-5"][data-activate="true"] {
    outline-width: 5px
}

[data-activate-class~="outline-6"][data-activate="true"] {
    outline-width: 6px
}

[data-activate-class~="outline-7"][data-activate="true"] {
    outline-width: 7px
}

[data-activate-class~="outline-8"][data-activate="true"] {
    outline-width: 8px
}

[data-activate-class~="outline-9"][data-activate="true"] {
    outline-width: 9px
}

[data-activate-class~="outline-transparent"][data-activate="true"] {
    outline-color: #fff0
}

[data-activate-class~="outline-white"][data-activate="true"] {
    outline-color: rgba(var(--color-white-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-black"][data-activate="true"] {
    outline-color: rgba(var(--color-black-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-red"][data-activate="true"] {
    outline-color: rgba(var(--color-red-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-deeppink"][data-activate="true"] {
    outline-color: rgba(var(--color-deeppink-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-orangered"][data-activate="true"] {
    outline-color: rgba(var(--color-orangered-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-gold"][data-activate="true"] {
    outline-color: rgba(var(--color-gold-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-darkviolet"][data-activate="true"] {
    outline-color: rgba(var(--color-darkviolet-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-lime"][data-activate="true"] {
    outline-color: rgba(var(--color-lime-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-deepskyblue"][data-activate="true"] {
    outline-color: rgba(var(--color-deepskyblue-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-peace"][data-activate="true"] {
    outline-color: rgba(var(--color-peace-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-primary"][data-activate="true"] {
    outline-color: rgba(var(--color-primary-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-warning"][data-activate="true"] {
    outline-color: rgba(var(--color-warning-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-positive"][data-activate="true"] {
    outline-color: rgba(var(--color-positive-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-default"][data-activate="true"] {
    outline-color: rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-danger"][data-activate="true"] {
    outline-color: rgba(var(--color-danger-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-success"][data-activate="true"] {
    outline-color: rgba(var(--color-success-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-info"][data-activate="true"] {
    outline-color: rgba(var(--color-info-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-special"][data-activate="true"] {
    outline-color: rgba(var(--color-special-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-dark"][data-activate="true"] {
    outline-color: rgba(var(--color-dark-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-elegant"][data-activate="true"] {
    outline-color: rgba(var(--color-elegant-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-stylish"][data-activate="true"] {
    outline-color: rgba(var(--color-stylish-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-unique"][data-activate="true"] {
    outline-color: rgba(var(--color-unique-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-light"][data-activate="true"] {
    outline-color: rgba(var(--color-light-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-ghost"][data-activate="true"] {
    outline-color: rgba(var(--color-ghost-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-brand"][data-activate="true"] {
    outline-color: rgba(var(--color-brand-rgb), var(--outline-opacity))
}

[data-activate-class~="outline-dashed"][data-activate="true"] {
    outline-style: dashed
}

[data-activate-class~="outline-solid"][data-activate="true"] {
    outline-style: solid
}

[data-activate-class~="outline-dotted"][data-activate="true"] {
    outline-style: dotted
}

[data-activate-class~="outline-double"][data-activate="true"] {
    outline-style: double
}

[data-activate-class~="outline-opacity-0"][data-activate="true"] {
    --outline-opacity: 0
}

[data-activate-class~="outline-opacity-5"][data-activate="true"] {
    --outline-opacity: 0.05
}

[data-activate-class~="outline-opacity-10"][data-activate="true"] {
    --outline-opacity: 0.1
}

[data-activate-class~="outline-opacity-20"][data-activate="true"] {
    --outline-opacity: 0.2
}

[data-activate-class~="outline-opacity-25"][data-activate="true"] {
    --outline-opacity: 0.25
}

[data-activate-class~="outline-opacity-30"][data-activate="true"] {
    --outline-opacity: 0.3
}

[data-activate-class~="outline-opacity-40"][data-activate="true"] {
    --outline-opacity: 0.4
}

[data-activate-class~="outline-opacity-50"][data-activate="true"] {
    --outline-opacity: 0.5
}

[data-activate-class~="outline-opacity-60"][data-activate="true"] {
    --outline-opacity: 0.6
}

[data-activate-class~="outline-opacity-70"][data-activate="true"] {
    --outline-opacity: 0.7
}

[data-activate-class~="outline-opacity-75"][data-activate="true"] {
    --outline-opacity: 0.75
}

[data-activate-class~="outline-opacity-80"][data-activate="true"] {
    --outline-opacity: 0.8
}

[data-activate-class~="outline-opacity-90"][data-activate="true"] {
    --outline-opacity: 0.9
}

[data-activate-class~="outline-opacity-95"][data-activate="true"] {
    --outline-opacity: 0.95
}

[data-activate-class~="outline-opacity-100"][data-activate="true"] {
    --outline-opacity: 1
}

[data-activate-class~="border-thin"][data-activate="true"],
[data-activate-class~="border"][data-activate="true"] {
    --border-opacity: 1;
    border: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-standard"][data-activate="true"] {
    --border-opacity: 1;
    border: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-medium"][data-activate="true"] {
    --border-opacity: 1;
    border: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-stocky"][data-activate="true"] {
    --border-opacity: 1;
    border: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-thick"][data-activate="true"] {
    --border-opacity: 1;
    border: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-left-thin"][data-activate="true"],
[data-activate-class~="border-left"][data-activate="true"] {
    --border-opacity: 1;
    border-left: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-left-standard"][data-activate="true"] {
    --border-opacity: 1;
    border-left: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-left-medium"][data-activate="true"] {
    --border-opacity: 1;
    border-left: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-left-stocky"][data-activate="true"] {
    --border-opacity: 1;
    border-left: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-left-thick"][data-activate="true"] {
    --border-opacity: 1;
    border-left: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-top-thin"][data-activate="true"],
[data-activate-class~="border-top"][data-activate="true"] {
    --border-opacity: 1;
    border-top: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-top-standard"][data-activate="true"] {
    --border-opacity: 1;
    border-top: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-top-medium"][data-activate="true"] {
    --border-opacity: 1;
    border-top: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-top-stocky"][data-activate="true"] {
    --border-opacity: 1;
    border-top: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-top-thick"][data-activate="true"] {
    --border-opacity: 1;
    border-top: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-right-thin"][data-activate="true"],
[data-activate-class~="border-right"][data-activate="true"] {
    --border-opacity: 1;
    border-right: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-right-standard"][data-activate="true"] {
    --border-opacity: 1;
    border-right: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-right-medium"][data-activate="true"] {
    --border-opacity: 1;
    border-right: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-right-stocky"][data-activate="true"] {
    --border-opacity: 1;
    border-right: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-right-thick"][data-activate="true"] {
    --border-opacity: 1;
    border-right: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-bottom-thin"][data-activate="true"],
[data-activate-class~="border-bottom"][data-activate="true"] {
    --border-opacity: 1;
    border-bottom: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-bottom-standard"][data-activate="true"] {
    --border-opacity: 1;
    border-bottom: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-bottom-medium"][data-activate="true"] {
    --border-opacity: 1;
    border-bottom: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-bottom-stocky"][data-activate="true"] {
    --border-opacity: 1;
    border-bottom: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-bottom-thick"][data-activate="true"] {
    --border-opacity: 1;
    border-bottom: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-0"][data-activate="true"] {
    border-width: 0;
}

[data-activate-class~="border-1"][data-activate="true"] {
    border-width: 1px;
}

[data-activate-class~="border-2"][data-activate="true"] {
    border-width: 2px;
}

[data-activate-class~="border-3"][data-activate="true"] {
    border-width: 3px;
}

[data-activate-class~="border-4"][data-activate="true"] {
    border-width: 4px;
}

[data-activate-class~="border-5"][data-activate="true"] {
    border-width: 5px;
}

[data-activate-class~="border-6"][data-activate="true"] {
    border-width: 6px;
}

[data-activate-class~="border-7"][data-activate="true"] {
    border-width: 7px;
}

[data-activate-class~="border-8"][data-activate="true"] {
    border-width: 8px;
}

[data-activate-class~="border-9"][data-activate="true"] {
    border-width: 9px;
}

[data-activate-class~="border-left-0"][data-activate="true"] {
    border-width: 0;
}

[data-activate-class~="border-left-1"][data-activate="true"] {
    border-width: 1px;
}

[data-activate-class~="border-left-2"][data-activate="true"] {
    border-width: 2px;
}

[data-activate-class~="border-left-3"][data-activate="true"] {
    border-width: 3px;
}

[data-activate-class~="border-left-4"][data-activate="true"] {
    border-width: 4px;
}

[data-activate-class~="border-left-5"][data-activate="true"] {
    border-width: 5px;
}

[data-activate-class~="border-left-6"][data-activate="true"] {
    border-width: 6px;
}

[data-activate-class~="border-left-7"][data-activate="true"] {
    border-width: 7px;
}

[data-activate-class~="border-left-8"][data-activate="true"] {
    border-width: 8px;
}

[data-activate-class~="border-left-9"][data-activate="true"] {
    border-width: 9px;
}

[data-activate-class~="border-top-0"][data-activate="true"] {
    border-width: 0;
}

[data-activate-class~="border-top-1"][data-activate="true"] {
    border-width: 1px;
}

[data-activate-class~="border-top-2"][data-activate="true"] {
    border-width: 2px;
}

[data-activate-class~="border-top-3"][data-activate="true"] {
    border-width: 3px;
}

[data-activate-class~="border-top-4"][data-activate="true"] {
    border-width: 4px;
}

[data-activate-class~="border-top-5"][data-activate="true"] {
    border-width: 5px;
}

[data-activate-class~="border-top-6"][data-activate="true"] {
    border-width: 6px;
}

[data-activate-class~="border-top-7"][data-activate="true"] {
    border-width: 7px;
}

[data-activate-class~="border-top-8"][data-activate="true"] {
    border-width: 8px;
}

[data-activate-class~="border-top-9"][data-activate="true"] {
    border-width: 9px;
}

[data-activate-class~="border-right-0"][data-activate="true"] {
    border-width: 0;
}

[data-activate-class~="border-right-1"][data-activate="true"] {
    border-width: 1px;
}

[data-activate-class~="border-right-2"][data-activate="true"] {
    border-width: 2px;
}

[data-activate-class~="border-right-3"][data-activate="true"] {
    border-width: 3px;
}

[data-activate-class~="border-right-4"][data-activate="true"] {
    border-width: 4px;
}

[data-activate-class~="border-right-5"][data-activate="true"] {
    border-width: 5px;
}

[data-activate-class~="border-right-6"][data-activate="true"] {
    border-width: 6px;
}

[data-activate-class~="border-right-7"][data-activate="true"] {
    border-width: 7px;
}

[data-activate-class~="border-right-8"][data-activate="true"] {
    border-width: 8px;
}

[data-activate-class~="border-right-9"][data-activate="true"] {
    border-width: 9px;
}

[data-activate-class~="border-bottom-0"][data-activate="true"] {
    border-width: 0;
}

[data-activate-class~="border-bottom-1"][data-activate="true"] {
    border-width: 1px;
}

[data-activate-class~="border-bottom-2"][data-activate="true"] {
    border-width: 2px;
}

[data-activate-class~="border-bottom-3"][data-activate="true"] {
    border-width: 3px;
}

[data-activate-class~="border-bottom-4"][data-activate="true"] {
    border-width: 4px;
}

[data-activate-class~="border-bottom-5"][data-activate="true"] {
    border-width: 5px;
}

[data-activate-class~="border-bottom-6"][data-activate="true"] {
    border-width: 6px;
}

[data-activate-class~="border-bottom-7"][data-activate="true"] {
    border-width: 7px;
}

[data-activate-class~="border-bottom-8"][data-activate="true"] {
    border-width: 8px;
}

[data-activate-class~="border-bottom-9"][data-activate="true"] {
    border-width: 9px;
}

[data-activate-class~="border-transparent"][data-activate="true"] {
    border-color: #fff0;
}

[data-activate-class~="border-white"][data-activate="true"] {
    border-color: rgba(var(--color-white-rgb), var(--border-opacity));
}

[data-activate-class~="border-black"][data-activate="true"] {
    border-color: rgba(var(--color-black-rgb), var(--border-opacity));
}

[data-activate-class~="border-red"][data-activate="true"] {
    border-color: rgba(var(--color-red-rgb), var(--border-opacity));
}

[data-activate-class~="border-deeppink"][data-activate="true"] {
    border-color: rgba(var(--color-deeppink-rgb), var(--border-opacity));
}

[data-activate-class~="border-orangered"][data-activate="true"] {
    border-color: rgba(var(--color-orangered-rgb), var(--border-opacity));
}

[data-activate-class~="border-gold"][data-activate="true"] {
    border-color: rgba(var(--color-gold-rgb), var(--border-opacity));
}

[data-activate-class~="border-darkviolet"][data-activate="true"] {
    border-color: rgba(var(--color-darkviolet-rgb), var(--border-opacity));
}

[data-activate-class~="border-lime"][data-activate="true"] {
    border-color: rgba(var(--color-lime-rgb), var(--border-opacity));
}

[data-activate-class~="border-deepskyblue"][data-activate="true"] {
    border-color: rgba(var(--color-deepskyblue-rgb), var(--border-opacity));
}

[data-activate-class~="border-peace"][data-activate="true"] {
    border-color: rgba(var(--color-peace-rgb), var(--border-opacity));
}

[data-activate-class~="border-primary"][data-activate="true"] {
    border-color: rgba(var(--color-primary-rgb), var(--border-opacity));
}

[data-activate-class~="border-warning"][data-activate="true"] {
    border-color: rgba(var(--color-warning-rgb), var(--border-opacity));
}

[data-activate-class~="border-positive"][data-activate="true"] {
    border-color: rgba(var(--color-positive-rgb), var(--border-opacity));
}

[data-activate-class~="border-default"][data-activate="true"] {
    border-color: rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-activate-class~="border-danger"][data-activate="true"] {
    border-color: rgba(var(--color-danger-rgb), var(--border-opacity));
}

[data-activate-class~="border-success"][data-activate="true"] {
    border-color: rgba(var(--color-success-rgb), var(--border-opacity));
}

[data-activate-class~="border-info"][data-activate="true"] {
    border-color: rgba(var(--color-info-rgb), var(--border-opacity));
}

[data-activate-class~="border-special"][data-activate="true"] {
    border-color: rgba(var(--color-special-rgb), var(--border-opacity));
}

[data-activate-class~="border-dark"][data-activate="true"] {
    border-color: rgba(var(--color-dark-rgb), var(--border-opacity));
}

[data-activate-class~="border-elegant"][data-activate="true"] {
    border-color: rgba(var(--color-elegant-rgb), var(--border-opacity));
}

[data-activate-class~="border-stylish"][data-activate="true"] {
    border-color: rgba(var(--color-stylish-rgb), var(--border-opacity));
}

[data-activate-class~="border-unique"][data-activate="true"] {
    border-color: rgba(var(--color-unique-rgb), var(--border-opacity));
}

[data-activate-class~="border-light"][data-activate="true"] {
    border-color: rgba(var(--color-light-rgb), var(--border-opacity));
}

[data-activate-class~="border-ghost"][data-activate="true"] {
    border-color: rgba(var(--color-ghost-rgb), var(--border-opacity));
}

[data-activate-class~="border-brand"][data-activate="true"] {
    border-color: rgba(var(--color-brand-rgb), var(--border-opacity));
}

[data-activate-class~="border-dashed"][data-activate="true"] {
    border-style: dashed;
}

[data-activate-class~="border-solid"][data-activate="true"] {
    border-style: solid;
}

[data-activate-class~="border-dotted"][data-activate="true"] {
    border-style: dotted;
}

[data-activate-class~="border-double"][data-activate="true"] {
    border-style: double;
}

.border-opacity-0 {
    --border-opacity: 0;
}

[data-activate-class~="border-opacity-5"][data-activate="true"] {
    --border-opacity: 0.05;
}

[data-activate-class~="border-opacity-10"][data-activate="true"] {
    --border-opacity: 0.1;
}

[data-activate-class~="border-opacity-20"][data-activate="true"] {
    --border-opacity: 0.2;
}

[data-activate-class~="border-opacity-25"][data-activate="true"] {
    --border-opacity: 0.25;
}

[data-activate-class~="border-opacity-30"][data-activate="true"] {
    --border-opacity: 0.3;
}

[data-activate-class~="border-opacity-40"][data-activate="true"] {
    --border-opacity: 0.4;
}

[data-activate-class~="border-opacity-50"][data-activate="true"] {
    --border-opacity: 0.5;
}

[data-activate-class~="border-opacity-60"][data-activate="true"] {
    --border-opacity: 0.6;
}

[data-activate-class~="border-opacity-70"][data-activate="true"] {
    --border-opacity: 0.7;
}

[data-activate-class~="border-opacity-75"][data-activate="true"] {
    --border-opacity: 0.75;
}

[data-activate-class~="border-opacity-80"][data-activate="true"] {
    --border-opacity: 0.8;
}

[data-activate-class~="border-opacity-90"][data-activate="true"] {
    --border-opacity: 0.9;
}

[data-activate-class~="border-opacity-95"][data-activate="true"] {
    --border-opacity: 0.95;
}

[data-activate-class~="border-opacity-100"][data-activate="true"] {
    --border-opacity: 1;
}

[data-activate-class~="rounded"][data-activate="true"] {
    --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);
}

[data-activate-class~="rounded-top"][data-activate="true"] {
    --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);
}

[data-activate-class~="rounded-right"][data-activate="true"] {
    --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);
}

[data-activate-class~="rounded-bottom"][data-activate="true"] {
    --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);
}

[data-activate-class~="rounded-left"][data-activate="true"] {
    --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);
}

[data-activate-class~="rounded-small"][data-activate="true"] {
    --rounded-size: 2px;
}

[data-activate-class~="rounded-basic"][data-activate="true"] {
    --rounded-size: 4px;
}

[data-activate-class~="rounded-medium"][data-activate="true"] {
    --rounded-size: 6px;
}

[data-activate-class~="rounded-large"][data-activate="true"] {
    --rounded-size: 8px;
}

[data-activate-class~="rounding"][data-activate="true"] {
    --rounded-size: 50rem;
}

[data-activate-class~="rounded-0"][data-activate="true"] {
    --rounded-size: 0px;
}

[data-activate-class~="rounded-1"][data-activate="true"] {
    --rounded-size: 1px;
}

[data-activate-class~="rounded-2"][data-activate="true"] {
    --rounded-size: 2px;
}

[data-activate-class~="rounded-3"][data-activate="true"] {
    --rounded-size: 3px;
}

[data-activate-class~="rounded-4"][data-activate="true"] {
    --rounded-size: 4px;
}

[data-activate-class~="rounded-5"][data-activate="true"] {
    --rounded-size: 5px;
}

[data-activate-class~="rounded-6"][data-activate="true"] {
    --rounded-size: 6px;
}

[data-activate-class~="rounded-7"][data-activate="true"] {
    --rounded-size: 7px;
}

[data-activate-class~="rounded-8"][data-activate="true"] {
    --rounded-size: 8px;
}

[data-activate-class~="rounded-9"][data-activate="true"] {
    --rounded-size: 9px;
}

[data-activate-class~="rounded-0"][data-activate="true"] {
    border-radius: 0;
}

[data-activate-class~="rounded-1"][data-activate="true"] {
    border-radius: 1px;
}

[data-activate-class~="rounded-2"][data-activate="true"] {
    border-radius: 2px;
}

[data-activate-class~="rounded-3"][data-activate="true"] {
    border-radius: 3px;
}

[data-activate-class~="rounded-4"][data-activate="true"] {
    border-radius: 4px;
}

[data-activate-class~="rounded-5"][data-activate="true"] {
    border-radius: 5px;
}

[data-activate-class~="rounded-6"][data-activate="true"] {
    border-radius: 6px;
}

[data-activate-class~="rounded-7"][data-activate="true"] {
    border-radius: 7px;
}

[data-activate-class~="rounded-8"][data-activate="true"] {
    border-radius: 8px;
}

[data-activate-class~="rounded-9"][data-activate="true"] {
    border-radius: 9px;
}

[data-activate-class~="rounded-top"][data-activate="true"] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[data-activate-class~="rounded-right"][data-activate="true"] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

[data-activate-class~="rounded-bottom"][data-activate="true"] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

[data-activate-class~="rounded-left"][data-activate="true"] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[data-activate-class~="rounded-mini"][data-activate="true"] {
    border-radius: 2px;
}

[data-activate-class~="rounded-small"][data-activate="true"] {
    border-radius: 4px;
}

[data-activate-class~="rounded-medium"][data-activate="true"],
[data-activate-class~="rounded"][data-activate="true"] {
    border-radius: 6px;
}

[data-activate-class~="rounded-large"][data-activate="true"] {
    border-radius: 8px;
}

[data-activate-class~="rounding"][data-activate="true"] {
    border-radius: 50rem;
}

[data-activate-class~="divide-transparent"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    border-color: #fff0;
}

[data-activate-class~="divide-white"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
}

[data-activate-class~="divide-black"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
}

[data-activate-class~="divide-red"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 0, 0, var(--divide-opacity));
}

[data-activate-class~="divide-deeppink"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 20, 147, var(--divide-opacity));
}

[data-activate-class~="divide-orangered"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 69, 0, var(--divide-opacity));
}

[data-activate-class~="divide-gold"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 217, 0, var(--divide-opacity));
}

[data-activate-class~="divide-darkviolet"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(148, 0, 211, var(--divide-opacity));
}

[data-activate-class~="divide-lime"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 255, 0, var(--divide-opacity));
}

[data-activate-class~="divide-deepskyblue"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 191, 255, var(--divide-opacity));
}

[data-activate-class~="divide-peace"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(136, 102, 255, var(--divide-opacity));
}

[data-activate-class~="divide-primary"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(66, 66, 255, var(--divide-opacity));
}

[data-activate-class~="divide-warning"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 104, 36, var(--divide-opacity));
}

[data-activate-class~="divide-positive"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(136, 36, 255, var(--divide-opacity));
}

[data-activate-class~="divide-default"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(200, 200, 200, var(--divide-opacity));
}

[data-activate-class~="divide-danger"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 66, 66, var(--divide-opacity));
}

[data-activate-class~="divide-success"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 216, 66, var(--divide-opacity));
}

[data-activate-class~="divide-info"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(34, 136, 255, var(--divide-opacity));
}

[data-activate-class~="divide-special"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 2, 36, var(--divide-opacity));
}

[data-activate-class~="divide-dark"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 2, 36, var(--divide-opacity));
}

[data-activate-class~="divide-elegant"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 36, 36, var(--divide-opacity));
}

[data-activate-class~="divide-stylish"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 36, 66, var(--divide-opacity));
}

[data-activate-class~="divide-unique"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 36, 66, var(--divide-opacity));
}

[data-activate-class~="divide-light"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(242, 244, 246, var(--divide-opacity));
}

[data-activate-class~="divide-ghost"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(248, 248, 255, var(--divide-opacity));
}

[data-activate-class~="divide-opacity-0"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0;
}

[data-activate-class~="divide-opacity-5"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.05;
}

[data-activate-class~="divide-opacity-10"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.1;
}

[data-activate-class~="divide-opacity-20"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.2;
}

[data-activate-class~="divide-opacity-25"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.25;
}

[data-activate-class~="divide-opacity-30"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.3;
}

[data-activate-class~="divide-opacity-40"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.4;
}

[data-activate-class~="divide-opacity-50"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.5;
}

[data-activate-class~="divide-opacity-60"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.6;
}

[data-activate-class~="divide-opacity-70"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.7;
}

[data-activate-class~="divide-opacity-75"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.75;
}

[data-activate-class~="divide-opacity-80"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.8;
}

[data-activate-class~="divide-opacity-90"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.9;
}

[data-activate-class~="divide-opacity-95"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.95;
}

[data-activate-class~="divide-opacity-100"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
}

[data-activate-class~="divide-solid"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    border-style: solid;
}

[data-activate-class~="divide-dashed"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    border-style: dashed;
}

[data-activate-class~="divide-dotted"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    border-style: dotted;
}

[data-activate-class~="divide-double"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    border-style: double;
}

[data-activate-class~="divide-none"][data-activate="true"]> :not([hidden])~ :not([hidden]) {
    border-style: none;
}

[data-activate-class~="divide-x-0"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-1"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-2"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-3"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-4"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-5"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-6"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-7"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-8"][data-activate="true"]> :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));
}

[data-activate-class~="divide-x-9"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-0"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-1"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-2"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-3"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-4"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-5"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-6"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-7"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-8"][data-activate="true"]> :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));
}

[data-activate-class~="divide-y-9"][data-activate="true"]> :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));
}

[data-activate-class~="border-left-60"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-top-60"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-bottom-60"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-right-60"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-left-80"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-top-80"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-bottom-80"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-right-80"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-left-100"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-top-100"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-bottom-100"][data-activate="true"] {
    --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);
}

[data-activate-class~="border-right-100"][data-activate="true"] {
    --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);
}

[data-activate-class~="margin-0"][data-activate="true"] {
    margin: 0;
}

[data-activate-class~="-margin-0"][data-activate="true"] {
    margin: calc(0 * var(--root-sizing));
}

[data-activate-class~="margin-1"][data-activate="true"] {
    margin: 1px;
}

[data-activate-class~="-margin-1"][data-activate="true"] {
    margin: calc(-1 * var(--root-sizing));
}

[data-activate-class~="margin-2"][data-activate="true"] {
    margin: 2px;
}

[data-activate-class~="-margin-2"][data-activate="true"] {
    margin: calc(-2 * var(--root-sizing));
}

[data-activate-class~="margin-3"][data-activate="true"] {
    margin: 3px;
}

[data-activate-class~="-margin-3"][data-activate="true"] {
    margin: calc(-3 * var(--root-sizing));
}

[data-activate-class~="margin-4"][data-activate="true"] {
    margin: 4px;
}

[data-activate-class~="-margin-4"][data-activate="true"] {
    margin: calc(-4 * var(--root-sizing));
}

[data-activate-class~="margin-5"][data-activate="true"] {
    margin: 5px;
}

[data-activate-class~="-margin-5"][data-activate="true"] {
    margin: calc(-5 * var(--root-sizing));
}

[data-activate-class~="margin-6"][data-activate="true"] {
    margin: 6px;
}

[data-activate-class~="-margin-6"][data-activate="true"] {
    margin: calc(-6 * var(--root-sizing));
}

[data-activate-class~="margin-7"][data-activate="true"] {
    margin: 7px;
}

[data-activate-class~="-margin-7"][data-activate="true"] {
    margin: calc(-7 * var(--root-sizing));
}

[data-activate-class~="margin-8"][data-activate="true"] {
    margin: 8px;
}

[data-activate-class~="-margin-8"][data-activate="true"] {
    margin: calc(-8 * var(--root-sizing));
}

[data-activate-class~="margin-9"][data-activate="true"] {
    margin: 9px;
}

[data-activate-class~="-margin-9"][data-activate="true"] {
    margin: calc(-9 * var(--root-sizing));
}

[data-activate-class~="margin-10"][data-activate="true"] {
    margin: 10px;
}

[data-activate-class~="-margin-10"][data-activate="true"] {
    margin: calc(-10 * var(--root-sizing));
}

[data-activate-class~="margin-11"][data-activate="true"] {
    margin: 11px;
}

[data-activate-class~="-margin-11"][data-activate="true"] {
    margin: calc(-11 * var(--root-sizing));
}

[data-activate-class~="margin-12"][data-activate="true"] {
    margin: 12px;
}

[data-activate-class~="-margin-12"][data-activate="true"] {
    margin: calc(-12 * var(--root-sizing));
}

[data-activate-class~="margin-14"][data-activate="true"] {
    margin: 14px;
}

[data-activate-class~="-margin-14"][data-activate="true"] {
    margin: calc(-14 * var(--root-sizing));
}

[data-activate-class~="margin-16"][data-activate="true"] {
    margin: 16px;
}

[data-activate-class~="-margin-16"][data-activate="true"] {
    margin: calc(-16 * var(--root-sizing));
}

[data-activate-class~="margin-18"][data-activate="true"] {
    margin: 18px;
}

[data-activate-class~="-margin-18"][data-activate="true"] {
    margin: calc(-18 * var(--root-sizing));
}

[data-activate-class~="margin-20"][data-activate="true"] {
    margin: 20px;
}

[data-activate-class~="-margin-20"][data-activate="true"] {
    margin: calc(-20 * var(--root-sizing));
}

[data-activate-class~="margin-22"][data-activate="true"] {
    margin: 22px;
}

[data-activate-class~="-margin-22"][data-activate="true"] {
    margin: calc(-22 * var(--root-sizing));
}

[data-activate-class~="margin-24"][data-activate="true"] {
    margin: 24px;
}

[data-activate-class~="-margin-24"][data-activate="true"] {
    margin: calc(-24 * var(--root-sizing));
}

[data-activate-class~="margin-30"][data-activate="true"] {
    margin: 30px;
}

[data-activate-class~="-margin-30"][data-activate="true"] {
    margin: calc(-30 * var(--root-sizing));
}

[data-activate-class~="margin-36"][data-activate="true"] {
    margin: 36px;
}

[data-activate-class~="-margin-36"][data-activate="true"] {
    margin: calc(-36 * var(--root-sizing));
}

[data-activate-class~="margin-48"][data-activate="true"] {
    margin: 48px;
}

[data-activate-class~="-margin-48"][data-activate="true"] {
    margin: calc(-48 * var(--root-sizing));
}

[data-activate-class~="margin-50"][data-activate="true"] {
    margin: 50px;
}

[data-activate-class~="-margin-50"][data-activate="true"] {
    margin: calc(-50 * var(--root-sizing));
}

[data-activate-class~="margin-56"][data-activate="true"] {
    margin: 56px;
}

[data-activate-class~="-margin-56"][data-activate="true"] {
    margin: calc(-56 * var(--root-sizing));
}

[data-activate-class~="margin-60"][data-activate="true"] {
    margin: 60px;
}

[data-activate-class~="-margin-60"][data-activate="true"] {
    margin: calc(-60 * var(--root-sizing));
}

[data-activate-class~="margin-72"][data-activate="true"] {
    margin: 72px;
}

[data-activate-class~="-margin-72"][data-activate="true"] {
    margin: calc(-72 * var(--root-sizing));
}

[data-activate-class~="margin-80"][data-activate="true"] {
    margin: 80px;
}

[data-activate-class~="-margin-80"][data-activate="true"] {
    margin: calc(-80 * var(--root-sizing));
}

[data-activate-class~="margin-96"][data-activate="true"] {
    margin: 96px;
}

[data-activate-class~="-margin-96"][data-activate="true"] {
    margin: calc(-96 * var(--root-sizing));
}

[data-activate-class~="margin-120"][data-activate="true"] {
    margin: 120px;
}

[data-activate-class~="-margin-120"][data-activate="true"] {
    margin: calc(-120 * var(--root-sizing));
}

[data-activate-class~="margin-180"][data-activate="true"] {
    margin: 180px;
}

[data-activate-class~="-margin-180"][data-activate="true"] {
    margin: calc(-180 * var(--root-sizing));
}

[data-activate-class~="margin-240"][data-activate="true"] {
    margin: 240px;
}

[data-activate-class~="-margin-240"][data-activate="true"] {
    margin: calc(-240 * var(--root-sizing));
}

[data-activate-class~="margin-320"][data-activate="true"] {
    margin: 320px;
}

[data-activate-class~="-margin-320"][data-activate="true"] {
    margin: calc(-320 * var(--root-sizing));
}

[data-activate-class~="margin-360"][data-activate="true"] {
    margin: 360px;
}

[data-activate-class~="-margin-360"][data-activate="true"] {
    margin: calc(-360 * var(--root-sizing));
}

[data-activate-class~="margin-left-auto"][data-activate="true"],
[data-activate-class~="margin-x-auto"][data-activate="true"] {
    margin-left: auto;
}

[data-activate-class~="margin-top-auto"][data-activate="true"],
[data-activate-class~="margin-y-auto"][data-activate="true"] {
    margin-top: auto;
}

[data-activate-class~="margin-right-auto"][data-activate="true"],
[data-activate-class~="margin-x-auto"][data-activate="true"] {
    margin-right: auto;
}

[data-activate-class~="margin-bottom-auto"][data-activate="true"],
[data-activate-class~="margin-y-auto"][data-activate="true"] {
    margin-bottom: auto;
}

[data-activate-class~="margin-left-0"][data-activate="true"],
[data-activate-class~="margin-x-0"][data-activate="true"] {
    margin-left: 0;
}

[data-activate-class~="-margin-left-0"][data-activate="true"],
[data-activate-class~="-margin-x-0"][data-activate="true"] {
    margin-left: calc(0 * var(--root-sizing));
}

[data-activate-class~="margin-top-0"][data-activate="true"],
[data-activate-class~="margin-y-0"][data-activate="true"] {
    margin-top: 0;
}

[data-activate-class~="-margin-top-0"][data-activate="true"],
[data-activate-class~="-margin-y-0"][data-activate="true"] {
    margin-top: calc(0 * var(--root-sizing));
}

[data-activate-class~="margin-right-0"][data-activate="true"],
[data-activate-class~="margin-x-0"][data-activate="true"] {
    margin-right: 0;
}

[data-activate-class~="-margin-right-0"][data-activate="true"],
[data-activate-class~="-margin-x-0"][data-activate="true"] {
    margin-right: calc(0 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-0"][data-activate="true"],
[data-activate-class~="margin-y-0"][data-activate="true"] {
    margin-bottom: 0;
}

[data-activate-class~="-margin-bottom-0"][data-activate="true"],
[data-activate-class~="-margin-y-0"][data-activate="true"] {
    margin-bottom: calc(0 * var(--root-sizing));
}

[data-activate-class~="margin-left-1"][data-activate="true"],
[data-activate-class~="margin-x-1"][data-activate="true"] {
    margin-left: 1px;
}

[data-activate-class~="-margin-left-1"][data-activate="true"],
[data-activate-class~="-margin-x-1"][data-activate="true"] {
    margin-left: calc(-1 * var(--root-sizing));
}

[data-activate-class~="margin-top-1"][data-activate="true"],
[data-activate-class~="margin-y-1"][data-activate="true"] {
    margin-top: 1px;
}

[data-activate-class~="-margin-top-1"][data-activate="true"],
[data-activate-class~="-margin-y-1"][data-activate="true"] {
    margin-top: calc(-1 * var(--root-sizing));
}

[data-activate-class~="margin-right-1"][data-activate="true"],
[data-activate-class~="margin-x-1"][data-activate="true"] {
    margin-right: 1px;
}

[data-activate-class~="-margin-right-1"][data-activate="true"],
[data-activate-class~="-margin-x-1"][data-activate="true"] {
    margin-right: calc(-1 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-1"][data-activate="true"],
[data-activate-class~="margin-y-1"][data-activate="true"] {
    margin-bottom: 1px;
}

[data-activate-class~="-margin-bottom-1"][data-activate="true"],
[data-activate-class~="-margin-y-1"][data-activate="true"] {
    margin-bottom: calc(-1 * var(--root-sizing));
}

[data-activate-class~="margin-left-2"][data-activate="true"],
[data-activate-class~="margin-x-2"][data-activate="true"] {
    margin-left: 2px;
}

[data-activate-class~="-margin-left-2"][data-activate="true"],
[data-activate-class~="-margin-x-2"][data-activate="true"] {
    margin-left: calc(-2 * var(--root-sizing));
}

[data-activate-class~="margin-top-2"][data-activate="true"],
[data-activate-class~="margin-y-2"][data-activate="true"] {
    margin-top: 2px;
}

[data-activate-class~="-margin-top-2"][data-activate="true"],
[data-activate-class~="-margin-y-2"][data-activate="true"] {
    margin-top: calc(-2 * var(--root-sizing));
}

[data-activate-class~="margin-right-2"][data-activate="true"],
[data-activate-class~="margin-x-2"][data-activate="true"] {
    margin-right: 2px;
}

[data-activate-class~="-margin-right-2"][data-activate="true"],
[data-activate-class~="-margin-x-2"][data-activate="true"] {
    margin-right: calc(-2 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-2"][data-activate="true"],
[data-activate-class~="margin-y-2"][data-activate="true"] {
    margin-bottom: 2px;
}

[data-activate-class~="-margin-bottom-2"][data-activate="true"],
[data-activate-class~="-margin-y-2"][data-activate="true"] {
    margin-bottom: calc(-2 * var(--root-sizing));
}

[data-activate-class~="margin-left-3"][data-activate="true"],
[data-activate-class~="margin-x-3"][data-activate="true"] {
    margin-left: 3px;
}

[data-activate-class~="-margin-left-3"][data-activate="true"],
[data-activate-class~="-margin-x-3"][data-activate="true"] {
    margin-left: calc(-3 * var(--root-sizing));
}

[data-activate-class~="margin-top-3"][data-activate="true"],
[data-activate-class~="margin-y-3"][data-activate="true"] {
    margin-top: 3px;
}

[data-activate-class~="-margin-top-3"][data-activate="true"],
[data-activate-class~="-margin-y-3"][data-activate="true"] {
    margin-top: calc(-3 * var(--root-sizing));
}

[data-activate-class~="margin-right-3"][data-activate="true"],
[data-activate-class~="margin-x-3"][data-activate="true"] {
    margin-right: 3px;
}

[data-activate-class~="-margin-right-3"][data-activate="true"],
[data-activate-class~="-margin-x-3"][data-activate="true"] {
    margin-right: calc(-3 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-3"][data-activate="true"],
[data-activate-class~="margin-y-3"][data-activate="true"] {
    margin-bottom: 3px;
}

[data-activate-class~="-margin-bottom-3"][data-activate="true"],
[data-activate-class~="-margin-y-3"][data-activate="true"] {
    margin-bottom: calc(-3 * var(--root-sizing));
}

[data-activate-class~="margin-left-4"][data-activate="true"],
[data-activate-class~="margin-x-4"][data-activate="true"] {
    margin-left: 4px;
}

[data-activate-class~="-margin-left-4"][data-activate="true"],
[data-activate-class~="-margin-x-4"][data-activate="true"] {
    margin-left: calc(-4 * var(--root-sizing));
}

[data-activate-class~="margin-top-4"][data-activate="true"],
[data-activate-class~="margin-y-4"][data-activate="true"] {
    margin-top: 4px;
}

[data-activate-class~="-margin-top-4"][data-activate="true"],
[data-activate-class~="-margin-y-4"][data-activate="true"] {
    margin-top: calc(-4 * var(--root-sizing));
}

[data-activate-class~="margin-right-4"][data-activate="true"],
[data-activate-class~="margin-x-4"][data-activate="true"] {
    margin-right: 4px;
}

[data-activate-class~="-margin-right-4"][data-activate="true"],
[data-activate-class~="-margin-x-4"][data-activate="true"] {
    margin-right: calc(-4 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-4"][data-activate="true"],
[data-activate-class~="margin-y-4"][data-activate="true"] {
    margin-bottom: 4px;
}

[data-activate-class~="-margin-bottom-4"][data-activate="true"],
[data-activate-class~="-margin-y-4"][data-activate="true"] {
    margin-bottom: calc(-4 * var(--root-sizing));
}

[data-activate-class~="margin-left-5"][data-activate="true"],
[data-activate-class~="margin-x-5"][data-activate="true"] {
    margin-left: 5px;
}

[data-activate-class~="-margin-left-5"][data-activate="true"],
[data-activate-class~="-margin-x-5"][data-activate="true"] {
    margin-left: calc(-5 * var(--root-sizing));
}

[data-activate-class~="margin-top-5"][data-activate="true"],
[data-activate-class~="margin-y-5"][data-activate="true"] {
    margin-top: 5px;
}

[data-activate-class~="-margin-top-5"][data-activate="true"],
[data-activate-class~="-margin-y-5"][data-activate="true"] {
    margin-top: calc(-5 * var(--root-sizing));
}

[data-activate-class~="margin-right-5"][data-activate="true"],
[data-activate-class~="margin-x-5"][data-activate="true"] {
    margin-right: 5px;
}

[data-activate-class~="-margin-right-5"][data-activate="true"],
[data-activate-class~="-margin-x-5"][data-activate="true"] {
    margin-right: calc(-5 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-5"][data-activate="true"],
[data-activate-class~="margin-y-5"][data-activate="true"] {
    margin-bottom: 5px;
}

[data-activate-class~="-margin-bottom-5"][data-activate="true"],
[data-activate-class~="-margin-y-5"][data-activate="true"] {
    margin-bottom: calc(-5 * var(--root-sizing));
}

[data-activate-class~="margin-left-6"][data-activate="true"],
[data-activate-class~="margin-x-6"][data-activate="true"] {
    margin-left: 6px;
}

[data-activate-class~="-margin-left-6"][data-activate="true"],
[data-activate-class~="-margin-x-6"][data-activate="true"] {
    margin-left: calc(-6 * var(--root-sizing));
}

[data-activate-class~="margin-top-6"][data-activate="true"],
[data-activate-class~="margin-y-6"][data-activate="true"] {
    margin-top: 6px;
}

[data-activate-class~="-margin-top-6"][data-activate="true"],
[data-activate-class~="-margin-y-6"][data-activate="true"] {
    margin-top: calc(-6 * var(--root-sizing));
}

[data-activate-class~="margin-right-6"][data-activate="true"],
[data-activate-class~="margin-x-6"][data-activate="true"] {
    margin-right: 6px;
}

[data-activate-class~="-margin-right-6"][data-activate="true"],
[data-activate-class~="-margin-x-6"][data-activate="true"] {
    margin-right: calc(-6 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-6"][data-activate="true"],
[data-activate-class~="margin-y-6"][data-activate="true"] {
    margin-bottom: 6px;
}

[data-activate-class~="-margin-bottom-6"][data-activate="true"],
[data-activate-class~="-margin-y-6"][data-activate="true"] {
    margin-bottom: calc(-6 * var(--root-sizing));
}

[data-activate-class~="margin-left-7"][data-activate="true"],
[data-activate-class~="margin-x-7"][data-activate="true"] {
    margin-left: 7px;
}

[data-activate-class~="-margin-left-7"][data-activate="true"],
[data-activate-class~="-margin-x-7"][data-activate="true"] {
    margin-left: calc(-7 * var(--root-sizing));
}

[data-activate-class~="margin-top-7"][data-activate="true"],
[data-activate-class~="margin-y-7"][data-activate="true"] {
    margin-top: 7px;
}

[data-activate-class~="-margin-top-7"][data-activate="true"],
[data-activate-class~="-margin-y-7"][data-activate="true"] {
    margin-top: calc(-7 * var(--root-sizing));
}

[data-activate-class~="margin-right-7"][data-activate="true"],
[data-activate-class~="margin-x-7"][data-activate="true"] {
    margin-right: 7px;
}

[data-activate-class~="-margin-right-7"][data-activate="true"],
[data-activate-class~="-margin-x-7"][data-activate="true"] {
    margin-right: calc(-7 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-7"][data-activate="true"],
[data-activate-class~="margin-y-7"][data-activate="true"] {
    margin-bottom: 7px;
}

[data-activate-class~="-margin-bottom-7"][data-activate="true"],
[data-activate-class~="-margin-y-7"][data-activate="true"] {
    margin-bottom: calc(-7 * var(--root-sizing));
}

[data-activate-class~="margin-left-8"][data-activate="true"],
[data-activate-class~="margin-x-8"][data-activate="true"] {
    margin-left: 8px;
}

[data-activate-class~="-margin-left-8"][data-activate="true"],
[data-activate-class~="-margin-x-8"][data-activate="true"] {
    margin-left: calc(-8 * var(--root-sizing));
}

[data-activate-class~="margin-top-8"][data-activate="true"],
[data-activate-class~="margin-y-8"][data-activate="true"] {
    margin-top: 8px;
}

[data-activate-class~="-margin-top-8"][data-activate="true"],
[data-activate-class~="-margin-y-8"][data-activate="true"] {
    margin-top: calc(-8 * var(--root-sizing));
}

[data-activate-class~="margin-right-8"][data-activate="true"],
[data-activate-class~="margin-x-8"][data-activate="true"] {
    margin-right: 8px;
}

[data-activate-class~="-margin-right-8"][data-activate="true"],
[data-activate-class~="-margin-x-8"][data-activate="true"] {
    margin-right: calc(-8 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-8"][data-activate="true"],
[data-activate-class~="margin-y-8"][data-activate="true"] {
    margin-bottom: 8px;
}

[data-activate-class~="-margin-bottom-8"][data-activate="true"],
[data-activate-class~="-margin-y-8"][data-activate="true"] {
    margin-bottom: calc(-8 * var(--root-sizing));
}

[data-activate-class~="margin-left-9"][data-activate="true"],
[data-activate-class~="margin-x-9"][data-activate="true"] {
    margin-left: 9px;
}

[data-activate-class~="-margin-left-9"][data-activate="true"],
[data-activate-class~="-margin-x-9"][data-activate="true"] {
    margin-left: calc(-9 * var(--root-sizing));
}

[data-activate-class~="margin-top-9"][data-activate="true"],
[data-activate-class~="margin-y-9"][data-activate="true"] {
    margin-top: 9px;
}

[data-activate-class~="-margin-top-9"][data-activate="true"],
[data-activate-class~="-margin-y-9"][data-activate="true"] {
    margin-top: calc(-9 * var(--root-sizing));
}

[data-activate-class~="margin-right-9"][data-activate="true"],
[data-activate-class~="margin-x-9"][data-activate="true"] {
    margin-right: 9px;
}

[data-activate-class~="-margin-right-9"][data-activate="true"],
[data-activate-class~="-margin-x-9"][data-activate="true"] {
    margin-right: calc(-9 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-9"][data-activate="true"],
[data-activate-class~="margin-y-9"][data-activate="true"] {
    margin-bottom: 9px;
}

[data-activate-class~="-margin-bottom-9"][data-activate="true"],
[data-activate-class~="-margin-y-9"][data-activate="true"] {
    margin-bottom: calc(-9 * var(--root-sizing));
}

[data-activate-class~="margin-left-10"][data-activate="true"],
[data-activate-class~="margin-x-10"][data-activate="true"] {
    margin-left: 10px;
}

[data-activate-class~="-margin-left-10"][data-activate="true"],
[data-activate-class~="-margin-x-10"][data-activate="true"] {
    margin-left: calc(-10 * var(--root-sizing));
}

[data-activate-class~="margin-top-10"][data-activate="true"],
[data-activate-class~="margin-y-10"][data-activate="true"] {
    margin-top: 10px;
}

[data-activate-class~="-margin-top-10"][data-activate="true"],
[data-activate-class~="-margin-y-10"][data-activate="true"] {
    margin-top: calc(-10 * var(--root-sizing));
}

[data-activate-class~="margin-right-10"][data-activate="true"],
[data-activate-class~="margin-x-10"][data-activate="true"] {
    margin-right: 10px;
}

[data-activate-class~="-margin-right-10"][data-activate="true"],
[data-activate-class~="-margin-x-10"][data-activate="true"] {
    margin-right: calc(-10 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-10"][data-activate="true"],
[data-activate-class~="margin-y-10"][data-activate="true"] {
    margin-bottom: 10px;
}

[data-activate-class~="-margin-bottom-10"][data-activate="true"],
[data-activate-class~="-margin-y-10"][data-activate="true"] {
    margin-bottom: calc(-10 * var(--root-sizing));
}

[data-activate-class~="margin-left-11"][data-activate="true"],
[data-activate-class~="margin-x-11"][data-activate="true"] {
    margin-left: 11px;
}

[data-activate-class~="-margin-left-11"][data-activate="true"],
[data-activate-class~="-margin-x-11"][data-activate="true"] {
    margin-left: calc(-11 * var(--root-sizing));
}

[data-activate-class~="margin-top-11"][data-activate="true"],
[data-activate-class~="margin-y-11"][data-activate="true"] {
    margin-top: 11px;
}

[data-activate-class~="-margin-top-11"][data-activate="true"],
[data-activate-class~="-margin-y-11"][data-activate="true"] {
    margin-top: calc(-11 * var(--root-sizing));
}

[data-activate-class~="margin-right-11"][data-activate="true"],
[data-activate-class~="margin-x-11"][data-activate="true"] {
    margin-right: 11px;
}

[data-activate-class~="-margin-right-11"][data-activate="true"],
[data-activate-class~="-margin-x-11"][data-activate="true"] {
    margin-right: calc(-11 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-11"][data-activate="true"],
[data-activate-class~="margin-y-11"][data-activate="true"] {
    margin-bottom: 11px;
}

[data-activate-class~="-margin-bottom-11"][data-activate="true"],
[data-activate-class~="-margin-y-11"][data-activate="true"] {
    margin-bottom: calc(-11 * var(--root-sizing));
}

[data-activate-class~="margin-left-12"][data-activate="true"],
[data-activate-class~="margin-x-12"][data-activate="true"] {
    margin-left: 12px;
}

[data-activate-class~="-margin-left-12"][data-activate="true"],
[data-activate-class~="-margin-x-12"][data-activate="true"] {
    margin-left: calc(-12 * var(--root-sizing));
}

[data-activate-class~="margin-top-12"][data-activate="true"],
[data-activate-class~="margin-y-12"][data-activate="true"] {
    margin-top: 12px;
}

[data-activate-class~="-margin-top-12"][data-activate="true"],
[data-activate-class~="-margin-y-12"][data-activate="true"] {
    margin-top: calc(-12 * var(--root-sizing));
}

[data-activate-class~="margin-right-12"][data-activate="true"],
[data-activate-class~="margin-x-12"][data-activate="true"] {
    margin-right: 12px;
}

[data-activate-class~="-margin-right-12"][data-activate="true"],
[data-activate-class~="-margin-x-12"][data-activate="true"] {
    margin-right: calc(-12 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-12"][data-activate="true"],
[data-activate-class~="margin-y-12"][data-activate="true"] {
    margin-bottom: 12px;
}

[data-activate-class~="-margin-bottom-12"][data-activate="true"],
[data-activate-class~="-margin-y-12"][data-activate="true"] {
    margin-bottom: calc(-12 * var(--root-sizing));
}

[data-activate-class~="margin-left-14"][data-activate="true"],
[data-activate-class~="margin-x-14"][data-activate="true"] {
    margin-left: 14px;
}

[data-activate-class~="-margin-left-14"][data-activate="true"],
[data-activate-class~="-margin-x-14"][data-activate="true"] {
    margin-left: calc(-14 * var(--root-sizing));
}

[data-activate-class~="margin-top-14"][data-activate="true"],
[data-activate-class~="margin-y-14"][data-activate="true"] {
    margin-top: 14px;
}

[data-activate-class~="-margin-top-14"][data-activate="true"],
[data-activate-class~="-margin-y-14"][data-activate="true"] {
    margin-top: calc(-14 * var(--root-sizing));
}

[data-activate-class~="margin-right-14"][data-activate="true"],
[data-activate-class~="margin-x-14"][data-activate="true"] {
    margin-right: 14px;
}

[data-activate-class~="-margin-right-14"][data-activate="true"],
[data-activate-class~="-margin-x-14"][data-activate="true"] {
    margin-right: calc(-14 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-14"][data-activate="true"],
[data-activate-class~="margin-y-14"][data-activate="true"] {
    margin-bottom: 14px;
}

[data-activate-class~="-margin-bottom-14"][data-activate="true"],
[data-activate-class~="-margin-y-14"][data-activate="true"] {
    margin-bottom: calc(-14 * var(--root-sizing));
}

[data-activate-class~="margin-left-16"][data-activate="true"],
[data-activate-class~="margin-x-16"][data-activate="true"] {
    margin-left: 16px;
}

[data-activate-class~="-margin-left-16"][data-activate="true"],
[data-activate-class~="-margin-x-16"][data-activate="true"] {
    margin-left: calc(-16 * var(--root-sizing));
}

[data-activate-class~="margin-top-16"][data-activate="true"],
[data-activate-class~="margin-y-16"][data-activate="true"] {
    margin-top: 16px;
}

[data-activate-class~="-margin-top-16"][data-activate="true"],
[data-activate-class~="-margin-y-16"][data-activate="true"] {
    margin-top: calc(-16 * var(--root-sizing));
}

[data-activate-class~="margin-right-16"][data-activate="true"],
[data-activate-class~="margin-x-16"][data-activate="true"] {
    margin-right: 16px;
}

[data-activate-class~="-margin-right-16"][data-activate="true"],
[data-activate-class~="-margin-x-16"][data-activate="true"] {
    margin-right: calc(-16 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-16"][data-activate="true"],
[data-activate-class~="margin-y-16"][data-activate="true"] {
    margin-bottom: 16px;
}

[data-activate-class~="-margin-bottom-16"][data-activate="true"],
[data-activate-class~="-margin-y-16"][data-activate="true"] {
    margin-bottom: calc(-16 * var(--root-sizing));
}

[data-activate-class~="margin-left-18"][data-activate="true"],
[data-activate-class~="margin-x-18"][data-activate="true"] {
    margin-left: 18px;
}

[data-activate-class~="-margin-left-18"][data-activate="true"],
[data-activate-class~="-margin-x-18"][data-activate="true"] {
    margin-left: calc(-18 * var(--root-sizing));
}

[data-activate-class~="margin-top-18"][data-activate="true"],
[data-activate-class~="margin-y-18"][data-activate="true"] {
    margin-top: 18px;
}

[data-activate-class~="-margin-top-18"][data-activate="true"],
[data-activate-class~="-margin-y-18"][data-activate="true"] {
    margin-top: calc(-18 * var(--root-sizing));
}

[data-activate-class~="margin-right-18"][data-activate="true"],
[data-activate-class~="margin-x-18"][data-activate="true"] {
    margin-right: 18px;
}

[data-activate-class~="-margin-right-18"][data-activate="true"],
[data-activate-class~="-margin-x-18"][data-activate="true"] {
    margin-right: calc(-18 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-18"][data-activate="true"],
[data-activate-class~="margin-y-18"][data-activate="true"] {
    margin-bottom: 18px;
}

[data-activate-class~="-margin-bottom-18"][data-activate="true"],
[data-activate-class~="-margin-y-18"][data-activate="true"] {
    margin-bottom: calc(-18 * var(--root-sizing));
}

[data-activate-class~="margin-left-20"][data-activate="true"],
[data-activate-class~="margin-x-20"][data-activate="true"] {
    margin-left: 20px;
}

[data-activate-class~="-margin-left-20"][data-activate="true"],
[data-activate-class~="-margin-x-20"][data-activate="true"] {
    margin-left: calc(-20 * var(--root-sizing));
}

[data-activate-class~="margin-top-20"][data-activate="true"],
[data-activate-class~="margin-y-20"][data-activate="true"] {
    margin-top: 20px;
}

[data-activate-class~="-margin-top-20"][data-activate="true"],
[data-activate-class~="-margin-y-20"][data-activate="true"] {
    margin-top: calc(-20 * var(--root-sizing));
}

[data-activate-class~="margin-right-20"][data-activate="true"],
[data-activate-class~="margin-x-20"][data-activate="true"] {
    margin-right: 20px;
}

[data-activate-class~="-margin-right-20"][data-activate="true"],
[data-activate-class~="-margin-x-20"][data-activate="true"] {
    margin-right: calc(-20 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-20"][data-activate="true"],
[data-activate-class~="margin-y-20"][data-activate="true"] {
    margin-bottom: 20px;
}

[data-activate-class~="-margin-bottom-20"][data-activate="true"],
[data-activate-class~="-margin-y-20"][data-activate="true"] {
    margin-bottom: calc(-20 * var(--root-sizing));
}

[data-activate-class~="margin-left-22"][data-activate="true"],
[data-activate-class~="margin-x-22"][data-activate="true"] {
    margin-left: 22px;
}

[data-activate-class~="-margin-left-22"][data-activate="true"],
[data-activate-class~="-margin-x-22"][data-activate="true"] {
    margin-left: calc(-22 * var(--root-sizing));
}

[data-activate-class~="margin-top-22"][data-activate="true"],
[data-activate-class~="margin-y-22"][data-activate="true"] {
    margin-top: 22px;
}

[data-activate-class~="-margin-top-22"][data-activate="true"],
[data-activate-class~="-margin-y-22"][data-activate="true"] {
    margin-top: calc(-22 * var(--root-sizing));
}

[data-activate-class~="margin-right-22"][data-activate="true"],
[data-activate-class~="margin-x-22"][data-activate="true"] {
    margin-right: 22px;
}

[data-activate-class~="-margin-right-22"][data-activate="true"],
[data-activate-class~="-margin-x-22"][data-activate="true"] {
    margin-right: calc(-22 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-22"][data-activate="true"],
[data-activate-class~="margin-y-22"][data-activate="true"] {
    margin-bottom: 22px;
}

[data-activate-class~="-margin-bottom-22"][data-activate="true"],
[data-activate-class~="-margin-y-22"][data-activate="true"] {
    margin-bottom: calc(-22 * var(--root-sizing));
}

[data-activate-class~="margin-left-24"][data-activate="true"],
[data-activate-class~="margin-x-24"][data-activate="true"] {
    margin-left: 24px;
}

[data-activate-class~="-margin-left-24"][data-activate="true"],
[data-activate-class~="-margin-x-24"][data-activate="true"] {
    margin-left: calc(-24 * var(--root-sizing));
}

[data-activate-class~="margin-top-24"][data-activate="true"],
[data-activate-class~="margin-y-24"][data-activate="true"] {
    margin-top: 24px;
}

[data-activate-class~="-margin-top-24"][data-activate="true"],
[data-activate-class~="-margin-y-24"][data-activate="true"] {
    margin-top: calc(-24 * var(--root-sizing));
}

[data-activate-class~="margin-right-24"][data-activate="true"],
[data-activate-class~="margin-x-24"][data-activate="true"] {
    margin-right: 24px;
}

[data-activate-class~="-margin-right-24"][data-activate="true"],
[data-activate-class~="-margin-x-24"][data-activate="true"] {
    margin-right: calc(-24 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-24"][data-activate="true"],
[data-activate-class~="margin-y-24"][data-activate="true"] {
    margin-bottom: 24px;
}

[data-activate-class~="-margin-bottom-24"][data-activate="true"],
[data-activate-class~="-margin-y-24"][data-activate="true"] {
    margin-bottom: calc(-24 * var(--root-sizing));
}

[data-activate-class~="margin-left-30"][data-activate="true"],
[data-activate-class~="margin-x-30"][data-activate="true"] {
    margin-left: 30px;
}

[data-activate-class~="-margin-left-30"][data-activate="true"],
[data-activate-class~="-margin-x-30"][data-activate="true"] {
    margin-left: calc(-30 * var(--root-sizing));
}

[data-activate-class~="margin-top-30"][data-activate="true"],
[data-activate-class~="margin-y-30"][data-activate="true"] {
    margin-top: 30px;
}

[data-activate-class~="-margin-top-30"][data-activate="true"],
[data-activate-class~="-margin-y-30"][data-activate="true"] {
    margin-top: calc(-30 * var(--root-sizing));
}

[data-activate-class~="margin-right-30"][data-activate="true"],
[data-activate-class~="margin-x-30"][data-activate="true"] {
    margin-right: 30px;
}

[data-activate-class~="-margin-right-30"][data-activate="true"],
[data-activate-class~="-margin-x-30"][data-activate="true"] {
    margin-right: calc(-30 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-30"][data-activate="true"],
[data-activate-class~="margin-y-30"][data-activate="true"] {
    margin-bottom: 30px;
}

[data-activate-class~="-margin-bottom-30"][data-activate="true"],
[data-activate-class~="-margin-y-30"][data-activate="true"] {
    margin-bottom: calc(-30 * var(--root-sizing));
}

[data-activate-class~="margin-left-36"][data-activate="true"],
[data-activate-class~="margin-x-36"][data-activate="true"] {
    margin-left: 36px;
}

[data-activate-class~="-margin-left-36"][data-activate="true"],
[data-activate-class~="-margin-x-36"][data-activate="true"] {
    margin-left: calc(-36 * var(--root-sizing));
}

[data-activate-class~="margin-top-36"][data-activate="true"],
[data-activate-class~="margin-y-36"][data-activate="true"] {
    margin-top: 36px;
}

[data-activate-class~="-margin-top-36"][data-activate="true"],
[data-activate-class~="-margin-y-36"][data-activate="true"] {
    margin-top: calc(-36 * var(--root-sizing));
}

[data-activate-class~="margin-right-36"][data-activate="true"],
[data-activate-class~="margin-x-36"][data-activate="true"] {
    margin-right: 36px;
}

[data-activate-class~="-margin-right-36"][data-activate="true"],
[data-activate-class~="-margin-x-36"][data-activate="true"] {
    margin-right: calc(-36 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-36"][data-activate="true"],
[data-activate-class~="margin-y-36"][data-activate="true"] {
    margin-bottom: 36px;
}

[data-activate-class~="-margin-bottom-36"][data-activate="true"],
[data-activate-class~="-margin-y-36"][data-activate="true"] {
    margin-bottom: calc(-36 * var(--root-sizing));
}

[data-activate-class~="margin-left-48"][data-activate="true"],
[data-activate-class~="margin-x-48"][data-activate="true"] {
    margin-left: 48px;
}

[data-activate-class~="-margin-left-48"][data-activate="true"],
[data-activate-class~="-margin-x-48"][data-activate="true"] {
    margin-left: calc(-48 * var(--root-sizing));
}

[data-activate-class~="margin-top-48"][data-activate="true"],
[data-activate-class~="margin-y-48"][data-activate="true"] {
    margin-top: 48px;
}

[data-activate-class~="-margin-top-48"][data-activate="true"],
[data-activate-class~="-margin-y-48"][data-activate="true"] {
    margin-top: calc(-48 * var(--root-sizing));
}

[data-activate-class~="margin-right-48"][data-activate="true"],
[data-activate-class~="margin-x-48"][data-activate="true"] {
    margin-right: 48px;
}

[data-activate-class~="-margin-right-48"][data-activate="true"],
[data-activate-class~="-margin-x-48"][data-activate="true"] {
    margin-right: calc(-48 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-48"][data-activate="true"],
[data-activate-class~="margin-y-48"][data-activate="true"] {
    margin-bottom: 48px;
}

[data-activate-class~="-margin-bottom-48"][data-activate="true"],
[data-activate-class~="-margin-y-48"][data-activate="true"] {
    margin-bottom: calc(-48 * var(--root-sizing));
}

[data-activate-class~="margin-left-50"][data-activate="true"],
[data-activate-class~="margin-x-50"][data-activate="true"] {
    margin-left: 50px;
}

[data-activate-class~="-margin-left-50"][data-activate="true"],
[data-activate-class~="-margin-x-50"][data-activate="true"] {
    margin-left: calc(-50 * var(--root-sizing));
}

[data-activate-class~="margin-top-50"][data-activate="true"],
[data-activate-class~="margin-y-50"][data-activate="true"] {
    margin-top: 50px;
}

[data-activate-class~="-margin-top-50"][data-activate="true"],
[data-activate-class~="-margin-y-50"][data-activate="true"] {
    margin-top: calc(-50 * var(--root-sizing));
}

[data-activate-class~="margin-right-50"][data-activate="true"],
[data-activate-class~="margin-x-50"][data-activate="true"] {
    margin-right: 50px;
}

[data-activate-class~="-margin-right-50"][data-activate="true"],
[data-activate-class~="-margin-x-50"][data-activate="true"] {
    margin-right: calc(-50 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-50"][data-activate="true"],
[data-activate-class~="margin-y-50"][data-activate="true"] {
    margin-bottom: 50px;
}

[data-activate-class~="-margin-bottom-50"][data-activate="true"],
[data-activate-class~="-margin-y-50"][data-activate="true"] {
    margin-bottom: calc(-50 * var(--root-sizing));
}

[data-activate-class~="margin-left-56"][data-activate="true"],
[data-activate-class~="margin-x-56"][data-activate="true"] {
    margin-left: 56px;
}

[data-activate-class~="-margin-left-56"][data-activate="true"],
[data-activate-class~="-margin-x-56"][data-activate="true"] {
    margin-left: calc(-56 * var(--root-sizing));
}

[data-activate-class~="margin-top-56"][data-activate="true"],
[data-activate-class~="margin-y-56"][data-activate="true"] {
    margin-top: 56px;
}

[data-activate-class~="-margin-top-56"][data-activate="true"],
[data-activate-class~="-margin-y-56"][data-activate="true"] {
    margin-top: calc(-56 * var(--root-sizing));
}

[data-activate-class~="margin-right-56"][data-activate="true"],
[data-activate-class~="margin-x-56"][data-activate="true"] {
    margin-right: 56px;
}

[data-activate-class~="-margin-right-56"][data-activate="true"],
[data-activate-class~="-margin-x-56"][data-activate="true"] {
    margin-right: calc(-56 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-56"][data-activate="true"],
[data-activate-class~="margin-y-56"][data-activate="true"] {
    margin-bottom: 56px;
}

[data-activate-class~="-margin-bottom-56"][data-activate="true"],
[data-activate-class~="-margin-y-56"][data-activate="true"] {
    margin-bottom: calc(-56 * var(--root-sizing));
}

[data-activate-class~="margin-left-60"][data-activate="true"],
[data-activate-class~="margin-x-60"][data-activate="true"] {
    margin-left: 60px;
}

[data-activate-class~="-margin-left-60"][data-activate="true"],
[data-activate-class~="-margin-x-60"][data-activate="true"] {
    margin-left: calc(-60 * var(--root-sizing));
}

[data-activate-class~="margin-top-60"][data-activate="true"],
[data-activate-class~="margin-y-60"][data-activate="true"] {
    margin-top: 60px;
}

[data-activate-class~="-margin-top-60"][data-activate="true"],
[data-activate-class~="-margin-y-60"][data-activate="true"] {
    margin-top: calc(-60 * var(--root-sizing));
}

[data-activate-class~="margin-right-60"][data-activate="true"],
[data-activate-class~="margin-x-60"][data-activate="true"] {
    margin-right: 60px;
}

[data-activate-class~="-margin-right-60"][data-activate="true"],
[data-activate-class~="-margin-x-60"][data-activate="true"] {
    margin-right: calc(-60 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-60"][data-activate="true"],
[data-activate-class~="margin-y-60"][data-activate="true"] {
    margin-bottom: 60px;
}

[data-activate-class~="-margin-bottom-60"][data-activate="true"],
[data-activate-class~="-margin-y-60"][data-activate="true"] {
    margin-bottom: calc(-60 * var(--root-sizing));
}

[data-activate-class~="margin-left-72"][data-activate="true"],
[data-activate-class~="margin-x-72"][data-activate="true"] {
    margin-left: 72px;
}

[data-activate-class~="-margin-left-72"][data-activate="true"],
[data-activate-class~="-margin-x-72"][data-activate="true"] {
    margin-left: calc(-72 * var(--root-sizing));
}

[data-activate-class~="margin-top-72"][data-activate="true"],
[data-activate-class~="margin-y-72"][data-activate="true"] {
    margin-top: 72px;
}

[data-activate-class~="-margin-top-72"][data-activate="true"],
[data-activate-class~="-margin-y-72"][data-activate="true"] {
    margin-top: calc(-72 * var(--root-sizing));
}

[data-activate-class~="margin-right-72"][data-activate="true"],
[data-activate-class~="margin-x-72"][data-activate="true"] {
    margin-right: 72px;
}

[data-activate-class~="-margin-right-72"][data-activate="true"],
[data-activate-class~="-margin-x-72"][data-activate="true"] {
    margin-right: calc(-72 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-72"][data-activate="true"],
[data-activate-class~="margin-y-72"][data-activate="true"] {
    margin-bottom: 72px;
}

[data-activate-class~="-margin-bottom-72"][data-activate="true"],
[data-activate-class~="-margin-y-72"][data-activate="true"] {
    margin-bottom: calc(-72 * var(--root-sizing));
}

[data-activate-class~="margin-left-80"][data-activate="true"],
[data-activate-class~="margin-x-80"][data-activate="true"] {
    margin-left: 80px;
}

[data-activate-class~="-margin-left-80"][data-activate="true"],
[data-activate-class~="-margin-x-80"][data-activate="true"] {
    margin-left: calc(-80 * var(--root-sizing));
}

[data-activate-class~="margin-top-80"][data-activate="true"],
[data-activate-class~="margin-y-80"][data-activate="true"] {
    margin-top: 80px;
}

[data-activate-class~="-margin-top-80"][data-activate="true"],
[data-activate-class~="-margin-y-80"][data-activate="true"] {
    margin-top: calc(-80 * var(--root-sizing));
}

[data-activate-class~="margin-right-80"][data-activate="true"],
[data-activate-class~="margin-x-80"][data-activate="true"] {
    margin-right: 80px;
}

[data-activate-class~="-margin-right-80"][data-activate="true"],
[data-activate-class~="-margin-x-80"][data-activate="true"] {
    margin-right: calc(-80 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-80"][data-activate="true"],
[data-activate-class~="margin-y-80"][data-activate="true"] {
    margin-bottom: 80px;
}

[data-activate-class~="-margin-bottom-80"][data-activate="true"],
[data-activate-class~="-margin-y-80"][data-activate="true"] {
    margin-bottom: calc(-80 * var(--root-sizing));
}

[data-activate-class~="margin-left-96"][data-activate="true"],
[data-activate-class~="margin-x-96"][data-activate="true"] {
    margin-left: 96px;
}

[data-activate-class~="-margin-left-96"][data-activate="true"],
[data-activate-class~="-margin-x-96"][data-activate="true"] {
    margin-left: calc(-96 * var(--root-sizing));
}

[data-activate-class~="margin-top-96"][data-activate="true"],
[data-activate-class~="margin-y-96"][data-activate="true"] {
    margin-top: 96px;
}

[data-activate-class~="-margin-top-96"][data-activate="true"],
[data-activate-class~="-margin-y-96"][data-activate="true"] {
    margin-top: calc(-96 * var(--root-sizing));
}

[data-activate-class~="margin-right-96"][data-activate="true"],
[data-activate-class~="margin-x-96"][data-activate="true"] {
    margin-right: 96px;
}

[data-activate-class~="-margin-right-96"][data-activate="true"],
[data-activate-class~="-margin-x-96"][data-activate="true"] {
    margin-right: calc(-96 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-96"][data-activate="true"],
[data-activate-class~="margin-y-96"][data-activate="true"] {
    margin-bottom: 96px;
}

[data-activate-class~="-margin-bottom-96"][data-activate="true"],
[data-activate-class~="-margin-y-96"][data-activate="true"] {
    margin-bottom: calc(-96 * var(--root-sizing));
}

[data-activate-class~="margin-left-120"][data-activate="true"],
[data-activate-class~="margin-x-120"][data-activate="true"] {
    margin-left: 120px;
}

[data-activate-class~="-margin-left-120"][data-activate="true"],
[data-activate-class~="-margin-x-120"][data-activate="true"] {
    margin-left: calc(-120 * var(--root-sizing));
}

[data-activate-class~="margin-top-120"][data-activate="true"],
[data-activate-class~="margin-y-120"][data-activate="true"] {
    margin-top: 120px;
}

[data-activate-class~="-margin-top-120"][data-activate="true"],
[data-activate-class~="-margin-y-120"][data-activate="true"] {
    margin-top: calc(-120 * var(--root-sizing));
}

[data-activate-class~="margin-right-120"][data-activate="true"],
[data-activate-class~="margin-x-120"][data-activate="true"] {
    margin-right: 120px;
}

[data-activate-class~="-margin-right-120"][data-activate="true"],
[data-activate-class~="-margin-x-120"][data-activate="true"] {
    margin-right: calc(-120 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-120"][data-activate="true"],
[data-activate-class~="margin-y-120"][data-activate="true"] {
    margin-bottom: 120px;
}

[data-activate-class~="-margin-bottom-120"][data-activate="true"],
[data-activate-class~="-margin-y-120"][data-activate="true"] {
    margin-bottom: calc(-120 * var(--root-sizing));
}

[data-activate-class~="margin-left-180"][data-activate="true"],
[data-activate-class~="margin-x-180"][data-activate="true"] {
    margin-left: 180px;
}

[data-activate-class~="-margin-left-180"][data-activate="true"],
[data-activate-class~="-margin-x-180"][data-activate="true"] {
    margin-left: calc(-180 * var(--root-sizing));
}

[data-activate-class~="margin-top-180"][data-activate="true"],
[data-activate-class~="margin-y-180"][data-activate="true"] {
    margin-top: 180px;
}

[data-activate-class~="-margin-top-180"][data-activate="true"],
[data-activate-class~="-margin-y-180"][data-activate="true"] {
    margin-top: calc(-180 * var(--root-sizing));
}

[data-activate-class~="margin-right-180"][data-activate="true"],
[data-activate-class~="margin-x-180"][data-activate="true"] {
    margin-right: 180px;
}

[data-activate-class~="-margin-right-180"][data-activate="true"],
[data-activate-class~="-margin-x-180"][data-activate="true"] {
    margin-right: calc(-180 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-180"][data-activate="true"],
[data-activate-class~="margin-y-180"][data-activate="true"] {
    margin-bottom: 180px;
}

[data-activate-class~="-margin-bottom-180"][data-activate="true"],
[data-activate-class~="-margin-y-180"][data-activate="true"] {
    margin-bottom: calc(-180 * var(--root-sizing));
}

[data-activate-class~="margin-left-240"][data-activate="true"],
[data-activate-class~="margin-x-240"][data-activate="true"] {
    margin-left: 240px;
}

[data-activate-class~="-margin-left-240"][data-activate="true"],
[data-activate-class~="-margin-x-240"][data-activate="true"] {
    margin-left: calc(-240 * var(--root-sizing));
}

[data-activate-class~="margin-top-240"][data-activate="true"],
[data-activate-class~="margin-y-240"][data-activate="true"] {
    margin-top: 240px;
}

[data-activate-class~="-margin-top-240"][data-activate="true"],
[data-activate-class~="-margin-y-240"][data-activate="true"] {
    margin-top: calc(-240 * var(--root-sizing));
}

[data-activate-class~="margin-right-240"][data-activate="true"],
[data-activate-class~="margin-x-240"][data-activate="true"] {
    margin-right: 240px;
}

[data-activate-class~="-margin-right-240"][data-activate="true"],
[data-activate-class~="-margin-x-240"][data-activate="true"] {
    margin-right: calc(-240 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-240"][data-activate="true"],
[data-activate-class~="margin-y-240"][data-activate="true"] {
    margin-bottom: 240px;
}

[data-activate-class~="-margin-bottom-240"][data-activate="true"],
[data-activate-class~="-margin-y-240"][data-activate="true"] {
    margin-bottom: calc(-240 * var(--root-sizing));
}

[data-activate-class~="margin-left-320"][data-activate="true"],
[data-activate-class~="margin-x-320"][data-activate="true"] {
    margin-left: 320px;
}

[data-activate-class~="-margin-left-320"][data-activate="true"],
[data-activate-class~="-margin-x-320"][data-activate="true"] {
    margin-left: calc(-320 * var(--root-sizing));
}

[data-activate-class~="margin-top-320"][data-activate="true"],
[data-activate-class~="margin-y-320"][data-activate="true"] {
    margin-top: 320px;
}

[data-activate-class~="-margin-top-320"][data-activate="true"],
[data-activate-class~="-margin-y-320"][data-activate="true"] {
    margin-top: calc(-320 * var(--root-sizing));
}

[data-activate-class~="margin-right-320"][data-activate="true"],
[data-activate-class~="margin-x-320"][data-activate="true"] {
    margin-right: 320px;
}

[data-activate-class~="-margin-right-320"][data-activate="true"],
[data-activate-class~="-margin-x-320"][data-activate="true"] {
    margin-right: calc(-320 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-320"][data-activate="true"],
[data-activate-class~="margin-y-320"][data-activate="true"] {
    margin-bottom: 320px;
}

[data-activate-class~="-margin-bottom-320"][data-activate="true"],
[data-activate-class~="-margin-y-320"][data-activate="true"] {
    margin-bottom: calc(-320 * var(--root-sizing));
}

[data-activate-class~="margin-left-360"][data-activate="true"],
[data-activate-class~="margin-x-360"][data-activate="true"] {
    margin-left: 360px;
}

[data-activate-class~="-margin-left-360"][data-activate="true"],
[data-activate-class~="-margin-x-360"][data-activate="true"] {
    margin-left: calc(-360 * var(--root-sizing));
}

[data-activate-class~="margin-top-360"][data-activate="true"],
[data-activate-class~="margin-y-360"][data-activate="true"] {
    margin-top: 360px;
}

[data-activate-class~="-margin-top-360"][data-activate="true"],
[data-activate-class~="-margin-y-360"][data-activate="true"] {
    margin-top: calc(-360 * var(--root-sizing));
}

[data-activate-class~="margin-right-360"][data-activate="true"],
[data-activate-class~="margin-x-360"][data-activate="true"] {
    margin-right: 360px;
}

[data-activate-class~="-margin-right-360"][data-activate="true"],
[data-activate-class~="-margin-x-360"][data-activate="true"] {
    margin-right: calc(-360 * var(--root-sizing));
}

[data-activate-class~="margin-bottom-360"][data-activate="true"],
[data-activate-class~="margin-y-360"][data-activate="true"] {
    margin-bottom: 360px;
}

[data-activate-class~="-margin-bottom-360"][data-activate="true"],
[data-activate-class~="-margin-y-360"][data-activate="true"] {
    margin-bottom: calc(-360 * var(--root-sizing));
}

[data-activate-class~="-margin-top-1\/4"][data-activate="true"],
[data-activate-class~="-margin-top-25-percent"][data-activate="true"] {
    margin-top: -25%;
}

[data-activate-class~="-margin-right-1\/4"][data-activate="true"],
[data-activate-class~="-margin-right-25-percent"][data-activate="true"] {
    margin-right: -25%;
}

[data-activate-class~="-margin-bottom-1\/4"][data-activate="true"],
[data-activate-class~="-margin-bottom-25-percent"][data-activate="true"] {
    margin-bottom: -25%;
}

[data-activate-class~="-margin-left-1\/4"][data-activate="true"],
[data-activate-class~="-margin-left-25-percent"][data-activate="true"] {
    margin-left: -25%;
}

[data-activate-class~="-margin-top-1\/3"][data-activate="true"] {
    margin-top: -33%;
}

[data-activate-class~="-margin-right-1\/3"][data-activate="true"] {
    margin-right: -33%;
}

[data-activate-class~="-margin-bottom-1\/3"][data-activate="true"] {
    margin-bottom: -33%;
}

[data-activate-class~="-margin-left-1\/3"][data-activate="true"] {
    margin-left: -33%;
}

[data-activate-class~="-margin-top-1\/2"][data-activate="true"],
[data-activate-class~="-margin-top-2\/4"][data-activate="true"],
[data-activate-class~="-margin-top-50-percent"][data-activate="true"],
[data-activate-class~="-margin-top-half"][data-activate="true"] {
    margin-top: -50%;
}

[data-activate-class~="-margin-right-1\/2"][data-activate="true"],
[data-activate-class~="-margin-right-2\/4"][data-activate="true"],
[data-activate-class~="-margin-right-50-percent"][data-activate="true"],
[data-activate-class~="-margin-right-half"][data-activate="true"] {
    margin-right: -50%;
}

[data-activate-class~="-margin-bottom-1\/2"][data-activate="true"],
[data-activate-class~="-margin-bottom-2\/4"][data-activate="true"],
[data-activate-class~="-margin-bottom-50-percent"][data-activate="true"],
[data-activate-class~="-margin-bottom-half"][data-activate="true"] {
    margin-bottom: -50%;
}

[data-activate-class~="-margin-left-1\/2"][data-activate="true"],
[data-activate-class~="-margin-left-2\/4"][data-activate="true"],
[data-activate-class~="-margin-left-50-percent"][data-activate="true"],
[data-activate-class~="-margin-left-half"][data-activate="true"] {
    margin-left: -50%;
}

[data-activate-class~="-margin-top-9\/16"][data-activate="true"] {
    margin-top: -56.25%;
}

[data-activate-class~="-margin-right-9\/16"][data-activate="true"] {
    margin-right: -56.25%;
}

[data-activate-class~="-margin-bottom-9\/16"][data-activate="true"] {
    margin-bottom: -56.25%;
}

[data-activate-class~="-margin-left-9\/16"][data-activate="true"] {
    margin-left: -56.25%;
}

[data-activate-class~="-margin-top-2\/3"][data-activate="true"] {
    margin-top: -66%;
}

[data-activate-class~="-margin-right-2\/3"][data-activate="true"] {
    margin-right: -66%;
}

[data-activate-class~="-margin-bottom-2\/3"][data-activate="true"] {
    margin-bottom: -66%;
}

[data-activate-class~="-margin-left-2\/3"][data-activate="true"] {
    margin-left: -66%;
}

[data-activate-class~="-margin-top-3\/4"][data-activate="true"],
[data-activate-class~="-margin-top-75-percent"][data-activate="true"] {
    margin-top: -75%;
}

[data-activate-class~="-margin-right-3\/4"][data-activate="true"],
[data-activate-class~="-margin-right-75-percent"][data-activate="true"] {
    margin-right: -75%;
}

[data-activate-class~="-margin-bottom-3\/4"][data-activate="true"],
[data-activate-class~="-margin-bottom-75-percent"][data-activate="true"] {
    margin-bottom: -75%;
}

[data-activate-class~="-margin-left-3\/4"][data-activate="true"],
[data-activate-class~="-margin-left-75-percent"][data-activate="true"] {
    margin-left: -75%;
}

[data-activate-class~="-margin-top-100-percent"][data-activate="true"],
[data-activate-class~="-margin-top-1\/1"][data-activate="true"],
[data-activate-class~="-margin-top-full"][data-activate="true"] {
    margin-top: -100%;
}

[data-activate-class~="-margin-right-100-percent"][data-activate="true"],
[data-activate-class~="-margin-right-1\/1"][data-activate="true"],
[data-activate-class~="-margin-right-full"][data-activate="true"] {
    margin-right: -100%;
}

[data-activate-class~="-margin-bottom-100-percent"][data-activate="true"],
[data-activate-class~="-margin-bottom-1\/1"][data-activate="true"],
[data-activate-class~="-margin-bottom-full"][data-activate="true"] {
    margin-bottom: -100%;
}

[data-activate-class~="-margin-left-100-percent"][data-activate="true"],
[data-activate-class~="-margin-left-1\/1"][data-activate="true"],
[data-activate-class~="-margin-left-full"][data-activate="true"] {
    margin-left: -100%;
}

[data-activate-class~="-margin-top-4\/3"][data-activate="true"] {
    margin-top: -133.33%;
}

[data-activate-class~="-margin-right-4\/3"][data-activate="true"] {
    margin-right: -133.33%;
}

[data-activate-class~="-margin-bottom-4\/3"][data-activate="true"] {
    margin-bottom: -133.33%;
}

[data-activate-class~="-margin-left-4\/3"][data-activate="true"] {
    margin-left: -133.33%;
}

[data-activate-class~="font-sans-serif"][data-activate="true"],
[data-activate-class~="font-sans"][data-activate="true"] {
    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";
}

[data-activate-class~="font-serif"][data-activate="true"] {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

[data-activate-class~="font-mono"][data-activate="true"],
[data-activate-class~="font-monospace"][data-activate="true"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

[data-activate-class~="font-numeric-diagonal-fractions"][data-activate="true"],
[data-activate-class~="font-numeric-lining"][data-activate="true"],
[data-activate-class~="font-numeric-oldstyle"][data-activate="true"],
[data-activate-class~="font-numeric-ordinal"][data-activate="true"],
[data-activate-class~="font-numeric-proportional"][data-activate="true"],
[data-activate-class~="font-numeric-slashed-zero"][data-activate="true"],
[data-activate-class~="font-numeric-stacked-fractions"][data-activate="true"],
[data-activate-class~="font-numeric-tabular"][data-activate="true"] {
    --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);
}

[data-activate-class~="font-numeric-normal"][data-activate="true"] {
    font-variant-numeric: normal;
}

[data-activate-class~="font-numeric-ordinal"][data-activate="true"] {
    --ordinal: ordinal;
}

[data-activate-class~="font-numeric-slashed-zero"][data-activate="true"] {
    --slashed-zero: slashed-zero;
}

[data-activate-class~="font-numeric-lining"][data-activate="true"] {
    --numeric-figure: lining-nums;
}

[data-activate-class~="font-numeric-oldstyle"][data-activate="true"] {
    --numeric-figure: oldstyle-nums;
}

[data-activate-class~="font-numeric-proportional"][data-activate="true"] {
    --numeric-spacing: proportional-nums;
}

[data-activate-class~="font-numeric-tabular"][data-activate="true"] {
    --numeric-spacing: tabular-nums;
}

[data-activate-class~="font-numeric-diagonal-fractions"][data-activate="true"] {
    --numeric-fraction: diagonal-fractions;
}

[data-activate-class~="font-numeric-stacked-fractions"][data-activate="true"] {
    --numeric-fraction: stacked-fractions;
}

[data-activate-class~="font-size-6"][data-activate="true"] {
    font-size: 6px;
}

[data-activate-class~="font-size-8"][data-activate="true"] {
    font-size: 8px;
}

[data-activate-class~="font-size-9"][data-activate="true"] {
    font-size: 9px;
}

[data-activate-class~="font-size-10"][data-activate="true"] {
    font-size: 10px;
}

[data-activate-class~="font-size-11"][data-activate="true"] {
    font-size: 11px;
}

[data-activate-class~="font-size-12"][data-activate="true"] {
    font-size: 12px;
}

[data-activate-class~="font-size-14"][data-activate="true"] {
    font-size: 14px;
}

[data-activate-class~="font-size-16"][data-activate="true"] {
    font-size: 16px;
}

[data-activate-class~="font-size-18"][data-activate="true"] {
    font-size: 18px;
}

[data-activate-class~="font-size-20"][data-activate="true"] {
    font-size: 20px;
}

[data-activate-class~="font-size-22"][data-activate="true"] {
    font-size: 22px;
}

[data-activate-class~="font-size-24"][data-activate="true"] {
    font-size: 24px;
}

[data-activate-class~="font-size-30"][data-activate="true"] {
    font-size: 30px;
}

[data-activate-class~="font-size-36"][data-activate="true"] {
    font-size: 36px;
}

[data-activate-class~="font-size-48"][data-activate="true"] {
    font-size: 48px;
}

[data-activate-class~="font-size-60"][data-activate="true"] {
    font-size: 60px;
}

[data-activate-class~="font-size-72"][data-activate="true"] {
    font-size: 72px;
}

[data-activate-class~="font-size-96"][data-activate="true"] {
    font-size: 96px;
}

[data-activate-class~="font-style-italic"][data-activate="true"] {
    font-style: italic;
}

[data-activate-class~="font-style-oblique"][data-activate="true"] {
    font-style: oblique;
}

[data-activate-class~="font-style-normal"][data-activate="true"] {
    font-style: normal;
}

[data-activate-class~="line-height-6"][data-activate="true"] {
    line-height: 6px;
}

[data-activate-class~="line-height-8"][data-activate="true"] {
    line-height: 8px;
}

[data-activate-class~="line-height-9"][data-activate="true"] {
    line-height: 9px;
}

[data-activate-class~="line-height-10"][data-activate="true"] {
    line-height: 10px;
}

[data-activate-class~="line-height-11"][data-activate="true"] {
    line-height: 11px;
}

[data-activate-class~="line-height-12"][data-activate="true"] {
    line-height: 12px;
}

[data-activate-class~="line-height-14"][data-activate="true"] {
    line-height: 14px;
}

[data-activate-class~="line-height-16"][data-activate="true"] {
    line-height: 16px;
}

[data-activate-class~="line-height-18"][data-activate="true"] {
    line-height: 18px;
}

[data-activate-class~="line-height-20"][data-activate="true"] {
    line-height: 20px;
}

[data-activate-class~="line-height-22"][data-activate="true"] {
    line-height: 22px;
}

[data-activate-class~="line-height-24"][data-activate="true"] {
    line-height: 24px;
}

[data-activate-class~="line-height-30"][data-activate="true"] {
    line-height: 30px;
}

[data-activate-class~="line-height-36"][data-activate="true"] {
    line-height: 36px;
}

[data-activate-class~="line-height-48"][data-activate="true"] {
    line-height: 48px;
}

[data-activate-class~="line-height-60"][data-activate="true"] {
    line-height: 60px;
}

[data-activate-class~="line-height-72"][data-activate="true"] {
    line-height: 72px;
}

[data-activate-class~="line-height-96"][data-activate="true"] {
    line-height: 96px;
}

[data-activate-class~="text-thin"][data-activate="true"] {
    font-weight: 100;
}

[data-activate-class~="text-lighter"][data-activate="true"] {
    font-weight: 200;
}

[data-activate-class~="text-light"][data-activate="true"] {
    font-weight: 300;
}

[data-activate-class~="text-normal"][data-activate="true"] {
    font-weight: 400;
}

[data-activate-class~="text-medium"][data-activate="true"] {
    font-weight: 500;
}

[data-activate-class~="text-strong"][data-activate="true"] {
    font-weight: 600;
}

[data-activate-class~="text-bold"][data-activate="true"] {
    font-weight: 700;
}

[data-activate-class~="text-bolder"][data-activate="true"] {
    font-weight: 800;
}

[data-activate-class~="text-boldest"][data-activate="true"] {
    font-weight: 900;
}

[data-activate-class~="text-italic"][data-activate="true"] {
    font-style: italic;
}

[data-activate-class~="text-oblique"][data-activate="true"] {
    font-style: oblique;
}

[data-activate-class~="text-hide"][data-activate="true"] {
    font: 0/0 a;
    color: #fff0;
    text-shadow: none;
    background-color: #fff0;
    border: 0;
}

[data-activate-class~="text-lowercase"][data-activate="true"] {
    text-transform: lowercase;
}

[data-activate-class~="text-uppercase"][data-activate="true"] {
    text-transform: uppercase;
}

[data-activate-class~="text-capitalize"][data-activate="true"] {
    text-transform: capitalize;
}

[data-activate-class~="text-transform-none"][data-activate="true"] {
    text-transform: none;
}

[data-activate-class~="text-left"][data-activate="true"] {
    text-align: left;
}

[data-activate-class~="text-center"][data-activate="true"] {
    text-align: center;
}

[data-activate-class~="text-right"][data-activate="true"] {
    text-align: right;
}

[data-activate-class~="text-justify"][data-activate="true"] {
    text-align: justify;
}

[data-activate-class~="break-normal"][data-activate="true"],
[data-activate-class~="text-break-normal"][data-activate="true"] {
    overflow-wrap: normal;
    word-break: normal;
}

[data-activate-class~="break-words"][data-activate="true"],
[data-activate-class~="text-break-words"][data-activate="true"] {
    overflow-wrap: break-word;
}

[data-activate-class~="break-all"][data-activate="true"],
[data-activate-class~="text-break-all"][data-activate="true"] {
    word-break: break-all;
}

[data-activate-class~="text-decoration-none"][data-activate="true"] {
    text-decoration: none;
}

[data-activate-class~="text-decoration-underline"][data-activate="true"],
[data-activate-class~="text-underline"][data-activate="true"] {
    text-decoration: underline;
}

[data-activate-class~="text-line-through"][data-activate="true"] {
    text-decoration: line-through;
}

[data-activate-class~="text-no-underline"][data-activate="true"],
[data-activate-class~="text-none-underline"][data-activate="true"] {
    text-decoration: none;
}

[data-activate-class~="text-overflow-ellipsis"][data-activate="true"] {
    text-overflow: ellipsis;
}

[data-activate-class~="text-overflow-clip"][data-activate="true"] {
    text-overflow: clip;
}

[data-activate-class~="break-normal"][data-activate="true"],
[data-activate-class~="text-break-normal"][data-activate="true"] {
    overflow-wrap: normal;
    word-break: normal;
}

[data-activate-class~="break-words"][data-activate="true"],
[data-activate-class~="text-break-words"][data-activate="true"] {
    overflow-wrap: break-word;
}

[data-activate-class~="text-1"][data-activate="true"] {
    font-size: 12px;
}

[data-activate-class~="text-2"][data-activate="true"] {
    font-size: 14px;
}

[data-activate-class~="text-3"][data-activate="true"] {
    font-size: 16px;
}

[data-activate-class~="text-4"][data-activate="true"] {
    font-size: 18px;
}

[data-activate-class~="text-5"][data-activate="true"] {
    font-size: 20px;
}

[data-activate-class~="text-6"][data-activate="true"] {
    font-size: 22px;
}

[data-activate-class~="text-7"][data-activate="true"] {
    font-size: 24px;
}

[data-activate-class~="text-8"][data-activate="true"] {
    font-size: 26px;
}

[data-activate-class~="text-9"][data-activate="true"] {
    font-size: 28px;
}

[data-activate-class~="text-10"][data-activate="true"] {
    font-size: 36px;
}

[data-activate-class~="text-11"][data-activate="true"] {
    font-size: 48px;
}

[data-activate-class~="text-12"][data-activate="true"] {
    font-size: 64px;
}

[data-activate-class~="text-14"][data-activate="true"] {
    font-size: 72px;
}

[data-activate-class~="text-16"][data-activate="true"] {
    font-size: 96px;
}

[data-activate-class~="text-18"][data-activate="true"] {
    font-size: 144px;
}

[data-activate-class~="text-20"][data-activate="true"] {
    font-size: 288px;
}

[data-activate-class~="text-nowrap"][data-activate="true"] {
    white-space: nowrap;
}

[data-activate-class~="text-wrap"][data-activate="true"] {
    white-space: normal;
}

[data-activate-class~="text-mini"][data-activate="true"] {
    font-size: 12px;
}

[data-activate-class~="text-small"][data-activate="true"] {
    font-size: 14px;
}

[data-activate-class~="text-base"][data-activate="true"] {
    font-size: 16px;
}

[data-activate-class~="text-medium"][data-activate="true"] {
    font-size: 18px;
}

[data-activate-class~="text-large"][data-activate="true"] {
    font-size: 24px;
}

[data-activate-class~="text-great"][data-activate="true"] {
    font-size: 36px;
}

[data-activate-class~="text-truncate-1"][data-activate="true"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

[data-activate-class~="text-truncate-2"][data-activate="true"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

[data-activate-class~="text-truncate-3"][data-activate="true"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

[data-activate-class~="text-truncate-4"][data-activate="true"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

[data-activate-class~="text-truncate-5"][data-activate="true"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

[data-activate-class~="text-truncate-6"][data-activate="true"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

[data-activate-class~="text-white"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(255, 255, 255, var(--text-opacity));
}

[data-activate-class~="text-black"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(0, 0, 0, var(--text-opacity));
}

[data-activate-class~="text-red"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(255, 0, 0, var(--text-opacity));
}

[data-activate-class~="text-deeppink"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(255, 20, 147, var(--text-opacity));
}

[data-activate-class~="text-orangered"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(255, 69, 0, var(--text-opacity));
}

[data-activate-class~="text-gold"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(255, 217, 0, var(--text-opacity));
}

[data-activate-class~="text-darkviolet"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(148, 0, 211, var(--text-opacity));
}

[data-activate-class~="text-lime"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(0, 255, 0, var(--text-opacity));
}

[data-activate-class~="text-deepskyblue"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(0, 191, 255, var(--text-opacity));
}

[data-activate-class~="text-peace"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(136, 102, 255, var(--text-opacity));
}

[data-activate-class~="text-primary"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(66, 66, 255, var(--text-opacity));
}

[data-activate-class~="text-warning"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(255, 104, 36, var(--text-opacity));
}

[data-activate-class~="text-positive"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(136, 36, 255, var(--text-opacity));
}

[data-activate-class~="text-default"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(200, 200, 200, var(--text-opacity));
}

[data-activate-class~="text-danger"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(255, 66, 66, var(--text-opacity));
}

[data-activate-class~="text-success"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(2, 216, 66, var(--text-opacity));
}

[data-activate-class~="text-info"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(34, 136, 255, var(--text-opacity));
}

[data-activate-class~="text-special"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(36, 2, 36, var(--text-opacity));
}

[data-activate-class~="text-dark"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(2, 2, 36, var(--text-opacity));
}

[data-activate-class~="text-elegant"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(36, 36, 36, var(--text-opacity));
}

[data-activate-class~="text-stylish"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(36, 36, 66, var(--text-opacity));
}

[data-activate-class~="text-unique"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(2, 36, 66, var(--text-opacity));
}

[data-activate-class~="text-light"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(242, 244, 246, var(--text-opacity));
}

[data-activate-class~="text-ghost"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(248, 248, 255, var(--text-opacity));
}

[data-activate-class~="text-brand"][data-activate="true"] {
    --text-opacity: 1;
    color: rgba(var(--color-brand-rgb), var(--text-opacity));
}

[data-activate-class~="text-opacity-0"][data-activate="true"] {
    --text-opacity: 0;
}

[data-activate-class~="text-opacity-5"][data-activate="true"] {
    --text-opacity: 0.05;
}

[data-activate-class~="text-opacity-10"][data-activate="true"] {
    --text-opacity: 0.1;
}

[data-activate-class~="text-opacity-20"][data-activate="true"] {
    --text-opacity: 0.2;
}

[data-activate-class~="text-opacity-25"][data-activate="true"] {
    --text-opacity: 0.25;
}

[data-activate-class~="text-opacity-30"][data-activate="true"] {
    --text-opacity: 0.3;
}

[data-activate-class~="text-opacity-40"][data-activate="true"] {
    --text-opacity: 0.4;
}

[data-activate-class~="text-opacity-50"][data-activate="true"] {
    --text-opacity: 0.5;
}

[data-activate-class~="text-opacity-60"][data-activate="true"] {
    --text-opacity: 0.6;
}

[data-activate-class~="text-opacity-70"][data-activate="true"] {
    --text-opacity: 0.7;
}

[data-activate-class~="text-opacity-75"][data-activate="true"] {
    --text-opacity: 0.75;
}

[data-activate-class~="text-opacity-80"][data-activate="true"] {
    --text-opacity: 0.8;
}

[data-activate-class~="text-opacity-90"][data-activate="true"] {
    --text-opacity: 0.9;
}

[data-activate-class~="text-opacity-95"][data-activate="true"] {
    --text-opacity: 0.95;
}

[data-activate-class~="text-opacity-100"][data-activate="true"] {
    --text-opacity: 1;
}

[data-activate-class~="leading-6"][data-activate="true"],
[data-activate-class~="line-height-6"][data-activate="true"] {
    line-height: 6px;
}

[data-activate-class~="leading-8"][data-activate="true"],
[data-activate-class~="line-height-8"][data-activate="true"] {
    line-height: 8px;
}

[data-activate-class~="leading-9"][data-activate="true"],
[data-activate-class~="line-height-9"][data-activate="true"] {
    line-height: 9px;
}

[data-activate-class~="leading-10"][data-activate="true"],
[data-activate-class~="line-height-10"][data-activate="true"] {
    line-height: 10px;
}

[data-activate-class~="leading-11"][data-activate="true"],
[data-activate-class~="line-height-11"][data-activate="true"] {
    line-height: 11px;
}

[data-activate-class~="leading-12"][data-activate="true"],
[data-activate-class~="line-height-12"][data-activate="true"] {
    line-height: 12px;
}

[data-activate-class~="leading-14"][data-activate="true"],
[data-activate-class~="line-height-14"][data-activate="true"] {
    line-height: 14px;
}

[data-activate-class~="leading-16"][data-activate="true"],
[data-activate-class~="line-height-16"][data-activate="true"] {
    line-height: 16px;
}

[data-activate-class~="leading-18"][data-activate="true"],
[data-activate-class~="line-height-18"][data-activate="true"] {
    line-height: 18px;
}

[data-activate-class~="leading-20"][data-activate="true"],
[data-activate-class~="line-height-20"][data-activate="true"] {
    line-height: 20px;
}

[data-activate-class~="leading-22"][data-activate="true"],
[data-activate-class~="line-height-22"][data-activate="true"] {
    line-height: 22px;
}

[data-activate-class~="leading-24"][data-activate="true"],
[data-activate-class~="line-height-24"][data-activate="true"] {
    line-height: 24px;
}

[data-activate-class~="leading-30"][data-activate="true"],
[data-activate-class~="line-height-30"][data-activate="true"] {
    line-height: 30px;
}

[data-activate-class~="leading-36"][data-activate="true"],
[data-activate-class~="line-height-36"][data-activate="true"] {
    line-height: 36px;
}

[data-activate-class~="leading-48"][data-activate="true"],
[data-activate-class~="line-height-48"][data-activate="true"] {
    line-height: 48px;
}

[data-activate-class~="leading-60"][data-activate="true"],
[data-activate-class~="line-height-60"][data-activate="true"] {
    line-height: 60px;
}

[data-activate-class~="leading-72"][data-activate="true"],
[data-activate-class~="line-height-72"][data-activate="true"] {
    line-height: 72px;
}

[data-activate-class~="leading-96"][data-activate="true"],
[data-activate-class~="line-height-96"][data-activate="true"] {
    line-height: 96px;
}

[data-activate-class~="leading-none"][data-activate="true"] {
    line-height: 1;
}

[data-activate-class~="leading-tight"][data-activate="true"] {
    line-height: 1.25;
}

[data-activate-class~="leading-snug"][data-activate="true"] {
    line-height: 1.375;
}

[data-activate-class~="leading-normal"][data-activate="true"] {
    line-height: 1.5;
}

[data-activate-class~="leading-relaxed"][data-activate="true"] {
    line-height: 1.625;
}

[data-activate-class~="leading-loose"][data-activate="true"] {
    line-height: 2;
}

[data-activate-class~="align-baseline"][data-activate="true"] {
    vertical-align: baseline;
}

[data-activate-class~="align-top"][data-activate="true"] {
    vertical-align: top;
}

[data-activate-class~="align-middle"][data-activate="true"] {
    vertical-align: middle;
}

[data-activate-class~="align-bottom"][data-activate="true"] {
    vertical-align: bottom;
}

[data-activate-class~="align-text-top"][data-activate="true"] {
    vertical-align: text-top;
}

[data-activate-class~="align-text-bottom"][data-activate="true"] {
    vertical-align: text-bottom;
}

[data-activate-class~="letter-spacing-tighter"][data-activate="true"],
[data-activate-class~="tracking-tighter"][data-activate="true"] {
    letter-spacing: -0.05em;
}

[data-activate-class~="letter-spacing-tight"][data-activate="true"],
[data-activate-class~="tracking-tight"][data-activate="true"] {
    letter-spacing: -0.025em;
}

[data-activate-class~="letter-spacing-normal"][data-activate="true"],
[data-activate-class~="tracking-normal"][data-activate="true"] {
    letter-spacing: 0;
}

[data-activate-class~="letter-spacing-wide"][data-activate="true"],
[data-activate-class~="tracking-wide"][data-activate="true"] {
    letter-spacing: 0.025em;
}

[data-activate-class~="letter-spacing-wider"][data-activate="true"],
[data-activate-class~="tracking-wider"][data-activate="true"] {
    letter-spacing: 0.05em;
}

[data-activate-class~="letter-spacing-widest"][data-activate="true"],
[data-activate-class~="tracking-widest"][data-activate="true"] {
    letter-spacing: 0.1em;
}

[data-activate-class~="letter-spacing-tighter"][data-activate="true"],
[data-activate-class~="tracking-tighter"][data-activate="true"] {
    letter-spacing: -0.05em;
}

[data-activate-class~="letter-spacing-tight"][data-activate="true"],
[data-activate-class~="tracking-tight"][data-activate="true"] {
    letter-spacing: -0.025em;
}

[data-activate-class~="letter-spacing-normal"][data-activate="true"],
[data-activate-class~="tracking-normal"][data-activate="true"] {
    letter-spacing: 0;
}

[data-activate-class~="letter-spacing-wide"][data-activate="true"],
[data-activate-class~="tracking-wide"][data-activate="true"] {
    letter-spacing: 0.025em;
}

[data-activate-class~="letter-spacing-wider"][data-activate="true"],
[data-activate-class~="tracking-wider"][data-activate="true"] {
    letter-spacing: 0.05em;
}

[data-activate-class~="letter-spacing-widest"][data-activate="true"],
[data-activate-class~="tracking-widest"][data-activate="true"] {
    letter-spacing: 0.1em;
}

[data-activate-class~="letter-spacing-tighter"][data-activate="true"],
[data-activate-class~="tracking-tighter"][data-activate="true"] {
    letter-spacing: -0.05em;
}

[data-activate-class~="letter-spacing-tight"][data-activate="true"],
[data-activate-class~="tracking-tight"][data-activate="true"] {
    letter-spacing: -0.025em;
}

[data-activate-class~="letter-spacing-normal"][data-activate="true"],
[data-activate-class~="tracking-normal"][data-activate="true"] {
    letter-spacing: 0;
}

[data-activate-class~="letter-spacing-wide"][data-activate="true"],
[data-activate-class~="tracking-wide"][data-activate="true"] {
    letter-spacing: 0.025em;
}

[data-activate-class~="letter-spacing-wider"][data-activate="true"],
[data-activate-class~="tracking-wider"][data-activate="true"] {
    letter-spacing: 0.05em;
}

[data-activate-class~="letter-spacing-widest"][data-activate="true"],
[data-activate-class~="tracking-widest"][data-activate="true"] {
    letter-spacing: 0.1em;
}

[data-activate-class~="white-space-normal"][data-activate="true"],
[data-activate-class~="whitespace-normal"][data-activate="true"] {
    white-space: normal;
}

[data-activate-class~="white-space-nowrap"][data-activate="true"],
[data-activate-class~="whitespace-nowrap"][data-activate="true"] {
    white-space: nowrap;
}

[data-activate-class~="white-space-pre"][data-activate="true"],
[data-activate-class~="whitespace-pre"][data-activate="true"] {
    white-space: pre;
}

[data-activate-class~="white-space-pre-line"][data-activate="true"],
[data-activate-class~="whitespace-pre-line"][data-activate="true"] {
    white-space: pre-line;
}

[data-activate-class~="white-space-pre-wrap"][data-activate="true"],
[data-activate-class~="whitespace-pre-wrap"][data-activate="true"] {
    white-space: pre-wrap;
}

[data-activate-class~="placeholder-transparent"][data-activate="true"] ::placeholder {
    color: #fff0;
}

[data-activate-class~="placeholder-white"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-black"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-red"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 0, 0, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-deeppink"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 20, 147, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-orangered"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 69, 0, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-gold"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 217, 0, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-darkviolet"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(148, 0, 211, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-lime"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 255, 0, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-deepskyblue"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 191, 255, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-peace"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(136, 102, 255, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-primary"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(66, 66, 255, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-warning"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 104, 36, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-positive"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(136, 36, 255, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-default"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(200, 200, 200, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-danger"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 66, 66, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-success"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 216, 66, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-info"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(34, 136, 255, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-special"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 2, 36, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-dark"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 2, 36, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-elegant"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 36, 36, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-stylish"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 36, 66, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-unique"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 36, 66, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-light"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(242, 244, 246, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-ghost"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(248, 248, 255, var(--placeholder-opacity));
}

[data-activate-class~="placeholder-opacity-0"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0;
}

[data-activate-class~="placeholder-opacity-5"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.05;
}

[data-activate-class~="placeholder-opacity-10"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.1;
}

[data-activate-class~="placeholder-opacity-20"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.2;
}

[data-activate-class~="placeholder-opacity-25"][data-activate="true"],
[data-activate-class~="placeholder-opacity-quarter"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.25;
}

[data-activate-class~="placeholder-opacity-30"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.3;
}

[data-activate-class~="placeholder-opacity-40"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.4;
}

[data-activate-class~="placeholder-opacity-50"][data-activate="true"],
[data-activate-class~="placeholder-opacity-half"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.5;
}

[data-activate-class~="placeholder-opacity-60"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.6;
}

[data-activate-class~="placeholder-opacity-70"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.7;
}

[data-activate-class~="placeholder-opacity-75"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.75;
}

[data-activate-class~="placeholder-opacity-80"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.8;
}

[data-activate-class~="placeholder-opacity-90"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.9;
}

[data-activate-class~="placeholder-opacity-95"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 0.95;
}

[data-activate-class~="placeholder-opacity-100"][data-activate="true"] ::placeholder {
    --placeholder-opacity: 1;
}

[data-activate-class~="float-right"][data-activate="true"] {
    float: right;
}

[data-activate-class~="float-left"][data-activate="true"] {
    float: left;
}

[data-activate-class~="float-none"][data-activate="true"] {
    float: none;
}

[data-activate-class~="object-contain"][data-activate="true"] {
    object-fit: contain;
}

[data-activate-class~="object-cover"][data-activate="true"] {
    object-fit: cover;
}

[data-activate-class~="object-fill"][data-activate="true"] {
    object-fit: fill;
}

[data-activate-class~="object-none"][data-activate="true"] {
    object-fit: none;
}

[data-activate-class~="object-scale-down"][data-activate="true"] {
    object-fit: scale-down;
}

[data-activate-class~="object-bottom"][data-activate="true"] {
    object-position: bottom;
}

[data-activate-class~="object-center"][data-activate="true"] {
    object-position: center;
}

[data-activate-class~="object-left"][data-activate="true"] {
    object-position: left;
}

[data-activate-class~="object-left-bottom"][data-activate="true"] {
    object-position: left bottom;
}

[data-activate-class~="object-left-top"][data-activate="true"] {
    object-position: left top;
}

[data-activate-class~="object-right"][data-activate="true"] {
    object-position: right;
}

[data-activate-class~="object-right-bottom"][data-activate="true"] {
    object-position: right bottom;
}

[data-activate-class~="object-right-top"][data-activate="true"] {
    object-position: right top;
}

[data-activate-class~="object-top"][data-activate="true"] {
    object-position: top;
}

[data-activate-class~="overflow-auto"][data-activate="true"] {
    overflow: auto;
}

[data-activate-class~="overflow-hidden"][data-activate="true"] {
    overflow: hidden;
}

[data-activate-class~="overflow-visible"][data-activate="true"] {
    overflow: visible;
}

[data-activate-class~="overflow-scroll"][data-activate="true"] {
    overflow: scroll;
}

[data-activate-class~="overflow-overlay"][data-activate="true"] {
    overflow: overlay;
}

[data-activate-class~="overflow-x-auto"][data-activate="true"] {
    overflow-x: auto;
}

[data-activate-class~="overflow-y-auto"][data-activate="true"] {
    overflow-y: auto;
}

[data-activate-class~="overflow-x-hidden"][data-activate="true"] {
    overflow-x: hidden;
}

[data-activate-class~="overflow-y-hidden"][data-activate="true"] {
    overflow-y: hidden;
}

[data-activate-class~="overflow-x-visible"][data-activate="true"] {
    overflow-x: visible;
}

[data-activate-class~="overflow-y-visible"][data-activate="true"] {
    overflow-y: visible;
}

[data-activate-class~="overflow-x-scroll"][data-activate="true"] {
    overflow-x: scroll;
}

[data-activate-class~="overflow-y-scroll"][data-activate="true"] {
    overflow-y: scroll;
}

[data-activate-class~="overflow-overlay"][data-activate="true"] {
    overflow: auto;
    overflow: overlay;
}

[data-activate-class~="overflow-x-overlay"][data-activate="true"] {
    overflow: auto;
    overflow-x: overlay;
}

[data-activate-class~="overflow-y-overlay"][data-activate="true"] {
    overflow: auto;
    overflow-y: overlay;
}

[data-activate-class~="overscroll-auto"][data-activate="true"] {
    overscroll-behavior: auto;
}

[data-activate-class~="overscroll-contain"][data-activate="true"] {
    overscroll-behavior: contain;
}

[data-activate-class~="overscroll-none"][data-activate="true"] {
    overscroll-behavior: none;
}

[data-activate-class~="overscroll-y-auto"][data-activate="true"] {
    overscroll-behavior-y: auto;
}

[data-activate-class~="overscroll-y-contain"][data-activate="true"] {
    overscroll-behavior-y: contain;
}

[data-activate-class~="overscroll-y-none"][data-activate="true"] {
    overscroll-behavior-y: none;
}

[data-activate-class~="overscroll-x-auto"][data-activate="true"] {
    overscroll-behavior-x: auto;
}

[data-activate-class~="overscroll-x-contain"][data-activate="true"] {
    overscroll-behavior-x: contain;
}

[data-activate-class~="overscroll-x-none"][data-activate="true"] {
    overscroll-behavior-x: none;
}

[data-activate-class~="aspect"][data-activate="true"] {
    position: relative;
    width: 100%;
}

[data-activate-class~="aspect"][data-activate="true"] ::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

[data-activate-class~="aspect"][data-activate="true"]>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

[data-activate-class~="image-product"][data-activate="true"] {
    position: relative;
    display: inline-block;
    width: 100%;
}

[data-activate-class~="image-product"][data-activate="true"] ::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%;
}

[data-activate-class~="image-product"][data-activate="true"]>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

[data-activate-class~="mask"][data-activate="true"] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

[data-activate-class~="ratio-1\/1"][data-activate="true"] {
    --aspect-ratio: 100%;
}

[data-activate-class~="ratio-1\/2"][data-activate="true"] {
    --aspect-ratio: calc(1 / 2 * 100%);
}

[data-activate-class~="ratio-1\/3"][data-activate="true"] {
    --aspect-ratio: calc(1 / 3 * 100%);
}

[data-activate-class~="ratio-1\/4"][data-activate="true"] {
    --aspect-ratio: calc(1 / 4 * 100%);
}

[data-activate-class~="ratio-2\/3"][data-activate="true"] {
    --aspect-ratio: calc(2 / 3 * 100%);
}

[data-activate-class~="ratio-3\/2"][data-activate="true"] {
    --aspect-ratio: calc(3 / 2 * 100%);
}

[data-activate-class~="ratio-3\/4"][data-activate="true"] {
    --aspect-ratio: calc(3 / 4 * 100%);
}

[data-activate-class~="ratio-4\/3"][data-activate="true"] {
    --aspect-ratio: calc(4 / 3 * 100%);
}

[data-activate-class~="ratio-9\/16"][data-activate="true"] {
    --aspect-ratio: calc(9 / 16 * 100%);
}

[data-activate-class~="ratio-9\/21"][data-activate="true"] {
    --aspect-ratio: calc(9 / 21 * 100%);
}

[data-activate-class~="ratio-16\/9"][data-activate="true"] {
    --aspect-ratio: calc(16 / 9 * 100%);
}

[data-activate-class~="ratio-21\/9"][data-activate="true"] {
    --aspect-ratio: calc(21 / 9 * 100%);
}

[data-activate-class~="embed"][data-activate="true"] {
    position: relative;
    width: 100%;
}

[data-activate-class~="embed"][data-activate="true"] ::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

[data-activate-class~="embed"][data-activate="true"]>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[data-activate-class~="position-static"][data-activate="true"] {
    position: static;
}

[data-activate-class~="position-relative"][data-activate="true"] {
    position: relative;
}

[data-activate-class~="position-absolute"][data-activate="true"] {
    position: absolute;
}

[data-activate-class~="position-fixed"][data-activate="true"] {
    position: fixed;
}

[data-activate-class~="position-sticky"][data-activate="true"] {
    position: -webkit-sticky;
    position: sticky;
}

[data-activate-class~="fixed-left"][data-activate="true"] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

[data-activate-class~="fixed-top"][data-activate="true"] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

[data-activate-class~="fixed-right"][data-activate="true"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
}

[data-activate-class~="fixed-bottom"][data-activate="true"] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

[data-activate-class~="background-fixed"][data-activate="true"] {
    background-attachment: fixed;
}

[data-activate-class~="background-local"][data-activate="true"] {
    background-attachment: local;
}

[data-activate-class~="background-scroll"][data-activate="true"] {
    background-attachment: scroll;
}

[data-activate-class~="background-blend-normal"][data-activate="true"] {
    background-blend-mode: normal;
}

[data-activate-class~="background-blend-multiply"][data-activate="true"] {
    background-blend-mode: multiply;
}

[data-activate-class~="background-blend-screen"][data-activate="true"] {
    background-blend-mode: screen;
}

[data-activate-class~="background-blend-overlay"][data-activate="true"] {
    background-blend-mode: overlay;
}

[data-activate-class~="background-blend-darken"][data-activate="true"] {
    background-blend-mode: darken;
}

[data-activate-class~="background-blend-lighten"][data-activate="true"] {
    background-blend-mode: lighten;
}

[data-activate-class~="background-blend-color-dodge"][data-activate="true"] {
    background-blend-mode: color-dodge;
}

[data-activate-class~="background-blend-color-burn"][data-activate="true"] {
    background-blend-mode: color-burn;
}

[data-activate-class~="background-blend-hard-light"][data-activate="true"] {
    background-blend-mode: hard-light;
}

[data-activate-class~="background-blend-soft-light"][data-activate="true"] {
    background-blend-mode: soft-light;
}

[data-activate-class~="background-blend-difference"][data-activate="true"] {
    background-blend-mode: difference;
}

[data-activate-class~="background-blend-exclusion"][data-activate="true"] {
    background-blend-mode: exclusion;
}

[data-activate-class~="background-blend-hue"][data-activate="true"] {
    background-blend-mode: hue;
}

[data-activate-class~="background-blend-saturation"][data-activate="true"] {
    background-blend-mode: saturation;
}

[data-activate-class~="background-blend-color"][data-activate="true"] {
    background-blend-mode: color;
}

[data-activate-class~="background-blend-luminosity"][data-activate="true"] {
    background-blend-mode: luminosity;
}

[data-activate-class~="background-transparent"][data-activate="true"] {
    background-color: #fff0;
}

[data-activate-class~="background-clip-border"][data-activate="true"] {
    background-clip: border-box;
}

[data-activate-class~="background-clip-padding"][data-activate="true"] {
    background-clip: padding-box;
}

[data-activate-class~="background-clip-content"][data-activate="true"] {
    background-clip: content-box;
}

[data-activate-class~="background-clip-text"][data-activate="true"] {
    -webkit-background-clip: text;
    background-clip: text;
}

[data-activate-class~="from-transparent"][data-activate="true"] {
    --gradient-from: transparent;
    --gradient-stops: var(--gradient-from), var(--gradient-to, transparent);
}

[data-activate-class~="from-white"][data-activate="true"] {
    --gradient-from: rgba(255, 255, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 255, 255, 1));
}

[data-activate-class~="from-black"][data-activate="true"] {
    --gradient-from: rgba(0, 0, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 1));
}

[data-activate-class~="from-red"][data-activate="true"] {
    --gradient-from: rgba(255, 0, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 0, 0, 1));
}

[data-activate-class~="from-deeppink"][data-activate="true"] {
    --gradient-from: rgba(255, 20, 147, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 20, 147, 1));
}

[data-activate-class~="from-orangered"][data-activate="true"] {
    --gradient-from: rgba(255, 69, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 69, 0, 1));
}

[data-activate-class~="from-gold"][data-activate="true"] {
    --gradient-from: rgba(255, 217, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 217, 0, 1));
}

[data-activate-class~="from-darkviolet"][data-activate="true"] {
    --gradient-from: rgba(148, 0, 211, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(148, 0, 211, 1));
}

[data-activate-class~="from-lime"][data-activate="true"] {
    --gradient-from: rgba(0, 255, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 255, 0, 1));
}

[data-activate-class~="from-deepskyblue"][data-activate="true"] {
    --gradient-from: rgba(0, 191, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 191, 255, 1));
}

[data-activate-class~="from-peace"][data-activate="true"] {
    --gradient-from: rgba(136, 102, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(136, 102, 255, 1));
}

[data-activate-class~="from-primary"][data-activate="true"] {
    --gradient-from: rgba(66, 66, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(66, 66, 255, 1));
}

[data-activate-class~="from-warning"][data-activate="true"] {
    --gradient-from: rgba(255, 104, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 104, 36, 1));
}

[data-activate-class~="from-positive"][data-activate="true"] {
    --gradient-from: rgba(136, 36, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(136, 36, 255, 1));
}

[data-activate-class~="from-default"][data-activate="true"] {
    --gradient-from: rgba(200, 200, 200, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(200, 200, 200, 1));
}

[data-activate-class~="from-danger"][data-activate="true"] {
    --gradient-from: rgba(255, 66, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 66, 66, 1));
}

[data-activate-class~="from-success"][data-activate="true"] {
    --gradient-from: rgba(2, 216, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 216, 66, 1));
}

[data-activate-class~="from-info"][data-activate="true"] {
    --gradient-from: rgba(34, 136, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(34, 136, 255, 1));
}

[data-activate-class~="from-special"][data-activate="true"] {
    --gradient-from: rgba(36, 2, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 2, 36, 1));
}

[data-activate-class~="from-dark"][data-activate="true"] {
    --gradient-from: rgba(2, 2, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 2, 36, 1));
}

[data-activate-class~="from-elegant"][data-activate="true"] {
    --gradient-from: rgba(36, 36, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 36, 36, 1));
}

[data-activate-class~="from-stylish"][data-activate="true"] {
    --gradient-from: rgba(36, 36, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 36, 66, 1));
}

[data-activate-class~="from-unique"][data-activate="true"] {
    --gradient-from: rgba(2, 36, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 36, 66, 1));
}

[data-activate-class~="from-light"][data-activate="true"] {
    --gradient-from: rgba(242, 244, 246, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(242, 244, 246, 1));
}

[data-activate-class~="from-ghost"][data-activate="true"] {
    --gradient-from: rgba(248, 248, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(248, 248, 255, 1));
}

[data-activate-class~="via-transparent"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), transparent, var(--gradient-to, transparent);
}

[data-activate-class~="via-white"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(255, 255, 255, 1), var(--gradient-to, rgba(255, 255, 255, 0));
}

[data-activate-class~="via-black"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(0, 0, 0, 1), var(--gradient-to, rgba(0, 0, 0, 0));
}

[data-activate-class~="via-red"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(255, 0, 0, 1), var(--gradient-to, rgba(255, 0, 0, 0));
}

[data-activate-class~="via-deeppink"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(255, 20, 147, 1), var(--gradient-to, rgba(255, 20, 147, 0));
}

[data-activate-class~="via-orangered"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(255, 69, 0, 1), var(--gradient-to, rgba(255, 69, 0, 0));
}

[data-activate-class~="via-gold"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(255, 217, 0, 1), var(--gradient-to, rgba(255, 217, 0, 0));
}

[data-activate-class~="via-darkviolet"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(148, 0, 211, 1), var(--gradient-to, rgba(148, 0, 211, 0));
}

[data-activate-class~="via-lime"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(0, 255, 0, 1), var(--gradient-to, rgba(0, 255, 0, 0));
}

[data-activate-class~="via-deepskyblue"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(0, 191, 255, 1), var(--gradient-to, rgba(0, 191, 255, 0));
}

[data-activate-class~="via-peace"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(136, 102, 255, 1), var(--gradient-to, rgba(136, 102, 255, 0));
}

[data-activate-class~="via-primary"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(66, 66, 255, 1), var(--gradient-to, rgba(66, 66, 255, 0));
}

[data-activate-class~="via-warning"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(255, 104, 36, 1), var(--gradient-to, rgba(255, 104, 36, 0));
}

[data-activate-class~="via-positive"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(136, 36, 255, 1), var(--gradient-to, rgba(136, 36, 255, 0));
}

[data-activate-class~="via-default"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(200, 200, 200, 1), var(--gradient-to, rgba(200, 200, 200, 0));
}

[data-activate-class~="via-danger"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(255, 66, 66, 1), var(--gradient-to, rgba(255, 66, 66, 0));
}

[data-activate-class~="via-success"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(2, 216, 66, 1), var(--gradient-to, rgba(2, 216, 66, 0));
}

[data-activate-class~="via-info"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(34, 136, 255, 1), var(--gradient-to, rgba(34, 136, 255, 0));
}

[data-activate-class~="via-special"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(36, 2, 36, 1), var(--gradient-to, rgba(36, 2, 36, 0));
}

[data-activate-class~="via-dark"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(2, 2, 36, 1), var(--gradient-to, rgba(2, 2, 36, 0));
}

[data-activate-class~="via-elegant"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(36, 36, 36, 1), var(--gradient-to, rgba(36, 36, 36, 0));
}

[data-activate-class~="via-stylish"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(36, 36, 66, 1), var(--gradient-to, rgba(36, 36, 66, 0));
}

[data-activate-class~="via-unique"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(2, 36, 66, 1), var(--gradient-to, rgba(2, 36, 66, 0));
}

[data-activate-class~="via-light"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(242, 244, 246, 1), var(--gradient-to, rgba(242, 244, 246, 0));
}

[data-activate-class~="via-ghost"][data-activate="true"] {
    --gradient-stops: var(--gradient-from), rgba(248, 248, 255, 1), var(--gradient-to, rgba(248, 248, 255, 0));
}

[data-activate-class~="to-transparent"][data-activate="true"] {
    --gradient-to: transparent;
}

[data-activate-class~="to-white"][data-activate="true"] {
    --gradient-to: rgba(255, 255, 255, 1);
}

[data-activate-class~="to-black"][data-activate="true"] {
    --gradient-to: rgba(0, 0, 0, 1);
}

[data-activate-class~="to-red"][data-activate="true"] {
    --gradient-to: rgba(255, 0, 0, 1);
}

[data-activate-class~="to-deeppink"][data-activate="true"] {
    --gradient-to: rgba(255, 20, 147, 1);
}

[data-activate-class~="to-orangered"][data-activate="true"] {
    --gradient-to: rgba(255, 69, 0, 1);
}

[data-activate-class~="to-gold"][data-activate="true"] {
    --gradient-to: rgba(255, 217, 0, 1);
}

[data-activate-class~="to-darkviolet"][data-activate="true"] {
    --gradient-to: rgba(148, 0, 211, 1);
}

[data-activate-class~="to-lime"][data-activate="true"] {
    --gradient-to: rgba(0, 255, 0, 1);
}

[data-activate-class~="to-deepskyblue"][data-activate="true"] {
    --gradient-to: rgba(0, 191, 255, 1);
}

[data-activate-class~="to-peace"][data-activate="true"] {
    --gradient-to: rgba(136, 102, 255, 1);
}

[data-activate-class~="to-primary"][data-activate="true"] {
    --gradient-to: rgba(66, 66, 255, 1);
}

[data-activate-class~="to-warning"][data-activate="true"] {
    --gradient-to: rgba(255, 104, 36, 1);
}

[data-activate-class~="to-positive"][data-activate="true"] {
    --gradient-to: rgba(136, 36, 255, 1);
}

[data-activate-class~="to-default"][data-activate="true"] {
    --gradient-to: rgba(200, 200, 200, 1);
}

[data-activate-class~="to-danger"][data-activate="true"] {
    --gradient-to: rgba(255, 66, 66, 1);
}

[data-activate-class~="to-success"][data-activate="true"] {
    --gradient-to: rgba(2, 216, 66, 1);
}

[data-activate-class~="to-info"][data-activate="true"] {
    --gradient-to: rgba(34, 136, 255, 1);
}

[data-activate-class~="to-special"][data-activate="true"] {
    --gradient-to: rgba(36, 2, 36, 1);
}

[data-activate-class~="to-dark"][data-activate="true"] {
    --gradient-to: rgba(2, 2, 36, 1);
}

[data-activate-class~="to-elegant"][data-activate="true"] {
    --gradient-to: rgba(36, 36, 36, 1);
}

[data-activate-class~="to-stylish"][data-activate="true"] {
    --gradient-to: rgba(36, 36, 66, 1);
}

[data-activate-class~="to-unique"][data-activate="true"] {
    --gradient-to: rgba(2, 36, 66, 1);
}

[data-activate-class~="to-light"][data-activate="true"] {
    --gradient-to: rgba(242, 244, 246, 1);
}

[data-activate-class~="to-ghost"][data-activate="true"] {
    --gradient-to: rgba(248, 248, 255, 1);
}

[data-activate-class~="background-top"][data-activate="true"] {
    background-position: top;
}

[data-activate-class~="background-bottom"][data-activate="true"] {
    background-position: bottom;
}

[data-activate-class~="background-center"][data-activate="true"] {
    background-position: center;
}

[data-activate-class~="background-left"][data-activate="true"] {
    background-position: left;
}

[data-activate-class~="background-left-bottom"][data-activate="true"] {
    background-position: left bottom;
}

[data-activate-class~="background-left-top"][data-activate="true"] {
    background-position: left top;
}

[data-activate-class~="background-right"][data-activate="true"] {
    background-position: right;
}

[data-activate-class~="background-right-bottom"][data-activate="true"] {
    background-position: right bottom;
}

[data-activate-class~="background-right-top"][data-activate="true"] {
    background-position: right top;
}

[data-activate-class~="background-opacity-0"][data-activate="true"] {
    --background-opacity: 0;
}

[data-activate-class~="background-opacity-5"][data-activate="true"] {
    --background-opacity: 0.05;
}

[data-activate-class~="background-opacity-10"][data-activate="true"] {
    --background-opacity: 0.1;
}

[data-activate-class~="background-opacity-20"][data-activate="true"] {
    --background-opacity: 0.2;
}

[data-activate-class~="background-opacity-25"][data-activate="true"],
[data-activate-class~="background-opacity-quarter"][data-activate="true"] {
    --background-opacity: 0.25;
}

[data-activate-class~="background-opacity-30"][data-activate="true"] {
    --background-opacity: 0.3;
}

[data-activate-class~="background-opacity-40"][data-activate="true"] {
    --background-opacity: 0.4;
}

[data-activate-class~="background-opacity-50"][data-activate="true"],
[data-activate-class~="background-opacity-half"][data-activate="true"] {
    --background-opacity: 0.5;
}

[data-activate-class~="background-opacity-60"][data-activate="true"] {
    --background-opacity: 0.6;
}

[data-activate-class~="background-opacity-70"][data-activate="true"] {
    --background-opacity: 0.7;
}

[data-activate-class~="background-opacity-75"][data-activate="true"] {
    --background-opacity: 0.75;
}

[data-activate-class~="background-opacity-80"][data-activate="true"] {
    --background-opacity: 0.8;
}

[data-activate-class~="background-opacity-90"][data-activate="true"] {
    --background-opacity: 0.9;
}

[data-activate-class~="background-opacity-95"][data-activate="true"] {
    --background-opacity: 0.95;
}

[data-activate-class~="background-opacity-100"][data-activate="true"] {
    --background-opacity: 1;
}

[data-activate-class~="background-origin-border"][data-activate="true"] {
    background-origin: border-box;
}

[data-activate-class~="background-origin-padding"][data-activate="true"] {
    background-origin: padding-box;
}

[data-activate-class~="background-origin-content"][data-activate="true"] {
    background-origin: content-box;
}

[data-activate-class~="background-left"][data-activate="true"] {
    background-position: left;
}

[data-activate-class~="background-left-bottom"][data-activate="true"] {
    background-position: left bottom;
}

[data-activate-class~="background-left-top"][data-activate="true"] {
    background-position: left top;
}

[data-activate-class~="background-right"][data-activate="true"] {
    background-position: right;
}

[data-activate-class~="background-right-bottom"][data-activate="true"] {
    background-position: right bottom;
}

[data-activate-class~="background-right-top"][data-activate="true"] {
    background-position: right top;
}

[data-activate-class~="background-top"][data-activate="true"] {
    background-position: top;
}

[data-activate-class~="background-repeat"][data-activate="true"] {
    background-repeat: repeat;
}

[data-activate-class~="background-no-repeat"][data-activate="true"] {
    background-repeat: no-repeat;
}

[data-activate-class~="background-repeat-x"][data-activate="true"] {
    background-repeat: repeat-x;
}

[data-activate-class~="background-repeat-y"][data-activate="true"] {
    background-repeat: repeat-y;
}

[data-activate-class~="background-repeat-round"][data-activate="true"] {
    background-repeat: round;
}

[data-activate-class~="background-repeat-space"][data-activate="true"] {
    background-repeat: space;
}

[data-activate-class~="background-auto"][data-activate="true"] {
    background-size: auto;
}

[data-activate-class~="background-cover"][data-activate="true"] {
    background-size: cover;
}

[data-activate-class~="background-contain"][data-activate="true"] {
    background-size: contain;
}

[data-activate-class~="background-white"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(255, 255, 255, var(--background-opacity));
}

[data-activate-class~="background-black"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(0, 0, 0, var(--background-opacity));
}

[data-activate-class~="background-red"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(255, 0, 0, var(--background-opacity));
}

[data-activate-class~="background-deeppink"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(255, 20, 147, var(--background-opacity));
}

[data-activate-class~="background-orangered"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(255, 69, 0, var(--background-opacity));
}

[data-activate-class~="background-gold"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(255, 217, 0, var(--background-opacity));
}

[data-activate-class~="background-darkviolet"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(148, 0, 211, var(--background-opacity));
}

[data-activate-class~="background-lime"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(0, 255, 0, var(--background-opacity));
}

[data-activate-class~="background-deepskyblue"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(0, 191, 255, var(--background-opacity));
}

[data-activate-class~="background-peace"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(136, 102, 255, var(--background-opacity));
}

[data-activate-class~="background-primary"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(66, 66, 255, var(--background-opacity));
}

[data-activate-class~="background-warning"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(255, 104, 36, var(--background-opacity));
}

[data-activate-class~="background-positive"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(136, 36, 255, var(--background-opacity));
}

[data-activate-class~="background-default"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(200, 200, 200, var(--background-opacity));
}

[data-activate-class~="background-danger"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(255, 66, 66, var(--background-opacity));
}

[data-activate-class~="background-success"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(2, 216, 66, var(--background-opacity));
}

[data-activate-class~="background-info"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(34, 136, 255, var(--background-opacity));
}

[data-activate-class~="background-special"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(36, 2, 36, var(--background-opacity));
}

[data-activate-class~="background-dark"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(2, 2, 36, var(--background-opacity));
}

[data-activate-class~="background-elegant"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(36, 36, 36, var(--background-opacity));
}

[data-activate-class~="background-stylish"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(36, 36, 66, var(--background-opacity));
}

[data-activate-class~="background-unique"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(2, 36, 66, var(--background-opacity));
}

[data-activate-class~="background-light"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(var(--color-light-rgb), var(--background-opacity));
}

[data-activate-class~="background-ghost"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(var(--color-ghost-rgb), var(--background-opacity));
}

[data-activate-class~="background-brand"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(var(--color-brand-rgb), var(--background-opacity));
}

[data-activate-class~="background-profession"][data-activate="true"] {
    --background-opacity: 1;
    background-color: rgba(var(--color-profession-rgb), var(--background-opacity));
}

[data-activate-class~="background-logo"][data-activate="true"] {
    background: #fff0 var(--logo-url) center center no-repeat;
}

[data-activate-class~="background-logo-fail"][data-activate="true"] ::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);
}

[data-activate-class~="background-opacity-0"][data-activate="true"] {
    --background-opacity: 0;
}

[data-activate-class~="background-opacity-5"][data-activate="true"] {
    --background-opacity: 0.05;
}

[data-activate-class~="background-opacity-10"][data-activate="true"] {
    --background-opacity: 0.1;
}

[data-activate-class~="background-opacity-20"][data-activate="true"] {
    --background-opacity: 0.2;
}

[data-activate-class~="background-opacity-25"][data-activate="true"],
[data-activate-class~="background-opacity-quarter"][data-activate="true"] {
    --background-opacity: 0.25;
}

[data-activate-class~="background-opacity-30"][data-activate="true"] {
    --background-opacity: 0.3;
}

[data-activate-class~="background-opacity-40"][data-activate="true"] {
    --background-opacity: 0.4;
}

[data-activate-class~="background-opacity-50"][data-activate="true"],
[data-activate-class~="background-opacity-half"][data-activate="true"] {
    --background-opacity: 0.5;
}

[data-activate-class~="background-opacity-60"][data-activate="true"] {
    --background-opacity: 0.6;
}

[data-activate-class~="background-opacity-70"][data-activate="true"] {
    --background-opacity: 0.7;
}

[data-activate-class~="background-opacity-75"][data-activate="true"] {
    --background-opacity: 0.75;
}

[data-activate-class~="background-opacity-80"][data-activate="true"] {
    --background-opacity: 0.8;
}

[data-activate-class~="background-opacity-90"][data-activate="true"] {
    --background-opacity: 0.9;
}

[data-activate-class~="background-opacity-95"][data-activate="true"] {
    --background-opacity: 0.95;
}

[data-activate-class~="background-opacity-100"][data-activate="true"] {
    --background-opacity: 1;
}

[data-activate-class~="clear-left"][data-activate="true"] {
    clear: left;
}

[data-activate-class~="clear-right"][data-activate="true"] {
    clear: right;
}

[data-activate-class~="clear-both"][data-activate="true"] {
    clear: both;
}

[data-activate-class~="clear-none"][data-activate="true"] {
    clear: none;
}

[data-activate-class~="visible"][data-activate="true"] {
    visibility: visible;
}

[data-activate-class~="invisible"][data-activate="true"] {
    visibility: hidden;
}

[data-activate-class~="opacity-0"][data-activate="true"] {
    opacity: 0;
}

[data-activate-class~="opacity-5"][data-activate="true"] {
    opacity: 0.05;
}

[data-activate-class~="opacity-10"][data-activate="true"] {
    opacity: 0.1;
}

[data-activate-class~="opacity-20"][data-activate="true"] {
    opacity: 0.2;
}

[data-activate-class~="opacity-25"][data-activate="true"] {
    opacity: 0.25;
}

[data-activate-class~="opacity-30"][data-activate="true"] {
    opacity: 0.3;
}

[data-activate-class~="opacity-40"][data-activate="true"] {
    opacity: 0.4;
}

[data-activate-class~="opacity-50"][data-activate="true"] {
    opacity: 0.5;
}

[data-activate-class~="opacity-60"][data-activate="true"] {
    opacity: 0.6;
}

[data-activate-class~="opacity-70"][data-activate="true"] {
    opacity: 0.7;
}

[data-activate-class~="opacity-75"][data-activate="true"] {
    opacity: 0.75;
}

[data-activate-class~="opacity-80"][data-activate="true"] {
    opacity: 0.8;
}

[data-activate-class~="opacity-90"][data-activate="true"] {
    opacity: 0.9;
}

[data-activate-class~="opacity-95"][data-activate="true"] {
    opacity: 0.95;
}

[data-activate-class~="opacity-100"][data-activate="true"] {
    opacity: 1;
}

[data-activate-class~="shadow-small"][data-activate="true"] {
    box-shadow: 0 0.125rem.25rem rgb(0 0 0/0.075);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[data-activate-class~="shadow-medium"][data-activate="true"] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0/0.15);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[data-activate-class~="shadow-large"][data-activate="true"] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0/0.15);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[data-activate-class~="shadow-great"][data-activate="true"] {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0/0.15);
    transition: all.36s cubic-bezier(0.25, 0.8, 0.25, 1);
}

[data-activate-class~="shadow-0"][data-activate="true"],
[data-activate-class~="shadow-none"][data-activate="true"] {
    box-shadow: none;
}

[data-activate-class~="shadow-1"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-2"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-3"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-4"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-5"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-6"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-7"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-8"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-9"][data-activate="true"] {
    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);
}

[data-activate-class~="shadow-half"][data-activate="true"] {
    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);
}

[data-activate-class~="align-baseline"][data-activate="true"] {
    vertical-align: baseline;
}

[data-activate-class~="align-top"][data-activate="true"] {
    vertical-align: top;
}

[data-activate-class~="align-middle"][data-activate="true"] {
    vertical-align: middle;
}

[data-activate-class~="align-bottom"][data-activate="true"] {
    vertical-align: bottom;
}

[data-activate-class~="align-text-top"][data-activate="true"] {
    vertical-align: text-top;
}

[data-activate-class~="align-text-bottom"][data-activate="true"] {
    vertical-align: text-bottom;
}

[data-activate-class~="circle-12"][data-activate="true"] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

[data-activate-class~="circle-18"][data-activate="true"] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

[data-activate-class~="circle-24"][data-activate="true"] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

[data-activate-class~="circle-32"][data-activate="true"] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

[data-activate-class~="circle-36"][data-activate="true"] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

[data-activate-class~="circle-48"][data-activate="true"] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

[data-activate-class~="circle-54"][data-activate="true"] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

[data-activate-class~="circle-60"][data-activate="true"] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

[data-activate-class~="circle-72"][data-activate="true"] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

[data-activate-class~="circle-84"][data-activate="true"] {
    width: 84px;
    height: 84px;
    border-radius: 50%;
}

[data-activate-class~="circle-96"][data-activate="true"] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

[data-activate-class~="circle-120"][data-activate="true"] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

[data-activate-class~="circle-180"][data-activate="true"] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

[data-activate-class~="circle-240"][data-activate="true"] {
    width: 240px;
    height: 240px;
    border-radius: 50%;
}

[data-activate-class~="circle-320"][data-activate="true"] {
    width: 320px;
    height: 320px;
    border-radius: 50%;
}

[data-activate-class~="circle-360"][data-activate="true"] {
    width: 360px;
    height: 360px;
    border-radius: 50%;
}

[data-activate-class~="circle-420"][data-activate="true"] {
    width: 420px;
    height: 420px;
    border-radius: 50%;
}

[data-activate-class~="circle-480"][data-activate="true"] {
    width: 480px;
    height: 480px;
    border-radius: 50%;
}

[data-activate-class~="circle-540"][data-activate="true"] {
    width: 540px;
    height: 540px;
    border-radius: 50%;
}

[data-activate-class~="circle-600"][data-activate="true"] {
    width: 600px;
    height: 600px;
    border-radius: 50%;
}

[data-activate-class~="circle-660"][data-activate="true"] {
    width: 660px;
    height: 660px;
    border-radius: 50%;
}

[data-activate-class~="circle-720"][data-activate="true"] {
    width: 720px;
    height: 720px;
    border-radius: 50%;
}

[data-activate-class~="circle-780"][data-activate="true"] {
    width: 780px;
    height: 780px;
    border-radius: 50%;
}

[data-activate-class~="circle-840"][data-activate="true"] {
    width: 840px;
    height: 840px;
    border-radius: 50%;
}

[data-activate-class~="circle-900"][data-activate="true"] {
    width: 900px;
    height: 900px;
    border-radius: 50%;
}

[data-activate-class~="circle-960"][data-activate="true"] {
    width: 960px;
    height: 960px;
    border-radius: 50%;
}

[data-activate-class~="circle-1020"][data-activate="true"] {
    width: 1020px;
    height: 1020px;
    border-radius: 50%;
}

[data-activate-class~="circle-1080"][data-activate="true"] {
    width: 1080px;
    height: 1080px;
    border-radius: 50%;
}

[data-activate-class~="square-12"][data-activate="true"] {
    width: 12px;
    height: 12px;
}

[data-activate-class~="square-18"][data-activate="true"] {
    width: 18px;
    height: 18px;
}

[data-activate-class~="square-24"][data-activate="true"] {
    width: 24px;
    height: 24px;
}

[data-activate-class~="square-32"][data-activate="true"] {
    width: 32px;
    height: 32px;
}

[data-activate-class~="square-36"][data-activate="true"] {
    width: 36px;
    height: 36px;
}

[data-activate-class~="square-48"][data-activate="true"] {
    width: 48px;
    height: 48px;
}

[data-activate-class~="square-54"][data-activate="true"] {
    width: 54px;
    height: 54px;
}

[data-activate-class~="square-60"][data-activate="true"] {
    width: 60px;
    height: 60px;
}

[data-activate-class~="square-72"][data-activate="true"] {
    width: 72px;
    height: 72px;
}

[data-activate-class~="square-84"][data-activate="true"] {
    width: 84px;
    height: 84px;
}

[data-activate-class~="square-96"][data-activate="true"] {
    width: 96px;
    height: 96px;
}

[data-activate-class~="square-120"][data-activate="true"] {
    width: 120px;
    height: 120px;
}

[data-activate-class~="square-180"][data-activate="true"] {
    width: 180px;
    height: 180px;
}

[data-activate-class~="square-240"][data-activate="true"] {
    width: 240px;
    height: 240px;
}

[data-activate-class~="square-320"][data-activate="true"] {
    width: 320px;
    height: 320px;
}

[data-activate-class~="square-360"][data-activate="true"] {
    width: 360px;
    height: 360px;
}

[data-activate-class~="square-420"][data-activate="true"] {
    width: 420px;
    height: 420px;
}

[data-activate-class~="square-480"][data-activate="true"] {
    width: 480px;
    height: 480px;
}

[data-activate-class~="square-540"][data-activate="true"] {
    width: 540px;
    height: 540px;
}

[data-activate-class~="square-600"][data-activate="true"] {
    width: 600px;
    height: 600px;
}

[data-activate-class~="square-660"][data-activate="true"] {
    width: 660px;
    height: 660px;
}

[data-activate-class~="square-720"][data-activate="true"] {
    width: 720px;
    height: 720px;
}

[data-activate-class~="square-780"][data-activate="true"] {
    width: 780px;
    height: 780px;
}

[data-activate-class~="square-840"][data-activate="true"] {
    width: 840px;
    height: 840px;
}

[data-activate-class~="square-900"][data-activate="true"] {
    width: 900px;
    height: 900px;
}

[data-activate-class~="square-960"][data-activate="true"] {
    width: 960px;
    height: 960px;
}

[data-activate-class~="square-1020"][data-activate="true"] {
    width: 1020px;
    height: 1020px;
}

[data-activate-class~="square-1080"][data-activate="true"] {
    width: 1080px;
    height: 1080px;
}

[data-activate-class~="square-25-percent"][data-activate="true"] {
    width: 25%;
    height: 25%;
}

[data-activate-class~="square-50-percent"][data-activate="true"] {
    width: 50%;
    height: 50%;
}

[data-activate-class~="square-75-percent"][data-activate="true"] {
    width: 75%;
    height: 75%;
}

[data-activate-class~="square-100-percent"][data-activate="true"] {
    width: 100%;
    height: 100%;
}

[data-activate-class~="max-height-12"][data-activate="true"] {
    max-height: 12px;
}

[data-activate-class~="max-height-18"][data-activate="true"] {
    max-height: 18px;
}

[data-activate-class~="max-height-24"][data-activate="true"] {
    max-height: 24px;
}

[data-activate-class~="max-height-32"][data-activate="true"] {
    max-height: 32px;
}

[data-activate-class~="max-height-36"][data-activate="true"] {
    max-height: 36px;
}

[data-activate-class~="max-height-48"][data-activate="true"] {
    max-height: 48px;
}

[data-activate-class~="max-height-54"][data-activate="true"] {
    max-height: 54px;
}

[data-activate-class~="max-height-60"][data-activate="true"] {
    max-height: 60px;
}

[data-activate-class~="max-height-72"][data-activate="true"] {
    max-height: 72px;
}

[data-activate-class~="max-height-84"][data-activate="true"] {
    max-height: 84px;
}

[data-activate-class~="max-height-96"][data-activate="true"] {
    max-height: 96px;
}

[data-activate-class~="max-height-120"][data-activate="true"] {
    max-height: 120px;
}

[data-activate-class~="max-height-180"][data-activate="true"] {
    max-height: 180px;
}

[data-activate-class~="max-height-240"][data-activate="true"] {
    max-height: 240px;
}

[data-activate-class~="max-height-320"][data-activate="true"] {
    max-height: 320px;
}

[data-activate-class~="max-height-360"][data-activate="true"] {
    max-height: 360px;
}

[data-activate-class~="max-height-420"][data-activate="true"] {
    max-height: 420px;
}

[data-activate-class~="max-height-480"][data-activate="true"] {
    max-height: 480px;
}

[data-activate-class~="max-height-540"][data-activate="true"] {
    max-height: 540px;
}

[data-activate-class~="max-height-600"][data-activate="true"] {
    max-height: 600px;
}

[data-activate-class~="max-height-660"][data-activate="true"] {
    max-height: 660px;
}

[data-activate-class~="max-height-720"][data-activate="true"] {
    max-height: 720px;
}

[data-activate-class~="max-height-780"][data-activate="true"] {
    max-height: 780px;
}

[data-activate-class~="max-height-840"][data-activate="true"] {
    max-height: 840px;
}

[data-activate-class~="max-height-900"][data-activate="true"] {
    max-height: 900px;
}

[data-activate-class~="max-height-960"][data-activate="true"] {
    max-height: 960px;
}

[data-activate-class~="max-height-1020"][data-activate="true"] {
    max-height: 1020px;
}

[data-activate-class~="max-height-1080"][data-activate="true"] {
    max-height: 1080px;
}

[data-activate-class~="max-height-prose"][data-activate="true"] {
    max-height: 65ch;
}

[data-activate-class~="max-height-screen-mini"][data-activate="true"] {
    max-height: 40rem;
}

[data-activate-class~="max-height-screen-small"][data-activate="true"] {
    max-height: 48rem;
}

[data-activate-class~="max-height-screen-medium"][data-activate="true"] {
    max-height: 62rem;
}

[data-activate-class~="max-height-screen-large"][data-activate="true"] {
    max-height: 75rem;
}

[data-activate-class~="max-height-screen-great"][data-activate="true"] {
    max-height: 97.5rem;
}

[data-activate-class~="max-height-100-percent"][data-activate="true"],
[data-activate-class~="max-height-full"][data-activate="true"] {
    max-height: 100%;
}

[data-activate-class~="min-height-auto"][data-activate="true"] {
    min-height: auto;
}

[data-activate-class~="min-height-12"][data-activate="true"] {
    min-height: 12px;
}

[data-activate-class~="min-height-18"][data-activate="true"] {
    min-height: 18px;
}

[data-activate-class~="min-height-24"][data-activate="true"] {
    min-height: 24px;
}

[data-activate-class~="min-height-32"][data-activate="true"] {
    min-height: 32px;
}

[data-activate-class~="min-height-36"][data-activate="true"] {
    min-height: 36px;
}

[data-activate-class~="min-height-48"][data-activate="true"] {
    min-height: 48px;
}

[data-activate-class~="min-height-54"][data-activate="true"] {
    min-height: 54px;
}

[data-activate-class~="min-height-60"][data-activate="true"] {
    min-height: 60px;
}

[data-activate-class~="min-height-72"][data-activate="true"] {
    min-height: 72px;
}

[data-activate-class~="min-height-84"][data-activate="true"] {
    min-height: 84px;
}

[data-activate-class~="min-height-96"][data-activate="true"] {
    min-height: 96px;
}

[data-activate-class~="min-height-120"][data-activate="true"] {
    min-height: 120px;
}

[data-activate-class~="min-height-180"][data-activate="true"] {
    min-height: 180px;
}

[data-activate-class~="min-height-240"][data-activate="true"] {
    min-height: 240px;
}

[data-activate-class~="min-height-320"][data-activate="true"] {
    min-height: 320px;
}

[data-activate-class~="min-height-360"][data-activate="true"] {
    min-height: 360px;
}

[data-activate-class~="min-height-420"][data-activate="true"] {
    min-height: 420px;
}

[data-activate-class~="min-height-480"][data-activate="true"] {
    min-height: 480px;
}

[data-activate-class~="min-height-540"][data-activate="true"] {
    min-height: 540px;
}

[data-activate-class~="min-height-600"][data-activate="true"] {
    min-height: 600px;
}

[data-activate-class~="min-height-660"][data-activate="true"] {
    min-height: 660px;
}

[data-activate-class~="min-height-720"][data-activate="true"] {
    min-height: 720px;
}

[data-activate-class~="min-height-780"][data-activate="true"] {
    min-height: 780px;
}

[data-activate-class~="min-height-840"][data-activate="true"] {
    min-height: 840px;
}

[data-activate-class~="min-height-900"][data-activate="true"] {
    min-height: 900px;
}

[data-activate-class~="min-height-960"][data-activate="true"] {
    min-height: 960px;
}

[data-activate-class~="min-height-1020"][data-activate="true"] {
    min-height: 1020px;
}

[data-activate-class~="min-height-1080"][data-activate="true"] {
    min-height: 1080px;
}

[data-activate-class~="min-height-100-percent"][data-activate="true"] {
    min-height: 100%;
}

[data-activate-class~="height-12"][data-activate="true"] {
    height: 12px;
}

[data-activate-class~="height-18"][data-activate="true"] {
    height: 18px;
}

[data-activate-class~="height-24"][data-activate="true"] {
    height: 24px;
}

[data-activate-class~="height-32"][data-activate="true"] {
    height: 32px;
}

[data-activate-class~="height-36"][data-activate="true"] {
    height: 36px;
}

[data-activate-class~="height-48"][data-activate="true"] {
    height: 48px;
}

[data-activate-class~="height-54"][data-activate="true"] {
    height: 54px;
}

[data-activate-class~="height-60"][data-activate="true"] {
    height: 60px;
}

[data-activate-class~="height-72"][data-activate="true"] {
    height: 72px;
}

[data-activate-class~="height-84"][data-activate="true"] {
    height: 84px;
}

[data-activate-class~="height-96"][data-activate="true"] {
    height: 96px;
}

[data-activate-class~="height-120"][data-activate="true"] {
    height: 120px;
}

[data-activate-class~="height-180"][data-activate="true"] {
    height: 180px;
}

[data-activate-class~="height-240"][data-activate="true"] {
    height: 240px;
}

[data-activate-class~="height-320"][data-activate="true"] {
    height: 320px;
}

[data-activate-class~="height-360"][data-activate="true"] {
    height: 360px;
}

[data-activate-class~="height-420"][data-activate="true"] {
    height: 420px;
}

[data-activate-class~="height-480"][data-activate="true"] {
    height: 480px;
}

[data-activate-class~="height-540"][data-activate="true"] {
    height: 540px;
}

[data-activate-class~="height-600"][data-activate="true"] {
    height: 600px;
}

[data-activate-class~="height-660"][data-activate="true"] {
    height: 660px;
}

[data-activate-class~="height-720"][data-activate="true"] {
    height: 720px;
}

[data-activate-class~="height-780"][data-activate="true"] {
    height: 780px;
}

[data-activate-class~="height-840"][data-activate="true"] {
    height: 840px;
}

[data-activate-class~="height-900"][data-activate="true"] {
    height: 900px;
}

[data-activate-class~="height-960"][data-activate="true"] {
    height: 960px;
}

[data-activate-class~="height-1020"][data-activate="true"] {
    height: 1020px;
}

[data-activate-class~="height-1080"][data-activate="true"] {
    height: 1080px;
}

[data-activate-class~="height-5-percent"][data-activate="true"] {
    height: 5%;
}

[data-activate-class~="height-10-percent"][data-activate="true"] {
    height: 10%;
}

[data-activate-class~="height-1\/5"][data-activate="true"],
[data-activate-class~="height-20-percent"][data-activate="true"] {
    height: 20%;
}

[data-activate-class~="height-1\/4"][data-activate="true"],
[data-activate-class~="height-25-percent"][data-activate="true"] {
    height: 25%;
}

[data-activate-class~="height-30-percent"][data-activate="true"] {
    height: 30%;
}

[data-activate-class~="height-2\/5"][data-activate="true"],
[data-activate-class~="height-40-percent"][data-activate="true"] {
    height: 40%;
}

[data-activate-class~="height-1\/2"][data-activate="true"],
[data-activate-class~="height-2\/4"][data-activate="true"],
[data-activate-class~="height-50-percent"][data-activate="true"] {
    height: 50%;
}

[data-activate-class~="height-3\/5"][data-activate="true"],
[data-activate-class~="height-60-percent"][data-activate="true"] {
    height: 60%;
}

[data-activate-class~="height-70-percent"][data-activate="true"] {
    height: 70%;
}

[data-activate-class~="height-3\/4"][data-activate="true"],
[data-activate-class~="height-75-percent"][data-activate="true"],
[data-activate-class~="height-9\/12"][data-activate="true"] {
    height: 75%;
}

[data-activate-class~="height-4\/5"][data-activate="true"],
[data-activate-class~="height-80-percent"][data-activate="true"] {
    height: 80%;
}

[data-activate-class~="height-90-percent"][data-activate="true"] {
    height: 90%;
}

[data-activate-class~="height-100-percent"][data-activate="true"],
[data-activate-class~="height-1\/1"][data-activate="true"],
[data-activate-class~="height-full"][data-activate="true"] {
    height: 100%;
}

[data-activate-class~="height-1\/2"][data-activate="true"] {
    height: 50%;
}

[data-activate-class~="height-1\/3"][data-activate="true"] {
    height: 33.333333%;
}

[data-activate-class~="height-2\/3"][data-activate="true"] {
    height: 66.666667%;
}

[data-activate-class~="height-1\/4"][data-activate="true"] {
    height: 25%;
}

[data-activate-class~="height-2\/4"][data-activate="true"] {
    height: 50%;
}

[data-activate-class~="height-3\/4"][data-activate="true"] {
    height: 75%;
}

[data-activate-class~="height-1\/5"][data-activate="true"] {
    height: 20%;
}

[data-activate-class~="height-2\/5"][data-activate="true"] {
    height: 40%;
}

[data-activate-class~="height-3\/5"][data-activate="true"] {
    height: 60%;
}

[data-activate-class~="height-4\/5"][data-activate="true"] {
    height: 80%;
}

[data-activate-class~="height-1\/6"][data-activate="true"] {
    height: 16.666667%;
}

[data-activate-class~="height-2\/6"][data-activate="true"] {
    height: 33.333333%;
}

[data-activate-class~="height-3\/6"][data-activate="true"] {
    height: 50%;
}

[data-activate-class~="height-4\/6"][data-activate="true"] {
    height: 66.666667%;
}

[data-activate-class~="height-5\/6"][data-activate="true"] {
    height: 83.333333%;
}

[data-activate-class~="height-1\/12"][data-activate="true"] {
    height: 8.333333%;
}

[data-activate-class~="height-2\/12"][data-activate="true"] {
    height: 16.666667%;
}

[data-activate-class~="height-3\/12"][data-activate="true"] {
    height: 25%;
}

[data-activate-class~="height-4\/12"][data-activate="true"] {
    height: 33.333333%;
}

[data-activate-class~="height-5\/12"][data-activate="true"] {
    height: 41.666667%;
}

[data-activate-class~="height-6\/12"][data-activate="true"] {
    height: 50%;
}

[data-activate-class~="height-7\/12"][data-activate="true"] {
    height: 58.333333%;
}

[data-activate-class~="height-8\/12"][data-activate="true"] {
    height: 66.666667%;
}

[data-activate-class~="height-9\/12"][data-activate="true"] {
    height: 75%;
}

[data-activate-class~="height-10\/12"][data-activate="true"] {
    height: 83.333333%;
}

[data-activate-class~="height-11\/12"][data-activate="true"] {
    height: 91.666667%;
}

[data-activate-class~="height-auto"][data-activate="true"] {
    height: auto;
}

[data-activate-class~="height-min-content"][data-activate="true"] {
    height: min-content;
}

[data-activate-class~="height-max-content"][data-activate="true"] {
    height: max-content;
}

[data-activate-class~="view-height-0"][data-activate="true"],
[data-activate-class~="view-height-none"][data-activate="true"] {
    height: 0;
}

[data-activate-class~="view-height-5"][data-activate="true"] {
    height: 10vh;
}

[data-activate-class~="view-height-10"][data-activate="true"] {
    height: 10vh;
}

[data-activate-class~="view-height-20"][data-activate="true"] {
    height: 20vh;
}

[data-activate-class~="view-height-25"][data-activate="true"],
[data-activate-class~="view-height-quarter"][data-activate="true"] {
    height: 25vh;
}

[data-activate-class~="view-height-30"][data-activate="true"] {
    height: 30vh;
}

[data-activate-class~="view-height-40"][data-activate="true"] {
    height: 40vh;
}

[data-activate-class~="view-height-50"][data-activate="true"],
[data-activate-class~="view-height-half"][data-activate="true"] {
    height: 50vh;
}

[data-activate-class~="view-height-60"][data-activate="true"] {
    height: 60vh;
}

[data-activate-class~="view-height-70"][data-activate="true"] {
    height: 70vh;
}

[data-activate-class~="view-height-75"][data-activate="true"] {
    height: 75vh;
}

[data-activate-class~="view-height-80"][data-activate="true"] {
    height: 80vh;
}

[data-activate-class~="view-height-90"][data-activate="true"] {
    height: 90vh;
}

[data-activate-class~="view-height-100"][data-activate="true"],
[data-activate-class~="view-height-full"][data-activate="true"] {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

[data-activate-class~="min-view-height-0"][data-activate="true"],
[data-activate-class~="min-view-height-none"][data-activate="true"] {
    min-height: 0;
}

[data-activate-class~="min-view-height-5"][data-activate="true"] {
    min-height: 10vh;
}

[data-activate-class~="min-view-height-10"][data-activate="true"] {
    min-height: 10vh;
}

[data-activate-class~="min-view-height-20"][data-activate="true"] {
    min-height: 20vh;
}

[data-activate-class~="min-view-height-25"][data-activate="true"],
[data-activate-class~="min-view-height-quarter"][data-activate="true"] {
    min-height: 25vh;
}

[data-activate-class~="min-view-height-30"][data-activate="true"] {
    min-height: 30vh;
}

[data-activate-class~="min-view-height-40"][data-activate="true"] {
    min-height: 40vh;
}

[data-activate-class~="min-view-height-50"][data-activate="true"],
[data-activate-class~="min-view-height-half"][data-activate="true"] {
    min-height: 50vh;
}

[data-activate-class~="min-view-height-60"][data-activate="true"] {
    min-height: 60vh;
}

[data-activate-class~="min-view-height-70"][data-activate="true"] {
    min-height: 70vh;
}

[data-activate-class~="min-view-height-75"][data-activate="true"] {
    min-height: 75vh;
}

[data-activate-class~="min-view-height-80"][data-activate="true"] {
    min-height: 80vh;
}

[data-activate-class~="min-view-height-90"][data-activate="true"] {
    min-height: 90vh;
}

[data-activate-class~="min-view-height-100"][data-activate="true"],
[data-activate-class~="min-view-height-full"][data-activate="true"] {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

[data-activate-class~="max-width-12"][data-activate="true"] {
    max-width: 12px;
}

[data-activate-class~="max-width-18"][data-activate="true"] {
    max-width: 18px;
}

[data-activate-class~="max-width-24"][data-activate="true"] {
    max-width: 24px;
}

[data-activate-class~="max-width-32"][data-activate="true"] {
    max-width: 32px;
}

[data-activate-class~="max-width-36"][data-activate="true"] {
    max-width: 36px;
}

[data-activate-class~="max-width-48"][data-activate="true"] {
    max-width: 48px;
}

[data-activate-class~="max-width-54"][data-activate="true"] {
    max-width: 54px;
}

[data-activate-class~="max-width-60"][data-activate="true"] {
    max-width: 60px;
}

[data-activate-class~="max-width-72"][data-activate="true"] {
    max-width: 72px;
}

[data-activate-class~="max-width-84"][data-activate="true"] {
    max-width: 84px;
}

[data-activate-class~="max-width-96"][data-activate="true"] {
    max-width: 96px;
}

[data-activate-class~="max-width-120"][data-activate="true"] {
    max-width: 120px;
}

[data-activate-class~="max-width-180"][data-activate="true"] {
    max-width: 180px;
}

[data-activate-class~="max-width-240"][data-activate="true"] {
    max-width: 240px;
}

[data-activate-class~="max-width-320"][data-activate="true"] {
    max-width: 320px;
}

[data-activate-class~="max-width-360"][data-activate="true"] {
    max-width: 360px;
}

[data-activate-class~="max-width-420"][data-activate="true"] {
    max-width: 420px;
}

[data-activate-class~="max-width-480"][data-activate="true"] {
    max-width: 480px;
}

[data-activate-class~="max-width-540"][data-activate="true"] {
    max-width: 540px;
}

[data-activate-class~="max-width-600"][data-activate="true"] {
    max-width: 600px;
}

[data-activate-class~="max-width-660"][data-activate="true"] {
    max-width: 660px;
}

[data-activate-class~="max-width-720"][data-activate="true"] {
    max-width: 720px;
}

[data-activate-class~="max-width-780"][data-activate="true"] {
    max-width: 780px;
}

[data-activate-class~="max-width-840"][data-activate="true"] {
    max-width: 840px;
}

[data-activate-class~="max-width-900"][data-activate="true"] {
    max-width: 900px;
}

[data-activate-class~="max-width-960"][data-activate="true"] {
    max-width: 960px;
}

[data-activate-class~="max-width-1020"][data-activate="true"] {
    max-width: 1020px;
}

[data-activate-class~="max-width-1080"][data-activate="true"] {
    max-width: 1080px;
}

[data-activate-class~="max-width-prose"][data-activate="true"] {
    max-width: 65ch;
}

[data-activate-class~="max-width-screen-mini"][data-activate="true"] {
    max-width: var(--root-screen-mini);
}

[data-activate-class~="max-width-screen-small"][data-activate="true"] {
    max-width: var(--root-screen-small);
}

[data-activate-class~="max-width-screen-medium"][data-activate="true"] {
    max-width: var(--root-screen-medium);
}

[data-activate-class~="max-width-screen-large"][data-activate="true"] {
    max-width: var(--root-screen-large);
}

[data-activate-class~="max-width-screen-great"][data-activate="true"] {
    max-width: var(--root-screen-great);
}

[data-activate-class~="max-width-screen-wide"][data-activate="true"] {
    max-width: var(--root-screen-wide);
}

[data-activate-class~="max-width-100-percent"][data-activate="true"],
[data-activate-class~="max-width-full"][data-activate="true"] {
    max-width: 100%;
}

[data-activate-class~="min-width-auto"][data-activate="true"] {
    min-width: auto;
}

[data-activate-class~="min-width-12"][data-activate="true"] {
    min-width: 12px;
}

[data-activate-class~="min-width-18"][data-activate="true"] {
    min-width: 18px;
}

[data-activate-class~="min-width-24"][data-activate="true"] {
    min-width: 24px;
}

[data-activate-class~="min-width-32"][data-activate="true"] {
    min-width: 32px;
}

[data-activate-class~="min-width-36"][data-activate="true"] {
    min-width: 36px;
}

[data-activate-class~="min-width-48"][data-activate="true"] {
    min-width: 48px;
}

[data-activate-class~="min-width-54"][data-activate="true"] {
    min-width: 54px;
}

[data-activate-class~="min-width-60"][data-activate="true"] {
    min-width: 60px;
}

[data-activate-class~="min-width-72"][data-activate="true"] {
    min-width: 72px;
}

[data-activate-class~="min-width-84"][data-activate="true"] {
    min-width: 84px;
}

[data-activate-class~="min-width-96"][data-activate="true"] {
    min-width: 96px;
}

[data-activate-class~="min-width-120"][data-activate="true"] {
    min-width: 120px;
}

[data-activate-class~="min-width-180"][data-activate="true"] {
    min-width: 180px;
}

[data-activate-class~="min-width-240"][data-activate="true"] {
    min-width: 240px;
}

[data-activate-class~="min-width-320"][data-activate="true"] {
    min-width: 320px;
}

[data-activate-class~="min-width-360"][data-activate="true"] {
    min-width: 360px;
}

[data-activate-class~="min-width-420"][data-activate="true"] {
    min-width: 420px;
}

[data-activate-class~="min-width-480"][data-activate="true"] {
    min-width: 480px;
}

[data-activate-class~="min-width-540"][data-activate="true"] {
    min-width: 540px;
}

[data-activate-class~="min-width-600"][data-activate="true"] {
    min-width: 600px;
}

[data-activate-class~="min-width-660"][data-activate="true"] {
    min-width: 660px;
}

[data-activate-class~="min-width-720"][data-activate="true"] {
    min-width: 720px;
}

[data-activate-class~="min-width-780"][data-activate="true"] {
    min-width: 780px;
}

[data-activate-class~="min-width-840"][data-activate="true"] {
    min-width: 840px;
}

[data-activate-class~="min-width-900"][data-activate="true"] {
    min-width: 900px;
}

[data-activate-class~="min-width-960"][data-activate="true"] {
    min-width: 960px;
}

[data-activate-class~="min-width-1020"][data-activate="true"] {
    min-width: 1020px;
}

[data-activate-class~="min-width-1080"][data-activate="true"] {
    min-width: 1080px;
}

[data-activate-class~="min-width-prose"][data-activate="true"] {
    min-width: 65ch;
}

[data-activate-class~="min-width-screen-mini"][data-activate="true"] {
    min-width: var(--root-screen-mini);
}

[data-activate-class~="min-width-screen-small"][data-activate="true"] {
    min-width: var(--root-screen-small);
}

[data-activate-class~="min-width-screen-medium"][data-activate="true"] {
    min-width: var(--root-screen-medium);
}

[data-activate-class~="min-width-screen-large"][data-activate="true"] {
    min-width: var(--root-screen-large);
}

[data-activate-class~="min-width-screen-great"][data-activate="true"] {
    min-width: var(--root-screen-great);
}

[data-activate-class~="min-width-screen-wide"][data-activate="true"] {
    min-width: var(--root-screen-wide);
}

[data-activate-class~="min-width-100-percent"][data-activate="true"] {
    min-width: 100%;
}

[data-activate-class~="width-12"][data-activate="true"] {
    width: 12px;
}

[data-activate-class~="width-18"][data-activate="true"] {
    width: 18px;
}

[data-activate-class~="width-24"][data-activate="true"] {
    width: 24px;
}

[data-activate-class~="width-32"][data-activate="true"] {
    width: 32px;
}

[data-activate-class~="width-36"][data-activate="true"] {
    width: 36px;
}

[data-activate-class~="width-48"][data-activate="true"] {
    width: 48px;
}

[data-activate-class~="width-54"][data-activate="true"] {
    width: 54px;
}

[data-activate-class~="width-60"][data-activate="true"] {
    width: 60px;
}

[data-activate-class~="width-72"][data-activate="true"] {
    width: 72px;
}

[data-activate-class~="width-84"][data-activate="true"] {
    width: 84px;
}

[data-activate-class~="width-96"][data-activate="true"] {
    width: 96px;
}

[data-activate-class~="width-120"][data-activate="true"] {
    width: 120px;
}

[data-activate-class~="width-180"][data-activate="true"] {
    width: 180px;
}

[data-activate-class~="width-240"][data-activate="true"] {
    width: 240px;
}

[data-activate-class~="width-320"][data-activate="true"] {
    width: 320px;
}

[data-activate-class~="width-360"][data-activate="true"] {
    width: 360px;
}

[data-activate-class~="width-420"][data-activate="true"] {
    width: 420px;
}

[data-activate-class~="width-480"][data-activate="true"] {
    width: 480px;
}

[data-activate-class~="width-540"][data-activate="true"] {
    width: 540px;
}

[data-activate-class~="width-600"][data-activate="true"] {
    width: 600px;
}

[data-activate-class~="width-660"][data-activate="true"] {
    width: 660px;
}

[data-activate-class~="width-720"][data-activate="true"] {
    width: 720px;
}

[data-activate-class~="width-780"][data-activate="true"] {
    width: 780px;
}

[data-activate-class~="width-840"][data-activate="true"] {
    width: 840px;
}

[data-activate-class~="width-900"][data-activate="true"] {
    width: 900px;
}

[data-activate-class~="width-960"][data-activate="true"] {
    width: 960px;
}

[data-activate-class~="width-1020"][data-activate="true"] {
    width: 1020px;
}

[data-activate-class~="width-1080"][data-activate="true"] {
    width: 1080px;
}

[data-activate-class~="width-5-percent"][data-activate="true"] {
    width: 5%;
}

[data-activate-class~="width-10-percent"][data-activate="true"] {
    width: 10%;
}

[data-activate-class~="width-20-percent"][data-activate="true"] {
    width: 20%;
}

[data-activate-class~="width-25-percent"][data-activate="true"] {
    width: 25%;
}

[data-activate-class~="width-30-percent"][data-activate="true"] {
    width: 30%;
}

[data-activate-class~="width-40-percent"][data-activate="true"] {
    width: 40%;
}

[data-activate-class~="width-50-percent"][data-activate="true"] {
    width: 50%;
}

[data-activate-class~="width-60-percent"][data-activate="true"] {
    width: 60%;
}

[data-activate-class~="width-70-percent"][data-activate="true"] {
    width: 70%;
}

[data-activate-class~="width-75-percent"][data-activate="true"] {
    width: 75%;
}

[data-activate-class~="width-80-percent"][data-activate="true"] {
    width: 80%;
}

[data-activate-class~="width-90-percent"][data-activate="true"] {
    width: 90%;
}

[data-activate-class~="width-100-percent"][data-activate="true"] {
    width: 100%;
}

[data-activate-class~="width-1\/2"][data-activate="true"] {
    width: 50%;
}

[data-activate-class~="width-1\/3"][data-activate="true"] {
    width: 33.333333%;
}

[data-activate-class~="width-2\/3"][data-activate="true"] {
    width: 66.666667%;
}

[data-activate-class~="width-1\/4"][data-activate="true"] {
    width: 25%;
}

[data-activate-class~="width-2\/4"][data-activate="true"] {
    width: 50%;
}

[data-activate-class~="width-3\/4"][data-activate="true"] {
    width: 75%;
}

[data-activate-class~="width-1\/5"][data-activate="true"] {
    width: 20%;
}

[data-activate-class~="width-2\/5"][data-activate="true"] {
    width: 40%;
}

[data-activate-class~="width-3\/5"][data-activate="true"] {
    width: 60%;
}

[data-activate-class~="width-4\/5"][data-activate="true"] {
    width: 80%;
}

[data-activate-class~="width-1\/6"][data-activate="true"] {
    width: 16.666667%;
}

[data-activate-class~="width-2\/6"][data-activate="true"] {
    width: 33.333333%;
}

[data-activate-class~="width-3\/6"][data-activate="true"] {
    width: 50%;
}

[data-activate-class~="width-4\/6"][data-activate="true"] {
    width: 66.666667%;
}

[data-activate-class~="width-5\/6"][data-activate="true"] {
    width: 83.333333%;
}

[data-activate-class~="width-1\/12"][data-activate="true"] {
    width: 8.333333%;
}

[data-activate-class~="width-2\/12"][data-activate="true"] {
    width: 16.666667%;
}

[data-activate-class~="width-3\/12"][data-activate="true"] {
    width: 25%;
}

[data-activate-class~="width-4\/12"][data-activate="true"] {
    width: 33.333333%;
}

[data-activate-class~="width-5\/12"][data-activate="true"] {
    width: 41.666667%;
}

[data-activate-class~="width-6\/12"][data-activate="true"] {
    width: 50%;
}

[data-activate-class~="width-7\/12"][data-activate="true"] {
    width: 58.333333%;
}

[data-activate-class~="width-8\/12"][data-activate="true"] {
    width: 66.666667%;
}

[data-activate-class~="width-9\/12"][data-activate="true"] {
    width: 75%;
}

[data-activate-class~="width-10\/12"][data-activate="true"] {
    width: 83.333333%;
}

[data-activate-class~="width-11\/12"][data-activate="true"] {
    width: 91.666667%;
}

[data-activate-class~="width-full"][data-activate="true"] {
    width: 100%;
}

[data-activate-class~="width-auto"][data-activate="true"] {
    width: auto;
}

[data-activate-class~="width-min-content"][data-activate="true"] {
    width: min-content;
}

[data-activate-class~="width-max-content"][data-activate="true"] {
    width: max-content;
}

[data-activate-class~="view-width-0"][data-activate="true"],
[data-activate-class~="view-width-none"][data-activate="true"] {
    width: 0;
}

[data-activate-class~="view-width-5"][data-activate="true"] {
    width: 10vw;
}

[data-activate-class~="view-width-10"][data-activate="true"] {
    width: 10vw;
}

[data-activate-class~="view-width-20"][data-activate="true"] {
    width: 20vw;
}

[data-activate-class~="view-width-25"][data-activate="true"],
[data-activate-class~="view-width-quarter"][data-activate="true"] {
    width: 25vw;
}

[data-activate-class~="view-width-30"][data-activate="true"] {
    width: 30vw;
}

[data-activate-class~="view-width-40"][data-activate="true"] {
    width: 40vw;
}

[data-activate-class~="view-width-50"][data-activate="true"],
[data-activate-class~="view-width-half"][data-activate="true"] {
    width: 50vw;
}

[data-activate-class~="view-width-60"][data-activate="true"] {
    width: 60vw;
}

[data-activate-class~="view-width-70"][data-activate="true"] {
    width: 70vw;
}

[data-activate-class~="view-width-75"][data-activate="true"] {
    width: 75vw;
}

[data-activate-class~="view-width-80"][data-activate="true"] {
    width: 80vw;
}

[data-activate-class~="view-width-90"][data-activate="true"] {
    width: 90vw;
}

[data-activate-class~="view-width-100"][data-activate="true"],
[data-activate-class~="view-width-full"][data-activate="true"] {
    width: 100vw;
}


[data-activate-class~="fa-thin"][data-activate="true"] {
    font-weight: 100;
}

[data-activate-class~="fa-light"][data-activate="true"] {
    font-weight: 300;
}

[data-activate-class~="fa-regular"][data-activate="true"] {
    font-weight: 400;
}

[data-activate-class~="fa-solid"][data-activate="true"] {
    font-weight: 900;
}

[data-activate-class~="z-index-1"][data-activate="true"] {
    z-index: 1;
}

[data-activate-class~="z-index-2"][data-activate="true"] {
    z-index: 2;
}

[data-activate-class~="z-index-3"][data-activate="true"] {
    z-index: 3;
}

[data-activate-class~="z-index-4"][data-activate="true"] {
    z-index: 4;
}

[data-activate-class~="z-index-5"][data-activate="true"] {
    z-index: 5;
}

[data-activate-class~="z-index-6"][data-activate="true"] {
    z-index: 6;
}

[data-activate-class~="z-index-7"][data-activate="true"] {
    z-index: 7;
}

[data-activate-class~="z-index-8"][data-activate="true"] {
    z-index: 8;
}

[data-activate-class~="z-index-9"][data-activate="true"] {
    z-index: 9;
}

[data-activate-class~="z-index-12"][data-activate="true"] {
    z-index: 12;
}

[data-activate-class~="z-index-24"][data-activate="true"] {
    z-index: 24;
}

[data-activate-class~="z-index-36"][data-activate="true"] {
    z-index: 36;
}

[data-activate-class~="z-index-48"][data-activate="true"] {
    z-index: 48;
}

[data-activate-class~="z-index-60"][data-activate="true"] {
    z-index: 60;
}

[data-activate-class~="z-index-72"][data-activate="true"] {
    z-index: 72;
}

[data-activate-class~="z-index-84"][data-activate="true"] {
    z-index: 84;
}

[data-activate-class~="z-index-96"][data-activate="true"] {
    z-index: 96;
}

[data-activate-class~="z-index-108"][data-activate="true"] {
    z-index: 108;
}

[data-activate-class~="z-index-120"][data-activate="true"] {
    z-index: 120;
}

[data-activate-class~="z-index-240"][data-activate="true"] {
    z-index: 240;
}

[data-activate-class~="z-index-360"][data-activate="true"] {
    z-index: 360;
}

[data-activate-class~="z-index-480"][data-activate="true"] {
    z-index: 480;
}

[data-activate-class~="z-index-600"][data-activate="true"] {
    z-index: 600;
}

[data-activate-class~="z-index-720"][data-activate="true"] {
    z-index: 720;
}

[data-activate-class~="z-index-840"][data-activate="true"] {
    z-index: 840;
}

[data-activate-class~="z-index-960"][data-activate="true"] {
    z-index: 960;
}

[data-activate-class~="z-index-1080"][data-activate="true"] {
    z-index: 1080;
}

[data-activate-class~="z-index-1200"][data-activate="true"] {
    z-index: 1200;
}

[data-activate-class~="pointer-events-none"][data-activate="true"] {
    pointer-events: none;
}

[data-activate-class~="pointer-events-auto"][data-activate="true"] {
    pointer-events: auto;
}