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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-hover-class~="row"]:hover {
    --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-hover-class~="row"]:hover>* {
    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-hover-class~="row-columns-auto"]:hover>* {
    flex: 0 0 auto;
    width: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-hover-class~="grid-columns-12"]:hover {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

[data-hover-class~="grid-columns-none"]:hover {
    grid-template-columns: none;
}

[data-hover-class~="flex-1"]:hover {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

[data-hover-class~="flex-auto"]:hover,
[data-hover-class~="flex-fill"]:hover {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

[data-hover-class~="flex-initial"]:hover {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

[data-hover-class~="flex-none"]:hover {
    -ms-flex: none;
    flex: none;
}

[data-hover-class~="flex-row"]:hover {
    -ms-flex-direction: row;
    flex-direction: row;
}

[data-hover-class~="flex-column"]:hover {
    -ms-flex-direction: column;
    flex-direction: column;
}

[data-hover-class~="flex-row-reverse"]:hover {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[data-hover-class~="flex-column-reverse"]:hover {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

[data-hover-class~="flex-grow-0"]:hover {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

[data-hover-class~="flex-grow-1"]:hover,
[data-hover-class~="flex-grow"]:hover {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

[data-hover-class~="flex-shrink-0"]:hover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

[data-hover-class~="flex-shrink-1"]:hover,
[data-hover-class~="flex-shrink"]:hover {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

[data-hover-class~="flex-wrap"]:hover {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[data-hover-class~="flex-nowrap"]:hover {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

[data-hover-class~="flex-wrap-reverse"]:hover {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

[data-hover-class~="flex-center"]:hover {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

[data-hover-class~="place-content-center"]:hover {
    place-content: center;
}

[data-hover-class~="place-content-start"]:hover {
    place-content: start;
}

[data-hover-class~="place-content-end"]:hover {
    place-content: end;
}

[data-hover-class~="place-content-between"]:hover {
    place-content: space-between;
}

[data-hover-class~="place-content-around"]:hover {
    place-content: space-around;
}

[data-hover-class~="place-content-evenly"]:hover {
    place-content: space-evenly;
}

[data-hover-class~="place-content-stretch"]:hover {
    place-content: stretch;
}

[data-hover-class~="place-items-start"]:hover {
    place-items: start;
}

[data-hover-class~="place-items-end"]:hover {
    place-items: end;
}

[data-hover-class~="place-items-center"]:hover {
    place-items: center;
}

[data-hover-class~="place-items-stretch"]:hover {
    place-items: stretch;
}

[data-hover-class~="place-self-auto"]:hover {
    place-self: auto;
}

[data-hover-class~="place-self-start"]:hover {
    place-self: start;
}

[data-hover-class~="place-self-end"]:hover {
    place-self: end;
}

[data-hover-class~="place-self-center"]:hover {
    place-self: center;
}

[data-hover-class~="place-self-stretch"]:hover {
    place-self: stretch;
}

[data-hover-class~="align-content-start"]:hover,
[data-hover-class~="content-start"]:hover {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

[data-hover-class~="align-content-end"]:hover,
[data-hover-class~="content-end"]:hover {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

[data-hover-class~="align-content-center"]:hover,
[data-hover-class~="content-center"]:hover {
    -ms-flex-line-pack: center;
    align-content: center;
}

[data-hover-class~="align-content-between"]:hover,
[data-hover-class~="content-between"]:hover {
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

[data-hover-class~="align-content-around"]:hover,
[data-hover-class~="content-around"]:hover {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

[data-hover-class~="align-content-stretch"]:hover,
[data-hover-class~="content-stretch"]:hover {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

[data-hover-class~="align-items-start"]:hover,
[data-hover-class~="items-start"]:hover {
    -ms-flex-align: start;
    align-items: flex-start;
}

[data-hover-class~="align-items-end"]:hover,
[data-hover-class~="items-end"]:hover {
    -ms-flex-align: end;
    align-items: flex-end;
}

[data-hover-class~="align-items-center"]:hover,
[data-hover-class~="items-center"]:hover {
    -ms-flex-align: center;
    align-items: center;
}

[data-hover-class~="align-items-baseline"]:hover,
[data-hover-class~="items-baseline"]:hover {
    -ms-flex-align: baseline;
    align-items: baseline;
}

[data-hover-class~="align-items-stretch"]:hover,
[data-hover-class~="items-stretch"]:hover {
    -ms-flex-align: stretch;
    align-items: stretch;
}

[data-hover-class~="align-self-auto"]:hover,
[data-hover-class~="self-auto"]:hover {
    -ms-flex-item-align: auto;
    align-self: auto;
}

[data-hover-class~="align-self-start"]:hover,
[data-hover-class~="self-start"]:hover {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

[data-hover-class~="align-self-end"]:hover,
[data-hover-class~="self-end"]:hover {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

[data-hover-class~="align-self-center"]:hover,
[data-hover-class~="self-center"]:hover {
    -ms-flex-item-align: center;
    align-self: center;
}

[data-hover-class~="align-self-baseline"]:hover,
[data-hover-class~="self-baseline"]:hover {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

[data-hover-class~="align-self-stretch"]:hover,
[data-hover-class~="self-stretch"]:hover {
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

[data-hover-class~="justify-content-start"]:hover,
[data-hover-class~="justify-start"]:hover {
    justify-content: flex-start;
}

[data-hover-class~="justify-content-end"]:hover,
[data-hover-class~="justify-end"]:hover {
    justify-content: flex-end;
}

[data-hover-class~="justify-center"]:hover,
[data-hover-class~="justify-content-center"]:hover {
    justify-content: center;
}

[data-hover-class~="justify-between"]:hover,
[data-hover-class~="justify-content-between"]:hover {
    justify-content: space-between;
}

[data-hover-class~="justify-around"]:hover,
[data-hover-class~="justify-content-around"]:hover {
    justify-content: space-around;
}

[data-hover-class~="justify-content-evenly"]:hover,
[data-hover-class~="justify-evenly"]:hover {
    justify-content: space-evenly;
}

[data-hover-class~="justify-items-start"]:hover {
    justify-items: start;
}

[data-hover-class~="justify-items-end"]:hover {
    justify-items: end;
}

[data-hover-class~="justify-items-center"]:hover {
    justify-items: center;
}

[data-hover-class~="justify-items-stretch"]:hover {
    justify-items: stretch;
}

[data-hover-class~="justify-self-auto"]:hover {
    justify-self: auto;
}

[data-hover-class~="justify-self-start"]:hover {
    justify-self: start;
}

[data-hover-class~="justify-self-end"]:hover {
    justify-self: end;
}

[data-hover-class~="justify-self-center"]:hover {
    justify-self: center;
}

[data-hover-class~="justify-self-stretch"]:hover {
    justify-self: stretch;
}

[data-hover-class~="gap-0"]:hover {
    gap: 0;
}

[data-hover-class~="gap-1"]:hover {
    gap: 1px;
}

[data-hover-class~="gap-2"]:hover {
    gap: 2px;
}

[data-hover-class~="gap-3"]:hover {
    gap: 3px;
}

[data-hover-class~="gap-4"]:hover {
    gap: 4px;
}

[data-hover-class~="gap-5"]:hover {
    gap: 5px;
}

[data-hover-class~="gap-6"]:hover {
    gap: 6px;
}

[data-hover-class~="gap-7"]:hover {
    gap: 7px;
}

[data-hover-class~="gap-8"]:hover {
    gap: 8px;
}

[data-hover-class~="gap-9"]:hover {
    gap: 9px;
}

[data-hover-class~="gap-10"]:hover {
    gap: 10px;
}

[data-hover-class~="gap-11"]:hover {
    gap: 11px;
}

[data-hover-class~="gap-12"]:hover {
    gap: 12px;
}

[data-hover-class~="gap-14"]:hover {
    gap: 14px;
}

[data-hover-class~="gap-16"]:hover {
    gap: 16px;
}

[data-hover-class~="gap-18"]:hover {
    gap: 18px;
}

[data-hover-class~="gap-20"]:hover {
    gap: 20px;
}

[data-hover-class~="gap-22"]:hover {
    gap: 22px;
}

[data-hover-class~="gap-24"]:hover {
    gap: 24px;
}

[data-hover-class~="gap-32"]:hover {
    gap: 32px;
}

[data-hover-class~="gap-36"]:hover {
    gap: 36px;
}

[data-hover-class~="gap-48"]:hover {
    gap: 48px;
}

[data-hover-class~="gap-50"]:hover {
    gap: 50px;
}

[data-hover-class~="gap-56"]:hover {
    gap: 56px;
}

[data-hover-class~="gap-60"]:hover {
    gap: 60px;
}

[data-hover-class~="gap-72"]:hover {
    gap: 72px;
}

[data-hover-class~="gap-80"]:hover {
    gap: 80px;
}

[data-hover-class~="gap-96"]:hover {
    gap: 96px;
}

[data-hover-class~="gap-120"]:hover {
    gap: 120px;
}

[data-hover-class~="gap-180"]:hover {
    gap: 180px;
}

[data-hover-class~="gap-240"]:hover {
    gap: 240px;
}

[data-hover-class~="gap-320"]:hover {
    gap: 320px;
}

[data-hover-class~="gap-360"]:hover {
    gap: 360px;
}

[data-hover-class~="column-gap-0"]:hover,
[data-hover-class~="gap-x-0"]:hover {
    column-gap: 0;
}

[data-hover-class~="column-gap-1"]:hover,
[data-hover-class~="gap-x-1"]:hover {
    column-gap: 1px;
}

[data-hover-class~="column-gap-2"]:hover,
[data-hover-class~="gap-x-2"]:hover {
    column-gap: 2px;
}

[data-hover-class~="column-gap-3"]:hover,
[data-hover-class~="gap-x-3"]:hover {
    column-gap: 3px;
}

[data-hover-class~="column-gap-4"]:hover,
[data-hover-class~="gap-x-4"]:hover {
    column-gap: 4px;
}

[data-hover-class~="column-gap-5"]:hover,
[data-hover-class~="gap-x-5"]:hover {
    column-gap: 5px;
}

[data-hover-class~="column-gap-6"]:hover,
[data-hover-class~="gap-x-6"]:hover {
    column-gap: 6px;
}

[data-hover-class~="column-gap-7"]:hover,
[data-hover-class~="gap-x-7"]:hover {
    column-gap: 7px;
}

[data-hover-class~="column-gap-8"]:hover,
[data-hover-class~="gap-x-8"]:hover {
    column-gap: 8px;
}

[data-hover-class~="column-gap-9"]:hover,
[data-hover-class~="gap-x-9"]:hover {
    column-gap: 9px;
}

[data-hover-class~="column-gap-10"]:hover,
[data-hover-class~="gap-x-10"]:hover {
    column-gap: 10px;
}

[data-hover-class~="column-gap-11"]:hover,
[data-hover-class~="gap-x-11"]:hover {
    column-gap: 11px;
}

[data-hover-class~="column-gap-12"]:hover,
[data-hover-class~="gap-x-12"]:hover {
    column-gap: 12px;
}

[data-hover-class~="column-gap-14"]:hover,
[data-hover-class~="gap-x-14"]:hover {
    column-gap: 14px;
}

[data-hover-class~="column-gap-16"]:hover,
[data-hover-class~="gap-x-16"]:hover {
    column-gap: 16px;
}

[data-hover-class~="column-gap-18"]:hover,
[data-hover-class~="gap-x-18"]:hover {
    column-gap: 18px;
}

[data-hover-class~="column-gap-20"]:hover,
[data-hover-class~="gap-x-20"]:hover {
    column-gap: 20px;
}

[data-hover-class~="column-gap-22"]:hover,
[data-hover-class~="gap-x-22"]:hover {
    column-gap: 22px;
}

[data-hover-class~="column-gap-24"]:hover,
[data-hover-class~="gap-x-24"]:hover {
    column-gap: 24px;
}

[data-hover-class~="column-gap-32"]:hover,
[data-hover-class~="gap-x-32"]:hover {
    column-gap: 32px;
}

[data-hover-class~="column-gap-36"]:hover,
[data-hover-class~="gap-x-36"]:hover {
    column-gap: 36px;
}

[data-hover-class~="column-gap-48"]:hover,
[data-hover-class~="gap-x-48"]:hover {
    column-gap: 48px;
}

[data-hover-class~="column-gap-50"]:hover,
[data-hover-class~="gap-x-50"]:hover {
    column-gap: 50px;
}

[data-hover-class~="column-gap-56"]:hover,
[data-hover-class~="gap-x-56"]:hover {
    column-gap: 56px;
}

[data-hover-class~="column-gap-60"]:hover,
[data-hover-class~="gap-x-60"]:hover {
    column-gap: 60px;
}

[data-hover-class~="column-gap-72"]:hover,
[data-hover-class~="gap-x-72"]:hover {
    column-gap: 72px;
}

[data-hover-class~="column-gap-80"]:hover,
[data-hover-class~="gap-x-80"]:hover {
    column-gap: 80px;
}

[data-hover-class~="column-gap-96"]:hover,
[data-hover-class~="gap-x-96"]:hover {
    column-gap: 96px;
}

[data-hover-class~="column-gap-120"]:hover,
[data-hover-class~="gap-x-120"]:hover {
    column-gap: 120px;
}

[data-hover-class~="column-gap-180"]:hover,
[data-hover-class~="gap-x-180"]:hover {
    column-gap: 180px;
}

[data-hover-class~="column-gap-240"]:hover,
[data-hover-class~="gap-x-240"]:hover {
    column-gap: 240px;
}

[data-hover-class~="column-gap-320"]:hover,
[data-hover-class~="gap-x-320"]:hover {
    column-gap: 320px;
}

[data-hover-class~="column-gap-360"]:hover,
[data-hover-class~="gap-x-360"]:hover {
    column-gap: 360px;
}

[data-hover-class~="column-gap-0"]:hover,
[data-hover-class~="gap-y-0"]:hover {
    row-gap: 0;
}

[data-hover-class~="column-gap-1"]:hover,
[data-hover-class~="gap-y-1"]:hover {
    row-gap: 1px;
}

[data-hover-class~="column-gap-2"]:hover,
[data-hover-class~="gap-y-2"]:hover {
    row-gap: 2px;
}

[data-hover-class~="column-gap-3"]:hover,
[data-hover-class~="gap-y-3"]:hover {
    row-gap: 3px;
}

[data-hover-class~="column-gap-4"]:hover,
[data-hover-class~="gap-y-4"]:hover {
    row-gap: 4px;
}

[data-hover-class~="column-gap-5"]:hover,
[data-hover-class~="gap-y-5"]:hover {
    row-gap: 5px;
}

[data-hover-class~="column-gap-6"]:hover,
[data-hover-class~="gap-y-6"]:hover {
    row-gap: 6px;
}

[data-hover-class~="column-gap-7"]:hover,
[data-hover-class~="gap-y-7"]:hover {
    row-gap: 7px;
}

[data-hover-class~="column-gap-8"]:hover,
[data-hover-class~="gap-y-8"]:hover {
    row-gap: 8px;
}

[data-hover-class~="column-gap-9"]:hover,
[data-hover-class~="gap-y-9"]:hover {
    row-gap: 9px;
}

[data-hover-class~="column-gap-10"]:hover,
[data-hover-class~="gap-y-10"]:hover {
    row-gap: 10px;
}

[data-hover-class~="column-gap-11"]:hover,
[data-hover-class~="gap-y-11"]:hover {
    row-gap: 11px;
}

[data-hover-class~="column-gap-12"]:hover,
[data-hover-class~="gap-y-12"]:hover {
    row-gap: 12px;
}

[data-hover-class~="column-gap-14"]:hover,
[data-hover-class~="gap-y-14"]:hover {
    row-gap: 14px;
}

[data-hover-class~="column-gap-16"]:hover,
[data-hover-class~="gap-y-16"]:hover {
    row-gap: 16px;
}

[data-hover-class~="column-gap-18"]:hover,
[data-hover-class~="gap-y-18"]:hover {
    row-gap: 18px;
}

[data-hover-class~="column-gap-20"]:hover,
[data-hover-class~="gap-y-20"]:hover {
    row-gap: 20px;
}

[data-hover-class~="column-gap-22"]:hover,
[data-hover-class~="gap-y-22"]:hover {
    row-gap: 22px;
}

[data-hover-class~="column-gap-24"]:hover,
[data-hover-class~="gap-y-24"]:hover {
    row-gap: 24px;
}

[data-hover-class~="column-gap-32"]:hover,
[data-hover-class~="gap-y-32"]:hover {
    row-gap: 32px;
}

[data-hover-class~="column-gap-36"]:hover,
[data-hover-class~="gap-y-36"]:hover {
    row-gap: 36px;
}

[data-hover-class~="column-gap-48"]:hover,
[data-hover-class~="gap-y-48"]:hover {
    row-gap: 48px;
}

[data-hover-class~="column-gap-50"]:hover,
[data-hover-class~="gap-y-50"]:hover {
    row-gap: 50px;
}

[data-hover-class~="column-gap-56"]:hover,
[data-hover-class~="gap-y-56"]:hover {
    row-gap: 56px;
}

[data-hover-class~="column-gap-60"]:hover,
[data-hover-class~="gap-y-60"]:hover {
    row-gap: 60px;
}

[data-hover-class~="column-gap-72"]:hover,
[data-hover-class~="gap-y-72"]:hover {
    row-gap: 72px;
}

[data-hover-class~="column-gap-80"]:hover,
[data-hover-class~="gap-y-80"]:hover {
    row-gap: 80px;
}

[data-hover-class~="column-gap-96"]:hover,
[data-hover-class~="gap-y-96"]:hover {
    row-gap: 96px;
}

[data-hover-class~="column-gap-120"]:hover,
[data-hover-class~="gap-y-120"]:hover {
    row-gap: 120px;
}

[data-hover-class~="column-gap-180"]:hover,
[data-hover-class~="gap-y-180"]:hover {
    row-gap: 180px;
}

[data-hover-class~="column-gap-240"]:hover,
[data-hover-class~="gap-y-240"]:hover {
    row-gap: 240px;
}

[data-hover-class~="column-gap-320"]:hover,
[data-hover-class~="gap-y-320"]:hover {
    row-gap: 320px;
}

[data-hover-class~="column-gap-360"]:hover,
[data-hover-class~="gap-y-360"]:hover {
    row-gap: 360px;
}

[data-hover-class~="space-x-0"]:hover> :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-hover-class~="-space-x-0"]:hover> :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-hover-class~="space-y-0"]:hover> :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-hover-class~="-space-y-0"]:hover> :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-hover-class~="space-x-1"]:hover> :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-hover-class~="-space-x-1"]:hover> :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-hover-class~="space-y-1"]:hover> :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-hover-class~="-space-y-1"]:hover> :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-hover-class~="space-x-2"]:hover> :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-hover-class~="-space-x-2"]:hover> :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-hover-class~="space-y-2"]:hover> :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-hover-class~="-space-y-2"]:hover> :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-hover-class~="space-x-3"]:hover> :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-hover-class~="-space-x-3"]:hover> :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-hover-class~="space-y-3"]:hover> :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-hover-class~="-space-y-3"]:hover> :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-hover-class~="space-x-4"]:hover> :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-hover-class~="-space-x-4"]:hover> :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-hover-class~="space-y-4"]:hover> :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-hover-class~="-space-y-4"]:hover> :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-hover-class~="space-x-5"]:hover> :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-hover-class~="-space-x-5"]:hover> :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-hover-class~="space-y-5"]:hover> :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-hover-class~="-space-y-5"]:hover> :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-hover-class~="space-x-6"]:hover> :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-hover-class~="-space-x-6"]:hover> :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-hover-class~="space-y-6"]:hover> :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-hover-class~="-space-y-6"]:hover> :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-hover-class~="space-x-7"]:hover> :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-hover-class~="-space-x-7"]:hover> :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-hover-class~="space-y-7"]:hover> :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-hover-class~="-space-y-7"]:hover> :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-hover-class~="space-x-8"]:hover> :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-hover-class~="-space-x-8"]:hover> :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-hover-class~="space-y-8"]:hover> :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-hover-class~="-space-y-8"]:hover> :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-hover-class~="space-x-9"]:hover> :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-hover-class~="-space-x-9"]:hover> :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-hover-class~="space-y-9"]:hover> :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-hover-class~="-space-y-9"]:hover> :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-hover-class~="space-x-10"]:hover> :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-hover-class~="-space-x-10"]:hover> :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-hover-class~="space-y-10"]:hover> :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-hover-class~="-space-y-10"]:hover> :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-hover-class~="space-x-11"]:hover> :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-hover-class~="-space-x-11"]:hover> :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-hover-class~="space-y-11"]:hover> :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-hover-class~="-space-y-11"]:hover> :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-hover-class~="space-x-12"]:hover> :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-hover-class~="-space-x-12"]:hover> :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-hover-class~="space-y-12"]:hover> :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-hover-class~="-space-y-12"]:hover> :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-hover-class~="space-x-14"]:hover> :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-hover-class~="-space-x-14"]:hover> :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-hover-class~="space-y-14"]:hover> :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-hover-class~="-space-y-14"]:hover> :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-hover-class~="space-x-16"]:hover> :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-hover-class~="-space-x-16"]:hover> :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-hover-class~="space-y-16"]:hover> :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-hover-class~="-space-y-16"]:hover> :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-hover-class~="space-x-18"]:hover> :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-hover-class~="-space-x-18"]:hover> :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-hover-class~="space-y-18"]:hover> :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-hover-class~="-space-y-18"]:hover> :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-hover-class~="space-x-20"]:hover> :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-hover-class~="-space-x-20"]:hover> :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-hover-class~="space-y-20"]:hover> :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-hover-class~="-space-y-20"]:hover> :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-hover-class~="space-x-22"]:hover> :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-hover-class~="-space-x-22"]:hover> :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-hover-class~="space-y-22"]:hover> :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-hover-class~="-space-y-22"]:hover> :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-hover-class~="space-x-24"]:hover> :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-hover-class~="-space-x-24"]:hover> :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-hover-class~="space-y-24"]:hover> :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-hover-class~="-space-y-24"]:hover> :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-hover-class~="space-x-30"]:hover> :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-hover-class~="-space-x-30"]:hover> :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-hover-class~="space-y-30"]:hover> :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-hover-class~="-space-y-30"]:hover> :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-hover-class~="space-x-36"]:hover> :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-hover-class~="-space-x-36"]:hover> :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-hover-class~="space-y-36"]:hover> :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-hover-class~="-space-y-36"]:hover> :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-hover-class~="space-x-48"]:hover> :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-hover-class~="-space-x-48"]:hover> :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-hover-class~="space-y-48"]:hover> :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-hover-class~="-space-y-48"]:hover> :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-hover-class~="space-x-50"]:hover> :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-hover-class~="-space-x-50"]:hover> :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-hover-class~="space-y-50"]:hover> :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-hover-class~="-space-y-50"]:hover> :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-hover-class~="space-x-56"]:hover> :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-hover-class~="-space-x-56"]:hover> :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-hover-class~="space-y-56"]:hover> :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-hover-class~="-space-y-56"]:hover> :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-hover-class~="space-x-60"]:hover> :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-hover-class~="-space-x-60"]:hover> :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-hover-class~="space-y-60"]:hover> :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-hover-class~="-space-y-60"]:hover> :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-hover-class~="space-x-72"]:hover> :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-hover-class~="-space-x-72"]:hover> :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-hover-class~="space-y-72"]:hover> :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-hover-class~="-space-y-72"]:hover> :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-hover-class~="space-x-80"]:hover> :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-hover-class~="-space-x-80"]:hover> :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-hover-class~="space-y-80"]:hover> :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-hover-class~="-space-y-80"]:hover> :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-hover-class~="space-x-96"]:hover> :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-hover-class~="-space-x-96"]:hover> :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-hover-class~="space-y-96"]:hover> :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-hover-class~="-space-y-96"]:hover> :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-hover-class~="space-x-120"]:hover> :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-hover-class~="-space-x-120"]:hover> :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-hover-class~="space-y-120"]:hover> :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-hover-class~="-space-y-120"]:hover> :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-hover-class~="space-x-180"]:hover> :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-hover-class~="-space-x-180"]:hover> :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-hover-class~="space-y-180"]:hover> :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-hover-class~="-space-y-180"]:hover> :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-hover-class~="space-x-240"]:hover> :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-hover-class~="-space-x-240"]:hover> :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-hover-class~="space-y-240"]:hover> :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-hover-class~="-space-y-240"]:hover> :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-hover-class~="space-x-320"]:hover> :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-hover-class~="-space-x-320"]:hover> :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-hover-class~="space-y-320"]:hover> :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-hover-class~="-space-y-320"]:hover> :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-hover-class~="space-x-360"]:hover> :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-hover-class~="-space-x-360"]:hover> :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-hover-class~="space-y-360"]:hover> :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-hover-class~="-space-y-360"]:hover> :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-hover-class~="padding-0"]:hover {
    padding: 0;
}

[data-hover-class~="padding-1"]:hover {
    padding: 1px;
}

[data-hover-class~="padding-2"]:hover {
    padding: 2px;
}

[data-hover-class~="padding-3"]:hover {
    padding: 3px;
}

[data-hover-class~="padding-4"]:hover {
    padding: 4px;
}

[data-hover-class~="padding-5"]:hover {
    padding: 5px;
}

[data-hover-class~="padding-6"]:hover {
    padding: 6px;
}

[data-hover-class~="padding-7"]:hover {
    padding: 7px;
}

[data-hover-class~="padding-8"]:hover {
    padding: 8px;
}

[data-hover-class~="padding-9"]:hover {
    padding: 9px;
}

[data-hover-class~="padding-10"]:hover {
    padding: 10px;
}

[data-hover-class~="padding-11"]:hover {
    padding: 11px;
}

[data-hover-class~="padding-12"]:hover {
    padding: 12px;
}

[data-hover-class~="padding-14"]:hover {
    padding: 14px;
}

[data-hover-class~="padding-16"]:hover {
    padding: 16px;
}

[data-hover-class~="padding-18"]:hover {
    padding: 18px;
}

[data-hover-class~="padding-20"]:hover {
    padding: 20px;
}

[data-hover-class~="padding-22"]:hover {
    padding: 22px;
}

[data-hover-class~="padding-24"]:hover {
    padding: 24px;
}

[data-hover-class~="padding-30"]:hover {
    padding: 30px;
}

[data-hover-class~="padding-36"]:hover {
    padding: 36px;
}

[data-hover-class~="padding-48"]:hover {
    padding: 48px;
}

[data-hover-class~="padding-50"]:hover {
    padding: 50px;
}

[data-hover-class~="padding-56"]:hover {
    padding: 56px;
}

[data-hover-class~="padding-60"]:hover {
    padding: 60px;
}

[data-hover-class~="padding-72"]:hover {
    padding: 72px;
}

[data-hover-class~="padding-80"]:hover {
    padding: 80px;
}

[data-hover-class~="padding-96"]:hover {
    padding: 96px;
}

[data-hover-class~="padding-120"]:hover {
    padding: 120px;
}

[data-hover-class~="padding-180"]:hover {
    padding: 180px;
}

[data-hover-class~="padding-240"]:hover {
    padding: 240px;
}

[data-hover-class~="padding-320"]:hover {
    padding: 320px;
}

[data-hover-class~="padding-360"]:hover {
    padding: 360px;
}

