

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px
    }
}


.-ml-16 {
    margin-left: -4rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-3 {
    margin-bottom: .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-\[-157px\] {
    margin-bottom: -157px
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-10 {
    margin-left: 2.5rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-20 {
    margin-left: 5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-\[13\%\] {
    margin-right: 13%
}

.mr-auto {
    margin-right: auto
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[-100px\] {
    margin-top: -100px
}

.box-content {
    box-sizing: content-box
}

.line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[162\/48\] {
    aspect-ratio: 162/48
}

.aspect-auto {
    aspect-ratio: auto
}

.\!h-px {
    height: 1px !important
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-13 {
    height: 3.25rem
}

.h-2 {
    height: .5rem
}

.h-24 {
    height: 6rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-96 {
    height: 24rem
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[124px\] {
    height: 124px
}

.h-\[132px\] {
    height: 132px
}

.h-\[13px\] {
    height: 13px
}

.h-\[190px\] {
    height: 190px
}

.h-\[191px\] {
    height: 191px
}

.h-\[1px\] {
    height: 1px
}

.h-\[218px\] {
    height: 218px
}

.h-\[22px\] {
    height: 22px
}

.h-\[246px\] {
    height: 246px
}

.h-\[24px\] {
    height: 24px
}

.h-\[299px\] {
    height: 299px
}

.h-\[42px\] {
    height: 42px
}

.h-\[47px\] {
    height: 47px
}

.h-\[51px\] {
    height: 51px
}

.h-\[86px\] {
    height: 86px
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-\[390px\] {
    max-height: 390px
}

.min-h-13 {
    min-height: 3.25rem
}

.min-h-\[124px\] {
    min-height: 124px
}

.min-h-\[16px\] {
    min-height: 16px
}

.min-h-\[240px\] {
    min-height: 240px
}

.min-h-\[290px\] {
    min-height: 290px
}

.min-h-\[350px\] {
    min-height: 350px
}

.min-h-\[360px\] {
    min-height: 360px
}

.min-h-\[525px\] {
    min-height: 525px
}

.min-h-\[600px\] {
    min-height: 600px
}

.min-h-\[60px\] {
    min-height: 60px
}

.min-h-\[8px\] {
    min-height: 8px
}

.min-h-full {
    min-height: 100%
}

.\!w-px {
    width: 1px !important
}

.w-10 {
    width: 2.5rem
}

.w-10\/12 {
    width: 83.333333%
}

.w-12 {
    width: 3rem
}

.w-13 {
    width: 3.25rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[109px\] {
    width: 109px
}

.w-\[123px\] {
    width: 123px
}

.w-\[128px\] {
    width: 128px
}

.w-\[13px\] {
    width: 13px
}

.w-\[143px\] {
    width: 143px
}

.w-\[144px\] {
    width: 144px
}

.w-\[150px\] {
    width: 150px
}

.w-\[200px\] {
    width: 200px
}

.w-\[275px\] {
    width: 275px
}

.w-\[339px\] {
    width: 339px
}

.w-\[351px\] {
    width: 351px
}

.w-\[398px\] {
    width: 398px
}

.w-\[47px\] {
    width: 47px
}

.w-\[59px\] {
    width: 59px
}

.w-\[66px\] {
    width: 66px
}

.w-\[76px\] {
    width: 76px
}

.w-\[83px\] {
    width: 83px
}

.w-\[85\%\] {
    width: 85%
}

.w-\[86px\] {
    width: 86px
}

.w-\[90\%\] {
    width: 90%
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-\[50\%\] {
    min-width: 50%
}

.min-w-\[calc\(100\%-64px\)\] {
    min-width: calc(100% - 64px)
}

.min-w-\[min\(311px\2c calc\(100vw-32px\)\)\] {
    min-width: min(311px, calc(100vw - 32px))
}

.min-w-full {
    min-width: 100%
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-\[100vw\] {
    max-width: 100vw
}

.max-w-\[1440px\] {
    max-width: 1440px
}

.max-w-\[15\%\] {
    max-width: 15%
}

.max-w-\[280px\] {
    max-width: 280px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[370px\] {
    max-width: 370px
}

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[620px\] {
    max-width: 620px
}

.max-w-\[900px\] {
    max-width: 900px
}

.max-w-\[calc\(100vw-128px\)\] {
    max-width: calc(100vw - 128px)
}

.max-w-\[calc\(100vw-64px\)\] {
    max-width: calc(100vw - 64px)
}

.max-w-full {
    max-width: 100%
}

.flex-1 {
    flex: 1 1 0%
}

.flex-none {
    flex: none
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-full {
    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-full {
    --tw-translate-x: -100%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-x-0 {
    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-0 {
    --tw-translate-x: 0px
}

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.rotate-180,
.translate-x-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))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,
.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))
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-center {
    scroll-snap-align: center
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-1 {
    gap: .25rem
}

.gap-16 {
    gap: 4rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-44 {
    -moz-column-gap: 11rem;
    column-gap: 11rem
}

.gap-x-64 {
    -moz-column-gap: 16rem;
    column-gap: 16rem
}

.gap-y-16 {
    row-gap: 4rem
}

.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-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-divide-opacity))
}

.\!overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overscroll-auto {
    overscroll-behavior: auto
}

.scroll-smooth {
    scroll-behavior: smooth
}

.text-ellipsis {
    text-overflow: ellipsis
}

.\!whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[26px\] {
    border-radius: 26px
}

.rounded-\[28px\] {
    border-radius: 28px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[50px\] {
    border-radius: 50px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-r-\[26px\] {
    border-top-right-radius: 26px;
    border-bottom-right-radius: 26px
}

.rounded-br-\[72px\] {
    border-bottom-right-radius: 72px
}

.rounded-tl-\[72px\] {
    border-top-left-radius: 72px
}

.\!border-0 {
    border-width: 0 !important
}

.border {
    border-width: 1px
}

.border-4 {
    border-width: 4px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0/var(--tw-border-opacity))
}

.border-current {
    border-color: currentColor
}

.border-facebook {
    --tw-border-opacity: 1;
    border-color: rgb(24 119 242/var(--tw-border-opacity))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99/var(--tw-border-opacity))
}

.border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229/var(--tw-border-opacity))
}

.border-neutral-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212/var(--tw-border-opacity))
}

.border-neutral-337 {
    --tw-border-opacity: 1;
    border-color: rgb(181 181 181/var(--tw-border-opacity))
}

.border-stepbet-green {
    --tw-border-opacity: 1;
    border-color: rgb(38 219 111/var(--tw-border-opacity))
}

.border-stepbet-red {
    --tw-border-opacity: 1;
    border-color: rgb(224 32 19/var(--tw-border-opacity))
}

.border-stepbet-zinc-950 {
    --tw-border-opacity: 1;
    border-color: rgb(227 227 227/var(--tw-border-opacity))
}

.border-stone-300 {
    --tw-border-opacity: 1;
    border-color: rgb(214 211 209/var(--tw-border-opacity))
}

.border-r-transparent {
    border-right-color: transparent
}

.bg-\[\#A09989\] {
    --tw-bg-opacity: 1;
    background-color: rgb(160 153 137/var(--tw-bg-opacity))
}

.bg-\[\#DCDCDC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(220 220 220/var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/0 {
    background-color: transparent
}

.bg-black\/70 {
    background-color: rgba(0, 0, 0, .7)
}

.bg-facebook {
    --tw-bg-opacity: 1;
    background-color: rgb(24 119 242/var(--tw-bg-opacity))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity))
}

.bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-neutral-337 {
    --tw-bg-opacity: 1;
    background-color: rgb(181 181 181/var(--tw-bg-opacity))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity))
}

.bg-stepbet-green,
.bg-stepbet-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 219 111/var(--tw-bg-opacity))
}

.bg-stepbet-red\/\[\.07\] {
    background-color: rgba(224, 32, 19, .07)
}

.bg-stepbet-zinc {
    --tw-bg-opacity: 1;
    background-color: rgb(54 58 67/var(--tw-bg-opacity))
}

.bg-stepbet-zinc-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 32 45/var(--tw-bg-opacity))
}

.bg-stepbet-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(77 81 108/var(--tw-bg-opacity))
}

