*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
:root {}
* {
    border-color: hsl(var(--border));
}
body {
    min-height: 100vh;
    scroll-behavior: smooth;
    background-color: hsl(var(--background));
    font-family: var(--font-sans);
    color: hsl(var(--foreground));
    overscroll-behavior: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:root {
    --background: 0 0% 100%;
    --foreground: 137 18% 13%;
    --muted: 180 3% 94%;
    --muted-foreground: 0 0% 42%;
    --card: 0 0% 100%;
    --card-foreground: 137 18% 13%;
    --card-ma: 78 50% 96%;
    --border: 137 18% 13%;
    --primary: 137 18% 13%;
    --primary-foreground: 0 0% 100%;
    --secondary: 0 0% 100%;
    --secondary-foreground: 137 18% 13%;
    --accent: 122 46% 90%;
    --accent2: 0 100% 91%;
    --accent3: 349 100% 92%;
    --accent4: 0 43% 88%;
    --accent5: 17 61% 88%;
    --accent6: 318 53% 87%;
    --accent7: 22 26% 92%;
    --accent8: 64 55% 83%;
    --accent9: 77 31% 89%;
    --accent10: 78 50% 96%;
    --accent11: 51 66% 89%;
    --accent12: 53 58% 87%;
    --accent13: 42 53% 87%;
    --accent14: 170 31% 89%;
    --accent15: 22 26% 92%;
    --destructive: 353 60% 52%;
    --destructive-foreground: 137 18% 13%;
    --hover: 168 53% 33%;
    --cancelled: 204 5% 60%;
    --completed: 86 100% 36%;
    --pending: 201 68% 58%;
    --ring: 137 18% 13%;
    --radius: 5.625rem;
    --shadow-color: 137 18% 13% / 0.1;
    --coconut: 18 24% 92%;
    --mango: 18 61% 88%;
    --original: 122 43% 88%;
    --passion-fruit: 317 53% 87%;
    --peach: 43 53% 87%;
    --pineapple: 58 53% 87%;
    --pomegranate: 0 43% 88%;
    --strawberry: 349 100% 92%;
    --watermelon: 0 100% 91%;
    --swiper-scrollbar-border-radius: 12px;
    --swiper-scrollbar-top: auto;
    --swiper-scrollbar-bottom: 0;
    --swiper-scrollbar-left: auto;
    --swiper-scrollbar-right: 4px;
    --swiper-scrollbar-sides-offset: 1%;
    --swiper-scrollbar-bg-color: hsla(137, 18%, 13%, 0.2);
    --swiper-scrollbar-drag-bg-color: hsla(137, 18%, 13%, 0.5);
    --swiper-scrollbar-size: 4px;
}
.dark {
    --background: 137 18% 13%;
    --foreground: 0 0% 100%;
    --muted: 0 0% 42%;
    --muted-foreground: 180 3% 94%;
    --card: 137 18% 13%;
    --card-foreground: 0 0% 100%;
    --border: 0 0% 100%;
    --primary: 0 0% 100%;
    --primary-foreground: 137 18% 13%;
    --secondary: 210 38% 9%;
    --secondary-foreground: 0 0% 100%;
    --destructive: 8 100% 61%;
    --destructive-foreground: 0 0% 100%;
    --hover: 168 53% 33%;
    --ring: 0 0% 100%;
}
h1, .text-title1 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    h1, .text-title1 {
        font-size: 80px;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    h1, .text-title1 {
        font-size: 8rem;
        line-height: 1;
    }
}
h2, .text-title2 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    h2, .text-title2 {
        font-size: 70px;
    }
}
@media (min-width: 1940px) {
    h2, .text-title2 {
        font-size: 6rem;
        line-height: 1.2;
    }
}
h3, .text-title3 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    h3, .text-title3 {
        font-size: 50px;
    }
}
@media (min-width: 1200px) {
    h3, .text-title3 {
        font-size: 60px;
    }
}
@media (min-width: 1940px) {
    h3, .text-title3 {
        font-size: 4.5rem;
        line-height: 1.2;
    }
}
h4, .text-title4 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    h4, .text-title4 {
        font-size: 2.5rem;
    }
}
@media (min-width: 1200px) {
    h4, .text-title4 {
        font-size: 2.75rem;
    }
}
@media (min-width: 1940px) {
    h4, .text-title4 {
        font-size: 3rem;
        line-height: 1.2;
    }
}
h5, .text-title5 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    h5, .text-title5 {
        font-size: 1.75rem;
    }
}
@media (min-width: 1200px) {
    h5, .text-title5 {
        font-size: 2.5rem;
    }
}
@media (min-width: 1940px) {
    h5, .text-title5 {
        font-size: 3rem;
        line-height: 1.2;
    }
}
h6, .text-title6 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    h6, .text-title6 {
        font-size: 2.5rem;
        line-height: 1.2;
    }
}
.text-title7 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    .text-title7 {
        font-size: 30px;
        line-height: 1.2;
    }
}
@media (min-width: 1940px) {
    .text-title7 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 1.2;
    }
}
.text-title8 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    .text-title8 {
        font-size: 1.75rem;
    }
}
@media (min-width: 1940px) {
    .text-title8 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        line-height: 1.2;
    }
}
.text-subtitle1 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    line-height: 1.2;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    .text-subtitle1 {
        font-size: 1.75rem;
    }
}
@media (min-width: 1200px) {
    .text-subtitle1 {
        font-size: 2rem;
    }
}
@media (min-width: 1940px) {
    .text-subtitle1 {
        font-size: 3rem;
        line-height: 1.2;
    }
}
.text-subtitle2 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    .text-subtitle2 {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    .text-subtitle2 {
        font-size: 3rem;
        line-height: 1;
    }
}
.text-subtitle3 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    .text-subtitle3 {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    .text-subtitle3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        line-height: 1;
    }
}
p, li, .text-body1 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    p, li, .text-body1 {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1.5;
    }
}
.text-body2 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    .text-body2 {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1;
    }
}
.text-body4 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    .text-body4 {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1;
    }
}
@media (min-width: 1200px) {
    .text-body4 {
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    .text-body4 {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1;
    }
}
.text-small {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 1200px) {
    .text-small {
        font-size: 0.875rem;
        line-height: 1.25rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    .text-small {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 1;
    }
}
.text-small2 {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: hsl(var(--foreground));
}
@media (min-width: 1200px) {
    .text-small2 {
        font-size: 0.875rem;
        line-height: 1.25rem;
        line-height: 1.5;
    }
}
@media (min-width: 1940px) {
    .text-small2 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 1.5;
    }
}
.text-xsmall {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1px;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    .text-xsmall {
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1;
    }
}
.text-error {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: hsl(var(--destructive));
}
@media (min-width: 1940px) {
    .text-error {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 1.25;
    }
}
.text-input {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    .text-input {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1;
    }
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.125rem;
    padding-left: 1.125rem;
}
@media (min-width: 480px) {
    .container {
        max-width: 480px;
    }
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
}
@media (min-width: 960px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}
@media (min-width: 1940px) {
    .container {
        max-width: 1940px;
        padding-right: 10rem;
        padding-left: 10rem;
    }
}
.prose-sm {
    font-size: 0.875rem;
    line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.7142857em;
    margin-bottom: 0.7142857em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-top: 0.8888889em;
    margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 2.8571429em;
    margin-top: 0;
    margin-bottom: 0.7142857em;
    line-height: 1;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.4285714em;
    margin-top: 1.6em;
    margin-bottom: 0.8em;
    line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.2857143em;
    margin-top: 1.5555556em;
    margin-bottom: 0.4444444em;
    line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.4285714em;
    margin-bottom: 0.5714286em;
    line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    border-radius: 0.3125rem;
    padding-top: 0.1428571em;
    padding-inline-end: 0.3571429em;
    padding-bottom: 0.1428571em;
    padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.6666667;
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    border-radius: 0.25rem;
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
    padding-inline-start: 1.5714286em;
    list-style-type: disc;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.7142857em;
    margin-bottom: 0.7142857em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.5714286em;
    margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0.2857143em;
    padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 2.8571429em;
    margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-top: 0.6666667em;
    padding-inline-end: 1em;
    padding-bottom: 0.6666667em;
    padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 0.8571429em;
    line-height: 1.3333333;
    margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    margin-bottom: 0;
}
.prose-sm :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.7142857em;
    line-height: 1;
    margin-top: 1.1428571em;
    margin-bottom: 0.5714286em;
}
.prose-sm :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
    font-size: 1.4285714em;
    letter-spacing: normal;
    margin-top: 1em;
    margin-bottom: 0.5714286em;
}
.prose-primary {
    --tw-prose-body: hsl(var(--primary));
    --tw-prose-headings: hsl(var(--primary));
    --tw-prose-lead: hsl(var(--primary));
    --tw-prose-links: hsl(var(--primary));
    --tw-prose-bold: hsl(var(--primary));
    --tw-prose-counters: hsl(var(--muted));
    --tw-prose-bullets: hsl(var(--primary));
    --tw-prose-hr: hsl(var(--border));
    --tw-prose-quotes: hsl(var(--primary));
    --tw-prose-quote-borders: hsl(var(--primary));
    --tw-prose-captions: hsl(var(--primary));
    --tw-prose-kbd: hsl(var(--primary));
    --tw-prose-kbd-shadows: hsl(var(--ring));
    --tw-prose-code: hsl(var(--primary));
    --tw-prose-pre-code: hsl(var(--card-foreground));
    --tw-prose-pre-bg: hsl(var(--card));
    --tw-prose-th-borders: hsl(var(--border));
    --tw-prose-td-borders: hsl(var(--border));
    --tw-prose-invert-body: hsl(var(--primary-foreground));
    --tw-prose-invert-headings: hsl(var(--primary-foreground));
    --tw-prose-invert-lead: hsl(var(--primary-foreground));
    --tw-prose-invert-links: hsl(var(--primary-foreground));
    --tw-prose-invert-bold: hsl(var(--primary-foreground));
    --tw-prose-invert-counters: hsl(var(--muted-foreground));
    --tw-prose-invert-bullets: hsl(var(--primary-foreground));
    --tw-prose-invert-hr: hsl(var(--border));
    --tw-prose-invert-quotes: hsl(var(--primary-foreground));
    --tw-prose-invert-quote-borders: hsl(var(--primary-foreground));
    --tw-prose-invert-captions: hsl(var(--primary-foreground));
    --tw-prose-invert-kbd: hsl(var(--primary-foreground));
    --tw-prose-invert-kbd-shadows: hsl(var(--ring));
    --tw-prose-invert-code: hsl(var(--primary-foreground));
    --tw-prose-invert-pre-code: hsl(var(--card-foreground));
    --tw-prose-invert-pre-bg: hsl(var(--card));
    --tw-prose-invert-th-borders: hsl(var(--border));
    --tw-prose-invert-td-borders: hsl(var(--border));
}
@media (min-width: 1400px) {
    html[data-brand="default"] .container, html[data-brand="ohfresh-juice"] .container, html[data-brand="sappe-aloe"] .container, html[data-brand="tan-do"] .container {
        max-width: 1320px;
    }
}
@media (min-width: 1940px) {
    html[data-brand="default"] .container, html[data-brand="ohfresh-juice"] .container, html[data-brand="sappe-aloe"] .container, html[data-brand="tan-do"] .container {
        max-width: 1778px;
    }
}
html[data-brand="sappe-aloe"] .grain-container, html[data-brand="mogu-mogu"] .grain-container, html[data-brand="tan-do"] .grain-container {
    position: relative;
    display: flex;
    place-items: center;
    transform: translateZ(0);
}
html[data-brand="sappe-aloe"] .grain-container::after, html[data-brand="mogu-mogu"] .grain-container::after, html[data-brand="tan-do"] .grain-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/images/grain.svg');
    opacity: 0.2;
    mix-blend-mode: overlay;
    filter: contrast(50);
}
.input-wrap {
    display: flex;
    width: 100%;
    position: relative;
}
html[data-brand="default"] .text-input, html[data-brand="ohfresh-juice"] .text-input, html[data-brand="sappe-aloe"] .text-input, html[data-brand="mogu-mogu"] .text-input {
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    html[data-brand="default"] .text-input, html[data-brand="ohfresh-juice"] .text-input, html[data-brand="sappe-aloe"] .text-input, html[data-brand="mogu-mogu"] .text-input {
        font-size: 1.5rem;
        line-height: 1;
    }
}
html[data-brand="default"] .text-small2, html[data-brand="ohfresh-juice"] .text-small2, html[data-brand="sappe-aloe"] .text-small2, html[data-brand="mogu-mogu"] .text-small2 {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.5;
    color: hsl(var(--foreground));
}
@media (min-width: 1200px) {
    html[data-brand="default"] .text-small2, html[data-brand="ohfresh-juice"] .text-small2, html[data-brand="sappe-aloe"] .text-small2, html[data-brand="mogu-mogu"] .text-small2 {
        font-size: 0.875rem;
        line-height: 1.5;
    }
}
@media (min-width: 1940px) {
    html[data-brand="default"] .text-small2, html[data-brand="ohfresh-juice"] .text-small2, html[data-brand="sappe-aloe"] .text-small2, html[data-brand="mogu-mogu"] .text-small2 {
        font-size: 1.125rem;
        line-height: 1.5;
    }
}
html[data-brand="sappe-aloe"] .text-subtitle2, html[data-brand="mogu-mogu"] .text-subtitle2 {
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    html[data-brand="sappe-aloe"] .text-subtitle2, html[data-brand="mogu-mogu"] .text-subtitle2 {
        font-size: 1.5rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    html[data-brand="sappe-aloe"] .text-subtitle2, html[data-brand="mogu-mogu"] .text-subtitle2 {
        font-size: 3rem;
        line-height: 1;
    }
}
html[data-brand="sappe-aloe"] .text-subtitle3, html[data-brand="mogu-mogu"] .text-subtitle3 {
    font-family: var(--font-sans);
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    html[data-brand="sappe-aloe"] .text-subtitle3, html[data-brand="mogu-mogu"] .text-subtitle3 {
        font-size: 1.5rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    html[data-brand="sappe-aloe"] .text-subtitle3, html[data-brand="mogu-mogu"] .text-subtitle3 {
        font-size: 1.875rem;
        line-height: 1;
    }
}
html[data-brand="sappe-aloe"] .text-small, html[data-brand="mogu-mogu"] .text-small {
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 1200px) {
    html[data-brand="sappe-aloe"] .text-small, html[data-brand="mogu-mogu"] .text-small {
        font-size: 0.875rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    html[data-brand="sappe-aloe"] .text-small, html[data-brand="mogu-mogu"] .text-small {
        font-size: 1.125rem;
        line-height: 1;
    }
}
html[data-brand="sappe-aloe"] .text-xsmall, html[data-brand="mogu-mogu"] .text-xsmall {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.1px;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    html[data-brand="sappe-aloe"] .text-xsmall, html[data-brand="mogu-mogu"] .text-xsmall {
        font-size: 1rem;
        line-height: 1;
    }
}
html[data-brand="sappe-aloe"] .text-error, html[data-brand="mogu-mogu"] .text-error {
    font-family: var(--font-sans);
    font-weight: 900;
    font-size: 0.875rem;
    line-height: 1.25;
    color: hsl(var(--destructive));
}
@media (min-width: 1940px) {
    html[data-brand="sappe-aloe"] .text-error, html[data-brand="mogu-mogu"] .text-error {
        font-size: 1.125rem;
        line-height: 1.25;
    }
}
html[data-brand="default"] .label, html[data-brand="ohfresh-juice"] .label, html[data-brand="sappe-aloe"] .label, html[data-brand="mogu-mogu"] .label {
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.2px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    html[data-brand="default"] .label, html[data-brand="ohfresh-juice"] .label, html[data-brand="sappe-aloe"] .label, html[data-brand="mogu-mogu"] .label {
        font-size: 1rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    html[data-brand="default"] .label, html[data-brand="ohfresh-juice"] .label, html[data-brand="sappe-aloe"] .label, html[data-brand="mogu-mogu"] .label {
        font-size: 1.5rem;
        line-height: 1;
    }
}
html[data-brand="default"] .label:where(.peer:disabled ~ *), html[data-brand="ohfresh-juice"] .label:where(.peer:disabled ~ *), html[data-brand="sappe-aloe"] .label:where(.peer:disabled ~ *), html[data-brand="mogu-mogu"] .label:where(.peer:disabled ~ *) {
    cursor: not-allowed;
    opacity: 0.7;
}
.\!btn {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}
.\!btn:disabled {
    pointer-events: none;
    opacity: 0.5;
}
.btn {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}
.btn:disabled {
    pointer-events: none;
    opacity: 0.5;
}
.nav-item {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    align-items: center;
    gap: 0.5rem;
    text-underline-offset: 4px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}
.maskImage1 {
    mask-image: url('/icons/mask-image.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage1Hover {
    mask-image: url('/icons/mask-image.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 160%;
    -webkit-mask-image: url('/icons/mask-image.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 160%;
}
.maskImage1Hover:hover {
    mask-size: 100%;
    -webkit-mask-size: 100%;
}
.maskImage2 {
    mask-image: url('/icons/mask-image2.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image2.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage2Hover {
    mask-image: url('/icons/mask-image2.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 160% 160%;
    -webkit-mask-image: url('/icons/mask-image2.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 160% 160%;
}
.maskImage2Hover:hover {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}
.maskImage3 {
    mask-image: url('/icons/mask-image3.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image3.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage3Hover {
    mask-image: url('/icons/mask-image3.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 190% 190%;
    -webkit-mask-image: url('/icons/mask-image3.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 190% 190%;
}
.maskImage3Hover:hover {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}
.maskImage4 {
    mask-image: url('/icons/mask-image4.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image4.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage4Hover {
    mask-image: url('/icons/mask-image4.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 210% 210%;
    -webkit-mask-image: url('/icons/mask-image4.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 210% 210%;
}
.maskImage4Hover:hover {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}
.maskImage5 {
    mask-image: url('/icons/mask-image5.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image5.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage5Hover {
    mask-image: url('/icons/mask-image5.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 160% 160%;
    -webkit-mask-image: url('/icons/mask-image5.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 160% 160%;
}
.maskImage5Hover:hover {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}
.maskImage6 {
    mask-image: url('/icons/mask-image6.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image6.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage7 {
    mask-image: url('/icons/mask-image7.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image7.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage7Hover {
    mask-image: url('/icons/mask-image7.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 160% 160%;
    -webkit-mask-image: url('/icons/mask-image7.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 160% 160%;
}
.maskImage7Hover:hover {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}
.maskImage8 {
    mask-image: url('/icons/mask-image8.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-image: url('/icons/mask-image8.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
}
.maskImage8Hover {
    mask-image: url('/icons/mask-image8.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 160% 160%;
    -webkit-mask-image: url('/icons/mask-image8.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 160% 160%;
}
.maskImage8Hover:hover {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}
.\!btn {
    border-radius: var(--radius);
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-ring-offset-color: hsl(var(--background));
}
.\!btn:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--ring));
    --tw-ring-offset-width: 2px;
}
@media (min-width: 1200px) {
    .\!btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    .\!btn {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.btn {
    border-radius: var(--radius);
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    --tw-ring-offset-color: hsl(var(--background));
}
.btn:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--ring));
    --tw-ring-offset-width: 2px;
}
@media (min-width: 1200px) {
    .btn {
        font-size: 0.875rem;
        line-height: 1.25rem;
        line-height: 1;
    }
}
@media (min-width: 1940px) {
    .btn {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: hsl(var(--primary));
    text-underline-offset: 4px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}
.link:hover {
    color: hsl(var(--hover));
}
.link:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 1200px) {
    .link {
        font-size: 1.125rem;
        line-height: 1.75rem;
        line-height: 1.5;
    }
}
@media (min-width: 1940px) {
    .link {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.input {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    .input {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1;
    }
}
html[data-brand="default"] .input, html[data-brand="ohfresh-juice"] .input, html[data-brand="sappe-aloe"] .input, html[data-brand="mogu-mogu"] .input {
    font-family: var(--font-sans);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
    color: hsl(var(--foreground));
}
@media (min-width: 1940px) {
    html[data-brand="default"] .input, html[data-brand="ohfresh-juice"] .input, html[data-brand="sappe-aloe"] .input, html[data-brand="mogu-mogu"] .input {
        font-size: 1.5rem;
        line-height: 1;
    }
}
.input {
    display: flex;
    height: 3.5rem;
    width: 100%;
    border-radius: var(--radius);
    background-color: hsl(var(--muted));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-color: transparent;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}
.input::-moz-placeholder {
    color: hsl(var(--muted-foreground));
}
.input::placeholder {
    color: hsl(var(--muted-foreground));
}
.input:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--ring));
}
.input:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
@media (min-width: 1940px) {
    .input {
        height: 5rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}
.label {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.2px;
    color: hsl(var(--foreground));
}
.peer:disabled ~ .label {
    cursor: not-allowed;
    opacity: 0.7;
}
@media (min-width: 768px) {
    .label {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
@media (min-width: 1940px) {
    .label {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.nav-list {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}
@media (min-width: 1940px) {
    .nav-list {
        gap: 3rem;
    }
}
.nav-item {
    display: inline-flex;
    justify-content: center;
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: hsl(var(--primary));
    --tw-ring-offset-color: hsl(var(--background));
}
.nav-item:hover {
    color: hsl(var(--hover));
}
.nav-item:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--ring));
    --tw-ring-offset-width: 2px;
}
.nav-item:disabled {
    pointer-events: none;
    opacity: 0.5;
}
@media (min-width: 1200px) {
    .nav-item {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}
@media (min-width: 1940px) {
    .nav-item {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}
.group[data-state="open"] .nav-item .nav-item-triangle {
    border-top-color: hsl(var(--hover));
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.inset-0 {
    inset: 0px;
}
.inset-\[2px\] {
    inset: 2px;
}
.inset-x-0 {
    left: 0px;
    right: 0px;
}
.inset-y-0 {
    top: 0px;
    bottom: 0px;
}
.inset-y-auto {
    top: auto;
    bottom: auto;
}
.\!right-4 {
    right: 1rem !important;
}
.-bottom-10 {
    bottom: -2.5rem;
}
.-bottom-14 {
    bottom: -3.5rem;
}
.-bottom-15 {
    bottom: -3.75rem;
}
.-bottom-2 {
    bottom: -0.5rem;
}
.-bottom-30 {
    bottom: -7.5rem;
}
.-bottom-6 {
    bottom: -1.5rem;
}
.-left-1 {
    left: -0.25rem;
}
.-left-1\/2 {
    left: -50%;
}
.-left-1\/3 {
    left: -33.333333%;
}
.-left-10 {
    left: -2.5rem;
}
.-left-12 {
    left: -3rem;
}
.-left-14 {
    left: -3.5rem;
}
.-left-15 {
    left: -3.75rem;
}
.-left-16 {
    left: -4rem;
}
.-left-18 {
    left: -4.5rem;
}
.-left-2 {
    left: -0.5rem;
}
.-left-20 {
    left: -5rem;
}
.-left-36 {
    left: -9rem;
}
.-left-4 {
    left: -1rem;
}
.-left-44 {
    left: -11rem;
}
.-left-6 {
    left: -1.5rem;
}
.-right-0 {
    right: -0px;
}
.-right-1 {
    right: -0.25rem;
}
.-right-1\/4 {
    right: -25%;
}
.-right-10 {
    right: -2.5rem;
}
.-right-14 {
    right: -3.5rem;
}
.-right-15 {
    right: -3.75rem;
}
.-right-18 {
    right: -4.5rem;
}
.-right-20 {
    right: -5rem;
}
.-right-25 {
    right: -6.25rem;
}
.-right-30 {
    right: -7.5rem;
}
.-right-4 {
    right: -1rem;
}
.-top-1 {
    top: -0.25rem;
}
.-top-1\/4 {
    top: -25%;
}
.-top-10 {
    top: -2.5rem;
}
.-top-16 {
    top: -4rem;
}
.-top-5 {
    top: -1.25rem;
}
.-top-6 {
    top: -1.5rem;
}
.-top-7 {
    top: -1.75rem;
}
.-top-8 {
    top: -2rem;
}
.bottom-0 {
    bottom: 0px;
}
.bottom-1 {
    bottom: 0.25rem;
}
.bottom-10 {
    bottom: 2.5rem;
}
.bottom-12 {
    bottom: 3rem;
}
.bottom-15 {
    bottom: 3.75rem;
}
.bottom-16 {
    bottom: 4rem;
}
.bottom-20 {
    bottom: 5rem;
}
.bottom-24 {
    bottom: 6rem;
}
.bottom-40 {
    bottom: 10rem;
}
.bottom-5 {
    bottom: 1.25rem;
}
.bottom-6 {
    bottom: 1.5rem;
}
.bottom-9 {
    bottom: 2.25rem;
}
.bottom-\[-10\%\] {
    bottom: -10%;
}
.bottom-\[-120px\] {
    bottom: -120px;
}
.bottom-\[-15\%\] {
    bottom: -15%;
}
.bottom-\[-170px\] {
    bottom: -170px;
}
.bottom-\[-190px\] {
    bottom: -190px;
}
.bottom-\[-30\%\] {
    bottom: -30%;
}
.bottom-\[-82\%\] {
    bottom: -82%;
}
.bottom-\[-86px\] {
    bottom: -86px;
}
.bottom-\[-88px\] {
    bottom: -88px;
}
.bottom-\[10\%\] {
    bottom: 10%;
}
.bottom-\[11vh\] {
    bottom: 11vh;
}
.bottom-\[131px\] {
    bottom: 131px;
}
.bottom-\[160px\] {
    bottom: 160px;
}
.bottom-\[167px\] {
    bottom: 167px;
}
.bottom-\[30\%\] {
    bottom: 30%;
}
.bottom-\[450px\] {
    bottom: 450px;
}
.bottom-\[46\%\] {
    bottom: 46%;
}
.bottom-\[7vh\] {
    bottom: 7vh;
}
.bottom-\[9\%\] {
    bottom: 9%;
}
.bottom-\[99\%\] {
    bottom: 99%;
}
.bottom-auto {
    bottom: auto;
}
.bottom-full {
    bottom: 100%;
}
.left-0 {
    left: 0px;
}
.left-1 {
    left: 0.25rem;
}
.left-1\/2 {
    left: 50%;
}
.left-1\/4 {
    left: 25%;
}
.left-10 {
    left: 2.5rem;
}
.left-12 {
    left: 3rem;
}
.left-16 {
    left: 4rem;
}
.left-3 {
    left: 0.75rem;
}
.left-36 {
    left: 9rem;
}
.left-4 {
    left: 1rem;
}
.left-5 {
    left: 1.25rem;
}
.left-6 {
    left: 1.5rem;
}
.left-9 {
    left: 2.25rem;
}
.left-\[-10\%\] {
    left: -10%;
}
.left-\[-10vw\] {
    left: -10vw;
}
.left-\[-136px\] {
    left: -136px;
}
.left-\[-15\%\] {
    left: -15%;
}
.left-\[-16vw\] {
    left: -16vw;
}
.left-\[-170px\] {
    left: -170px;
}
.left-\[-200px\] {
    left: -200px;
}
.left-\[-22\%\] {
    left: -22%;
}
.left-\[-250px\] {
    left: -250px;
}
.left-\[-290px\] {
    left: -290px;
}
.left-\[-30\%\] {
    left: -30%;
}
.left-\[-5\%\] {
    left: -5%;
}
.left-\[-60\%\] {
    left: -60%;
}
.left-\[-7vw\] {
    left: -7vw;
}
.left-\[-80\%\] {
    left: -80%;
}
.left-\[-8vw\] {
    left: -8vw;
}
.left-\[-90\%\] {
    left: -90%;
}
.left-\[0\.5vw\] {
    left: 0.5vw;
}
.left-\[10\%\] {
    left: 10%;
}
.left-\[10vw\] {
    left: 10vw;
}
.left-\[11\%\] {
    left: 11%;
}
.left-\[11vw\] {
    left: 11vw;
}
.left-\[12\%\] {
    left: 12%;
}
.left-\[13\%\] {
    left: 13%;
}
.left-\[140\%\] {
    left: 140%;
}
.left-\[156\%\] {
    left: 156%;
}
.left-\[17\%\] {
    left: 17%;
}
.left-\[18\%\] {
    left: 18%;
}
.left-\[19\%\] {
    left: 19%;
}
.left-\[196px\] {
    left: 196px;
}
.left-\[2\%\] {
    left: 2%;
}
.left-\[20\%\] {
    left: 20%;
}
.left-\[22\%\] {
    left: 22%;
}
.left-\[23\%\] {
    left: 23%;
}
.left-\[25\%\] {
    left: 25%;
}
.left-\[27\%\] {
    left: 27%;
}
.left-\[28\%\] {
    left: 28%;
}
.left-\[3\%\] {
    left: 3%;
}
.left-\[34vw\] {
    left: 34vw;
}
.left-\[35\%\] {
    left: 35%;
}
.left-\[37\%\] {
    left: 37%;
}
.left-\[4\%\] {
    left: 4%;
}
.left-\[4\.5vw\] {
    left: 4.5vw;
}
.left-\[40\%\] {
    left: 40%;
}
.left-\[43\%\] {
    left: 43%;
}
.left-\[44\%\] {
    left: 44%;
}
.left-\[45\%\] {
    left: 45%;
}
.left-\[46\.3vw\] {
    left: 46.3vw;
}
.left-\[47\%\] {
    left: 47%;
}
.left-\[48\%\] {
    left: 48%;
}
.left-\[4vw\] {
    left: 4vw;
}
.left-\[5\%\] {
    left: 5%;
}
.left-\[5\.3vw\] {
    left: 5.3vw;
}
.left-\[50\.8vw\] {
    left: 50.8vw;
}
.left-\[53\%\] {
    left: 53%;
}
.left-\[54\%\] {
    left: 54%;
}
.left-\[55\%\] {
    left: 55%;
}
.left-\[56\%\] {
    left: 56%;
}
.left-\[59\%\] {
    left: 59%;
}
.left-\[6\%\] {
    left: 6%;
}
.left-\[64\%\] {
    left: 64%;
}
.left-\[68\%\] {
    left: 68%;
}
.left-\[7\%\] {
    left: 7%;
}
.left-\[70\%\] {
    left: 70%;
}
.left-\[73\%\] {
    left: 73%;
}
.left-\[75\%\] {
    left: 75%;
}
.left-\[75vw\] {
    left: 75vw;
}
.left-\[76\%\] {
    left: 76%;
}
.left-\[8\%\] {
    left: 8%;
}
.left-\[81\%\] {
    left: 81%;
}
.left-\[81\.6vw\] {
    left: 81.6vw;
}
.left-\[84\%\] {
    left: 84%;
}
.left-\[86\%\] {
    left: 86%;
}
.left-\[88\%\] {
    left: 88%;
}
.left-\[89px\] {
    left: 89px;
}
.left-\[9\%\] {
    left: 9%;
}
.left-\[98\%\] {
    left: 98%;
}
.left-auto {
    left: auto;
}
.left-full {
    left: 100%;
}
.right-0 {
    right: 0px;
}
.right-18 {
    right: 4.5rem;
}
.right-2 {
    right: 0.5rem;
}
.right-3 {
    right: 0.75rem;
}
.right-4 {
    right: 1rem;
}
.right-5 {
    right: 1.25rem;
}
.right-\[-10\%\] {
    right: -10%;
}
.right-\[-112px\] {
    right: -112px;
}
.right-\[-120px\] {
    right: -120px;
}
.right-\[-12vw\] {
    right: -12vw;
}
.right-\[-136px\] {
    right: -136px;
}
.right-\[-14px\] {
    right: -14px;
}
.right-\[-15\%\] {
    right: -15%;
}
.right-\[-16vw\] {
    right: -16vw;
}
.right-\[-180px\] {
    right: -180px;
}
.right-\[-30\%\] {
    right: -30%;
}
.right-\[-4\%\] {
    right: -4%;
}
.right-\[-65\%\] {
    right: -65%;
}
.right-\[-74px\] {
    right: -74px;
}
.right-\[-80px\] {
    right: -80px;
}
.right-\[-9vw\] {
    right: -9vw;
}
.right-\[10\%\] {
    right: 10%;
}
.right-\[12\%\] {
    right: 12%;
}
.right-\[13\%\] {
    right: 13%;
}
.right-\[19\%\] {
    right: 19%;
}
.right-\[20\%\] {
    right: 20%;
}
.right-\[230px\] {
    right: 230px;
}
.right-\[23vw\] {
    right: 23vw;
}
.right-\[25\%\] {
    right: 25%;
}
.right-\[27\%\] {
    right: 27%;
}
.right-\[28\%\] {
    right: 28%;
}
.right-\[3\%\] {
    right: 3%;
}
.right-\[4\%\] {
    right: 4%;
}
.right-\[5\%\] {
    right: 5%;
}
.right-\[6\%\] {
    right: 6%;
}
.right-\[7\%\] {
    right: 7%;
}
.right-\[8\%\] {
    right: 8%;
}
.right-\[9\%\] {
    right: 9%;
}
.top-0 {
    top: 0px;
}
.top-1 {
    top: 0.25rem;
}
.top-1\/2 {
    top: 50%;
}
.top-1\/4 {
    top: 25%;
}
.top-10 {
    top: 2.5rem;
}
.top-12 {
    top: 3rem;
}
.top-16 {
    top: 4rem;
}
.top-18 {
    top: 4.5rem;
}
.top-2 {
    top: 0.5rem;
}
.top-2\/3 {
    top: 66.666667%;
}
.top-20 {
    top: 5rem;
}
.top-24 {
    top: 6rem;
}
.top-28 {
    top: 7rem;
}
.top-4 {
    top: 1rem;
}
.top-5 {
    top: 1.25rem;
}
.top-6 {
    top: 1.5rem;
}
.top-8 {
    top: 2rem;
}
.top-9 {
    top: 2.25rem;
}
.top-\[-1\%\] {
    top: -1%;
}
.top-\[-10\%\] {
    top: -10%;
}
.top-\[-13\%\] {
    top: -13%;
}
.top-\[-14px\] {
    top: -14px;
}
.top-\[-3\%\] {
    top: -3%;
}
.top-\[-30\%\] {
    top: -30%;
}
.top-\[-390px\] {
    top: -390px;
}
.top-\[-5\%\] {
    top: -5%;
}
.top-\[1\%\] {
    top: 1%;
}
.top-\[10\%\] {
    top: 10%;
}
.top-\[120px\] {
    top: 120px;
}
.top-\[13\%\] {
    top: 13%;
}
.top-\[14\%\] {
    top: 14%;
}
.top-\[140px\] {
    top: 140px;
}
.top-\[15\%\] {
    top: 15%;
}
.top-\[15vh\] {
    top: 15vh;
}
.top-\[16\%\] {
    top: 16%;
}
.top-\[160px\] {
    top: 160px;
}
.top-\[16vh\] {
    top: 16vh;
}
.top-\[18\%\] {
    top: 18%;
}
.top-\[18vh\] {
    top: 18vh;
}
.top-\[19\%\] {
    top: 19%;
}
.top-\[2\%\] {
    top: 2%;
}
.top-\[20\%\] {
    top: 20%;
}
.top-\[200px\] {
    top: 200px;
}
.top-\[21\%\] {
    top: 21%;
}
.top-\[230px\] {
    top: 230px;
}
.top-\[25\%\] {
    top: 25%;
}
.top-\[26\%\] {
    top: 26%;
}
.top-\[261px\] {
    top: 261px;
}
.top-\[264px\] {
    top: 264px;
}
.top-\[270px\] {
    top: 270px;
}
.top-\[28\%\] {
    top: 28%;
}
.top-\[3\%\] {
    top: 3%;
}
.top-\[30\%\] {
    top: 30%;
}
.top-\[302px\] {
    top: 302px;
}
.top-\[310px\] {
    top: 310px;
}
.top-\[327px\] {
    top: 327px;
}
.top-\[350px\] {
    top: 350px;
}
.top-\[352px\] {
    top: 352px;
}
.top-\[364px\] {
    top: 364px;
}
.top-\[37\%\] {
    top: 37%;
}
.top-\[38\%\] {
    top: 38%;
}
.top-\[390px\] {
    top: 390px;
}
.top-\[4\%\] {
    top: 4%;
}
.top-\[40\%\] {
    top: 40%;
}
.top-\[400px\] {
    top: 400px;
}
.top-\[41\%\] {
    top: 41%;
}
.top-\[43\%\] {
    top: 43%;
}
.top-\[44\%\] {
    top: 44%;
}
.top-\[45\%\] {
    top: 45%;
}
.top-\[450px\] {
    top: 450px;
}
.top-\[46\%\] {
    top: 46%;
}
.top-\[47\%\] {
    top: 47%;
}
.top-\[47svh\] {
    top: 47svh;
}
.top-\[48\%\] {
    top: 48%;
}
.top-\[482px\] {
    top: 482px;
}
.top-\[49\%\] {
    top: 49%;
}
.top-\[5\%\] {
    top: 5%;
}
.top-\[50\%\] {
    top: 50%;
}
.top-\[500px\] {
    top: 500px;
}
.top-\[514px\] {
    top: 514px;
}
.top-\[53\%\] {
    top: 53%;
}
.top-\[54\%\] {
    top: 54%;
}
.top-\[56\%\] {
    top: 56%;
}
.top-\[57\%\] {
    top: 57%;
}
.top-\[58\%\] {
    top: 58%;
}
.top-\[6\%\] {
    top: 6%;
}
.top-\[60\%\] {
    top: 60%;
}
.top-\[600px\] {
    top: 600px;
}
.top-\[63\%\] {
    top: 63%;
}
.top-\[64\%\] {
    top: 64%;
}
.top-\[640px\] {
    top: 640px;
}
.top-\[65\%\] {
    top: 65%;
}
.top-\[66\%\] {
    top: 66%;
}
.top-\[67\%\] {
    top: 67%;
}
.top-\[69\%\] {
    top: 69%;
}
.top-\[70\%\] {
    top: 70%;
}
.top-\[70svh\] {
    top: 70svh;
}
.top-\[71\%\] {
    top: 71%;
}
.top-\[72\%\] {
    top: 72%;
}
.top-\[74\%\] {
    top: 74%;
}
.top-\[75\%\] {
    top: 75%;
}
.top-\[76px\] {
    top: 76px;
}
.top-\[77\%\] {
    top: 77%;
}
.top-\[78\%\] {
    top: 78%;
}
.top-\[8\%\] {
    top: 8%;
}
.top-\[80\%\] {
    top: 80%;
}
.top-\[81\%\] {
    top: 81%;
}
.top-\[85px\] {
    top: 85px;
}
.top-\[88px\] {
    top: 88px;
}
.top-\[92\%\] {
    top: 92%;
}
.top-\[99\%\] {
    top: 99%;
}
.top-auto {
    top: auto;
}
.top-full {
    top: 100%;
}
.isolate {
    isolation: isolate;
}
.z-0 {
    z-index: 0;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-40 {
    z-index: 40;
}
.z-50 {
    z-index: 50;
}
.z-\[-1\] {
    z-index: -1;
}
.z-\[-2\] {
    z-index: -2;
}
.z-\[-3\] {
    z-index: -3;
}
.z-\[-4\] {
    z-index: -4;
}
.z-\[-5\] {
    z-index: -5;
}
.z-\[100\] {
    z-index: 100;
}
.z-\[11\] {
    z-index: 11;
}
.z-\[12\] {
    z-index: 12;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[60\] {
    z-index: 60;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.col-auto {
    grid-column: auto;
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-12 {
    grid-column: span 12 / span 12;
}
.col-span-3 {
    grid-column: span 3 / span 3;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-5 {
    grid-column: span 5 / span 5;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.col-start-1 {
    grid-column-start: 1;
}
.row-start-1 {
    grid-row-start: 1;
}
.row-start-2 {
    grid-row-start: 2;
}
.m-10 {
    margin: 2.5rem;
}
.m-auto {
    margin: auto;
}
.-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.-mt-3 {
    margin-top: -0.75rem;
}
.-mt-4 {
    margin-top: -1rem;
}
.-mt-6 {
    margin-top: -1.5rem;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-11 {
    margin-bottom: 2.75rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-13 {
    margin-bottom: 3.25rem;
}
.mb-14 {
    margin-bottom: 3.5rem;
}
.mb-15 {
    margin-bottom: 3.75rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-3 {
    margin-bottom: 0.75rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-7 {
    margin-bottom: 1.75rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mb-9 {
    margin-bottom: 2.25rem;
}
.mb-\[10px\] {
    margin-bottom: 10px;
}
.mb-\[6px\] {
    margin-bottom: 6px;
}
.ml-0\.5 {
    margin-left: 0.125rem;
}
.ml-2 {
    margin-left: 0.5rem;
}
.ml-4 {
    margin-left: 1rem;
}
.ml-5 {
    margin-left: 1.25rem;
}
.ml-auto {
    margin-left: auto;
}
.mr-0 {
    margin-right: 0px;
}
.mt-0\.5 {
    margin-top: 0.125rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-1\.5 {
    margin-top: 0.375rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-14 {
    margin-top: 3.5rem;
}
.mt-24 {
    margin-top: 6rem;
}
.mt-27 {
    margin-top: 6.75rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-7 {
    margin-top: 1.75rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mt-\[2px\] {
    margin-top: 2px;
}
.mt-\[3px\] {
    margin-top: 3px;
}
.mt-\[74px\] {
    margin-top: 74px;
}
.mt-auto {
    margin-top: auto;
}
.box-border {
    box-sizing: border-box;
}
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.block {
    display: block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.aspect-square {
    aspect-ratio: 1 / 1;
}
.size-10 {
    width: 2.5rem;
    height: 2.5rem;
}
.size-11 {
    width: 2.75rem;
    height: 2.75rem;
}
.size-15 {
    width: 3.75rem;
    height: 3.75rem;
}
.size-16 {
    width: 4rem;
    height: 4rem;
}
.size-2\.5 {
    width: 0.625rem;
    height: 0.625rem;
}
.size-28 {
    width: 7rem;
    height: 7rem;
}
.size-3 {
    width: 0.75rem;
    height: 0.75rem;
}
.size-4 {
    width: 1rem;
    height: 1rem;
}
.size-5 {
    width: 1.25rem;
    height: 1.25rem;
}
.size-6 {
    width: 1.5rem;
    height: 1.5rem;
}
.size-7 {
    width: 1.75rem;
    height: 1.75rem;
}
.size-8 {
    width: 2rem;
    height: 2rem;
}
.size-9 {
    width: 2.25rem;
    height: 2.25rem;
}
.size-\[18px\] {
    width: 18px;
    height: 18px;
}
.size-\[46px\] {
    width: 46px;
    height: 46px;
}
.size-full {
    width: 100%;
    height: 100%;
}
.\!h-11 {
    height: 2.75rem !important;
}
.h-1 {
    height: 0.25rem;
}
.h-10 {
    height: 2.5rem;
}
.h-11 {
    height: 2.75rem;
}
.h-12 {
    height: 3rem;
}
.h-13 {
    height: 3.25rem;
}
.h-14 {
    height: 3.5rem;
}
.h-15 {
    height: 3.75rem;
}
.h-16 {
    height: 4rem;
}
.h-2 {
    height: 0.5rem;
}
.h-2\.5 {
    height: 0.625rem;
}
.h-20 {
    height: 5rem;
}
.h-3 {
    height: 0.75rem;
}
.h-4 {
    height: 1rem;
}
.h-5 {
    height: 1.25rem;
}
.h-6 {
    height: 1.5rem;
}
.h-7 {
    height: 1.75rem;
}
.h-8 {
    height: 2rem;
}
.h-9 {
    height: 2.25rem;
}
.h-\[101\%\] {
    height: 101%;
}
.h-\[153px\] {
    height: 153px;
}
.h-\[274px\] {
    height: 274px;
}
.h-\[300px\] {
    height: 300px;
}
.h-\[350px\] {
    height: 350px;
}
.h-\[42px\] {
    height: 42px;
}
.h-\[500px\] {
    height: 500px;
}
.h-\[50px\] {
    height: 50px;
}
.h-\[50svh\] {
    height: 50svh;
}
.h-\[6px\] {
    height: 6px;
}
.h-\[75svh\] {
    height: 75svh;
}
.h-\[848px\] {
    height: 848px;
}
.h-\[84px\] {
    height: 84px;
}
.h-\[92vw\] {
    height: 92vw;
}
.h-\[9px\] {
    height: 9px;
}
.h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
}
.h-auto {
    height: auto;
}
.h-full {
    height: 100%;
}
.h-px {
    height: 1px;
}
.h-s-screen {
    height: 100svh;
}
.max-h-96 {
    max-height: 24rem;
}
.max-h-\[260px\] {
    max-height: 260px;
}
.max-h-\[416px\] {
    max-height: 416px;
}
.max-h-\[calc\(100svh-2rem\)\] {
    max-height: calc(100svh - 2rem);
}
.min-h-36 {
    min-height: 9rem;
}
.min-h-\[144px\] {
    min-height: 144px;
}
.min-h-\[30vh\] {
    min-height: 30vh;
}
.min-h-\[390px\] {
    min-height: 390px;
}
.min-h-\[50vh\] {
    min-height: 50vh;
}
.min-h-\[56px\] {
    min-height: 56px;
}
.min-h-s-screen {
    min-height: 100svh;
}
.min-h-screen {
    min-height: 100vh;
}
.min-h-svh {
    min-height: 100svh;
}
.w-1\/4 {
    width: 25%;
}
.w-10 {
    width: 2.5rem;
}
.w-11 {
    width: 2.75rem;
}
.w-12 {
    width: 3rem;
}
.w-13 {
    width: 3.25rem;
}
.w-14 {
    width: 3.5rem;
}
.w-15 {
    width: 3.75rem;
}
.w-16 {
    width: 4rem;
}
.w-18 {
    width: 4.5rem;
}
.w-2 {
    width: 0.5rem;
}
.w-2\.5 {
    width: 0.625rem;
}
.w-20 {
    width: 5rem;
}
.w-24 {
    width: 6rem;
}
.w-25 {
    width: 6.25rem;
}
.w-28 {
    width: 7rem;
}
.w-3 {
    width: 0.75rem;
}
.w-3\/4 {
    width: 75%;
}
.w-30 {
    width: 7.5rem;
}
.w-32 {
    width: 8rem;
}
.w-36 {
    width: 9rem;
}
.w-4 {
    width: 1rem;
}
.w-40 {
    width: 10rem;
}
.w-48 {
    width: 12rem;
}
.w-5 {
    width: 1.25rem;
}
.w-6 {
    width: 1.5rem;
}
.w-64 {
    width: 16rem;
}
.w-7 {
    width: 1.75rem;
}
.w-72 {
    width: 18rem;
}
.w-8 {
    width: 2rem;
}
.w-80 {
    width: 20rem;
}
.w-9 {
    width: 2.25rem;
}
.w-\[100\%\] {
    width: 100%;
}
.w-\[100px\] {
    width: 100px;
}
.w-\[110\%\] {
    width: 110%;
}
.w-\[110px\] {
    width: 110px;
}
.w-\[115px\] {
    width: 115px;
}
.w-\[12\.5rem\] {
    width: 12.5rem;
}
.w-\[120px\] {
    width: 120px;
}
.w-\[122px\] {
    width: 122px;
}
.w-\[126px\] {
    width: 126px;
}
.w-\[129px\] {
    width: 129px;
}
.w-\[12vw\] {
    width: 12vw;
}
.w-\[130vw\] {
    width: 130vw;
}
.w-\[137px\] {
    width: 137px;
}
.w-\[13vw\] {
    width: 13vw;
}
.w-\[140px\] {
    width: 140px;
}
.w-\[143px\] {
    width: 143px;
}
.w-\[14px\] {
    width: 14px;
}
.w-\[150px\] {
    width: 150px;
}
.w-\[170px\] {
    width: 170px;
}
.w-\[178px\] {
    width: 178px;
}
.w-\[17vw\] {
    width: 17vw;
}
.w-\[180px\] {
    width: 180px;
}
.w-\[181px\] {
    width: 181px;
}
.w-\[183px\] {
    width: 183px;
}
.w-\[190px\] {
    width: 190px;
}
.w-\[200px\] {
    width: 200px;
}
.w-\[213px\] {
    width: 213px;
}
.w-\[21vw\] {
    width: 21vw;
}
.w-\[221px\] {
    width: 221px;
}
.w-\[225px\] {
    width: 225px;
}
.w-\[22px\] {
    width: 22px;
}
.w-\[230px\] {
    width: 230px;
}
.w-\[232px\] {
    width: 232px;
}
.w-\[259px\] {
    width: 259px;
}
.w-\[25vw\] {
    width: 25vw;
}
.w-\[264px\] {
    width: 264px;
}
.w-\[272px\] {
    width: 272px;
}
.w-\[274px\] {
    width: 274px;
}
.w-\[282px\] {
    width: 282px;
}
.w-\[284px\] {
    width: 284px;
}
.w-\[28vw\] {
    width: 28vw;
}
.w-\[290px\] {
    width: 290px;
}
.w-\[294px\] {
    width: 294px;
}
.w-\[300px\] {
    width: 300px;
}
.w-\[301px\] {
    width: 301px;
}
.w-\[30px\] {
    width: 30px;
}
.w-\[316px\] {
    width: 316px;
}
.w-\[317px\] {
    width: 317px;
}
.w-\[327px\] {
    width: 327px;
}
.w-\[32vw\] {
    width: 32vw;
}
.w-\[330px\] {
    width: 330px;
}
.w-\[340px\] {
    width: 340px;
}
.w-\[360px\] {
    width: 360px;
}
.w-\[36vw\] {
    width: 36vw;
}
.w-\[386px\] {
    width: 386px;
}
.w-\[396px\] {
    width: 396px;
}
.w-\[40px\] {
    width: 40px;
}
.w-\[40vw\] {
    width: 40vw;
}
.w-\[42px\] {
    width: 42px;
}
.w-\[430px\] {
    width: 430px;
}
.w-\[43px\] {
    width: 43px;
}
.w-\[440px\] {
    width: 440px;
}
.w-\[44px\] {
    width: 44px;
}
.w-\[468px\] {
    width: 468px;
}
.w-\[46px\] {
    width: 46px;
}
.w-\[46vw\] {
    width: 46vw;
}
.w-\[472px\] {
    width: 472px;
}
.w-\[480px\] {
    width: 480px;
}
.w-\[490px\] {
    width: 490px;
}
.w-\[50px\] {
    width: 50px;
}
.w-\[50vw\] {
    width: 50vw;
}
.w-\[52px\] {
    width: 52px;
}
.w-\[542px\] {
    width: 542px;
}
.w-\[556px\] {
    width: 556px;
}
.w-\[56px\] {
    width: 56px;
}
.w-\[576px\] {
    width: 576px;
}
.w-\[57px\] {
    width: 57px;
}
.w-\[58px\] {
    width: 58px;
}
.w-\[60px\] {
    width: 60px;
}
.w-\[612px\] {
    width: 612px;
}
.w-\[616px\] {
    width: 616px;
}
.w-\[61px\] {
    width: 61px;
}
.w-\[623px\] {
    width: 623px;
}
.w-\[62px\] {
    width: 62px;
}
.w-\[660px\] {
    width: 660px;
}
.w-\[666px\] {
    width: 666px;
}
.w-\[66px\] {
    width: 66px;
}
.w-\[68px\] {
    width: 68px;
}
.w-\[70px\] {
    width: 70px;
}
.w-\[70vw\] {
    width: 70vw;
}
.w-\[72px\] {
    width: 72px;
}
.w-\[740px\] {
    width: 740px;
}
.w-\[74px\] {
    width: 74px;
}
.w-\[76px\] {
    width: 76px;
}
.w-\[770px\] {
    width: 770px;
}
.w-\[78px\] {
    width: 78px;
}
.w-\[790px\] {
    width: 790px;
}
.w-\[80px\] {
    width: 80px;
}
.w-\[816px\] {
    width: 816px;
}
.w-\[82\%\] {
    width: 82%;
}
.w-\[83px\] {
    width: 83px;
}
.w-\[840px\] {
    width: 840px;
}
.w-\[848px\] {
    width: 848px;
}
.w-\[84px\] {
    width: 84px;
}
.w-\[85\%\] {
    width: 85%;
}
.w-\[89px\] {
    width: 89px;
}
.w-\[90\%\] {
    width: 90%;
}
.w-\[90px\] {
    width: 90px;
}
.w-\[90vw\] {
    width: 90vw;
}
.w-\[92px\] {
    width: 92px;
}
.w-\[930px\] {
    width: 930px;
}
.w-\[93px\] {
    width: 93px;
}
.w-\[960px\] {
    width: 960px;
}
.w-\[97px\] {
    width: 97px;
}
.w-\[98px\] {
    width: 98px;
}
.w-\[calc\(100\%-2\.25rem\)\] {
    width: calc(100% - 2.25rem);
}
.w-auto {
    width: auto;
}
.w-full {
    width: 100%;
}
.w-max {
    width: -moz-max-content;
    width: max-content;
}
.w-screen {
    width: 100vw;
}
.min-w-32 {
    min-width: 8rem;
}
.min-w-\[1030px\] {
    min-width: 1030px;
}
.min-w-\[120px\] {
    min-width: 120px;
}
.min-w-\[124vw\] {
    min-width: 124vw;
}
.min-w-\[213px\] {
    min-width: 213px;
}
.min-w-\[343px\] {
    min-width: 343px;
}
.min-w-\[540px\] {
    min-width: 540px;
}
.min-w-\[790px\] {
    min-width: 790px;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
}
.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content;
}
.max-w-30 {
    max-width: 7.5rem;
}
.max-w-\[1040px\] {
    max-width: 1040px;
}
.max-w-\[14\.5rem\] {
    max-width: 14.5rem;
}
.max-w-\[140px\] {
    max-width: 140px;
}
.max-w-\[1480px\] {
    max-width: 1480px;
}
.max-w-\[150px\] {
    max-width: 150px;
}
.max-w-\[1520px\] {
    max-width: 1520px;
}
.max-w-\[290px\] {
    max-width: 290px;
}
.max-w-\[300px\] {
    max-width: 300px;
}
.max-w-\[340px\] {
    max-width: 340px;
}
.max-w-\[370px\] {
    max-width: 370px;
}
.max-w-\[393px\] {
    max-width: 393px;
}
.max-w-\[400px\] {
    max-width: 400px;
}
.max-w-\[420px\] {
    max-width: 420px;
}
.max-w-\[428px\] {
    max-width: 428px;
}
.max-w-\[436px\] {
    max-width: 436px;
}
.max-w-\[444px\] {
    max-width: 444px;
}
.max-w-\[454px\] {
    max-width: 454px;
}
.max-w-\[572px\] {
    max-width: 572px;
}
.max-w-\[700px\] {
    max-width: 700px;
}
.max-w-\[75\%\] {
    max-width: 75%;
}
.max-w-full {
    max-width: 100%;
}
.max-w-none {
    max-width: none;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-auto {
    flex: 1 1 auto;
}
.shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}
.basis-full {
    flex-basis: 100%;
}
.border-spacing-y-2 {
    --tw-border-spacing-y: 0.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-bottom {
    transform-origin: bottom;
}
.origin-bottom-left {
    transform-origin: bottom left;
}
.origin-bottom-right {
    transform-origin: bottom right;
}
.origin-center {
    transform-origin: center;
}
.origin-left {
    transform-origin: left;
}
.origin-right {
    transform-origin: right;
}
.origin-top {
    transform-origin: top;
}
.\!-translate-x-1\/2 {
    --tw-translate-x: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!-translate-y-1\/2 {
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-10 {
    --tw-translate-x: -2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\.5 {
    --tw-translate-y: -0.375rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-7 {
    --tw-translate-y: -1.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/3 {
    --tw-translate-x: 33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/3 {
    --tw-translate-y: 33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-13px\] {
    --tw-translate-y: -13px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[180\%\] {
    --tw-translate-y: 180%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[18px\] {
    --tw-translate-y: 18px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!rotate-180 {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!rotate-\[-106deg\] {
    --tw-rotate: -106deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!rotate-\[-74deg\] {
    --tw-rotate: -74deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!rotate-\[118deg\] {
    --tw-rotate: 118deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!rotate-\[50deg\] {
    --tw-rotate: 50deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!rotate-\[73deg\] {
    --tw-rotate: 73deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.\!rotate-\[84deg\] {
    --tw-rotate: 84deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-108deg\] {
    --tw-rotate: -108deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-10deg\] {
    --tw-rotate: -10deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-13deg\] {
    --tw-rotate: -13deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-14\.24deg\] {
    --tw-rotate: -14.24deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-14deg\] {
    --tw-rotate: -14deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-15\.24deg\] {
    --tw-rotate: -15.24deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-150deg\] {
    --tw-rotate: -150deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-157deg\] {
    --tw-rotate: -157deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-15deg\] {
    --tw-rotate: -15deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-20deg\] {
    --tw-rotate: -20deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-21deg\] {
    --tw-rotate: -21deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-45deg\] {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-56deg\] {
    --tw-rotate: -56deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-60deg\] {
    --tw-rotate: -60deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-61deg\] {
    --tw-rotate: -61deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-6deg\] {
    --tw-rotate: -6deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-72deg\] {
    --tw-rotate: -72deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-73deg\] {
    --tw-rotate: -73deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-90deg\] {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[104deg\] {
    --tw-rotate: 104deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[10deg\] {
    --tw-rotate: 10deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[120deg\] {
    --tw-rotate: 120deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[124deg\] {
    --tw-rotate: 124deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[127deg\] {
    --tw-rotate: 127deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[165deg\] {
    --tw-rotate: 165deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[180deg\] {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[19deg\] {
    --tw-rotate: 19deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[20deg\] {
    --tw-rotate: 20deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[211deg\] {
    --tw-rotate: 211deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[22deg\] {
    --tw-rotate: 22deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[24\.55deg\] {
    --tw-rotate: 24.55deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[26\.41deg\] {
    --tw-rotate: 26.41deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[30deg\] {
    --tw-rotate: 30deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[36deg\] {
    --tw-rotate: 36deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[45deg\] {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[4deg\] {
    --tw-rotate: 4deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[51deg\] {
    --tw-rotate: 51deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[60deg\] {
    --tw-rotate: 60deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[73deg\] {
    --tw-rotate: 73deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.01\] {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[3\.8\] {
    --tw-scale-x: 3.8;
    --tw-scale-y: 3.8;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-scale-x-100 {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-x-\[-1\] {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-none {
    transform: none;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animate-\[fadeIn_300ms_ease_both\] {
    animation: fadeIn 300ms ease both;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animate-\[fadeIn_300ms_ease_both_133ms\] {
    animation: fadeIn 300ms ease both 133ms;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animate-\[fadeIn_300ms_ease_both_200ms\] {
    animation: fadeIn 300ms ease both 200ms;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animate-\[fadeIn_300ms_ease_both_66ms\] {
    animation: fadeIn 300ms ease both 66ms;
}
@keyframes scalePulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
}
.animate-\[scalePulse_3s_infinite_both_ease-in-out\] {
    animation: scalePulse 3s infinite both ease-in-out;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animate-fadeIn {
    animation: fadeIn 300ms ease;
}
@keyframes pulse {
    50% {
        opacity: .5;
    }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes scalePulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
}
.animate-scalePulse {
    animation: scalePulse 4s ease-in-out infinite;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
.animate-spin {
    animation: spin 1s linear infinite;
}
.cursor-default {
    cursor: default;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.cursor-pointer {
    cursor: pointer;
}
.touch-none {
    touch-action: none;
}
.select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.resize {
    resize: both;
}
.list-inside {
    list-style-position: inside;
}
.list-disc {
    list-style-type: disc;
}
.appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.grid-flow-row {
    grid-auto-flow: row;
}
.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
}
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.place-items-start {
    place-items: start;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.items-baseline {
    align-items: baseline;
}
.items-stretch {
    align-items: stretch;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-items-center {
    justify-items: center;
}
.gap-0\.5 {
    gap: 0.125rem;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-1\.5 {
    gap: 0.375rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-11 {
    gap: 2.75rem;
}
.gap-12 {
    gap: 3rem;
}
.gap-13 {
    gap: 3.25rem;
}
.gap-14 {
    gap: 3.5rem;
}
.gap-15 {
    gap: 3.75rem;
}
.gap-16 {
    gap: 4rem;
}
.gap-18 {
    gap: 4.5rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-2\.5 {
    gap: 0.625rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-44 {
    gap: 11rem;
}
.gap-48 {
    gap: 12rem;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-7 {
    gap: 1.75rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-9 {
    gap: 2.25rem;
}
.gap-\[14px\] {
    gap: 14px;
}
.gap-px {
    gap: 1px;
}
.gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
}
.gap-x-12 {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
}
.gap-x-3 {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
}
.gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
}
.gap-y-16 {
    row-gap: 4rem;
}
.gap-y-5 {
    row-gap: 1.25rem;
}
.gap-y-6 {
    row-gap: 1.5rem;
}
.gap-y-8 {
    row-gap: 2rem;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid;
}
.divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
}
.divide-primary-lighten20 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: hsl(137 18% 15.6% / var(--tw-divide-opacity, 1));
}
.divide-primary\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: hsl(var(--primary) / 0.1);
}
.place-self-center {
    place-self: center;
}
.self-center {
    align-self: center;
}
.self-stretch {
    align-self: stretch;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overscroll-none {
    overscroll-behavior: none;
}
.scroll-smooth {
    scroll-behavior: smooth;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.break-words {
    overflow-wrap: break-word;
}
.\!rounded-\[8px\] {
    border-radius: 8px !important;
}
.\!rounded-full {
    border-radius: 9999px !important;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.rounded-\[10px\] {
    border-radius: 10px;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.rounded-\[2rem\] {
    border-radius: 2rem;
}
.rounded-\[48px\] {
    border-radius: 48px;
}
.rounded-\[50px\] {
    border-radius: 50px;
}
.rounded-\[6px\] {
    border-radius: 6px;
}
.rounded-\[8px\] {
    border-radius: 8px;
}
.rounded-\[inherit\] {
    border-radius: inherit;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: var(--radius);
}
.rounded-md {
    border-radius: calc(var(--radius) - 8px);
}
.rounded-none {
    border-radius: 0px;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.border {
    border-width: 1px;
}
.border-2 {
    border-width: 2px;
}
.border-4 {
    border-width: 4px;
}
.border-\[3px\] {
    border-width: 3px;
}
.border-x-\[6px\] {
    border-left-width: 6px;
    border-right-width: 6px;
}
.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-b-0 {
    border-bottom-width: 0px;
}
.border-b-\[7px\] {
    border-bottom-width: 7px;
}
.border-l {
    border-left-width: 1px;
}
.border-r {
    border-right-width: 1px;
}
.border-t {
    border-top-width: 1px;
}
.border-t-0 {
    border-top-width: 0px;
}
.border-t-\[7px\] {
    border-top-width: 7px;
}
.border-solid {
    border-style: solid;
}
.border-dashed {
    border-style: dashed;
}
.border-none {
    border-style: none;
}
.border-border {
    border-color: hsl(var(--border));
}
.border-foreground {
    border-color: hsl(var(--foreground));
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.border-hover {
    border-color: hsl(var(--hover));
}
.border-muted {
    border-color: hsl(var(--muted));
}
.border-primary {
    border-color: hsl(var(--primary));
}
.border-primary\/10 {
    border-color: hsl(var(--primary) / 0.1);
}
.border-primary\/20 {
    border-color: hsl(var(--primary) / 0.2);
}
.border-transparent {
    border-color: transparent;
}
.border-x-transparent {
    border-left-color: transparent;
    border-right-color: transparent;
}
.border-b-primary {
    border-bottom-color: hsl(var(--primary));
}
.border-l-transparent {
    border-left-color: transparent;
}
.border-t-primary {
    border-top-color: hsl(var(--primary));
}
.border-t-transparent {
    border-top-color: transparent;
}
.\!bg-\[\#2077aa\]\/20 {
    background-color: rgb(32 119 170 / 0.2) !important;
}
.\!bg-\[\#243D91\]\/20 {
    background-color: rgb(36 61 145 / 0.2) !important;
}
.\!bg-\[\#2A4D49\]\/20 {
    background-color: rgb(42 77 73 / 0.2) !important;
}
.\!bg-accent9\/90 {
    background-color: hsl(var(--accent9) / 0.9) !important;
}
.\!bg-card {
    background-color: hsl(var(--card)) !important;
}
.\!bg-primary {
    background-color: hsl(var(--primary)) !important;
}
.\!bg-primary-foreground {
    background-color: hsl(var(--primary-foreground)) !important;
}
.\!bg-primary\/20 {
    background-color: hsl(var(--primary) / 0.2) !important;
}
.\!bg-transparent {
    background-color: transparent !important;
}
.bg-\[\#FAF6DE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 246 222 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FBEB66\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 235 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFE4CC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 228 204 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f9a319\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 163 25 / var(--tw-bg-opacity, 1));
}
.bg-accent {
    background-color: hsl(var(--accent));
}
.bg-accent\/40 {
    background-color: hsl(var(--accent) / 0.4);
}
.bg-accent10 {
    background-color: hsl(var(--accent10));
}
.bg-accent10\/40 {
    background-color: hsl(var(--accent10) / 0.4);
}
.bg-accent11 {
    background-color: hsl(var(--accent11));
}
.bg-accent14 {
    background-color: hsl(var(--accent14));
}
.bg-accent2 {
    background-color: hsl(var(--accent2));
}
.bg-accent3 {
    background-color: hsl(var(--accent3));
}
.bg-accent4 {
    background-color: hsl(var(--accent4));
}
.bg-accent5 {
    background-color: hsl(var(--accent5));
}
.bg-accent6 {
    background-color: hsl(var(--accent6));
}
.bg-accent7 {
    background-color: hsl(var(--accent7));
}
.bg-accent7\/30 {
    background-color: hsl(var(--accent7) / 0.3);
}
.bg-accent8 {
    background-color: hsl(var(--accent8));
}
.bg-accent9 {
    background-color: hsl(var(--accent9));
}
.bg-accent9\/90 {
    background-color: hsl(var(--accent9) / 0.9);
}
.bg-background {
    background-color: hsl(var(--background));
}
.bg-border {
    background-color: hsl(var(--border));
}
.bg-cancelled {
    background-color: hsl(var(--cancelled));
}
.bg-card {
    background-color: hsl(var(--card));
}
.bg-card-ma {
    background-color: hsl(var(--card-ma));
}
.bg-coconut {
    background-color: hsl(var(--coconut));
}
.bg-completed {
    background-color: hsl(var(--completed));
}
.bg-destructive {
    background-color: hsl(var(--destructive));
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.bg-gray-200\/50 {
    background-color: rgb(217 217 217 / 0.5);
}
.bg-gray-200\/70 {
    background-color: rgb(217 217 217 / 0.7);
}
.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 51 59 / var(--tw-bg-opacity, 1));
}
.bg-hover\/30 {
    background-color: hsl(var(--hover) / 0.3);
}
.bg-mango {
    background-color: hsl(var(--mango));
}
.bg-mango-darken {
    --tw-bg-opacity: 1;
    background-color: hsl(18 61% 76.6% / var(--tw-bg-opacity, 1));
}
.bg-muted {
    background-color: hsl(var(--muted));
}
.bg-original {
    background-color: hsl(var(--original));
}
.bg-passion-fruit {
    background-color: hsl(var(--passion-fruit));
}
.bg-passion-fruit-darken {
    --tw-bg-opacity: 1;
    background-color: hsl(317 53% 75.7% / var(--tw-bg-opacity, 1));
}
.bg-peach {
    background-color: hsl(var(--peach));
}
.bg-peach-darken {
    --tw-bg-opacity: 1;
    background-color: hsl(43 53% 75.7% / var(--tw-bg-opacity, 1));
}
.bg-pending {
    background-color: hsl(var(--pending));
}
.bg-pineapple {
    background-color: hsl(var(--pineapple));
}
.bg-pineapple-darken {
    --tw-bg-opacity: 1;
    background-color: hsl(58 53% 75.7% / var(--tw-bg-opacity, 1));
}
.bg-pomegranate {
    background-color: hsl(var(--pomegranate));
}
.bg-primary {
    background-color: hsl(var(--primary));
}
.bg-primary-foreground {
    background-color: hsl(var(--primary-foreground));
}
.bg-primary-lighten10 {
    --tw-bg-opacity: 1;
    background-color: hsl(137 18% 14.3% / var(--tw-bg-opacity, 1));
}
.bg-primary\/10 {
    background-color: hsl(var(--primary) / 0.1);
}
.bg-primary\/20 {
    background-color: hsl(var(--primary) / 0.2);
}
.bg-primary\/80 {
    background-color: hsl(var(--primary) / 0.8);
}
.bg-secondary {
    background-color: hsl(var(--secondary));
}
.bg-strawberry {
    background-color: hsl(var(--strawberry));
}
.bg-transparent {
    background-color: transparent;
}
.bg-watermelon {
    background-color: hsl(var(--watermelon));
}
.bg-watermelon-darken {
    --tw-bg-opacity: 1;
    background-color: hsl(0 100% 79.2% / var(--tw-bg-opacity, 1));
}
.fill-accent {
    fill: hsl(var(--accent));
}
.fill-accent10 {
    fill: hsl(var(--accent10));
}
.fill-accent11 {
    fill: hsl(var(--accent11));
}
.fill-accent2 {
    fill: hsl(var(--accent2));
}
.fill-accent3 {
    fill: hsl(var(--accent3));
}
.fill-accent4 {
    fill: hsl(var(--accent4));
}
.fill-accent5 {
    fill: hsl(var(--accent5));
}
.fill-accent6 {
    fill: hsl(var(--accent6));
}
.fill-accent8 {
    fill: hsl(var(--accent8));
}
.fill-accent9 {
    fill: hsl(var(--accent9));
}
.fill-background {
    fill: hsl(var(--background));
}
.fill-card {
    fill: hsl(var(--card));
}
.fill-fuchsia-300 {
    fill: #F2ADDF;
}
.fill-none {
    fill: none;
}
.fill-primary {
    fill: hsl(var(--primary));
}
.fill-primary-foreground {
    fill: hsl(var(--primary-foreground));
}
.fill-secondary {
    fill: hsl(var(--secondary));
}
.fill-sky-400 {
    fill: #4AA9DC;
}
.fill-white {
    fill: #fff;
}
.stroke-\[\#28816F\] {
    stroke: #28816F;
}
.stroke-\[\#FBEB66\] {
    stroke: #FBEB66;
}
.stroke-accent {
    stroke: hsl(var(--accent));
}
.stroke-accent2 {
    stroke: hsl(var(--accent2));
}
.stroke-accent3 {
    stroke: hsl(var(--accent3));
}
.stroke-accent4 {
    stroke: hsl(var(--accent4));
}
.stroke-accent5 {
    stroke: hsl(var(--accent5));
}
.stroke-accent7 {
    stroke: hsl(var(--accent7));
}
.stroke-background {
    stroke: hsl(var(--background));
}
.stroke-card {
    stroke: hsl(var(--card));
}
.stroke-mango-darken {
    stroke: hsl(18, 61%, 76.6%);
}
.stroke-passion-fruit-darken {
    stroke: hsl(317, 53%, 75.7%);
}
.stroke-peach-darken {
    stroke: hsl(43, 53%, 75.7%);
}
.stroke-pineapple-darken {
    stroke: hsl(58, 53%, 75.7%);
}
.stroke-primary {
    stroke: hsl(var(--primary));
}
.stroke-primary-foreground {
    stroke: hsl(var(--primary-foreground));
}
.stroke-watermelon-darken {
    stroke: hsl(0, 100%, 79.2%);
}
.object-contain {
    -o-object-fit: contain;
       object-fit: contain;
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
.object-center {
    -o-object-position: center;
       object-position: center;
}
.object-top {
    -o-object-position: top;
       object-position: top;
}
.p-0 {
    padding: 0px;
}
.p-1 {
    padding: 0.25rem;
}
.p-1\.5 {
    padding: 0.375rem;
}
.p-10 {
    padding: 2.5rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-7 {
    padding: 1.75rem;
}
.p-px {
    padding: 1px;
}
.\!px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
}
.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.py-18 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}
.py-\[22px\] {
    padding-top: 22px;
    padding-bottom: 22px;
}
.pb-0 {
    padding-bottom: 0px;
}
.pb-10 {
    padding-bottom: 2.5rem;
}
.pb-11 {
    padding-bottom: 2.75rem;
}
.pb-12 {
    padding-bottom: 3rem;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-15 {
    padding-bottom: 3.75rem;
}
.pb-18 {
    padding-bottom: 4.5rem;
}
.pb-20 {
    padding-bottom: 5rem;
}
.pb-24 {
    padding-bottom: 6rem;
}
.pb-28 {
    padding-bottom: 7rem;
}
.pb-30 {
    padding-bottom: 7.5rem;
}
.pb-32 {
    padding-bottom: 8rem;
}
.pb-36 {
    padding-bottom: 9rem;
}
.pb-48 {
    padding-bottom: 12rem;
}
.pb-5 {
    padding-bottom: 1.25rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-9 {
    padding-bottom: 2.25rem;
}
.pl-2\.5 {
    padding-left: 0.625rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pl-7 {
    padding-left: 1.75rem;
}
.pl-8 {
    padding-left: 2rem;
}
.pr-1\.5 {
    padding-right: 0.375rem;
}
.pr-2 {
    padding-right: 0.5rem;
}
.pr-2\.5 {
    padding-right: 0.625rem;
}
.pr-5 {
    padding-right: 1.25rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pt-0 {
    padding-top: 0px;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-10 {
    padding-top: 2.5rem;
}
.pt-12 {
    padding-top: 3rem;
}
.pt-13 {
    padding-top: 3.25rem;
}
.pt-15 {
    padding-top: 3.75rem;
}
.pt-18 {
    padding-top: 4.5rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-2\.5 {
    padding-top: 0.625rem;
}
.pt-20 {
    padding-top: 5rem;
}
.pt-24 {
    padding-top: 6rem;
}
.pt-27 {
    padding-top: 6.75rem;
}
.pt-28 {
    padding-top: 7rem;
}
.pt-30 {
    padding-top: 7.5rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-42 {
    padding-top: 10.5rem;
}
.pt-5 {
    padding-top: 1.25rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pt-7 {
    padding-top: 1.75rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-\[100px\] {
    padding-top: 100px;
}
.pt-\[12vh\] {
    padding-top: 12vh;
}
.pt-\[13vh\] {
    padding-top: 13vh;
}
.pt-\[84px\] {
    padding-top: 84px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.\!font-sans {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.font-heading {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-\[32px\] {
    font-size: 32px;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-size-10 {
    font-size: 2.5rem;
}
.text-size-10\.5 {
    font-size: 2.625rem;
}
.text-size-8 {
    font-size: 2rem;
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
.normal-case {
    text-transform: none;
}
.italic {
    font-style: italic;
}
.leading-default {
    line-height: 1.2;
}
.leading-loose {
    line-height: 2;
}
.leading-none {
    line-height: 1;
}
.leading-normal {
    line-height: 1.5;
}
.leading-snug {
    line-height: 1.375;
}
.leading-tight {
    line-height: 1.25;
}
.tracking-\[0\.02em\] {
    letter-spacing: 0.02em;
}
.tracking-tight {
    letter-spacing: -0.025em;
}
.\!text-\[\#166695\] {
    --tw-text-opacity: 1 !important;
    color: rgb(22 102 149 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#1d3174\] {
    --tw-text-opacity: 1 !important;
    color: rgb(29 49 116 / var(--tw-text-opacity, 1)) !important;
}
.\!text-\[\#1f3936\] {
    --tw-text-opacity: 1 !important;
    color: rgb(31 57 54 / var(--tw-text-opacity, 1)) !important;
}
.\!text-primary {
    color: hsl(var(--primary)) !important;
}
.\!text-primary-foreground {
    color: hsl(var(--primary-foreground)) !important;
}
.text-\[\#2077aa\] {
    --tw-text-opacity: 1;
    color: rgb(32 119 170 / var(--tw-text-opacity, 1));
}
.text-\[\#243D91\] {
    --tw-text-opacity: 1;
    color: rgb(36 61 145 / var(--tw-text-opacity, 1));
}
.text-\[\#2A4D49\] {
    --tw-text-opacity: 1;
    color: rgb(42 77 73 / var(--tw-text-opacity, 1));
}
.text-accent {
    color: hsl(var(--accent));
}
.text-background {
    color: hsl(var(--background));
}
.text-cancelled {
    color: hsl(var(--cancelled));
}
.text-card-foreground {
    color: hsl(var(--card-foreground));
}
.text-completed {
    color: hsl(var(--completed));
}
.text-current {
    color: currentColor;
}
.text-destructive {
    color: hsl(var(--destructive));
}
.text-destructive-foreground {
    color: hsl(var(--destructive-foreground));
}
.text-foreground {
    color: hsl(var(--foreground));
}
.text-muted-foreground {
    color: hsl(var(--muted-foreground));
}
.text-pending {
    color: hsl(var(--pending));
}
.text-primary {
    color: hsl(var(--primary));
}
.text-primary-foreground {
    color: hsl(var(--primary-foreground));
}
.text-primary\/70 {
    color: hsl(var(--primary) / 0.7);
}
.text-secondary {
    color: hsl(var(--secondary));
}
.text-secondary-foreground {
    color: hsl(var(--secondary-foreground));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\!underline {
    text-decoration-line: underline !important;
}
.underline {
    text-decoration-line: underline;
}
.no-underline {
    text-decoration-line: none;
}
.underline-offset-4 {
    text-underline-offset: 4px;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
    opacity: 0;
}
.opacity-10 {
    opacity: 0.1;
}
.opacity-100 {
    opacity: 1;
}
.opacity-50 {
    opacity: 0.5;
}
.mix-blend-color-burn {
    mix-blend-mode: color-burn;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline {
    outline-style: solid;
}
.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
    --tw-ring-inset: inset;
}
.ring-background {
    --tw-ring-color: hsl(var(--background));
}
.ring-primary\/5 {
    --tw-ring-color: hsl(var(--primary) / 0.05);
}
.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\!transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.\!transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.\!duration-300 {
    transition-duration: 300ms !important;
}
.duration-150 {
    transition-duration: 150ms;
}
.duration-200 {
    transition-duration: 200ms;
}
.duration-300 {
    transition-duration: 300ms;
}
.duration-700 {
    transition-duration: 700ms;
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {
    from {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    }
}
@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    }
}
.animate-in {
    animation-name: enter;
    animation-duration: 150ms;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
}
.animate-out {
    animation-name: exit;
    animation-duration: 150ms;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
}
.fade-in-0 {
    --tw-enter-opacity: 0;
}
.fade-out-0 {
    --tw-exit-opacity: 0;
}
.zoom-in-95 {
    --tw-enter-scale: .95;
}
.zoom-out-95 {
    --tw-exit-scale: .95;
}
.slide-in-from-top-2 {
    --tw-enter-translate-y: -0.5rem;
}
.\!duration-300 {
    animation-duration: 300ms !important;
}
.duration-150 {
    animation-duration: 150ms;
}
.duration-200 {
    animation-duration: 200ms;
}
.duration-300 {
    animation-duration: 300ms;
}
.duration-700 {
    animation-duration: 700ms;
}
.ease-out {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.mask-size-\[92\%\] {
    -webkit-mask-size: 92%;
            mask-size: 92%;
}
.mask-size-\[92\.5\%\] {
    -webkit-mask-size: 92.5%;
            mask-size: 92.5%;
}
.mask-size-\[94\%\] {
    -webkit-mask-size: 94%;
            mask-size: 94%;
}
.mask-size-\[95\%\] {
    -webkit-mask-size: 95%;
            mask-size: 95%;
}
.translate-z-\[30px\] {
    --tw-translate-z: 30px;
    transform:  translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[transition-duration\:466ms\] {
    transition-duration: 466ms;
}
.group:hover .group-hover\:dark {
    --background: 137 18% 13%;
    --foreground: 0 0% 100%;
    --muted: 0 0% 42%;
    --muted-foreground: 180 3% 94%;
    --card: 137 18% 13%;
    --card-foreground: 0 0% 100%;
    --border: 0 0% 100%;
    --primary: 0 0% 100%;
    --primary-foreground: 137 18% 13%;
    --secondary: 210 38% 9%;
    --secondary-foreground: 0 0% 100%;
    --destructive: 8 100% 61%;
    --destructive-foreground: 0 0% 100%;
    --hover: 168 53% 33%;
    --ring: 0 0% 100%;
}
@media (min-width: 768px) {
    .md\:text-title2 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .md\:text-title2 {
            font-size: 70px;
        }
    }
    @media (min-width: 1940px) {
        .md\:text-title2 {
            font-size: 6rem;
            line-height: 1.2;
        }
    }
    .md\:text-title3 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .md\:text-title3 {
            font-size: 50px;
        }
    }
    @media (min-width: 1200px) {
        .md\:text-title3 {
            font-size: 60px;
        }
    }
    @media (min-width: 1940px) {
        .md\:text-title3 {
            font-size: 4.5rem;
            line-height: 1.2;
        }
    }
    .md\:text-title7 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .md\:text-title7 {
            font-size: 30px;
            line-height: 1.2;
        }
    }
    @media (min-width: 1940px) {
        .md\:text-title7 {
            font-size: 2.25rem;
            line-height: 2.5rem;
            line-height: 1.2;
        }
    }
    .md\:text-title8 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .md\:text-title8 {
            font-size: 1.75rem;
        }
    }
    @media (min-width: 1940px) {
        .md\:text-title8 {
            font-size: 1.875rem;
            line-height: 2.25rem;
            line-height: 1.2;
        }
    }
    .md\:text-body1 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        line-height: 1.5;
        letter-spacing: 0.2px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 1940px) {
        .md\:text-body1 {
            font-size: 1.5rem;
            line-height: 2rem;
            line-height: 1.5;
        }
    }
    .md\:text-body3 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
        line-height: 1.5;
        color: hsl(var(--foreground));
    }
    @media (min-width: 1940px) {
        .md\:text-body3 {
            font-size: 1.5rem;
            line-height: 2rem;
            line-height: 1.5;
        }
    }
    .md\:text-small {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 400;
        line-height: 1;
        color: hsl(var(--foreground));
    }
    @media (min-width: 1200px) {
        .md\:text-small {
            font-size: 0.875rem;
            line-height: 1.25rem;
            line-height: 1;
        }
    }
    @media (min-width: 1940px) {
        .md\:text-small {
            font-size: 1.125rem;
            line-height: 1.75rem;
            line-height: 1;
        }
    }
}
@media (min-width: 1200px) {
    .xl\:text-title2 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .xl\:text-title2 {
            font-size: 70px;
        }
    }
    @media (min-width: 1940px) {
        .xl\:text-title2 {
            font-size: 6rem;
            line-height: 1.2;
        }
    }
    .xl\:text-title4 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .xl\:text-title4 {
            font-size: 2.5rem;
        }
    }
    @media (min-width: 1200px) {
        .xl\:text-title4 {
            font-size: 2.75rem;
        }
    }
    @media (min-width: 1940px) {
        .xl\:text-title4 {
            font-size: 3rem;
            line-height: 1.2;
        }
    }
    .xl\:text-title7 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .xl\:text-title7 {
            font-size: 30px;
            line-height: 1.2;
        }
    }
    @media (min-width: 1940px) {
        .xl\:text-title7 {
            font-size: 2.25rem;
            line-height: 2.5rem;
            line-height: 1.2;
        }
    }
    .xl\:text-subtitle2 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        line-height: 1;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .xl\:text-subtitle2 {
            font-size: 1.5rem;
            line-height: 2rem;
            line-height: 1;
        }
    }
    @media (min-width: 1940px) {
        .xl\:text-subtitle2 {
            font-size: 3rem;
            line-height: 1;
        }
    }
    .group:first-child .xl\:group-first\:text-subtitle1 {
        font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
        line-height: 1.2;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        .group:first-child .xl\:group-first\:text-subtitle1 {
            font-size: 1.75rem;
        }
    }
    @media (min-width: 1200px) {
        .group:first-child .xl\:group-first\:text-subtitle1 {
            font-size: 2rem;
        }
    }
    @media (min-width: 1940px) {
        .group:first-child .xl\:group-first\:text-subtitle1 {
            font-size: 3rem;
            line-height: 1.2;
        }
    }
}
.\[\&\>\.container\>\.section-title\]\:text-title3>.container>.section-title {
    font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: hsl(var(--foreground));
}
@media (min-width: 768px) {
    .\[\&\>\.container\>\.section-title\]\:text-title3>.container>.section-title {
        font-size: 50px;
    }
}
@media (min-width: 1200px) {
    .\[\&\>\.container\>\.section-title\]\:text-title3>.container>.section-title {
        font-size: 60px;
    }
}
@media (min-width: 1940px) {
    .\[\&\>\.container\>\.section-title\]\:text-title3>.container>.section-title {
        font-size: 4.5rem;
        line-height: 1.2;
    }
}
@media (min-width: 768px) {
    html[data-brand="sappe-aloe"] .md\:text-small, html[data-brand="mogu-mogu"] .md\:text-small {
        font-family: var(--font-sans);
        font-weight: 500;
        font-size: 0.75rem;
        line-height: 1;
        color: hsl(var(--foreground));
    }
    @media (min-width: 1200px) {
        html[data-brand="sappe-aloe"] .md\:text-small, html[data-brand="mogu-mogu"] .md\:text-small {
            font-size: 0.875rem;
            line-height: 1;
        }
    }
    @media (min-width: 1940px) {
        html[data-brand="sappe-aloe"] .md\:text-small, html[data-brand="mogu-mogu"] .md\:text-small {
            font-size: 1.125rem;
            line-height: 1;
        }
    }
    html[data-brand="sappe-aloe"] .md\:text-body3, html[data-brand="mogu-mogu"] .md\:text-body3 {
        font-family: var(--font-sans);
        font-weight: 900;
        font-size: 1rem;
        line-height: 1.5;
        color: hsl(var(--foreground));
    }
    @media (min-width: 1200px) {
        html[data-brand="sappe-aloe"] .md\:text-body3, html[data-brand="mogu-mogu"] .md\:text-body3 {
            font-size: 1.125rem;
            line-height: 1.5;
        }
    }
    @media (min-width: 1940px) {
        html[data-brand="sappe-aloe"] .md\:text-body3, html[data-brand="mogu-mogu"] .md\:text-body3 {
            font-size: 1.5rem;
            line-height: 1.5;
        }
    }
}
@media (min-width: 960px) {
    .lg\:prose {
        color: var(--tw-prose-body);
        max-width: 65ch;
    }
    .lg\:prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }
    .lg\:prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }
    .lg\:prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-links);
        text-decoration: underline;
        font-weight: 500;
    }
    .lg\:prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600;
    }
    .lg\:prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
    }
    .lg\:prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }
    .lg\:prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }
    .lg\:prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-alpha;
    }
    .lg\:prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-alpha;
    }
    .lg\:prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }
    .lg\:prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }
    .lg\:prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: upper-roman;
    }
    .lg\:prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: lower-roman;
    }
    .lg\:prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: decimal;
    }
    .lg\:prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        list-style-type: disc;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding-inline-start: 1.625em;
    }
    .lg\:prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        font-weight: 400;
        color: var(--tw-prose-counters);
    }
    .lg\:prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
        color: var(--tw-prose-bullets);
    }
    .lg\:prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.25em;
    }
    .lg\:prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .lg\:prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 500;
        font-style: italic;
        color: var(--tw-prose-quotes);
        border-inline-start-width: 0.25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
    }
    .lg\:prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: open-quote;
    }
    .lg\:prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: close-quote;
    }
    .lg\:prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 800;
        font-size: 3.75em;
        margin-top: 0;
        margin-bottom: 0.625em;
        line-height: 1;
    }
    .lg\:prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 900;
        color: inherit;
    }
    .lg\:prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333;
    }
    .lg\:prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 800;
        color: inherit;
    }
    .lg\:prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: 0.6em;
        line-height: 1.6;
    }
    .lg\:prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 700;
        color: inherit;
    }
    .lg\:prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
        line-height: 1.5;
    }
    .lg\:prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 700;
        color: inherit;
    }
    .lg\:prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .lg\:prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        display: block;
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .lg\:prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .lg\:prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-weight: 500;
        font-family: inherit;
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
        font-size: 0.875em;
        border-radius: 0.3125rem;
        padding-top: 0.1875em;
        padding-inline-end: 0.375em;
        padding-bottom: 0.1875em;
        padding-inline-start: 0.375em;
    }
    .lg\:prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-code);
        font-weight: 600;
        font-size: 0.875em;
    }
    .lg\:prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: "`";
    }
    .lg\:prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: "`";
    }
    .lg\:prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.875em;
    }
    .lg\:prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
        font-size: 0.9em;
    }
    .lg\:prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: inherit;
    }
    .lg\:prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-pre-code);
        background-color: var(--tw-prose-pre-bg);
        overflow-x: auto;
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: 0.375rem;
        padding-top: 0.8571429em;
        padding-inline-end: 1.1428571em;
        padding-bottom: 0.8571429em;
        padding-inline-start: 1.1428571em;
    }
    .lg\:prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
    }
    .lg\:prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
        content: none;
    }
    .lg\:prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
        content: none;
    }
    .lg\:prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        width: 100%;
        table-layout: auto;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: 0.875em;
        line-height: 1.7142857;
    }
    .lg\:prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-th-borders);
    }
    .lg\:prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        vertical-align: bottom;
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }
    .lg\:prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 1px;
        border-bottom-color: var(--tw-prose-td-borders);
    }
    .lg\:prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-bottom-width: 0;
    }
    .lg\:prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: baseline;
    }
    .lg\:prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        border-top-width: 1px;
        border-top-color: var(--tw-prose-th-borders);
    }
    .lg\:prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        vertical-align: top;
    }
    .lg\:prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        text-align: start;
    }
    .lg\:prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }
    .lg\:prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        color: var(--tw-prose-captions);
        font-size: 0.875em;
        line-height: 1.4285714;
        margin-top: 0.8571429em;
    }
    .lg\:prose {
        --tw-prose-body: #374151;
        --tw-prose-headings: #111827;
        --tw-prose-lead: #4b5563;
        --tw-prose-links: #111827;
        --tw-prose-bold: #111827;
        --tw-prose-counters: #6b7280;
        --tw-prose-bullets: #d1d5db;
        --tw-prose-hr: #e5e7eb;
        --tw-prose-quotes: #111827;
        --tw-prose-quote-borders: #e5e7eb;
        --tw-prose-captions: #6b7280;
        --tw-prose-kbd: #111827;
        --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
        --tw-prose-code: #111827;
        --tw-prose-pre-code: #e5e7eb;
        --tw-prose-pre-bg: #1f2937;
        --tw-prose-th-borders: #d1d5db;
        --tw-prose-td-borders: #e5e7eb;
        --tw-prose-invert-body: #d1d5db;
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: #9ca3af;
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: #9ca3af;
        --tw-prose-invert-bullets: #4b5563;
        --tw-prose-invert-hr: #374151;
        --tw-prose-invert-quotes: #f3f4f6;
        --tw-prose-invert-quote-borders: #374151;
        --tw-prose-invert-captions: #9ca3af;
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: #d1d5db;
        --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
        --tw-prose-invert-th-borders: #4b5563;
        --tw-prose-invert-td-borders: #374151;
        font-size: 1rem;
        line-height: 1.75;
    }
    .lg\:prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
        margin-bottom: 0;
    }
    .lg\:prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .lg\:prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
    }
    .lg\:prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0.375em;
    }
    .lg\:prose :where(.lg\:prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }
    .lg\:prose :where(.lg\:prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }
    .lg\:prose :where(.lg\:prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }
    .lg\:prose :where(.lg\:prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
    }
    .lg\:prose :where(.lg\:prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 1.25em;
    }
    .lg\:prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }
    .lg\:prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }
    .lg\:prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.5em;
        padding-inline-start: 1.625em;
    }
    .lg\:prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }
    .lg\:prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }
    .lg\:prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }
    .lg\:prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }
    .lg\:prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }
    .lg\:prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }
    .lg\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-top: 0.5714286em;
        padding-inline-end: 0.5714286em;
        padding-bottom: 0.5714286em;
        padding-inline-start: 0.5714286em;
    }
    .lg\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-start: 0;
    }
    .lg\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        padding-inline-end: 0;
    }
    .lg\:prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .lg\:prose :where(.lg\:prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0;
    }
    .lg\:prose :where(.lg\:prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-bottom: 0;
    }
    .lg\:prose :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2em;
        line-height: 1;
        margin-top: 2.25em;
        margin-bottom: 0.5em;
    }
    .lg\:prose :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 1.25em;
        margin-top: 1.875em;
        margin-bottom: 0.5em;
    }
    .lg\:prose-primary {
        --tw-prose-body: hsl(var(--primary));
        --tw-prose-headings: hsl(var(--primary));
        --tw-prose-lead: hsl(var(--primary));
        --tw-prose-links: hsl(var(--primary));
        --tw-prose-bold: hsl(var(--primary));
        --tw-prose-counters: hsl(var(--muted));
        --tw-prose-bullets: hsl(var(--primary));
        --tw-prose-hr: hsl(var(--border));
        --tw-prose-quotes: hsl(var(--primary));
        --tw-prose-quote-borders: hsl(var(--primary));
        --tw-prose-captions: hsl(var(--primary));
        --tw-prose-kbd: hsl(var(--primary));
        --tw-prose-kbd-shadows: hsl(var(--ring));
        --tw-prose-code: hsl(var(--primary));
        --tw-prose-pre-code: hsl(var(--card-foreground));
        --tw-prose-pre-bg: hsl(var(--card));
        --tw-prose-th-borders: hsl(var(--border));
        --tw-prose-td-borders: hsl(var(--border));
        --tw-prose-invert-body: hsl(var(--primary-foreground));
        --tw-prose-invert-headings: hsl(var(--primary-foreground));
        --tw-prose-invert-lead: hsl(var(--primary-foreground));
        --tw-prose-invert-links: hsl(var(--primary-foreground));
        --tw-prose-invert-bold: hsl(var(--primary-foreground));
        --tw-prose-invert-counters: hsl(var(--muted-foreground));
        --tw-prose-invert-bullets: hsl(var(--primary-foreground));
        --tw-prose-invert-hr: hsl(var(--border));
        --tw-prose-invert-quotes: hsl(var(--primary-foreground));
        --tw-prose-invert-quote-borders: hsl(var(--primary-foreground));
        --tw-prose-invert-captions: hsl(var(--primary-foreground));
        --tw-prose-invert-kbd: hsl(var(--primary-foreground));
        --tw-prose-invert-kbd-shadows: hsl(var(--ring));
        --tw-prose-invert-code: hsl(var(--primary-foreground));
        --tw-prose-invert-pre-code: hsl(var(--card-foreground));
        --tw-prose-invert-pre-bg: hsl(var(--card));
        --tw-prose-invert-th-borders: hsl(var(--border));
        --tw-prose-invert-td-borders: hsl(var(--border));
    }
}
@media (min-width: 1200px) {
    html[data-brand="sappe-aloe"] .xl\:text-subtitle2, html[data-brand="mogu-mogu"] .xl\:text-subtitle2 {
        font-family: var(--font-sans);
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1;
        color: hsl(var(--foreground));
    }
    @media (min-width: 768px) {
        html[data-brand="sappe-aloe"] .xl\:text-subtitle2, html[data-brand="mogu-mogu"] .xl\:text-subtitle2 {
            font-size: 1.5rem;
            line-height: 1;
        }
    }
    @media (min-width: 1940px) {
        html[data-brand="sappe-aloe"] .xl\:text-subtitle2, html[data-brand="mogu-mogu"] .xl\:text-subtitle2 {
            font-size: 3rem;
            line-height: 1;
        }
    }
}
@media (min-width: 1940px) {
    .\33xl\:prose-3xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 4.5em;
        margin-top: 0;
        margin-bottom: 0.75em;
        line-height: 1;
    }
    .\33xl\:prose-3xl :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2.5em;
        margin-top: 1.5em;
        margin-bottom: 0.75em;
    }
    .\33xl\:prose-3xl :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: 0.75em;
    }
    .\33xl\:prose-3xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }
}
.first-line\:text-hover::first-line {
    color: hsl(var(--hover));
}
.placeholder\:text-\[\#86916C\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(134 145 108 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#86916C\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(134 145 108 / var(--tw-text-opacity, 1));
}
.before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
}
.before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
}
.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}
.after\:-left-2::after {
    content: var(--tw-content);
    left: -0.5rem;
}
.after\:-right-2::after {
    content: var(--tw-content);
    right: -0.5rem;
}
.after\:h-4::after {
    content: var(--tw-content);
    height: 1rem;
}
.after\:w-px::after {
    content: var(--tw-content);
    width: 1px;
}
.after\:rounded-\[1px\]::after {
    content: var(--tw-content);
    border-radius: 1px;
}
.after\:bg-foreground\/20::after {
    content: var(--tw-content);
    background-color: hsl(var(--foreground) / 0.2);
}
.hover\:\!border-hover:hover {
    border-color: hsl(var(--hover)) !important;
}
.hover\:border-border:hover {
    border-color: hsl(var(--border));
}
.hover\:border-destructive:hover {
    border-color: hsl(var(--destructive));
}
.hover\:border-hover:hover {
    border-color: hsl(var(--hover));
}
.hover\:border-transparent:hover {
    border-color: transparent;
}
.hover\:\!bg-background:hover {
    background-color: hsl(var(--background)) !important;
}
.hover\:\!bg-hover:hover {
    background-color: hsl(var(--hover)) !important;
}
.hover\:\!bg-muted:hover {
    background-color: hsl(var(--muted)) !important;
}
.hover\:bg-destructive\/90:hover {
    background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-hover:hover {
    background-color: hsl(var(--hover));
}
.hover\:bg-muted:hover {
    background-color: hsl(var(--muted));
}
.hover\:bg-primary:hover {
    background-color: hsl(var(--primary));
}
.hover\:bg-primary\/10:hover {
    background-color: hsl(var(--primary) / 0.1);
}
.hover\:bg-primary\/20:hover {
    background-color: hsl(var(--primary) / 0.2);
}
.hover\:bg-primary\/30:hover {
    background-color: hsl(var(--primary) / 0.3);
}
.hover\:bg-primary\/50:hover {
    background-color: hsl(var(--primary) / 0.5);
}
.hover\:bg-secondary-foreground:hover {
    background-color: hsl(var(--secondary-foreground));
}
.hover\:bg-secondary\/50:hover {
    background-color: hsl(var(--secondary) / 0.5);
}
.hover\:bg-transparent:hover {
    background-color: transparent;
}
.hover\:text-background:hover {
    color: hsl(var(--background));
}
.hover\:text-destructive:hover {
    color: hsl(var(--destructive));
}
.hover\:text-hover:hover {
    color: hsl(var(--hover));
}
.hover\:text-primary:hover {
    color: hsl(var(--primary));
}
.hover\:text-primary-foreground:hover {
    color: hsl(var(--primary-foreground));
}
.hover\:text-secondary:hover {
    color: hsl(var(--secondary));
}
.hover\:no-underline:hover {
    text-decoration-line: none;
}
.focus\:bg-primary:focus {
    background-color: hsl(var(--primary));
}
.focus\:text-hover:focus {
    color: hsl(var(--hover));
}
.focus\:text-primary-foreground:focus {
    color: hsl(var(--primary-foreground));
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus\:ring-hover:focus {
    --tw-ring-color: hsl(var(--hover));
}
.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
}
.active\:border-primary\/70:active {
    border-color: hsl(var(--primary) / 0.7);
}
.active\:bg-hover:active {
    background-color: hsl(var(--hover));
}
.active\:bg-primary:active {
    background-color: hsl(var(--primary));
}
.active\:bg-primary\/10:active {
    background-color: hsl(var(--primary) / 0.1);
}
.active\:bg-secondary\/50:active {
    background-color: hsl(var(--secondary) / 0.5);
}
.active\:bg-transparent:active {
    background-color: transparent;
}
.active\:text-background:active {
    color: hsl(var(--background));
}
.active\:text-hover:active {
    color: hsl(var(--hover));
}
.active\:text-primary:active {
    color: hsl(var(--primary));
}
.active\:text-primary\/70:active {
    color: hsl(var(--primary) / 0.7);
}
.disabled\:pointer-events-none:disabled {
    pointer-events: none;
}
.disabled\:hidden:disabled {
    display: none;
}
.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}
.disabled\:opacity-50:disabled {
    opacity: 0.5;
}
.group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/header-button:hover .group-hover\/header-button\:fill-hover {
    fill: hsl(var(--hover));
}
.group:hover .group-hover\:fill-accent9 {
    fill: hsl(var(--accent9));
}
.group:hover .group-hover\:fill-hover {
    fill: hsl(var(--hover));
}
.group:hover .group-hover\:fill-hover\/30 {
    fill: hsl(var(--hover) / 0.3);
}
.group:hover .group-hover\:fill-primary-foreground {
    fill: hsl(var(--primary-foreground));
}
.group\/header-button:hover .group-hover\/header-button\:stroke-hover {
    stroke: hsl(var(--hover));
}
.group:hover .group-hover\:stroke-hover {
    stroke: hsl(var(--hover));
}
.group:hover .group-hover\:stroke-primary-foreground {
    stroke: hsl(var(--primary-foreground));
}
.group:hover .group-hover\:stroke-secondary {
    stroke: hsl(var(--secondary));
}
.group\/submenu-item:hover .group-hover\/submenu-item\:text-hover {
    color: hsl(var(--hover));
}
.group:hover .group-hover\:text-hover {
    color: hsl(var(--hover));
}
.group:hover .group-hover\:text-primary {
    color: hsl(var(--primary));
}
.group:hover .group-hover\:text-primary-foreground {
    color: hsl(var(--primary-foreground));
}
.group:hover .group-hover\:text-secondary {
    color: hsl(var(--secondary));
}
.group:focus .group-focus\:fill-primary-foreground {
    fill: hsl(var(--primary-foreground));
}
.group:active .group-active\:translate-x-1 {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:active .group-active\:scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:active .group-active\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:active .group-active\:fill-hover {
    fill: hsl(var(--hover));
}
.group:active .group-active\:fill-primary-foreground {
    fill: hsl(var(--primary-foreground));
}
.group:active .group-active\:text-hover {
    color: hsl(var(--hover));
}
.group:active .group-active\:text-primary-foreground {
    color: hsl(var(--primary-foreground));
}
.group:active .group-active\:text-secondary {
    color: hsl(var(--secondary));
}
.group[aria-expanded="false"] .group-aria-\[expanded\=false\]\:rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[aria-expanded="true"] .group-aria-\[expanded\=true\]\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
}
.data-\[state\=active\]\:pointer-events-auto[data-state="active"] {
    pointer-events: auto;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes accordion-up {
    from {
        height: var(--radix-accordion-content-height);
    }
    to {
        height: 0;
    }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation: accordion-up 0.2s ease-out;
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.data-\[state\=closed\]\:animate-fadeOut[data-state="closed"] {
    animation: fadeOut 300ms ease;
}
@keyframes accordion-down {
    from {
        height: 0;
    }
    to {
        height: var(--radix-accordion-content-height);
    }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation: accordion-down 0.2s ease-out;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.data-\[state\=open\]\:animate-fadeIn[data-state="open"] {
    animation: fadeIn 300ms ease;
}
.data-\[state\=open\]\:border-t[data-state="open"] {
    border-top-width: 1px;
}
.data-\[state\=open\]\:border-border[data-state="open"] {
    border-color: hsl(var(--border));
}
.data-\[is-active\=\'true\'\]\:bg-primary[data-is-active='true'] {
    background-color: hsl(var(--primary));
}
.data-\[state\=active\]\:bg-primary[data-state="active"] {
    background-color: hsl(var(--primary));
}
.data-\[state\=active\]\:bg-secondary[data-state="active"] {
    background-color: hsl(var(--secondary));
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: hsl(var(--primary));
}
.data-\[state\=closed\]\:p-0[data-state="closed"] {
    padding: 0px;
}
.data-\[state\=open\]\:py-6[data-state="open"] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.data-\[is-active\=\'true\'\]\:text-primary-foreground[data-is-active='true'] {
    color: hsl(var(--primary-foreground));
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: hsl(var(--muted-foreground));
}
.data-\[state\=active\]\:text-primary-foreground[data-state="active"] {
    color: hsl(var(--primary-foreground));
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: hsl(var(--primary-foreground));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 0.5;
}
.data-\[state\=active\]\:opacity-100[data-state="active"] {
    opacity: 1;
}
.data-\[state\=open\]\:ring-ring[data-state="open"] {
    --tw-ring-color: hsl(var(--ring));
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
    animation-name: enter;
    animation-duration: 150ms;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation-name: exit;
    animation-duration: 150ms;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
    --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
    --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
    --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
    --tw-enter-translate-y: -48%;
}
.data-\[state\=active\]\:hover\:bg-primary\/50:hover[data-state="active"] {
    background-color: hsl(var(--primary) / 0.5);
}
.group[data-state="closed"] .group-data-\[state\=closed\]\:h-0 {
    height: 0px;
}
.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes enterFromRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.group[data-motion="from-end"] .group-data-\[motion\=from-end\]\:animate-enterFromRight {
    animation: enterFromRight 300ms ease;
}
@keyframes enterFromLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.group[data-motion="from-start"] .group-data-\[motion\=from-start\]\:animate-enterFromLeft {
    animation: enterFromLeft 300ms ease;
}
@keyframes exitToRight {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100px);
    }
}
.group[data-motion="to-end"] .group-data-\[motion\=to-end\]\:animate-exitToRight {
    animation: exitToRight 300ms ease;
}
@keyframes exitToLeft {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-100px);
    }
}
.group[data-motion="to-start"] .group-data-\[motion\=to-start\]\:animate-exitToLeft {
    animation: exitToLeft 300ms ease;
}
@keyframes enterFromTop {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.group[data-state="active"] .group-data-\[state\=active\]\:animate-\[enterFromTop_300ms_ease_both_200ms\] {
    animation: enterFromTop 300ms ease both 200ms;
}
@keyframes enterFromTop {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.group[data-state="active"] .group-data-\[state\=active\]\:animate-\[enterFromTop_300ms_ease_both_266ms\] {
    animation: enterFromTop 300ms ease both 266ms;
}
@keyframes enterFromTop {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.group[data-state="active"] .group-data-\[state\=active\]\:animate-\[enterFromTop_300ms_ease_both_333ms\] {
    animation: enterFromTop 300ms ease both 333ms;
}
@keyframes enterFromTop {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.group[data-state="active"] .group-data-\[state\=active\]\:animate-\[enterFromTop_300ms_ease_both_400ms\] {
    animation: enterFromTop 300ms ease both 400ms;
}
@keyframes scaleIn {
    from {
        opacity: 0;
        transform: rotateX(-10deg) scale(0.9);
    }
    to {
        opacity: 1;
        transform: rotateX(0deg) scale(1);
    }
}
.group[data-state="active"] .group-data-\[state\=active\]\:animate-\[scaleIn_300ms_ease_both_533ms\] {
    animation: scaleIn 300ms ease both 533ms;
}
.group[data-state="open"] .group-data-\[state\=open\]\:border-t-accent {
    border-top-color: hsl(var(--accent));
}
.group[data-state="checked"] .group-data-\[state\=checked\]\:fill-primary-foreground {
    fill: hsl(var(--primary-foreground));
}
.group[data-state="open"] .group-data-\[state\=open\]\:underline {
    text-decoration-line: underline;
}
.group[data-state="closed"] .group-data-\[state\=closed\]\:opacity-0 {
    opacity: 0;
}
.group[data-state="open"] .group-data-\[state\=open\]\:opacity-100 {
    opacity: 1;
}
.dark\:bg-primary:is(.dark *) {
    background-color: hsl(var(--primary));
}
.dark\:bg-primary-foreground:is(.dark *) {
    background-color: hsl(var(--primary-foreground));
}
.dark\:fill-hover:is(.dark *) {
    fill: hsl(var(--hover));
}
.dark\:fill-primary:is(.dark *) {
    fill: hsl(var(--primary));
}
.dark\:fill-primary-foreground:is(.dark *) {
    fill: hsl(var(--primary-foreground));
}
.dark\:stroke-hover:is(.dark *) {
    stroke: hsl(var(--hover));
}
.dark\:stroke-primary:is(.dark *) {
    stroke: hsl(var(--primary));
}
.dark\:stroke-secondary:is(.dark *) {
    stroke: hsl(var(--secondary));
}
.dark\:text-primary:is(.dark *) {
    color: hsl(var(--primary));
}
.dark\:text-primary-foreground:is(.dark *) {
    color: hsl(var(--primary-foreground));
}
.dark\:text-secondary:is(.dark *) {
    color: hsl(var(--secondary));
}
.dark\:text-secondary-foreground:is(.dark *) {
    color: hsl(var(--secondary-foreground));
}
.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:after\:bg-background\/20:is(.dark *)::after {
    content: var(--tw-content);
    background-color: hsl(var(--background) / 0.2);
}
.dark\:hover\:bg-secondary:hover:is(.dark *) {
    background-color: hsl(var(--secondary));
}
.dark\:hover\:text-secondary-foreground:hover:is(.dark *) {
    color: hsl(var(--secondary-foreground));
}
.group:hover .dark\:group-hover\:fill-hover:is(.dark *) {
    fill: hsl(var(--hover));
}
.group:hover .dark\:group-hover\:stroke-hover:is(.dark *) {
    stroke: hsl(var(--hover));
}
.group:hover .dark\:group-hover\:stroke-primary:is(.dark *) {
    stroke: hsl(var(--primary));
}
.group:hover .dark\:group-hover\:stroke-primary-foreground:is(.dark *) {
    stroke: hsl(var(--primary-foreground));
}
.group:hover .dark\:group-hover\:text-primary:is(.dark *) {
    color: hsl(var(--primary));
}
.group:active .dark\:group-active\:text-primary:is(.dark *) {
    color: hsl(var(--primary));
}
@media (min-width: 480px) {
    .xs\:left-\[-7vw\] {
        left: -7vw;
    }
    .xs\:left-\[3vw\] {
        left: 3vw;
    }
    .xs\:top-28 {
        top: 7rem;
    }
    .xs\:top-\[740px\] {
        top: 740px;
    }
    .xs\:grid-cols-sub-menu-fill {
        grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    }
}
@media (min-width: 640px) {
    .sm\:-left-8 {
        left: -2rem;
    }
    .sm\:-top-8 {
        top: -2rem;
    }
    .sm\:bottom-auto {
        bottom: auto;
    }
    .sm\:left-\[-20\%\] {
        left: -20%;
    }
    .sm\:left-\[12\%\] {
        left: 12%;
    }
    .sm\:left-\[15\%\] {
        left: 15%;
    }
    .sm\:left-\[23\%\] {
        left: 23%;
    }
    .sm\:left-\[37\%\] {
        left: 37%;
    }
    .sm\:left-\[68\%\] {
        left: 68%;
    }
    .sm\:left-\[74\%\] {
        left: 74%;
    }
    .sm\:left-\[9\%\] {
        left: 9%;
    }
    .sm\:left-auto {
        left: auto;
    }
    .sm\:right-15 {
        right: 3.75rem;
    }
    .sm\:right-\[23\%\] {
        right: 23%;
    }
    .sm\:right-auto {
        right: auto;
    }
    .sm\:top-32 {
        top: 8rem;
    }
    .sm\:top-8 {
        top: 2rem;
    }
    .sm\:top-\[27\%\] {
        top: 27%;
    }
    .sm\:top-\[280px\] {
        top: 280px;
    }
    .sm\:top-\[37\%\] {
        top: 37%;
    }
    .sm\:top-\[390px\] {
        top: 390px;
    }
    .sm\:top-\[54\%\] {
        top: 54%;
    }
    .sm\:top-\[784px\] {
        top: 784px;
    }
    .sm\:block {
        display: block;
    }
    .sm\:flex {
        display: flex;
    }
    .sm\:hidden {
        display: none;
    }
    .sm\:h-\[400px\] {
        height: 400px;
    }
    .sm\:h-\[694px\] {
        height: 694px;
    }
    .sm\:w-20 {
        width: 5rem;
    }
    .sm\:w-4\/5 {
        width: 80%;
    }
    .sm\:w-42 {
        width: 10.5rem;
    }
    .sm\:w-\[102px\] {
        width: 102px;
    }
    .sm\:w-\[112px\] {
        width: 112px;
    }
    .sm\:w-\[123px\] {
        width: 123px;
    }
    .sm\:w-\[159px\] {
        width: 159px;
    }
    .sm\:w-\[173px\] {
        width: 173px;
    }
    .sm\:w-\[23vw\] {
        width: 23vw;
    }
    .sm\:w-\[310px\] {
        width: 310px;
    }
    .sm\:w-\[316px\] {
        width: 316px;
    }
    .sm\:w-\[319px\] {
        width: 319px;
    }
    .sm\:w-\[400px\] {
        width: 400px;
    }
    .sm\:w-\[465px\] {
        width: 465px;
    }
    .sm\:w-\[477px\] {
        width: 477px;
    }
    .sm\:w-\[480px\] {
        width: 480px;
    }
    .sm\:w-\[534px\] {
        width: 534px;
    }
    .sm\:w-\[61px\] {
        width: 61px;
    }
    .sm\:w-\[70\%\] {
        width: 70%;
    }
    .sm\:w-\[77px\] {
        width: 77px;
    }
    .sm\:w-\[85px\] {
        width: 85px;
    }
    .sm\:w-\[888px\] {
        width: 888px;
    }
    .sm\:w-\[90px\] {
        width: 90px;
    }
    .sm\:w-\[96px\] {
        width: 96px;
    }
    .sm\:w-\[9vw\] {
        width: 9vw;
    }
    .sm\:w-auto {
        width: auto;
    }
    .sm\:max-w-\[604px\] {
        max-width: 604px;
    }
    .sm\:max-w-none {
        max-width: none;
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:items-center {
        align-items: center;
    }
    .sm\:justify-end {
        justify-content: flex-end;
    }
    .sm\:gap-4 {
        gap: 1rem;
    }
    .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .sm\:pb-32 {
        padding-bottom: 8rem;
    }
    .sm\:pb-44 {
        padding-bottom: 11rem;
    }
    .sm\:pt-24 {
        padding-top: 6rem;
    }
    .sm\:pt-28 {
        padding-top: 7rem;
    }
    .sm\:text-left {
        text-align: left;
    }
}
@media (min-width: 768px) {
    .md\:absolute {
        position: absolute;
    }
    .md\:-bottom-10 {
        bottom: -2.5rem;
    }
    .md\:-bottom-11 {
        bottom: -2.75rem;
    }
    .md\:-bottom-14 {
        bottom: -3.5rem;
    }
    .md\:-bottom-20 {
        bottom: -5rem;
    }
    .md\:-bottom-24 {
        bottom: -6rem;
    }
    .md\:-bottom-30 {
        bottom: -7.5rem;
    }
    .md\:-left-1\/4 {
        left: -25%;
    }
    .md\:-left-20 {
        left: -5rem;
    }
    .md\:-left-56 {
        left: -14rem;
    }
    .md\:-left-7 {
        left: -1.75rem;
    }
    .md\:-left-8 {
        left: -2rem;
    }
    .md\:-left-\[88px\] {
        left: -88px;
    }
    .md\:-right-1 {
        right: -0.25rem;
    }
    .md\:-right-48 {
        right: -12rem;
    }
    .md\:-top-40 {
        top: -10rem;
    }
    .md\:-top-6 {
        top: -1.5rem;
    }
    .md\:-top-7 {
        top: -1.75rem;
    }
    .md\:bottom-0 {
        bottom: 0px;
    }
    .md\:bottom-10 {
        bottom: 2.5rem;
    }
    .md\:bottom-20 {
        bottom: 5rem;
    }
    .md\:bottom-3 {
        bottom: 0.75rem;
    }
    .md\:bottom-6 {
        bottom: 1.5rem;
    }
    .md\:bottom-8 {
        bottom: 2rem;
    }
    .md\:bottom-\[-200px\] {
        bottom: -200px;
    }
    .md\:bottom-\[-220px\] {
        bottom: -220px;
    }
    .md\:bottom-\[-260px\] {
        bottom: -260px;
    }
    .md\:bottom-\[-344px\] {
        bottom: -344px;
    }
    .md\:bottom-\[108px\] {
        bottom: 108px;
    }
    .md\:bottom-auto {
        bottom: auto;
    }
    .md\:left-0 {
        left: 0px;
    }
    .md\:left-10 {
        left: 2.5rem;
    }
    .md\:left-12 {
        left: 3rem;
    }
    .md\:left-3 {
        left: 0.75rem;
    }
    .md\:left-\[-101px\] {
        left: -101px;
    }
    .md\:left-\[-11vw\] {
        left: -11vw;
    }
    .md\:left-\[-12vw\] {
        left: -12vw;
    }
    .md\:left-\[-250px\] {
        left: -250px;
    }
    .md\:left-\[-28\%\] {
        left: -28%;
    }
    .md\:left-\[-2vw\] {
        left: -2vw;
    }
    .md\:left-\[-60\%\] {
        left: -60%;
    }
    .md\:left-\[-74px\] {
        left: -74px;
    }
    .md\:left-\[-7vw\] {
        left: -7vw;
    }
    .md\:left-\[-80px\] {
        left: -80px;
    }
    .md\:left-\[-88px\] {
        left: -88px;
    }
    .md\:left-\[-93px\] {
        left: -93px;
    }
    .md\:left-\[115\%\] {
        left: 115%;
    }
    .md\:left-\[12\%\] {
        left: 12%;
    }
    .md\:left-\[13\%\] {
        left: 13%;
    }
    .md\:left-\[14\%\] {
        left: 14%;
    }
    .md\:left-\[15\%\] {
        left: 15%;
    }
    .md\:left-\[16\%\] {
        left: 16%;
    }
    .md\:left-\[20\%\] {
        left: 20%;
    }
    .md\:left-\[21\%\] {
        left: 21%;
    }
    .md\:left-\[248px\] {
        left: 248px;
    }
    .md\:left-\[30\%\] {
        left: 30%;
    }
    .md\:left-\[300px\] {
        left: 300px;
    }
    .md\:left-\[348px\] {
        left: 348px;
    }
    .md\:left-\[37\%\] {
        left: 37%;
    }
    .md\:left-\[38vw\] {
        left: 38vw;
    }
    .md\:left-\[392px\] {
        left: 392px;
    }
    .md\:left-\[4\.5vw\] {
        left: 4.5vw;
    }
    .md\:left-\[43\%\] {
        left: 43%;
    }
    .md\:left-\[45\%\] {
        left: 45%;
    }
    .md\:left-\[5\%\] {
        left: 5%;
    }
    .md\:left-\[53vw\] {
        left: 53vw;
    }
    .md\:left-\[56vw\] {
        left: 56vw;
    }
    .md\:left-\[58\%\] {
        left: 58%;
    }
    .md\:left-\[6\%\] {
        left: 6%;
    }
    .md\:left-\[6\.3vw\] {
        left: 6.3vw;
    }
    .md\:left-\[60\%\] {
        left: 60%;
    }
    .md\:left-\[67vw\] {
        left: 67vw;
    }
    .md\:left-\[6vw\] {
        left: 6vw;
    }
    .md\:left-\[70\%\] {
        left: 70%;
    }
    .md\:left-\[72\%\] {
        left: 72%;
    }
    .md\:left-\[75\%\] {
        left: 75%;
    }
    .md\:left-\[77vw\] {
        left: 77vw;
    }
    .md\:left-\[7vw\] {
        left: 7vw;
    }
    .md\:left-\[80\%\] {
        left: 80%;
    }
    .md\:left-\[84\%\] {
        left: 84%;
    }
    .md\:left-\[85\%\] {
        left: 85%;
    }
    .md\:left-\[86\%\] {
        left: 86%;
    }
    .md\:left-\[88vw\] {
        left: 88vw;
    }
    .md\:left-\[8vw\] {
        left: 8vw;
    }
    .md\:left-\[90\%\] {
        left: 90%;
    }
    .md\:left-auto {
        left: auto;
    }
    .md\:right-10 {
        right: 2.5rem;
    }
    .md\:right-\[-11vw\] {
        right: -11vw;
    }
    .md\:right-\[-13vw\] {
        right: -13vw;
    }
    .md\:right-\[-5\%\] {
        right: -5%;
    }
    .md\:right-\[-74px\] {
        right: -74px;
    }
    .md\:right-\[10\%\] {
        right: 10%;
    }
    .md\:right-\[10vw\] {
        right: 10vw;
    }
    .md\:right-\[12vw\] {
        right: 12vw;
    }
    .md\:right-\[36\%\] {
        right: 36%;
    }
    .md\:right-\[5\%\] {
        right: 5%;
    }
    .md\:right-\[7\%\] {
        right: 7%;
    }
    .md\:right-\[8vw\] {
        right: 8vw;
    }
    .md\:right-auto {
        right: auto;
    }
    .md\:top-0 {
        top: 0px;
    }
    .md\:top-1\/2 {
        top: 50%;
    }
    .md\:top-10 {
        top: 2.5rem;
    }
    .md\:top-12 {
        top: 3rem;
    }
    .md\:top-13 {
        top: 3.25rem;
    }
    .md\:top-14 {
        top: 3.5rem;
    }
    .md\:top-16 {
        top: 4rem;
    }
    .md\:top-20 {
        top: 5rem;
    }
    .md\:top-28 {
        top: 7rem;
    }
    .md\:top-4 {
        top: 1rem;
    }
    .md\:top-7 {
        top: 1.75rem;
    }
    .md\:top-\[10\%\] {
        top: 10%;
    }
    .md\:top-\[110px\] {
        top: 110px;
    }
    .md\:top-\[12\%\] {
        top: 12%;
    }
    .md\:top-\[14\%\] {
        top: 14%;
    }
    .md\:top-\[16\%\] {
        top: 16%;
    }
    .md\:top-\[19\%\] {
        top: 19%;
    }
    .md\:top-\[195px\] {
        top: 195px;
    }
    .md\:top-\[200px\] {
        top: 200px;
    }
    .md\:top-\[20vh\] {
        top: 20vh;
    }
    .md\:top-\[22\%\] {
        top: 22%;
    }
    .md\:top-\[23\%\] {
        top: 23%;
    }
    .md\:top-\[237px\] {
        top: 237px;
    }
    .md\:top-\[30\%\] {
        top: 30%;
    }
    .md\:top-\[314px\] {
        top: 314px;
    }
    .md\:top-\[330px\] {
        top: 330px;
    }
    .md\:top-\[344px\] {
        top: 344px;
    }
    .md\:top-\[36\%\] {
        top: 36%;
    }
    .md\:top-\[366px\] {
        top: 366px;
    }
    .md\:top-\[390px\] {
        top: 390px;
    }
    .md\:top-\[40\%\] {
        top: 40%;
    }
    .md\:top-\[41\%\] {
        top: 41%;
    }
    .md\:top-\[420px\] {
        top: 420px;
    }
    .md\:top-\[43\%\] {
        top: 43%;
    }
    .md\:top-\[430px\] {
        top: 430px;
    }
    .md\:top-\[440px\] {
        top: 440px;
    }
    .md\:top-\[45\%\] {
        top: 45%;
    }
    .md\:top-\[490px\] {
        top: 490px;
    }
    .md\:top-\[530px\] {
        top: 530px;
    }
    .md\:top-\[53vh\] {
        top: 53vh;
    }
    .md\:top-\[540px\] {
        top: 540px;
    }
    .md\:top-\[55\%\] {
        top: 55%;
    }
    .md\:top-\[592px\] {
        top: 592px;
    }
    .md\:top-\[6\%\] {
        top: 6%;
    }
    .md\:top-\[60\%\] {
        top: 60%;
    }
    .md\:top-\[62\%\] {
        top: 62%;
    }
    .md\:top-\[66\%\] {
        top: 66%;
    }
    .md\:top-\[7\%\] {
        top: 7%;
    }
    .md\:top-\[70\%\] {
        top: 70%;
    }
    .md\:top-\[70px\] {
        top: 70px;
    }
    .md\:top-\[77vh\] {
        top: 77vh;
    }
    .md\:top-\[8\%\] {
        top: 8%;
    }
    .md\:top-\[81\%\] {
        top: 81%;
    }
    .md\:top-\[89px\] {
        top: 89px;
    }
    .md\:top-\[93\%\] {
        top: 93%;
    }
    .md\:top-auto {
        top: auto;
    }
    .md\:order-1 {
        order: 1;
    }
    .md\:order-2 {
        order: 2;
    }
    .md\:order-3 {
        order: 3;
    }
    .md\:col-span-12 {
        grid-column: span 12 / span 12;
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .md\:col-span-5 {
        grid-column: span 5 / span 5;
    }
    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .md\:col-span-8 {
        grid-column: span 8 / span 8;
    }
    .md\:col-start-5 {
        grid-column-start: 5;
    }
    .md\:col-start-9 {
        grid-column-start: 9;
    }
    .md\:row-start-1 {
        grid-row-start: 1;
    }
    .md\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .md\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    .md\:-mt-2 {
        margin-top: -0.5rem;
    }
    .md\:mb-0 {
        margin-bottom: 0px;
    }
    .md\:mb-1 {
        margin-bottom: 0.25rem;
    }
    .md\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .md\:mb-11 {
        margin-bottom: 2.75rem;
    }
    .md\:mb-12 {
        margin-bottom: 3rem;
    }
    .md\:mb-14 {
        margin-bottom: 3.5rem;
    }
    .md\:mb-16 {
        margin-bottom: 4rem;
    }
    .md\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .md\:mb-3 {
        margin-bottom: 0.75rem;
    }
    .md\:mb-4 {
        margin-bottom: 1rem;
    }
    .md\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .md\:mb-7 {
        margin-bottom: 1.75rem;
    }
    .md\:mb-8 {
        margin-bottom: 2rem;
    }
    .md\:mb-9 {
        margin-bottom: 2.25rem;
    }
    .md\:mb-\[18px\] {
        margin-bottom: 18px;
    }
    .md\:ml-0 {
        margin-left: 0px;
    }
    .md\:ml-6 {
        margin-left: 1.5rem;
    }
    .md\:ml-auto {
        margin-left: auto;
    }
    .md\:mr-0 {
        margin-right: 0px;
    }
    .md\:mr-6 {
        margin-right: 1.5rem;
    }
    .md\:mt-0 {
        margin-top: 0px;
    }
    .md\:mt-1\.5 {
        margin-top: 0.375rem;
    }
    .md\:mt-10 {
        margin-top: 2.5rem;
    }
    .md\:mt-auto {
        margin-top: auto;
    }
    .md\:box-content {
        box-sizing: content-box;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:grid {
        display: grid;
    }
    .md\:hidden {
        display: none;
    }
    .md\:size-10 {
        width: 2.5rem;
        height: 2.5rem;
    }
    .md\:size-11 {
        width: 2.75rem;
        height: 2.75rem;
    }
    .md\:size-15 {
        width: 3.75rem;
        height: 3.75rem;
    }
    .md\:size-28 {
        width: 7rem;
        height: 7rem;
    }
    .md\:size-5 {
        width: 1.25rem;
        height: 1.25rem;
    }
    .md\:size-full {
        width: 100%;
        height: 100%;
    }
    .md\:h-10 {
        height: 2.5rem;
    }
    .md\:h-12 {
        height: 3rem;
    }
    .md\:h-14 {
        height: 3.5rem;
    }
    .md\:h-16 {
        height: 4rem;
    }
    .md\:h-20 {
        height: 5rem;
    }
    .md\:h-25 {
        height: 6.25rem;
    }
    .md\:h-28 {
        height: 7rem;
    }
    .md\:h-5 {
        height: 1.25rem;
    }
    .md\:h-\[109px\] {
        height: 109px;
    }
    .md\:h-\[112px\] {
        height: 112px;
    }
    .md\:h-\[14px\] {
        height: 14px;
    }
    .md\:h-\[360px\] {
        height: 360px;
    }
    .md\:h-\[70px\] {
        height: 70px;
    }
    .md\:h-\[74vw\] {
        height: 74vw;
    }
    .md\:h-auto {
        height: auto;
    }
    .md\:h-full {
        height: 100%;
    }
    .md\:max-h-none {
        max-height: none;
    }
    .md\:min-h-full {
        min-height: 100%;
    }
    .md\:w-10 {
        width: 2.5rem;
    }
    .md\:w-11 {
        width: 2.75rem;
    }
    .md\:w-12 {
        width: 3rem;
    }
    .md\:w-14 {
        width: 3.5rem;
    }
    .md\:w-15 {
        width: 3.75rem;
    }
    .md\:w-16 {
        width: 4rem;
    }
    .md\:w-18 {
        width: 4.5rem;
    }
    .md\:w-20 {
        width: 5rem;
    }
    .md\:w-28 {
        width: 7rem;
    }
    .md\:w-30 {
        width: 7.5rem;
    }
    .md\:w-5 {
        width: 1.25rem;
    }
    .md\:w-56 {
        width: 14rem;
    }
    .md\:w-6 {
        width: 1.5rem;
    }
    .md\:w-\[103px\] {
        width: 103px;
    }
    .md\:w-\[105px\] {
        width: 105px;
    }
    .md\:w-\[10vw\] {
        width: 10vw;
    }
    .md\:w-\[111px\] {
        width: 111px;
    }
    .md\:w-\[115px\] {
        width: 115px;
    }
    .md\:w-\[1167px\] {
        width: 1167px;
    }
    .md\:w-\[116px\] {
        width: 116px;
    }
    .md\:w-\[11vw\] {
        width: 11vw;
    }
    .md\:w-\[120px\] {
        width: 120px;
    }
    .md\:w-\[12vw\] {
        width: 12vw;
    }
    .md\:w-\[140px\] {
        width: 140px;
    }
    .md\:w-\[141px\] {
        width: 141px;
    }
    .md\:w-\[146px\] {
        width: 146px;
    }
    .md\:w-\[15vw\] {
        width: 15vw;
    }
    .md\:w-\[170px\] {
        width: 170px;
    }
    .md\:w-\[179px\] {
        width: 179px;
    }
    .md\:w-\[190px\] {
        width: 190px;
    }
    .md\:w-\[193px\] {
        width: 193px;
    }
    .md\:w-\[198px\] {
        width: 198px;
    }
    .md\:w-\[200px\] {
        width: 200px;
    }
    .md\:w-\[236px\] {
        width: 236px;
    }
    .md\:w-\[248px\] {
        width: 248px;
    }
    .md\:w-\[24vw\] {
        width: 24vw;
    }
    .md\:w-\[300px\] {
        width: 300px;
    }
    .md\:w-\[30vw\] {
        width: 30vw;
    }
    .md\:w-\[312px\] {
        width: 312px;
    }
    .md\:w-\[324px\] {
        width: 324px;
    }
    .md\:w-\[354px\] {
        width: 354px;
    }
    .md\:w-\[355px\] {
        width: 355px;
    }
    .md\:w-\[360px\] {
        width: 360px;
    }
    .md\:w-\[380px\] {
        width: 380px;
    }
    .md\:w-\[384px\] {
        width: 384px;
    }
    .md\:w-\[40\.5vw\] {
        width: 40.5vw;
    }
    .md\:w-\[436px\] {
        width: 436px;
    }
    .md\:w-\[454px\] {
        width: 454px;
    }
    .md\:w-\[46vw\] {
        width: 46vw;
    }
    .md\:w-\[478px\] {
        width: 478px;
    }
    .md\:w-\[480px\] {
        width: 480px;
    }
    .md\:w-\[49px\] {
        width: 49px;
    }
    .md\:w-\[500px\] {
        width: 500px;
    }
    .md\:w-\[54px\] {
        width: 54px;
    }
    .md\:w-\[560px\] {
        width: 560px;
    }
    .md\:w-\[564px\] {
        width: 564px;
    }
    .md\:w-\[58px\] {
        width: 58px;
    }
    .md\:w-\[590px\] {
        width: 590px;
    }
    .md\:w-\[59px\] {
        width: 59px;
    }
    .md\:w-\[600px\] {
        width: 600px;
    }
    .md\:w-\[617px\] {
        width: 617px;
    }
    .md\:w-\[620px\] {
        width: 620px;
    }
    .md\:w-\[62vw\] {
        width: 62vw;
    }
    .md\:w-\[632px\] {
        width: 632px;
    }
    .md\:w-\[63px\] {
        width: 63px;
    }
    .md\:w-\[640px\] {
        width: 640px;
    }
    .md\:w-\[660px\] {
        width: 660px;
    }
    .md\:w-\[680px\] {
        width: 680px;
    }
    .md\:w-\[69px\] {
        width: 69px;
    }
    .md\:w-\[7\.5vw\] {
        width: 7.5vw;
    }
    .md\:w-\[717px\] {
        width: 717px;
    }
    .md\:w-\[74px\] {
        width: 74px;
    }
    .md\:w-\[74vw\] {
        width: 74vw;
    }
    .md\:w-\[75vw\] {
        width: 75vw;
    }
    .md\:w-\[78px\] {
        width: 78px;
    }
    .md\:w-\[7vw\] {
        width: 7vw;
    }
    .md\:w-\[84px\] {
        width: 84px;
    }
    .md\:w-\[856px\] {
        width: 856px;
    }
    .md\:w-\[85px\] {
        width: 85px;
    }
    .md\:w-\[885px\] {
        width: 885px;
    }
    .md\:w-\[90px\] {
        width: 90px;
    }
    .md\:w-\[920px\] {
        width: 920px;
    }
    .md\:w-\[93px\] {
        width: 93px;
    }
    .md\:w-\[93vw\] {
        width: 93vw;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:min-w-\[140px\] {
        min-width: 140px;
    }
    .md\:min-w-\[384px\] {
        min-width: 384px;
    }
    .md\:min-w-\[467px\] {
        min-width: 467px;
    }
    .md\:min-w-\[50\%\] {
        min-width: 50%;
    }
    .md\:min-w-\[583px\] {
        min-width: 583px;
    }
    .md\:max-w-\[15\.5rem\] {
        max-width: 15.5rem;
    }
    .md\:max-w-\[302px\] {
        max-width: 302px;
    }
    .md\:max-w-\[312px\] {
        max-width: 312px;
    }
    .md\:max-w-\[393px\] {
        max-width: 393px;
    }
    .md\:max-w-\[440px\] {
        max-width: 440px;
    }
    .md\:max-w-\[50\%\] {
        max-width: 50%;
    }
    .md\:max-w-\[688px\] {
        max-width: 688px;
    }
    .md\:max-w-\[700px\] {
        max-width: 700px;
    }
    .md\:max-w-none {
        max-width: none;
    }
    .md\:flex-1 {
        flex: 1 1 0%;
    }
    .md\:basis-auto {
        flex-basis: auto;
    }
    .md\:basis-full {
        flex-basis: 100%;
    }
    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:rotate-0 {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:rotate-\[-65deg\] {
        --tw-rotate: -65deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:rotate-\[114deg\] {
        --tw-rotate: 114deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:transform-none {
        transform: none;
    }
    .md\:auto-rows-\[1fr\] {
        grid-auto-rows: 1fr;
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-rows-none {
        grid-template-rows: none;
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .md\:flex-wrap {
        flex-wrap: wrap;
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .md\:items-start {
        align-items: flex-start;
    }
    .md\:items-center {
        align-items: center;
    }
    .md\:items-stretch {
        align-items: stretch;
    }
    .md\:justify-start {
        justify-content: flex-start;
    }
    .md\:justify-end {
        justify-content: flex-end;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:gap-0 {
        gap: 0px;
    }
    .md\:gap-10 {
        gap: 2.5rem;
    }
    .md\:gap-11 {
        gap: 2.75rem;
    }
    .md\:gap-12 {
        gap: 3rem;
    }
    .md\:gap-13 {
        gap: 3.25rem;
    }
    .md\:gap-14 {
        gap: 3.5rem;
    }
    .md\:gap-16 {
        gap: 4rem;
    }
    .md\:gap-18 {
        gap: 4.5rem;
    }
    .md\:gap-2 {
        gap: 0.5rem;
    }
    .md\:gap-27 {
        gap: 6.75rem;
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:gap-5 {
        gap: 1.25rem;
    }
    .md\:gap-6 {
        gap: 1.5rem;
    }
    .md\:gap-7 {
        gap: 1.75rem;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:gap-9 {
        gap: 2.25rem;
    }
    .md\:gap-\[18px\] {
        gap: 18px;
    }
    .md\:gap-x-5 {
        -moz-column-gap: 1.25rem;
             column-gap: 1.25rem;
    }
    .md\:gap-y-1\.5 {
        row-gap: 0.375rem;
    }
    .md\:gap-y-13 {
        row-gap: 3.25rem;
    }
    .md\:gap-y-18 {
        row-gap: 4.5rem;
    }
    .md\:gap-y-9 {
        row-gap: 2.25rem;
    }
    .md\:self-center {
        align-self: center;
    }
    .md\:rounded-\[8px\] {
        border-radius: 8px;
    }
    .md\:border-b-0 {
        border-bottom-width: 0px;
    }
    .md\:border-r {
        border-right-width: 1px;
    }
    .md\:p-0 {
        padding: 0px;
    }
    .md\:p-10 {
        padding: 2.5rem;
    }
    .md\:p-5 {
        padding: 1.25rem;
    }
    .md\:p-7 {
        padding: 1.75rem;
    }
    .md\:p-8 {
        padding: 2rem;
    }
    .md\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .md\:px-11 {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }
    .md\:px-13 {
        padding-left: 3.25rem;
        padding-right: 3.25rem;
    }
    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .md\:px-17 {
        padding-left: 4.25rem;
        padding-right: 4.25rem;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .md\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .md\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .md\:py-30 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .md\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .md\:pb-0 {
        padding-bottom: 0px;
    }
    .md\:pb-15 {
        padding-bottom: 3.75rem;
    }
    .md\:pb-20 {
        padding-bottom: 5rem;
    }
    .md\:pb-24 {
        padding-bottom: 6rem;
    }
    .md\:pb-30 {
        padding-bottom: 7.5rem;
    }
    .md\:pb-36 {
        padding-bottom: 9rem;
    }
    .md\:pb-40 {
        padding-bottom: 10rem;
    }
    .md\:pb-44 {
        padding-bottom: 11rem;
    }
    .md\:pb-48 {
        padding-bottom: 12rem;
    }
    .md\:pb-56 {
        padding-bottom: 14rem;
    }
    .md\:pb-72 {
        padding-bottom: 18rem;
    }
    .md\:pb-8 {
        padding-bottom: 2rem;
    }
    .md\:pb-\[225px\] {
        padding-bottom: 225px;
    }
    .md\:pl-0 {
        padding-left: 0px;
    }
    .md\:pl-15 {
        padding-left: 3.75rem;
    }
    .md\:pt-0 {
        padding-top: 0px;
    }
    .md\:pt-12 {
        padding-top: 3rem;
    }
    .md\:pt-13 {
        padding-top: 3.25rem;
    }
    .md\:pt-15 {
        padding-top: 3.75rem;
    }
    .md\:pt-16 {
        padding-top: 4rem;
    }
    .md\:pt-2 {
        padding-top: 0.5rem;
    }
    .md\:pt-20 {
        padding-top: 5rem;
    }
    .md\:pt-24 {
        padding-top: 6rem;
    }
    .md\:pt-28 {
        padding-top: 7rem;
    }
    .md\:pt-32 {
        padding-top: 8rem;
    }
    .md\:pt-52 {
        padding-top: 13rem;
    }
    .md\:pt-6 {
        padding-top: 1.5rem;
    }
    .md\:pt-8 {
        padding-top: 2rem;
    }
    .md\:pt-\[102px\] {
        padding-top: 102px;
    }
    .md\:pt-\[136px\] {
        padding-top: 136px;
    }
    .md\:pt-\[20vh\] {
        padding-top: 20vh;
    }
    .md\:pt-\[225px\] {
        padding-top: 225px;
    }
    .md\:pt-\[86px\] {
        padding-top: 86px;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .md\:text-size-14 {
        font-size: 3.5rem;
    }
    .md\:text-size-9 {
        font-size: 2.25rem;
    }
    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:leading-default {
        line-height: 1.2;
    }
    .md\:leading-none {
        line-height: 1;
    }
    .md\:leading-normal {
        line-height: 1.5;
    }
}
@media (min-width: 960px) {
    .lg\:-right-24 {
        right: -6rem;
    }
    .lg\:-top-12 {
        top: -3rem;
    }
    .lg\:-top-16 {
        top: -4rem;
    }
    .lg\:-top-2 {
        top: -0.5rem;
    }
    .lg\:-top-8 {
        top: -2rem;
    }
    .lg\:bottom-0 {
        bottom: 0px;
    }
    .lg\:bottom-14 {
        bottom: 3.5rem;
    }
    .lg\:bottom-20 {
        bottom: 5rem;
    }
    .lg\:bottom-\[-35\%\] {
        bottom: -35%;
    }
    .lg\:bottom-\[102px\] {
        bottom: 102px;
    }
    .lg\:bottom-\[15\%\] {
        bottom: 15%;
    }
    .lg\:bottom-\[390px\] {
        bottom: 390px;
    }
    .lg\:bottom-auto {
        bottom: auto;
    }
    .lg\:left-0 {
        left: 0px;
    }
    .lg\:left-1\/2 {
        left: 50%;
    }
    .lg\:left-11 {
        left: 2.75rem;
    }
    .lg\:left-14 {
        left: 3.5rem;
    }
    .lg\:left-16 {
        left: 4rem;
    }
    .lg\:left-20 {
        left: 5rem;
    }
    .lg\:left-8 {
        left: 2rem;
    }
    .lg\:left-\[-1\.5vw\] {
        left: -1.5vw;
    }
    .lg\:left-\[-10\%\] {
        left: -10%;
    }
    .lg\:left-\[-20\%\] {
        left: -20%;
    }
    .lg\:left-\[-74px\] {
        left: -74px;
    }
    .lg\:left-\[-8vw\] {
        left: -8vw;
    }
    .lg\:left-\[10vw\] {
        left: 10vw;
    }
    .lg\:left-\[11\%\] {
        left: 11%;
    }
    .lg\:left-\[12\%\] {
        left: 12%;
    }
    .lg\:left-\[12vw\] {
        left: 12vw;
    }
    .lg\:left-\[14\%\] {
        left: 14%;
    }
    .lg\:left-\[15\%\] {
        left: 15%;
    }
    .lg\:left-\[16\%\] {
        left: 16%;
    }
    .lg\:left-\[20\%\] {
        left: 20%;
    }
    .lg\:left-\[22vw\] {
        left: 22vw;
    }
    .lg\:left-\[28\%\] {
        left: 28%;
    }
    .lg\:left-\[340px\] {
        left: 340px;
    }
    .lg\:left-\[35vw\] {
        left: 35vw;
    }
    .lg\:left-\[360px\] {
        left: 360px;
    }
    .lg\:left-\[4\%\] {
        left: 4%;
    }
    .lg\:left-\[40vw\] {
        left: 40vw;
    }
    .lg\:left-\[46\%\] {
        left: 46%;
    }
    .lg\:left-\[47\%\] {
        left: 47%;
    }
    .lg\:left-\[5\%\] {
        left: 5%;
    }
    .lg\:left-\[50vw\] {
        left: 50vw;
    }
    .lg\:left-\[60\%\] {
        left: 60%;
    }
    .lg\:left-\[66\%\] {
        left: 66%;
    }
    .lg\:left-\[7\%\] {
        left: 7%;
    }
    .lg\:left-\[72\%\] {
        left: 72%;
    }
    .lg\:left-\[77\%\] {
        left: 77%;
    }
    .lg\:left-\[81\%\] {
        left: 81%;
    }
    .lg\:left-\[86\%\] {
        left: 86%;
    }
    .lg\:left-\[8vw\] {
        left: 8vw;
    }
    .lg\:left-\[92\%\] {
        left: 92%;
    }
    .lg\:left-auto {
        left: auto;
    }
    .lg\:right-0 {
        right: 0px;
    }
    .lg\:right-16 {
        right: 4rem;
    }
    .lg\:right-2 {
        right: 0.5rem;
    }
    .lg\:right-\[-13vw\] {
        right: -13vw;
    }
    .lg\:right-\[-3\%\] {
        right: -3%;
    }
    .lg\:right-\[-8vw\] {
        right: -8vw;
    }
    .lg\:right-\[10\%\] {
        right: 10%;
    }
    .lg\:right-\[10vw\] {
        right: 10vw;
    }
    .lg\:right-\[12\%\] {
        right: 12%;
    }
    .lg\:right-\[13\%\] {
        right: 13%;
    }
    .lg\:right-\[15\%\] {
        right: 15%;
    }
    .lg\:right-\[15vw\] {
        right: 15vw;
    }
    .lg\:right-\[16\%\] {
        right: 16%;
    }
    .lg\:right-\[20\%\] {
        right: 20%;
    }
    .lg\:right-\[23\%\] {
        right: 23%;
    }
    .lg\:right-\[25\%\] {
        right: 25%;
    }
    .lg\:right-\[35\%\] {
        right: 35%;
    }
    .lg\:right-\[46\%\] {
        right: 46%;
    }
    .lg\:right-\[7\%\] {
        right: 7%;
    }
    .lg\:right-\[8\%\] {
        right: 8%;
    }
    .lg\:top-0 {
        top: 0px;
    }
    .lg\:top-1\/2 {
        top: 50%;
    }
    .lg\:top-2 {
        top: 0.5rem;
    }
    .lg\:top-20 {
        top: 5rem;
    }
    .lg\:top-3\/4 {
        top: 75%;
    }
    .lg\:top-4 {
        top: 1rem;
    }
    .lg\:top-\[102px\] {
        top: 102px;
    }
    .lg\:top-\[13\%\] {
        top: 13%;
    }
    .lg\:top-\[16\%\] {
        top: 16%;
    }
    .lg\:top-\[17\%\] {
        top: 17%;
    }
    .lg\:top-\[18\%\] {
        top: 18%;
    }
    .lg\:top-\[18vh\] {
        top: 18vh;
    }
    .lg\:top-\[20\%\] {
        top: 20%;
    }
    .lg\:top-\[22\%\] {
        top: 22%;
    }
    .lg\:top-\[24vh\] {
        top: 24vh;
    }
    .lg\:top-\[296px\] {
        top: 296px;
    }
    .lg\:top-\[33\%\] {
        top: 33%;
    }
    .lg\:top-\[350px\] {
        top: 350px;
    }
    .lg\:top-\[39\%\] {
        top: 39%;
    }
    .lg\:top-\[40\%\] {
        top: 40%;
    }
    .lg\:top-\[438px\] {
        top: 438px;
    }
    .lg\:top-\[44\%\] {
        top: 44%;
    }
    .lg\:top-\[45\%\] {
        top: 45%;
    }
    .lg\:top-\[47\%\] {
        top: 47%;
    }
    .lg\:top-\[480px\] {
        top: 480px;
    }
    .lg\:top-\[530px\] {
        top: 530px;
    }
    .lg\:top-\[56\%\] {
        top: 56%;
    }
    .lg\:top-\[60\%\] {
        top: 60%;
    }
    .lg\:top-\[60vh\] {
        top: 60vh;
    }
    .lg\:top-\[62\%\] {
        top: 62%;
    }
    .lg\:top-\[63vh\] {
        top: 63vh;
    }
    .lg\:top-\[64\%\] {
        top: 64%;
    }
    .lg\:top-\[65\%\] {
        top: 65%;
    }
    .lg\:top-\[67\%\] {
        top: 67%;
    }
    .lg\:top-\[72\%\] {
        top: 72%;
    }
    .lg\:top-\[73\%\] {
        top: 73%;
    }
    .lg\:top-\[960px\] {
        top: 960px;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }
    .lg\:col-start-5 {
        grid-column-start: 5;
    }
    .lg\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .lg\:row-span-3 {
        grid-row: span 3 / span 3;
    }
    .lg\:row-start-1 {
        grid-row-start: 1;
    }
    .lg\:mb-0 {
        margin-bottom: 0px;
    }
    .lg\:mb-12 {
        margin-bottom: 3rem;
    }
    .lg\:mb-2\.5 {
        margin-bottom: 0.625rem;
    }
    .lg\:mb-20 {
        margin-bottom: 5rem;
    }
    .lg\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .lg\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .lg\:ml-8 {
        margin-left: 2rem;
    }
    .lg\:mt-4 {
        margin-top: 1rem;
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:size-18 {
        width: 4.5rem;
        height: 4.5rem;
    }
    .lg\:size-24 {
        width: 6rem;
        height: 6rem;
    }
    .lg\:h-12 {
        height: 3rem;
    }
    .lg\:h-15 {
        height: 3.75rem;
    }
    .lg\:h-18 {
        height: 4.5rem;
    }
    .lg\:h-\[330px\] {
        height: 330px;
    }
    .lg\:h-\[444px\] {
        height: 444px;
    }
    .lg\:h-\[460px\] {
        height: 460px;
    }
    .lg\:h-\[480px\] {
        height: 480px;
    }
    .lg\:h-\[84px\] {
        height: 84px;
    }
    .lg\:h-auto {
        height: auto;
    }
    .lg\:w-10 {
        width: 2.5rem;
    }
    .lg\:w-11 {
        width: 2.75rem;
    }
    .lg\:w-12 {
        width: 3rem;
    }
    .lg\:w-15 {
        width: 3.75rem;
    }
    .lg\:w-16 {
        width: 4rem;
    }
    .lg\:w-20 {
        width: 5rem;
    }
    .lg\:w-\[10\.75rem\] {
        width: 10.75rem;
    }
    .lg\:w-\[115px\] {
        width: 115px;
    }
    .lg\:w-\[138px\] {
        width: 138px;
    }
    .lg\:w-\[150px\] {
        width: 150px;
    }
    .lg\:w-\[156px\] {
        width: 156px;
    }
    .lg\:w-\[172px\] {
        width: 172px;
    }
    .lg\:w-\[19rem\] {
        width: 19rem;
    }
    .lg\:w-\[20vw\] {
        width: 20vw;
    }
    .lg\:w-\[220px\] {
        width: 220px;
    }
    .lg\:w-\[228px\] {
        width: 228px;
    }
    .lg\:w-\[22vw\] {
        width: 22vw;
    }
    .lg\:w-\[253px\] {
        width: 253px;
    }
    .lg\:w-\[25vw\] {
        width: 25vw;
    }
    .lg\:w-\[285px\] {
        width: 285px;
    }
    .lg\:w-\[330px\] {
        width: 330px;
    }
    .lg\:w-\[400px\] {
        width: 400px;
    }
    .lg\:w-\[450px\] {
        width: 450px;
    }
    .lg\:w-\[480px\] {
        width: 480px;
    }
    .lg\:w-\[50vw\] {
        width: 50vw;
    }
    .lg\:w-\[51\.3vw\] {
        width: 51.3vw;
    }
    .lg\:w-\[53vw\] {
        width: 53vw;
    }
    .lg\:w-\[540px\] {
        width: 540px;
    }
    .lg\:w-\[62px\] {
        width: 62px;
    }
    .lg\:w-\[62vw\] {
        width: 62vw;
    }
    .lg\:w-\[65\%\] {
        width: 65%;
    }
    .lg\:w-\[667px\] {
        width: 667px;
    }
    .lg\:w-\[700px\] {
        width: 700px;
    }
    .lg\:w-\[71\.5vw\] {
        width: 71.5vw;
    }
    .lg\:w-\[82px\] {
        width: 82px;
    }
    .lg\:w-\[88vw\] {
        width: 88vw;
    }
    .lg\:w-\[90px\] {
        width: 90px;
    }
    .lg\:w-\[9vw\] {
        width: 9vw;
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:min-w-\[10\.75rem\] {
        min-width: 10.75rem;
    }
    .lg\:min-w-\[1030px\] {
        min-width: 1030px;
    }
    .lg\:min-w-\[320px\] {
        min-width: 320px;
    }
    .lg\:min-w-\[760px\] {
        min-width: 760px;
    }
    .lg\:min-w-\[830px\] {
        min-width: 830px;
    }
    .lg\:max-w-\[150px\] {
        max-width: 150px;
    }
    .lg\:max-w-\[18rem\] {
        max-width: 18rem;
    }
    .lg\:max-w-\[331px\] {
        max-width: 331px;
    }
    .lg\:max-w-\[370px\] {
        max-width: 370px;
    }
    .lg\:max-w-\[781px\] {
        max-width: 781px;
    }
    .lg\:max-w-\[880px\] {
        max-width: 880px;
    }
    .lg\:max-w-\[900px\] {
        max-width: 900px;
    }
    .lg\:max-w-full {
        max-width: 100%;
    }
    .lg\:flex-1 {
        flex: 1 1 0%;
    }
    .lg\:flex-initial {
        flex: 0 1 auto;
    }
    .lg\:shrink-0 {
        flex-shrink: 0;
    }
    .lg\:rotate-\[-26\.41deg\] {
        --tw-rotate: -26.41deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .lg\:scale-x-100 {
        --tw-scale-x: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:items-start {
        align-items: flex-start;
    }
    .lg\:justify-end {
        justify-content: flex-end;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:gap-0 {
        gap: 0px;
    }
    .lg\:gap-10 {
        gap: 2.5rem;
    }
    .lg\:gap-12 {
        gap: 3rem;
    }
    .lg\:gap-16 {
        gap: 4rem;
    }
    .lg\:gap-25 {
        gap: 6.25rem;
    }
    .lg\:gap-4 {
        gap: 1rem;
    }
    .lg\:gap-x-8 {
        -moz-column-gap: 2rem;
             column-gap: 2rem;
    }
    .lg\:self-start {
        align-self: flex-start;
    }
    .lg\:border-none {
        border-style: none;
    }
    .lg\:object-center {
        -o-object-position: center;
           object-position: center;
    }
    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .lg\:px-11 {
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }
    .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
    .lg\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .lg\:pb-0 {
        padding-bottom: 0px;
    }
    .lg\:pb-12 {
        padding-bottom: 3rem;
    }
    .lg\:pb-30 {
        padding-bottom: 7.5rem;
    }
    .lg\:pb-36 {
        padding-bottom: 9rem;
    }
    .lg\:pb-48 {
        padding-bottom: 12rem;
    }
    .lg\:pb-64 {
        padding-bottom: 16rem;
    }
    .lg\:pt-0 {
        padding-top: 0px;
    }
    .lg\:pt-13 {
        padding-top: 3.25rem;
    }
    .lg\:pt-24 {
        padding-top: 6rem;
    }
    .lg\:pt-28 {
        padding-top: 7rem;
    }
    .lg\:pt-36 {
        padding-top: 9rem;
    }
    .lg\:pt-44 {
        padding-top: 11rem;
    }
    .lg\:pt-7 {
        padding-top: 1.75rem;
    }
    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .lg\:text-size-7 {
        font-size: 1.75rem;
    }
}
@media (min-width: 1200px) {
    .xl\:static {
        position: static;
    }
    .xl\:sticky {
        position: sticky;
    }
    .xl\:-bottom-24 {
        bottom: -6rem;
    }
    .xl\:-bottom-32 {
        bottom: -8rem;
    }
    .xl\:-left-10 {
        left: -2.5rem;
    }
    .xl\:-left-14 {
        left: -3.5rem;
    }
    .xl\:-left-20 {
        left: -5rem;
    }
    .xl\:-right-10 {
        right: -2.5rem;
    }
    .xl\:-right-27 {
        right: -6.75rem;
    }
    .xl\:-top-1 {
        top: -0.25rem;
    }
    .xl\:-top-5 {
        top: -1.25rem;
    }
    .xl\:-top-8 {
        top: -2rem;
    }
    .xl\:bottom-20 {
        bottom: 5rem;
    }
    .xl\:bottom-6 {
        bottom: 1.5rem;
    }
    .xl\:bottom-\[-20\%\] {
        bottom: -20%;
    }
    .xl\:bottom-\[-380px\] {
        bottom: -380px;
    }
    .xl\:bottom-\[-4\%\] {
        bottom: -4%;
    }
    .xl\:bottom-\[10\%\] {
        bottom: 10%;
    }
    .xl\:bottom-\[204px\] {
        bottom: 204px;
    }
    .xl\:bottom-auto {
        bottom: auto;
    }
    .xl\:left-0 {
        left: 0px;
    }
    .xl\:left-16 {
        left: 4rem;
    }
    .xl\:left-20 {
        left: 5rem;
    }
    .xl\:left-24 {
        left: 6rem;
    }
    .xl\:left-36 {
        left: 9rem;
    }
    .xl\:left-\[-136px\] {
        left: -136px;
    }
    .xl\:left-\[-140px\] {
        left: -140px;
    }
    .xl\:left-\[-15\%\] {
        left: -15%;
    }
    .xl\:left-\[-154px\] {
        left: -154px;
    }
    .xl\:left-\[-4\%\] {
        left: -4%;
    }
    .xl\:left-\[-5\%\] {
        left: -5%;
    }
    .xl\:left-\[-50px\] {
        left: -50px;
    }
    .xl\:left-\[-56vw\] {
        left: -56vw;
    }
    .xl\:left-\[-829px\] {
        left: -829px;
    }
    .xl\:left-\[-88px\] {
        left: -88px;
    }
    .xl\:left-\[-9vw\] {
        left: -9vw;
    }
    .xl\:left-\[11\%\] {
        left: 11%;
    }
    .xl\:left-\[11\.5vw\] {
        left: 11.5vw;
    }
    .xl\:left-\[120px\] {
        left: 120px;
    }
    .xl\:left-\[126px\] {
        left: 126px;
    }
    .xl\:left-\[128px\] {
        left: 128px;
    }
    .xl\:left-\[13\%\] {
        left: 13%;
    }
    .xl\:left-\[130px\] {
        left: 130px;
    }
    .xl\:left-\[144px\] {
        left: 144px;
    }
    .xl\:left-\[15\%\] {
        left: 15%;
    }
    .xl\:left-\[16\%\] {
        left: 16%;
    }
    .xl\:left-\[17vw\] {
        left: 17vw;
    }
    .xl\:left-\[19\%\] {
        left: 19%;
    }
    .xl\:left-\[20\%\] {
        left: 20%;
    }
    .xl\:left-\[200px\] {
        left: 200px;
    }
    .xl\:left-\[21\%\] {
        left: 21%;
    }
    .xl\:left-\[22\%\] {
        left: 22%;
    }
    .xl\:left-\[23\%\] {
        left: 23%;
    }
    .xl\:left-\[24\%\] {
        left: 24%;
    }
    .xl\:left-\[25\%\] {
        left: 25%;
    }
    .xl\:left-\[31\%\] {
        left: 31%;
    }
    .xl\:left-\[325px\] {
        left: 325px;
    }
    .xl\:left-\[33\%\] {
        left: 33%;
    }
    .xl\:left-\[337px\] {
        left: 337px;
    }
    .xl\:left-\[40\%\] {
        left: 40%;
    }
    .xl\:left-\[41\%\] {
        left: 41%;
    }
    .xl\:left-\[42\%\] {
        left: 42%;
    }
    .xl\:left-\[420px\] {
        left: 420px;
    }
    .xl\:left-\[42px\] {
        left: 42px;
    }
    .xl\:left-\[440px\] {
        left: 440px;
    }
    .xl\:left-\[46vw\] {
        left: 46vw;
    }
    .xl\:left-\[47\%\] {
        left: 47%;
    }
    .xl\:left-\[470px\] {
        left: 470px;
    }
    .xl\:left-\[49\%\] {
        left: 49%;
    }
    .xl\:left-\[5\%\] {
        left: 5%;
    }
    .xl\:left-\[51vw\] {
        left: 51vw;
    }
    .xl\:left-\[52\%\] {
        left: 52%;
    }
    .xl\:left-\[56vw\] {
        left: 56vw;
    }
    .xl\:left-\[57\%\] {
        left: 57%;
    }
    .xl\:left-\[58vw\] {
        left: 58vw;
    }
    .xl\:left-\[59\%\] {
        left: 59%;
    }
    .xl\:left-\[5vw\] {
        left: 5vw;
    }
    .xl\:left-\[6\%\] {
        left: 6%;
    }
    .xl\:left-\[66\%\] {
        left: 66%;
    }
    .xl\:left-\[67\%\] {
        left: 67%;
    }
    .xl\:left-\[68\%\] {
        left: 68%;
    }
    .xl\:left-\[7\%\] {
        left: 7%;
    }
    .xl\:left-\[720px\] {
        left: 720px;
    }
    .xl\:left-\[75\%\] {
        left: 75%;
    }
    .xl\:left-\[76\%\] {
        left: 76%;
    }
    .xl\:left-\[760px\] {
        left: 760px;
    }
    .xl\:left-\[79vw\] {
        left: 79vw;
    }
    .xl\:left-\[8\%\] {
        left: 8%;
    }
    .xl\:left-\[81\%\] {
        left: 81%;
    }
    .xl\:left-\[9\%\] {
        left: 9%;
    }
    .xl\:left-\[93px\] {
        left: 93px;
    }
    .xl\:left-auto {
        left: auto;
    }
    .xl\:right-15 {
        right: 3.75rem;
    }
    .xl\:right-\[-136px\] {
        right: -136px;
    }
    .xl\:right-\[-144px\] {
        right: -144px;
    }
    .xl\:right-\[-160px\] {
        right: -160px;
    }
    .xl\:right-\[-164px\] {
        right: -164px;
    }
    .xl\:right-\[-240px\] {
        right: -240px;
    }
    .xl\:right-\[-9vw\] {
        right: -9vw;
    }
    .xl\:right-\[10\%\] {
        right: 10%;
    }
    .xl\:right-\[13\%\] {
        right: 13%;
    }
    .xl\:right-\[15\%\] {
        right: 15%;
    }
    .xl\:right-\[16\%\] {
        right: 16%;
    }
    .xl\:right-\[17\%\] {
        right: 17%;
    }
    .xl\:right-\[19\%\] {
        right: 19%;
    }
    .xl\:right-\[27\%\] {
        right: 27%;
    }
    .xl\:right-\[29\%\] {
        right: 29%;
    }
    .xl\:right-\[30\%\] {
        right: 30%;
    }
    .xl\:right-\[37\%\] {
        right: 37%;
    }
    .xl\:right-\[370px\] {
        right: 370px;
    }
    .xl\:right-\[3vw\] {
        right: 3vw;
    }
    .xl\:right-\[432px\] {
        right: 432px;
    }
    .xl\:right-\[5\%\] {
        right: 5%;
    }
    .xl\:right-\[6\%\] {
        right: 6%;
    }
    .xl\:right-\[8\%\] {
        right: 8%;
    }
    .xl\:right-auto {
        right: auto;
    }
    .xl\:top-0 {
        top: 0px;
    }
    .xl\:top-1\/2 {
        top: 50%;
    }
    .xl\:top-10 {
        top: 2.5rem;
    }
    .xl\:top-12 {
        top: 3rem;
    }
    .xl\:top-16 {
        top: 4rem;
    }
    .xl\:top-20 {
        top: 5rem;
    }
    .xl\:top-3\/4 {
        top: 75%;
    }
    .xl\:top-40 {
        top: 10rem;
    }
    .xl\:top-60 {
        top: 15rem;
    }
    .xl\:top-\[-20vw\] {
        top: -20vw;
    }
    .xl\:top-\[-45px\] {
        top: -45px;
    }
    .xl\:top-\[112px\] {
        top: 112px;
    }
    .xl\:top-\[131px\] {
        top: 131px;
    }
    .xl\:top-\[16\%\] {
        top: 16%;
    }
    .xl\:top-\[174px\] {
        top: 174px;
    }
    .xl\:top-\[18\%\] {
        top: 18%;
    }
    .xl\:top-\[194px\] {
        top: 194px;
    }
    .xl\:top-\[200px\] {
        top: 200px;
    }
    .xl\:top-\[21\%\] {
        top: 21%;
    }
    .xl\:top-\[23\%\] {
        top: 23%;
    }
    .xl\:top-\[230px\] {
        top: 230px;
    }
    .xl\:top-\[24vh\] {
        top: 24vh;
    }
    .xl\:top-\[25\%\] {
        top: 25%;
    }
    .xl\:top-\[257px\] {
        top: 257px;
    }
    .xl\:top-\[270px\] {
        top: 270px;
    }
    .xl\:top-\[28\%\] {
        top: 28%;
    }
    .xl\:top-\[28vh\] {
        top: 28vh;
    }
    .xl\:top-\[29\%\] {
        top: 29%;
    }
    .xl\:top-\[3\%\] {
        top: 3%;
    }
    .xl\:top-\[300px\] {
        top: 300px;
    }
    .xl\:top-\[31\%\] {
        top: 31%;
    }
    .xl\:top-\[32\%\] {
        top: 32%;
    }
    .xl\:top-\[320px\] {
        top: 320px;
    }
    .xl\:top-\[33vh\] {
        top: 33vh;
    }
    .xl\:top-\[37vh\] {
        top: 37vh;
    }
    .xl\:top-\[38\%\] {
        top: 38%;
    }
    .xl\:top-\[396px\] {
        top: 396px;
    }
    .xl\:top-\[40\%\] {
        top: 40%;
    }
    .xl\:top-\[44\%\] {
        top: 44%;
    }
    .xl\:top-\[460px\] {
        top: 460px;
    }
    .xl\:top-\[492px\] {
        top: 492px;
    }
    .xl\:top-\[50\%\] {
        top: 50%;
    }
    .xl\:top-\[545px\] {
        top: 545px;
    }
    .xl\:top-\[594px\] {
        top: 594px;
    }
    .xl\:top-\[636px\] {
        top: 636px;
    }
    .xl\:top-\[658px\] {
        top: 658px;
    }
    .xl\:top-\[666px\] {
        top: 666px;
    }
    .xl\:top-\[7\%\] {
        top: 7%;
    }
    .xl\:top-\[72vh\] {
        top: 72vh;
    }
    .xl\:top-\[753px\] {
        top: 753px;
    }
    .xl\:top-\[75vh\] {
        top: 75vh;
    }
    .xl\:top-\[81px\] {
        top: 81px;
    }
    .xl\:top-\[85\%\] {
        top: 85%;
    }
    .xl\:top-\[90px\] {
        top: 90px;
    }
    .xl\:top-auto {
        top: auto;
    }
    .xl\:z-\[1\] {
        z-index: 1;
    }
    .xl\:order-1 {
        order: 1;
    }
    .xl\:order-none {
        order: 0;
    }
    .xl\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .xl\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .xl\:col-start-2 {
        grid-column-start: 2;
    }
    .xl\:row-span-1 {
        grid-row: span 1 / span 1;
    }
    .xl\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .xl\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .xl\:mb-11 {
        margin-bottom: 2.75rem;
    }
    .xl\:mb-12 {
        margin-bottom: 3rem;
    }
    .xl\:mb-14 {
        margin-bottom: 3.5rem;
    }
    .xl\:mb-3 {
        margin-bottom: 0.75rem;
    }
    .xl\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .xl\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .xl\:mb-7 {
        margin-bottom: 1.75rem;
    }
    .xl\:mb-8 {
        margin-bottom: 2rem;
    }
    .xl\:ml-0 {
        margin-left: 0px;
    }
    .xl\:ml-10 {
        margin-left: 2.5rem;
    }
    .xl\:mr-0 {
        margin-right: 0px;
    }
    .xl\:mt-0 {
        margin-top: 0px;
    }
    .xl\:mt-4 {
        margin-top: 1rem;
    }
    .xl\:block {
        display: block;
    }
    .xl\:flex {
        display: flex;
    }
    .xl\:hidden {
        display: none;
    }
    .xl\:size-13 {
        width: 3.25rem;
        height: 3.25rem;
    }
    .xl\:size-6 {
        width: 1.5rem;
        height: 1.5rem;
    }
    .xl\:h-12 {
        height: 3rem;
    }
    .xl\:h-16 {
        height: 4rem;
    }
    .xl\:h-6 {
        height: 1.5rem;
    }
    .xl\:h-8 {
        height: 2rem;
    }
    .xl\:h-\[100px\] {
        height: 100px;
    }
    .xl\:h-\[112px\] {
        height: 112px;
    }
    .xl\:h-\[141px\] {
        height: 141px;
    }
    .xl\:h-\[153px\] {
        height: 153px;
    }
    .xl\:h-\[300px\] {
        height: 300px;
    }
    .xl\:h-\[380px\] {
        height: 380px;
    }
    .xl\:h-\[454px\] {
        height: 454px;
    }
    .xl\:h-\[720px\] {
        height: 720px;
    }
    .xl\:h-\[82px\] {
        height: 82px;
    }
    .xl\:h-auto {
        height: auto;
    }
    .xl\:w-10 {
        width: 2.5rem;
    }
    .xl\:w-11 {
        width: 2.75rem;
    }
    .xl\:w-13 {
        width: 3.25rem;
    }
    .xl\:w-16 {
        width: 4rem;
    }
    .xl\:w-18 {
        width: 4.5rem;
    }
    .xl\:w-20 {
        width: 5rem;
    }
    .xl\:w-24 {
        width: 6rem;
    }
    .xl\:w-25 {
        width: 6.25rem;
    }
    .xl\:w-27 {
        width: 6.75rem;
    }
    .xl\:w-28 {
        width: 7rem;
    }
    .xl\:w-30 {
        width: 7.5rem;
    }
    .xl\:w-32 {
        width: 8rem;
    }
    .xl\:w-36 {
        width: 9rem;
    }
    .xl\:w-5 {
        width: 1.25rem;
    }
    .xl\:w-6 {
        width: 1.5rem;
    }
    .xl\:w-\[100px\] {
        width: 100px;
    }
    .xl\:w-\[101px\] {
        width: 101px;
    }
    .xl\:w-\[102px\] {
        width: 102px;
    }
    .xl\:w-\[104px\] {
        width: 104px;
    }
    .xl\:w-\[105px\] {
        width: 105px;
    }
    .xl\:w-\[106px\] {
        width: 106px;
    }
    .xl\:w-\[1080px\] {
        width: 1080px;
    }
    .xl\:w-\[108px\] {
        width: 108px;
    }
    .xl\:w-\[1100px\] {
        width: 1100px;
    }
    .xl\:w-\[115px\] {
        width: 115px;
    }
    .xl\:w-\[119px\] {
        width: 119px;
    }
    .xl\:w-\[120px\] {
        width: 120px;
    }
    .xl\:w-\[121px\] {
        width: 121px;
    }
    .xl\:w-\[124px\] {
        width: 124px;
    }
    .xl\:w-\[130px\] {
        width: 130px;
    }
    .xl\:w-\[134px\] {
        width: 134px;
    }
    .xl\:w-\[140px\] {
        width: 140px;
    }
    .xl\:w-\[142px\] {
        width: 142px;
    }
    .xl\:w-\[156px\] {
        width: 156px;
    }
    .xl\:w-\[160px\] {
        width: 160px;
    }
    .xl\:w-\[165px\] {
        width: 165px;
    }
    .xl\:w-\[168px\] {
        width: 168px;
    }
    .xl\:w-\[170px\] {
        width: 170px;
    }
    .xl\:w-\[172px\] {
        width: 172px;
    }
    .xl\:w-\[173px\] {
        width: 173px;
    }
    .xl\:w-\[178px\] {
        width: 178px;
    }
    .xl\:w-\[180px\] {
        width: 180px;
    }
    .xl\:w-\[189px\] {
        width: 189px;
    }
    .xl\:w-\[194px\] {
        width: 194px;
    }
    .xl\:w-\[200px\] {
        width: 200px;
    }
    .xl\:w-\[209px\] {
        width: 209px;
    }
    .xl\:w-\[20vw\] {
        width: 20vw;
    }
    .xl\:w-\[210px\] {
        width: 210px;
    }
    .xl\:w-\[216px\] {
        width: 216px;
    }
    .xl\:w-\[233px\] {
        width: 233px;
    }
    .xl\:w-\[236px\] {
        width: 236px;
    }
    .xl\:w-\[238px\] {
        width: 238px;
    }
    .xl\:w-\[240px\] {
        width: 240px;
    }
    .xl\:w-\[275px\] {
        width: 275px;
    }
    .xl\:w-\[303px\] {
        width: 303px;
    }
    .xl\:w-\[30rem\] {
        width: 30rem;
    }
    .xl\:w-\[315px\] {
        width: 315px;
    }
    .xl\:w-\[327px\] {
        width: 327px;
    }
    .xl\:w-\[340px\] {
        width: 340px;
    }
    .xl\:w-\[34vw\] {
        width: 34vw;
    }
    .xl\:w-\[369px\] {
        width: 369px;
    }
    .xl\:w-\[390px\] {
        width: 390px;
    }
    .xl\:w-\[39vw\] {
        width: 39vw;
    }
    .xl\:w-\[414px\] {
        width: 414px;
    }
    .xl\:w-\[427px\] {
        width: 427px;
    }
    .xl\:w-\[43vw\] {
        width: 43vw;
    }
    .xl\:w-\[440px\] {
        width: 440px;
    }
    .xl\:w-\[454px\] {
        width: 454px;
    }
    .xl\:w-\[468px\] {
        width: 468px;
    }
    .xl\:w-\[499px\] {
        width: 499px;
    }
    .xl\:w-\[500px\] {
        width: 500px;
    }
    .xl\:w-\[50vw\] {
        width: 50vw;
    }
    .xl\:w-\[510px\] {
        width: 510px;
    }
    .xl\:w-\[524px\] {
        width: 524px;
    }
    .xl\:w-\[52vw\] {
        width: 52vw;
    }
    .xl\:w-\[536px\] {
        width: 536px;
    }
    .xl\:w-\[550px\] {
        width: 550px;
    }
    .xl\:w-\[583px\] {
        width: 583px;
    }
    .xl\:w-\[590px\] {
        width: 590px;
    }
    .xl\:w-\[600px\] {
        width: 600px;
    }
    .xl\:w-\[60vw\] {
        width: 60vw;
    }
    .xl\:w-\[660px\] {
        width: 660px;
    }
    .xl\:w-\[66px\] {
        width: 66px;
    }
    .xl\:w-\[67\.5vw\] {
        width: 67.5vw;
    }
    .xl\:w-\[68px\] {
        width: 68px;
    }
    .xl\:w-\[696px\] {
        width: 696px;
    }
    .xl\:w-\[69px\] {
        width: 69px;
    }
    .xl\:w-\[70px\] {
        width: 70px;
    }
    .xl\:w-\[71px\] {
        width: 71px;
    }
    .xl\:w-\[72px\] {
        width: 72px;
    }
    .xl\:w-\[73px\] {
        width: 73px;
    }
    .xl\:w-\[74px\] {
        width: 74px;
    }
    .xl\:w-\[75px\] {
        width: 75px;
    }
    .xl\:w-\[810px\] {
        width: 810px;
    }
    .xl\:w-\[82px\] {
        width: 82px;
    }
    .xl\:w-\[83px\] {
        width: 83px;
    }
    .xl\:w-\[84px\] {
        width: 84px;
    }
    .xl\:w-\[85px\] {
        width: 85px;
    }
    .xl\:w-\[86px\] {
        width: 86px;
    }
    .xl\:w-\[871px\] {
        width: 871px;
    }
    .xl\:w-\[88px\] {
        width: 88px;
    }
    .xl\:w-\[90px\] {
        width: 90px;
    }
    .xl\:w-\[92px\] {
        width: 92px;
    }
    .xl\:w-\[96px\] {
        width: 96px;
    }
    .xl\:w-\[98px\] {
        width: 98px;
    }
    .xl\:w-auto {
        width: auto;
    }
    .xl\:w-full {
        width: 100%;
    }
    .xl\:min-w-0 {
        min-width: 0px;
    }
    .xl\:min-w-\[420px\] {
        min-width: 420px;
    }
    .xl\:min-w-\[540px\] {
        min-width: 540px;
    }
    .xl\:min-w-\[973px\] {
        min-width: 973px;
    }
    .xl\:max-w-\[1080px\] {
        max-width: 1080px;
    }
    .xl\:max-w-\[1120px\] {
        max-width: 1120px;
    }
    .xl\:max-w-\[660px\] {
        max-width: 660px;
    }
    .xl\:max-w-\[806px\] {
        max-width: 806px;
    }
    .xl\:max-w-none {
        max-width: none;
    }
    .xl\:flex-1 {
        flex: 1 1 0%;
    }
    .xl\:shrink-0 {
        flex-shrink: 0;
    }
    .xl\:basis-auto {
        flex-basis: auto;
    }
    .xl\:basis-full {
        flex-basis: 100%;
    }
    .xl\:\!-translate-y-1\/2 {
        --tw-translate-y: -50% !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }
    .xl\:rotate-\[-80deg\] {
        --tw-rotate: -80deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .xl\:rotate-\[106deg\] {
        --tw-rotate: 106deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .xl\:rotate-\[120deg\] {
        --tw-rotate: 120deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .xl\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-rows-blog-section {
        grid-template-rows: repeat(2, 436px);
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .xl\:flex-col {
        flex-direction: column;
    }
    .xl\:flex-wrap {
        flex-wrap: wrap;
    }
    .xl\:items-start {
        align-items: flex-start;
    }
    .xl\:items-center {
        align-items: center;
    }
    .xl\:justify-start {
        justify-content: flex-start;
    }
    .xl\:justify-center {
        justify-content: center;
    }
    .xl\:justify-between {
        justify-content: space-between;
    }
    .xl\:gap-10 {
        gap: 2.5rem;
    }
    .xl\:gap-11 {
        gap: 2.75rem;
    }
    .xl\:gap-16 {
        gap: 4rem;
    }
    .xl\:gap-20 {
        gap: 5rem;
    }
    .xl\:gap-4 {
        gap: 1rem;
    }
    .xl\:gap-6 {
        gap: 1.5rem;
    }
    .xl\:gap-8 {
        gap: 2rem;
    }
    .xl\:gap-\[150px\] {
        gap: 150px;
    }
    .xl\:gap-\[74px\] {
        gap: 74px;
    }
    .xl\:gap-\[85px\] {
        gap: 85px;
    }
    .xl\:gap-\[90px\] {
        gap: 90px;
    }
    .xl\:gap-x-7 {
        -moz-column-gap: 1.75rem;
             column-gap: 1.75rem;
    }
    .xl\:gap-y-12 {
        row-gap: 3rem;
    }
    .xl\:gap-y-13 {
        row-gap: 3.25rem;
    }
    .xl\:p-0 {
        padding: 0px;
    }
    .xl\:p-1\.5 {
        padding: 0.375rem;
    }
    .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .xl\:py-18 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
    .xl\:py-27 {
        padding-top: 6.75rem;
        padding-bottom: 6.75rem;
    }
    .xl\:py-30 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .xl\:pb-15 {
        padding-bottom: 3.75rem;
    }
    .xl\:pb-16 {
        padding-bottom: 4rem;
    }
    .xl\:pb-2 {
        padding-bottom: 0.5rem;
    }
    .xl\:pb-20 {
        padding-bottom: 5rem;
    }
    .xl\:pb-24 {
        padding-bottom: 6rem;
    }
    .xl\:pb-32 {
        padding-bottom: 8rem;
    }
    .xl\:pb-36 {
        padding-bottom: 9rem;
    }
    .xl\:pb-4 {
        padding-bottom: 1rem;
    }
    .xl\:pb-40 {
        padding-bottom: 10rem;
    }
    .xl\:pb-44 {
        padding-bottom: 11rem;
    }
    .xl\:pb-48 {
        padding-bottom: 12rem;
    }
    .xl\:pb-52 {
        padding-bottom: 13rem;
    }
    .xl\:pb-60 {
        padding-bottom: 15rem;
    }
    .xl\:pb-64 {
        padding-bottom: 16rem;
    }
    .xl\:pb-8 {
        padding-bottom: 2rem;
    }
    .xl\:pb-\[220px\] {
        padding-bottom: 220px;
    }
    .xl\:pb-\[242px\] {
        padding-bottom: 242px;
    }
    .xl\:pb-\[248px\] {
        padding-bottom: 248px;
    }
    .xl\:pb-\[272px\] {
        padding-bottom: 272px;
    }
    .xl\:pt-11 {
        padding-top: 2.75rem;
    }
    .xl\:pt-18 {
        padding-top: 4.5rem;
    }
    .xl\:pt-20 {
        padding-top: 5rem;
    }
    .xl\:pt-30 {
        padding-top: 7.5rem;
    }
    .xl\:pt-32 {
        padding-top: 8rem;
    }
    .xl\:pt-36 {
        padding-top: 9rem;
    }
    .xl\:pt-40 {
        padding-top: 10rem;
    }
    .xl\:pt-42 {
        padding-top: 10.5rem;
    }
    .xl\:pt-\[232px\] {
        padding-top: 232px;
    }
    .xl\:pt-\[272px\] {
        padding-top: 272px;
    }
    .xl\:text-left {
        text-align: left;
    }
    .xl\:text-center {
        text-align: center;
    }
    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
    .xl\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    .xl\:leading-none {
        line-height: 1;
    }
    .xl\:first\:col-span-5:first-child {
        grid-column: span 5 / span 5;
    }
    .xl\:first\:row-span-2:first-child {
        grid-row: span 2 / span 2;
    }
    .xl\:first\:mt-16:first-child {
        margin-top: 4rem;
    }
    .xl\:last\:row-span-2:last-child {
        grid-row: span 2 / span 2;
    }
}
@media (min-width: 1400px) {
    .\32xl\:-right-28 {
        right: -7rem;
    }
    .\32xl\:-top-3 {
        top: -0.75rem;
    }
    .\32xl\:bottom-40 {
        bottom: 10rem;
    }
    .\32xl\:bottom-\[113px\] {
        bottom: 113px;
    }
    .\32xl\:bottom-\[249px\] {
        bottom: 249px;
    }
    .\32xl\:left-18 {
        left: 4.5rem;
    }
    .\32xl\:left-5 {
        left: 1.25rem;
    }
    .\32xl\:left-\[-115px\] {
        left: -115px;
    }
    .\32xl\:left-\[-150px\] {
        left: -150px;
    }
    .\32xl\:left-\[-20\%\] {
        left: -20%;
    }
    .\32xl\:left-\[-3\%\] {
        left: -3%;
    }
    .\32xl\:left-\[-30\%\] {
        left: -30%;
    }
    .\32xl\:left-\[-50vw\] {
        left: -50vw;
    }
    .\32xl\:left-\[-879px\] {
        left: -879px;
    }
    .\32xl\:left-\[113px\] {
        left: 113px;
    }
    .\32xl\:left-\[120px\] {
        left: 120px;
    }
    .\32xl\:left-\[150px\] {
        left: 150px;
    }
    .\32xl\:left-\[164px\] {
        left: 164px;
    }
    .\32xl\:left-\[18px\] {
        left: 18px;
    }
    .\32xl\:left-\[202px\] {
        left: 202px;
    }
    .\32xl\:left-\[21\%\] {
        left: 21%;
    }
    .\32xl\:left-\[218px\] {
        left: 218px;
    }
    .\32xl\:left-\[220px\] {
        left: 220px;
    }
    .\32xl\:left-\[27\%\] {
        left: 27%;
    }
    .\32xl\:left-\[30\%\] {
        left: 30%;
    }
    .\32xl\:left-\[31px\] {
        left: 31px;
    }
    .\32xl\:left-\[320px\] {
        left: 320px;
    }
    .\32xl\:left-\[333px\] {
        left: 333px;
    }
    .\32xl\:left-\[357px\] {
        left: 357px;
    }
    .\32xl\:left-\[39\.3vw\] {
        left: 39.3vw;
    }
    .\32xl\:left-\[408px\] {
        left: 408px;
    }
    .\32xl\:left-\[6\%\] {
        left: 6%;
    }
    .\32xl\:left-\[83\%\] {
        left: 83%;
    }
    .\32xl\:left-\[84px\] {
        left: 84px;
    }
    .\32xl\:left-\[87px\] {
        left: 87px;
    }
    .\32xl\:left-\[8vw\] {
        left: 8vw;
    }
    .\32xl\:left-\[960px\] {
        left: 960px;
    }
    .\32xl\:right-\[-147px\] {
        right: -147px;
    }
    .\32xl\:right-\[-180px\] {
        right: -180px;
    }
    .\32xl\:right-\[-20\%\] {
        right: -20%;
    }
    .\32xl\:right-\[-88px\] {
        right: -88px;
    }
    .\32xl\:right-\[10\%\] {
        right: 10%;
    }
    .\32xl\:right-\[120px\] {
        right: 120px;
    }
    .\32xl\:right-\[14vw\] {
        right: 14vw;
    }
    .\32xl\:right-\[16\%\] {
        right: 16%;
    }
    .\32xl\:right-\[20\%\] {
        right: 20%;
    }
    .\32xl\:right-\[25\%\] {
        right: 25%;
    }
    .\32xl\:right-\[5vw\] {
        right: 5vw;
    }
    .\32xl\:top-1\/2 {
        top: 50%;
    }
    .\32xl\:top-13 {
        top: 3.25rem;
    }
    .\32xl\:top-20 {
        top: 5rem;
    }
    .\32xl\:top-4 {
        top: 1rem;
    }
    .\32xl\:top-\[-20\%\] {
        top: -20%;
    }
    .\32xl\:top-\[112px\] {
        top: 112px;
    }
    .\32xl\:top-\[152px\] {
        top: 152px;
    }
    .\32xl\:top-\[20\%\] {
        top: 20%;
    }
    .\32xl\:top-\[21vh\] {
        top: 21vh;
    }
    .\32xl\:top-\[22px\] {
        top: 22px;
    }
    .\32xl\:top-\[29vh\] {
        top: 29vh;
    }
    .\32xl\:top-\[321px\] {
        top: 321px;
    }
    .\32xl\:top-\[340px\] {
        top: 340px;
    }
    .\32xl\:top-\[36\%\] {
        top: 36%;
    }
    .\32xl\:top-\[469px\] {
        top: 469px;
    }
    .\32xl\:top-\[480px\] {
        top: 480px;
    }
    .\32xl\:top-\[5\%\] {
        top: 5%;
    }
    .\32xl\:top-\[70vh\] {
        top: 70vh;
    }
    .\32xl\:mb-12 {
        margin-bottom: 3rem;
    }
    .\32xl\:mt-10 {
        margin-top: 2.5rem;
    }
    .\32xl\:block {
        display: block;
    }
    .\32xl\:flex {
        display: flex;
    }
    .\32xl\:hidden {
        display: none;
    }
    .\32xl\:w-18 {
        width: 4.5rem;
    }
    .\32xl\:w-\[104px\] {
        width: 104px;
    }
    .\32xl\:w-\[1115px\] {
        width: 1115px;
    }
    .\32xl\:w-\[113px\] {
        width: 113px;
    }
    .\32xl\:w-\[119px\] {
        width: 119px;
    }
    .\32xl\:w-\[1236px\] {
        width: 1236px;
    }
    .\32xl\:w-\[125px\] {
        width: 125px;
    }
    .\32xl\:w-\[1304px\] {
        width: 1304px;
    }
    .\32xl\:w-\[131px\] {
        width: 131px;
    }
    .\32xl\:w-\[148px\] {
        width: 148px;
    }
    .\32xl\:w-\[160px\] {
        width: 160px;
    }
    .\32xl\:w-\[191px\] {
        width: 191px;
    }
    .\32xl\:w-\[200px\] {
        width: 200px;
    }
    .\32xl\:w-\[208px\] {
        width: 208px;
    }
    .\32xl\:w-\[219px\] {
        width: 219px;
    }
    .\32xl\:w-\[22\.7vw\] {
        width: 22.7vw;
    }
    .\32xl\:w-\[260px\] {
        width: 260px;
    }
    .\32xl\:w-\[280px\] {
        width: 280px;
    }
    .\32xl\:w-\[360px\] {
        width: 360px;
    }
    .\32xl\:w-\[400px\] {
        width: 400px;
    }
    .\32xl\:w-\[43vw\] {
        width: 43vw;
    }
    .\32xl\:w-\[558px\] {
        width: 558px;
    }
    .\32xl\:w-\[580px\] {
        width: 580px;
    }
    .\32xl\:w-\[74px\] {
        width: 74px;
    }
    .\32xl\:w-\[780px\] {
        width: 780px;
    }
    .\32xl\:w-\[93px\] {
        width: 93px;
    }
    .\32xl\:w-\[96px\] {
        width: 96px;
    }
    .\32xl\:min-w-\[30rem\] {
        min-width: 30rem;
    }
    .\32xl\:min-w-\[327px\] {
        min-width: 327px;
    }
    .\32xl\:max-w-\[1240px\] {
        max-width: 1240px;
    }
    .\32xl\:max-w-\[56vw\] {
        max-width: 56vw;
    }
    .\32xl\:max-w-\[700px\] {
        max-width: 700px;
    }
    .\32xl\:rotate-\[140deg\] {
        --tw-rotate: 140deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .\32xl\:items-center {
        align-items: center;
    }
    .\32xl\:gap-13 {
        gap: 3.25rem;
    }
    .\32xl\:gap-15 {
        gap: 3.75rem;
    }
    .\32xl\:gap-36 {
        gap: 9rem;
    }
    .\32xl\:gap-x-10 {
        -moz-column-gap: 2.5rem;
             column-gap: 2.5rem;
    }
    .\32xl\:px-\[3\.7vw\] {
        padding-left: 3.7vw;
        padding-right: 3.7vw;
    }
    .\32xl\:px-\[4\.7vw\] {
        padding-left: 4.7vw;
        padding-right: 4.7vw;
    }
    .\32xl\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .\32xl\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .\32xl\:pb-32 {
        padding-bottom: 8rem;
    }
    .\32xl\:pt-44 {
        padding-top: 11rem;
    }
    .\32xl\:pt-7 {
        padding-top: 1.75rem;
    }
    .\32xl\:pt-\[20vh\] {
        padding-top: 20vh;
    }
    .\32xl\:pt-\[6\.5vh\] {
        padding-top: 6.5vh;
    }
    .\32xl\:text-size-9\.5 {
        font-size: 2.375rem;
    }
    .\32xl\:leading-default {
        line-height: 1.2;
    }
}
@media (min-width: 1940px) {
    .\33xl\:-bottom-20 {
        bottom: -5rem;
    }
    .\33xl\:-bottom-40 {
        bottom: -10rem;
    }
    .\33xl\:-bottom-52 {
        bottom: -13rem;
    }
    .\33xl\:-bottom-60 {
        bottom: -15rem;
    }
    .\33xl\:-left-8 {
        left: -2rem;
    }
    .\33xl\:-right-10 {
        right: -2.5rem;
    }
    .\33xl\:-right-8 {
        right: -2rem;
    }
    .\33xl\:-top-12 {
        top: -3rem;
    }
    .\33xl\:-top-20 {
        top: -5rem;
    }
    .\33xl\:-top-8 {
        top: -2rem;
    }
    .\33xl\:bottom-0 {
        bottom: 0px;
    }
    .\33xl\:bottom-20 {
        bottom: 5rem;
    }
    .\33xl\:bottom-\[-160px\] {
        bottom: -160px;
    }
    .\33xl\:bottom-\[-190px\] {
        bottom: -190px;
    }
    .\33xl\:bottom-\[-25vw\] {
        bottom: -25vw;
    }
    .\33xl\:bottom-\[-46vw\] {
        bottom: -46vw;
    }
    .\33xl\:bottom-\[-480px\] {
        bottom: -480px;
    }
    .\33xl\:bottom-\[100px\] {
        bottom: 100px;
    }
    .\33xl\:bottom-\[200px\] {
        bottom: 200px;
    }
    .\33xl\:bottom-\[215px\] {
        bottom: 215px;
    }
    .\33xl\:bottom-\[300px\] {
        bottom: 300px;
    }
    .\33xl\:left-0 {
        left: 0px;
    }
    .\33xl\:left-1\/2 {
        left: 50%;
    }
    .\33xl\:left-1\/4 {
        left: 25%;
    }
    .\33xl\:left-25 {
        left: 6.25rem;
    }
    .\33xl\:left-40 {
        left: 10rem;
    }
    .\33xl\:left-8 {
        left: 2rem;
    }
    .\33xl\:left-\[-1100px\] {
        left: -1100px;
    }
    .\33xl\:left-\[-110px\] {
        left: -110px;
    }
    .\33xl\:left-\[-15\%\] {
        left: -15%;
    }
    .\33xl\:left-\[-150px\] {
        left: -150px;
    }
    .\33xl\:left-\[-160px\] {
        left: -160px;
    }
    .\33xl\:left-\[-180px\] {
        left: -180px;
    }
    .\33xl\:left-\[-200px\] {
        left: -200px;
    }
    .\33xl\:left-\[-220px\] {
        left: -220px;
    }
    .\33xl\:left-\[-27vw\] {
        left: -27vw;
    }
    .\33xl\:left-\[-33vw\] {
        left: -33vw;
    }
    .\33xl\:left-\[-7\%\] {
        left: -7%;
    }
    .\33xl\:left-\[-90px\] {
        left: -90px;
    }
    .\33xl\:left-\[10\%\] {
        left: 10%;
    }
    .\33xl\:left-\[106px\] {
        left: 106px;
    }
    .\33xl\:left-\[10vw\] {
        left: 10vw;
    }
    .\33xl\:left-\[110px\] {
        left: 110px;
    }
    .\33xl\:left-\[12\%\] {
        left: 12%;
    }
    .\33xl\:left-\[12vw\] {
        left: 12vw;
    }
    .\33xl\:left-\[140px\] {
        left: 140px;
    }
    .\33xl\:left-\[148px\] {
        left: 148px;
    }
    .\33xl\:left-\[15\%\] {
        left: 15%;
    }
    .\33xl\:left-\[150px\] {
        left: 150px;
    }
    .\33xl\:left-\[15vw\] {
        left: 15vw;
    }
    .\33xl\:left-\[164px\] {
        left: 164px;
    }
    .\33xl\:left-\[170px\] {
        left: 170px;
    }
    .\33xl\:left-\[18\%\] {
        left: 18%;
    }
    .\33xl\:left-\[20\%\] {
        left: 20%;
    }
    .\33xl\:left-\[20vw\] {
        left: 20vw;
    }
    .\33xl\:left-\[21\%\] {
        left: 21%;
    }
    .\33xl\:left-\[22\%\] {
        left: 22%;
    }
    .\33xl\:left-\[226px\] {
        left: 226px;
    }
    .\33xl\:left-\[23\%\] {
        left: 23%;
    }
    .\33xl\:left-\[25\%\] {
        left: 25%;
    }
    .\33xl\:left-\[265px\] {
        left: 265px;
    }
    .\33xl\:left-\[343px\] {
        left: 343px;
    }
    .\33xl\:left-\[364px\] {
        left: 364px;
    }
    .\33xl\:left-\[400px\] {
        left: 400px;
    }
    .\33xl\:left-\[40vw\] {
        left: 40vw;
    }
    .\33xl\:left-\[44vw\] {
        left: 44vw;
    }
    .\33xl\:left-\[450px\] {
        left: 450px;
    }
    .\33xl\:left-\[48\%\] {
        left: 48%;
    }
    .\33xl\:left-\[49vw\] {
        left: 49vw;
    }
    .\33xl\:left-\[50px\] {
        left: 50px;
    }
    .\33xl\:left-\[51vw\] {
        left: 51vw;
    }
    .\33xl\:left-\[52\%\] {
        left: 52%;
    }
    .\33xl\:left-\[520px\] {
        left: 520px;
    }
    .\33xl\:left-\[530px\] {
        left: 530px;
    }
    .\33xl\:left-\[548px\] {
        left: 548px;
    }
    .\33xl\:left-\[55vw\] {
        left: 55vw;
    }
    .\33xl\:left-\[560px\] {
        left: 560px;
    }
    .\33xl\:left-\[56vw\] {
        left: 56vw;
    }
    .\33xl\:left-\[59\%\] {
        left: 59%;
    }
    .\33xl\:left-\[61vw\] {
        left: 61vw;
    }
    .\33xl\:left-\[66\%\] {
        left: 66%;
    }
    .\33xl\:left-\[68\%\] {
        left: 68%;
    }
    .\33xl\:left-\[71\%\] {
        left: 71%;
    }
    .\33xl\:left-\[73\%\] {
        left: 73%;
    }
    .\33xl\:left-\[75\%\] {
        left: 75%;
    }
    .\33xl\:left-\[76\%\] {
        left: 76%;
    }
    .\33xl\:left-\[8\%\] {
        left: 8%;
    }
    .\33xl\:left-\[80\%\] {
        left: 80%;
    }
    .\33xl\:left-\[85\%\] {
        left: 85%;
    }
    .\33xl\:left-\[86px\] {
        left: 86px;
    }
    .\33xl\:left-\[88\%\] {
        left: 88%;
    }
    .\33xl\:left-\[90px\] {
        left: 90px;
    }
    .\33xl\:left-\[98px\] {
        left: 98px;
    }
    .\33xl\:right-20 {
        right: 5rem;
    }
    .\33xl\:right-\[-15\%\] {
        right: -15%;
    }
    .\33xl\:right-\[-150px\] {
        right: -150px;
    }
    .\33xl\:right-\[-170px\] {
        right: -170px;
    }
    .\33xl\:right-\[-180px\] {
        right: -180px;
    }
    .\33xl\:right-\[-200px\] {
        right: -200px;
    }
    .\33xl\:right-\[-220px\] {
        right: -220px;
    }
    .\33xl\:right-\[10\%\] {
        right: 10%;
    }
    .\33xl\:right-\[10vw\] {
        right: 10vw;
    }
    .\33xl\:right-\[12\%\] {
        right: 12%;
    }
    .\33xl\:right-\[140px\] {
        right: 140px;
    }
    .\33xl\:right-\[15\%\] {
        right: 15%;
    }
    .\33xl\:right-\[170px\] {
        right: 170px;
    }
    .\33xl\:right-\[20\%\] {
        right: 20%;
    }
    .\33xl\:right-\[20vw\] {
        right: 20vw;
    }
    .\33xl\:right-\[22\%\] {
        right: 22%;
    }
    .\33xl\:right-\[28\%\] {
        right: 28%;
    }
    .\33xl\:right-\[29\%\] {
        right: 29%;
    }
    .\33xl\:right-\[30\%\] {
        right: 30%;
    }
    .\33xl\:right-\[35vw\] {
        right: 35vw;
    }
    .\33xl\:right-\[47\%\] {
        right: 47%;
    }
    .\33xl\:right-\[470px\] {
        right: 470px;
    }
    .\33xl\:right-\[50\%\] {
        right: 50%;
    }
    .\33xl\:right-\[51\%\] {
        right: 51%;
    }
    .\33xl\:right-\[8\%\] {
        right: 8%;
    }
    .\33xl\:right-\[8vw\] {
        right: 8vw;
    }
    .\33xl\:top-1\/2 {
        top: 50%;
    }
    .\33xl\:top-1\/3 {
        top: 33.333333%;
    }
    .\33xl\:top-1\/4 {
        top: 25%;
    }
    .\33xl\:top-20 {
        top: 5rem;
    }
    .\33xl\:top-30 {
        top: 7.5rem;
    }
    .\33xl\:top-32 {
        top: 8rem;
    }
    .\33xl\:top-\[-12\%\] {
        top: -12%;
    }
    .\33xl\:top-\[10\%\] {
        top: 10%;
    }
    .\33xl\:top-\[10px\] {
        top: 10px;
    }
    .\33xl\:top-\[12\%\] {
        top: 12%;
    }
    .\33xl\:top-\[120px\] {
        top: 120px;
    }
    .\33xl\:top-\[14\%\] {
        top: 14%;
    }
    .\33xl\:top-\[16\%\] {
        top: 16%;
    }
    .\33xl\:top-\[160px\] {
        top: 160px;
    }
    .\33xl\:top-\[220px\] {
        top: 220px;
    }
    .\33xl\:top-\[240px\] {
        top: 240px;
    }
    .\33xl\:top-\[280px\] {
        top: 280px;
    }
    .\33xl\:top-\[300px\] {
        top: 300px;
    }
    .\33xl\:top-\[320px\] {
        top: 320px;
    }
    .\33xl\:top-\[33\%\] {
        top: 33%;
    }
    .\33xl\:top-\[35\%\] {
        top: 35%;
    }
    .\33xl\:top-\[36\%\] {
        top: 36%;
    }
    .\33xl\:top-\[38\%\] {
        top: 38%;
    }
    .\33xl\:top-\[40\%\] {
        top: 40%;
    }
    .\33xl\:top-\[400px\] {
        top: 400px;
    }
    .\33xl\:top-\[40px\] {
        top: 40px;
    }
    .\33xl\:top-\[416px\] {
        top: 416px;
    }
    .\33xl\:top-\[420px\] {
        top: 420px;
    }
    .\33xl\:top-\[430px\] {
        top: 430px;
    }
    .\33xl\:top-\[440px\] {
        top: 440px;
    }
    .\33xl\:top-\[45\%\] {
        top: 45%;
    }
    .\33xl\:top-\[480px\] {
        top: 480px;
    }
    .\33xl\:top-\[500px\] {
        top: 500px;
    }
    .\33xl\:top-\[509px\] {
        top: 509px;
    }
    .\33xl\:top-\[530px\] {
        top: 530px;
    }
    .\33xl\:top-\[550px\] {
        top: 550px;
    }
    .\33xl\:top-\[56\%\] {
        top: 56%;
    }
    .\33xl\:top-\[570px\] {
        top: 570px;
    }
    .\33xl\:top-\[6\%\] {
        top: 6%;
    }
    .\33xl\:top-\[60\%\] {
        top: 60%;
    }
    .\33xl\:top-\[600px\] {
        top: 600px;
    }
    .\33xl\:top-\[61\%\] {
        top: 61%;
    }
    .\33xl\:top-\[630px\] {
        top: 630px;
    }
    .\33xl\:top-\[64\%\] {
        top: 64%;
    }
    .\33xl\:top-\[680px\] {
        top: 680px;
    }
    .\33xl\:top-\[685px\] {
        top: 685px;
    }
    .\33xl\:top-\[690px\] {
        top: 690px;
    }
    .\33xl\:top-\[72\%\] {
        top: 72%;
    }
    .\33xl\:top-\[760px\] {
        top: 760px;
    }
    .\33xl\:top-\[820px\] {
        top: 820px;
    }
    .\33xl\:top-\[870px\] {
        top: 870px;
    }
    .\33xl\:top-\[920px\] {
        top: 920px;
    }
    .\33xl\:top-auto {
        top: auto;
    }
    .\33xl\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .\33xl\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .\33xl\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .\33xl\:mb-10 {
        margin-bottom: 2.5rem;
    }
    .\33xl\:mb-12 {
        margin-bottom: 3rem;
    }
    .\33xl\:mb-14 {
        margin-bottom: 3.5rem;
    }
    .\33xl\:mb-16 {
        margin-bottom: 4rem;
    }
    .\33xl\:mb-18 {
        margin-bottom: 4.5rem;
    }
    .\33xl\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .\33xl\:mb-20 {
        margin-bottom: 5rem;
    }
    .\33xl\:mb-36 {
        margin-bottom: 9rem;
    }
    .\33xl\:mb-4 {
        margin-bottom: 1rem;
    }
    .\33xl\:mb-5 {
        margin-bottom: 1.25rem;
    }
    .\33xl\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .\33xl\:mb-7 {
        margin-bottom: 1.75rem;
    }
    .\33xl\:mb-8 {
        margin-bottom: 2rem;
    }
    .\33xl\:mt-0 {
        margin-top: 0px;
    }
    .\33xl\:mt-3 {
        margin-top: 0.75rem;
    }
    .\33xl\:mt-4 {
        margin-top: 1rem;
    }
    .\33xl\:mt-\[100px\] {
        margin-top: 100px;
    }
    .\33xl\:block {
        display: block;
    }
    .\33xl\:hidden {
        display: none;
    }
    .\33xl\:size-4 {
        width: 1rem;
        height: 1rem;
    }
    .\33xl\:size-7 {
        width: 1.75rem;
        height: 1.75rem;
    }
    .\33xl\:size-8 {
        width: 2rem;
        height: 2rem;
    }
    .\33xl\:size-\[66px\] {
        width: 66px;
        height: 66px;
    }
    .\33xl\:h-10 {
        height: 2.5rem;
    }
    .\33xl\:h-12 {
        height: 3rem;
    }
    .\33xl\:h-14 {
        height: 3.5rem;
    }
    .\33xl\:h-15 {
        height: 3.75rem;
    }
    .\33xl\:h-16 {
        height: 4rem;
    }
    .\33xl\:h-18 {
        height: 4.5rem;
    }
    .\33xl\:h-20 {
        height: 5rem;
    }
    .\33xl\:h-36 {
        height: 9rem;
    }
    .\33xl\:h-44 {
        height: 11rem;
    }
    .\33xl\:h-\[1100px\] {
        height: 1100px;
    }
    .\33xl\:h-\[160px\] {
        height: 160px;
    }
    .\33xl\:h-\[190px\] {
        height: 190px;
    }
    .\33xl\:h-\[381px\] {
        height: 381px;
    }
    .\33xl\:h-\[480px\] {
        height: 480px;
    }
    .\33xl\:h-\[600px\] {
        height: 600px;
    }
    .\33xl\:h-\[800px\] {
        height: 800px;
    }
    .\33xl\:h-\[883px\] {
        height: 883px;
    }
    .\33xl\:h-\[96px\] {
        height: 96px;
    }
    .\33xl\:min-h-\[230px\] {
        min-height: 230px;
    }
    .\33xl\:w-10 {
        width: 2.5rem;
    }
    .\33xl\:w-12 {
        width: 3rem;
    }
    .\33xl\:w-14 {
        width: 3.5rem;
    }
    .\33xl\:w-15 {
        width: 3.75rem;
    }
    .\33xl\:w-16 {
        width: 4rem;
    }
    .\33xl\:w-18 {
        width: 4.5rem;
    }
    .\33xl\:w-20 {
        width: 5rem;
    }
    .\33xl\:w-24 {
        width: 6rem;
    }
    .\33xl\:w-25 {
        width: 6.25rem;
    }
    .\33xl\:w-28 {
        width: 7rem;
    }
    .\33xl\:w-30 {
        width: 7.5rem;
    }
    .\33xl\:w-32 {
        width: 8rem;
    }
    .\33xl\:w-36 {
        width: 9rem;
    }
    .\33xl\:w-48 {
        width: 12rem;
    }
    .\33xl\:w-56 {
        width: 14rem;
    }
    .\33xl\:w-6 {
        width: 1.5rem;
    }
    .\33xl\:w-7 {
        width: 1.75rem;
    }
    .\33xl\:w-8 {
        width: 2rem;
    }
    .\33xl\:w-9 {
        width: 2.25rem;
    }
    .\33xl\:w-\[100px\] {
        width: 100px;
    }
    .\33xl\:w-\[102px\] {
        width: 102px;
    }
    .\33xl\:w-\[1036px\] {
        width: 1036px;
    }
    .\33xl\:w-\[104px\] {
        width: 104px;
    }
    .\33xl\:w-\[105px\] {
        width: 105px;
    }
    .\33xl\:w-\[1080px\] {
        width: 1080px;
    }
    .\33xl\:w-\[108px\] {
        width: 108px;
    }
    .\33xl\:w-\[1100px\] {
        width: 1100px;
    }
    .\33xl\:w-\[110px\] {
        width: 110px;
    }
    .\33xl\:w-\[112px\] {
        width: 112px;
    }
    .\33xl\:w-\[114px\] {
        width: 114px;
    }
    .\33xl\:w-\[118px\] {
        width: 118px;
    }
    .\33xl\:w-\[119px\] {
        width: 119px;
    }
    .\33xl\:w-\[120px\] {
        width: 120px;
    }
    .\33xl\:w-\[1210px\] {
        width: 1210px;
    }
    .\33xl\:w-\[1240px\] {
        width: 1240px;
    }
    .\33xl\:w-\[124px\] {
        width: 124px;
    }
    .\33xl\:w-\[126px\] {
        width: 126px;
    }
    .\33xl\:w-\[1300px\] {
        width: 1300px;
    }
    .\33xl\:w-\[130px\] {
        width: 130px;
    }
    .\33xl\:w-\[1340px\] {
        width: 1340px;
    }
    .\33xl\:w-\[134px\] {
        width: 134px;
    }
    .\33xl\:w-\[140px\] {
        width: 140px;
    }
    .\33xl\:w-\[1460px\] {
        width: 1460px;
    }
    .\33xl\:w-\[148px\] {
        width: 148px;
    }
    .\33xl\:w-\[150px\] {
        width: 150px;
    }
    .\33xl\:w-\[16\.75rem\] {
        width: 16.75rem;
    }
    .\33xl\:w-\[160px\] {
        width: 160px;
    }
    .\33xl\:w-\[164px\] {
        width: 164px;
    }
    .\33xl\:w-\[166px\] {
        width: 166px;
    }
    .\33xl\:w-\[170px\] {
        width: 170px;
    }
    .\33xl\:w-\[17rem\] {
        width: 17rem;
    }
    .\33xl\:w-\[197px\] {
        width: 197px;
    }
    .\33xl\:w-\[200px\] {
        width: 200px;
    }
    .\33xl\:w-\[210px\] {
        width: 210px;
    }
    .\33xl\:w-\[212px\] {
        width: 212px;
    }
    .\33xl\:w-\[220px\] {
        width: 220px;
    }
    .\33xl\:w-\[224px\] {
        width: 224px;
    }
    .\33xl\:w-\[240px\] {
        width: 240px;
    }
    .\33xl\:w-\[244px\] {
        width: 244px;
    }
    .\33xl\:w-\[250px\] {
        width: 250px;
    }
    .\33xl\:w-\[260px\] {
        width: 260px;
    }
    .\33xl\:w-\[270px\] {
        width: 270px;
    }
    .\33xl\:w-\[280px\] {
        width: 280px;
    }
    .\33xl\:w-\[300px\] {
        width: 300px;
    }
    .\33xl\:w-\[330px\] {
        width: 330px;
    }
    .\33xl\:w-\[335px\] {
        width: 335px;
    }
    .\33xl\:w-\[340px\] {
        width: 340px;
    }
    .\33xl\:w-\[370px\] {
        width: 370px;
    }
    .\33xl\:w-\[380px\] {
        width: 380px;
    }
    .\33xl\:w-\[384px\] {
        width: 384px;
    }
    .\33xl\:w-\[400px\] {
        width: 400px;
    }
    .\33xl\:w-\[41\.25rem\] {
        width: 41.25rem;
    }
    .\33xl\:w-\[440px\] {
        width: 440px;
    }
    .\33xl\:w-\[450px\] {
        width: 450px;
    }
    .\33xl\:w-\[460px\] {
        width: 460px;
    }
    .\33xl\:w-\[472px\] {
        width: 472px;
    }
    .\33xl\:w-\[480px\] {
        width: 480px;
    }
    .\33xl\:w-\[500px\] {
        width: 500px;
    }
    .\33xl\:w-\[520px\] {
        width: 520px;
    }
    .\33xl\:w-\[55\.3vw\] {
        width: 55.3vw;
    }
    .\33xl\:w-\[560px\] {
        width: 560px;
    }
    .\33xl\:w-\[596px\] {
        width: 596px;
    }
    .\33xl\:w-\[600px\] {
        width: 600px;
    }
    .\33xl\:w-\[61\%\] {
        width: 61%;
    }
    .\33xl\:w-\[610px\] {
        width: 610px;
    }
    .\33xl\:w-\[620px\] {
        width: 620px;
    }
    .\33xl\:w-\[640px\] {
        width: 640px;
    }
    .\33xl\:w-\[64px\] {
        width: 64px;
    }
    .\33xl\:w-\[650px\] {
        width: 650px;
    }
    .\33xl\:w-\[66vw\] {
        width: 66vw;
    }
    .\33xl\:w-\[670px\] {
        width: 670px;
    }
    .\33xl\:w-\[680px\] {
        width: 680px;
    }
    .\33xl\:w-\[685px\] {
        width: 685px;
    }
    .\33xl\:w-\[690px\] {
        width: 690px;
    }
    .\33xl\:w-\[700px\] {
        width: 700px;
    }
    .\33xl\:w-\[70vw\] {
        width: 70vw;
    }
    .\33xl\:w-\[713px\] {
        width: 713px;
    }
    .\33xl\:w-\[720px\] {
        width: 720px;
    }
    .\33xl\:w-\[75px\] {
        width: 75px;
    }
    .\33xl\:w-\[760px\] {
        width: 760px;
    }
    .\33xl\:w-\[78px\] {
        width: 78px;
    }
    .\33xl\:w-\[800px\] {
        width: 800px;
    }
    .\33xl\:w-\[808px\] {
        width: 808px;
    }
    .\33xl\:w-\[80px\] {
        width: 80px;
    }
    .\33xl\:w-\[80vw\] {
        width: 80vw;
    }
    .\33xl\:w-\[820px\] {
        width: 820px;
    }
    .\33xl\:w-\[82px\] {
        width: 82px;
    }
    .\33xl\:w-\[830px\] {
        width: 830px;
    }
    .\33xl\:w-\[83px\] {
        width: 83px;
    }
    .\33xl\:w-\[85px\] {
        width: 85px;
    }
    .\33xl\:w-\[880px\] {
        width: 880px;
    }
    .\33xl\:w-\[88px\] {
        width: 88px;
    }
    .\33xl\:w-\[90\%\] {
        width: 90%;
    }
    .\33xl\:w-\[900px\] {
        width: 900px;
    }
    .\33xl\:w-\[90px\] {
        width: 90px;
    }
    .\33xl\:w-\[91px\] {
        width: 91px;
    }
    .\33xl\:w-\[920px\] {
        width: 920px;
    }
    .\33xl\:w-\[960px\] {
        width: 960px;
    }
    .\33xl\:w-\[96px\] {
        width: 96px;
    }
    .\33xl\:w-\[97px\] {
        width: 97px;
    }
    .\33xl\:w-full {
        width: 100%;
    }
    .\33xl\:min-w-\[36rem\] {
        min-width: 36rem;
    }
    .\33xl\:max-w-\[1440px\] {
        max-width: 1440px;
    }
    .\33xl\:max-w-\[1458px\] {
        max-width: 1458px;
    }
    .\33xl\:max-w-\[1778px\] {
        max-width: 1778px;
    }
    .\33xl\:max-w-\[200px\] {
        max-width: 200px;
    }
    .\33xl\:max-w-\[27rem\] {
        max-width: 27rem;
    }
    .\33xl\:max-w-\[440px\] {
        max-width: 440px;
    }
    .\33xl\:max-w-\[448px\] {
        max-width: 448px;
    }
    .\33xl\:max-w-\[450px\] {
        max-width: 450px;
    }
    .\33xl\:max-w-\[480px\] {
        max-width: 480px;
    }
    .\33xl\:max-w-\[500px\] {
        max-width: 500px;
    }
    .\33xl\:max-w-md {
        max-width: 28rem;
    }
    .\33xl\:max-w-none {
        max-width: none;
    }
    .\33xl\:flex-1 {
        flex: 1 1 0%;
    }
    .\33xl\:shrink {
        flex-shrink: 1;
    }
    .\33xl\:shrink-0 {
        flex-shrink: 0;
    }
    .\33xl\:grid-rows-blog-section-3xl {
        grid-template-rows: repeat(2, 516px);
    }
    .\33xl\:gap-10 {
        gap: 2.5rem;
    }
    .\33xl\:gap-11 {
        gap: 2.75rem;
    }
    .\33xl\:gap-14 {
        gap: 3.5rem;
    }
    .\33xl\:gap-16 {
        gap: 4rem;
    }
    .\33xl\:gap-20 {
        gap: 5rem;
    }
    .\33xl\:gap-24 {
        gap: 6rem;
    }
    .\33xl\:gap-30 {
        gap: 7.5rem;
    }
    .\33xl\:gap-4 {
        gap: 1rem;
    }
    .\33xl\:gap-48 {
        gap: 12rem;
    }
    .\33xl\:gap-5 {
        gap: 1.25rem;
    }
    .\33xl\:gap-6 {
        gap: 1.5rem;
    }
    .\33xl\:gap-7 {
        gap: 1.75rem;
    }
    .\33xl\:gap-8 {
        gap: 2rem;
    }
    .\33xl\:gap-9 {
        gap: 2.25rem;
    }
    .\33xl\:gap-x-6 {
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
    }
    .\33xl\:gap-y-11 {
        row-gap: 2.75rem;
    }
    .\33xl\:gap-y-14 {
        row-gap: 3.5rem;
    }
    .\33xl\:gap-y-16 {
        row-gap: 4rem;
    }
    .\33xl\:rounded-lg {
        border-radius: var(--radius);
    }
    .\33xl\:rounded-b-lg {
        border-bottom-right-radius: var(--radius);
        border-bottom-left-radius: var(--radius);
    }
    .\33xl\:p-2 {
        padding: 0.5rem;
    }
    .\33xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .\33xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .\33xl\:px-18 {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }
    .\33xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .\33xl\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .\33xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .\33xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .\33xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .\33xl\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .\33xl\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }
    .\33xl\:px-\[3\.5vw\] {
        padding-left: 3.5vw;
        padding-right: 3.5vw;
    }
    .\33xl\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .\33xl\:py-30 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
    .\33xl\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    .\33xl\:py-44 {
        padding-top: 11rem;
        padding-bottom: 11rem;
    }
    .\33xl\:py-52 {
        padding-top: 13rem;
        padding-bottom: 13rem;
    }
    .\33xl\:py-56 {
        padding-top: 14rem;
        padding-bottom: 14rem;
    }
    .\33xl\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .\33xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .\33xl\:pb-10 {
        padding-bottom: 2.5rem;
    }
    .\33xl\:pb-30 {
        padding-bottom: 7.5rem;
    }
    .\33xl\:pb-36 {
        padding-bottom: 9rem;
    }
    .\33xl\:pb-44 {
        padding-bottom: 11rem;
    }
    .\33xl\:pb-5 {
        padding-bottom: 1.25rem;
    }
    .\33xl\:pb-52 {
        padding-bottom: 13rem;
    }
    .\33xl\:pb-56 {
        padding-bottom: 14rem;
    }
    .\33xl\:pb-72 {
        padding-bottom: 18rem;
    }
    .\33xl\:pb-\[300px\] {
        padding-bottom: 300px;
    }
    .\33xl\:pl-8 {
        padding-left: 2rem;
    }
    .\33xl\:pr-2 {
        padding-right: 0.5rem;
    }
    .\33xl\:pt-0 {
        padding-top: 0px;
    }
    .\33xl\:pt-12 {
        padding-top: 3rem;
    }
    .\33xl\:pt-14 {
        padding-top: 3.5rem;
    }
    .\33xl\:pt-24 {
        padding-top: 6rem;
    }
    .\33xl\:pt-30 {
        padding-top: 7.5rem;
    }
    .\33xl\:pt-36 {
        padding-top: 9rem;
    }
    .\33xl\:pt-40 {
        padding-top: 10rem;
    }
    .\33xl\:pt-44 {
        padding-top: 11rem;
    }
    .\33xl\:pt-48 {
        padding-top: 12rem;
    }
    .\33xl\:pt-56 {
        padding-top: 14rem;
    }
    .\33xl\:pt-60 {
        padding-top: 15rem;
    }
    .\33xl\:pt-\[120px\] {
        padding-top: 120px;
    }
    .\33xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .\33xl\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .\33xl\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .\33xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
    .\33xl\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
    .\33xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .\33xl\:text-size-10 {
        font-size: 2.5rem;
    }
    .\33xl\:text-size-22\.5 {
        font-size: 5.625rem;
    }
    .\33xl\:text-size-7 {
        font-size: 1.75rem;
    }
    .\33xl\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .\33xl\:leading-default {
        line-height: 1.2;
    }
    .\33xl\:leading-none {
        line-height: 1;
    }
    .\33xl\:after\:-left-4::after {
        content: var(--tw-content);
        left: -1rem;
    }
    .\33xl\:after\:-right-4::after {
        content: var(--tw-content);
        right: -1rem;
    }
    .\33xl\:after\:h-8::after {
        content: var(--tw-content);
        height: 2rem;
    }
    .\33xl\:after\:w-\[2px\]::after {
        content: var(--tw-content);
        width: 2px;
    }
    .\33xl\:after\:rounded-\[2px\]::after {
        content: var(--tw-content);
        border-radius: 2px;
    }
}
.\[\&\:after\]\:hidden:after {
    display: none;
}
@media (min-width: 1200px) {
    .xl\:\[\&\>\*\:nth-child\(3\)\]\:mt-\[140px\]>*:nth-child(3) {
        margin-top: 140px;
    }
}
.\[\&\>\.active\]\:bg-primary>.active {
    background-color: hsl(var(--primary));
}
.\[\&\>\.container\>\.image-block\]\:h-\[320px\]>.container>.image-block {
    height: 320px;
}
.\[\&\>\.container\>\.image-block\]\:w-\[355px\]>.container>.image-block {
    width: 355px;
}
@media (min-width: 768px) {
    .md\:\[\&\>\.container\>\.image-block\]\:h-\[515px\]>.container>.image-block {
        height: 515px;
    }
}
@media (min-width: 1940px) {
    .\33xl\:\[\&\>\.container\>\.image-block\]\:h-\[675px\]>.container>.image-block {
        height: 675px;
    }
    .\33xl\:\[\&\>\.container\>\.image-block\]\:w-\[466px\]>.container>.image-block {
        width: 466px;
    }
}
.\[\&\>\.container\>\.text-block\>\.buttons-block\]\:w-auto>.container>.text-block>.buttons-block {
    width: auto;
}
.\[\&\>\.container\>\.text-block\>\.buttons-block\]\:flex-row>.container>.text-block>.buttons-block {
    flex-direction: row;
}
.\[\&\>\.container\>\.text-block\]\:w-\[700px\]>.container>.text-block {
    width: 700px;
}
@media (min-width: 1940px) {
    .\33xl\:\[\&\>\.container\>\.text-block\]\:w-\[880px\]>.container>.text-block {
        width: 880px;
    }
}
.\[\&\>\.container\]\:pb-20>.container {
    padding-bottom: 5rem;
}
.\[\&\>\.container\]\:pt-\[124px\]>.container {
    padding-top: 124px;
}
@media (min-width: 768px) {
    .md\:\[\&\>\.container\]\:pb-32>.container {
        padding-bottom: 8rem;
    }
}
@media (min-width: 1200px) {
    .xl\:\[\&\>\.container\]\:pb-8>.container {
        padding-bottom: 2rem;
    }
}
@media (min-width: 1400px) {
    .\32xl\:\[\&\>\.container\]\:gap-28>.container {
        gap: 7rem;
    }
}
@media (min-width: 1940px) {
    .\33xl\:\[\&\>\.container\]\:pb-30>.container {
        padding-bottom: 7.5rem;
    }
    .\33xl\:\[\&\>\.container\]\:pb-44>.container {
        padding-bottom: 11rem;
    }
    .\33xl\:\[\&\>\.container\]\:pt-\[204px\]>.container {
        padding-top: 204px;
    }
}
.\[\&\>\.decorations-container\]\:z-\[1\]>.decorations-container {
    z-index: 1;
}
.\[\&\>\.decorations-container\]\:overflow-visible>.decorations-container {
    overflow: visible;
}
.\[\&\>\.product-list-card\]\:w-full>.product-list-card {
    width: 100%;
}
.\[\&\>\.product-list-card\]\:max-w-\[340px\]>.product-list-card {
    max-width: 340px;
}
@media (min-width: 960px) {
    .lg\:\[\&\>\.product-list-card\]\:max-w-none>.product-list-card {
        max-width: none;
    }
}
.\[\&\>div\]\:h-full>div {
    height: 100%;
}
.\[\&\>div\]\:w-full>div {
    width: 100%;
}
.\[\&\>img\]\:object-cover>img {
    -o-object-fit: cover;
       object-fit: cover;
}
.\[\&\>span\>span\]\:text-hover>span>span {
    color: hsl(var(--hover));
}
.\[\&\>span\]\:text-muted-foreground>span {
    color: hsl(var(--muted-foreground));
}
.\[\&\>svg\]\:stroke-\[\#2077aa\]>svg {
    stroke: #2077aa;
}
.\[\&\>svg\]\:stroke-\[\#243D91\]>svg {
    stroke: #243D91;
}
.\[\&\>svg\]\:stroke-\[\#2A4D49\]>svg {
    stroke: #2A4D49;
}
.\[\&_\.big-aloe\>svg\]\:fill-\[\#E3CBBA\]\/20 .big-aloe>svg {
    fill: rgb(227 203 186 / 0.2);
}
.\[\&_\.big-aloe\>svg\]\:fill-\[rgba\(227\2c 255\2c 227\2c 0\.34\)\] .big-aloe>svg {
    fill: rgba(227,255,227,0.34);
}
.\[\&_\.big-aloe\>svg\]\:fill-\[rgba\(250\2c 229\2c 226\2c 0\.34\)\] .big-aloe>svg {
    fill: rgba(250,229,226,0.34);
}
.\[\&_\.big-aloe\>svg\]\:fill-\[rgba\(255\2c 228\2c 245\2c 0\.34\)\] .big-aloe>svg {
    fill: rgba(255,228,245,0.34);
}
.\[\&_\.big-aloe\>svg\]\:fill-\[rgba\(255\2c 236\2c 235\2c 0\.34\)\] .big-aloe>svg {
    fill: rgba(255,236,235,0.34);
}
.\[\&_\.big-aloe\>svg\]\:fill-\[rgba\(255\2c 238\2c 238\2c 0\.34\)\] .big-aloe>svg {
    fill: rgba(255,238,238,0.34);
}
.\[\&_\.big-aloe\>svg\]\:fill-\[rgba\(255\2c 247\2c 225\2c 0\.34\)\] .big-aloe>svg {
    fill: rgba(255,247,225,0.34);
}
.\[\&_\.big-aloe\>svg\]\:fill-\[rgba\(255\2c 254\2c 228\2c 0\.34\)\] .big-aloe>svg {
    fill: rgba(255,254,228,0.34);
}
.\[\&_\.container\]\:z-\[1\] .container {
    z-index: 1;
}
.\[\&_\.container\]\:z-\[2\] .container {
    z-index: 2;
}
.\[\&_\.container\]\:w-\[892px\] .container {
    width: 892px;
}
.\[\&_\.container\]\:max-w-\[calc\(100\%-2\.5rem\)\] .container {
    max-width: calc(100% - 2.5rem);
}
.\[\&_\.container\]\:flex-row-reverse .container {
    flex-direction: row-reverse;
}
.\[\&_\.container\]\:justify-end .container {
    justify-content: flex-end;
}
.\[\&_\.container\]\:gap-40 .container {
    gap: 10rem;
}
.\[\&_\.container\]\:gap-7 .container {
    gap: 1.75rem;
}
.\[\&_\.container\]\:rounded-\[20px\] .container {
    border-radius: 20px;
}
.\[\&_\.container\]\:rounded-\[64px\] .container {
    border-radius: 64px;
}
.\[\&_\.container\]\:bg-accent4 .container {
    background-color: hsl(var(--accent4));
}
.\[\&_\.container\]\:bg-background .container {
    background-color: hsl(var(--background));
}
.\[\&_\.container\]\:px-5 .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.\[\&_\.container\]\:py-12 .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.\[\&_\.container\]\:py-8 .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.\[\&_\.container\]\:pb-24 .container {
    padding-bottom: 6rem;
}
.\[\&_\.container\]\:pt-32 .container {
    padding-top: 8rem;
}
.\[\&_\.container\]\:pt-\[25vh\] .container {
    padding-top: 25vh;
}
@media (min-width: 768px) {
    .md\:\[\&_\.container\]\:max-w-\[calc\(100\%-5rem\)\] .container {
        max-width: calc(100% - 5rem);
    }
    .md\:\[\&_\.container\]\:gap-16 .container {
        gap: 4rem;
    }
    .md\:\[\&_\.container\]\:rounded-\[280px\] .container {
        border-radius: 280px;
    }
    .md\:\[\&_\.container\]\:rounded-\[50px\] .container {
        border-radius: 50px;
    }
    .md\:\[\&_\.container\]\:px-16 .container {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .md\:\[\&_\.container\]\:py-12 .container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .md\:\[\&_\.container\]\:pb-16 .container {
        padding-bottom: 4rem;
    }
    .md\:\[\&_\.container\]\:pb-20 .container {
        padding-bottom: 5rem;
    }
    .md\:\[\&_\.container\]\:pt-24 .container {
        padding-top: 6rem;
    }
}
@media (min-width: 960px) {
    .lg\:\[\&_\.container\]\:pt-0 .container {
        padding-top: 0px;
    }
}
@media (min-width: 1200px) {
    .xl\:\[\&_\.container\]\:bg-transparent .container {
        background-color: transparent;
    }
    .xl\:\[\&_\.container\]\:py-0 .container {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .xl\:\[\&_\.container\]\:pb-32 .container {
        padding-bottom: 8rem;
    }
}
@media (min-width: 1940px) {
    .\33xl\:\[\&_\.container\]\:gap-32 .container {
        gap: 8rem;
    }
    .\33xl\:\[\&_\.container\]\:pb-60 .container {
        padding-bottom: 15rem;
    }
    .\33xl\:\[\&_\.container\]\:pt-60 .container {
        padding-top: 15rem;
    }
}
.\[\&_\.dialog-header\]\:hidden .dialog-header {
    display: none;
}
.\[\&_\.flavors-list-button\]\:rounded-lg .flavors-list-button {
    border-radius: var(--radius);
}
.\[\&_\.flavors-list-button\]\:uppercase .flavors-list-button {
    text-transform: uppercase;
}
@media (min-width: 1940px) {
    .\33xl\:\[\&_\.flavors-list-button\]\:rounded-\[36px\] .flavors-list-button {
        border-radius: 36px;
    }
}
.\[\&_\.header-button\]\:h-\[42px\] .header-button {
    height: 42px;
}
.\[\&_\.header-button\]\:w-\[42px\] .header-button {
    width: 42px;
}
.\[\&_\.header-button_\.header-button-icon\]\:h-5 .header-button .header-button-icon {
    height: 1.25rem;
}
.\[\&_\.header-button_\.header-button-icon\]\:w-5 .header-button .header-button-icon {
    width: 1.25rem;
}
.\[\&_\.hero-section-subtitle\]\:block .hero-section-subtitle {
    display: block;
}
.\[\&_\.image-block\]\:h-\[300px\] .image-block {
    height: 300px;
}
@media (min-width: 768px) {
    .md\:\[\&_\.image-block\]\:h-\[500px\] .image-block {
        height: 500px;
    }
}
@media (min-width: 1200px) {
    .xl\:\[\&_\.image-block\]\:h-\[694px\] .image-block {
        height: 694px;
    }
}
@media (min-width: 1940px) {
    .\33xl\:\[\&_\.image-block\]\:h-\[744px\] .image-block {
        height: 744px;
    }
}
.\[\&_\.nav-item-image-container\]\:hover\:rounded-full:hover .nav-item-image-container {
    border-radius: 9999px;
}
.\[\&_\.product-card-image\]\:w-32 .product-card-image {
    width: 8rem;
}
.\[\&_\.product-card-image\]\:w-\[129px\] .product-card-image {
    width: 129px;
}
.\[\&_\.product-card-image\]\:w-\[93px\] .product-card-image {
    width: 93px;
}
@media (min-width: 768px) {
    .md\:\[\&_\.product-card-image\]\:w-30 .product-card-image {
        width: 7.5rem;
    }
}
@media (min-width: 960px) {
    .lg\:\[\&_\.product-card-image\]\:w-\[10\.75rem\] .product-card-image {
        width: 10.75rem;
    }
    .lg\:\[\&_\.product-card-image\]\:w-\[138px\] .product-card-image {
        width: 138px;
    }
    .lg\:\[\&_\.product-card-image\]\:w-\[172px\] .product-card-image {
        width: 172px;
    }
}
@media (min-width: 1940px) {
    .\33xl\:\[\&_\.product-card-image\]\:w-48 .product-card-image {
        width: 12rem;
    }
    .\33xl\:\[\&_\.product-card-image\]\:w-\[14\.75rem\] .product-card-image {
        width: 14.75rem;
    }
    .\33xl\:\[\&_\.product-card-image\]\:w-\[200px\] .product-card-image {
        width: 200px;
    }
}
.\[\&_\.product-card\]\:z-\[1\] .product-card {
    z-index: 1;
}
.\[\&_\.product-card\]\:rounded-md .product-card {
    border-radius: calc(var(--radius) - 8px);
}
.\[\&_\.product-card\]\:bg-transparent .product-card {
    background-color: transparent;
}
.\[\&_\.product-price\]\:text-2xl .product-price {
    font-size: 1.5rem;
    line-height: 2rem;
}
.\[\&_\.section-content\]\:w-\[1020px\] .section-content {
    width: 1020px;
}
@media (min-width: 768px) {
    .md\:\[\&_\.section-content\]\:w-\[760px\] .section-content {
        width: 760px;
    }
}
@media (min-width: 960px) {
    .lg\:\[\&_\.section-content\]\:w-\[760px\] .section-content {
        width: 760px;
    }
}
@media (min-width: 1200px) {
    .xl\:\[\&_\.section-content\]\:w-\[750px\] .section-content {
        width: 750px;
    }
}
@media (min-width: 1940px) {
    .\33xl\:\[\&_\.section-content\]\:w-\[860px\] .section-content {
        width: 860px;
    }
}
.\[\&_\.section-label\]\:mb-3 .section-label {
    margin-bottom: 0.75rem;
}
.\[\&_\.section-subtitle\]\:w-\[560px\] .section-subtitle {
    width: 560px;
}
.\[\&_\.section-title2\]\:text-hover .section-title2 {
    color: hsl(var(--hover));
}
.\[\&_\.section-title\]\:text-size-10\.5 .section-title {
    font-size: 2.625rem;
}
@media (min-width: 768px) {
    .md\:\[\&_\.section-title\]\:text-size-14 .section-title {
        font-size: 3.5rem;
    }
    .md\:\[\&_\.section-title\]\:leading-\[1\.1\] .section-title {
        line-height: 1.1;
    }
}
@media (min-width: 1200px) {
    .xl\:\[\&_\.section-title\]\:text-7xl .section-title {
        font-size: 4.5rem;
        line-height: 1;
    }
}
.\[\&_\.select-item-featured-icon\]\:data-\[state\=checked\]\:fill-primary-foreground[data-state="checked"] .select-item-featured-icon {
    fill: hsl(var(--primary-foreground));
}
.\[\&_\.select-item-title\]\:data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] .select-item-title {
    color: hsl(var(--primary-foreground));
}
.\[\&_\.submit-button\:active\]\:bg-\[\#166695\] .submit-button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(22 102 149 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\:active\]\:bg-\[\#1d3174\] .submit-button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(29 49 116 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\:active\]\:bg-\[\#1f3936\] .submit-button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(31 57 54 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\:hover\]\:bg-\[\#166695\] .submit-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(22 102 149 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\:hover\]\:bg-\[\#1d3174\] .submit-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 49 116 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\:hover\]\:bg-\[\#1f3936\] .submit-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 57 54 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\]\:bg-\[\#2077aa\] .submit-button {
    --tw-bg-opacity: 1;
    background-color: rgb(32 119 170 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\]\:bg-\[\#243D91\] .submit-button {
    --tw-bg-opacity: 1;
    background-color: rgb(36 61 145 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\]\:bg-\[\#2A4D49\] .submit-button {
    --tw-bg-opacity: 1;
    background-color: rgb(42 77 73 / var(--tw-bg-opacity, 1));
}
.\[\&_\.submit-button\]\:text-\[\#FAF6DE\] .submit-button {
    --tw-text-opacity: 1;
    color: rgb(250 246 222 / var(--tw-text-opacity, 1));
}
.\[\&_\.submit-button\]\:text-\[\#FFE4CC\] .submit-button {
    --tw-text-opacity: 1;
    color: rgb(255 228 204 / var(--tw-text-opacity, 1));
}
@media (min-width: 1940px) {
    .\33xl\:\[\&_\.text-block\]\:w-\[905px\] .text-block {
        width: 905px;
    }
}
.\[\&_a\]\:font-bold a {
    font-weight: 700;
}
.\[\&_h1\>span\>span\]\:text-hover h1>span>span {
    color: hsl(var(--hover));
}
.\[\&_h1\]\:first-line\:text-primary h1::first-line {
    color: hsl(var(--primary));
}
.\[\&_h6\]\:text-sm h6 {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.\[\&_h6\]\:font-bold h6 {
    font-weight: 700;
}
.\[\&_h6\]\:uppercase h6 {
    text-transform: uppercase;
}
.\[\&_h6\]\:tracking-body h6 {
    letter-spacing: 0.2px;
}
.\[\&_h6\]\:no-underline h6 {
    text-decoration-line: none;
}
.\[\&_img\]\:w-24 img {
    width: 6rem;
}
@media (min-width: 768px) {
    .md\:\[\&_img\]\:w-\[88px\] img {
        width: 88px;
    }
}
@media (min-width: 960px) {
    .lg\:\[\&_img\]\:w-\[106px\] img {
        width: 106px;
    }
}
.\[\&_nav_a\]\:font-bold nav a {
    font-weight: 700;
}
.\[\&_nav_a\]\:uppercase nav a {
    text-transform: uppercase;
}
.\[\&_path\]\:fill-inherit path {
    fill: inherit;
}
.\[\&_svg\:hover\]\:fill-hover svg:hover {
    fill: hsl(var(--hover));
}
.\[\&_svg\]\:h-\[22px\] svg {
    height: 22px;
}
.\[\&_svg\]\:w-\[22px\] svg {
    width: 22px;
}
.\[\&_svg\]\:fill-inherit svg {
    fill: inherit;
}
.\[\&_svg\]\:stroke-inherit svg {
    stroke: inherit;
}
.\[\&_svg\]\:stroke-primary svg {
    stroke: hsl(var(--primary));
}
.\[\&_svg\]\:hover\:stroke-\[\#1d3174\]:hover svg {
    stroke: #1d3174;
}
.\[\&_svg\]\:hover\:stroke-\[\#1f3936\]:hover svg {
    stroke: #1f3936;
}
.\[\&_svg\]\:hover\:stroke-primary\/90:hover svg {
    stroke: hsl(var(--primary) / 0.9);
}
.\[\&\~\.my-account-sidebar\]\:pointer-events-none~.my-account-sidebar {
    pointer-events: none;
}
.\[\&\~\.my-account-sidebar\]\:opacity-0~.my-account-sidebar {
    opacity: 0;
}
@media (min-width: 1200px) {
    .xl\:\[\&\~\.my-account-sidebar\]\:pointer-events-none~.my-account-sidebar {
        pointer-events: none;
    }
    .xl\:\[\&\~\.my-account-sidebar\]\:pointer-events-auto~.my-account-sidebar {
        pointer-events: auto;
    }
    .xl\:\[\&\~\.my-account-sidebar\]\:absolute~.my-account-sidebar {
        position: absolute;
    }
    .xl\:\[\&\~\.my-account-sidebar\]\:opacity-0~.my-account-sidebar {
        opacity: 0;
    }
    .xl\:\[\&\~\.my-account-sidebar\]\:opacity-100~.my-account-sidebar {
        opacity: 1;
    }
}
.\[\&\~\.my-account-title\]\:pointer-events-none~.my-account-title {
    pointer-events: none;
}
.\[\&\~\.my-account-title\]\:opacity-0~.my-account-title {
    opacity: 0;
}
@media (min-width: 1200px) {
    .xl\:\[\&\~\.my-account-title\]\:pointer-events-none~.my-account-title {
        pointer-events: none;
    }
    .xl\:\[\&\~\.my-account-title\]\:pointer-events-auto~.my-account-title {
        pointer-events: auto;
    }
    .xl\:\[\&\~\.my-account-title\]\:absolute~.my-account-title {
        position: absolute;
    }
    .xl\:\[\&\~\.my-account-title\]\:opacity-0~.my-account-title {
        opacity: 0;
    }
    .xl\:\[\&\~\.my-account-title\]\:opacity-100~.my-account-title {
        opacity: 1;
    }
}
.\[\&\~footer\]\:bg-accent~footer {
    background-color: hsl(var(--accent));
}
.\[\&\~footer\]\:bg-accent5~footer {
    background-color: hsl(var(--accent5));
}