[data-hover-class~="padding-left-0"]:hover,
[data-hover-class~="padding-x-0"]:hover {
    padding-left: 0;
}

[data-hover-class~="padding-top-0"]:hover,
[data-hover-class~="padding-y-0"]:hover {
    padding-top: 0;
}

[data-hover-class~="padding-right-0"]:hover,
[data-hover-class~="padding-x-0"]:hover {
    padding-right: 0;
}

[data-hover-class~="padding-bottom-0"]:hover,
[data-hover-class~="padding-y-0"]:hover {
    padding-bottom: 0;
}

[data-hover-class~="padding-left-1"]:hover,
[data-hover-class~="padding-x-8"]:hover {
    padding-left: 1px;
}

[data-hover-class~="padding-top-1"]:hover,
[data-hover-class~="padding-y-1"]:hover {
    padding-top: 1px;
}

[data-hover-class~="padding-right-1"]:hover,
[data-hover-class~="padding-x-8"]:hover {
    padding-right: 1px;
}

[data-hover-class~="padding-bottom-1"]:hover,
[data-hover-class~="padding-y-1"]:hover {
    padding-bottom: 1px;
}

[data-hover-class~="padding-left-2"]:hover,
[data-hover-class~="padding-x-2"]:hover {
    padding-left: 2px;
}

[data-hover-class~="padding-top-2"]:hover,
[data-hover-class~="padding-y-2"]:hover {
    padding-top: 2px;
}

[data-hover-class~="padding-right-2"]:hover,
[data-hover-class~="padding-x-2"]:hover {
    padding-right: 2px;
}

[data-hover-class~="padding-bottom-2"]:hover,
[data-hover-class~="padding-y-2"]:hover {
    padding-bottom: 2px;
}

[data-hover-class~="padding-left-3"]:hover,
[data-hover-class~="padding-x-3"]:hover {
    padding-left: 3px;
}

[data-hover-class~="padding-top-3"]:hover,
[data-hover-class~="padding-y-3"]:hover {
    padding-top: 3px;
}

[data-hover-class~="padding-right-3"]:hover,
[data-hover-class~="padding-x-3"]:hover {
    padding-right: 3px;
}

[data-hover-class~="padding-bottom-3"]:hover,
[data-hover-class~="padding-y-3"]:hover {
    padding-bottom: 3px;
}

[data-hover-class~="padding-left-4"]:hover,
[data-hover-class~="padding-x-4"]:hover {
    padding-left: 4px;
}

[data-hover-class~="padding-top-4"]:hover,
[data-hover-class~="padding-y-4"]:hover {
    padding-top: 4px;
}

[data-hover-class~="padding-right-4"]:hover,
[data-hover-class~="padding-x-4"]:hover {
    padding-right: 4px;
}

[data-hover-class~="padding-bottom-4"]:hover,
[data-hover-class~="padding-y-4"]:hover {
    padding-bottom: 4px;
}

[data-hover-class~="padding-left-5"]:hover,
[data-hover-class~="padding-x-5"]:hover {
    padding-left: 5px;
}

[data-hover-class~="padding-top-5"]:hover,
[data-hover-class~="padding-y-5"]:hover {
    padding-top: 5px;
}

[data-hover-class~="padding-right-5"]:hover,
[data-hover-class~="padding-x-5"]:hover {
    padding-right: 5px;
}

[data-hover-class~="padding-bottom-5"]:hover,
[data-hover-class~="padding-y-5"]:hover {
    padding-bottom: 5px;
}

[data-hover-class~="padding-left-6"]:hover,
[data-hover-class~="padding-x-6"]:hover {
    padding-left: 6px;
}

[data-hover-class~="padding-top-6"]:hover,
[data-hover-class~="padding-y-6"]:hover {
    padding-top: 6px;
}

[data-hover-class~="padding-right-6"]:hover,
[data-hover-class~="padding-x-6"]:hover {
    padding-right: 6px;
}

[data-hover-class~="padding-bottom-6"]:hover,
[data-hover-class~="padding-y-6"]:hover {
    padding-bottom: 6px;
}

[data-hover-class~="padding-left-7"]:hover,
[data-hover-class~="padding-x-7"]:hover {
    padding-left: 7px;
}

[data-hover-class~="padding-top-7"]:hover,
[data-hover-class~="padding-y-7"]:hover {
    padding-top: 7px;
}

[data-hover-class~="padding-right-7"]:hover,
[data-hover-class~="padding-x-7"]:hover {
    padding-right: 7px;
}

[data-hover-class~="padding-bottom-7"]:hover,
[data-hover-class~="padding-y-7"]:hover {
    padding-bottom: 7px;
}

[data-hover-class~="padding-left-8"]:hover,
[data-hover-class~="padding-x-8"]:hover {
    padding-left: 8px;
}

[data-hover-class~="padding-top-8"]:hover,
[data-hover-class~="padding-y-8"]:hover {
    padding-top: 8px;
}

[data-hover-class~="padding-right-8"]:hover,
[data-hover-class~="padding-x-8"]:hover {
    padding-right: 8px;
}

[data-hover-class~="padding-bottom-8"]:hover,
[data-hover-class~="padding-y-8"]:hover {
    padding-bottom: 8px;
}

[data-hover-class~="padding-left-9"]:hover,
[data-hover-class~="padding-x-9"]:hover {
    padding-left: 9px;
}

[data-hover-class~="padding-top-9"]:hover,
[data-hover-class~="padding-y-9"]:hover {
    padding-top: 9px;
}

[data-hover-class~="padding-right-9"]:hover,
[data-hover-class~="padding-x-9"]:hover {
    padding-right: 9px;
}

[data-hover-class~="padding-bottom-9"]:hover,
[data-hover-class~="padding-y-9"]:hover {
    padding-bottom: 9px;
}

[data-hover-class~="padding-left-10"]:hover,
[data-hover-class~="padding-x-10"]:hover {
    padding-left: 10px;
}

[data-hover-class~="padding-top-10"]:hover,
[data-hover-class~="padding-y-10"]:hover {
    padding-top: 10px;
}

[data-hover-class~="padding-right-10"]:hover,
[data-hover-class~="padding-x-10"]:hover {
    padding-right: 10px;
}

[data-hover-class~="padding-bottom-10"]:hover,
[data-hover-class~="padding-y-10"]:hover {
    padding-bottom: 10px;
}

[data-hover-class~="padding-left-11"]:hover,
[data-hover-class~="padding-x-11"]:hover {
    padding-left: 11px;
}

[data-hover-class~="padding-top-11"]:hover,
[data-hover-class~="padding-y-11"]:hover {
    padding-top: 11px;
}

[data-hover-class~="padding-right-11"]:hover,
[data-hover-class~="padding-x-11"]:hover {
    padding-right: 11px;
}

[data-hover-class~="padding-bottom-11"]:hover,
[data-hover-class~="padding-y-11"]:hover {
    padding-bottom: 11px;
}

[data-hover-class~="padding-left-12"]:hover,
[data-hover-class~="padding-x-12"]:hover {
    padding-left: 12px;
}

[data-hover-class~="padding-top-12"]:hover,
[data-hover-class~="padding-y-12"]:hover {
    padding-top: 12px;
}

[data-hover-class~="padding-right-12"]:hover,
[data-hover-class~="padding-x-12"]:hover {
    padding-right: 12px;
}

[data-hover-class~="padding-bottom-12"]:hover,
[data-hover-class~="padding-y-12"]:hover {
    padding-bottom: 12px;
}

[data-hover-class~="padding-left-14"]:hover,
[data-hover-class~="padding-x-14"]:hover {
    padding-left: 14px;
}

[data-hover-class~="padding-top-14"]:hover,
[data-hover-class~="padding-y-14"]:hover {
    padding-top: 14px;
}

[data-hover-class~="padding-right-14"]:hover,
[data-hover-class~="padding-x-14"]:hover {
    padding-right: 14px;
}

[data-hover-class~="padding-bottom-14"]:hover,
[data-hover-class~="padding-y-14"]:hover {
    padding-bottom: 14px;
}

[data-hover-class~="padding-left-16"]:hover,
[data-hover-class~="padding-x-16"]:hover {
    padding-left: 16px;
}

[data-hover-class~="padding-top-16"]:hover,
[data-hover-class~="padding-y-16"]:hover {
    padding-top: 16px;
}

[data-hover-class~="padding-right-16"]:hover,
[data-hover-class~="padding-x-16"]:hover {
    padding-right: 16px;
}

[data-hover-class~="padding-bottom-16"]:hover,
[data-hover-class~="padding-y-16"]:hover {
    padding-bottom: 16px;
}

[data-hover-class~="padding-left-18"]:hover,
[data-hover-class~="padding-x-18"]:hover {
    padding-left: 18px;
}

[data-hover-class~="padding-top-18"]:hover,
[data-hover-class~="padding-y-18"]:hover {
    padding-top: 18px;
}

[data-hover-class~="padding-right-18"]:hover,
[data-hover-class~="padding-x-18"]:hover {
    padding-right: 18px;
}

[data-hover-class~="padding-bottom-18"]:hover,
[data-hover-class~="padding-y-18"]:hover {
    padding-bottom: 18px;
}

[data-hover-class~="padding-left-20"]:hover,
[data-hover-class~="padding-x-20"]:hover {
    padding-left: 20px;
}

[data-hover-class~="padding-top-20"]:hover,
[data-hover-class~="padding-y-20"]:hover {
    padding-top: 20px;
}

[data-hover-class~="padding-right-20"]:hover,
[data-hover-class~="padding-x-20"]:hover {
    padding-right: 20px;
}

[data-hover-class~="padding-bottom-20"]:hover,
[data-hover-class~="padding-y-20"]:hover {
    padding-bottom: 20px;
}

[data-hover-class~="padding-left-22"]:hover,
[data-hover-class~="padding-x-22"]:hover {
    padding-left: 22px;
}

[data-hover-class~="padding-top-22"]:hover,
[data-hover-class~="padding-y-22"]:hover {
    padding-top: 22px;
}

[data-hover-class~="padding-right-22"]:hover,
[data-hover-class~="padding-x-22"]:hover {
    padding-right: 22px;
}

[data-hover-class~="padding-bottom-22"]:hover,
[data-hover-class~="padding-y-22"]:hover {
    padding-bottom: 22px;
}

[data-hover-class~="padding-left-24"]:hover,
[data-hover-class~="padding-x-24"]:hover {
    padding-left: 24px;
}

[data-hover-class~="padding-top-24"]:hover,
[data-hover-class~="padding-y-24"]:hover {
    padding-top: 24px;
}

[data-hover-class~="padding-right-24"]:hover,
[data-hover-class~="padding-x-24"]:hover {
    padding-right: 24px;
}

[data-hover-class~="padding-bottom-24"]:hover,
[data-hover-class~="padding-y-24"]:hover {
    padding-bottom: 24px;
}

[data-hover-class~="padding-left-30"]:hover,
[data-hover-class~="padding-x-30"]:hover {
    padding-left: 30px;
}

[data-hover-class~="padding-top-30"]:hover,
[data-hover-class~="padding-y-30"]:hover {
    padding-top: 30px;
}

[data-hover-class~="padding-right-30"]:hover,
[data-hover-class~="padding-x-30"]:hover {
    padding-right: 30px;
}

[data-hover-class~="padding-bottom-30"]:hover,
[data-hover-class~="padding-y-30"]:hover {
    padding-bottom: 30px;
}

[data-hover-class~="padding-left-36"]:hover,
[data-hover-class~="padding-x-36"]:hover {
    padding-left: 36px;
}

[data-hover-class~="padding-top-36"]:hover,
[data-hover-class~="padding-y-36"]:hover {
    padding-top: 36px;
}

[data-hover-class~="padding-right-36"]:hover,
[data-hover-class~="padding-x-36"]:hover {
    padding-right: 36px;
}

[data-hover-class~="padding-bottom-36"]:hover,
[data-hover-class~="padding-y-36"]:hover {
    padding-bottom: 36px;
}

[data-hover-class~="padding-left-48"]:hover,
[data-hover-class~="padding-x-48"]:hover {
    padding-left: 48px;
}

[data-hover-class~="padding-top-48"]:hover,
[data-hover-class~="padding-y-48"]:hover {
    padding-top: 48px;
}

[data-hover-class~="padding-right-48"]:hover,
[data-hover-class~="padding-x-48"]:hover {
    padding-right: 48px;
}

[data-hover-class~="padding-bottom-48"]:hover,
[data-hover-class~="padding-y-48"]:hover {
    padding-bottom: 48px;
}

[data-hover-class~="padding-left-50"]:hover,
[data-hover-class~="padding-x-50"]:hover {
    padding-left: 50px;
}

[data-hover-class~="padding-top-50"]:hover,
[data-hover-class~="padding-y-50"]:hover {
    padding-top: 50px;
}

[data-hover-class~="padding-right-50"]:hover,
[data-hover-class~="padding-x-50"]:hover {
    padding-right: 50px;
}

[data-hover-class~="padding-bottom-50"]:hover,
[data-hover-class~="padding-y-50"]:hover {
    padding-bottom: 50px;
}

[data-hover-class~="padding-left-56"]:hover,
[data-hover-class~="padding-x-56"]:hover {
    padding-left: 56px;
}

[data-hover-class~="padding-top-56"]:hover,
[data-hover-class~="padding-y-56"]:hover {
    padding-top: 56px;
}

[data-hover-class~="padding-right-56"]:hover,
[data-hover-class~="padding-x-56"]:hover {
    padding-right: 56px;
}

[data-hover-class~="padding-bottom-56"]:hover,
[data-hover-class~="padding-y-56"]:hover {
    padding-bottom: 56px;
}

[data-hover-class~="padding-left-60"]:hover,
[data-hover-class~="padding-x-60"]:hover {
    padding-left: 60px;
}

[data-hover-class~="padding-top-60"]:hover,
[data-hover-class~="padding-y-60"]:hover {
    padding-top: 60px;
}

[data-hover-class~="padding-right-60"]:hover,
[data-hover-class~="padding-x-60"]:hover {
    padding-right: 60px;
}

[data-hover-class~="padding-bottom-60"]:hover,
[data-hover-class~="padding-y-60"]:hover {
    padding-bottom: 60px;
}

[data-hover-class~="padding-left-72"]:hover,
[data-hover-class~="padding-x-72"]:hover {
    padding-left: 72px;
}

[data-hover-class~="padding-top-72"]:hover,
[data-hover-class~="padding-y-72"]:hover {
    padding-top: 72px;
}

[data-hover-class~="padding-right-72"]:hover,
[data-hover-class~="padding-x-72"]:hover {
    padding-right: 72px;
}

[data-hover-class~="padding-bottom-72"]:hover,
[data-hover-class~="padding-y-72"]:hover {
    padding-bottom: 72px;
}

[data-hover-class~="padding-left-80"]:hover,
[data-hover-class~="padding-x-80"]:hover {
    padding-left: 80px;
}

[data-hover-class~="padding-top-80"]:hover,
[data-hover-class~="padding-y-80"]:hover {
    padding-top: 80px;
}

[data-hover-class~="padding-right-80"]:hover,
[data-hover-class~="padding-x-80"]:hover {
    padding-right: 80px;
}

[data-hover-class~="padding-bottom-80"]:hover,
[data-hover-class~="padding-y-80"]:hover {
    padding-bottom: 80px;
}

[data-hover-class~="padding-left-96"]:hover,
[data-hover-class~="padding-x-96"]:hover {
    padding-left: 96px;
}

[data-hover-class~="padding-top-96"]:hover,
[data-hover-class~="padding-y-96"]:hover {
    padding-top: 96px;
}

[data-hover-class~="padding-right-96"]:hover,
[data-hover-class~="padding-x-96"]:hover {
    padding-right: 96px;
}

[data-hover-class~="padding-bottom-96"]:hover,
[data-hover-class~="padding-y-96"]:hover {
    padding-bottom: 96px;
}

[data-hover-class~="padding-left-120"]:hover,
[data-hover-class~="padding-x-120"]:hover {
    padding-left: 120px;
}

[data-hover-class~="padding-top-120"]:hover,
[data-hover-class~="padding-y-120"]:hover {
    padding-top: 120px;
}

[data-hover-class~="padding-right-120"]:hover,
[data-hover-class~="padding-x-120"]:hover {
    padding-right: 120px;
}

[data-hover-class~="padding-bottom-120"]:hover,
[data-hover-class~="padding-y-120"]:hover {
    padding-bottom: 120px;
}

[data-hover-class~="padding-left-180"]:hover,
[data-hover-class~="padding-x-180"]:hover {
    padding-left: 180px;
}

[data-hover-class~="padding-top-180"]:hover,
[data-hover-class~="padding-y-180"]:hover {
    padding-top: 180px;
}

[data-hover-class~="padding-right-180"]:hover,
[data-hover-class~="padding-x-180"]:hover {
    padding-right: 180px;
}

[data-hover-class~="padding-bottom-180"]:hover,
[data-hover-class~="padding-y-180"]:hover {
    padding-bottom: 180px;
}

[data-hover-class~="padding-left-240"]:hover,
[data-hover-class~="padding-x-240"]:hover {
    padding-left: 240px;
}

[data-hover-class~="padding-top-240"]:hover,
[data-hover-class~="padding-y-240"]:hover {
    padding-top: 240px;
}

[data-hover-class~="padding-right-240"]:hover,
[data-hover-class~="padding-x-240"]:hover {
    padding-right: 240px;
}

[data-hover-class~="padding-bottom-240"]:hover,
[data-hover-class~="padding-y-240"]:hover {
    padding-bottom: 240px;
}

[data-hover-class~="padding-left-320"]:hover,
[data-hover-class~="padding-x-320"]:hover {
    padding-left: 320px;
}

[data-hover-class~="padding-top-320"]:hover,
[data-hover-class~="padding-y-320"]:hover {
    padding-top: 320px;
}

[data-hover-class~="padding-right-320"]:hover,
[data-hover-class~="padding-x-320"]:hover {
    padding-right: 320px;
}

[data-hover-class~="padding-bottom-320"]:hover,
[data-hover-class~="padding-y-320"]:hover {
    padding-bottom: 320px;
}

[data-hover-class~="padding-left-360"]:hover,
[data-hover-class~="padding-x-360"]:hover {
    padding-left: 360px;
}

[data-hover-class~="padding-top-360"]:hover,
[data-hover-class~="padding-y-360"]:hover {
    padding-top: 360px;
}

[data-hover-class~="padding-right-360"]:hover,
[data-hover-class~="padding-x-360"]:hover {
    padding-right: 360px;
}

[data-hover-class~="padding-bottom-360"]:hover,
[data-hover-class~="padding-y-360"]:hover {
    padding-bottom: 360px;
}

[data-hover-class~="padding-top-1\/4"]:hover,
[data-hover-class~="padding-top-25-percent"]:hover {
    padding-top: 25%;
}

[data-hover-class~="padding-right-1\/4"]:hover,
[data-hover-class~="padding-right-25-percent"]:hover {
    padding-right: 25%;
}

[data-hover-class~="padding-bottom-1\/4"]:hover,
[data-hover-class~="padding-bottom-25-percent"]:hover {
    padding-bottom: 25%;
}

[data-hover-class~="padding-left-1\/4"]:hover,
[data-hover-class~="padding-left-25-percent"]:hover {
    padding-left: 25%;
}

[data-hover-class~="padding-top-1\/3"]:hover {
    padding-top: 33%;
}

[data-hover-class~="padding-right-1\/3"]:hover {
    padding-right: 33%;
}

[data-hover-class~="padding-bottom-1\/3"]:hover {
    padding-bottom: 33%;
}

[data-hover-class~="padding-left-1\/3"]:hover {
    padding-left: 33%;
}

[data-hover-class~="padding-top-1\/2"]:hover,
[data-hover-class~="padding-top-2\/4"]:hover,
[data-hover-class~="padding-top-50-percent"]:hover,
[data-hover-class~="padding-top-half"]:hover {
    padding-top: 50%;
}

[data-hover-class~="padding-right-1\/2"]:hover,
[data-hover-class~="padding-right-2\/4"]:hover,
[data-hover-class~="padding-right-50-percent"]:hover,
[data-hover-class~="padding-right-half"]:hover {
    padding-right: 50%;
}

[data-hover-class~="padding-bottom-1\/2"]:hover,
[data-hover-class~="padding-bottom-2\/4"]:hover,
[data-hover-class~="padding-bottom-50-percent"]:hover,
[data-hover-class~="padding-bottom-half"]:hover {
    padding-bottom: 50%;
}

[data-hover-class~="padding-left-1\/2"]:hover,
[data-hover-class~="padding-left-2\/4"]:hover,
[data-hover-class~="padding-left-50-percent"]:hover,
[data-hover-class~="padding-left-half"]:hover {
    padding-left: 50%;
}

[data-hover-class~="padding-top-9\/16"]:hover {
    padding-top: 56.25%;
}

[data-hover-class~="padding-right-9\/16"]:hover {
    padding-right: 56.25%;
}

[data-hover-class~="padding-bottom-9\/16"]:hover {
    padding-bottom: 56.25%;
}

[data-hover-class~="padding-left-9\/16"]:hover {
    padding-left: 56.25%;
}

[data-hover-class~="padding-top-2\/3"]:hover {
    padding-top: 66%;
}

[data-hover-class~="padding-right-2\/3"]:hover {
    padding-right: 66%;
}

[data-hover-class~="padding-bottom-2\/3"]:hover {
    padding-bottom: 66%;
}

[data-hover-class~="padding-left-2\/3"]:hover {
    padding-left: 66%;
}

[data-hover-class~="padding-top-3\/4"]:hover,
[data-hover-class~="padding-top-75-percent"]:hover {
    padding-top: 75%;
}

[data-hover-class~="padding-right-3\/4"]:hover,
[data-hover-class~="padding-right-75-percent"]:hover {
    padding-right: 75%;
}

[data-hover-class~="padding-bottom-3\/4"]:hover,
[data-hover-class~="padding-bottom-75-percent"]:hover {
    padding-bottom: 75%;
}

[data-hover-class~="padding-left-3\/4"]:hover,
[data-hover-class~="padding-left-75-percent"]:hover {
    padding-left: 75%;
}

[data-hover-class~="padding-top-100-percent"]:hover,
[data-hover-class~="padding-top-1\/1"]:hover,
[data-hover-class~="padding-top-full"]:hover {
    padding-top: 100%;
}

[data-hover-class~="padding-right-100-percent"]:hover,
[data-hover-class~="padding-right-1\/1"]:hover,
[data-hover-class~="padding-right-full"]:hover {
    padding-right: 100%;
}

[data-hover-class~="padding-bottom-100-percent"]:hover,
[data-hover-class~="padding-bottom-1\/1"]:hover,
[data-hover-class~="padding-bottom-full"]:hover {
    padding-bottom: 100%;
}

[data-hover-class~="padding-left-100-percent"]:hover,
[data-hover-class~="padding-left-1\/1"]:hover,
[data-hover-class~="padding-left-full"]:hover {
    padding-left: 100%;
}

[data-hover-class~="padding-top-4\/3"]:hover {
    padding-top: 133.33%;
}

[data-hover-class~="padding-right-4\/3"]:hover {
    padding-right: 133.33%;
}

[data-hover-class~="padding-bottom-4\/3"]:hover {
    padding-bottom: 133.33%;
}

[data-hover-class~="padding-left-4\/3"]:hover {
    padding-left: 133.33%;
}

[data-hover-class~="border-none"]:hover {
    --border-opacity: 1;
    border: none;
}

[data-hover-class~="outline"]:hover,
[data-hover-class~="outline-thin"]:hover {
    --outline-opacity: 1;
    outline: 1px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-standard"]:hover {
    --outline-opacity: 1;
    outline: 2px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-medium"]:hover {
    --outline-opacity: 1;
    outline: 3px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-stocky"]:hover {
    --outline-opacity: 1;
    outline: 4px solid rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-0"]:hover {
    outline-width: 0
}

[data-hover-class~="outline-1"]:hover {
    outline-width: 1px
}

[data-hover-class~="outline-2"]:hover {
    outline-width: 2px
}

[data-hover-class~="outline-3"]:hover {
    outline-width: 3px
}

[data-hover-class~="outline-4"]:hover {
    outline-width: 4px
}

[data-hover-class~="outline-5"]:hover {
    outline-width: 5px
}

[data-hover-class~="outline-6"]:hover {
    outline-width: 6px
}

[data-hover-class~="outline-7"]:hover {
    outline-width: 7px
}

[data-hover-class~="outline-8"]:hover {
    outline-width: 8px
}

[data-hover-class~="outline-9"]:hover {
    outline-width: 9px
}

[data-hover-class~="outline-transparent"]:hover {
    outline-color: #fff0
}