.bg-stepbet-zinc-925 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.bg-stepbet-zinc-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 227 227/var(--tw-bg-opacity))
}

.bg-stone-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 249/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-zinc-600 {
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.bg-opacity-100,
.bg-zinc-600 {
    --tw-bg-opacity: 1
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.bg-\[url\(\'\/images\/background\/decorations\/non-svg\/membership-offer\/membership-perks-bg_mobile\.png\'\)\] {
    background-image: url(/images/background/decorations/non-svg/membership-offer/membership-perks-bg_mobile.png)
}

.bg-decoration-left-348x325-ignore-ar {
    background-image: url(/images/background/decorations/decoration-left-348x325-ignore-ar.svg)
}

.bg-decoration-left-360x454-ignore-ar {
    background-image: url(/images/background/decorations/decoration-left-360x454-ignore-ar.svg)
}

.bg-decoration-right-348x325-ignore-ar {
    background-image: url(/images/background/decorations/decoration-right-348x325-ignore-ar.svg)
}

.bg-decoration-right-474x410-ignore-ar {
    background-image: url(/images/background/decorations/decoration-right-474x410-ignore-ar.svg)
}

.bg-dots-grid-2x6-59x191 {
    background-image: url(/images/background/decorations/dots-grid-2x6-59x191.svg)
}

.bg-dots-grid-3x7-47x86 {
    background-image: url(/images/background/decorations/dots-grid-3x7-47x86.svg)
}

.bg-dots-grid-4x6-150x190 {
    background-image: url(/images/background/decorations/dots-grid-4x6-150x190.svg)
}

.bg-dots-grid-6x3-86x47 {
    background-image: url(/images/background/decorations/dots-grid-6x3-86x47.svg)
}

.bg-ellipse-arch-left-123x246 {
    background-image: url(/images/background/decorations/ellipse-arch-left-123x246.svg)
}

.bg-ellipse-arch-left-66x132 {
    background-image: url(/images/background/decorations/ellipse-arch-left-66x132.svg)
}

.bg-ellipse-arch-right-135x271-ignore-ar {
    background-image: url(/images/background/decorations/ellipse-arch-right-135x271-ignore-ar.svg)
}

.bg-ellipse-arch-top-597x299 {
    background-image: url(/images/background/decorations/ellipse-arch-top-597x299.svg)
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-quotes-76x51 {
    background-image: url(/images/background/decorations/quotes-76x51.svg)
}

.bg-quotes-76x51-upside-down {
    background-image: url(/images/background/decorations/quotes-76x51-upside-down.svg)
}

.bg-wavelines-pattern {
    background-image: url(/static/image/wavelines-pattern.webp);
    display: inline-block;
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-90\% {
    --tw-gradient-from-position: 90%
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.\!p-0 {
    padding: 0 !important
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem;
}

.p-8 {
    padding: 2rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pb-40 {
    padding-bottom: 10rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-8 {
    padding-top: 2rem
}



@media (prefers-reduced-motion:reduce) {
    @keyframes spin {
        to {
            transform: rotate(1turn)
        }
    }

    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
        animation: spin 1.5s linear infinite
    }
}

@media (min-width:280px) {
    .xxs\:text-4\.5xl {
        font-size: 2.625rem;
        line-height: 2.75rem
    }
}

@media (min-width:375px) {
    .xs\:h-8 {
        height: 2rem
    }

    .xs\:min-h-\[300px\] {
        min-height: 300px
    }

    .xs\:w-\[182px\] {
        width: 182px
    }

    .xs\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xs\:text-2\.5xl {
        font-size: 1.75rem;
        line-height: 2.125rem
    }

    .xs\:text-\[40px\] {
        font-size: 40px
    }

    .xs\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width:640px) {
    .sm\:-left-6 {
        left: -1.5rem
    }

    .sm\:-top-5 {
        top: -1.25rem
    }
}