[data-hover-class~="outline-white"]:hover {
    outline-color: rgba(var(--color-white-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-black"]:hover {
    outline-color: rgba(var(--color-black-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-red"]:hover {
    outline-color: rgba(var(--color-red-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-deeppink"]:hover {
    outline-color: rgba(var(--color-deeppink-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-orangered"]:hover {
    outline-color: rgba(var(--color-orangered-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-gold"]:hover {
    outline-color: rgba(var(--color-gold-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-darkviolet"]:hover {
    outline-color: rgba(var(--color-darkviolet-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-lime"]:hover {
    outline-color: rgba(var(--color-lime-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-deepskyblue"]:hover {
    outline-color: rgba(var(--color-deepskyblue-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-peace"]:hover {
    outline-color: rgba(var(--color-peace-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-primary"]:hover {
    outline-color: rgba(var(--color-primary-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-warning"]:hover {
    outline-color: rgba(var(--color-warning-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-positive"]:hover {
    outline-color: rgba(var(--color-positive-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-default"]:hover {
    outline-color: rgba(var(--color-default-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-danger"]:hover {
    outline-color: rgba(var(--color-danger-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-success"]:hover {
    outline-color: rgba(var(--color-success-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-info"]:hover {
    outline-color: rgba(var(--color-info-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-special"]:hover {
    outline-color: rgba(var(--color-special-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-dark"]:hover {
    outline-color: rgba(var(--color-dark-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-elegant"]:hover {
    outline-color: rgba(var(--color-elegant-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-stylish"]:hover {
    outline-color: rgba(var(--color-stylish-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-unique"]:hover {
    outline-color: rgba(var(--color-unique-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-light"]:hover {
    outline-color: rgba(var(--color-light-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-ghost"]:hover {
    outline-color: rgba(var(--color-ghost-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-brand"]:hover {
    outline-color: rgba(var(--color-brand-rgb), var(--outline-opacity))
}

[data-hover-class~="outline-dashed"]:hover {
    outline-style: dashed
}

[data-hover-class~="outline-solid"]:hover {
    outline-style: solid
}

[data-hover-class~="outline-dotted"]:hover {
    outline-style: dotted
}

[data-hover-class~="outline-double"]:hover {
    outline-style: double
}

[data-hover-class~="outline-opacity-0"]:hover {
    --outline-opacity: 0
}

[data-hover-class~="outline-opacity-5"]:hover {
    --outline-opacity: 0.05
}

[data-hover-class~="outline-opacity-10"]:hover {
    --outline-opacity: 0.1
}

[data-hover-class~="outline-opacity-20"]:hover {
    --outline-opacity: 0.2
}

[data-hover-class~="outline-opacity-25"]:hover {
    --outline-opacity: 0.25
}

[data-hover-class~="outline-opacity-30"]:hover {
    --outline-opacity: 0.3
}

[data-hover-class~="outline-opacity-40"]:hover {
    --outline-opacity: 0.4
}

[data-hover-class~="outline-opacity-50"]:hover {
    --outline-opacity: 0.5
}

[data-hover-class~="outline-opacity-60"]:hover {
    --outline-opacity: 0.6
}

[data-hover-class~="outline-opacity-70"]:hover {
    --outline-opacity: 0.7
}

[data-hover-class~="outline-opacity-75"]:hover {
    --outline-opacity: 0.75
}

[data-hover-class~="outline-opacity-80"]:hover {
    --outline-opacity: 0.8
}

[data-hover-class~="outline-opacity-90"]:hover {
    --outline-opacity: 0.9
}

[data-hover-class~="outline-opacity-95"]:hover {
    --outline-opacity: 0.95
}

[data-hover-class~="outline-opacity-100"]:hover {
    --outline-opacity: 1
}

[data-hover-class~="border-thin"]:hover,
[data-hover-class~="border"]:hover {
    --border-opacity: 1;
    border: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-standard"]:hover {
    --border-opacity: 1;
    border: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-medium"]:hover {
    --border-opacity: 1;
    border: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-stocky"]:hover {
    --border-opacity: 1;
    border: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-thick"]:hover {
    --border-opacity: 1;
    border: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-left-thin"]:hover,
[data-hover-class~="border-left"]:hover {
    --border-opacity: 1;
    border-left: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-left-standard"]:hover {
    --border-opacity: 1;
    border-left: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-left-medium"]:hover {
    --border-opacity: 1;
    border-left: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-left-stocky"]:hover {
    --border-opacity: 1;
    border-left: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-left-thick"]:hover {
    --border-opacity: 1;
    border-left: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-top-thin"]:hover,
[data-hover-class~="border-top"]:hover {
    --border-opacity: 1;
    border-top: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-top-standard"]:hover {
    --border-opacity: 1;
    border-top: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-top-medium"]:hover {
    --border-opacity: 1;
    border-top: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-top-stocky"]:hover {
    --border-opacity: 1;
    border-top: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-top-thick"]:hover {
    --border-opacity: 1;
    border-top: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-right-thin"]:hover,
[data-hover-class~="border-right"]:hover {
    --border-opacity: 1;
    border-right: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-right-standard"]:hover {
    --border-opacity: 1;
    border-right: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-right-medium"]:hover {
    --border-opacity: 1;
    border-right: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-right-stocky"]:hover {
    --border-opacity: 1;
    border-right: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-right-thick"]:hover {
    --border-opacity: 1;
    border-right: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-bottom-thin"]:hover,
[data-hover-class~="border-bottom"]:hover {
    --border-opacity: 1;
    border-bottom: 1px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-bottom-standard"]:hover {
    --border-opacity: 1;
    border-bottom: 2px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-bottom-medium"]:hover {
    --border-opacity: 1;
    border-bottom: 3px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-bottom-stocky"]:hover {
    --border-opacity: 1;
    border-bottom: 4px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-bottom-thick"]:hover {
    --border-opacity: 1;
    border-bottom: 5px solid rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-0"]:hover {
    border-width: 0;
}

[data-hover-class~="border-1"]:hover {
    border-width: 1px;
}

[data-hover-class~="border-2"]:hover {
    border-width: 2px;
}

[data-hover-class~="border-3"]:hover {
    border-width: 3px;
}

[data-hover-class~="border-4"]:hover {
    border-width: 4px;
}

[data-hover-class~="border-5"]:hover {
    border-width: 5px;
}

[data-hover-class~="border-6"]:hover {
    border-width: 6px;
}

[data-hover-class~="border-7"]:hover {
    border-width: 7px;
}

[data-hover-class~="border-8"]:hover {
    border-width: 8px;
}

[data-hover-class~="border-9"]:hover {
    border-width: 9px;
}

[data-hover-class~="border-left-0"]:hover {
    border-width: 0;
}

[data-hover-class~="border-left-1"]:hover {
    border-width: 1px;
}

[data-hover-class~="border-left-2"]:hover {
    border-width: 2px;
}

[data-hover-class~="border-left-3"]:hover {
    border-width: 3px;
}

[data-hover-class~="border-left-4"]:hover {
    border-width: 4px;
}

[data-hover-class~="border-left-5"]:hover {
    border-width: 5px;
}

[data-hover-class~="border-left-6"]:hover {
    border-width: 6px;
}

[data-hover-class~="border-left-7"]:hover {
    border-width: 7px;
}

[data-hover-class~="border-left-8"]:hover {
    border-width: 8px;
}

[data-hover-class~="border-left-9"]:hover {
    border-width: 9px;
}

[data-hover-class~="border-top-0"]:hover {
    border-width: 0;
}

[data-hover-class~="border-top-1"]:hover {
    border-width: 1px;
}

[data-hover-class~="border-top-2"]:hover {
    border-width: 2px;
}

[data-hover-class~="border-top-3"]:hover {
    border-width: 3px;
}

[data-hover-class~="border-top-4"]:hover {
    border-width: 4px;
}

[data-hover-class~="border-top-5"]:hover {
    border-width: 5px;
}

[data-hover-class~="border-top-6"]:hover {
    border-width: 6px;
}

[data-hover-class~="border-top-7"]:hover {
    border-width: 7px;
}

[data-hover-class~="border-top-8"]:hover {
    border-width: 8px;
}

[data-hover-class~="border-top-9"]:hover {
    border-width: 9px;
}

[data-hover-class~="border-right-0"]:hover {
    border-width: 0;
}

[data-hover-class~="border-right-1"]:hover {
    border-width: 1px;
}

[data-hover-class~="border-right-2"]:hover {
    border-width: 2px;
}

[data-hover-class~="border-right-3"]:hover {
    border-width: 3px;
}

[data-hover-class~="border-right-4"]:hover {
    border-width: 4px;
}

[data-hover-class~="border-right-5"]:hover {
    border-width: 5px;
}

[data-hover-class~="border-right-6"]:hover {
    border-width: 6px;
}

[data-hover-class~="border-right-7"]:hover {
    border-width: 7px;
}

[data-hover-class~="border-right-8"]:hover {
    border-width: 8px;
}

[data-hover-class~="border-right-9"]:hover {
    border-width: 9px;
}

[data-hover-class~="border-bottom-0"]:hover {
    border-width: 0;
}

[data-hover-class~="border-bottom-1"]:hover {
    border-width: 1px;
}

[data-hover-class~="border-bottom-2"]:hover {
    border-width: 2px;
}

[data-hover-class~="border-bottom-3"]:hover {
    border-width: 3px;
}

[data-hover-class~="border-bottom-4"]:hover {
    border-width: 4px;
}

[data-hover-class~="border-bottom-5"]:hover {
    border-width: 5px;
}

[data-hover-class~="border-bottom-6"]:hover {
    border-width: 6px;
}

[data-hover-class~="border-bottom-7"]:hover {
    border-width: 7px;
}

[data-hover-class~="border-bottom-8"]:hover {
    border-width: 8px;
}

[data-hover-class~="border-bottom-9"]:hover {
    border-width: 9px;
}

[data-hover-class~="border-transparent"]:hover {
    border-color: #fff0;
}

[data-hover-class~="border-white"]:hover {
    border-color: rgba(var(--color-white-rgb), var(--border-opacity));
}

[data-hover-class~="border-black"]:hover {
    border-color: rgba(var(--color-black-rgb), var(--border-opacity));
}

[data-hover-class~="border-red"]:hover {
    border-color: rgba(var(--color-red-rgb), var(--border-opacity));
}

[data-hover-class~="border-deeppink"]:hover {
    border-color: rgba(var(--color-deeppink-rgb), var(--border-opacity));
}

[data-hover-class~="border-orangered"]:hover {
    border-color: rgba(var(--color-orangered-rgb), var(--border-opacity));
}

[data-hover-class~="border-gold"]:hover {
    border-color: rgba(var(--color-gold-rgb), var(--border-opacity));
}

[data-hover-class~="border-darkviolet"]:hover {
    border-color: rgba(var(--color-darkviolet-rgb), var(--border-opacity));
}

[data-hover-class~="border-lime"]:hover {
    border-color: rgba(var(--color-lime-rgb), var(--border-opacity));
}

[data-hover-class~="border-deepskyblue"]:hover {
    border-color: rgba(var(--color-deepskyblue-rgb), var(--border-opacity));
}

[data-hover-class~="border-peace"]:hover {
    border-color: rgba(var(--color-peace-rgb), var(--border-opacity));
}

[data-hover-class~="border-primary"]:hover {
    border-color: rgba(var(--color-primary-rgb), var(--border-opacity));
}

[data-hover-class~="border-warning"]:hover {
    border-color: rgba(var(--color-warning-rgb), var(--border-opacity));
}

[data-hover-class~="border-positive"]:hover {
    border-color: rgba(var(--color-positive-rgb), var(--border-opacity));
}

[data-hover-class~="border-default"]:hover {
    border-color: rgba(var(--color-default-rgb), var(--border-opacity));
}

[data-hover-class~="border-danger"]:hover {
    border-color: rgba(var(--color-danger-rgb), var(--border-opacity));
}

[data-hover-class~="border-success"]:hover {
    border-color: rgba(var(--color-success-rgb), var(--border-opacity));
}

[data-hover-class~="border-info"]:hover {
    border-color: rgba(var(--color-info-rgb), var(--border-opacity));
}

[data-hover-class~="border-special"]:hover {
    border-color: rgba(var(--color-special-rgb), var(--border-opacity));
}

[data-hover-class~="border-dark"]:hover {
    border-color: rgba(var(--color-dark-rgb), var(--border-opacity));
}

[data-hover-class~="border-elegant"]:hover {
    border-color: rgba(var(--color-elegant-rgb), var(--border-opacity));
}

[data-hover-class~="border-stylish"]:hover {
    border-color: rgba(var(--color-stylish-rgb), var(--border-opacity));
}

[data-hover-class~="border-unique"]:hover {
    border-color: rgba(var(--color-unique-rgb), var(--border-opacity));
}

[data-hover-class~="border-light"]:hover {
    border-color: rgba(var(--color-light-rgb), var(--border-opacity));
}

[data-hover-class~="border-ghost"]:hover {
    border-color: rgba(var(--color-ghost-rgb), var(--border-opacity));
}

[data-hover-class~="border-brand"]:hover {
    border-color: rgba(var(--color-brand-rgb), var(--border-opacity));
}

[data-hover-class~="border-dashed"]:hover {
    border-style: dashed;
}

[data-hover-class~="border-solid"]:hover {
    border-style: solid;
}

[data-hover-class~="border-dotted"]:hover {
    border-style: dotted;
}

[data-hover-class~="border-double"]:hover {
    border-style: double;
}

.border-opacity-0 {
    --border-opacity: 0;
}

[data-hover-class~="border-opacity-5"]:hover {
    --border-opacity: 0.05;
}

[data-hover-class~="border-opacity-10"]:hover {
    --border-opacity: 0.1;
}

[data-hover-class~="border-opacity-20"]:hover {
    --border-opacity: 0.2;
}

[data-hover-class~="border-opacity-25"]:hover {
    --border-opacity: 0.25;
}

[data-hover-class~="border-opacity-30"]:hover {
    --border-opacity: 0.3;
}

[data-hover-class~="border-opacity-40"]:hover {
    --border-opacity: 0.4;
}

[data-hover-class~="border-opacity-50"]:hover {
    --border-opacity: 0.5;
}

[data-hover-class~="border-opacity-60"]:hover {
    --border-opacity: 0.6;
}

[data-hover-class~="border-opacity-70"]:hover {
    --border-opacity: 0.7;
}

[data-hover-class~="border-opacity-75"]:hover {
    --border-opacity: 0.75;
}

[data-hover-class~="border-opacity-80"]:hover {
    --border-opacity: 0.8;
}

[data-hover-class~="border-opacity-90"]:hover {
    --border-opacity: 0.9;
}

[data-hover-class~="border-opacity-95"]:hover {
    --border-opacity: 0.95;
}

[data-hover-class~="border-opacity-100"]:hover {
    --border-opacity: 1;
}

[data-hover-class~="rounded"]:hover {
    --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-hover-class~="rounded-top"]:hover {
    --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-hover-class~="rounded-right"]:hover {
    --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-hover-class~="rounded-bottom"]:hover {
    --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-hover-class~="rounded-left"]:hover {
    --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-hover-class~="rounded-small"]:hover {
    --rounded-size: 2px;
}

[data-hover-class~="rounded-basic"]:hover {
    --rounded-size: 4px;
}

[data-hover-class~="rounded-medium"]:hover {
    --rounded-size: 6px;
}

[data-hover-class~="rounded-large"]:hover {
    --rounded-size: 8px;
}

[data-hover-class~="rounding"]:hover {
    --rounded-size: 50rem;
}

[data-hover-class~="rounded-0"]:hover {
    --rounded-size: 0px;
}

[data-hover-class~="rounded-1"]:hover {
    --rounded-size: 1px;
}

[data-hover-class~="rounded-2"]:hover {
    --rounded-size: 2px;
}

[data-hover-class~="rounded-3"]:hover {
    --rounded-size: 3px;
}

[data-hover-class~="rounded-4"]:hover {
    --rounded-size: 4px;
}

[data-hover-class~="rounded-5"]:hover {
    --rounded-size: 5px;
}

[data-hover-class~="rounded-6"]:hover {
    --rounded-size: 6px;
}

[data-hover-class~="rounded-7"]:hover {
    --rounded-size: 7px;
}

[data-hover-class~="rounded-8"]:hover {
    --rounded-size: 8px;
}

[data-hover-class~="rounded-9"]:hover {
    --rounded-size: 9px;
}

[data-hover-class~="rounded-0"]:hover {
    border-radius: 0;
}

[data-hover-class~="rounded-1"]:hover {
    border-radius: 1px;
}

[data-hover-class~="rounded-2"]:hover {
    border-radius: 2px;
}

[data-hover-class~="rounded-3"]:hover {
    border-radius: 3px;
}

[data-hover-class~="rounded-4"]:hover {
    border-radius: 4px;
}

[data-hover-class~="rounded-5"]:hover {
    border-radius: 5px;
}

[data-hover-class~="rounded-6"]:hover {
    border-radius: 6px;
}

[data-hover-class~="rounded-7"]:hover {
    border-radius: 7px;
}

[data-hover-class~="rounded-8"]:hover {
    border-radius: 8px;
}

[data-hover-class~="rounded-9"]:hover {
    border-radius: 9px;
}

[data-hover-class~="rounded-top"]:hover {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[data-hover-class~="rounded-right"]:hover {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

[data-hover-class~="rounded-bottom"]:hover {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

[data-hover-class~="rounded-left"]:hover {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[data-hover-class~="rounded-mini"]:hover {
    border-radius: 2px;
}

[data-hover-class~="rounded-small"]:hover {
    border-radius: 4px;
}

[data-hover-class~="rounded-medium"]:hover,
[data-hover-class~="rounded"]:hover {
    border-radius: 6px;
}

[data-hover-class~="rounded-large"]:hover {
    border-radius: 8px;
}

[data-hover-class~="rounding"]:hover {
    border-radius: 50rem;
}

[data-hover-class~="divide-transparent"]:hover> :not([hidden])~ :not([hidden]) {
    border-color: #fff0;
}

[data-hover-class~="divide-white"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
}

[data-hover-class~="divide-black"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
}

[data-hover-class~="divide-red"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 0, 0, var(--divide-opacity));
}

[data-hover-class~="divide-deeppink"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 20, 147, var(--divide-opacity));
}

[data-hover-class~="divide-orangered"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 69, 0, var(--divide-opacity));
}

[data-hover-class~="divide-gold"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 217, 0, var(--divide-opacity));
}

[data-hover-class~="divide-darkviolet"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(148, 0, 211, var(--divide-opacity));
}

[data-hover-class~="divide-lime"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 255, 0, var(--divide-opacity));
}

[data-hover-class~="divide-deepskyblue"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(0, 191, 255, var(--divide-opacity));
}

[data-hover-class~="divide-peace"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(136, 102, 255, var(--divide-opacity));
}

[data-hover-class~="divide-primary"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(66, 66, 255, var(--divide-opacity));
}

[data-hover-class~="divide-warning"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 104, 36, var(--divide-opacity));
}

[data-hover-class~="divide-positive"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(136, 36, 255, var(--divide-opacity));
}

[data-hover-class~="divide-default"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(200, 200, 200, var(--divide-opacity));
}

[data-hover-class~="divide-danger"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(255, 66, 66, var(--divide-opacity));
}

[data-hover-class~="divide-success"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 216, 66, var(--divide-opacity));
}

[data-hover-class~="divide-info"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(34, 136, 255, var(--divide-opacity));
}

[data-hover-class~="divide-special"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 2, 36, var(--divide-opacity));
}

[data-hover-class~="divide-dark"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 2, 36, var(--divide-opacity));
}

[data-hover-class~="divide-elegant"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 36, 36, var(--divide-opacity));
}

[data-hover-class~="divide-stylish"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(36, 36, 66, var(--divide-opacity));
}

[data-hover-class~="divide-unique"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(2, 36, 66, var(--divide-opacity));
}

[data-hover-class~="divide-light"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(242, 244, 246, var(--divide-opacity));
}

[data-hover-class~="divide-ghost"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
    border-color: rgba(248, 248, 255, var(--divide-opacity));
}

[data-hover-class~="divide-opacity-0"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0;
}

[data-hover-class~="divide-opacity-5"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.05;
}

[data-hover-class~="divide-opacity-10"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.1;
}

[data-hover-class~="divide-opacity-20"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.2;
}

[data-hover-class~="divide-opacity-25"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.25;
}

[data-hover-class~="divide-opacity-30"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.3;
}

[data-hover-class~="divide-opacity-40"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.4;
}

[data-hover-class~="divide-opacity-50"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.5;
}

[data-hover-class~="divide-opacity-60"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.6;
}

[data-hover-class~="divide-opacity-70"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.7;
}

[data-hover-class~="divide-opacity-75"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.75;
}

[data-hover-class~="divide-opacity-80"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.8;
}

[data-hover-class~="divide-opacity-90"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.9;
}

[data-hover-class~="divide-opacity-95"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 0.95;
}

[data-hover-class~="divide-opacity-100"]:hover> :not([hidden])~ :not([hidden]) {
    --divide-opacity: 1;
}

[data-hover-class~="divide-solid"]:hover> :not([hidden])~ :not([hidden]) {
    border-style: solid;
}

[data-hover-class~="divide-dashed"]:hover> :not([hidden])~ :not([hidden]) {
    border-style: dashed;
}

[data-hover-class~="divide-dotted"]:hover> :not([hidden])~ :not([hidden]) {
    border-style: dotted;
}

[data-hover-class~="divide-double"]:hover> :not([hidden])~ :not([hidden]) {
    border-style: double;
}

[data-hover-class~="divide-none"]:hover> :not([hidden])~ :not([hidden]) {
    border-style: none;
}

[data-hover-class~="divide-x-0"]:hover> :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-hover-class~="divide-x"]:hover> :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-hover-class~="divide-x-1"]:hover> :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-hover-class~="divide-x-2"]:hover> :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-hover-class~="divide-x-3"]:hover> :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-hover-class~="divide-x-4"]:hover> :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-hover-class~="divide-x-5"]:hover> :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-hover-class~="divide-x-6"]:hover> :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-hover-class~="divide-x-7"]:hover> :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-hover-class~="divide-x-8"]:hover> :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-hover-class~="divide-x-9"]:hover> :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-hover-class~="divide-y-0"]:hover> :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-hover-class~="divide-y"]:hover> :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-hover-class~="divide-y-1"]:hover> :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-hover-class~="divide-y-2"]:hover> :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-hover-class~="divide-y-3"]:hover> :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-hover-class~="divide-y-4"]:hover> :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-hover-class~="divide-y-5"]:hover> :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-hover-class~="divide-y-6"]:hover> :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-hover-class~="divide-y-7"]:hover> :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-hover-class~="divide-y-8"]:hover> :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-hover-class~="divide-y-9"]:hover> :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-hover-class~="border-left-60"]:hover {
    --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-hover-class~="border-top-60"]:hover {
    --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-hover-class~="border-bottom-60"]:hover {
    --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-hover-class~="border-right-60"]:hover {
    --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-hover-class~="border-left-80"]:hover {
    --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-hover-class~="border-top-80"]:hover {
    --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-hover-class~="border-bottom-80"]:hover {
    --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-hover-class~="border-right-80"]:hover {
    --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-hover-class~="border-left-100"]:hover {
    --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-hover-class~="border-top-100"]:hover {
    --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-hover-class~="border-bottom-100"]:hover {
    --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-hover-class~="border-right-100"]:hover {
    --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-hover-class~="margin-0"]:hover {
    margin: 0;
}

[data-hover-class~="-margin-0"]:hover {
    margin: calc(0 * var(--root-sizing));
}

[data-hover-class~="margin-1"]:hover {
    margin: 1px;
}

[data-hover-class~="-margin-1"]:hover {
    margin: calc(-1 * var(--root-sizing));
}

[data-hover-class~="margin-2"]:hover {
    margin: 2px;
}

[data-hover-class~="-margin-2"]:hover {
    margin: calc(-2 * var(--root-sizing));
}

[data-hover-class~="margin-3"]:hover {
    margin: 3px;
}

[data-hover-class~="-margin-3"]:hover {
    margin: calc(-3 * var(--root-sizing));
}

[data-hover-class~="margin-4"]:hover {
    margin: 4px;
}

[data-hover-class~="-margin-4"]:hover {
    margin: calc(-4 * var(--root-sizing));
}

[data-hover-class~="margin-5"]:hover {
    margin: 5px;
}

[data-hover-class~="-margin-5"]:hover {
    margin: calc(-5 * var(--root-sizing));
}

[data-hover-class~="margin-6"]:hover {
    margin: 6px;
}

[data-hover-class~="-margin-6"]:hover {
    margin: calc(-6 * var(--root-sizing));
}

[data-hover-class~="margin-7"]:hover {
    margin: 7px;
}

[data-hover-class~="-margin-7"]:hover {
    margin: calc(-7 * var(--root-sizing));
}

[data-hover-class~="margin-8"]:hover {
    margin: 8px;
}

[data-hover-class~="-margin-8"]:hover {
    margin: calc(-8 * var(--root-sizing));
}

[data-hover-class~="margin-9"]:hover {
    margin: 9px;
}

[data-hover-class~="-margin-9"]:hover {
    margin: calc(-9 * var(--root-sizing));
}

[data-hover-class~="margin-10"]:hover {
    margin: 10px;
}

[data-hover-class~="-margin-10"]:hover {
    margin: calc(-10 * var(--root-sizing));
}

[data-hover-class~="margin-11"]:hover {
    margin: 11px;
}

[data-hover-class~="-margin-11"]:hover {
    margin: calc(-11 * var(--root-sizing));
}

[data-hover-class~="margin-12"]:hover {
    margin: 12px;
}

[data-hover-class~="-margin-12"]:hover {
    margin: calc(-12 * var(--root-sizing));
}

[data-hover-class~="margin-14"]:hover {
    margin: 14px;
}

[data-hover-class~="-margin-14"]:hover {
    margin: calc(-14 * var(--root-sizing));
}

[data-hover-class~="margin-16"]:hover {
    margin: 16px;
}

[data-hover-class~="-margin-16"]:hover {
    margin: calc(-16 * var(--root-sizing));
}

[data-hover-class~="margin-18"]:hover {
    margin: 18px;
}

[data-hover-class~="-margin-18"]:hover {
    margin: calc(-18 * var(--root-sizing));
}

[data-hover-class~="margin-20"]:hover {
    margin: 20px;
}

[data-hover-class~="-margin-20"]:hover {
    margin: calc(-20 * var(--root-sizing));
}

[data-hover-class~="margin-22"]:hover {
    margin: 22px;
}

[data-hover-class~="-margin-22"]:hover {
    margin: calc(-22 * var(--root-sizing));
}

[data-hover-class~="margin-24"]:hover {
    margin: 24px;
}

[data-hover-class~="-margin-24"]:hover {
    margin: calc(-24 * var(--root-sizing));
}

[data-hover-class~="margin-30"]:hover {
    margin: 30px;
}

[data-hover-class~="-margin-30"]:hover {
    margin: calc(-30 * var(--root-sizing));
}

[data-hover-class~="margin-36"]:hover {
    margin: 36px;
}

[data-hover-class~="-margin-36"]:hover {
    margin: calc(-36 * var(--root-sizing));
}

[data-hover-class~="margin-48"]:hover {
    margin: 48px;
}

[data-hover-class~="-margin-48"]:hover {
    margin: calc(-48 * var(--root-sizing));
}

[data-hover-class~="margin-50"]:hover {
    margin: 50px;
}

[data-hover-class~="-margin-50"]:hover {
    margin: calc(-50 * var(--root-sizing));
}

[data-hover-class~="margin-56"]:hover {
    margin: 56px;
}

[data-hover-class~="-margin-56"]:hover {
    margin: calc(-56 * var(--root-sizing));
}

[data-hover-class~="margin-60"]:hover {
    margin: 60px;
}

[data-hover-class~="-margin-60"]:hover {
    margin: calc(-60 * var(--root-sizing));
}

[data-hover-class~="margin-72"]:hover {
    margin: 72px;
}

[data-hover-class~="-margin-72"]:hover {
    margin: calc(-72 * var(--root-sizing));
}

[data-hover-class~="margin-80"]:hover {
    margin: 80px;
}

[data-hover-class~="-margin-80"]:hover {
    margin: calc(-80 * var(--root-sizing));
}

[data-hover-class~="margin-96"]:hover {
    margin: 96px;
}

[data-hover-class~="-margin-96"]:hover {
    margin: calc(-96 * var(--root-sizing));
}

[data-hover-class~="margin-120"]:hover {
    margin: 120px;
}

[data-hover-class~="-margin-120"]:hover {
    margin: calc(-120 * var(--root-sizing));
}

[data-hover-class~="margin-180"]:hover {
    margin: 180px;
}

[data-hover-class~="-margin-180"]:hover {
    margin: calc(-180 * var(--root-sizing));
}

[data-hover-class~="margin-240"]:hover {
    margin: 240px;
}

[data-hover-class~="-margin-240"]:hover {
    margin: calc(-240 * var(--root-sizing));
}

[data-hover-class~="margin-320"]:hover {
    margin: 320px;
}

[data-hover-class~="-margin-320"]:hover {
    margin: calc(-320 * var(--root-sizing));
}

[data-hover-class~="margin-360"]:hover {
    margin: 360px;
}

[data-hover-class~="-margin-360"]:hover {
    margin: calc(-360 * var(--root-sizing));
}

[data-hover-class~="margin-left-auto"]:hover,
[data-hover-class~="margin-x-auto"]:hover {
    margin-left: auto;
}

[data-hover-class~="margin-top-auto"]:hover,
[data-hover-class~="margin-y-auto"]:hover {
    margin-top: auto;
}

[data-hover-class~="margin-right-auto"]:hover,
[data-hover-class~="margin-x-auto"]:hover {
    margin-right: auto;
}

[data-hover-class~="margin-bottom-auto"]:hover,
[data-hover-class~="margin-y-auto"]:hover {
    margin-bottom: auto;
}

[data-hover-class~="margin-left-0"]:hover,
[data-hover-class~="margin-x-0"]:hover {
    margin-left: 0;
}

[data-hover-class~="-margin-left-0"]:hover,
[data-hover-class~="-margin-x-0"]:hover {
    margin-left: calc(0 * var(--root-sizing));
}

[data-hover-class~="margin-top-0"]:hover,
[data-hover-class~="margin-y-0"]:hover {
    margin-top: 0;
}

[data-hover-class~="-margin-top-0"]:hover,
[data-hover-class~="-margin-y-0"]:hover {
    margin-top: calc(0 * var(--root-sizing));
}

[data-hover-class~="margin-right-0"]:hover,
[data-hover-class~="margin-x-0"]:hover {
    margin-right: 0;
}

[data-hover-class~="-margin-right-0"]:hover,
[data-hover-class~="-margin-x-0"]:hover {
    margin-right: calc(0 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-0"]:hover,
[data-hover-class~="margin-y-0"]:hover {
    margin-bottom: 0;
}

[data-hover-class~="-margin-bottom-0"]:hover,
[data-hover-class~="-margin-y-0"]:hover {
    margin-bottom: calc(0 * var(--root-sizing));
}

[data-hover-class~="margin-left-1"]:hover,
[data-hover-class~="margin-x-1"]:hover {
    margin-left: 1px;
}

[data-hover-class~="-margin-left-1"]:hover,
[data-hover-class~="-margin-x-1"]:hover {
    margin-left: calc(-1 * var(--root-sizing));
}

[data-hover-class~="margin-top-1"]:hover,
[data-hover-class~="margin-y-1"]:hover {
    margin-top: 1px;
}

[data-hover-class~="-margin-top-1"]:hover,
[data-hover-class~="-margin-y-1"]:hover {
    margin-top: calc(-1 * var(--root-sizing));
}

[data-hover-class~="margin-right-1"]:hover,
[data-hover-class~="margin-x-1"]:hover {
    margin-right: 1px;
}

[data-hover-class~="-margin-right-1"]:hover,
[data-hover-class~="-margin-x-1"]:hover {
    margin-right: calc(-1 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-1"]:hover,
[data-hover-class~="margin-y-1"]:hover {
    margin-bottom: 1px;
}

[data-hover-class~="-margin-bottom-1"]:hover,
[data-hover-class~="-margin-y-1"]:hover {
    margin-bottom: calc(-1 * var(--root-sizing));
}

[data-hover-class~="margin-left-2"]:hover,
[data-hover-class~="margin-x-2"]:hover {
    margin-left: 2px;
}

[data-hover-class~="-margin-left-2"]:hover,
[data-hover-class~="-margin-x-2"]:hover {
    margin-left: calc(-2 * var(--root-sizing));
}

[data-hover-class~="margin-top-2"]:hover,
[data-hover-class~="margin-y-2"]:hover {
    margin-top: 2px;
}

[data-hover-class~="-margin-top-2"]:hover,
[data-hover-class~="-margin-y-2"]:hover {
    margin-top: calc(-2 * var(--root-sizing));
}

[data-hover-class~="margin-right-2"]:hover,
[data-hover-class~="margin-x-2"]:hover {
    margin-right: 2px;
}

[data-hover-class~="-margin-right-2"]:hover,
[data-hover-class~="-margin-x-2"]:hover {
    margin-right: calc(-2 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-2"]:hover,
[data-hover-class~="margin-y-2"]:hover {
    margin-bottom: 2px;
}

[data-hover-class~="-margin-bottom-2"]:hover,
[data-hover-class~="-margin-y-2"]:hover {
    margin-bottom: calc(-2 * var(--root-sizing));
}

[data-hover-class~="margin-left-3"]:hover,
[data-hover-class~="margin-x-3"]:hover {
    margin-left: 3px;
}

[data-hover-class~="-margin-left-3"]:hover,
[data-hover-class~="-margin-x-3"]:hover {
    margin-left: calc(-3 * var(--root-sizing));
}

[data-hover-class~="margin-top-3"]:hover,
[data-hover-class~="margin-y-3"]:hover {
    margin-top: 3px;
}

[data-hover-class~="-margin-top-3"]:hover,
[data-hover-class~="-margin-y-3"]:hover {
    margin-top: calc(-3 * var(--root-sizing));
}

[data-hover-class~="margin-right-3"]:hover,
[data-hover-class~="margin-x-3"]:hover {
    margin-right: 3px;
}

[data-hover-class~="-margin-right-3"]:hover,
[data-hover-class~="-margin-x-3"]:hover {
    margin-right: calc(-3 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-3"]:hover,
[data-hover-class~="margin-y-3"]:hover {
    margin-bottom: 3px;
}

[data-hover-class~="-margin-bottom-3"]:hover,
[data-hover-class~="-margin-y-3"]:hover {
    margin-bottom: calc(-3 * var(--root-sizing));
}

[data-hover-class~="margin-left-4"]:hover,
[data-hover-class~="margin-x-4"]:hover {
    margin-left: 4px;
}

[data-hover-class~="-margin-left-4"]:hover,
[data-hover-class~="-margin-x-4"]:hover {
    margin-left: calc(-4 * var(--root-sizing));
}

[data-hover-class~="margin-top-4"]:hover,
[data-hover-class~="margin-y-4"]:hover {
    margin-top: 4px;
}

[data-hover-class~="-margin-top-4"]:hover,
[data-hover-class~="-margin-y-4"]:hover {
    margin-top: calc(-4 * var(--root-sizing));
}

[data-hover-class~="margin-right-4"]:hover,
[data-hover-class~="margin-x-4"]:hover {
    margin-right: 4px;
}

[data-hover-class~="-margin-right-4"]:hover,
[data-hover-class~="-margin-x-4"]:hover {
    margin-right: calc(-4 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-4"]:hover,
[data-hover-class~="margin-y-4"]:hover {
    margin-bottom: 4px;
}

[data-hover-class~="-margin-bottom-4"]:hover,
[data-hover-class~="-margin-y-4"]:hover {
    margin-bottom: calc(-4 * var(--root-sizing));
}

[data-hover-class~="margin-left-5"]:hover,
[data-hover-class~="margin-x-5"]:hover {
    margin-left: 5px;
}

[data-hover-class~="-margin-left-5"]:hover,
[data-hover-class~="-margin-x-5"]:hover {
    margin-left: calc(-5 * var(--root-sizing));
}

[data-hover-class~="margin-top-5"]:hover,
[data-hover-class~="margin-y-5"]:hover {
    margin-top: 5px;
}

[data-hover-class~="-margin-top-5"]:hover,
[data-hover-class~="-margin-y-5"]:hover {
    margin-top: calc(-5 * var(--root-sizing));
}

[data-hover-class~="margin-right-5"]:hover,
[data-hover-class~="margin-x-5"]:hover {
    margin-right: 5px;
}

[data-hover-class~="-margin-right-5"]:hover,
[data-hover-class~="-margin-x-5"]:hover {
    margin-right: calc(-5 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-5"]:hover,
[data-hover-class~="margin-y-5"]:hover {
    margin-bottom: 5px;
}

[data-hover-class~="-margin-bottom-5"]:hover,
[data-hover-class~="-margin-y-5"]:hover {
    margin-bottom: calc(-5 * var(--root-sizing));
}

[data-hover-class~="margin-left-6"]:hover,
[data-hover-class~="margin-x-6"]:hover {
    margin-left: 6px;
}

[data-hover-class~="-margin-left-6"]:hover,
[data-hover-class~="-margin-x-6"]:hover {
    margin-left: calc(-6 * var(--root-sizing));
}

[data-hover-class~="margin-top-6"]:hover,
[data-hover-class~="margin-y-6"]:hover {
    margin-top: 6px;
}

[data-hover-class~="-margin-top-6"]:hover,
[data-hover-class~="-margin-y-6"]:hover {
    margin-top: calc(-6 * var(--root-sizing));
}

[data-hover-class~="margin-right-6"]:hover,
[data-hover-class~="margin-x-6"]:hover {
    margin-right: 6px;
}

[data-hover-class~="-margin-right-6"]:hover,
[data-hover-class~="-margin-x-6"]:hover {
    margin-right: calc(-6 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-6"]:hover,
[data-hover-class~="margin-y-6"]:hover {
    margin-bottom: 6px;
}

[data-hover-class~="-margin-bottom-6"]:hover,
[data-hover-class~="-margin-y-6"]:hover {
    margin-bottom: calc(-6 * var(--root-sizing));
}

[data-hover-class~="margin-left-7"]:hover,
[data-hover-class~="margin-x-7"]:hover {
    margin-left: 7px;
}

[data-hover-class~="-margin-left-7"]:hover,
[data-hover-class~="-margin-x-7"]:hover {
    margin-left: calc(-7 * var(--root-sizing));
}

[data-hover-class~="margin-top-7"]:hover,
[data-hover-class~="margin-y-7"]:hover {
    margin-top: 7px;
}

[data-hover-class~="-margin-top-7"]:hover,
[data-hover-class~="-margin-y-7"]:hover {
    margin-top: calc(-7 * var(--root-sizing));
}

[data-hover-class~="margin-right-7"]:hover,
[data-hover-class~="margin-x-7"]:hover {
    margin-right: 7px;
}

[data-hover-class~="-margin-right-7"]:hover,
[data-hover-class~="-margin-x-7"]:hover {
    margin-right: calc(-7 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-7"]:hover,
[data-hover-class~="margin-y-7"]:hover {
    margin-bottom: 7px;
}

[data-hover-class~="-margin-bottom-7"]:hover,
[data-hover-class~="-margin-y-7"]:hover {
    margin-bottom: calc(-7 * var(--root-sizing));
}

[data-hover-class~="margin-left-8"]:hover,
[data-hover-class~="margin-x-8"]:hover {
    margin-left: 8px;
}

[data-hover-class~="-margin-left-8"]:hover,
[data-hover-class~="-margin-x-8"]:hover {
    margin-left: calc(-8 * var(--root-sizing));
}

[data-hover-class~="margin-top-8"]:hover,
[data-hover-class~="margin-y-8"]:hover {
    margin-top: 8px;
}

[data-hover-class~="-margin-top-8"]:hover,
[data-hover-class~="-margin-y-8"]:hover {
    margin-top: calc(-8 * var(--root-sizing));
}

[data-hover-class~="margin-right-8"]:hover,
[data-hover-class~="margin-x-8"]:hover {
    margin-right: 8px;
}

[data-hover-class~="-margin-right-8"]:hover,
[data-hover-class~="-margin-x-8"]:hover {
    margin-right: calc(-8 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-8"]:hover,
[data-hover-class~="margin-y-8"]:hover {
    margin-bottom: 8px;
}

[data-hover-class~="-margin-bottom-8"]:hover,
[data-hover-class~="-margin-y-8"]:hover {
    margin-bottom: calc(-8 * var(--root-sizing));
}

[data-hover-class~="margin-left-9"]:hover,
[data-hover-class~="margin-x-9"]:hover {
    margin-left: 9px;
}

[data-hover-class~="-margin-left-9"]:hover,
[data-hover-class~="-margin-x-9"]:hover {
    margin-left: calc(-9 * var(--root-sizing));
}

[data-hover-class~="margin-top-9"]:hover,
[data-hover-class~="margin-y-9"]:hover {
    margin-top: 9px;
}

[data-hover-class~="-margin-top-9"]:hover,
[data-hover-class~="-margin-y-9"]:hover {
    margin-top: calc(-9 * var(--root-sizing));
}

[data-hover-class~="margin-right-9"]:hover,
[data-hover-class~="margin-x-9"]:hover {
    margin-right: 9px;
}

[data-hover-class~="-margin-right-9"]:hover,
[data-hover-class~="-margin-x-9"]:hover {
    margin-right: calc(-9 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-9"]:hover,
[data-hover-class~="margin-y-9"]:hover {
    margin-bottom: 9px;
}

[data-hover-class~="-margin-bottom-9"]:hover,
[data-hover-class~="-margin-y-9"]:hover {
    margin-bottom: calc(-9 * var(--root-sizing));
}

[data-hover-class~="margin-left-10"]:hover,
[data-hover-class~="margin-x-10"]:hover {
    margin-left: 10px;
}

[data-hover-class~="-margin-left-10"]:hover,
[data-hover-class~="-margin-x-10"]:hover {
    margin-left: calc(-10 * var(--root-sizing));
}

[data-hover-class~="margin-top-10"]:hover,
[data-hover-class~="margin-y-10"]:hover {
    margin-top: 10px;
}

[data-hover-class~="-margin-top-10"]:hover,
[data-hover-class~="-margin-y-10"]:hover {
    margin-top: calc(-10 * var(--root-sizing));
}

[data-hover-class~="margin-right-10"]:hover,
[data-hover-class~="margin-x-10"]:hover {
    margin-right: 10px;
}

[data-hover-class~="-margin-right-10"]:hover,
[data-hover-class~="-margin-x-10"]:hover {
    margin-right: calc(-10 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-10"]:hover,
[data-hover-class~="margin-y-10"]:hover {
    margin-bottom: 10px;
}

[data-hover-class~="-margin-bottom-10"]:hover,
[data-hover-class~="-margin-y-10"]:hover {
    margin-bottom: calc(-10 * var(--root-sizing));
}

[data-hover-class~="margin-left-11"]:hover,
[data-hover-class~="margin-x-11"]:hover {
    margin-left: 11px;
}

[data-hover-class~="-margin-left-11"]:hover,
[data-hover-class~="-margin-x-11"]:hover {
    margin-left: calc(-11 * var(--root-sizing));
}

[data-hover-class~="margin-top-11"]:hover,
[data-hover-class~="margin-y-11"]:hover {
    margin-top: 11px;
}

[data-hover-class~="-margin-top-11"]:hover,
[data-hover-class~="-margin-y-11"]:hover {
    margin-top: calc(-11 * var(--root-sizing));
}

[data-hover-class~="margin-right-11"]:hover,
[data-hover-class~="margin-x-11"]:hover {
    margin-right: 11px;
}

[data-hover-class~="-margin-right-11"]:hover,
[data-hover-class~="-margin-x-11"]:hover {
    margin-right: calc(-11 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-11"]:hover,
[data-hover-class~="margin-y-11"]:hover {
    margin-bottom: 11px;
}

[data-hover-class~="-margin-bottom-11"]:hover,
[data-hover-class~="-margin-y-11"]:hover {
    margin-bottom: calc(-11 * var(--root-sizing));
}

[data-hover-class~="margin-left-12"]:hover,
[data-hover-class~="margin-x-12"]:hover {
    margin-left: 12px;
}

[data-hover-class~="-margin-left-12"]:hover,
[data-hover-class~="-margin-x-12"]:hover {
    margin-left: calc(-12 * var(--root-sizing));
}

[data-hover-class~="margin-top-12"]:hover,
[data-hover-class~="margin-y-12"]:hover {
    margin-top: 12px;
}

[data-hover-class~="-margin-top-12"]:hover,
[data-hover-class~="-margin-y-12"]:hover {
    margin-top: calc(-12 * var(--root-sizing));
}

[data-hover-class~="margin-right-12"]:hover,
[data-hover-class~="margin-x-12"]:hover {
    margin-right: 12px;
}

[data-hover-class~="-margin-right-12"]:hover,
[data-hover-class~="-margin-x-12"]:hover {
    margin-right: calc(-12 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-12"]:hover,
[data-hover-class~="margin-y-12"]:hover {
    margin-bottom: 12px;
}

[data-hover-class~="-margin-bottom-12"]:hover,
[data-hover-class~="-margin-y-12"]:hover {
    margin-bottom: calc(-12 * var(--root-sizing));
}

[data-hover-class~="margin-left-14"]:hover,
[data-hover-class~="margin-x-14"]:hover {
    margin-left: 14px;
}

[data-hover-class~="-margin-left-14"]:hover,
[data-hover-class~="-margin-x-14"]:hover {
    margin-left: calc(-14 * var(--root-sizing));
}

[data-hover-class~="margin-top-14"]:hover,
[data-hover-class~="margin-y-14"]:hover {
    margin-top: 14px;
}

[data-hover-class~="-margin-top-14"]:hover,
[data-hover-class~="-margin-y-14"]:hover {
    margin-top: calc(-14 * var(--root-sizing));
}

[data-hover-class~="margin-right-14"]:hover,
[data-hover-class~="margin-x-14"]:hover {
    margin-right: 14px;
}

[data-hover-class~="-margin-right-14"]:hover,
[data-hover-class~="-margin-x-14"]:hover {
    margin-right: calc(-14 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-14"]:hover,
[data-hover-class~="margin-y-14"]:hover {
    margin-bottom: 14px;
}

[data-hover-class~="-margin-bottom-14"]:hover,
[data-hover-class~="-margin-y-14"]:hover {
    margin-bottom: calc(-14 * var(--root-sizing));
}

[data-hover-class~="margin-left-16"]:hover,
[data-hover-class~="margin-x-16"]:hover {
    margin-left: 16px;
}

[data-hover-class~="-margin-left-16"]:hover,
[data-hover-class~="-margin-x-16"]:hover {
    margin-left: calc(-16 * var(--root-sizing));
}

[data-hover-class~="margin-top-16"]:hover,
[data-hover-class~="margin-y-16"]:hover {
    margin-top: 16px;
}

[data-hover-class~="-margin-top-16"]:hover,
[data-hover-class~="-margin-y-16"]:hover {
    margin-top: calc(-16 * var(--root-sizing));
}

[data-hover-class~="margin-right-16"]:hover,
[data-hover-class~="margin-x-16"]:hover {
    margin-right: 16px;
}

[data-hover-class~="-margin-right-16"]:hover,
[data-hover-class~="-margin-x-16"]:hover {
    margin-right: calc(-16 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-16"]:hover,
[data-hover-class~="margin-y-16"]:hover {
    margin-bottom: 16px;
}

[data-hover-class~="-margin-bottom-16"]:hover,
[data-hover-class~="-margin-y-16"]:hover {
    margin-bottom: calc(-16 * var(--root-sizing));
}

[data-hover-class~="margin-left-18"]:hover,
[data-hover-class~="margin-x-18"]:hover {
    margin-left: 18px;
}

[data-hover-class~="-margin-left-18"]:hover,
[data-hover-class~="-margin-x-18"]:hover {
    margin-left: calc(-18 * var(--root-sizing));
}

[data-hover-class~="margin-top-18"]:hover,
[data-hover-class~="margin-y-18"]:hover {
    margin-top: 18px;
}

[data-hover-class~="-margin-top-18"]:hover,
[data-hover-class~="-margin-y-18"]:hover {
    margin-top: calc(-18 * var(--root-sizing));
}

[data-hover-class~="margin-right-18"]:hover,
[data-hover-class~="margin-x-18"]:hover {
    margin-right: 18px;
}

[data-hover-class~="-margin-right-18"]:hover,
[data-hover-class~="-margin-x-18"]:hover {
    margin-right: calc(-18 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-18"]:hover,
[data-hover-class~="margin-y-18"]:hover {
    margin-bottom: 18px;
}

[data-hover-class~="-margin-bottom-18"]:hover,
[data-hover-class~="-margin-y-18"]:hover {
    margin-bottom: calc(-18 * var(--root-sizing));
}

[data-hover-class~="margin-left-20"]:hover,
[data-hover-class~="margin-x-20"]:hover {
    margin-left: 20px;
}

[data-hover-class~="-margin-left-20"]:hover,
[data-hover-class~="-margin-x-20"]:hover {
    margin-left: calc(-20 * var(--root-sizing));
}

[data-hover-class~="margin-top-20"]:hover,
[data-hover-class~="margin-y-20"]:hover {
    margin-top: 20px;
}

[data-hover-class~="-margin-top-20"]:hover,
[data-hover-class~="-margin-y-20"]:hover {
    margin-top: calc(-20 * var(--root-sizing));
}

[data-hover-class~="margin-right-20"]:hover,
[data-hover-class~="margin-x-20"]:hover {
    margin-right: 20px;
}

[data-hover-class~="-margin-right-20"]:hover,
[data-hover-class~="-margin-x-20"]:hover {
    margin-right: calc(-20 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-20"]:hover,
[data-hover-class~="margin-y-20"]:hover {
    margin-bottom: 20px;
}

[data-hover-class~="-margin-bottom-20"]:hover,
[data-hover-class~="-margin-y-20"]:hover {
    margin-bottom: calc(-20 * var(--root-sizing));
}

[data-hover-class~="margin-left-22"]:hover,
[data-hover-class~="margin-x-22"]:hover {
    margin-left: 22px;
}

[data-hover-class~="-margin-left-22"]:hover,
[data-hover-class~="-margin-x-22"]:hover {
    margin-left: calc(-22 * var(--root-sizing));
}

[data-hover-class~="margin-top-22"]:hover,
[data-hover-class~="margin-y-22"]:hover {
    margin-top: 22px;
}

[data-hover-class~="-margin-top-22"]:hover,
[data-hover-class~="-margin-y-22"]:hover {
    margin-top: calc(-22 * var(--root-sizing));
}

[data-hover-class~="margin-right-22"]:hover,
[data-hover-class~="margin-x-22"]:hover {
    margin-right: 22px;
}

[data-hover-class~="-margin-right-22"]:hover,
[data-hover-class~="-margin-x-22"]:hover {
    margin-right: calc(-22 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-22"]:hover,
[data-hover-class~="margin-y-22"]:hover {
    margin-bottom: 22px;
}

[data-hover-class~="-margin-bottom-22"]:hover,
[data-hover-class~="-margin-y-22"]:hover {
    margin-bottom: calc(-22 * var(--root-sizing));
}

[data-hover-class~="margin-left-24"]:hover,
[data-hover-class~="margin-x-24"]:hover {
    margin-left: 24px;
}

[data-hover-class~="-margin-left-24"]:hover,
[data-hover-class~="-margin-x-24"]:hover {
    margin-left: calc(-24 * var(--root-sizing));
}

[data-hover-class~="margin-top-24"]:hover,
[data-hover-class~="margin-y-24"]:hover {
    margin-top: 24px;
}

[data-hover-class~="-margin-top-24"]:hover,
[data-hover-class~="-margin-y-24"]:hover {
    margin-top: calc(-24 * var(--root-sizing));
}

[data-hover-class~="margin-right-24"]:hover,
[data-hover-class~="margin-x-24"]:hover {
    margin-right: 24px;
}

[data-hover-class~="-margin-right-24"]:hover,
[data-hover-class~="-margin-x-24"]:hover {
    margin-right: calc(-24 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-24"]:hover,
[data-hover-class~="margin-y-24"]:hover {
    margin-bottom: 24px;
}

[data-hover-class~="-margin-bottom-24"]:hover,
[data-hover-class~="-margin-y-24"]:hover {
    margin-bottom: calc(-24 * var(--root-sizing));
}

[data-hover-class~="margin-left-30"]:hover,
[data-hover-class~="margin-x-30"]:hover {
    margin-left: 30px;
}

[data-hover-class~="-margin-left-30"]:hover,
[data-hover-class~="-margin-x-30"]:hover {
    margin-left: calc(-30 * var(--root-sizing));
}

[data-hover-class~="margin-top-30"]:hover,
[data-hover-class~="margin-y-30"]:hover {
    margin-top: 30px;
}

[data-hover-class~="-margin-top-30"]:hover,
[data-hover-class~="-margin-y-30"]:hover {
    margin-top: calc(-30 * var(--root-sizing));
}

[data-hover-class~="margin-right-30"]:hover,
[data-hover-class~="margin-x-30"]:hover {
    margin-right: 30px;
}

[data-hover-class~="-margin-right-30"]:hover,
[data-hover-class~="-margin-x-30"]:hover {
    margin-right: calc(-30 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-30"]:hover,
[data-hover-class~="margin-y-30"]:hover {
    margin-bottom: 30px;
}

[data-hover-class~="-margin-bottom-30"]:hover,
[data-hover-class~="-margin-y-30"]:hover {
    margin-bottom: calc(-30 * var(--root-sizing));
}

[data-hover-class~="margin-left-36"]:hover,
[data-hover-class~="margin-x-36"]:hover {
    margin-left: 36px;
}

[data-hover-class~="-margin-left-36"]:hover,
[data-hover-class~="-margin-x-36"]:hover {
    margin-left: calc(-36 * var(--root-sizing));
}

[data-hover-class~="margin-top-36"]:hover,
[data-hover-class~="margin-y-36"]:hover {
    margin-top: 36px;
}

[data-hover-class~="-margin-top-36"]:hover,
[data-hover-class~="-margin-y-36"]:hover {
    margin-top: calc(-36 * var(--root-sizing));
}

[data-hover-class~="margin-right-36"]:hover,
[data-hover-class~="margin-x-36"]:hover {
    margin-right: 36px;
}

[data-hover-class~="-margin-right-36"]:hover,
[data-hover-class~="-margin-x-36"]:hover {
    margin-right: calc(-36 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-36"]:hover,
[data-hover-class~="margin-y-36"]:hover {
    margin-bottom: 36px;
}

[data-hover-class~="-margin-bottom-36"]:hover,
[data-hover-class~="-margin-y-36"]:hover {
    margin-bottom: calc(-36 * var(--root-sizing));
}

[data-hover-class~="margin-left-48"]:hover,
[data-hover-class~="margin-x-48"]:hover {
    margin-left: 48px;
}

[data-hover-class~="-margin-left-48"]:hover,
[data-hover-class~="-margin-x-48"]:hover {
    margin-left: calc(-48 * var(--root-sizing));
}

[data-hover-class~="margin-top-48"]:hover,
[data-hover-class~="margin-y-48"]:hover {
    margin-top: 48px;
}

[data-hover-class~="-margin-top-48"]:hover,
[data-hover-class~="-margin-y-48"]:hover {
    margin-top: calc(-48 * var(--root-sizing));
}

[data-hover-class~="margin-right-48"]:hover,
[data-hover-class~="margin-x-48"]:hover {
    margin-right: 48px;
}

[data-hover-class~="-margin-right-48"]:hover,
[data-hover-class~="-margin-x-48"]:hover {
    margin-right: calc(-48 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-48"]:hover,
[data-hover-class~="margin-y-48"]:hover {
    margin-bottom: 48px;
}

[data-hover-class~="-margin-bottom-48"]:hover,
[data-hover-class~="-margin-y-48"]:hover {
    margin-bottom: calc(-48 * var(--root-sizing));
}

[data-hover-class~="margin-left-50"]:hover,
[data-hover-class~="margin-x-50"]:hover {
    margin-left: 50px;
}

[data-hover-class~="-margin-left-50"]:hover,
[data-hover-class~="-margin-x-50"]:hover {
    margin-left: calc(-50 * var(--root-sizing));
}

[data-hover-class~="margin-top-50"]:hover,
[data-hover-class~="margin-y-50"]:hover {
    margin-top: 50px;
}

[data-hover-class~="-margin-top-50"]:hover,
[data-hover-class~="-margin-y-50"]:hover {
    margin-top: calc(-50 * var(--root-sizing));
}

[data-hover-class~="margin-right-50"]:hover,
[data-hover-class~="margin-x-50"]:hover {
    margin-right: 50px;
}

[data-hover-class~="-margin-right-50"]:hover,
[data-hover-class~="-margin-x-50"]:hover {
    margin-right: calc(-50 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-50"]:hover,
[data-hover-class~="margin-y-50"]:hover {
    margin-bottom: 50px;
}

[data-hover-class~="-margin-bottom-50"]:hover,
[data-hover-class~="-margin-y-50"]:hover {
    margin-bottom: calc(-50 * var(--root-sizing));
}

[data-hover-class~="margin-left-56"]:hover,
[data-hover-class~="margin-x-56"]:hover {
    margin-left: 56px;
}

[data-hover-class~="-margin-left-56"]:hover,
[data-hover-class~="-margin-x-56"]:hover {
    margin-left: calc(-56 * var(--root-sizing));
}

[data-hover-class~="margin-top-56"]:hover,
[data-hover-class~="margin-y-56"]:hover {
    margin-top: 56px;
}

[data-hover-class~="-margin-top-56"]:hover,
[data-hover-class~="-margin-y-56"]:hover {
    margin-top: calc(-56 * var(--root-sizing));
}

[data-hover-class~="margin-right-56"]:hover,
[data-hover-class~="margin-x-56"]:hover {
    margin-right: 56px;
}

[data-hover-class~="-margin-right-56"]:hover,
[data-hover-class~="-margin-x-56"]:hover {
    margin-right: calc(-56 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-56"]:hover,
[data-hover-class~="margin-y-56"]:hover {
    margin-bottom: 56px;
}

[data-hover-class~="-margin-bottom-56"]:hover,
[data-hover-class~="-margin-y-56"]:hover {
    margin-bottom: calc(-56 * var(--root-sizing));
}

[data-hover-class~="margin-left-60"]:hover,
[data-hover-class~="margin-x-60"]:hover {
    margin-left: 60px;
}

[data-hover-class~="-margin-left-60"]:hover,
[data-hover-class~="-margin-x-60"]:hover {
    margin-left: calc(-60 * var(--root-sizing));
}

[data-hover-class~="margin-top-60"]:hover,
[data-hover-class~="margin-y-60"]:hover {
    margin-top: 60px;
}

[data-hover-class~="-margin-top-60"]:hover,
[data-hover-class~="-margin-y-60"]:hover {
    margin-top: calc(-60 * var(--root-sizing));
}

[data-hover-class~="margin-right-60"]:hover,
[data-hover-class~="margin-x-60"]:hover {
    margin-right: 60px;
}

[data-hover-class~="-margin-right-60"]:hover,
[data-hover-class~="-margin-x-60"]:hover {
    margin-right: calc(-60 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-60"]:hover,
[data-hover-class~="margin-y-60"]:hover {
    margin-bottom: 60px;
}

[data-hover-class~="-margin-bottom-60"]:hover,
[data-hover-class~="-margin-y-60"]:hover {
    margin-bottom: calc(-60 * var(--root-sizing));
}

[data-hover-class~="margin-left-72"]:hover,
[data-hover-class~="margin-x-72"]:hover {
    margin-left: 72px;
}

[data-hover-class~="-margin-left-72"]:hover,
[data-hover-class~="-margin-x-72"]:hover {
    margin-left: calc(-72 * var(--root-sizing));
}

[data-hover-class~="margin-top-72"]:hover,
[data-hover-class~="margin-y-72"]:hover {
    margin-top: 72px;
}

[data-hover-class~="-margin-top-72"]:hover,
[data-hover-class~="-margin-y-72"]:hover {
    margin-top: calc(-72 * var(--root-sizing));
}

[data-hover-class~="margin-right-72"]:hover,
[data-hover-class~="margin-x-72"]:hover {
    margin-right: 72px;
}

[data-hover-class~="-margin-right-72"]:hover,
[data-hover-class~="-margin-x-72"]:hover {
    margin-right: calc(-72 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-72"]:hover,
[data-hover-class~="margin-y-72"]:hover {
    margin-bottom: 72px;
}

[data-hover-class~="-margin-bottom-72"]:hover,
[data-hover-class~="-margin-y-72"]:hover {
    margin-bottom: calc(-72 * var(--root-sizing));
}

[data-hover-class~="margin-left-80"]:hover,
[data-hover-class~="margin-x-80"]:hover {
    margin-left: 80px;
}

[data-hover-class~="-margin-left-80"]:hover,
[data-hover-class~="-margin-x-80"]:hover {
    margin-left: calc(-80 * var(--root-sizing));
}

[data-hover-class~="margin-top-80"]:hover,
[data-hover-class~="margin-y-80"]:hover {
    margin-top: 80px;
}

[data-hover-class~="-margin-top-80"]:hover,
[data-hover-class~="-margin-y-80"]:hover {
    margin-top: calc(-80 * var(--root-sizing));
}

[data-hover-class~="margin-right-80"]:hover,
[data-hover-class~="margin-x-80"]:hover {
    margin-right: 80px;
}

[data-hover-class~="-margin-right-80"]:hover,
[data-hover-class~="-margin-x-80"]:hover {
    margin-right: calc(-80 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-80"]:hover,
[data-hover-class~="margin-y-80"]:hover {
    margin-bottom: 80px;
}

[data-hover-class~="-margin-bottom-80"]:hover,
[data-hover-class~="-margin-y-80"]:hover {
    margin-bottom: calc(-80 * var(--root-sizing));
}

[data-hover-class~="margin-left-96"]:hover,
[data-hover-class~="margin-x-96"]:hover {
    margin-left: 96px;
}

[data-hover-class~="-margin-left-96"]:hover,
[data-hover-class~="-margin-x-96"]:hover {
    margin-left: calc(-96 * var(--root-sizing));
}

[data-hover-class~="margin-top-96"]:hover,
[data-hover-class~="margin-y-96"]:hover {
    margin-top: 96px;
}

[data-hover-class~="-margin-top-96"]:hover,
[data-hover-class~="-margin-y-96"]:hover {
    margin-top: calc(-96 * var(--root-sizing));
}

[data-hover-class~="margin-right-96"]:hover,
[data-hover-class~="margin-x-96"]:hover {
    margin-right: 96px;
}

[data-hover-class~="-margin-right-96"]:hover,
[data-hover-class~="-margin-x-96"]:hover {
    margin-right: calc(-96 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-96"]:hover,
[data-hover-class~="margin-y-96"]:hover {
    margin-bottom: 96px;
}

[data-hover-class~="-margin-bottom-96"]:hover,
[data-hover-class~="-margin-y-96"]:hover {
    margin-bottom: calc(-96 * var(--root-sizing));
}

[data-hover-class~="margin-left-120"]:hover,
[data-hover-class~="margin-x-120"]:hover {
    margin-left: 120px;
}

[data-hover-class~="-margin-left-120"]:hover,
[data-hover-class~="-margin-x-120"]:hover {
    margin-left: calc(-120 * var(--root-sizing));
}

[data-hover-class~="margin-top-120"]:hover,
[data-hover-class~="margin-y-120"]:hover {
    margin-top: 120px;
}

[data-hover-class~="-margin-top-120"]:hover,
[data-hover-class~="-margin-y-120"]:hover {
    margin-top: calc(-120 * var(--root-sizing));
}

[data-hover-class~="margin-right-120"]:hover,
[data-hover-class~="margin-x-120"]:hover {
    margin-right: 120px;
}

[data-hover-class~="-margin-right-120"]:hover,
[data-hover-class~="-margin-x-120"]:hover {
    margin-right: calc(-120 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-120"]:hover,
[data-hover-class~="margin-y-120"]:hover {
    margin-bottom: 120px;
}

[data-hover-class~="-margin-bottom-120"]:hover,
[data-hover-class~="-margin-y-120"]:hover {
    margin-bottom: calc(-120 * var(--root-sizing));
}

[data-hover-class~="margin-left-180"]:hover,
[data-hover-class~="margin-x-180"]:hover {
    margin-left: 180px;
}

[data-hover-class~="-margin-left-180"]:hover,
[data-hover-class~="-margin-x-180"]:hover {
    margin-left: calc(-180 * var(--root-sizing));
}

[data-hover-class~="margin-top-180"]:hover,
[data-hover-class~="margin-y-180"]:hover {
    margin-top: 180px;
}

[data-hover-class~="-margin-top-180"]:hover,
[data-hover-class~="-margin-y-180"]:hover {
    margin-top: calc(-180 * var(--root-sizing));
}

[data-hover-class~="margin-right-180"]:hover,
[data-hover-class~="margin-x-180"]:hover {
    margin-right: 180px;
}

[data-hover-class~="-margin-right-180"]:hover,
[data-hover-class~="-margin-x-180"]:hover {
    margin-right: calc(-180 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-180"]:hover,
[data-hover-class~="margin-y-180"]:hover {
    margin-bottom: 180px;
}

[data-hover-class~="-margin-bottom-180"]:hover,
[data-hover-class~="-margin-y-180"]:hover {
    margin-bottom: calc(-180 * var(--root-sizing));
}

[data-hover-class~="margin-left-240"]:hover,
[data-hover-class~="margin-x-240"]:hover {
    margin-left: 240px;
}

[data-hover-class~="-margin-left-240"]:hover,
[data-hover-class~="-margin-x-240"]:hover {
    margin-left: calc(-240 * var(--root-sizing));
}

[data-hover-class~="margin-top-240"]:hover,
[data-hover-class~="margin-y-240"]:hover {
    margin-top: 240px;
}

[data-hover-class~="-margin-top-240"]:hover,
[data-hover-class~="-margin-y-240"]:hover {
    margin-top: calc(-240 * var(--root-sizing));
}

[data-hover-class~="margin-right-240"]:hover,
[data-hover-class~="margin-x-240"]:hover {
    margin-right: 240px;
}

[data-hover-class~="-margin-right-240"]:hover,
[data-hover-class~="-margin-x-240"]:hover {
    margin-right: calc(-240 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-240"]:hover,
[data-hover-class~="margin-y-240"]:hover {
    margin-bottom: 240px;
}

[data-hover-class~="-margin-bottom-240"]:hover,
[data-hover-class~="-margin-y-240"]:hover {
    margin-bottom: calc(-240 * var(--root-sizing));
}

[data-hover-class~="margin-left-320"]:hover,
[data-hover-class~="margin-x-320"]:hover {
    margin-left: 320px;
}

[data-hover-class~="-margin-left-320"]:hover,
[data-hover-class~="-margin-x-320"]:hover {
    margin-left: calc(-320 * var(--root-sizing));
}

[data-hover-class~="margin-top-320"]:hover,
[data-hover-class~="margin-y-320"]:hover {
    margin-top: 320px;
}

[data-hover-class~="-margin-top-320"]:hover,
[data-hover-class~="-margin-y-320"]:hover {
    margin-top: calc(-320 * var(--root-sizing));
}

[data-hover-class~="margin-right-320"]:hover,
[data-hover-class~="margin-x-320"]:hover {
    margin-right: 320px;
}

[data-hover-class~="-margin-right-320"]:hover,
[data-hover-class~="-margin-x-320"]:hover {
    margin-right: calc(-320 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-320"]:hover,
[data-hover-class~="margin-y-320"]:hover {
    margin-bottom: 320px;
}

[data-hover-class~="-margin-bottom-320"]:hover,
[data-hover-class~="-margin-y-320"]:hover {
    margin-bottom: calc(-320 * var(--root-sizing));
}

[data-hover-class~="margin-left-360"]:hover,
[data-hover-class~="margin-x-360"]:hover {
    margin-left: 360px;
}

[data-hover-class~="-margin-left-360"]:hover,
[data-hover-class~="-margin-x-360"]:hover {
    margin-left: calc(-360 * var(--root-sizing));
}

[data-hover-class~="margin-top-360"]:hover,
[data-hover-class~="margin-y-360"]:hover {
    margin-top: 360px;
}

[data-hover-class~="-margin-top-360"]:hover,
[data-hover-class~="-margin-y-360"]:hover {
    margin-top: calc(-360 * var(--root-sizing));
}

[data-hover-class~="margin-right-360"]:hover,
[data-hover-class~="margin-x-360"]:hover {
    margin-right: 360px;
}

[data-hover-class~="-margin-right-360"]:hover,
[data-hover-class~="-margin-x-360"]:hover {
    margin-right: calc(-360 * var(--root-sizing));
}

[data-hover-class~="margin-bottom-360"]:hover,
[data-hover-class~="margin-y-360"]:hover {
    margin-bottom: 360px;
}

[data-hover-class~="-margin-bottom-360"]:hover,
[data-hover-class~="-margin-y-360"]:hover {
    margin-bottom: calc(-360 * var(--root-sizing));
}

[data-hover-class~="-margin-top-1\/4"]:hover,
[data-hover-class~="-margin-top-25-percent"]:hover {
    margin-top: -25%;
}

[data-hover-class~="-margin-right-1\/4"]:hover,
[data-hover-class~="-margin-right-25-percent"]:hover {
    margin-right: -25%;
}

[data-hover-class~="-margin-bottom-1\/4"]:hover,
[data-hover-class~="-margin-bottom-25-percent"]:hover {
    margin-bottom: -25%;
}

[data-hover-class~="-margin-left-1\/4"]:hover,
[data-hover-class~="-margin-left-25-percent"]:hover {
    margin-left: -25%;
}

[data-hover-class~="-margin-top-1\/3"]:hover {
    margin-top: -33%;
}

[data-hover-class~="-margin-right-1\/3"]:hover {
    margin-right: -33%;
}

[data-hover-class~="-margin-bottom-1\/3"]:hover {
    margin-bottom: -33%;
}

[data-hover-class~="-margin-left-1\/3"]:hover {
    margin-left: -33%;
}

[data-hover-class~="-margin-top-1\/2"]:hover,
[data-hover-class~="-margin-top-2\/4"]:hover,
[data-hover-class~="-margin-top-50-percent"]:hover,
[data-hover-class~="-margin-top-half"]:hover {
    margin-top: -50%;
}

[data-hover-class~="-margin-right-1\/2"]:hover,
[data-hover-class~="-margin-right-2\/4"]:hover,
[data-hover-class~="-margin-right-50-percent"]:hover,
[data-hover-class~="-margin-right-half"]:hover {
    margin-right: -50%;
}

[data-hover-class~="-margin-bottom-1\/2"]:hover,
[data-hover-class~="-margin-bottom-2\/4"]:hover,
[data-hover-class~="-margin-bottom-50-percent"]:hover,
[data-hover-class~="-margin-bottom-half"]:hover {
    margin-bottom: -50%;
}

[data-hover-class~="-margin-left-1\/2"]:hover,
[data-hover-class~="-margin-left-2\/4"]:hover,
[data-hover-class~="-margin-left-50-percent"]:hover,
[data-hover-class~="-margin-left-half"]:hover {
    margin-left: -50%;
}

[data-hover-class~="-margin-top-9\/16"]:hover {
    margin-top: -56.25%;
}

[data-hover-class~="-margin-right-9\/16"]:hover {
    margin-right: -56.25%;
}

[data-hover-class~="-margin-bottom-9\/16"]:hover {
    margin-bottom: -56.25%;
}

[data-hover-class~="-margin-left-9\/16"]:hover {
    margin-left: -56.25%;
}

[data-hover-class~="-margin-top-2\/3"]:hover {
    margin-top: -66%;
}

[data-hover-class~="-margin-right-2\/3"]:hover {
    margin-right: -66%;
}

[data-hover-class~="-margin-bottom-2\/3"]:hover {
    margin-bottom: -66%;
}

[data-hover-class~="-margin-left-2\/3"]:hover {
    margin-left: -66%;
}

[data-hover-class~="-margin-top-3\/4"]:hover,
[data-hover-class~="-margin-top-75-percent"]:hover {
    margin-top: -75%;
}

[data-hover-class~="-margin-right-3\/4"]:hover,
[data-hover-class~="-margin-right-75-percent"]:hover {
    margin-right: -75%;
}

[data-hover-class~="-margin-bottom-3\/4"]:hover,
[data-hover-class~="-margin-bottom-75-percent"]:hover {
    margin-bottom: -75%;
}

[data-hover-class~="-margin-left-3\/4"]:hover,
[data-hover-class~="-margin-left-75-percent"]:hover {
    margin-left: -75%;
}

[data-hover-class~="-margin-top-100-percent"]:hover,
[data-hover-class~="-margin-top-1\/1"]:hover,
[data-hover-class~="-margin-top-full"]:hover {
    margin-top: -100%;
}

[data-hover-class~="-margin-right-100-percent"]:hover,
[data-hover-class~="-margin-right-1\/1"]:hover,
[data-hover-class~="-margin-right-full"]:hover {
    margin-right: -100%;
}

[data-hover-class~="-margin-bottom-100-percent"]:hover,
[data-hover-class~="-margin-bottom-1\/1"]:hover,
[data-hover-class~="-margin-bottom-full"]:hover {
    margin-bottom: -100%;
}

[data-hover-class~="-margin-left-100-percent"]:hover,
[data-hover-class~="-margin-left-1\/1"]:hover,
[data-hover-class~="-margin-left-full"]:hover {
    margin-left: -100%;
}

[data-hover-class~="-margin-top-4\/3"]:hover {
    margin-top: -133.33%;
}

[data-hover-class~="-margin-right-4\/3"]:hover {
    margin-right: -133.33%;
}

[data-hover-class~="-margin-bottom-4\/3"]:hover {
    margin-bottom: -133.33%;
}

[data-hover-class~="-margin-left-4\/3"]:hover {
    margin-left: -133.33%;
}

[data-hover-class~="font-sans-serif"]:hover,
[data-hover-class~="font-sans"]:hover {
    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-hover-class~="font-serif"]:hover {
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

[data-hover-class~="font-mono"]:hover,
[data-hover-class~="font-monospace"]:hover {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

[data-hover-class~="font-numeric-diagonal-fractions"]:hover,
[data-hover-class~="font-numeric-lining"]:hover,
[data-hover-class~="font-numeric-oldstyle"]:hover,
[data-hover-class~="font-numeric-ordinal"]:hover,
[data-hover-class~="font-numeric-proportional"]:hover,
[data-hover-class~="font-numeric-slashed-zero"]:hover,
[data-hover-class~="font-numeric-stacked-fractions"]:hover,
[data-hover-class~="font-numeric-tabular"]:hover {
    --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-hover-class~="font-numeric-normal"]:hover {
    font-variant-numeric: normal;
}

[data-hover-class~="font-numeric-ordinal"]:hover {
    --ordinal: ordinal;
}

[data-hover-class~="font-numeric-slashed-zero"]:hover {
    --slashed-zero: slashed-zero;
}

[data-hover-class~="font-numeric-lining"]:hover {
    --numeric-figure: lining-nums;
}

[data-hover-class~="font-numeric-oldstyle"]:hover {
    --numeric-figure: oldstyle-nums;
}

[data-hover-class~="font-numeric-proportional"]:hover {
    --numeric-spacing: proportional-nums;
}

[data-hover-class~="font-numeric-tabular"]:hover {
    --numeric-spacing: tabular-nums;
}

[data-hover-class~="font-numeric-diagonal-fractions"]:hover {
    --numeric-fraction: diagonal-fractions;
}

[data-hover-class~="font-numeric-stacked-fractions"]:hover {
    --numeric-fraction: stacked-fractions;
}

[data-hover-class~="font-size-6"]:hover {
    font-size: 6px;
}

[data-hover-class~="font-size-8"]:hover {
    font-size: 8px;
}

[data-hover-class~="font-size-9"]:hover {
    font-size: 9px;
}

[data-hover-class~="font-size-10"]:hover {
    font-size: 10px;
}

[data-hover-class~="font-size-11"]:hover {
    font-size: 11px;
}

[data-hover-class~="font-size-12"]:hover {
    font-size: 12px;
}

[data-hover-class~="font-size-14"]:hover {
    font-size: 14px;
}

[data-hover-class~="font-size-16"]:hover {
    font-size: 16px;
}

[data-hover-class~="font-size-18"]:hover {
    font-size: 18px;
}

[data-hover-class~="font-size-20"]:hover {
    font-size: 20px;
}

[data-hover-class~="font-size-22"]:hover {
    font-size: 22px;
}

[data-hover-class~="font-size-24"]:hover {
    font-size: 24px;
}

[data-hover-class~="font-size-30"]:hover {
    font-size: 30px;
}

[data-hover-class~="font-size-36"]:hover {
    font-size: 36px;
}

[data-hover-class~="font-size-48"]:hover {
    font-size: 48px;
}

[data-hover-class~="font-size-60"]:hover {
    font-size: 60px;
}

[data-hover-class~="font-size-72"]:hover {
    font-size: 72px;
}

[data-hover-class~="font-size-96"]:hover {
    font-size: 96px;
}

[data-hover-class~="font-style-italic"]:hover {
    font-style: italic;
}

[data-hover-class~="font-style-oblique"]:hover {
    font-style: oblique;
}

[data-hover-class~="font-style-normal"]:hover {
    font-style: normal;
}

[data-hover-class~="line-height-6"]:hover {
    line-height: 6px;
}

[data-hover-class~="line-height-8"]:hover {
    line-height: 8px;
}

[data-hover-class~="line-height-9"]:hover {
    line-height: 9px;
}

[data-hover-class~="line-height-10"]:hover {
    line-height: 10px;
}

[data-hover-class~="line-height-11"]:hover {
    line-height: 11px;
}

[data-hover-class~="line-height-12"]:hover {
    line-height: 12px;
}

[data-hover-class~="line-height-14"]:hover {
    line-height: 14px;
}

[data-hover-class~="line-height-16"]:hover {
    line-height: 16px;
}

[data-hover-class~="line-height-18"]:hover {
    line-height: 18px;
}

[data-hover-class~="line-height-20"]:hover {
    line-height: 20px;
}

[data-hover-class~="line-height-22"]:hover {
    line-height: 22px;
}

[data-hover-class~="line-height-24"]:hover {
    line-height: 24px;
}

[data-hover-class~="line-height-30"]:hover {
    line-height: 30px;
}

[data-hover-class~="line-height-36"]:hover {
    line-height: 36px;
}

[data-hover-class~="line-height-48"]:hover {
    line-height: 48px;
}

[data-hover-class~="line-height-60"]:hover {
    line-height: 60px;
}

[data-hover-class~="line-height-72"]:hover {
    line-height: 72px;
}

[data-hover-class~="line-height-96"]:hover {
    line-height: 96px;
}

[data-hover-class~="text-thin"]:hover {
    font-weight: 100;
}

[data-hover-class~="text-lighter"]:hover {
    font-weight: 200;
}

[data-hover-class~="text-light"]:hover {
    font-weight: 300;
}

[data-hover-class~="text-normal"]:hover {
    font-weight: 400;
}

[data-hover-class~="text-medium"]:hover {
    font-weight: 500;
}

[data-hover-class~="text-strong"]:hover {
    font-weight: 600;
}

[data-hover-class~="text-bold"]:hover {
    font-weight: 700;
}

[data-hover-class~="text-bolder"]:hover {
    font-weight: 800;
}

[data-hover-class~="text-boldest"]:hover {
    font-weight: 900;
}

[data-hover-class~="text-italic"]:hover {
    font-style: italic;
}

[data-hover-class~="text-oblique"]:hover {
    font-style: oblique;
}

[data-hover-class~="text-hide"]:hover {
    font: 0/0 a;
    color: #fff0;
    text-shadow: none;
    background-color: #fff0;
    border: 0;
}

[data-hover-class~="text-lowercase"]:hover {
    text-transform: lowercase;
}

[data-hover-class~="text-uppercase"]:hover {
    text-transform: uppercase;
}

[data-hover-class~="text-capitalize"]:hover {
    text-transform: capitalize;
}

[data-hover-class~="text-transform-none"]:hover {
    text-transform: none;
}

[data-hover-class~="text-left"]:hover {
    text-align: left;
}

[data-hover-class~="text-center"]:hover {
    text-align: center;
}

[data-hover-class~="text-right"]:hover {
    text-align: right;
}

[data-hover-class~="text-justify"]:hover {
    text-align: justify;
}

[data-hover-class~="break-normal"]:hover,
[data-hover-class~="text-break-normal"]:hover {
    overflow-wrap: normal;
    word-break: normal;
}

[data-hover-class~="break-words"]:hover,
[data-hover-class~="text-break-words"]:hover {
    overflow-wrap: break-word;
}

[data-hover-class~="break-all"]:hover,
[data-hover-class~="text-break-all"]:hover {
    word-break: break-all;
}

[data-hover-class~="text-decoration-none"]:hover {
    text-decoration: none;
}

[data-hover-class~="text-decoration-underline"]:hover,
[data-hover-class~="text-underline"]:hover {
    text-decoration: underline;
}

[data-hover-class~="text-line-through"]:hover {
    text-decoration: line-through;
}

[data-hover-class~="text-no-underline"]:hover,
[data-hover-class~="text-none-underline"]:hover {
    text-decoration: none;
}

[data-hover-class~="text-overflow-ellipsis"]:hover {
    text-overflow: ellipsis;
}

[data-hover-class~="text-overflow-clip"]:hover {
    text-overflow: clip;
}

[data-hover-class~="break-normal"]:hover,
[data-hover-class~="text-break-normal"]:hover {
    overflow-wrap: normal;
    word-break: normal;
}

[data-hover-class~="break-words"]:hover,
[data-hover-class~="text-break-words"]:hover {
    overflow-wrap: break-word;
}

[data-hover-class~="text-1"]:hover {
    font-size: 12px;
}

[data-hover-class~="text-2"]:hover {
    font-size: 14px;
}

[data-hover-class~="text-3"]:hover {
    font-size: 16px;
}

[data-hover-class~="text-4"]:hover {
    font-size: 18px;
}

[data-hover-class~="text-5"]:hover {
    font-size: 20px;
}

[data-hover-class~="text-6"]:hover {
    font-size: 22px;
}

[data-hover-class~="text-7"]:hover {
    font-size: 24px;
}

[data-hover-class~="text-8"]:hover {
    font-size: 26px;
}

[data-hover-class~="text-9"]:hover {
    font-size: 28px;
}

[data-hover-class~="text-10"]:hover {
    font-size: 36px;
}

[data-hover-class~="text-11"]:hover {
    font-size: 48px;
}

[data-hover-class~="text-12"]:hover {
    font-size: 64px;
}

[data-hover-class~="text-14"]:hover {
    font-size: 72px;
}

[data-hover-class~="text-16"]:hover {
    font-size: 96px;
}

[data-hover-class~="text-18"]:hover {
    font-size: 144px;
}

[data-hover-class~="text-20"]:hover {
    font-size: 288px;
}

[data-hover-class~="text-nowrap"]:hover {
    white-space: nowrap;
}

[data-hover-class~="text-wrap"]:hover {
    white-space: normal;
}

[data-hover-class~="text-mini"]:hover {
    font-size: 12px;
}

[data-hover-class~="text-small"]:hover {
    font-size: 14px;
}

[data-hover-class~="text-base"]:hover {
    font-size: 16px;
}

[data-hover-class~="text-medium"]:hover {
    font-size: 18px;
}

[data-hover-class~="text-large"]:hover {
    font-size: 24px;
}

[data-hover-class~="text-great"]:hover {
    font-size: 36px;
}

[data-hover-class~="text-truncate-1"]:hover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

[data-hover-class~="text-truncate-2"]:hover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

[data-hover-class~="text-truncate-3"]:hover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

[data-hover-class~="text-truncate-4"]:hover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

[data-hover-class~="text-truncate-5"]:hover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

[data-hover-class~="text-truncate-6"]:hover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

[data-hover-class~="text-white"]:hover {
    --text-opacity: 1;
    color: rgba(255, 255, 255, var(--text-opacity));
}

[data-hover-class~="text-black"]:hover {
    --text-opacity: 1;
    color: rgba(0, 0, 0, var(--text-opacity));
}

[data-hover-class~="text-red"]:hover {
    --text-opacity: 1;
    color: rgba(255, 0, 0, var(--text-opacity));
}

[data-hover-class~="text-deeppink"]:hover {
    --text-opacity: 1;
    color: rgba(255, 20, 147, var(--text-opacity));
}

[data-hover-class~="text-orangered"]:hover {
    --text-opacity: 1;
    color: rgba(255, 69, 0, var(--text-opacity));
}

[data-hover-class~="text-gold"]:hover {
    --text-opacity: 1;
    color: rgba(255, 217, 0, var(--text-opacity));
}

[data-hover-class~="text-darkviolet"]:hover {
    --text-opacity: 1;
    color: rgba(148, 0, 211, var(--text-opacity));
}

[data-hover-class~="text-lime"]:hover {
    --text-opacity: 1;
    color: rgba(0, 255, 0, var(--text-opacity));
}

[data-hover-class~="text-deepskyblue"]:hover {
    --text-opacity: 1;
    color: rgba(0, 191, 255, var(--text-opacity));
}

[data-hover-class~="text-peace"]:hover {
    --text-opacity: 1;
    color: rgba(136, 102, 255, var(--text-opacity));
}

[data-hover-class~="text-primary"]:hover {
    --text-opacity: 1;
    color: rgba(66, 66, 255, var(--text-opacity));
}

[data-hover-class~="text-warning"]:hover {
    --text-opacity: 1;
    color: rgba(255, 104, 36, var(--text-opacity));
}

[data-hover-class~="text-positive"]:hover {
    --text-opacity: 1;
    color: rgba(136, 36, 255, var(--text-opacity));
}

[data-hover-class~="text-default"]:hover {
    --text-opacity: 1;
    color: rgba(200, 200, 200, var(--text-opacity));
}

[data-hover-class~="text-danger"]:hover {
    --text-opacity: 1;
    color: rgba(255, 66, 66, var(--text-opacity));
}

[data-hover-class~="text-success"]:hover {
    --text-opacity: 1;
    color: rgba(2, 216, 66, var(--text-opacity));
}

[data-hover-class~="text-info"]:hover {
    --text-opacity: 1;
    color: rgba(34, 136, 255, var(--text-opacity));
}

[data-hover-class~="text-special"]:hover {
    --text-opacity: 1;
    color: rgba(36, 2, 36, var(--text-opacity));
}

[data-hover-class~="text-dark"]:hover {
    --text-opacity: 1;
    color: rgba(2, 2, 36, var(--text-opacity));
}

[data-hover-class~="text-elegant"]:hover {
    --text-opacity: 1;
    color: rgba(36, 36, 36, var(--text-opacity));
}

[data-hover-class~="text-stylish"]:hover {
    --text-opacity: 1;
    color: rgba(36, 36, 66, var(--text-opacity));
}

[data-hover-class~="text-unique"]:hover {
    --text-opacity: 1;
    color: rgba(2, 36, 66, var(--text-opacity));
}

[data-hover-class~="text-light"]:hover {
    --text-opacity: 1;
    color: rgba(242, 244, 246, var(--text-opacity));
}

[data-hover-class~="text-ghost"]:hover {
    --text-opacity: 1;
    color: rgba(248, 248, 255, var(--text-opacity));
}

[data-hover-class~="text-brand"]:hover {
    --text-opacity: 1;
    color: rgba(var(--color-brand-rgb), var(--text-opacity));
}

[data-hover-class~="text-opacity-0"]:hover {
    --text-opacity: 0;
}

[data-hover-class~="text-opacity-5"]:hover {
    --text-opacity: 0.05;
}

[data-hover-class~="text-opacity-10"]:hover {
    --text-opacity: 0.1;
}

[data-hover-class~="text-opacity-20"]:hover {
    --text-opacity: 0.2;
}

[data-hover-class~="text-opacity-25"]:hover {
    --text-opacity: 0.25;
}

[data-hover-class~="text-opacity-30"]:hover {
    --text-opacity: 0.3;
}

[data-hover-class~="text-opacity-40"]:hover {
    --text-opacity: 0.4;
}

[data-hover-class~="text-opacity-50"]:hover {
    --text-opacity: 0.5;
}

[data-hover-class~="text-opacity-60"]:hover {
    --text-opacity: 0.6;
}

[data-hover-class~="text-opacity-70"]:hover {
    --text-opacity: 0.7;
}

[data-hover-class~="text-opacity-75"]:hover {
    --text-opacity: 0.75;
}

[data-hover-class~="text-opacity-80"]:hover {
    --text-opacity: 0.8;
}

[data-hover-class~="text-opacity-90"]:hover {
    --text-opacity: 0.9;
}

[data-hover-class~="text-opacity-95"]:hover {
    --text-opacity: 0.95;
}

[data-hover-class~="text-opacity-100"]:hover {
    --text-opacity: 1;
}

[data-hover-class~="leading-6"]:hover,
[data-hover-class~="line-height-6"]:hover {
    line-height: 6px;
}

[data-hover-class~="leading-8"]:hover,
[data-hover-class~="line-height-8"]:hover {
    line-height: 8px;
}

[data-hover-class~="leading-9"]:hover,
[data-hover-class~="line-height-9"]:hover {
    line-height: 9px;
}

[data-hover-class~="leading-10"]:hover,
[data-hover-class~="line-height-10"]:hover {
    line-height: 10px;
}

[data-hover-class~="leading-11"]:hover,
[data-hover-class~="line-height-11"]:hover {
    line-height: 11px;
}

[data-hover-class~="leading-12"]:hover,
[data-hover-class~="line-height-12"]:hover {
    line-height: 12px;
}

[data-hover-class~="leading-14"]:hover,
[data-hover-class~="line-height-14"]:hover {
    line-height: 14px;
}

[data-hover-class~="leading-16"]:hover,
[data-hover-class~="line-height-16"]:hover {
    line-height: 16px;
}

[data-hover-class~="leading-18"]:hover,
[data-hover-class~="line-height-18"]:hover {
    line-height: 18px;
}

[data-hover-class~="leading-20"]:hover,
[data-hover-class~="line-height-20"]:hover {
    line-height: 20px;
}

[data-hover-class~="leading-22"]:hover,
[data-hover-class~="line-height-22"]:hover {
    line-height: 22px;
}

[data-hover-class~="leading-24"]:hover,
[data-hover-class~="line-height-24"]:hover {
    line-height: 24px;
}

[data-hover-class~="leading-30"]:hover,
[data-hover-class~="line-height-30"]:hover {
    line-height: 30px;
}

[data-hover-class~="leading-36"]:hover,
[data-hover-class~="line-height-36"]:hover {
    line-height: 36px;
}

[data-hover-class~="leading-48"]:hover,
[data-hover-class~="line-height-48"]:hover {
    line-height: 48px;
}

[data-hover-class~="leading-60"]:hover,
[data-hover-class~="line-height-60"]:hover {
    line-height: 60px;
}

[data-hover-class~="leading-72"]:hover,
[data-hover-class~="line-height-72"]:hover {
    line-height: 72px;
}

[data-hover-class~="leading-96"]:hover,
[data-hover-class~="line-height-96"]:hover {
    line-height: 96px;
}

[data-hover-class~="leading-none"]:hover {
    line-height: 1;
}

[data-hover-class~="leading-tight"]:hover {
    line-height: 1.25;
}

[data-hover-class~="leading-snug"]:hover {
    line-height: 1.375;
}

[data-hover-class~="leading-normal"]:hover {
    line-height: 1.5;
}

[data-hover-class~="leading-relaxed"]:hover {
    line-height: 1.625;
}

[data-hover-class~="leading-loose"]:hover {
    line-height: 2;
}

[data-hover-class~="align-baseline"]:hover {
    vertical-align: baseline;
}

[data-hover-class~="align-top"]:hover {
    vertical-align: top;
}

[data-hover-class~="align-middle"]:hover {
    vertical-align: middle;
}

[data-hover-class~="align-bottom"]:hover {
    vertical-align: bottom;
}

[data-hover-class~="align-text-top"]:hover {
    vertical-align: text-top;
}

[data-hover-class~="align-text-bottom"]:hover {
    vertical-align: text-bottom;
}

[data-hover-class~="letter-spacing-tighter"]:hover,
[data-hover-class~="tracking-tighter"]:hover {
    letter-spacing: -0.05em;
}

[data-hover-class~="letter-spacing-tight"]:hover,
[data-hover-class~="tracking-tight"]:hover {
    letter-spacing: -0.025em;
}

[data-hover-class~="letter-spacing-normal"]:hover,
[data-hover-class~="tracking-normal"]:hover {
    letter-spacing: 0;
}

[data-hover-class~="letter-spacing-wide"]:hover,
[data-hover-class~="tracking-wide"]:hover {
    letter-spacing: 0.025em;
}

[data-hover-class~="letter-spacing-wider"]:hover,
[data-hover-class~="tracking-wider"]:hover {
    letter-spacing: 0.05em;
}

[data-hover-class~="letter-spacing-widest"]:hover,
[data-hover-class~="tracking-widest"]:hover {
    letter-spacing: 0.1em;
}

[data-hover-class~="letter-spacing-tighter"]:hover,
[data-hover-class~="tracking-tighter"]:hover {
    letter-spacing: -0.05em;
}

[data-hover-class~="letter-spacing-tight"]:hover,
[data-hover-class~="tracking-tight"]:hover {
    letter-spacing: -0.025em;
}

[data-hover-class~="letter-spacing-normal"]:hover,
[data-hover-class~="tracking-normal"]:hover {
    letter-spacing: 0;
}

[data-hover-class~="letter-spacing-wide"]:hover,
[data-hover-class~="tracking-wide"]:hover {
    letter-spacing: 0.025em;
}

[data-hover-class~="letter-spacing-wider"]:hover,
[data-hover-class~="tracking-wider"]:hover {
    letter-spacing: 0.05em;
}

[data-hover-class~="letter-spacing-widest"]:hover,
[data-hover-class~="tracking-widest"]:hover {
    letter-spacing: 0.1em;
}

[data-hover-class~="letter-spacing-tighter"]:hover,
[data-hover-class~="tracking-tighter"]:hover {
    letter-spacing: -0.05em;
}

[data-hover-class~="letter-spacing-tight"]:hover,
[data-hover-class~="tracking-tight"]:hover {
    letter-spacing: -0.025em;
}

[data-hover-class~="letter-spacing-normal"]:hover,
[data-hover-class~="tracking-normal"]:hover {
    letter-spacing: 0;
}

[data-hover-class~="letter-spacing-wide"]:hover,
[data-hover-class~="tracking-wide"]:hover {
    letter-spacing: 0.025em;
}

[data-hover-class~="letter-spacing-wider"]:hover,
[data-hover-class~="tracking-wider"]:hover {
    letter-spacing: 0.05em;
}

[data-hover-class~="letter-spacing-widest"]:hover,
[data-hover-class~="tracking-widest"]:hover {
    letter-spacing: 0.1em;
}

[data-hover-class~="white-space-normal"]:hover,
[data-hover-class~="whitespace-normal"]:hover {
    white-space: normal;
}

[data-hover-class~="white-space-nowrap"]:hover,
[data-hover-class~="whitespace-nowrap"]:hover {
    white-space: nowrap;
}

[data-hover-class~="white-space-pre"]:hover,
[data-hover-class~="whitespace-pre"]:hover {
    white-space: pre;
}

[data-hover-class~="white-space-pre-line"]:hover,
[data-hover-class~="whitespace-pre-line"]:hover {
    white-space: pre-line;
}

[data-hover-class~="white-space-pre-wrap"]:hover,
[data-hover-class~="whitespace-pre-wrap"]:hover {
    white-space: pre-wrap;
}

[data-hover-class~="placeholder-transparent"]:hover ::placeholder {
    color: #fff0;
}

[data-hover-class~="placeholder-white"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-black"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-red"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 0, 0, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-deeppink"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 20, 147, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-orangered"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 69, 0, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-gold"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 217, 0, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-darkviolet"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(148, 0, 211, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-lime"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 255, 0, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-deepskyblue"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(0, 191, 255, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-peace"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(136, 102, 255, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-primary"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(66, 66, 255, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-warning"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 104, 36, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-positive"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(136, 36, 255, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-default"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(200, 200, 200, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-danger"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(255, 66, 66, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-success"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 216, 66, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-info"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(34, 136, 255, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-special"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 2, 36, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-dark"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 2, 36, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-elegant"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 36, 36, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-stylish"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(36, 36, 66, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-unique"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(2, 36, 66, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-light"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(242, 244, 246, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-ghost"]:hover ::placeholder {
    --placeholder-opacity: 1;
    color: rgba(248, 248, 255, var(--placeholder-opacity));
}

[data-hover-class~="placeholder-opacity-0"]:hover ::placeholder {
    --placeholder-opacity: 0;
}

[data-hover-class~="placeholder-opacity-5"]:hover ::placeholder {
    --placeholder-opacity: 0.05;
}

[data-hover-class~="placeholder-opacity-10"]:hover ::placeholder {
    --placeholder-opacity: 0.1;
}

[data-hover-class~="placeholder-opacity-20"]:hover ::placeholder {
    --placeholder-opacity: 0.2;
}

[data-hover-class~="placeholder-opacity-25"]:hover,
[data-hover-class~="placeholder-opacity-quarter"]:hover ::placeholder {
    --placeholder-opacity: 0.25;
}

[data-hover-class~="placeholder-opacity-30"]:hover ::placeholder {
    --placeholder-opacity: 0.3;
}

[data-hover-class~="placeholder-opacity-40"]:hover ::placeholder {
    --placeholder-opacity: 0.4;
}

[data-hover-class~="placeholder-opacity-50"]:hover,
[data-hover-class~="placeholder-opacity-half"]:hover ::placeholder {
    --placeholder-opacity: 0.5;
}

[data-hover-class~="placeholder-opacity-60"]:hover ::placeholder {
    --placeholder-opacity: 0.6;
}

[data-hover-class~="placeholder-opacity-70"]:hover ::placeholder {
    --placeholder-opacity: 0.7;
}

[data-hover-class~="placeholder-opacity-75"]:hover ::placeholder {
    --placeholder-opacity: 0.75;
}

[data-hover-class~="placeholder-opacity-80"]:hover ::placeholder {
    --placeholder-opacity: 0.8;
}

[data-hover-class~="placeholder-opacity-90"]:hover ::placeholder {
    --placeholder-opacity: 0.9;
}

[data-hover-class~="placeholder-opacity-95"]:hover ::placeholder {
    --placeholder-opacity: 0.95;
}

[data-hover-class~="placeholder-opacity-100"]:hover ::placeholder {
    --placeholder-opacity: 1;
}

[data-hover-class~="float-right"]:hover {
    float: right;
}

[data-hover-class~="float-left"]:hover {
    float: left;
}

[data-hover-class~="float-none"]:hover {
    float: none;
}

[data-hover-class~="object-contain"]:hover {
    object-fit: contain;
}

[data-hover-class~="object-cover"]:hover {
    object-fit: cover;
}

[data-hover-class~="object-fill"]:hover {
    object-fit: fill;
}

[data-hover-class~="object-none"]:hover {
    object-fit: none;
}

[data-hover-class~="object-scale-down"]:hover {
    object-fit: scale-down;
}

[data-hover-class~="object-bottom"]:hover {
    object-position: bottom;
}

[data-hover-class~="object-center"]:hover {
    object-position: center;
}

[data-hover-class~="object-left"]:hover {
    object-position: left;
}

[data-hover-class~="object-left-bottom"]:hover {
    object-position: left bottom;
}

[data-hover-class~="object-left-top"]:hover {
    object-position: left top;
}

[data-hover-class~="object-right"]:hover {
    object-position: right;
}

[data-hover-class~="object-right-bottom"]:hover {
    object-position: right bottom;
}

[data-hover-class~="object-right-top"]:hover {
    object-position: right top;
}

[data-hover-class~="object-top"]:hover {
    object-position: top;
}

[data-hover-class~="overflow-auto"]:hover {
    overflow: auto;
}

[data-hover-class~="overflow-hidden"]:hover {
    overflow: hidden;
}

[data-hover-class~="overflow-visible"]:hover {
    overflow: visible;
}

[data-hover-class~="overflow-scroll"]:hover {
    overflow: scroll;
}

[data-hover-class~="overflow-overlay"]:hover {
    overflow: overlay;
}

[data-hover-class~="overflow-x-auto"]:hover {
    overflow-x: auto;
}

[data-hover-class~="overflow-y-auto"]:hover {
    overflow-y: auto;
}

[data-hover-class~="overflow-x-hidden"]:hover {
    overflow-x: hidden;
}

[data-hover-class~="overflow-y-hidden"]:hover {
    overflow-y: hidden;
}

[data-hover-class~="overflow-x-visible"]:hover {
    overflow-x: visible;
}

[data-hover-class~="overflow-y-visible"]:hover {
    overflow-y: visible;
}

[data-hover-class~="overflow-x-scroll"]:hover {
    overflow-x: scroll;
}

[data-hover-class~="overflow-y-scroll"]:hover {
    overflow-y: scroll;
}

[data-hover-class~="overflow-overlay"]:hover {
    overflow: auto;
    overflow: overlay;
}

[data-hover-class~="overflow-x-overlay"]:hover {
    overflow: auto;
    overflow-x: overlay;
}

[data-hover-class~="overflow-y-overlay"]:hover {
    overflow: auto;
    overflow-y: overlay;
}

[data-hover-class~="overscroll-auto"]:hover {
    overscroll-behavior: auto;
}

[data-hover-class~="overscroll-contain"]:hover {
    overscroll-behavior: contain;
}

[data-hover-class~="overscroll-none"]:hover {
    overscroll-behavior: none;
}

[data-hover-class~="overscroll-y-auto"]:hover {
    overscroll-behavior-y: auto;
}

[data-hover-class~="overscroll-y-contain"]:hover {
    overscroll-behavior-y: contain;
}

[data-hover-class~="overscroll-y-none"]:hover {
    overscroll-behavior-y: none;
}

[data-hover-class~="overscroll-x-auto"]:hover {
    overscroll-behavior-x: auto;
}

[data-hover-class~="overscroll-x-contain"]:hover {
    overscroll-behavior-x: contain;
}

[data-hover-class~="overscroll-x-none"]:hover {
    overscroll-behavior-x: none;
}

[data-hover-class~="aspect"]:hover {
    position: relative;
    width: 100%;
}

[data-hover-class~="aspect"]:hover ::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

[data-hover-class~="aspect"]:hover>* {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

[data-hover-class~="image-product"]:hover {
    position: relative;
    display: inline-block;
    width: 100%;
}

[data-hover-class~="image-product"]:hover ::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-hover-class~="image-product"]:hover>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

[data-hover-class~="mask"]:hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

[data-hover-class~="ratio-1\/1"]:hover {
    --aspect-ratio: 100%;
}

[data-hover-class~="ratio-1\/2"]:hover {
    --aspect-ratio: calc(1 / 2 * 100%);
}

[data-hover-class~="ratio-1\/3"]:hover {
    --aspect-ratio: calc(1 / 3 * 100%);
}

[data-hover-class~="ratio-1\/4"]:hover {
    --aspect-ratio: calc(1 / 4 * 100%);
}

[data-hover-class~="ratio-2\/3"]:hover {
    --aspect-ratio: calc(2 / 3 * 100%);
}

[data-hover-class~="ratio-3\/2"]:hover {
    --aspect-ratio: calc(3 / 2 * 100%);
}

[data-hover-class~="ratio-3\/4"]:hover {
    --aspect-ratio: calc(3 / 4 * 100%);
}

[data-hover-class~="ratio-4\/3"]:hover {
    --aspect-ratio: calc(4 / 3 * 100%);
}

[data-hover-class~="ratio-9\/16"]:hover {
    --aspect-ratio: calc(9 / 16 * 100%);
}

[data-hover-class~="ratio-9\/21"]:hover {
    --aspect-ratio: calc(9 / 21 * 100%);
}

[data-hover-class~="ratio-16\/9"]:hover {
    --aspect-ratio: calc(16 / 9 * 100%);
}

[data-hover-class~="ratio-21\/9"]:hover {
    --aspect-ratio: calc(21 / 9 * 100%);
}

[data-hover-class~="embed"]:hover {
    position: relative;
    width: 100%;
}

[data-hover-class~="embed"]:hover ::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: "";
}

[data-hover-class~="embed"]:hover>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[data-hover-class~="position-static"]:hover {
    position: static;
}

[data-hover-class~="position-relative"]:hover {
    position: relative;
}

[data-hover-class~="position-absolute"]:hover {
    position: absolute;
}

[data-hover-class~="position-fixed"]:hover {
    position: fixed;
}

[data-hover-class~="position-sticky"]:hover {
    position: -webkit-sticky;
    position: sticky;
}

[data-hover-class~="fixed-left"]:hover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

[data-hover-class~="fixed-top"]:hover {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

[data-hover-class~="fixed-right"]:hover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
}

[data-hover-class~="fixed-bottom"]:hover {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

[data-hover-class~="background-fixed"]:hover {
    background-attachment: fixed;
}

[data-hover-class~="background-local"]:hover {
    background-attachment: local;
}

[data-hover-class~="background-scroll"]:hover {
    background-attachment: scroll;
}

[data-hover-class~="background-blend-normal"]:hover {
    background-blend-mode: normal;
}

[data-hover-class~="background-blend-multiply"]:hover {
    background-blend-mode: multiply;
}

[data-hover-class~="background-blend-screen"]:hover {
    background-blend-mode: screen;
}

[data-hover-class~="background-blend-overlay"]:hover {
    background-blend-mode: overlay;
}

[data-hover-class~="background-blend-darken"]:hover {
    background-blend-mode: darken;
}

[data-hover-class~="background-blend-lighten"]:hover {
    background-blend-mode: lighten;
}

[data-hover-class~="background-blend-color-dodge"]:hover {
    background-blend-mode: color-dodge;
}

[data-hover-class~="background-blend-color-burn"]:hover {
    background-blend-mode: color-burn;
}

[data-hover-class~="background-blend-hard-light"]:hover {
    background-blend-mode: hard-light;
}

[data-hover-class~="background-blend-soft-light"]:hover {
    background-blend-mode: soft-light;
}

[data-hover-class~="background-blend-difference"]:hover {
    background-blend-mode: difference;
}

[data-hover-class~="background-blend-exclusion"]:hover {
    background-blend-mode: exclusion;
}

[data-hover-class~="background-blend-hue"]:hover {
    background-blend-mode: hue;
}

[data-hover-class~="background-blend-saturation"]:hover {
    background-blend-mode: saturation;
}

[data-hover-class~="background-blend-color"]:hover {
    background-blend-mode: color;
}

[data-hover-class~="background-blend-luminosity"]:hover {
    background-blend-mode: luminosity;
}

[data-hover-class~="background-transparent"]:hover {
    background-color: #fff0;
}

[data-hover-class~="background-clip-border"]:hover {
    background-clip: border-box;
}

[data-hover-class~="background-clip-padding"]:hover {
    background-clip: padding-box;
}

[data-hover-class~="background-clip-content"]:hover {
    background-clip: content-box;
}

[data-hover-class~="background-clip-text"]:hover {
    -webkit-background-clip: text;
    background-clip: text;
}

[data-hover-class~="from-transparent"]:hover {
    --gradient-from: transparent;
    --gradient-stops: var(--gradient-from), var(--gradient-to, transparent);
}

[data-hover-class~="from-white"]:hover {
    --gradient-from: rgba(255, 255, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 255, 255, 1));
}

[data-hover-class~="from-black"]:hover {
    --gradient-from: rgba(0, 0, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 0, 0, 1));
}

[data-hover-class~="from-red"]:hover {
    --gradient-from: rgba(255, 0, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 0, 0, 1));
}

[data-hover-class~="from-deeppink"]:hover {
    --gradient-from: rgba(255, 20, 147, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 20, 147, 1));
}

[data-hover-class~="from-orangered"]:hover {
    --gradient-from: rgba(255, 69, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 69, 0, 1));
}

[data-hover-class~="from-gold"]:hover {
    --gradient-from: rgba(255, 217, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 217, 0, 1));
}

[data-hover-class~="from-darkviolet"]:hover {
    --gradient-from: rgba(148, 0, 211, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(148, 0, 211, 1));
}

[data-hover-class~="from-lime"]:hover {
    --gradient-from: rgba(0, 255, 0, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 255, 0, 1));
}

[data-hover-class~="from-deepskyblue"]:hover {
    --gradient-from: rgba(0, 191, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(0, 191, 255, 1));
}

[data-hover-class~="from-peace"]:hover {
    --gradient-from: rgba(136, 102, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(136, 102, 255, 1));
}

[data-hover-class~="from-primary"]:hover {
    --gradient-from: rgba(66, 66, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(66, 66, 255, 1));
}

[data-hover-class~="from-warning"]:hover {
    --gradient-from: rgba(255, 104, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 104, 36, 1));
}

[data-hover-class~="from-positive"]:hover {
    --gradient-from: rgba(136, 36, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(136, 36, 255, 1));
}

[data-hover-class~="from-default"]:hover {
    --gradient-from: rgba(200, 200, 200, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(200, 200, 200, 1));
}

[data-hover-class~="from-danger"]:hover {
    --gradient-from: rgba(255, 66, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(255, 66, 66, 1));
}

[data-hover-class~="from-success"]:hover {
    --gradient-from: rgba(2, 216, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 216, 66, 1));
}

[data-hover-class~="from-info"]:hover {
    --gradient-from: rgba(34, 136, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(34, 136, 255, 1));
}

[data-hover-class~="from-special"]:hover {
    --gradient-from: rgba(36, 2, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 2, 36, 1));
}

[data-hover-class~="from-dark"]:hover {
    --gradient-from: rgba(2, 2, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 2, 36, 1));
}

[data-hover-class~="from-elegant"]:hover {
    --gradient-from: rgba(36, 36, 36, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 36, 36, 1));
}

[data-hover-class~="from-stylish"]:hover {
    --gradient-from: rgba(36, 36, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(36, 36, 66, 1));
}

[data-hover-class~="from-unique"]:hover {
    --gradient-from: rgba(2, 36, 66, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(2, 36, 66, 1));
}

[data-hover-class~="from-light"]:hover {
    --gradient-from: rgba(242, 244, 246, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(242, 244, 246, 1));
}

[data-hover-class~="from-ghost"]:hover {
    --gradient-from: rgba(248, 248, 255, 1);
    --gradient-stops: var(--gradient-from), var(--gradient-to, rgba(248, 248, 255, 1));
}

[data-hover-class~="via-transparent"]:hover {
    --gradient-stops: var(--gradient-from), transparent, var(--gradient-to, transparent);
}

[data-hover-class~="via-white"]:hover {
    --gradient-stops: var(--gradient-from), rgba(255, 255, 255, 1), var(--gradient-to, rgba(255, 255, 255, 0));
}

[data-hover-class~="via-black"]:hover {
    --gradient-stops: var(--gradient-from), rgba(0, 0, 0, 1), var(--gradient-to, rgba(0, 0, 0, 0));
}

[data-hover-class~="via-red"]:hover {
    --gradient-stops: var(--gradient-from), rgba(255, 0, 0, 1), var(--gradient-to, rgba(255, 0, 0, 0));
}

[data-hover-class~="via-deeppink"]:hover {
    --gradient-stops: var(--gradient-from), rgba(255, 20, 147, 1), var(--gradient-to, rgba(255, 20, 147, 0));
}

[data-hover-class~="via-orangered"]:hover {
    --gradient-stops: var(--gradient-from), rgba(255, 69, 0, 1), var(--gradient-to, rgba(255, 69, 0, 0));
}

[data-hover-class~="via-gold"]:hover {
    --gradient-stops: var(--gradient-from), rgba(255, 217, 0, 1), var(--gradient-to, rgba(255, 217, 0, 0));
}

[data-hover-class~="via-darkviolet"]:hover {
    --gradient-stops: var(--gradient-from), rgba(148, 0, 211, 1), var(--gradient-to, rgba(148, 0, 211, 0));
}

[data-hover-class~="via-lime"]:hover {
    --gradient-stops: var(--gradient-from), rgba(0, 255, 0, 1), var(--gradient-to, rgba(0, 255, 0, 0));
}

[data-hover-class~="via-deepskyblue"]:hover {
    --gradient-stops: var(--gradient-from), rgba(0, 191, 255, 1), var(--gradient-to, rgba(0, 191, 255, 0));
}

[data-hover-class~="via-peace"]:hover {
    --gradient-stops: var(--gradient-from), rgba(136, 102, 255, 1), var(--gradient-to, rgba(136, 102, 255, 0));
}

[data-hover-class~="via-primary"]:hover {
    --gradient-stops: var(--gradient-from), rgba(66, 66, 255, 1), var(--gradient-to, rgba(66, 66, 255, 0));
}

[data-hover-class~="via-warning"]:hover {
    --gradient-stops: var(--gradient-from), rgba(255, 104, 36, 1), var(--gradient-to, rgba(255, 104, 36, 0));
}

[data-hover-class~="via-positive"]:hover {
    --gradient-stops: var(--gradient-from), rgba(136, 36, 255, 1), var(--gradient-to, rgba(136, 36, 255, 0));
}

[data-hover-class~="via-default"]:hover {
    --gradient-stops: var(--gradient-from), rgba(200, 200, 200, 1), var(--gradient-to, rgba(200, 200, 200, 0));
}

[data-hover-class~="via-danger"]:hover {
    --gradient-stops: var(--gradient-from), rgba(255, 66, 66, 1), var(--gradient-to, rgba(255, 66, 66, 0));
}

[data-hover-class~="via-success"]:hover {
    --gradient-stops: var(--gradient-from), rgba(2, 216, 66, 1), var(--gradient-to, rgba(2, 216, 66, 0));
}

[data-hover-class~="via-info"]:hover {
    --gradient-stops: var(--gradient-from), rgba(34, 136, 255, 1), var(--gradient-to, rgba(34, 136, 255, 0));
}

[data-hover-class~="via-special"]:hover {
    --gradient-stops: var(--gradient-from), rgba(36, 2, 36, 1), var(--gradient-to, rgba(36, 2, 36, 0));
}

[data-hover-class~="via-dark"]:hover {
    --gradient-stops: var(--gradient-from), rgba(2, 2, 36, 1), var(--gradient-to, rgba(2, 2, 36, 0));
}

[data-hover-class~="via-elegant"]:hover {
    --gradient-stops: var(--gradient-from), rgba(36, 36, 36, 1), var(--gradient-to, rgba(36, 36, 36, 0));
}

[data-hover-class~="via-stylish"]:hover {
    --gradient-stops: var(--gradient-from), rgba(36, 36, 66, 1), var(--gradient-to, rgba(36, 36, 66, 0));
}

[data-hover-class~="via-unique"]:hover {
    --gradient-stops: var(--gradient-from), rgba(2, 36, 66, 1), var(--gradient-to, rgba(2, 36, 66, 0));
}

[data-hover-class~="via-light"]:hover {
    --gradient-stops: var(--gradient-from), rgba(242, 244, 246, 1), var(--gradient-to, rgba(242, 244, 246, 0));
}

[data-hover-class~="via-ghost"]:hover {
    --gradient-stops: var(--gradient-from), rgba(248, 248, 255, 1), var(--gradient-to, rgba(248, 248, 255, 0));
}

[data-hover-class~="to-transparent"]:hover {
    --gradient-to: transparent;
}

[data-hover-class~="to-white"]:hover {
    --gradient-to: rgba(255, 255, 255, 1);
}

[data-hover-class~="to-black"]:hover {
    --gradient-to: rgba(0, 0, 0, 1);
}

[data-hover-class~="to-red"]:hover {
    --gradient-to: rgba(255, 0, 0, 1);
}

[data-hover-class~="to-deeppink"]:hover {
    --gradient-to: rgba(255, 20, 147, 1);
}

[data-hover-class~="to-orangered"]:hover {
    --gradient-to: rgba(255, 69, 0, 1);
}

[data-hover-class~="to-gold"]:hover {
    --gradient-to: rgba(255, 217, 0, 1);
}

[data-hover-class~="to-darkviolet"]:hover {
    --gradient-to: rgba(148, 0, 211, 1);
}

[data-hover-class~="to-lime"]:hover {
    --gradient-to: rgba(0, 255, 0, 1);
}

[data-hover-class~="to-deepskyblue"]:hover {
    --gradient-to: rgba(0, 191, 255, 1);
}

[data-hover-class~="to-peace"]:hover {
    --gradient-to: rgba(136, 102, 255, 1);
}

[data-hover-class~="to-primary"]:hover {
    --gradient-to: rgba(66, 66, 255, 1);
}

[data-hover-class~="to-warning"]:hover {
    --gradient-to: rgba(255, 104, 36, 1);
}

[data-hover-class~="to-positive"]:hover {
    --gradient-to: rgba(136, 36, 255, 1);
}

[data-hover-class~="to-default"]:hover {
    --gradient-to: rgba(200, 200, 200, 1);
}

[data-hover-class~="to-danger"]:hover {
    --gradient-to: rgba(255, 66, 66, 1);
}

[data-hover-class~="to-success"]:hover {
    --gradient-to: rgba(2, 216, 66, 1);
}

[data-hover-class~="to-info"]:hover {
    --gradient-to: rgba(34, 136, 255, 1);
}

[data-hover-class~="to-special"]:hover {
    --gradient-to: rgba(36, 2, 36, 1);
}

[data-hover-class~="to-dark"]:hover {
    --gradient-to: rgba(2, 2, 36, 1);
}

[data-hover-class~="to-elegant"]:hover {
    --gradient-to: rgba(36, 36, 36, 1);
}

[data-hover-class~="to-stylish"]:hover {
    --gradient-to: rgba(36, 36, 66, 1);
}

[data-hover-class~="to-unique"]:hover {
    --gradient-to: rgba(2, 36, 66, 1);
}

[data-hover-class~="to-light"]:hover {
    --gradient-to: rgba(242, 244, 246, 1);
}

[data-hover-class~="to-ghost"]:hover {
    --gradient-to: rgba(248, 248, 255, 1);
}

[data-hover-class~="background-top"]:hover {
    background-position: top;
}

[data-hover-class~="background-bottom"]:hover {
    background-position: bottom;
}

[data-hover-class~="background-center"]:hover {
    background-position: center;
}

[data-hover-class~="background-left"]:hover {
    background-position: left;
}

[data-hover-class~="background-left-bottom"]:hover {
    background-position: left bottom;
}

[data-hover-class~="background-left-top"]:hover {
    background-position: left top;
}

[data-hover-class~="background-right"]:hover {
    background-position: right;
}

[data-hover-class~="background-right-bottom"]:hover {
    background-position: right bottom;
}

[data-hover-class~="background-right-top"]:hover {
    background-position: right top;
}

[data-hover-class~="background-opacity-0"]:hover {
    --background-opacity: 0;
}

[data-hover-class~="background-opacity-5"]:hover {
    --background-opacity: 0.05;
}

[data-hover-class~="background-opacity-10"]:hover {
    --background-opacity: 0.1;
}

[data-hover-class~="background-opacity-20"]:hover {
    --background-opacity: 0.2;
}

[data-hover-class~="background-opacity-25"]:hover,
[data-hover-class~="background-opacity-quarter"]:hover {
    --background-opacity: 0.25;
}

[data-hover-class~="background-opacity-30"]:hover {
    --background-opacity: 0.3;
}

[data-hover-class~="background-opacity-40"]:hover {
    --background-opacity: 0.4;
}

[data-hover-class~="background-opacity-50"]:hover,
[data-hover-class~="background-opacity-half"]:hover {
    --background-opacity: 0.5;
}

[data-hover-class~="background-opacity-60"]:hover {
    --background-opacity: 0.6;
}

[data-hover-class~="background-opacity-70"]:hover {
    --background-opacity: 0.7;
}

[data-hover-class~="background-opacity-75"]:hover {
    --background-opacity: 0.75;
}

[data-hover-class~="background-opacity-80"]:hover {
    --background-opacity: 0.8;
}

[data-hover-class~="background-opacity-90"]:hover {
    --background-opacity: 0.9;
}

[data-hover-class~="background-opacity-95"]:hover {
    --background-opacity: 0.95;
}

[data-hover-class~="background-opacity-100"]:hover {
    --background-opacity: 1;
}

[data-hover-class~="background-origin-border"]:hover {
    background-origin: border-box;
}

[data-hover-class~="background-origin-padding"]:hover {
    background-origin: padding-box;
}

[data-hover-class~="background-origin-content"]:hover {
    background-origin: content-box;
}

[data-hover-class~="background-left"]:hover {
    background-position: left;
}

[data-hover-class~="background-left-bottom"]:hover {
    background-position: left bottom;
}

[data-hover-class~="background-left-top"]:hover {
    background-position: left top;
}

[data-hover-class~="background-right"]:hover {
    background-position: right;
}

[data-hover-class~="background-right-bottom"]:hover {
    background-position: right bottom;
}

[data-hover-class~="background-right-top"]:hover {
    background-position: right top;
}

[data-hover-class~="background-top"]:hover {
    background-position: top;
}

[data-hover-class~="background-repeat"]:hover {
    background-repeat: repeat;
}

[data-hover-class~="background-no-repeat"]:hover {
    background-repeat: no-repeat;
}

[data-hover-class~="background-repeat-x"]:hover {
    background-repeat: repeat-x;
}

[data-hover-class~="background-repeat-y"]:hover {
    background-repeat: repeat-y;
}

[data-hover-class~="background-repeat-round"]:hover {
    background-repeat: round;
}

[data-hover-class~="background-repeat-space"]:hover {
    background-repeat: space;
}

[data-hover-class~="background-auto"]:hover {
    background-size: auto;
}

[data-hover-class~="background-cover"]:hover {
    background-size: cover;
}

[data-hover-class~="background-contain"]:hover {
    background-size: contain;
}

[data-hover-class~="background-white"]:hover {
    --background-opacity: 1;
    background-color: rgba(255, 255, 255, var(--background-opacity));
}

[data-hover-class~="background-black"]:hover {
    --background-opacity: 1;
    background-color: rgba(0, 0, 0, var(--background-opacity));
}

[data-hover-class~="background-red"]:hover {
    --background-opacity: 1;
    background-color: rgba(255, 0, 0, var(--background-opacity));
}

[data-hover-class~="background-deeppink"]:hover {
    --background-opacity: 1;
    background-color: rgba(255, 20, 147, var(--background-opacity));
}

[data-hover-class~="background-orangered"]:hover {
    --background-opacity: 1;
    background-color: rgba(255, 69, 0, var(--background-opacity));
}

[data-hover-class~="background-gold"]:hover {
    --background-opacity: 1;
    background-color: rgba(255, 217, 0, var(--background-opacity));
}

[data-hover-class~="background-darkviolet"]:hover {
    --background-opacity: 1;
    background-color: rgba(148, 0, 211, var(--background-opacity));
}

[data-hover-class~="background-lime"]:hover {
    --background-opacity: 1;
    background-color: rgba(0, 255, 0, var(--background-opacity));
}

[data-hover-class~="background-deepskyblue"]:hover {
    --background-opacity: 1;
    background-color: rgba(0, 191, 255, var(--background-opacity));
}

[data-hover-class~="background-peace"]:hover {
    --background-opacity: 1;
    background-color: rgba(136, 102, 255, var(--background-opacity));
}

[data-hover-class~="background-primary"]:hover {
    --background-opacity: 1;
    background-color: rgba(66, 66, 255, var(--background-opacity));
}

[data-hover-class~="background-warning"]:hover {
    --background-opacity: 1;
    background-color: rgba(255, 104, 36, var(--background-opacity));
}

[data-hover-class~="background-positive"]:hover {
    --background-opacity: 1;
    background-color: rgba(136, 36, 255, var(--background-opacity));
}

[data-hover-class~="background-default"]:hover {
    --background-opacity: 1;
    background-color: rgba(200, 200, 200, var(--background-opacity));
}

[data-hover-class~="background-danger"]:hover {
    --background-opacity: 1;
    background-color: rgba(255, 66, 66, var(--background-opacity));
}

[data-hover-class~="background-success"]:hover {
    --background-opacity: 1;
    background-color: rgba(2, 216, 66, var(--background-opacity));
}

[data-hover-class~="background-info"]:hover {
    --background-opacity: 1;
    background-color: rgba(34, 136, 255, var(--background-opacity));
}

[data-hover-class~="background-special"]:hover {
    --background-opacity: 1;
    background-color: rgba(36, 2, 36, var(--background-opacity));
}

[data-hover-class~="background-dark"]:hover {
    --background-opacity: 1;
    background-color: rgba(2, 2, 36, var(--background-opacity));
}

[data-hover-class~="background-elegant"]:hover {
    --background-opacity: 1;
    background-color: rgba(36, 36, 36, var(--background-opacity));
}

[data-hover-class~="background-stylish"]:hover {
    --background-opacity: 1;
    background-color: rgba(36, 36, 66, var(--background-opacity));
}

[data-hover-class~="background-unique"]:hover {
    --background-opacity: 1;
    background-color: rgba(2, 36, 66, var(--background-opacity));
}

[data-hover-class~="background-light"]:hover {
    --background-opacity: 1;
    background-color: rgba(var(--color-light-rgb), var(--background-opacity));
}

[data-hover-class~="background-ghost"]:hover {
    --background-opacity: 1;
    background-color: rgba(var(--color-ghost-rgb), var(--background-opacity));
}

[data-hover-class~="background-brand"]:hover {
    --background-opacity: 1;
    background-color: rgba(var(--color-brand-rgb), var(--background-opacity));
}

[data-hover-class~="background-profession"]:hover {
    --background-opacity: 1;
    background-color: rgba(var(--color-profession-rgb), var(--background-opacity));
}

[data-hover-class~="background-logo"]:hover {
    background: #fff0 var(--logo-url) center center no-repeat;
}

[data-hover-class~="background-logo-fail"]:hover ::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-hover-class~="background-opacity-0"]:hover {
    --background-opacity: 0;
}

[data-hover-class~="background-opacity-5"]:hover {
    --background-opacity: 0.05;
}

[data-hover-class~="background-opacity-10"]:hover {
    --background-opacity: 0.1;
}

[data-hover-class~="background-opacity-20"]:hover {
    --background-opacity: 0.2;
}

[data-hover-class~="background-opacity-25"]:hover,
[data-hover-class~="background-opacity-quarter"]:hover {
    --background-opacity: 0.25;
}

[data-hover-class~="background-opacity-30"]:hover {
    --background-opacity: 0.3;
}

[data-hover-class~="background-opacity-40"]:hover {
    --background-opacity: 0.4;
}

[data-hover-class~="background-opacity-50"]:hover,
[data-hover-class~="background-opacity-half"]:hover {
    --background-opacity: 0.5;
}

[data-hover-class~="background-opacity-60"]:hover {
    --background-opacity: 0.6;
}

[data-hover-class~="background-opacity-70"]:hover {
    --background-opacity: 0.7;
}

[data-hover-class~="background-opacity-75"]:hover {
    --background-opacity: 0.75;
}

[data-hover-class~="background-opacity-80"]:hover {
    --background-opacity: 0.8;
}

[data-hover-class~="background-opacity-90"]:hover {
    --background-opacity: 0.9;
}

[data-hover-class~="background-opacity-95"]:hover {
    --background-opacity: 0.95;
}

[data-hover-class~="background-opacity-100"]:hover {
    --background-opacity: 1;
}

[data-hover-class~="clear-left"]:hover {
    clear: left;
}

[data-hover-class~="clear-right"]:hover {
    clear: right;
}

[data-hover-class~="clear-both"]:hover {
    clear: both;
}

[data-hover-class~="clear-none"]:hover {
    clear: none;
}

[data-hover-class~="visible"]:hover {
    visibility: visible;
}

[data-hover-class~="invisible"]:hover {
    visibility: hidden;
}

[data-hover-class~="opacity-0"]:hover {
    opacity: 0;
}

[data-hover-class~="opacity-5"]:hover {
    opacity: 0.05;
}

[data-hover-class~="opacity-10"]:hover {
    opacity: 0.1;
}

[data-hover-class~="opacity-20"]:hover {
    opacity: 0.2;
}

[data-hover-class~="opacity-25"]:hover {
    opacity: 0.25;
}

[data-hover-class~="opacity-30"]:hover {
    opacity: 0.3;
}

[data-hover-class~="opacity-40"]:hover {
    opacity: 0.4;
}

[data-hover-class~="opacity-50"]:hover {
    opacity: 0.5;
}

[data-hover-class~="opacity-60"]:hover {
    opacity: 0.6;
}

[data-hover-class~="opacity-70"]:hover {
    opacity: 0.7;
}

[data-hover-class~="opacity-75"]:hover {
    opacity: 0.75;
}

[data-hover-class~="opacity-80"]:hover {
    opacity: 0.8;
}

[data-hover-class~="opacity-90"]:hover {
    opacity: 0.9;
}

[data-hover-class~="opacity-95"]:hover {
    opacity: 0.95;
}

[data-hover-class~="opacity-100"]:hover {
    opacity: 1;
}

[data-hover-class~="shadow-small"]:hover {
    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-hover-class~="shadow-medium"]:hover {
    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-hover-class~="shadow-large"]:hover {
    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-hover-class~="shadow-great"]:hover {
    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-hover-class~="shadow-0"]:hover,
[data-hover-class~="shadow-none"]:hover {
    box-shadow: none;
}

[data-hover-class~="shadow-1"]:hover {
    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-hover-class~="shadow-2"]:hover {
    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-hover-class~="shadow-3"]:hover {
    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-hover-class~="shadow-4"]:hover {
    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-hover-class~="shadow-5"]:hover {
    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-hover-class~="shadow-6"]:hover {
    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-hover-class~="shadow-7"]:hover {
    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-hover-class~="shadow-8"]:hover {
    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-hover-class~="shadow-9"]:hover {
    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-hover-class~="shadow-half"]:hover {
    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-hover-class~="align-baseline"]:hover {
    vertical-align: baseline;
}

[data-hover-class~="align-top"]:hover {
    vertical-align: top;
}

[data-hover-class~="align-middle"]:hover {
    vertical-align: middle;
}

[data-hover-class~="align-bottom"]:hover {
    vertical-align: bottom;
}

[data-hover-class~="align-text-top"]:hover {
    vertical-align: text-top;
}

[data-hover-class~="align-text-bottom"]:hover {
    vertical-align: text-bottom;
}

[data-hover-class~="circle-12"]:hover {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

[data-hover-class~="circle-18"]:hover {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

[data-hover-class~="circle-24"]:hover {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

[data-hover-class~="circle-32"]:hover {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

[data-hover-class~="circle-36"]:hover {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

[data-hover-class~="circle-48"]:hover {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

[data-hover-class~="circle-54"]:hover {
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

[data-hover-class~="circle-60"]:hover {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

[data-hover-class~="circle-72"]:hover {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

[data-hover-class~="circle-84"]:hover {
    width: 84px;
    height: 84px;
    border-radius: 50%;
}

[data-hover-class~="circle-96"]:hover {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

[data-hover-class~="circle-120"]:hover {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

[data-hover-class~="circle-180"]:hover {
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

[data-hover-class~="circle-240"]:hover {
    width: 240px;
    height: 240px;
    border-radius: 50%;
}

[data-hover-class~="circle-320"]:hover {
    width: 320px;
    height: 320px;
    border-radius: 50%;
}

[data-hover-class~="circle-360"]:hover {
    width: 360px;
    height: 360px;
    border-radius: 50%;
}

[data-hover-class~="circle-420"]:hover {
    width: 420px;
    height: 420px;
    border-radius: 50%;
}

[data-hover-class~="circle-480"]:hover {
    width: 480px;
    height: 480px;
    border-radius: 50%;
}

[data-hover-class~="circle-540"]:hover {
    width: 540px;
    height: 540px;
    border-radius: 50%;
}

[data-hover-class~="circle-600"]:hover {
    width: 600px;
    height: 600px;
    border-radius: 50%;
}

[data-hover-class~="circle-660"]:hover {
    width: 660px;
    height: 660px;
    border-radius: 50%;
}

[data-hover-class~="circle-720"]:hover {
    width: 720px;
    height: 720px;
    border-radius: 50%;
}

[data-hover-class~="circle-780"]:hover {
    width: 780px;
    height: 780px;
    border-radius: 50%;
}

[data-hover-class~="circle-840"]:hover {
    width: 840px;
    height: 840px;
    border-radius: 50%;
}

[data-hover-class~="circle-900"]:hover {
    width: 900px;
    height: 900px;
    border-radius: 50%;
}

[data-hover-class~="circle-960"]:hover {
    width: 960px;
    height: 960px;
    border-radius: 50%;
}

[data-hover-class~="circle-1020"]:hover {
    width: 1020px;
    height: 1020px;
    border-radius: 50%;
}

[data-hover-class~="circle-1080"]:hover {
    width: 1080px;
    height: 1080px;
    border-radius: 50%;
}

[data-hover-class~="square-12"]:hover {
    width: 12px;
    height: 12px;
}

[data-hover-class~="square-18"]:hover {
    width: 18px;
    height: 18px;
}

[data-hover-class~="square-24"]:hover {
    width: 24px;
    height: 24px;
}

[data-hover-class~="square-32"]:hover {
    width: 32px;
    height: 32px;
}

[data-hover-class~="square-36"]:hover {
    width: 36px;
    height: 36px;
}

[data-hover-class~="square-48"]:hover {
    width: 48px;
    height: 48px;
}

[data-hover-class~="square-54"]:hover {
    width: 54px;
    height: 54px;
}

[data-hover-class~="square-60"]:hover {
    width: 60px;
    height: 60px;
}

[data-hover-class~="square-72"]:hover {
    width: 72px;
    height: 72px;
}

[data-hover-class~="square-84"]:hover {
    width: 84px;
    height: 84px;
}

[data-hover-class~="square-96"]:hover {
    width: 96px;
    height: 96px;
}

[data-hover-class~="square-120"]:hover {
    width: 120px;
    height: 120px;
}

[data-hover-class~="square-180"]:hover {
    width: 180px;
    height: 180px;
}

[data-hover-class~="square-240"]:hover {
    width: 240px;
    height: 240px;
}

[data-hover-class~="square-320"]:hover {
    width: 320px;
    height: 320px;
}

[data-hover-class~="square-360"]:hover {
    width: 360px;
    height: 360px;
}

[data-hover-class~="square-420"]:hover {
    width: 420px;
    height: 420px;
}

[data-hover-class~="square-480"]:hover {
    width: 480px;
    height: 480px;
}

[data-hover-class~="square-540"]:hover {
    width: 540px;
    height: 540px;
}

[data-hover-class~="square-600"]:hover {
    width: 600px;
    height: 600px;
}

[data-hover-class~="square-660"]:hover {
    width: 660px;
    height: 660px;
}

[data-hover-class~="square-720"]:hover {
    width: 720px;
    height: 720px;
}

[data-hover-class~="square-780"]:hover {
    width: 780px;
    height: 780px;
}

[data-hover-class~="square-840"]:hover {
    width: 840px;
    height: 840px;
}

[data-hover-class~="square-900"]:hover {
    width: 900px;
    height: 900px;
}

[data-hover-class~="square-960"]:hover {
    width: 960px;
    height: 960px;
}

[data-hover-class~="square-1020"]:hover {
    width: 1020px;
    height: 1020px;
}

[data-hover-class~="square-1080"]:hover {
    width: 1080px;
    height: 1080px;
}

[data-hover-class~="square-25-percent"]:hover {
    width: 25%;
    height: 25%;
}

[data-hover-class~="square-50-percent"]:hover {
    width: 50%;
    height: 50%;
}

[data-hover-class~="square-75-percent"]:hover {
    width: 75%;
    height: 75%;
}

[data-hover-class~="square-100-percent"]:hover {
    width: 100%;
    height: 100%;
}

[data-hover-class~="max-height-12"]:hover {
    max-height: 12px;
}

[data-hover-class~="max-height-18"]:hover {
    max-height: 18px;
}

[data-hover-class~="max-height-24"]:hover {
    max-height: 24px;
}

[data-hover-class~="max-height-32"]:hover {
    max-height: 32px;
}

[data-hover-class~="max-height-36"]:hover {
    max-height: 36px;
}

[data-hover-class~="max-height-48"]:hover {
    max-height: 48px;
}

[data-hover-class~="max-height-54"]:hover {
    max-height: 54px;
}

[data-hover-class~="max-height-60"]:hover {
    max-height: 60px;
}

[data-hover-class~="max-height-72"]:hover {
    max-height: 72px;
}

[data-hover-class~="max-height-84"]:hover {
    max-height: 84px;
}

[data-hover-class~="max-height-96"]:hover {
    max-height: 96px;
}

[data-hover-class~="max-height-120"]:hover {
    max-height: 120px;
}

[data-hover-class~="max-height-180"]:hover {
    max-height: 180px;
}

[data-hover-class~="max-height-240"]:hover {
    max-height: 240px;
}

[data-hover-class~="max-height-320"]:hover {
    max-height: 320px;
}

[data-hover-class~="max-height-360"]:hover {
    max-height: 360px;
}

[data-hover-class~="max-height-420"]:hover {
    max-height: 420px;
}

[data-hover-class~="max-height-480"]:hover {
    max-height: 480px;
}

[data-hover-class~="max-height-540"]:hover {
    max-height: 540px;
}

[data-hover-class~="max-height-600"]:hover {
    max-height: 600px;
}

[data-hover-class~="max-height-660"]:hover {
    max-height: 660px;
}

[data-hover-class~="max-height-720"]:hover {
    max-height: 720px;
}

[data-hover-class~="max-height-780"]:hover {
    max-height: 780px;
}

[data-hover-class~="max-height-840"]:hover {
    max-height: 840px;
}

[data-hover-class~="max-height-900"]:hover {
    max-height: 900px;
}

[data-hover-class~="max-height-960"]:hover {
    max-height: 960px;
}

[data-hover-class~="max-height-1020"]:hover {
    max-height: 1020px;
}

[data-hover-class~="max-height-1080"]:hover {
    max-height: 1080px;
}

[data-hover-class~="max-height-prose"]:hover {
    max-height: 65ch;
}

[data-hover-class~="max-height-screen-mini"]:hover {
    max-height: 40rem;
}

[data-hover-class~="max-height-screen-small"]:hover {
    max-height: 48rem;
}

[data-hover-class~="max-height-screen-medium"]:hover {
    max-height: 62rem;
}

[data-hover-class~="max-height-screen-large"]:hover {
    max-height: 75rem;
}

[data-hover-class~="max-height-screen-great"]:hover {
    max-height: 97.5rem;
}

[data-hover-class~="max-height-100-percent"]:hover,
[data-hover-class~="max-height-full"]:hover {
    max-height: 100%;
}

[data-hover-class~="min-height-auto"]:hover {
    min-height: auto;
}

[data-hover-class~="min-height-12"]:hover {
    min-height: 12px;
}

[data-hover-class~="min-height-18"]:hover {
    min-height: 18px;
}

[data-hover-class~="min-height-24"]:hover {
    min-height: 24px;
}

[data-hover-class~="min-height-32"]:hover {
    min-height: 32px;
}

[data-hover-class~="min-height-36"]:hover {
    min-height: 36px;
}

[data-hover-class~="min-height-48"]:hover {
    min-height: 48px;
}

[data-hover-class~="min-height-54"]:hover {
    min-height: 54px;
}

[data-hover-class~="min-height-60"]:hover {
    min-height: 60px;
}

[data-hover-class~="min-height-72"]:hover {
    min-height: 72px;
}

[data-hover-class~="min-height-84"]:hover {
    min-height: 84px;
}

[data-hover-class~="min-height-96"]:hover {
    min-height: 96px;
}

[data-hover-class~="min-height-120"]:hover {
    min-height: 120px;
}

[data-hover-class~="min-height-180"]:hover {
    min-height: 180px;
}

[data-hover-class~="min-height-240"]:hover {
    min-height: 240px;
}

[data-hover-class~="min-height-320"]:hover {
    min-height: 320px;
}

[data-hover-class~="min-height-360"]:hover {
    min-height: 360px;
}

[data-hover-class~="min-height-420"]:hover {
    min-height: 420px;
}

[data-hover-class~="min-height-480"]:hover {
    min-height: 480px;
}

[data-hover-class~="min-height-540"]:hover {
    min-height: 540px;
}

[data-hover-class~="min-height-600"]:hover {
    min-height: 600px;
}

[data-hover-class~="min-height-660"]:hover {
    min-height: 660px;
}

[data-hover-class~="min-height-720"]:hover {
    min-height: 720px;
}

[data-hover-class~="min-height-780"]:hover {
    min-height: 780px;
}

[data-hover-class~="min-height-840"]:hover {
    min-height: 840px;
}

[data-hover-class~="min-height-900"]:hover {
    min-height: 900px;
}

[data-hover-class~="min-height-960"]:hover {
    min-height: 960px;
}

[data-hover-class~="min-height-1020"]:hover {
    min-height: 1020px;
}

[data-hover-class~="min-height-1080"]:hover {
    min-height: 1080px;
}

[data-hover-class~="min-height-100-percent"]:hover {
    min-height: 100%;
}

[data-hover-class~="height-12"]:hover {
    height: 12px;
}

[data-hover-class~="height-18"]:hover {
    height: 18px;
}

[data-hover-class~="height-24"]:hover {
    height: 24px;
}

[data-hover-class~="height-32"]:hover {
    height: 32px;
}

[data-hover-class~="height-36"]:hover {
    height: 36px;
}

[data-hover-class~="height-48"]:hover {
    height: 48px;
}

[data-hover-class~="height-54"]:hover {
    height: 54px;
}

[data-hover-class~="height-60"]:hover {
    height: 60px;
}

[data-hover-class~="height-72"]:hover {
    height: 72px;
}

[data-hover-class~="height-84"]:hover {
    height: 84px;
}

[data-hover-class~="height-96"]:hover {
    height: 96px;
}

[data-hover-class~="height-120"]:hover {
    height: 120px;
}

[data-hover-class~="height-180"]:hover {
    height: 180px;
}

[data-hover-class~="height-240"]:hover {
    height: 240px;
}

[data-hover-class~="height-320"]:hover {
    height: 320px;
}

[data-hover-class~="height-360"]:hover {
    height: 360px;
}

[data-hover-class~="height-420"]:hover {
    height: 420px;
}

[data-hover-class~="height-480"]:hover {
    height: 480px;
}

[data-hover-class~="height-540"]:hover {
    height: 540px;
}

[data-hover-class~="height-600"]:hover {
    height: 600px;
}

[data-hover-class~="height-660"]:hover {
    height: 660px;
}

[data-hover-class~="height-720"]:hover {
    height: 720px;
}

[data-hover-class~="height-780"]:hover {
    height: 780px;
}

[data-hover-class~="height-840"]:hover {
    height: 840px;
}

[data-hover-class~="height-900"]:hover {
    height: 900px;
}

[data-hover-class~="height-960"]:hover {
    height: 960px;
}

[data-hover-class~="height-1020"]:hover {
    height: 1020px;
}

[data-hover-class~="height-1080"]:hover {
    height: 1080px;
}

[data-hover-class~="height-5-percent"]:hover {
    height: 5%;
}

[data-hover-class~="height-10-percent"]:hover {
    height: 10%;
}

[data-hover-class~="height-1\/5"]:hover,
[data-hover-class~="height-20-percent"]:hover {
    height: 20%;
}

[data-hover-class~="height-1\/4"]:hover,
[data-hover-class~="height-25-percent"]:hover {
    height: 25%;
}

[data-hover-class~="height-30-percent"]:hover {
    height: 30%;
}

[data-hover-class~="height-2\/5"]:hover,
[data-hover-class~="height-40-percent"]:hover {
    height: 40%;
}

[data-hover-class~="height-1\/2"]:hover,
[data-hover-class~="height-2\/4"]:hover,
[data-hover-class~="height-50-percent"]:hover {
    height: 50%;
}

[data-hover-class~="height-3\/5"]:hover,
[data-hover-class~="height-60-percent"]:hover {
    height: 60%;
}

[data-hover-class~="height-70-percent"]:hover {
    height: 70%;
}

[data-hover-class~="height-3\/4"]:hover,
[data-hover-class~="height-75-percent"]:hover,
[data-hover-class~="height-9\/12"]:hover {
    height: 75%;
}

[data-hover-class~="height-4\/5"]:hover,
[data-hover-class~="height-80-percent"]:hover {
    height: 80%;
}

[data-hover-class~="height-90-percent"]:hover {
    height: 90%;
}

[data-hover-class~="height-100-percent"]:hover,
[data-hover-class~="height-1\/1"]:hover,
[data-hover-class~="height-full"]:hover {
    height: 100%;
}

[data-hover-class~="height-1\/2"]:hover {
    height: 50%;
}

[data-hover-class~="height-1\/3"]:hover {
    height: 33.333333%;
}

[data-hover-class~="height-2\/3"]:hover {
    height: 66.666667%;
}

[data-hover-class~="height-1\/4"]:hover {
    height: 25%;
}

[data-hover-class~="height-2\/4"]:hover {
    height: 50%;
}

[data-hover-class~="height-3\/4"]:hover {
    height: 75%;
}

[data-hover-class~="height-1\/5"]:hover {
    height: 20%;
}

[data-hover-class~="height-2\/5"]:hover {
    height: 40%;
}

[data-hover-class~="height-3\/5"]:hover {
    height: 60%;
}

[data-hover-class~="height-4\/5"]:hover {
    height: 80%;
}

[data-hover-class~="height-1\/6"]:hover {
    height: 16.666667%;
}

[data-hover-class~="height-2\/6"]:hover {
    height: 33.333333%;
}

[data-hover-class~="height-3\/6"]:hover {
    height: 50%;
}

[data-hover-class~="height-4\/6"]:hover {
    height: 66.666667%;
}

[data-hover-class~="height-5\/6"]:hover {
    height: 83.333333%;
}

[data-hover-class~="height-1\/12"]:hover {
    height: 8.333333%;
}

[data-hover-class~="height-2\/12"]:hover {
    height: 16.666667%;
}

[data-hover-class~="height-3\/12"]:hover {
    height: 25%;
}

[data-hover-class~="height-4\/12"]:hover {
    height: 33.333333%;
}

[data-hover-class~="height-5\/12"]:hover {
    height: 41.666667%;
}

[data-hover-class~="height-6\/12"]:hover {
    height: 50%;
}

[data-hover-class~="height-7\/12"]:hover {
    height: 58.333333%;
}

[data-hover-class~="height-8\/12"]:hover {
    height: 66.666667%;
}

[data-hover-class~="height-9\/12"]:hover {
    height: 75%;
}

[data-hover-class~="height-10\/12"]:hover {
    height: 83.333333%;
}

[data-hover-class~="height-11\/12"]:hover {
    height: 91.666667%;
}

[data-hover-class~="height-auto"]:hover {
    height: auto;
}

[data-hover-class~="height-min-content"]:hover {
    height: min-content;
}

[data-hover-class~="height-max-content"]:hover {
    height: max-content;
}

[data-hover-class~="view-height-0"]:hover,
[data-hover-class~="view-height-none"]:hover {
    height: 0;
}

[data-hover-class~="view-height-5"]:hover {
    height: 10vh;
}

[data-hover-class~="view-height-10"]:hover {
    height: 10vh;
}

[data-hover-class~="view-height-20"]:hover {
    height: 20vh;
}

[data-hover-class~="view-height-25"]:hover,
[data-hover-class~="view-height-quarter"]:hover {
    height: 25vh;
}

[data-hover-class~="view-height-30"]:hover {
    height: 30vh;
}

[data-hover-class~="view-height-40"]:hover {
    height: 40vh;
}

[data-hover-class~="view-height-50"]:hover,
[data-hover-class~="view-height-half"]:hover {
    height: 50vh;
}

[data-hover-class~="view-height-60"]:hover {
    height: 60vh;
}

[data-hover-class~="view-height-70"]:hover {
    height: 70vh;
}

[data-hover-class~="view-height-75"]:hover {
    height: 75vh;
}

[data-hover-class~="view-height-80"]:hover {
    height: 80vh;
}

[data-hover-class~="view-height-90"]:hover {
    height: 90vh;
}

[data-hover-class~="view-height-100"]:hover,
[data-hover-class~="view-height-full"]:hover {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

[data-hover-class~="min-view-height-0"]:hover,
[data-hover-class~="min-view-height-none"]:hover {
    min-height: 0;
}

[data-hover-class~="min-view-height-5"]:hover {
    min-height: 10vh;
}

[data-hover-class~="min-view-height-10"]:hover {
    min-height: 10vh;
}

[data-hover-class~="min-view-height-20"]:hover {
    min-height: 20vh;
}

[data-hover-class~="min-view-height-25"]:hover,
[data-hover-class~="min-view-height-quarter"]:hover {
    min-height: 25vh;
}

[data-hover-class~="min-view-height-30"]:hover {
    min-height: 30vh;
}

[data-hover-class~="min-view-height-40"]:hover {
    min-height: 40vh;
}

[data-hover-class~="min-view-height-50"]:hover,
[data-hover-class~="min-view-height-half"]:hover {
    min-height: 50vh;
}

[data-hover-class~="min-view-height-60"]:hover {
    min-height: 60vh;
}

[data-hover-class~="min-view-height-70"]:hover {
    min-height: 70vh;
}

[data-hover-class~="min-view-height-75"]:hover {
    min-height: 75vh;
}

[data-hover-class~="min-view-height-80"]:hover {
    min-height: 80vh;
}

[data-hover-class~="min-view-height-90"]:hover {
    min-height: 90vh;
}

[data-hover-class~="min-view-height-100"]:hover,
[data-hover-class~="min-view-height-full"]:hover {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

[data-hover-class~="max-width-12"]:hover {
    max-width: 12px;
}

[data-hover-class~="max-width-18"]:hover {
    max-width: 18px;
}

[data-hover-class~="max-width-24"]:hover {
    max-width: 24px;
}

[data-hover-class~="max-width-32"]:hover {
    max-width: 32px;
}

[data-hover-class~="max-width-36"]:hover {
    max-width: 36px;
}

[data-hover-class~="max-width-48"]:hover {
    max-width: 48px;
}

[data-hover-class~="max-width-54"]:hover {
    max-width: 54px;
}

[data-hover-class~="max-width-60"]:hover {
    max-width: 60px;
}

[data-hover-class~="max-width-72"]:hover {
    max-width: 72px;
}

[data-hover-class~="max-width-84"]:hover {
    max-width: 84px;
}

[data-hover-class~="max-width-96"]:hover {
    max-width: 96px;
}

[data-hover-class~="max-width-120"]:hover {
    max-width: 120px;
}

[data-hover-class~="max-width-180"]:hover {
    max-width: 180px;
}

[data-hover-class~="max-width-240"]:hover {
    max-width: 240px;
}

[data-hover-class~="max-width-320"]:hover {
    max-width: 320px;
}

[data-hover-class~="max-width-360"]:hover {
    max-width: 360px;
}

[data-hover-class~="max-width-420"]:hover {
    max-width: 420px;
}

[data-hover-class~="max-width-480"]:hover {
    max-width: 480px;
}

[data-hover-class~="max-width-540"]:hover {
    max-width: 540px;
}

[data-hover-class~="max-width-600"]:hover {
    max-width: 600px;
}

[data-hover-class~="max-width-660"]:hover {
    max-width: 660px;
}

[data-hover-class~="max-width-720"]:hover {
    max-width: 720px;
}

[data-hover-class~="max-width-780"]:hover {
    max-width: 780px;
}

[data-hover-class~="max-width-840"]:hover {
    max-width: 840px;
}

[data-hover-class~="max-width-900"]:hover {
    max-width: 900px;
}

[data-hover-class~="max-width-960"]:hover {
    max-width: 960px;
}

[data-hover-class~="max-width-1020"]:hover {
    max-width: 1020px;
}

[data-hover-class~="max-width-1080"]:hover {
    max-width: 1080px;
}

[data-hover-class~="max-width-prose"]:hover {
    max-width: 65ch;
}

[data-hover-class~="max-width-screen-mini"]:hover {
    max-width: var(--root-screen-mini);
}

[data-hover-class~="max-width-screen-small"]:hover {
    max-width: var(--root-screen-small);
}

[data-hover-class~="max-width-screen-medium"]:hover {
    max-width: var(--root-screen-medium);
}

[data-hover-class~="max-width-screen-large"]:hover {
    max-width: var(--root-screen-large);
}

[data-hover-class~="max-width-screen-great"]:hover {
    max-width: var(--root-screen-great);
}

[data-hover-class~="max-width-screen-wide"]:hover {
    max-width: var(--root-screen-wide);
}

[data-hover-class~="max-width-100-percent"]:hover,
[data-hover-class~="max-width-full"]:hover {
    max-width: 100%;
}

[data-hover-class~="min-width-auto"]:hover {
    min-width: auto;
}

[data-hover-class~="min-width-12"]:hover {
    min-width: 12px;
}

[data-hover-class~="min-width-18"]:hover {
    min-width: 18px;
}

[data-hover-class~="min-width-24"]:hover {
    min-width: 24px;
}

[data-hover-class~="min-width-32"]:hover {
    min-width: 32px;
}

[data-hover-class~="min-width-36"]:hover {
    min-width: 36px;
}

[data-hover-class~="min-width-48"]:hover {
    min-width: 48px;
}

[data-hover-class~="min-width-54"]:hover {
    min-width: 54px;
}

[data-hover-class~="min-width-60"]:hover {
    min-width: 60px;
}

[data-hover-class~="min-width-72"]:hover {
    min-width: 72px;
}

[data-hover-class~="min-width-84"]:hover {
    min-width: 84px;
}

[data-hover-class~="min-width-96"]:hover {
    min-width: 96px;
}

[data-hover-class~="min-width-120"]:hover {
    min-width: 120px;
}

[data-hover-class~="min-width-180"]:hover {
    min-width: 180px;
}

[data-hover-class~="min-width-240"]:hover {
    min-width: 240px;
}

[data-hover-class~="min-width-320"]:hover {
    min-width: 320px;
}

[data-hover-class~="min-width-360"]:hover {
    min-width: 360px;
}

[data-hover-class~="min-width-420"]:hover {
    min-width: 420px;
}

[data-hover-class~="min-width-480"]:hover {
    min-width: 480px;
}

[data-hover-class~="min-width-540"]:hover {
    min-width: 540px;
}

[data-hover-class~="min-width-600"]:hover {
    min-width: 600px;
}

[data-hover-class~="min-width-660"]:hover {
    min-width: 660px;
}

[data-hover-class~="min-width-720"]:hover {
    min-width: 720px;
}

[data-hover-class~="min-width-780"]:hover {
    min-width: 780px;
}

[data-hover-class~="min-width-840"]:hover {
    min-width: 840px;
}

[data-hover-class~="min-width-900"]:hover {
    min-width: 900px;
}

[data-hover-class~="min-width-960"]:hover {
    min-width: 960px;
}

[data-hover-class~="min-width-1020"]:hover {
    min-width: 1020px;
}

[data-hover-class~="min-width-1080"]:hover {
    min-width: 1080px;
}

[data-hover-class~="min-width-prose"]:hover {
    min-width: 65ch;
}

[data-hover-class~="min-width-screen-mini"]:hover {
    min-width: var(--root-screen-mini);
}

[data-hover-class~="min-width-screen-small"]:hover {
    min-width: var(--root-screen-small);
}

[data-hover-class~="min-width-screen-medium"]:hover {
    min-width: var(--root-screen-medium);
}

[data-hover-class~="min-width-screen-large"]:hover {
    min-width: var(--root-screen-large);
}

[data-hover-class~="min-width-screen-great"]:hover {
    min-width: var(--root-screen-great);
}

[data-hover-class~="min-width-screen-wide"]:hover {
    min-width: var(--root-screen-wide);
}

[data-hover-class~="min-width-100-percent"]:hover {
    min-width: 100%;
}

[data-hover-class~="width-12"]:hover {
    width: 12px;
}

[data-hover-class~="width-18"]:hover {
    width: 18px;
}

[data-hover-class~="width-24"]:hover {
    width: 24px;
}

[data-hover-class~="width-32"]:hover {
    width: 32px;
}

[data-hover-class~="width-36"]:hover {
    width: 36px;
}

[data-hover-class~="width-48"]:hover {
    width: 48px;
}

[data-hover-class~="width-54"]:hover {
    width: 54px;
}

[data-hover-class~="width-60"]:hover {
    width: 60px;
}

[data-hover-class~="width-72"]:hover {
    width: 72px;
}

[data-hover-class~="width-84"]:hover {
    width: 84px;
}

[data-hover-class~="width-96"]:hover {
    width: 96px;
}

[data-hover-class~="width-120"]:hover {
    width: 120px;
}

[data-hover-class~="width-180"]:hover {
    width: 180px;
}

[data-hover-class~="width-240"]:hover {
    width: 240px;
}

[data-hover-class~="width-320"]:hover {
    width: 320px;
}

[data-hover-class~="width-360"]:hover {
    width: 360px;
}

[data-hover-class~="width-420"]:hover {
    width: 420px;
}

[data-hover-class~="width-480"]:hover {
    width: 480px;
}

[data-hover-class~="width-540"]:hover {
    width: 540px;
}

[data-hover-class~="width-600"]:hover {
    width: 600px;
}

[data-hover-class~="width-660"]:hover {
    width: 660px;
}

[data-hover-class~="width-720"]:hover {
    width: 720px;
}

[data-hover-class~="width-780"]:hover {
    width: 780px;
}

[data-hover-class~="width-840"]:hover {
    width: 840px;
}

[data-hover-class~="width-900"]:hover {
    width: 900px;
}

[data-hover-class~="width-960"]:hover {
    width: 960px;
}

[data-hover-class~="width-1020"]:hover {
    width: 1020px;
}

[data-hover-class~="width-1080"]:hover {
    width: 1080px;
}

[data-hover-class~="width-5-percent"]:hover {
    width: 5%;
}

[data-hover-class~="width-10-percent"]:hover {
    width: 10%;
}

[data-hover-class~="width-20-percent"]:hover {
    width: 20%;
}

[data-hover-class~="width-25-percent"]:hover {
    width: 25%;
}

[data-hover-class~="width-30-percent"]:hover {
    width: 30%;
}

[data-hover-class~="width-40-percent"]:hover {
    width: 40%;
}

[data-hover-class~="width-50-percent"]:hover {
    width: 50%;
}

[data-hover-class~="width-60-percent"]:hover {
    width: 60%;
}

[data-hover-class~="width-70-percent"]:hover {
    width: 70%;
}

[data-hover-class~="width-75-percent"]:hover {
    width: 75%;
}

[data-hover-class~="width-80-percent"]:hover {
    width: 80%;
}

[data-hover-class~="width-90-percent"]:hover {
    width: 90%;
}

[data-hover-class~="width-100-percent"]:hover {
    width: 100%;
}

[data-hover-class~="width-1\/2"]:hover {
    width: 50%;
}

[data-hover-class~="width-1\/3"]:hover {
    width: 33.333333%;
}

[data-hover-class~="width-2\/3"]:hover {
    width: 66.666667%;
}

[data-hover-class~="width-1\/4"]:hover {
    width: 25%;
}

[data-hover-class~="width-2\/4"]:hover {
    width: 50%;
}

[data-hover-class~="width-3\/4"]:hover {
    width: 75%;
}

[data-hover-class~="width-1\/5"]:hover {
    width: 20%;
}

[data-hover-class~="width-2\/5"]:hover {
    width: 40%;
}

[data-hover-class~="width-3\/5"]:hover {
    width: 60%;
}

[data-hover-class~="width-4\/5"]:hover {
    width: 80%;
}

[data-hover-class~="width-1\/6"]:hover {
    width: 16.666667%;
}

[data-hover-class~="width-2\/6"]:hover {
    width: 33.333333%;
}

[data-hover-class~="width-3\/6"]:hover {
    width: 50%;
}

[data-hover-class~="width-4\/6"]:hover {
    width: 66.666667%;
}

[data-hover-class~="width-5\/6"]:hover {
    width: 83.333333%;
}

[data-hover-class~="width-1\/12"]:hover {
    width: 8.333333%;
}

[data-hover-class~="width-2\/12"]:hover {
    width: 16.666667%;
}

[data-hover-class~="width-3\/12"]:hover {
    width: 25%;
}

[data-hover-class~="width-4\/12"]:hover {
    width: 33.333333%;
}

[data-hover-class~="width-5\/12"]:hover {
    width: 41.666667%;
}

[data-hover-class~="width-6\/12"]:hover {
    width: 50%;
}

[data-hover-class~="width-7\/12"]:hover {
    width: 58.333333%;
}

[data-hover-class~="width-8\/12"]:hover {
    width: 66.666667%;
}

[data-hover-class~="width-9\/12"]:hover {
    width: 75%;
}

[data-hover-class~="width-10\/12"]:hover {
    width: 83.333333%;
}

[data-hover-class~="width-11\/12"]:hover {
    width: 91.666667%;
}

[data-hover-class~="width-full"]:hover {
    width: 100%;
}

[data-hover-class~="width-auto"]:hover {
    width: auto;
}

[data-hover-class~="width-min-content"]:hover {
    width: min-content;
}

[data-hover-class~="width-max-content"]:hover {
    width: max-content;
}

[data-hover-class~="view-width-0"]:hover,
[data-hover-class~="view-width-none"]:hover {
    width: 0;
}

[data-hover-class~="view-width-5"]:hover {
    width: 10vw;
}

[data-hover-class~="view-width-10"]:hover {
    width: 10vw;
}

[data-hover-class~="view-width-20"]:hover {
    width: 20vw;
}

[data-hover-class~="view-width-25"]:hover,
[data-hover-class~="view-width-quarter"]:hover {
    width: 25vw;
}

[data-hover-class~="view-width-30"]:hover {
    width: 30vw;
}

[data-hover-class~="view-width-40"]:hover {
    width: 40vw;
}

[data-hover-class~="view-width-50"]:hover,
[data-hover-class~="view-width-half"]:hover {
    width: 50vw;
}

[data-hover-class~="view-width-60"]:hover {
    width: 60vw;
}

[data-hover-class~="view-width-70"]:hover {
    width: 70vw;
}

[data-hover-class~="view-width-75"]:hover {
    width: 75vw;
}

[data-hover-class~="view-width-80"]:hover {
    width: 80vw;
}

[data-hover-class~="view-width-90"]:hover {
    width: 90vw;
}

[data-hover-class~="view-width-100"]:hover,
[data-hover-class~="view-width-full"]:hover {
    width: 100vw;
}

[data-hover-class~="fa-thin"]:hover {
    font-weight: 100;
}

[data-hover-class~="fa-light"]:hover {
    font-weight: 300;
}

[data-hover-class~="fa-regular"]:hover {
    font-weight: 400;
}

[data-hover-class~="fa-solid"]:hover {
    font-weight: 900;
}

[data-hover-class~="z-index-1"]:hover {
    z-index: 1;
}

[data-hover-class~="z-index-2"]:hover {
    z-index: 2;
}

[data-hover-class~="z-index-3"]:hover {
    z-index: 3;
}

[data-hover-class~="z-index-4"]:hover {
    z-index: 4;
}

[data-hover-class~="z-index-5"]:hover {
    z-index: 5;
}

[data-hover-class~="z-index-6"]:hover {
    z-index: 6;
}

[data-hover-class~="z-index-7"]:hover {
    z-index: 7;
}

[data-hover-class~="z-index-8"]:hover {
    z-index: 8;
}

[data-hover-class~="z-index-9"]:hover {
    z-index: 9;
}

[data-hover-class~="z-index-12"]:hover {
    z-index: 12;
}

[data-hover-class~="z-index-24"]:hover {
    z-index: 24;
}

[data-hover-class~="z-index-36"]:hover {
    z-index: 36;
}

[data-hover-class~="z-index-48"]:hover {
    z-index: 48;
}

[data-hover-class~="z-index-60"]:hover {
    z-index: 60;
}

[data-hover-class~="z-index-72"]:hover {
    z-index: 72;
}

[data-hover-class~="z-index-84"]:hover {
    z-index: 84;
}

[data-hover-class~="z-index-96"]:hover {
    z-index: 96;
}

[data-hover-class~="z-index-108"]:hover {
    z-index: 108;
}

[data-hover-class~="z-index-120"]:hover {
    z-index: 120;
}

[data-hover-class~="z-index-240"]:hover {
    z-index: 240;
}

[data-hover-class~="z-index-360"]:hover {
    z-index: 360;
}

[data-hover-class~="z-index-480"]:hover {
    z-index: 480;
}

[data-hover-class~="z-index-600"]:hover {
    z-index: 600;
}

[data-hover-class~="z-index-720"]:hover {
    z-index: 720;
}

[data-hover-class~="z-index-840"]:hover {
    z-index: 840;
}

[data-hover-class~="z-index-960"]:hover {
    z-index: 960;
}

[data-hover-class~="z-index-1080"]:hover {
    z-index: 1080;
}

[data-hover-class~="z-index-1200"]:hover {
    z-index: 1200;
}