*,
: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 / .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 / .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:
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Roboto Variable, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

body,
html {
    margin: 0;
    padding: 0;
    font-family: Roboto Variable, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Trois Mille Bold, Trois Mille Bold Fallback, system-ui, sans-serif
}

h1 {
    margin-top: 2.5rem;
    margin-bottom: .25rem;
    font-size: 2.25rem;
    line-height: 2.5rem
}

h2 {
    margin-top: 2.5rem;
    margin-bottom: .25rem;
    font-size: 32px;
    line-height: 40px;
    word-break: break-word;
}

h3 {
    margin-top: 2rem;
    margin-bottom: .25rem;
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width: 640px) {
    h3 {
        margin-top: 1.5rem
    }
}

h4,
h5,
h6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem
}

img.lazyload:not(.lazyloaded) {
    max-width: none;
    height: revert-layer
}

.lazy-bg:not(.lazy-bg-loaded):not(.lazy-bg-error) {
    background-image: none !important;
    transition: background-image .3s ease-in-out
}

.lazy-bg.lazy-bg-loaded {
    transition: background-image .3s ease-in-out
}

.lazy-bg.lazy-bg-error {
    background-color: #f3f4f6;
    background-image: none !important
}

p {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}

p strong {
    font-weight: 700
}

p a {
    text-decoration: underline
}

.content-block ul li a,
.content-block ol:not(.table-of-contents) li a,
.content-block p a,
.disclamer-box .desc a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-color: #FF0080;
    text-decoration-color: #ff0080;
    text-decoration-thickness: .1em;
    text-underline-offset: .2em;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s
}

.content-block ul li a:hover,
.content-block ol:not(.table-of-contents) li a:hover,
.content-block p a:hover,
.disclamer-box .desc a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1));
    text-underline-offset: .3em
}

.content-block .bg-red-500 p a {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    -webkit-text-decoration-color: #fff !important;
    text-decoration-color: #fff !important;
    text-underline-offset: .1em !important
}

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

@media (min-width: 280px) {
    .base-container {
        max-width: 280px
    }
}

@media (min-width: 360px) {
    .base-container {
        max-width: 360px
    }
}

@media (min-width: 414px) {
    .base-container {
        max-width: 414px
    }
}

@media (min-width: 460px) {
    .base-container {
        max-width: 460px
    }
}

@media (min-width: 580px) {
    .base-container {
        max-width: 580px
    }
}

@media (min-width: 601px) {
    .base-container {
        max-width: 601px
    }
}

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

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

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

@media (min-width: 1024px) {
    .base-container {
        max-width: 1024px
    }
}

@media (min-width: 1025px) {
    .base-container {
        max-width: 1025px
    }
}

@media (min-width: 1100px) {
    .base-container {
        max-width: 1100px
    }
}

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

.base-container {
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width: 768px) {
    .base-container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 280px) and (max-width: 413px) {
    .base-container {
        width: 413px;
        min-width: 100%
    }
}

@media (min-width: 768px) {
    .base-container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 1025px) {
    .base-container {
        max-width: 1024px !important;
        padding-left: 0;
        padding-right: 0
    }
}

.body_content {
    position: relative
}

blockquote {
    position: relative;
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    display: block;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 247 / var(--tw-bg-opacity, 1));
    padding: 2rem 1.5rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2.25rem
}

blockquote:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='48' viewBox='0 0 44 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.96 0H22.1213C26.2334 13.3286 32.3606 21.2606 43.6471 23.7953V24.1225C32.3597 26.6571 26.2325 34.5892 22.1213 48H21.96C17.8479 34.5892 11.7207 26.658 0.353027 24.1225V23.7953C11.7207 21.2606 17.8479 13.3286 21.96 0Z' fill='%23FF0082'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 3rem;
    width: 2.75rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

blockquote:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='48' viewBox='0 0 44 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.96 0H22.1213C26.2334 13.3286 32.3606 21.2606 43.6471 23.7953V24.1225C32.3597 26.6571 26.2325 34.5892 22.1213 48H21.96C17.8479 34.5892 11.7207 26.658 0.353027 24.1225V23.7953C11.7207 21.2606 17.8479 13.3286 21.96 0Z' fill='%23FF0082'/%3E%3C/svg%3E%0A");
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 3rem;
    width: 2.75rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

blockquote p {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2.25rem
}
.content-block table {
    width: 100% !important;
    min-width: 674px !important;
    max-width: 100% !important;
    border-collapse: separate !important;
    --tw-border-spacing-x: 0px !important;
    --tw-border-spacing-y: 0px !important;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
    overflow-x: auto !important;
    border-radius: 10px !important;
    border-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
    background-color: transparent !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    over
}

.content-block table tr th {
    border-width: 1px !important;
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 1rem .75rem !important;
    text-align: center !important
}

.content-block table tr td {
    border-width: 1px !important;
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 1rem .75rem !important
}

.content-block table th:not(:last-child),
.content-block table td:not(:last-child) {
    border-right-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-right-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important;
}

.content-block table>thead>tr:not(:last-child)>th,
.content-block table>thead>tr:not(:last-child)>td,
.content-block table>tbody>tr:not(:last-child)>th,
.content-block table>tbody>tr:not(:last-child)>td,
.content-block table>tfoot>tr:not(:last-child)>th,
.content-block table>tfoot>tr:not(:last-child)>td,
.content-block table>tr:not(:last-child)>td,
.content-block table>tr:not(:last-child)>th,
.content-block table>thead:not(:last-child),
.content-block table>tbody:not(:last-child),
.content-block table>tfoot:not(:last-child) {
    border-bottom-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important
}

figure.table tbody>tr:last-child>th {
    border-bottom-left-radius: 10px !important
}

.content-block ul {
    list-style-type: disc;
    padding-left: 2.5rem
}

.content-block ol {
    list-style-type: decimal;
    padding-left: 2.5rem
}

.content-block ul li,
.content-block ol li {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem
}

.content-block .references {
    margin-bottom: 1.5rem
}

.content-block .references h2 {
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
    line-height: 2.5rem
}

.content-block .references .references-list,
.content-block .simple-list {
    padding-left: 1.5rem
}

.content-block .references .references-list li {
    overflow-wrap: anywhere
}

.content-block .references .references-list li a {
    display: block;
    padding-left: .5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1));
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.content-block ol.table-of-contents {
    padding-left: 1rem
}

.text-with-hover {
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

.text-with-hover:hover {
    --tw-text-opacity: 1;
    color: rgb(199 0 100 / var(--tw-text-opacity, 1))
}

.primary-button-white-bg {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 136px;
    cursor: pointer;
    justify-content: center;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(179 31 131 / var(--tw-border-opacity, 1));
    background-image: linear-gradient(90deg, #b31f83 5%, #ff0082 49.04%, #b31f83 95.55%);
    padding: .75rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

.primary-button-white-bg:hover {
    background-image: linear-gradient(90deg, #c70064 5%, #ff0080 49.04%, #c70064 95.55%)
}

@media (min-width: 768px) {
    .primary-button-white-bg {
        width: auto
    }
}

.primary-button-black-bg {
    background: #b31f83;
    position: relative;
    z-index: 1;
    margin: 1px;
    display: flex;
    width: 100%;
    min-width: 136px;
    cursor: pointer;
    justify-content: center;
    border-radius: 9999px;
    padding: .75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    .primary-button-black-bg {
        width: auto
    }
}

.primary-button-black-bg:before {
    position: absolute;
    top: 2px;
    z-index: -1;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    border-radius: 9999px;
    background-image: linear-gradient(90deg, #b31f83 5%, #ff0082 49.04%, #b31f83 95.55%);
    padding: 2px;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear;
    content: ""
}

.primary-button-black-bg:hover:before {
    background: linear-gradient(90deg, #340926 5%, #660035, #450033 100%, #340926)
}

.primary-button-transparent-bg {
    position: relative;
    z-index: 1;
    margin: 1px;
    display: flex;
    width: 100%;
    min-width: 136px;
    cursor: pointer;
    justify-content: center;
    border-radius: 9999px;
    padding: .75rem 2rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    .primary-button-transparent-bg {
        width: auto
    }
}

.primary-button-transparent-bg:hover {
    background: linear-gradient(90deg, #340926 5%, #660035, #450033 100%, #340926)
}

.primary-button-transparent-bg:before {
    content: "";
    background: linear-gradient(90deg, #ff0082, #fff, #ff0082);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 9999px;
    padding: 2px
}

.primary-button-pink-bg {
    background: #b31f83;
    position: relative;
    z-index: 1;
    margin: 1px;
    display: flex;
    width: 100%;
    min-width: 110px;
    cursor: pointer;
    justify-content: center;
    border-radius: 9999px;
    padding: .75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    .primary-button-pink-bg {
        width: auto
    }
}

.primary-button-pink-bg:before {
    position: absolute;
    left: 0;
    top: 2px;
    z-index: -1;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    border-radius: 9999px;
    background-image: linear-gradient(90deg, #b31f83 5%, #ff0082 49.04%, #b31f83 95.55%);
    padding: 2px;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear;
    content: ""
}

.primary-button-pink-bg:hover:before {
    background-image: linear-gradient(90deg, #c70064 5%, #ff0080 49.04%, #c70064 95.55%)
}

.primary-button-pink-bg-gradient-border {
    background: #ff0082;
    background: linear-gradient(90deg, #ff0082, #fff, #ff0082);
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    min-width: 100px;
    cursor: pointer;
    justify-content: center;
    border-radius: 9999px;
    padding: .75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (min-width: 768px) {
    .primary-button-pink-bg-gradient-border {
        width: auto;
        padding: .75rem 2rem
    }
}

.primary-button-pink-bg-gradient-border:hover:before {
    background-image: linear-gradient(90deg, #c70064 5%, #ff0080 49.04%, #c70064 95.55%)
}

.primary-button-pink-bg-gradient-border:before {
    position: absolute;
    top: 2px;
    z-index: -1;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    border-radius: 9999px;
    background-image: linear-gradient(90deg, #b31f83 5%, #ff0082 49.04%, #b31f83 95.55%);
    padding: 2px;
    content: ""
}



.primary-button-white-bg-full {
    position: relative;
    display: flex;
    width: 100%;
    cursor: pointer;
    justify-content: center;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(179 31 131 / var(--tw-border-opacity, 1));
    background-image: linear-gradient(90deg, #b31f83 5%, #ff0082 49.04%, #b31f83 95.55%);
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

.primary-button-white-bg-full:hover {
    background-image: linear-gradient(90deg, #c70064 5%, #ff0080 49.04%, #c70064 95.55%)
}

@media (min-width: 768px) {
    .primary-button-white-bg-full {
        width: auto
    }
}

.primary-button-white-bg-full:after,
.primary-button-black-bg:after {
    pointer-events: none;
    position: absolute;
    left: -20px;
    bottom: -16px;
    display: block;
    height: 54px;
    width: 54px;
    background-image: url(https://objects.kaxmedia.com/auto/o/170246/5a490bee03.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    content: ""
}

.input-autofill-no-bg:-webkit-autofill,
.input-autofill-no-bg:-webkit-autofill:hover,
.input-autofill-no-bg:-webkit-autofill:active {
    background-color: transparent;
    -webkit-transition: background-color 9999s ease-in-out 0s;
    transition: background-color 9999s ease-in-out 0s;
    -webkit-text-fill-color: #4B5563 !important;
    caret-color: #4b5563
}
.accent-rainbow-gradient {
    background: var(--gradientmainbuttonblack, linear-gradient(90deg, #FFF 0%, #FF0082 .01%, #FF8DC7 25%, #FFF 48.44%, #FF8DC7 70.83%, #FF0082 97.4%))
}

.faq-wrapper h2 {
    margin-top: 0;
    text-align: center;
    font-size: 54px;
    line-height: 48px
}

.faqs-component .faq-content p:only-child,
.faqs-component .faq-content p:last-child {
    margin-bottom: 0 !important
}

.text-pink-gradent {
    background: linear-gradient(278deg, #b31f83 .11%, #fb0282 49.75%, #fc0182, #ff0082 49.77%, #b31f83 95.22%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.sentence-case {
    text-transform: lowercase
}

.sentence-case:first-letter {
    text-transform: uppercase
}

.\!container {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important
}

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

@media (min-width: 280px) {
    .\!container {
        max-width: 280px !important
    }

    .container {
        max-width: 280px
    }
}

@media (min-width: 360px) {
    .\!container {
        max-width: 360px !important
    }

    .container {
        max-width: 360px
    }
}

@media (min-width: 414px) {
    .\!container {
        max-width: 414px !important
    }

    .container {
        max-width: 414px
    }
}

@media (min-width: 460px) {
    .\!container {
        max-width: 460px !important
    }

    .container {
        max-width: 460px
    }
}

@media (min-width: 580px) {
    .\!container {
        max-width: 580px !important
    }

    .container {
        max-width: 580px
    }
}

@media (min-width: 601px) {
    .\!container {
        max-width: 601px !important
    }

    .container {
        max-width: 601px
    }
}

@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important
    }

    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .\!container {
        max-width: 992px !important
    }

    .container {
        max-width: 992px
    }
}

@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important
    }

    .container {
        max-width: 1024px
    }
}

@media (min-width: 1025px) {
    .\!container {
        max-width: 1025px !important
    }

    .container {
        max-width: 1025px
    }
}

@media (min-width: 1100px) {
    .\!container {
        max-width: 1100px !important
    }

    .container {
        max-width: 1100px
    }
}

@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important
    }

    .container {
        max-width: 1280px
    }
}

.tl-arrow-active {
    cursor: pointer
}

.fallDownAndBounce {
    position: relative
}

.fallDownAndBounce .hex-bg:nth-of-type(1) {
    opacity: 0
}

@media (min-width: 640px) {
    .fallDownAndBounce .hex-bg:nth-of-type(1) {
        height: auto;
        width: auto
    }
}

@media (min-width: 280px) {
    @media (orientation: portrait) {
        .fallDownAndBounce .hex-bg:nth-of-type(1) {
            height: 0px;
            width: 0px
        }
    }
}

.fallDownAndBounce .hex-bg:nth-of-type(1) {
    animation: fallDownAndBounce 11s cubic-bezier(.4, 0, .2, 1) infinite;
    transform: translateY(-110%)
}

.fallDownAndBounce .hex-bg:nth-of-type(2) {
    opacity: 0;
    animation: fallDownAndBounce 11s cubic-bezier(.4, 0, .2, 1) infinite;
    transform: translateY(-115%)
}

.fallDownAndBounce .hex-bg:nth-of-type(3) {
    opacity: 0
}

@media (min-width: 640px) {
    .fallDownAndBounce .hex-bg:nth-of-type(3) {
        height: auto;
        width: auto
    }
}

@media (min-width: 280px) {
    @media (orientation: portrait) {
        .fallDownAndBounce .hex-bg:nth-of-type(3) {
            height: 0px;
            width: 0px
        }
    }
}

.fallDownAndBounce .hex-bg:nth-of-type(3) {
    animation: fallDownAndBounce 11s cubic-bezier(.4, 0, .2, 1) infinite;
    transform: translateY(-120%)
}

.fallDownAndBounce .hex-bg:nth-child(1) {
    animation-delay: 2.2s
}

.fallDownAndBounce .hex-bg:nth-child(2) {
    animation-delay: 2.4s
}

.fallDownAndBounce .hex-bg:nth-child(3) {
    animation-delay: 2.6s
}

@keyframes fallDownAndBounce {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    20% {
        opacity: 1;
        transform: translateY(12%)
    }

    30% {
        opacity: 1;
        transform: translateY(0)
    }

    45% {
        opacity: 1;
        transform: translateY(0)
    }

    50% {
        opacity: 1;
        transform: translateY(0)
    }

    55% {
        opacity: 1;
        transform: translateY(-12%)
    }

    70% {
        opacity: 1;
        transform: translateY(200%)
    }

    99% {
        opacity: 0;
        transform: translateY(200%)
    }

    to {
        opacity: 0;
        transform: translateY(0)
    }
}

.bg-triangle-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='346' height='245' viewBox='0 0 346 245' fill='none'%3E%3Cpath d='M-0.413086 245L-0.413107 0.262893L345.311 0.262894L-0.413086 245Z' fill='url(%23gradient)'/%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='0' y1='0' x2='346' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='0.65' stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0.15'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat calc(100% - 30px) center / cover
}

@media (min-width: 992px) {
    .bg-triangle-gradient:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='892' height='632' viewBox='0 0 892 632' fill='none'%3E%3Cpath d='M-0.413086 632L-0.41308 0.262895L892 0.262878L-0.413086 632Z' fill='url(%23paint0_linear_21_2405)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_21_2405' x1='891.587' y1='0.262725' x2='-0.413062' y2='0.26275' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0.15'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat calc(100% - 100px) center / cover
    }
}

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

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.\!fixed {
    position: fixed !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

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

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-bottom-\[1px\] {
    bottom: -1px
}

.-bottom-\[6px\] {
    bottom: -6px
}

.-left-1 {
    left: -.25rem
}

.-left-14 {
    left: -3.5rem
}

.-left-\[0vw\] {
    left: -0vw
}

.-left-\[45px\] {
    left: -45px
}

.-left-px {
    left: -1px
}

.-right-\[106px\] {
    right: -106px
}

.-right-\[12px\] {
    right: -12px
}

.-right-\[15px\] {
    right: -15px
}

.-right-\[28px\] {
    right: -28px
}

.-right-\[48px\] {
    right: -48px
}

.-right-\[4px\] {
    right: -4px
}

.-right-\[5px\] {
    right: -5px
}

.-top-8 {
    top: -2rem
}

.-top-\[10\%\] {
    top: -10%
}

.-top-\[12px\] {
    top: -12px
}

.-top-\[15px\] {
    top: -15px
}

.-top-\[20px\] {
    top: -20px
}

.-top-\[22px\] {
    top: -22px
}

.-top-\[30px\] {
    top: -30px
}

.-top-\[38px\] {
    top: -38px
}

.-top-\[6px\] {
    top: -6px
}

.bottom-0 {
    bottom: 0
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-12 {
    bottom: 3rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-2\.5 {
    bottom: .625rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-\[-10px\] {
    bottom: -10px
}

.bottom-\[-14px\] {
    bottom: -14px
}

.bottom-\[0\.2rem\] {
    bottom: .2rem
}

.bottom-\[16\%\] {
    bottom: 16%
}

.bottom-\[30px\] {
    bottom: 30px
}

.end-0 {
    inset-inline-end: 0px
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .5rem
}

.left-2\.5 {
    left: .625rem
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.left-8 {
    left: 2rem
}

.left-9 {
    left: 2.25rem
}

.left-\[-12\%\] {
    left: -12%
}

.left-\[-17px\] {
    left: -17px
}

.left-\[-500\%\] {
    left: -500%
}

.left-\[150px\] {
    left: 150px
}

.left-\[28px\] {
    left: 28px
}

.left-\[35px\] {
    left: 35px
}

.left-\[5\%\] {
    left: 5%
}

.right-0 {
    right: 0
}

.right-16 {
    right: 4rem
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-\[0\] {
    right: 0
}

.right-\[24\.4\%\] {
    right: 24.4%
}

.right-\[24px\] {
    right: 24px
}

.right-\[42\%\] {
    right: 42%
}

.right-\[8\.75\%\] {
    right: 8.75%
}

.right-auto {
    right: auto
}

.start-0 {
    inset-inline-start: 0px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-11 {
    top: 2.75rem
}

.top-2\/4 {
    top: 50%
}

.top-3 {
    top: .75rem
}

.top-6 {
    top: 1.5rem
}

.top-8 {
    top: 2rem
}

.top-\[-12px\] {
    top: -12px
}

.top-\[-220\%\] {
    top: -220%
}

.top-\[-27px\] {
    top: -27px
}

.top-\[-5px\] {
    top: -5px
}

.top-\[-86\%\] {
    top: -86%
}

.top-\[-9px\] {
    top: -9px
}

.top-\[0\.4px\] {
    top: .4px
}

.top-\[14px\] {
    top: 14px
}

.top-\[15\%\] {
    top: 15%
}

.top-\[18px\] {
    top: 18px
}

.top-\[3rem\] {
    top: 3rem
}

.top-\[42px\] {
    top: 42px
}

.top-\[46px\] {
    top: 46px
}

.top-\[50\%\] {
    top: 50%
}

.top-\[51px\] {
    top: 51px
}

.top-\[80px\] {
    top: 80px
}

.top-\[calc\(100\%\+2px\)\] {
    top: calc(100% + 2px)
}

.top-full {
    top: 100%
}

.\!z-\[9999\] {
    z-index: 9999 !important
}

.-z-10 {
    z-index: -10
}

.-z-\[1\] {
    z-index: -1
}

.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-\[0\] {
    z-index: 0
}

.z-\[1000\] {
    z-index: 1000
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[3\] {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-\[500\] {
    z-index: 500
}

.z-\[60\] {
    z-index: 60
}

.z-\[9999\] {
    z-index: 9999
}

.z-\[999\] {
    z-index: 999
}

.z-\[99\] {
    z-index: 99
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

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

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

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

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

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

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

.float-right {
    float: right
}

.float-left {
    float: left
}

.clear-both {
    clear: both
}

.\!m-0 {
    margin: 0 !important
}

.m-0 {
    margin: 0
}

.m-2 {
    margin: .5rem
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-\[10px\] {
    margin-left: 10px;
    margin-right: 10px
}

.mx-\[24px\] {
    margin-left: 24px;
    margin-right: 24px
}

.mx-\[2px\] {
    margin-left: 2px;
    margin-right: 2px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-3\.5 {
    margin-top: .875rem;
    margin-bottom: .875rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px
}

.my-\[15px\] {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-\[54px\] {
    margin-top: 54px;
    margin-bottom: 54px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mt-0 {
    margin-top: 0 !important
}

.-mb-\[72px\] {
    margin-bottom: -72px
}

.-ml-\[2px\] {
    margin-left: -2px
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-16 {
    margin-right: -4rem
}

.-mr-\[10px\] {
    margin-right: -10px
}

.-mr-\[40px\] {
    margin-right: -40px
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mt-6,
.-mt-\[1\.5rem\] {
    margin-top: -1.5rem
}

.-mt-\[124px\] {
    margin-top: -124px
}

.-mt-\[12px\] {
    margin-top: -12px
}

.-mt-\[15\%\] {
    margin-top: -15%
}

.-mt-\[180px\] {
    margin-top: -180px
}

.-mt-\[190px\] {
    margin-top: -190px
}

.-mt-\[20px\] {
    margin-top: -20px
}

.-mt-\[2px\] {
    margin-top: -2px
}

.-mt-\[45px\] {
    margin-top: -45px
}

.-mt-\[52px\] {
    margin-top: -52px
}

.-mt-\[60px\] {
    margin-top: -60px
}

.-mt-\[62px\] {
    margin-top: -62px
}

.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-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.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-9 {
    margin-bottom: 2.25rem
}

.mb-\[-22px\] {
    margin-bottom: -22px
}

.mb-\[-64px\] {
    margin-bottom: -64px
}

.mb-\[14px\] {
    margin-bottom: 14px
}

.mb-\[200px\] {
    margin-bottom: 200px
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-12 {
    margin-left: 3rem
}

.ml-2 {
    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-\[-60px\] {
    margin-left: -60px
}

.ml-\[18px\] {
    margin-left: 18px
}

.ml-\[20px\] {
    margin-left: 20px
}

.ml-\[22px\] {
    margin-left: 22px
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-12 {
    margin-right: 3rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-3\.5 {
    margin-right: .875rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mr-\[0\] {
    margin-right: 0
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[16px\] {
    margin-right: 16px
}

.mr-\[44px\] {
    margin-right: 44px
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .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-72 {
    margin-top: 18rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[-15px\] {
    margin-top: -15px
}

.mt-\[-40px\] {
    margin-top: -40px
}

.mt-\[-7px\] {
    margin-top: -7px
}

.mt-\[14px\] {
    margin-top: 14px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[24px\] {
    margin-top: 24px
}

.mt-\[64px\] {
    margin-top: 64px
}

.mt-\[6px\] {
    margin-top: 6px
}

.mt-\[9px\] {
    margin-top: 9px
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.box-border {
    box-sizing: border-box
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.aspect-\[13\/9\] {
    aspect-ratio: 13/9
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[22\/25\] {
    aspect-ratio: 22/25
}

.aspect-square {
    aspect-ratio: 1 / 1
}

.aspect-video {
    aspect-ratio: 16 / 9
}

.\!h-4 {
    height: 1rem !important
}

.\!h-\[20px\] {
    height: 20px !important
}

.\!h-\[40px\] {
    height: 40px !important
}

.h-0 {
    height: 0px
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-\[1\.2rem\] {
    height: 1.2rem
}

.h-\[1\.5px\] {
    height: 1.5px
}

.h-\[100px\] {
    height: 100px
}

.h-\[102px\] {
    height: 102px
}

.h-\[105\%\] {
    height: 105%
}

.h-\[10px\] {
    height: 10px
}

.h-\[120\%\] {
    height: 120%
}

.h-\[120px\] {
    height: 120px
}

.h-\[127px\] {
    height: 127px
}

.h-\[130px\] {
    height: 130px
}

.h-\[136px\] {
    height: 136px
}

.h-\[150\%\] {
    height: 150%
}

.h-\[150px\] {
    height: 150px
}

.h-\[156px\] {
    height: 156px
}

.h-\[160px\] {
    height: 160px
}

.h-\[16px\] {
    height: 16px
}

.h-\[180px\] {
    height: 180px
}

.h-\[186px\] {
    height: 186px
}

.h-\[18px\] {
    height: 18px
}

.h-\[19px\] {
    height: 19px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[208px\] {
    height: 208px
}

.h-\[20px\] {
    height: 20px
}

.h-\[216px\] {
    height: 216px
}

.h-\[219px\] {
    height: 219px
}

.h-\[22px\] {
    height: 22px
}

.h-\[230px\] {
    height: 230px
}

.h-\[240px\] {
    height: 240px
}

.h-\[241px\] {
    height: 241px
}

.h-\[24px\] {
    height: 24px
}

.h-\[250px\] {
    height: 250px
}

.h-\[26px\] {
    height: 26px
}

.h-\[280px\] {
    height: 280px
}

.h-\[285px\] {
    height: 285px
}

.h-\[2px\] {
    height: 2px
}

.h-\[30px\] {
    height: 30px
}

.h-\[316px\] {
    height: 316px
}

.h-\[32px\] {
    height: 32px
}

.h-\[345px\] {
    height: 345px
}

.h-\[356px\] {
    height: 356px
}

.h-\[357px\] {
    height: 357px
}

.h-\[365px\] {
    height: 365px
}

.h-\[36px\] {
    height: 36px
}

.h-\[40px\] {
    height: 40px
}

.h-\[44px\] {
    height: 44px
}

.h-\[4px\] {
    height: 4px
}

.h-\[50px\] {
    height: 50px
}

.h-\[513px\] {
    height: 513px
}

.h-\[520px\] {
    height: 520px
}

.h-\[52px\] {
    height: 52px
}

.h-\[55px\] {
    height: 55px
}

.h-\[56px\] {
    height: 56px
}

.h-\[58px\] {
    height: 58px
}

.h-\[5rem\] {
    height: 5rem
}

.h-\[60px\] {
    height: 60px
}

.h-\[610px\] {
    height: 610px
}

.h-\[65px\] {
    height: 65px
}

.h-\[680px\] {
    height: 680px
}

.h-\[68px\] {
    height: 68px
}

.h-\[6px\] {
    height: 6px
}

.h-\[70px\] {
    height: 70px
}

.h-\[72px\] {
    height: 72px
}

.h-\[74px\] {
    height: 74px
}

.h-\[80\%\] {
    height: 80%
}

.h-\[80px\] {
    height: 80px
}

.h-\[812px\] {
    height: 812px
}

.h-\[8px\] {
    height: 8px
}

.h-\[96px\] {
    height: 96px
}

.h-\[calc\(100\%\+100px\)\] {
    height: calc(100% + 100px)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-min {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0px
}

.max-h-1000 {
    max-height: 1000px
}

.max-h-36 {
    max-height: 9rem
}

.max-h-40 {
    max-height: 10rem
}

.max-h-56 {
    max-height: 14rem
}

.max-h-7 {
    max-height: 1.75rem
}

.max-h-80 {
    max-height: 20rem
}

.max-h-96 {
    max-height: 24rem
}

.max-h-\[1100px\] {
    max-height: 1100px
}

.max-h-\[156px\] {
    max-height: 156px
}

.max-h-\[162px\] {
    max-height: 162px
}

.max-h-\[166px\] {
    max-height: 166px
}

.max-h-\[172px\] {
    max-height: 172px
}

.max-h-\[234px\] {
    max-height: 234px
}

.max-h-\[30px\] {
    max-height: 30px
}

.max-h-\[350px\] {
    max-height: 350px
}

.max-h-\[361px\] {
    max-height: 361px
}

.max-h-\[482px\] {
    max-height: 482px
}

.max-h-\[50vh\] {
    max-height: 50vh
}

.max-h-\[90\%\] {
    max-height: 90%
}

.max-h-fit {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.max-h-full {
    max-height: 100%
}

.max-h-max {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content
}

.min-h-0 {
    min-height: 0px
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-4 {
    min-height: 1rem
}

.min-h-6 {
    min-height: 1.5rem
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[106px\] {
    min-height: 106px
}

.min-h-\[120px\] {
    min-height: 120px
}

.min-h-\[125px\] {
    min-height: 125px
}

.min-h-\[136px\] {
    min-height: 136px
}

.min-h-\[16px\] {
    min-height: 16px
}

.min-h-\[180px\] {
    min-height: 180px
}

.min-h-\[198px\] {
    min-height: 198px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[25px\] {
    min-height: 25px
}

.min-h-\[285px\] {
    min-height: 285px
}

.min-h-\[288px\] {
    min-height: 288px
}

.min-h-\[316px\] {
    min-height: 316px
}

.min-h-\[32px\] {
    min-height: 32px
}

.min-h-\[360px\] {
    min-height: 360px
}

.min-h-\[400px\] {
    min-height: 400px
}

.min-h-\[40px\] {
    min-height: 40px
}

.min-h-\[420px\] {
    min-height: 420px
}

.min-h-\[430px\] {
    min-height: 430px
}

.min-h-\[432px\] {
    min-height: 432px
}

.min-h-\[48px\] {
    min-height: 48px
}

.min-h-\[50px\] {
    min-height: 50px
}

.min-h-\[52px\] {
    min-height: 52px
}

.min-h-\[55px\] {
    min-height: 55px
}

.min-h-\[600px\] {
    min-height: 600px
}

.min-h-\[62px\] {
    min-height: 62px
}

.min-h-\[65px\] {
    min-height: 65px
}

.min-h-\[70px\] {
    min-height: 70px
}

.min-h-\[789px\] {
    min-height: 789px
}

.min-h-full {
    min-height: 100%
}

.\!w-16 {
    width: 4rem !important
}

.\!w-4 {
    width: 1rem !important
}

.\!w-full {
    width: 100% !important
}

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-2\/5 {
    width: 40%
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-52 {
    width: 13rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-\[100px\] {
    width: 100px
}

.w-\[10px\] {
    width: 10px
}

.w-\[110px\] {
    width: 110px
}

.w-\[115px\] {
    width: 115px
}

.w-\[120px\] {
    width: 120px
}

.w-\[130px\] {
    width: 130px
}

.w-\[130vw\] {
    width: 130vw
}

.w-\[136px\] {
    width: 136px
}

.w-\[13\] {
    width: 13
}

.w-\[13px\] {
    width: 13px
}

.w-\[140px\] {
    width: 140px
}

.w-\[148px\] {
    width: 148px
}

.w-\[150\%\] {
    width: 150%
}

.w-\[150px\] {
    width: 150px
}

.w-\[155px\] {
    width: 155px
}

.w-\[160px\] {
    width: 160px
}

.w-\[16px\] {
    width: 16px
}

.w-\[177px\] {
    width: 177px
}

.w-\[17px\] {
    width: 17px
}

.w-\[180px\] {
    width: 180px
}

.w-\[185px\] {
    width: 185px
}

.w-\[18px\] {
    width: 18px
}

.w-\[190px\] {
    width: 190px
}

.w-\[195px\] {
    width: 195px
}

.w-\[19px\] {
    width: 19px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[20px\] {
    width: 20px
}

.w-\[210px\] {
    width: 210px
}

.w-\[216px\] {
    width: 216px
}

.w-\[21px\] {
    width: 21px
}

.w-\[220px\] {
    width: 220px
}

.w-\[224px\] {
    width: 224px
}

.w-\[231px\] {
    width: 231px
}

.w-\[240px\] {
    width: 240px
}

.w-\[24px\] {
    width: 24px
}

.w-\[260px\] {
    width: 260px
}

.w-\[26px\] {
    width: 26px
}

.w-\[27px\] {
    width: 27px
}

.w-\[280px\] {
    width: 280px
}

.w-\[282px\] {
    width: 282px
}

.w-\[285px\] {
    width: 285px
}

.w-\[290px\] {
    width: 290px
}

.w-\[298px\] {
    width: 298px
}

.w-\[300px\] {
    width: 300px
}

.w-\[30px\] {
    width: 30px
}

.w-\[330px\] {
    width: 330px
}

.w-\[336px\] {
    width: 336px
}

.w-\[341px\] {
    width: 341px
}

.w-\[345px\] {
    width: 345px
}

.w-\[348px\] {
    width: 348px
}

.w-\[364px\] {
    width: 364px
}

.w-\[40px\] {
    width: 40px
}

.w-\[45px\] {
    width: 45px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[50px\] {
    width: 50px
}

.w-\[52px\] {
    width: 52px
}

.w-\[54px\] {
    width: 54px
}

.w-\[55px\] {
    width: 55px
}

.w-\[56px\] {
    width: 56px
}

.w-\[58px\] {
    width: 58px
}

.w-\[60px\] {
    width: 60px
}

.w-\[65px\] {
    width: 65px
}

.w-\[679px\] {
    width: 679px
}

.w-\[70px\] {
    width: 70px
}

.w-\[72px\] {
    width: 72px
}

.w-\[80\%\] {
    width: 80%
}

.w-\[80px\] {
    width: 80px
}

.w-\[84px\] {
    width: 84px
}

.w-\[87px\] {
    width: 87px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[94px\] {
    width: 94px
}

.w-\[96px\] {
    width: 96px
}

.w-\[98\%\] {
    width: 98%
}

.w-\[calc\(100\%-140px\)\] {
    width: calc(100% - 140px)
}

.w-\[calc\(20\%-20px\)\] {
    width: calc(20% - 20px)
}

.w-\[calc\(50\%-16px\)\] {
    width: calc(50% - 16px)
}

.w-\[calc\(50\%-4px\)\] {
    width: calc(50% - 4px)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-min {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0px
}

.min-w-4 {
    min-width: 1rem
}

.min-w-40 {
    min-width: 10rem
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[125px\] {
    min-width: 125px
}

.min-w-\[130px\] {
    min-width: 130px
}

.min-w-\[138px\] {
    min-width: 138px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[160px\] {
    min-width: 160px
}

.min-w-\[168px\] {
    min-width: 168px
}

.min-w-\[16px\] {
    min-width: 16px
}

.min-w-\[187px\] {
    min-width: 187px
}

.min-w-\[196px\] {
    min-width: 196px
}

.min-w-\[285px\] {
    min-width: 285px
}

.min-w-\[296px\] {
    min-width: 296px
}

.min-w-\[30px\] {
    min-width: 30px
}

.min-w-\[325px\] {
    min-width: 325px
}

.min-w-\[40px\] {
    min-width: 40px
}

.min-w-\[55px\] {
    min-width: 55px
}

.min-w-\[742px\] {
    min-width: 742px
}

.min-w-fit {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-96 {
    max-width: 24rem
}

.max-w-\[1076px\] {
    max-width: 1076px
}

.max-w-\[112px\] {
    max-width: 112px
}

.max-w-\[116px\] {
    max-width: 116px
}

.max-w-\[120px\] {
    max-width: 120px
}

.max-w-\[146px\] {
    max-width: 146px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[163px\] {
    max-width: 163px
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[220px\] {
    max-width: 220px
}

.max-w-\[222px\] {
    max-width: 222px
}

.max-w-\[240px\] {
    max-width: 240px
}

.max-w-\[244px\] {
    max-width: 244px
}

.max-w-\[248px\] {
    max-width: 248px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[30px\] {
    max-width: 30px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[368px\] {
    max-width: 368px
}

.max-w-\[50\%\] {
    max-width: 50%
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[64px\] {
    max-width: 64px
}

.max-w-\[80\%\] {
    max-width: 80%
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-\[95px\] {
    max-width: 95px
}

.max-w-\[unset\] {
    max-width: unset
}

.max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.max-w-max {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

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

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-full {
    flex-basis: 100%
}

.border-collapse {
    border-collapse: collapse
}

.origin-center {
    transform-origin: center
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-16 {
    --tw-translate-y: -4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-5 {
    --tw-translate-x: 1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[30px\] {
    --tw-translate-x: 30px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-12 {
    --tw-translate-y: 3rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[24px\] {
    --tw-translate-y: 24px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-180 {
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45,
.rotate-\[45deg\] {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-\[2\] {
    --tw-scale-x: 2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-\[-1\] {
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-y-\[1\.2\] {
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-center {
    scroll-snap-align: center
}

.\!list-none {
    list-style-type: none !important
}

.list-none {
    list-style-type: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

.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-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

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

.grid-cols-auto-fit-64 {
    grid-template-columns: repeat(auto-fit, minmax(64px, 1fr))
}

.flex-row {
    flex-direction: row
}

.\!flex-col {
    flex-direction: column !important
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.\!flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-items-start {
    place-items: start
}

.place-items-center {
    place-items: center
}

.content-center {
    align-content: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.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-around {
    justify-content: space-around
}

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

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

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[0\.7rem\] {
    gap: .7rem
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[6px\] {
    gap: 6px
}

.gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-16 {
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-20 {
    -moz-column-gap: 5rem;
    column-gap: 5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-3\.5 {
    -moz-column-gap: .875rem;
    column-gap: .875rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-x-9 {
    -moz-column-gap: 2.25rem;
    column-gap: 2.25rem
}

.gap-x-\[10px\] {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.gap-x-\[60px\] {
    -moz-column-gap: 60px;
    column-gap: 60px
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-10 {
    row-gap: 2.5rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-\[2px\] {
    row-gap: 2px
}

.gap-y-\[72px\] {
    row-gap: 72px
}

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

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

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

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

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

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

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

.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-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1))
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.justify-self-center {
    justify-self: center
}

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

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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-3xl {
    border-radius: 1.5rem
}

.rounded-\[10\.8px\] {
    border-radius: 10.8px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[50px\] {
    border-radius: 50px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-b-\[10px\] {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-b-md {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-l-\[10px\] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-r-\[10px\] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-s-2xl {
    border-start-start-radius: 1rem;
    border-end-start-radius: 1rem
}

.rounded-s-lg {
    border-start-start-radius: .5rem;
    border-end-start-radius: .5rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rounded-t-\[18px\] {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px
}

.rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.rounded-t-\[6px\] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-bl-\[10px\] {
    border-bottom-left-radius: 10px
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-br-\[10px\] {
    border-bottom-right-radius: 10px
}

.rounded-br-\[11px\] {
    border-bottom-right-radius: 11px
}

.rounded-br-\[50px\] {
    border-bottom-right-radius: 50px
}

.rounded-br-none {
    border-bottom-right-radius: 0
}

.rounded-tl-\[10px\] {
    border-top-left-radius: 10px
}

.rounded-tl-\[8px\] {
    border-top-left-radius: 8px
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.rounded-tr-\[10px\] {
    border-top-right-radius: 10px
}

.rounded-tr-md {
    border-top-right-radius: .375rem
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.\!border-0 {
    border-width: 0px !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0px
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-8 {
    border-width: 8px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-\[3px\] {
    border-width: 3px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px
}

.\!border-b-0 {
    border-bottom-width: 0px !important
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-l-\[20px\] {
    border-left-width: 20px
}

.border-r {
    border-right-width: 1px
}

.border-r-4 {
    border-right-width: 4px
}

.border-r-\[1px\] {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0px
}

.border-t-2 {
    border-top-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.\!border-none {
    border-style: none !important
}

.border-none {
    border-style: none
}

.\!border-accent-color {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 0 128 / var(--tw-border-opacity, 1)) !important
}

.border-\[\#4B5563\] {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1))
}

.border-\[\#525252\] {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 82 / var(--tw-border-opacity, 1))
}

.border-\[\#87E752\] {
    --tw-border-opacity: 1;
    border-color: rgb(135 231 82 / var(--tw-border-opacity, 1))
}

.border-\[\#9CA3AF\] {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.border-\[\#A3A3A3\] {
    --tw-border-opacity: 1;
    border-color: rgb(163 163 163 / var(--tw-border-opacity, 1))
}

.border-\[\#B31F83\] {
    --tw-border-opacity: 1;
    border-color: rgb(179 31 131 / var(--tw-border-opacity, 1))
}

.border-\[\#B40082\] {
    --tw-border-opacity: 1;
    border-color: rgb(180 0 130 / var(--tw-border-opacity, 1))
}

.border-\[\#FEB8D5\] {
    --tw-border-opacity: 1;
    border-color: rgb(254 184 213 / var(--tw-border-opacity, 1))
}

.border-\[\#FF0080\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 128 / var(--tw-border-opacity, 1))
}

.border-\[\#FF0082\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 130 / var(--tw-border-opacity, 1))
}

.border-\[\#d0d0d0\] {
    --tw-border-opacity: 1;
    border-color: rgb(208 208 208 / var(--tw-border-opacity, 1))
}

.border-\[\#d1d5db\] {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-\[\#ff0082\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 130 / var(--tw-border-opacity, 1))
}

.border-\[\#ff0088\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 136 / var(--tw-border-opacity, 1))
}

.border-accent-color {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 128 / var(--tw-border-opacity, 1))
}

.border-accent-color-darker {
    --tw-border-opacity: 1;
    border-color: rgb(199 0 100 / var(--tw-border-opacity, 1))
}

.border-accent-color-pink {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 130 / var(--tw-border-opacity, 1))
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.border-cc-cyan {
    --tw-border-opacity: 1;
    border-color: rgb(0 224 255 / var(--tw-border-opacity, 1))
}

.border-cc-green {
    --tw-border-opacity: 1;
    border-color: rgb(65 239 21 / var(--tw-border-opacity, 1))
}

.border-cc-lemon {
    --tw-border-opacity: 1;
    border-color: rgb(219 255 0 / var(--tw-border-opacity, 1))
}

.border-cc-purple {
    --tw-border-opacity: 1;
    border-color: rgb(180 0 130 / var(--tw-border-opacity, 1))
}

.border-cc-spicy-pink {
    --tw-border-opacity: 1;
    border-color: rgb(195 0 97 / var(--tw-border-opacity, 1))
}

.border-emerald-500 {
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129 / var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1))
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity, 1))
}

.border-magical-magenta {
    --tw-border-opacity: 1;
    border-color: rgb(179 31 131 / var(--tw-border-opacity, 1))
}

.border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgb(252 231 243 / var(--tw-border-opacity, 1))
}

.border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgb(251 207 232 / var(--tw-border-opacity, 1))
}

.border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgb(249 168 212 / var(--tw-border-opacity, 1))
}

.border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(236 72 153 / var(--tw-border-opacity, 1))
}

.border-pink-700 {
    --tw-border-opacity: 1;
    border-color: rgb(190 24 93 / var(--tw-border-opacity, 1))
}

.border-pink-900 {
    --tw-border-opacity: 1;
    border-color: rgb(131 24 67 / var(--tw-border-opacity, 1))
}

.border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 226 226 / var(--tw-border-opacity, 1))
}

.border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1))
}

.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.border-b-\[\#E5E7EB\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-b-gray-300 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-t-accent-color {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 0 128 / var(--tw-border-opacity, 1))
}

.border-t-cc-purple {
    --tw-border-opacity: 1;
    border-top-color: rgb(180 0 130 / var(--tw-border-opacity, 1))
}

.border-t-gray-200 {
    --tw-border-opacity: 1;
    border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-t-gray-300 {
    --tw-border-opacity: 1;
    border-top-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-t-transparent {
    border-top-color: transparent
}

.\!bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.bg-\[\#1F2937\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.bg-\[\#232323\] {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 35 / var(--tw-bg-opacity, 1))
}

.bg-\[\#262626\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1))
}

.bg-\[\#41EF15\] {
    --tw-bg-opacity: 1;
    background-color: rgb(65 239 21 / var(--tw-bg-opacity, 1))
}

.bg-\[\#500046\] {
    --tw-bg-opacity: 1;
    background-color: rgb(80 0 70 / var(--tw-bg-opacity, 1))
}

.bg-\[\#E5E7EB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F2F4F3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 243 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FF0080\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 128 / var(--tw-bg-opacity, 1))
}

.bg-\[\#FF0082\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 130 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1))
}

.bg-\[\#ff0082\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 130 / var(--tw-bg-opacity, 1))
}

.bg-\[\#ff0088\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 136 / var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(0\,0\,0\,0\.25\)\] {
    background-color: #00000040
}

.bg-\[rgba\(180\,0\,130\,1\)\] {
    background-color: #b40082
}

.bg-accent-color {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 128 / var(--tw-bg-opacity, 1))
}

.bg-accent-color-pink {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 130 / var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.bg-black\/40 {
    background-color: #0006
}

.bg-black\/45 {
    background-color: #00000073
}

.bg-black\/\[\.7\] {
    background-color: #000000b3
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.bg-casinos-magical-magenta {
    --tw-bg-opacity: 1;
    background-color: rgb(179 31 131 / var(--tw-bg-opacity, 1))
}

.bg-cc-lemon {
    --tw-bg-opacity: 1;
    background-color: rgb(219 255 0 / var(--tw-bg-opacity, 1))
}

.bg-cc-purple {
    --tw-bg-opacity: 1;
    background-color: rgb(180 0 130 / var(--tw-bg-opacity, 1))
}

.bg-emerald-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1))
}

.bg-emerald-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}

.bg-magical-magenta {
    --tw-bg-opacity: 1;
    background-color: rgb(179 31 131 / var(--tw-bg-opacity, 1))
}

.bg-neutral-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1))
}

.bg-neutral-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1))
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1))
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1))
}

.bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 207 232 / var(--tw-bg-opacity, 1))
}

.bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1))
}

.bg-red-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.bg-rose-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 205 211 / var(--tw-bg-opacity, 1))
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-white\/30 {
    background-color: #ffffff4d
}

.bg-white\/\[\.4\] {
    background-color: #fff6
}

.bg-zinc-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1))
}

.bg-opacity-30 {
    --tw-bg-opacity: .3
}

.bg-opacity-50 {
    --tw-bg-opacity: .5
}

.bg-opacity-60 {
    --tw-bg-opacity: .6
}

.bg-opacity-70 {
    --tw-bg-opacity: .7
}

.bg-opacity-80 {
    --tw-bg-opacity: .8
}

.\!bg-404-cta {
    background-image: linear-gradient(90deg, #b31f83, #ff0082 46.35%, #b31f83 95.31%) !important
}

.bg-\[linear-gradient\(273deg\,\#B40082_1\.31\%\,\#FB0082_47\.39\%\,\#FF0082_98\.44\%\)\] {
    background-image: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.bg-\[linear-gradient\(4deg\,\#660059_4\.67\%\,\#A3007E_36\.18\%\,\#EC0080_74\.1\%\,\#FF0081_98\.74\%\)\] {
    background-image: linear-gradient(4deg, #660059 4.67%, #a3007e 36.18%, #ec0080 74.1%, #ff0081 98.74%)
}

.bg-auth-button-gradient {
    background-image: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.bg-brand-comparison-desktop {
    background-image: url(https://objects.kaxmedia.com/auto/o/180840/274e504106.png)
}

.bg-brand-comparison-mobile {
    background-image: url(https://objects.kaxmedia.com/auto/o/180841/a636748aeb.jpeg)
}

.bg-casinos-gradients-3 {
    background-image: linear-gradient(0deg, #b31f83, #ff0082)
}

.bg-christmas-decor {
    background-image: url(https://objects.kaxmedia.com/auto/o/267471/42e4c2d1d3.svg)
}

.bg-discs-desktop {
    background-image: url(https://objects.kaxmedia.com/auto/o/211663/291ed849be.png)
}

.bg-discs-mobile {
    background-image: url(https://objects.kaxmedia.com/auto/o/210536/6fd2c1a2a9.jpeg)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-monthly-provider {
    background-image: url(https://objects.kaxmedia.com/auto/o/180221/1f319084aa.png)
}

.bg-provider-card-attributes {
    background-image: url(https://objects.kaxmedia.com/auto/o/178819/3dd19e06fa.png)
}

.bg-provider-slots {
    background-image: url(https://objects.kaxmedia.com/auto/o/180317/c2978f33ed.png)
}

.bg-signup-gradient {
    background-image: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.bg-styled-pattern {
    background-image: url(https://objects.kaxmedia.com/auto/o/192652/8f13b4d787.svg)
}

.bg-wagering-calc-desktop {
    background-image: url(https://objects.kaxmedia.com/auto/o/179024/6512e89538.jpeg)
}

.from-\[\#13010E\] {
    --tw-gradient-from: #13010E var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(19 1 14 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#340926\] {
    --tw-gradient-from: #340926 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(52 9 38 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#500046\] {
    --tw-gradient-from: #500046 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(80 0 70 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#6E0060\] {
    --tw-gradient-from: #6E0060 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(110 0 96 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#852566\] {
    --tw-gradient-from: #852566 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(133 37 102 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#B31F83\] {
    --tw-gradient-from: #B31F83 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(179 31 131 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#FF0082\] {
    --tw-gradient-from: #FF0082 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 0 130 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-accent-color {
    --tw-gradient-from: #FF0080 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 0 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/80 {
    --tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-400 {
    --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/35 {
    --tw-gradient-from: rgb(255 255 255 / .35) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#450033\] {
    --tw-gradient-to: rgb(69 0 51 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #450033 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[\#B40082\] {
    --tw-gradient-to: rgb(180 0 130 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #B40082 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[\#b31f83\] {
    --tw-gradient-to: rgb(179 31 131 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #b31f83 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[\#fb0082\] {
    --tw-gradient-to: rgb(251 0 130 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fb0082 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-black {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-black\/80 {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .8) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-10\% {
    --tw-gradient-via-position: 10%
}

.via-\[12\%\] {
    --tw-gradient-via-position: 12%
}

.to-\[\#340926\] {
    --tw-gradient-to: #340926 var(--tw-gradient-to-position)
}

.to-\[\#B31F83\] {
    --tw-gradient-to: #B31F83 var(--tw-gradient-to-position)
}

.to-\[\#B40082\] {
    --tw-gradient-to: #B40082 var(--tw-gradient-to-position)
}

.to-\[\#FB0082\] {
    --tw-gradient-to: #FB0082 var(--tw-gradient-to-position)
}

.to-\[\#FF0081\] {
    --tw-gradient-to: #FF0081 var(--tw-gradient-to-position)
}

.to-\[\#FF0082\] {
    --tw-gradient-to: #FF0082 var(--tw-gradient-to-position)
}

.to-\[\#b40082\] {
    --tw-gradient-to: #b40082 var(--tw-gradient-to-position)
}

.to-\[\#ff0082\] {
    --tw-gradient-to: #ff0082 var(--tw-gradient-to-position)
}

.to-accent-color {
    --tw-gradient-to: #FF0080 var(--tw-gradient-to-position)
}

.to-accent-color-dark {
    --tw-gradient-to: #7C0054 var(--tw-gradient-to-position)
}

.to-purple-500 {
    --tw-gradient-to: #a855f7 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-100\% {
    --tw-gradient-to-position: 100%
}

.to-70\% {
    --tw-gradient-to-position: 70%
}

.bg-\[length\:100\%\] {
    background-size: 100%
}

.bg-\[length\:100\%_0\.2em\] {
    background-size: 100% .2em
}

.bg-\[length\:400\%_400\%\] {
    background-size: 400% 400%
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-padding {
    background-clip: padding-box
}

.bg-\[0_88\%\] {
    background-position: 0 88%
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: center
}

.bg-left {
    background-position: left
}

.bg-left-top {
    background-position: left top
}

.bg-right {
    background-position: right
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-round {
    background-repeat: round
}

.bg-origin-content {
    background-origin: content-box
}

.fill-\[\#E5E7EB\] {
    fill: #e5e7eb
}

.fill-accent-color {
    fill: #ff0080
}

.fill-black {
    fill: #000
}

.fill-emerald-500 {
    fill: #10b981
}

.fill-gray-400 {
    fill: #9ca3af
}

.fill-gray-500 {
    fill: #6b7280
}

.fill-green-500 {
    fill: #22c55e
}

.fill-white {
    fill: #fff
}

.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-right {
    -o-object-position: right;
    object-position: right
}

.object-right-bottom {
    -o-object-position: right bottom;
    object-position: right bottom
}

.object-top {
    -o-object-position: top;
    object-position: top
}

.\!p-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.p-\[10px\] {
    padding: 10px
}

.p-\[12px\] {
    padding: 12px
}

.p-\[1px\] {
    padding: 1px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[3px\] {
    padding: 3px
}

.p-\[5px\] {
    padding: 5px
}

.p-\[8px\] {
    padding: 8px
}

.\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\!px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-32 {
    padding-left: 8rem;
    padding-right: 8rem
}

.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-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px
}

.px-\[69px\] {
    padding-left: 69px;
    padding-right: 69px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.px-\[9px\] {
    padding-left: 9px;
    padding-right: 9px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.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-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.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-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[40px\] {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.\!pl-0 {
    padding-left: 0 !important
}

.\!pl-6 {
    padding-left: 1.5rem !important
}

.\!pt-\[40px\] {
    padding-top: 40px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-9 {
    padding-bottom: 2.25rem
}

.pb-\[200px\] {
    padding-bottom: 200px
}

.pb-\[24px\] {
    padding-bottom: 24px
}

.pb-\[30px\] {
    padding-bottom: 30px
}

.pb-\[4px\] {
    padding-bottom: 4px
}

.pb-\[6px\] {
    padding-bottom: 6px
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-1\.5 {
    padding-left: .375rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-11 {
    padding-left: 2.75rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[52px\] {
    padding-left: 52px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-1\.5 {
    padding-right: .375rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-9 {
    padding-right: 2.25rem
}

.pr-\[162px\] {
    padding-right: 162px
}

.pr-\[50px\] {
    padding-right: 50px
}

.pr-\[52px\] {
    padding-right: 52px
}

.pr-\[80px\] {
    padding-right: 80px
}

.pr-\[8px\] {
    padding-right: 8px
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-3\.5 {
    padding-top: .875rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[100\%\] {
    padding-top: 100%
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[2px\] {
    padding-top: 2px
}

.pt-\[39px\] {
    padding-top: 39px
}

.pt-\[3px\] {
    padding-top: 3px
}

.pt-\[40px\] {
    padding-top: 40px
}

.pt-\[4px\] {
    padding-top: 4px
}

.pt-\[56\.25\%\] {
    padding-top: 56.25%
}

.pt-\[56px\] {
    padding-top: 56px
}

.pt-\[7px\] {
    padding-top: 7px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.align-middle {
    vertical-align: middle
}

.font-headings {
    font-family: Trois Mille Bold, Trois Mille Bold Fallback, system-ui, sans-serif
}

.font-sans {
    font-family: Roboto Variable, sans-serif
}

.\!text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[54px\] {
    font-size: 54px
}

.text-\[56px\] {
    font-size: 56px
}

.text-\[64px\] {
    font-size: 64px
}

.text-\[88px\] {
    font-size: 88px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.not-italic {
    font-style: normal
}

.\!leading-5 {
    line-height: 1.25rem !important
}

.leading-10 {
    line-height: 2.5rem
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[0\.8\] {
    line-height: .8
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-\[50px\] {
    line-height: 50px
}

.leading-\[56px\] {
    line-height: 56px
}

.leading-\[64px\] {
    line-height: 64px
}

.leading-\[68px\] {
    line-height: 68px
}

.leading-\[70px\] {
    line-height: 70px
}

.leading-\[71px\] {
    line-height: 71px
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[\.2em\] {
    letter-spacing: .2em
}

.tracking-normal {
    letter-spacing: 0em
}

.tracking-wide {
    letter-spacing: .025em
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

.text-\[\#1f2937\] {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-\[\#34d399\] {
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}

.text-\[\#737373\] {
    --tw-text-opacity: 1;
    color: rgb(115 115 115 / var(--tw-text-opacity, 1))
}

.text-\[\#C30061\] {
    --tw-text-opacity: 1;
    color: rgb(195 0 97 / var(--tw-text-opacity, 1))
}

.text-\[\#E5E7EB\] {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.text-\[\#FDF6E9\] {
    --tw-text-opacity: 1;
    color: rgb(253 246 233 / var(--tw-text-opacity, 1))
}

.text-\[\#FEB8D5\] {
    --tw-text-opacity: 1;
    color: rgb(254 184 213 / var(--tw-text-opacity, 1))
}

.text-\[\#FF0082\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 130 / var(--tw-text-opacity, 1))
}

.text-\[\#FFF5E6\] {
    --tw-text-opacity: 1;
    color: rgb(255 245 230 / var(--tw-text-opacity, 1))
}

.text-\[\#d9d9d9\] {
    --tw-text-opacity: 1;
    color: rgb(217 217 217 / var(--tw-text-opacity, 1))
}

.text-\[\#ff0082\] {
    --tw-text-opacity: 1;
    color: rgb(255 0 130 / var(--tw-text-opacity, 1))
}

.text-\[color\:var\(--Casinos-Spicy-Pinks-800\,\#C30061\)\] {
    color: var(--Casinos-Spicy-Pinks-800, #C30061)
}

.text-accent-color {
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1))
}

.text-accent-color-pink {
    --tw-text-opacity: 1;
    color: rgb(255 0 130 / var(--tw-text-opacity, 1))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1))
}

.text-cc-green {
    --tw-text-opacity: 1;
    color: rgb(65 239 21 / var(--tw-text-opacity, 1))
}

.text-cc-purple {
    --tw-text-opacity: 1;
    color: rgb(180 0 130 / var(--tw-text-opacity, 1))
}

.text-cc-spicy-pink {
    --tw-text-opacity: 1;
    color: rgb(195 0 97 / var(--tw-text-opacity, 1))
}

.text-current {
    color: currentColor
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity, 1))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1))
}

.text-magical-magenta {
    --tw-text-opacity: 1;
    color: rgb(179 31 131 / var(--tw-text-opacity, 1))
}

.text-orange-800 {
    --tw-text-opacity: 1;
    color: rgb(154 52 18 / var(--tw-text-opacity, 1))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(236 72 153 / var(--tw-text-opacity, 1))
}

.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1))
}

.text-pink-800 {
    --tw-text-opacity: 1;
    color: rgb(157 23 77 / var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1))
}

.text-rose-200 {
    --tw-text-opacity: 1;
    color: rgb(254 205 211 / var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.\!no-underline {
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important
}

.no-underline {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.underline-offset-1 {
    text-underline-offset: 1px
}

.placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1))
}

.placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1))
}

.placeholder-red-600::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(220 38 38 / var(--tw-placeholder-opacity, 1))
}

.placeholder-red-600::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(220 38 38 / var(--tw-placeholder-opacity, 1))
}

.accent-\[\#B40082\] {
    accent-color: #B40082
}

.accent-accent-color {
    accent-color: #FF0080
}

.opacity-0 {
    opacity: 0
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-75 {
    opacity: .75
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px 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-\[0_0_0_4px_rgba\(255\,0\,130\,0\.2\)\] {
    --tw-shadow: 0 0 0 4px rgba(255, 0, 130, .2);
    --tw-shadow-colored: 0 0 0 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-auth-shadow {
    --tw-shadow: 0px 20px 25px -5px rgba(255, 0, 130, .1), 0px 10px 10px -5px rgba(255, 0, 130, .04);
    --tw-shadow-colored: 0px 20px 25px -5px var(--tw-shadow-color), 0px 10px 10px -5px 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-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: inset 0 2px 4px 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)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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 / .1), 0 2px 4px -2px rgb(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-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    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 / .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 !important;
    outline-offset: 2px !important
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0px
}

.outline-1,
.outline-\[1px\] {
    outline-width: 1px
}

.outline-offset-\[-20px\] {
    outline-offset: -20px
}

.outline-black {
    outline-color: #000
}

.outline-magical-magenta {
    outline-color: #b31f83
}

.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-inset {
    --tw-ring-inset: inset
}

.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))
}

.ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1))
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))
}

.ring-opacity-5 {
    --tw-ring-opacity: .05
}

.ring-opacity-50 {
    --tw-ring-opacity: .5
}

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

.blur-sm {
    --tw-blur: blur(4px);
    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)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));
    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);
    -webkit-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-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-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-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-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);
    -webkit-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-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-brightness-50 {
    --tw-backdrop-brightness: brightness(.5);
    -webkit-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-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-filter {
    -webkit-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-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 {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-\[0\.4s\] {
    transition-duration: .4s
}

.duration-\[250ms\] {
    transition-duration: .25s
}

.duration-\[400ms\] {
    transition-duration: .4s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.\!container {
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width: 768px) {
    .\!container {
        padding-left: 0;
        padding-right: 0
    }
}

.container {
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width: 768px) {
    .container {
        padding-left: 0;
        padding-right: 0
    }
}

.card-gradient {
    background: #000;
    background: linear-gradient(0deg, #000, #000, #fff0 60%, #fff0)
}

.ghost-button {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: .625rem 2rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

.ghost-button:hover {
    background-image: linear-gradient(90deg, #340926 5%, #660035, #450033 100%, #340926);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.ghost-button {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #ff0080 5%, #b40082 49.04%, #ff0080 95.55%) border-box;
    border: 1px solid transparent
}

.ghost-button-quick-links {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: .75rem 1rem;
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

.ghost-button-quick-links:hover {
    background-image: linear-gradient(90deg, #340926 5%, #660035, #450033 100%, #340926);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    .ghost-button-quick-links {
        padding: .625rem 2rem;
        font-size: 1.125rem;
        line-height: 1.25rem
    }
}

.ghost-button-quick-links {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #ff0080 5%, #b40082 49.04%, #ff0080 95.55%) border-box;
    border: 1px solid transparent
}

.ghost-button-quick-links-v2 {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: .75rem 1rem;
    text-align: center;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

@media (min-width: 768px) {
    .ghost-button-quick-links-v2 {
        padding: .625rem 2rem;
        font-size: 1.125rem;
        line-height: 1.25rem
    }
}

.ghost-button-quick-links-v2 {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #ff0080 5%, #b40082 49.04%, #ff0080 95.55%) border-box;
    border: 1px solid transparent
}

.ghost-button-quick-links-v2:hover,
.ghost-button-quick-links-v2-active {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 128 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    background: linear-gradient(to right, #ff0080 5%, #ff0080 49.04%, #ff0080 95.55%) border-box;
    border: 1px solid transparent
}

.primary-generic-button {
    border-radius: 9999px;
    background-image: linear-gradient(90deg, #b31f83 5%, #ff0082 49.04%, #b31f83 95.55%);
    padding-top: .625rem;
    padding-bottom: .625rem;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

.primary-generic-button:hover {
    background-image: linear-gradient(90deg, #340926 5%, #660035, #450033 100%, #340926)
}

.hero-banner h1 {
    margin-bottom: 1rem;
    font-family: Trois Mille Bold, Trois Mille Bold Fallback, system-ui, sans-serif;
    font-size: 40px;
    line-height: 44px
}

@media (min-width: 768px) {
    .hero-banner h1 {
        font-size: 64px;
        line-height: 68px
    }
}

@media (min-width: 768px) {
    .desktop-h2-mb-0 h2 {
        margin-bottom: 0
    }
}

.content-block-with-header-and-image .component-image {
    background-image: linear-gradient(to bottom, #ff0080, #ff008000, #ff008096);
    box-shadow: 0 0 10px #ff0080
}

.hover-glow {
    border-radius: 9999px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: linear
}

.hover-glow:hover {
    box-shadow: 0 0 18px #ff008099
}

.icon-redirect-white {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 5.5C4.55109 5.5 4.36032 5.57902 4.21967 5.71967C4.07902 5.86032 4 6.05109 4 6.25V14.75C4 15.164 4.336 15.5 4.75 15.5H13.25C13.4489 15.5 13.6397 15.421 13.7803 15.2803C13.921 15.1397 14 14.9489 14 14.75V10.75C14 10.5511 14.079 10.3603 14.2197 10.2197C14.3603 10.079 14.5511 10 14.75 10C14.9489 10 15.1397 10.079 15.2803 10.2197C15.421 10.3603 15.5 10.5511 15.5 10.75V14.75C15.5 15.3467 15.2629 15.919 14.841 16.341C14.419 16.7629 13.8467 17 13.25 17H4.75C4.15326 17 3.58097 16.7629 3.15901 16.341C2.73705 15.919 2.5 15.3467 2.5 14.75V6.25C2.5 5.65326 2.73705 5.08097 3.15901 4.65901C3.58097 4.23705 4.15326 4 4.75 4H9.75C9.94891 4 10.1397 4.07902 10.2803 4.21967C10.421 4.36032 10.5 4.55109 10.5 4.75C10.5 4.94891 10.421 5.13968 10.2803 5.28033C10.1397 5.42098 9.94891 5.5 9.75 5.5H4.75Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.69401 12.753C6.7601 12.8261 6.83995 12.8855 6.92901 12.9278C7.01807 12.97 7.11458 12.9943 7.21302 12.9992C7.31147 13.0041 7.40992 12.9896 7.50275 12.9565C7.59558 12.9233 7.68096 12.8722 7.75401 12.806L17 4.44V7.25C17 7.44891 17.079 7.63968 17.2197 7.78033C17.3603 7.92098 17.5511 8 17.75 8C17.9489 8 18.1397 7.92098 18.2803 7.78033C18.421 7.63968 18.5 7.44891 18.5 7.25V2.75C18.5 2.55109 18.421 2.36032 18.2803 2.21967C18.1397 2.07902 17.9489 2 17.75 2H13.25C13.0511 2 12.8603 2.07902 12.7197 2.21967C12.579 2.36032 12.5 2.55109 12.5 2.75C12.5 2.94891 12.579 3.13968 12.7197 3.28033C12.8603 3.42098 13.0511 3.5 13.25 3.5H15.803L6.74701 11.694C6.67388 11.7601 6.61449 11.8399 6.57224 11.929C6.52999 12.0181 6.50571 12.1146 6.50078 12.213C6.49586 12.3115 6.51039 12.4099 6.54355 12.5027C6.5767 12.5956 6.62783 12.6799 6.69401 12.753Z" fill="white"/></svg>')
}

.icon-redirect-pink .icon {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23c30061" width="21" height="21" fill-rule="evenodd"><path d="M4.75 5.882a.75.75 0 0 0-.75.75v8.5a.75.75 0 0 0 .75.75h8.5a.75.75 0 0 0 .75-.75v-4a.75.75 0 1 1 1.5 0v4a2.25 2.25 0 0 1-2.25 2.25h-8.5a2.25 2.25 0 0 1-2.25-2.25v-8.5a2.25 2.25 0 0 1 2.25-2.25h5a.75.75 0 1 1 0 1.5h-5zm1.944 7.253a.75.75 0 0 0 1.06.053L17 4.822v2.81a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 1 0 0 1.5h2.553l-9.056 8.194a.75.75 0 0 0-.203.809.74.74 0 0 0 .15.25z"/></svg>')
}

.icon-redirect-pink {
    border-radius: .5rem;
    position: relative;
    z-index: 0
}

.icon-redirect-pink:before {
    border-radius: 10px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%);
    z-index: -5
}

.icon-redirect-pink:after {
    border-radius: .5rem;
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: linear-gradient(#fff, #fff);
    z-index: -2
}

.icon-redirect-pink:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: transparent
}

.icon-redirect-pink:hover:after {
    background: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.icon-redirect-pink:hover:before {
    opacity: 1
}

.icon-redirect-pink:hover .icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" width="21" height="21" fill-rule="evenodd"><path d="M4.75 5.882a.75.75 0 0 0-.75.75v8.5a.75.75 0 0 0 .75.75h8.5a.75.75 0 0 0 .75-.75v-4a.75.75 0 1 1 1.5 0v4a2.25 2.25 0 0 1-2.25 2.25h-8.5a2.25 2.25 0 0 1-2.25-2.25v-8.5a2.25 2.25 0 0 1 2.25-2.25h5a.75.75 0 1 1 0 1.5h-5zm1.944 7.253a.75.75 0 0 0 1.06.053L17 4.822v2.81a.75.75 0 1 0 1.5 0v-4.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 1 0 0 1.5h2.553l-9.056 8.194a.75.75 0 0 0-.203.809.74.74 0 0 0 .15.25z"/></svg>')
}

.pink-bg-with-horizontal-gradient {
    background: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.pink-bg-with-horizontal-gradient:hover,
.pink-bg-with-horizontal-gradient-2 {
    background: linear-gradient(93deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.pink-bg-with-horizontal-gradient-2:hover {
    background: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.tick {
    position: relative;
    z-index: 0;
    border-width: 0px;
    padding-left: 2rem
}

.tick:after {
    position: absolute;
    left: 6px;
    top: auto;
    bottom: auto;
    height: 18px;
    width: 18px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z' fill='%23ffffff'/></svg>")
}

.\[background\:var\(--Casinos-Gradients-CTA\,linear-gradient\(273deg\,\#B40082_1\.31\%\,\#FB0082_47\.39\%\,\#FF0082_98\.44\%\)\)\] {
    background: var(--Casinos-Gradients-CTA, linear-gradient(273deg, #B40082 1.31%, #FB0082 47.39%, #FF0082 98.44%))
}

.\[clip-path\:polygon\(100\%_110\%\,0\%_100\%\,75\%_25\%\,100\%_0px\)\] {
    -webkit-clip-path: polygon(100% 110%, 0% 100%, 75% 25%, 100% 0px);
    clip-path: polygon(100% 110%, 0% 100%, 75% 25%, 100% 0px)
}

.\[grid-template-columns\:repeat\(2\,minmax\(0\,155px\)\)\] {
    grid-template-columns: repeat(2, minmax(0, 155px))
}

.gold-bg-with-hover-lemon-green {
    background: linear-gradient(90deg, #fff5e6, #fff)
}

.gold-bg-with-hover-lemon-green:hover {
    background: #dbff00
}

.group:hover .group-hover\:dark-pink-gradient,
.hover\:dark-pink-gradient:hover {
    background: linear-gradient(0deg, #340926 5%, #660035, #450033 100%, #340926)
}

.custom-color-pink {
    --tw-text-opacity: 1;
    color: rgb(255 0 130 / var(--tw-text-opacity, 1));
    transform: translateZ(0);
    font-weight: 600
}

.white-text * {
    color: #fff !important
}

@media (min-width: 768px) {
    .black-image-overlay:after {
        display: none
    }
}

.black-image-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#0000, #000)
}

@media (min-width: 768px) {
    .white-image-overlay:after {
        display: none
    }
}

.white-image-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#fff0, #fff)
}

.usp-bg {
    background-position-x: 51%
}

@media (min-width: 460px) {
    .attribute-img {
        max-height: 85px;
        max-width: 136px
    }
}

@media (min-width: 640px) {
    .attribute-img {
        max-height: 85px;
        max-width: 136px
    }
}

@media (min-width: 768px) {
    .attribute-img {
        max-height: 85px;
        max-width: 136px
    }
}

.fsError {
    background: #fff !important
}

.v-enter-active,
.v-leave-active {
    transition: opacity .2s ease
}

.v-enter-from,
.v-leave-to {
    opacity: 0
}

[aria-label][role~=tooltip]:hover:before,
[aria-label][role~=tooltip]:hover:after,
[aria-label][role~=tooltip]:focus:before,
[aria-label][role~=tooltip]:focus:after {
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    padding: 12px;
    max-width: 300px;
    width: 100%;
    animation: none !important;
    transition: none !important;
    z-index: 100
}

[role~=tooltip][data-microtip-position|=bottom]:before {
    display: none
}

.no-spin::-webkit-outer-spin-button,
.no-spin::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.no-spin {
    -moz-appearance: textfield
}

.tips-content a {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1));
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.text-truncate-2 {
    width: 100%;
    overflow: hidden;
    line-height: 2.25rem;
    height: 4.5rem
}

.text56px {
    font-size: 56px;
    line-height: 48px
}

.anchor-shadow {
    border-radius: .5rem;
    border-width: 1px;
    border-color: "#f3f4f6";
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.anchor-shadow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.anchor-shadow {
    box-shadow: 0 2px 6px #0000003d
}

.scrollbar-hide {
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.bg-white-gradient {
    background: linear-gradient(90deg, #fff .01%, #fff0)
}

figure.table thead {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 0 128 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

figure.table tbody>tr>th {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

figure.table a {
    cursor: pointer;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1))
}

figure.table {
    display: block;
    overflow: auto;
    border-radius: 10px;
    width: 100% !important
}

figure.table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

figure.table::-webkit-scrollbar-track {
    border-radius: 10px
}

figure.table::-webkit-scrollbar {
    height: 10px
}

button.toggle-collapse {
    position: relative;
    z-index: 0
}

button.toggle-collapse .input-collapse {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    cursor: pointer;
    border-width: 0px;
    background-color: transparent;
    opacity: 0
}

[data-component-ref=content-block]:has(input[name=checkbox_collapse]:checked) .collapsed-wrapper,
[data-component-ref=content-block-with-header]:has(input[name=checkbox_collapse]:checked) .collapsed-wrapper,
[data-component-ref=content-block-with-header-and-image]:has(input[name=checkbox_collapse]:checked) .collapsed-wrapper {
    height: auto;
    display: initial;
    overflow: unset
}

[data-component-ref=content-block]:has(input[name=checkbox_collapse]:checked) .expand-text,
[data-component-ref=content-block-with-header]:has(input[name=checkbox_collapse]:checked) .expand-text,
[data-component-ref=content-block-with-header-and-image]:has(input[name=checkbox_collapse]:checked) .expand-text {
    display: none
}

#primary-local-nav .more-items-menu:hover .list-wrap[data-component-ref=content-block]:has(input[name=checkbox_collapse]:checked) .expand-text,
#primary-local-nav .more-items-menu:hover .list-wrap [data-component-ref=content-block-with-header]:has(input[name=checkbox_collapse]:checked) .expand-text,
#primary-local-nav .more-items-menu:hover .list-wrap [data-component-ref=content-block-with-header-and-image]:has(input[name=checkbox_collapse]:checked) .expand-text {
    display: block
}

[data-component-ref=content-block]:has(input[name=checkbox_collapse]:checked) .collapse-text,
[data-component-ref=content-block-with-header]:has(input[name=checkbox_collapse]:checked) .collapse-text,
[data-component-ref=content-block-with-header-and-image]:has(input[name=checkbox_collapse]:checked) .collapse-text {
    display: flex
}

[data-component-ref=content-block] .toggle-collapse,
[data-component-ref=content-block-with-header] .toggle-collapse,
[data-component-ref=content-block-with-header-and-image] .toggle-collapse {
    margin-bottom: .5rem
}

@supports selector(:has(*)) {
    .collapsible .input-collapse {
        display: initial
    }
}

#primary-local-nav .more-items-menu:hover .list-wrap.hidden {
    display: block
}

#primary-local-nav button.dots:hover path {
    fill: #ff0082
}

#primary-local-nav #subnav::-webkit-scrollbar {
    display: none
}

#primary-local-nav #subnav {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#primary-local-nav #subnav.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1)
}

.zig-zag-top:before {
    background: linear-gradient(-45deg, #EF4444 16px, red 16px, blue 16px, transparent 0), linear-gradient(45deg, #7F1D1D 16px, transparent 0);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 22px 32px;
    content: "";
    display: block;
    height: 32px;
    width: 100%;
    position: relative;
    bottom: 20px;
    left: 0
}

.zig-zag-bottom:after {
    background: linear-gradient(-45deg, transparent 16px, #EF4444 0), linear-gradient(45deg, transparent 16px, #7F1D1D 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 22px 32px;
    content: "";
    display: block;
    width: 100%;
    height: 32px;
    position: relative;
    top: 12px;
    left: 0
}

.scallop-top:before {
    background: radial-gradient(circle at 50% 100%, #059669 12px, #fff 13px, #fff 25px);
    background-repeat: round;
    background-size: 24px 25px;
    content: "";
    display: block;
    width: 100%;
    height: 25px;
    position: relative;
    left: 0
}

.scallop-bottom:after {
    background: radial-gradient(circle at 50% 0%, #059669 12px, #fff 13px, #fff 25px);
    background-repeat: round;
    background-size: 24px 25px;
    content: "";
    display: block;
    width: 100%;
    height: 25px;
    position: relative;
    left: 0
}

.spinner {
    animation: spin 1.3s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.pick-slot-games.bg-black {
    position: relative
}

.pick-slot-games.bg-black:before {
    position: absolute;
    top: 0;
    height: 100%;
    content: "";
    left: -50vw;
    width: 200vw;
    background-color: #000
}

.testimonials-shortcode.expand-panel button,
.recent-winners.expand-panel button,
.tiles-list.expand-panel button {
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.testimonials-shortcode.expand-panel button:hover,
.recent-winners.expand-panel button:hover,
.tiles-list.expand-panel button:hover {
    background-color: #9ca3af
}

.testimonials-shortcode.expand-panel.black button:hover span,
.recent-winners.expand-panel button:hover span,
.tiles-list.expand-panel button:hover span {
    color: #fff
}

.recent-winners.expand-panel button:hover .grey,
.testimonials-shortcode.expand-panel.black button:hover .grey,
.tiles-list.expand-panel button:hover .grey {
    display: none
}

.recent-winners.expand-panel button:hover .white,
.testimonials-shortcode.expand-panel.black button:hover .white,
.tiles-list.expand-panel button:hover .white {
    display: initial
}

.expand-panel .loadmore .open .icon-more {
    display: none !important
}

.tiles-list .cta.upcoming:hover {
    background: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.solid-shadow-spicy-pink {
    box-shadow: 5px 6px #9b005b
}

.solid-shadow-spicy-pink-400 {
    box-shadow: 6px 6px #ff0082
}

@keyframes moveBall1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(40px, 60px)
    }
}

@keyframes moveBall2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-30px, -40px)
    }
}

@keyframes moveBall3 {
    0% {
        transform: translate(0) scaleY(1.2)
    }

    to {
        transform: translate(-20px, 30px) scaleY(1.2)
    }
}

.international-casinos-animation .animate-moveBall1 {
    animation: moveBall1 6s infinite alternate ease-in-out
}

.international-casinos-animation .animate-moveBall2 {
    animation: moveBall2 8s infinite alternate ease-in-out
}

.international-casinos-animation .animate-moveBall3 {
    animation: moveBall3 7s infinite alternate ease-in-out
}

@media screen and (max-width: 768px) {
    @keyframes moveBall1 {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(15px, 30px)
        }
    }

    @keyframes moveBall2 {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-30px, -40px)
        }
    }

    @keyframes moveBall3 {
        0% {
            transform: translate(0) scaleY(1.2)
        }

        to {
            transform: translate(-20px, 30px) scaleY(1.2)
        }
    }
}

.left-quote {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'><path d='M5.41823 0.566895L8.68914 4.61721C8.0566 4.90232 7.49064 5.22937 6.99126 5.59834C6.50853 5.96731 6.134 6.43692 5.86766 7.00715C5.60133 7.56061 5.46816 8.28178 5.46816 9.17067L0 9.04488C0 7.40128 0.291303 6.01763 0.873908 4.89394C1.47316 3.75348 2.18893 2.83105 3.02122 2.12664C3.87016 1.42224 4.66916 0.902324 5.41823 0.566895ZM8.48939 9.04488V16.5669H0V9.04488H8.48939ZM16.7291 0.566895L20 4.61721C19.3841 4.90232 18.8265 5.22937 18.3271 5.59834C17.8277 5.96731 17.4449 6.43692 17.1785 7.00715C16.9122 7.56061 16.779 8.28178 16.779 9.17067L11.3109 9.04488C11.3109 7.40128 11.6022 6.01763 12.1848 4.89394C12.784 3.75348 13.4998 2.83105 14.3321 2.12664C15.181 1.42224 15.98 0.902324 16.7291 0.566895ZM19.8003 9.04488V16.5669H11.3109V9.04488H19.8003Z' fill='%23E5E7EB'/></svg>")
}

.right-quote {
    float: right;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none"><path d="M14.5818 16.5669L11.3109 12.5166C11.9434 12.2315 12.5094 11.9044 13.0087 11.5354C13.4915 11.1665 13.866 10.6969 14.1323 10.1266C14.3987 9.57318 14.5318 8.85201 14.5318 7.96312L20 8.08891C20 9.73251 19.7087 11.1162 19.1261 12.2399C18.5268 13.3803 17.8111 14.3027 16.9788 15.0071C16.1298 15.7115 15.3308 16.2315 14.5818 16.5669ZM11.5106 8.08891V0.566895H20V8.08891H11.5106ZM3.27091 16.5669L0 12.5166C0.615896 12.2315 1.17353 11.9044 1.67291 11.5354C2.17229 11.1665 2.55514 10.6969 2.82147 10.1266C3.08781 9.57318 3.22097 8.85201 3.22097 7.96312L8.68914 8.08891C8.68914 9.73251 8.39783 11.1162 7.81523 12.2399C7.21598 13.3803 6.50021 14.3027 5.66791 15.0071C4.81898 15.7115 4.01998 16.2315 3.27091 16.5669ZM0.199749 8.08891V0.566895H8.68914V8.08891H0.199749Z" fill="%23E5E7EB"/></svg>')
}

.star-sprite {
    height: 1.25rem;
    width: 108px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="108" height="21" viewBox="0 0 108 21" fill="none"><g clip-path="url(%23clip0_502_1784)"><mask id="mask0_502_1784" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="108" height="21"><path d="M107.167 0.566895H0.5V20.5669H107.167V0.566895Z" fill="white"/></mask><g mask="url(%23mask0_502_1784)"><path d="M20.5 0.566895H0.5V20.5669H20.5V0.566895Z" fill="%23219653"/><path d="M42.1667 0.566895H22.1667V20.5669H42.1667V0.566895Z" fill="%23219653"/><path d="M63.8333 0.566895H43.8333V20.5669H63.8333V0.566895Z" fill="%23219653"/><path d="M85.5 0.566895H65.5V20.5669H85.5V0.566895Z" fill="%23219653"/><path d="M107.167 0.566895H87.1667V20.5669H107.167V0.566895Z" fill="%23219653"/><path d="M10.4998 14.046L13.5414 13.2752L14.8122 17.1919L10.4998 14.046ZM17.4997 8.98356H12.1456L10.4998 3.94189L8.85393 8.98356H3.49976L7.83309 12.1085L6.18726 17.1502L10.5206 14.0252L13.1872 12.1085L17.4997 8.98356Z" fill="white"/><path d="M32.1664 14.046L35.2081 13.2752L36.4789 17.1919L32.1664 14.046ZM39.1664 8.98356H33.8122L32.1664 3.94189L30.5206 8.98356H25.1664L29.4997 12.1085L27.8539 17.1502L32.1872 14.0252L34.8539 12.1085L39.1664 8.98356Z" fill="white"/><path d="M53.8331 14.046L56.8747 13.2752L58.1456 17.1919L53.8331 14.046ZM60.8331 8.98356H55.4789L53.8331 3.94189L52.1872 8.98356H46.8331L51.1664 12.1085L49.5206 17.1502L53.8539 14.0252L56.5206 12.1085L60.8331 8.98356Z" fill="white"/><path d="M75.4998 14.046L78.5415 13.2752L79.8123 17.1919L75.4998 14.046ZM82.4998 8.98356H77.1457L75.4998 3.94189L73.854 8.98356H68.4998L72.8332 12.1085L71.1873 17.1502L75.5207 14.0252L78.1873 12.1085L82.4998 8.98356Z" fill="white"/><path d="M97.1664 14.046L100.208 13.2752L101.479 17.1919L97.1664 14.046ZM104.166 8.98356H98.8122L97.1664 3.94189L95.5206 8.98356H90.1664L94.4997 12.1085L92.8539 17.1502L97.1872 14.0252L99.8539 12.1085L104.166 8.98356Z" fill="white"/></g></g><defs><clipPath id="clip0_502_1784"><rect width="107" height="20" fill="white" transform="translate(0.5 0.566895)"/></clipPath></defs></svg>')
}

.star-sprite.rating-5 {
    width: 100px
}

.star-sprite.rating-4 {
    width: 80px
}

.star-sprite.rating-3 {
    width: 60px
}

.star-sprite.rating-2 {
    width: 40px
}

.star-sprite.rating-1 {
    width: 20px
}

.faq-wrapper.faq-section h2 {
    text-align: left;
    font-size: 32px;
    line-height: 40px
}

/* cyrillic-ext */
@font-face {
  font-family: Roboto Variable;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/robotoflex/v30/NaN4epOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC1z3QSabshNFVe3e0O5j3ZjrZCu23Qd4G0EBysQNK-QKavMl12K4Uc9ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: Roboto Variable;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/robotoflex/v30/NaN4epOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC1z3QSabshNFVe3e0O5j3ZjrZCu23Qd4G0EBysQNK-QKavMl12IoUc9ec.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: Roboto Variable;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/robotoflex/v30/NaN4epOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC1z3QSabshNFVe3e0O5j3ZjrZCu23Qd4G0EBysQNK-QKavMl12JYUc9ec.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: Roboto Variable;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/robotoflex/v30/NaN4epOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC1z3QSabshNFVe3e0O5j3ZjrZCu23Qd4G0EBysQNK-QKavMl12KYUc9ec.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: Roboto Variable;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/robotoflex/v30/NaN4epOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC1z3QSabshNFVe3e0O5j3ZjrZCu23Qd4G0EBysQNK-QKavMl12KIUc9ec.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Roboto Variable;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/robotoflex/v30/NaN4epOXO_NexZs0b5QrzlOHb8wCikXpYqmZsWI-__OGbt8jZktqc2V3Zs0KvDLdBP8SBZtOs2IifRuUZQMsPJtUsR4DEK6cULNeUx9XgTnH37Ha_FIAp4Fm0PP1hw45DntW2x0wZGzhPmr1YNMYKYn9_1IQXGwJAiUJVUMdN5YUW4O8HtSoXjC1z3QSabshNFVe3e0O5j3ZjrZCu23Qd4G0EBysQNK-QKavMl12JoUc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    scroll-behavior: smooth
}

[x-cloak] {
    display: none !important
}

@media (min-width: 280px) and (max-width: 413px) {
    .container {
        width: 413px;
        min-width: 100%
    }
}

.Vue-Toastification__container.top-right {
    top: 56px !important;
    transition: top .3s ease
}

.navbar-sticky .Vue-Toastification__container.top-right {
    top: 40px !important
}

.Vue-Toastification__container.top-right .Vue-Toastification__toast.Vue-Toastification__toast--success {
    background-color: #10b981 !important
}

@media (min-width: 580px) {
    .Vue-Toastification__container.top-right {
        top: 68px !important
    }
}

@media (min-width: 1024px) {
    .Vue-Toastification__container.top-right {
        top: 76px !important
    }
}

.Vue-Toastification__container.top-right .Vue-Toastification__toast {
    max-width: 90vw !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

@media (min-width: 580px) {
    .Vue-Toastification__container.top-right .Vue-Toastification__toast {
        max-width: 296px !important
    }
}

@media (min-width: 640px) {
    .sm\:base-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 280px) {
        .sm\:base-container {
            max-width: 280px
        }
    }

    @media (min-width: 360px) {
        .sm\:base-container {
            max-width: 360px
        }
    }

    @media (min-width: 414px) {
        .sm\:base-container {
            max-width: 414px
        }
    }

    @media (min-width: 460px) {
        .sm\:base-container {
            max-width: 460px
        }
    }

    @media (min-width: 580px) {
        .sm\:base-container {
            max-width: 580px
        }
    }

    @media (min-width: 601px) {
        .sm\:base-container {
            max-width: 601px
        }
    }

    .sm\:base-container {
        max-width: 640px
    }

    @media (min-width: 768px) {
        .sm\:base-container {
            max-width: 768px
        }
    }

    @media (min-width: 992px) {
        .sm\:base-container {
            max-width: 992px
        }
    }

    @media (min-width: 1024px) {
        .sm\:base-container {
            max-width: 1024px
        }
    }

    @media (min-width: 1025px) {
        .sm\:base-container {
            max-width: 1025px
        }
    }

    @media (min-width: 1100px) {
        .sm\:base-container {
            max-width: 1100px
        }
    }

    @media (min-width: 1280px) {
        .sm\:base-container {
            max-width: 1280px
        }
    }

    .sm\:base-container {
        padding-left: .75rem;
        padding-right: .75rem
    }

    @media (min-width: 768px) {
        .sm\:base-container {
            padding-left: 0;
            padding-right: 0
        }
    }

    @media (min-width: 280px) and (max-width: 413px) {
        .sm\:base-container {
            width: 413px;
            min-width: 100%
        }
    }

    @media (min-width: 768px) {
        .sm\:base-container {
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1025px) {
        .sm\:base-container {
            max-width: 1024px !important;
            padding-left: 0;
            padding-right: 0
        }
    }
}

@media (min-width: 768px) {
    .md\:base-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 280px) {
        .md\:base-container {
            max-width: 280px
        }
    }

    @media (min-width: 360px) {
        .md\:base-container {
            max-width: 360px
        }
    }

    @media (min-width: 414px) {
        .md\:base-container {
            max-width: 414px
        }
    }

    @media (min-width: 460px) {
        .md\:base-container {
            max-width: 460px
        }
    }

    @media (min-width: 580px) {
        .md\:base-container {
            max-width: 580px
        }
    }

    @media (min-width: 601px) {
        .md\:base-container {
            max-width: 601px
        }
    }

    @media (min-width: 640px) {
        .md\:base-container {
            max-width: 640px
        }
    }

    .md\:base-container {
        max-width: 768px
    }

    @media (min-width: 992px) {
        .md\:base-container {
            max-width: 992px
        }
    }

    @media (min-width: 1024px) {
        .md\:base-container {
            max-width: 1024px
        }
    }

    @media (min-width: 1025px) {
        .md\:base-container {
            max-width: 1025px
        }
    }

    @media (min-width: 1100px) {
        .md\:base-container {
            max-width: 1100px
        }
    }

    @media (min-width: 1280px) {
        .md\:base-container {
            max-width: 1280px
        }
    }

    .md\:base-container {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:base-container {
        padding-left: 0;
        padding-right: 0
    }

    @media (min-width: 280px) and (max-width: 413px) {
        .md\:base-container {
            width: 413px;
            min-width: 100%
        }
    }

    .md\:base-container {
        padding-left: 1rem;
        padding-right: 1rem
    }

    @media (min-width: 1025px) {
        .md\:base-container {
            max-width: 1024px !important;
            padding-left: 0;
            padding-right: 0
        }
    }
}

@media (min-width: 1024px) {
    .lg\:base-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 280px) {
        .lg\:base-container {
            max-width: 280px
        }
    }

    @media (min-width: 360px) {
        .lg\:base-container {
            max-width: 360px
        }
    }

    @media (min-width: 414px) {
        .lg\:base-container {
            max-width: 414px
        }
    }

    @media (min-width: 460px) {
        .lg\:base-container {
            max-width: 460px
        }
    }

    @media (min-width: 580px) {
        .lg\:base-container {
            max-width: 580px
        }
    }

    @media (min-width: 601px) {
        .lg\:base-container {
            max-width: 601px
        }
    }

    @media (min-width: 640px) {
        .lg\:base-container {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .lg\:base-container {
            max-width: 768px
        }
    }

    @media (min-width: 992px) {
        .lg\:base-container {
            max-width: 992px
        }
    }

    .lg\:base-container {
        max-width: 1024px
    }

    @media (min-width: 1025px) {
        .lg\:base-container {
            max-width: 1025px
        }
    }

    @media (min-width: 1100px) {
        .lg\:base-container {
            max-width: 1100px
        }
    }

    @media (min-width: 1280px) {
        .lg\:base-container {
            max-width: 1280px
        }
    }

    .lg\:base-container {
        padding-left: .75rem;
        padding-right: .75rem
    }

    @media (min-width: 768px) {
        .lg\:base-container {
            padding-left: 0;
            padding-right: 0
        }
    }

    @media (min-width: 280px) and (max-width: 413px) {
        .lg\:base-container {
            width: 413px;
            min-width: 100%
        }
    }

    @media (min-width: 768px) {
        .lg\:base-container {
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1025px) {
        .lg\:base-container {
            max-width: 1024px !important;
            padding-left: 0;
            padding-right: 0
        }
    }
}

@media (max-width: 767px) {
    .mobile\:base-container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 280px) {
        .mobile\:base-container {
            max-width: 280px
        }
    }

    @media (min-width: 360px) {
        .mobile\:base-container {
            max-width: 360px
        }
    }

    @media (min-width: 414px) {
        .mobile\:base-container {
            max-width: 414px
        }
    }

    @media (min-width: 460px) {
        .mobile\:base-container {
            max-width: 460px
        }
    }

    @media (min-width: 580px) {
        .mobile\:base-container {
            max-width: 580px
        }
    }

    @media (min-width: 601px) {
        .mobile\:base-container {
            max-width: 601px
        }
    }

    @media (min-width: 640px) {
        .mobile\:base-container {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .mobile\:base-container {
            max-width: 768px
        }
    }

    @media (min-width: 992px) {
        .mobile\:base-container {
            max-width: 992px
        }
    }

    @media (min-width: 1024px) {
        .mobile\:base-container {
            max-width: 1024px
        }
    }

    @media (min-width: 1025px) {
        .mobile\:base-container {
            max-width: 1025px
        }
    }

    @media (min-width: 1100px) {
        .mobile\:base-container {
            max-width: 1100px
        }
    }

    @media (min-width: 1280px) {
        .mobile\:base-container {
            max-width: 1280px
        }
    }

    .mobile\:base-container {
        padding-left: .75rem;
        padding-right: .75rem
    }

    @media (min-width: 768px) {
        .mobile\:base-container {
            padding-left: 0;
            padding-right: 0
        }
    }

    @media (min-width: 280px) and (max-width: 413px) {
        .mobile\:base-container {
            width: 413px;
            min-width: 100%
        }
    }

    @media (min-width: 768px) {
        .mobile\:base-container {
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

    @media (min-width: 1025px) {
        .mobile\:base-container {
            max-width: 1024px !important;
            padding-left: 0;
            padding-right: 0
        }
    }
}

@media (min-width: 460px) {
    .xs\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 280px) {
        .xs\:container {
            max-width: 280px
        }
    }

    @media (min-width: 360px) {
        .xs\:container {
            max-width: 360px
        }
    }

    @media (min-width: 414px) {
        .xs\:container {
            max-width: 414px
        }
    }

    .xs\:container {
        max-width: 460px
    }

    @media (min-width: 580px) {
        .xs\:container {
            max-width: 580px
        }
    }

    @media (min-width: 601px) {
        .xs\:container {
            max-width: 601px
        }
    }

    @media (min-width: 640px) {
        .xs\:container {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .xs\:container {
            max-width: 768px
        }
    }

    @media (min-width: 992px) {
        .xs\:container {
            max-width: 992px
        }
    }

    @media (min-width: 1024px) {
        .xs\:container {
            max-width: 1024px
        }
    }

    @media (min-width: 1025px) {
        .xs\:container {
            max-width: 1025px
        }
    }

    @media (min-width: 1100px) {
        .xs\:container {
            max-width: 1100px
        }
    }

    @media (min-width: 1280px) {
        .xs\:container {
            max-width: 1280px
        }
    }
}

@media (min-width: 1024px) {
    .lg\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 280px) {
        .lg\:container {
            max-width: 280px
        }
    }

    @media (min-width: 360px) {
        .lg\:container {
            max-width: 360px
        }
    }

    @media (min-width: 414px) {
        .lg\:container {
            max-width: 414px
        }
    }

    @media (min-width: 460px) {
        .lg\:container {
            max-width: 460px
        }
    }

    @media (min-width: 580px) {
        .lg\:container {
            max-width: 580px
        }
    }

    @media (min-width: 601px) {
        .lg\:container {
            max-width: 601px
        }
    }

    @media (min-width: 640px) {
        .lg\:container {
            max-width: 640px
        }
    }

    @media (min-width: 768px) {
        .lg\:container {
            max-width: 768px
        }
    }

    @media (min-width: 992px) {
        .lg\:container {
            max-width: 992px
        }
    }

    .lg\:container {
        max-width: 1024px
    }

    @media (min-width: 1025px) {
        .lg\:container {
            max-width: 1025px
        }
    }

    @media (min-width: 1100px) {
        .lg\:container {
            max-width: 1100px
        }
    }

    @media (min-width: 1280px) {
        .lg\:container {
            max-width: 1280px
        }
    }
}

.first-letter\:uppercase:first-letter {
    text-transform: uppercase
}

.placeholder\:font-normal::-moz-placeholder {
    font-weight: 400
}

.placeholder\:font-normal::placeholder {
    font-weight: 400
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:left-\[12px\]:before {
    content: var(--tw-content);
    left: 12px
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:border-\[5px\]:before {
    content: var(--tw-content);
    border-width: 5px
}

.before\:border-black:before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))
}

.before\:border-t-transparent:before {
    content: var(--tw-content);
    border-top-color: transparent
}

.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:-bottom-\[12px\]:after {
    content: var(--tw-content);
    bottom: -12px
}

.after\:-right-\[10px\]:after {
    content: var(--tw-content);
    right: -10px
}

.after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0
}

.after\:bottom-\[12px\]:after {
    content: var(--tw-content);
    bottom: 12px
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-1\/2:after {
    content: var(--tw-content);
    height: 50%
}

.after\:h-full:after {
    content: var(--tw-content);
    height: 100%
}

.after\:w-\[130\%\]:after {
    content: var(--tw-content);
    width: 130%
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:-rotate-\[16deg\]:after {
    content: var(--tw-content);
    --tw-rotate: -16deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:rounded-2xl:after {
    content: var(--tw-content);
    border-radius: 1rem
}

.after\:border-\[5px\]:after {
    content: var(--tw-content);
    border-width: 5px
}

.after\:border-black:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))
}

.after\:border-r-transparent:after {
    content: var(--tw-content);
    border-right-color: transparent
}

.after\:bg-magical-magenta:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(179 31 131 / var(--tw-bg-opacity, 1))
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.checked\:border-\[\#B40082\]:checked {
    --tw-border-opacity: 1;
    border-color: rgb(180 0 130 / var(--tw-border-opacity, 1))
}

.checked\:bg-\[\#B40082\]:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(180 0 130 / var(--tw-bg-opacity, 1))
}

.checked\:bg-accent-color:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 128 / var(--tw-bg-opacity, 1))
}

.checked\:before\:absolute:checked:before {
    content: var(--tw-content);
    position: absolute
}

.checked\:before\:-left-\[2px\]:checked:before {
    content: var(--tw-content);
    left: -2px
}

.checked\:before\:-top-\[1px\]:checked:before {
    content: var(--tw-content);
    top: -1px
}

.checked\:before\:h-4:checked:before {
    content: var(--tw-content);
    height: 1rem
}

.checked\:before\:w-4:checked:before {
    content: var(--tw-content);
    width: 1rem
}

.checked\:before\:bg-check-mark-box:checked:before {
    content: var(--tw-content);
    background-image: url(https://objects.kaxmedia.com/auto/o/209949/288f06b8dd.svg)
}

.checked\:before\:bg-contain:checked:before {
    content: var(--tw-content);
    background-size: contain
}

.checked\:before\:content-\[\'\'\]:checked:before {
    --tw-content: "";
    content: var(--tw-content)
}

.focus-within\:z-10:focus-within {
    z-index: 10
}

.hover\:right-0:hover {
    right: 0
}

.hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-solid:hover {
    border-style: solid
}

.hover\:border-accent-color:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 128 / var(--tw-border-opacity, 1))
}

.hover\:border-cc-purple:hover {
    --tw-border-opacity: 1;
    border-color: rgb(180 0 130 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#FF0082\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 130 / var(--tw-bg-opacity, 1))
}

.hover\:bg-accent-color:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 128 / var(--tw-bg-opacity, 1))
}

.hover\:bg-accent-color-darker:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(199 0 100 / var(--tw-bg-opacity, 1))
}

.hover\:bg-cc-purple:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(180 0 130 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1))
}

.hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 207 232 / var(--tw-bg-opacity, 1))
}

.hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1))
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: .9
}

.hover\:bg-\[linear-gradient\(273deg\,\#B40082_1\.31\%\,\#FB0082_47\.39\%\,\#FF0082_98\.44\%\)\]:hover,
.hover\:bg-auth-button-gradient:hover {
    background-image: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.hover\:bg-gradient-to-r:hover {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.hover\:bg-\[100\%_0\]:hover {
    background-position: 100% 0
}

.hover\:text-accent-color:hover {
    --tw-text-opacity: 1;
    color: rgb(255 0 128 / var(--tw-text-opacity, 1))
}

.hover\:text-accent-color-darker:hover {
    --tw-text-opacity: 1;
    color: rgb(199 0 100 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.hover\:text-slate-300:hover {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-guides:hover {
    --tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 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)
}

.hover\:outline-dotted:hover {
    outline-style: dotted
}

.hover\:outline-black:hover {
    outline-color: #000
}

.hover\:pink-bg-with-horizontal-black-gradient:hover {
    background: linear-gradient(90deg, #000000bf, #0006, #000000bf), #b31f83
}

.hover\:pink-bg-with-horizontal-black-gradient:hover * {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.hover\:pink-bg-with-horizontal-gradient-2:hover {
    background: linear-gradient(93deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.hover\:pink-bg-with-horizontal-gradient-2:hover:hover {
    background: linear-gradient(273deg, #b40082 1.31%, #fb0082 47.39%, #ff0082 98.44%)
}

.focus\:border-accent-color:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 128 / var(--tw-border-opacity, 1))
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-0:focus {
    outline-width: 0px
}

.focus\:ring-0:focus {
    --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)
}

.focus\:ring-1:focus {
    --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\:ring-2:focus {
    --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\:ring-accent-color:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 0 128 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:bg-gray-400:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1))
}

.disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:\!flex {
    display: flex !important
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-6 {
    --tw-rotate: 6deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:cursor-pointer {
    cursor: pointer
}

.group:hover .group-hover\:items-center {
    align-items: center
}

.group:hover .group-hover\:bg-white\/50 {
    background-color: #ffffff80
}

.group:hover .group-hover\:fill-accent-color {
    fill: #ff0080
}

.group:hover .group-hover\:fill-cc-purple {
    fill: #b40082
}

.group:hover .group-hover\:fill-white {
    fill: #fff
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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)
}

.group:hover .group-hover\:backdrop-brightness-50 {
    --tw-backdrop-brightness: brightness(.5);
    -webkit-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-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)
}

.group:hover .group-hover\:transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.group:hover .group-hover\:duration-\[400ms\] {
    transition-duration: .4s
}

.group:focus .group-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group:focus .group-focus\:ring-4 {
    --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(4px + 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)
}

.group:focus .group-focus\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}

.dark\:bg-gray-800\/30:is(.dark *) {
    background-color: #1f29374d
}

.dark\:text-gray-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}

.dark\:text-gray-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *) {
    background-color: #1f293799
}

.group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *) {
    --tw-ring-color: rgb(31 41 55 / .7)
}

@media (min-width: 280px) {
    .\33xs\:left-\[-45\%\] {
        left: -45%
    }

    .\33xs\:left-\[-50\%\] {
        left: -50%
    }

    .\33xs\:left-auto {
        left: auto
    }

    .\33xs\:right-\[-25\%\] {
        right: -25%
    }

    .\33xs\:right-\[-70px\] {
        right: -70px
    }

    .\33xs\:top-\[-50\%\] {
        top: -50%
    }

    .\33xs\:-mb-\[80px\] {
        margin-bottom: -80px
    }

    .\33xs\:mt-20 {
        margin-top: 5rem
    }

    .\33xs\:mt-8 {
        margin-top: 2rem
    }

    .\33xs\:hidden {
        display: none
    }

    .\33xs\:h-\[100\%\] {
        height: 100%
    }

    .\33xs\:h-\[250px\] {
        height: 250px
    }

    .\33xs\:h-\[440px\] {
        height: 440px
    }

    .\33xs\:w-\[150\%\] {
        width: 150%
    }

    .\33xs\:w-\[auto\] {
        width: auto
    }

    .\33xs\:w-full {
        width: 100%
    }

    .\33xs\:min-w-\[calc\(100\%-32px\)\] {
        min-width: calc(100% - 32px)
    }

    .\33xs\:rotate-\[-224deg\] {
        --tw-rotate: -224deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\33xs\:scale-x-\[1\.65\] {
        --tw-scale-x: 1.65;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\33xs\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .\33xs\:px-\[4px\] {
        padding-left: 4px;
        padding-right: 4px
    }

    .\33xs\:text-\[3\.5rem\] {
        font-size: 3.5rem
    }

    .\33xs\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width: 360px) {
    .\32xs\:flex {
        display: flex
    }

    .\32xs\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .\32xs\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media (min-width: 414px) {
    .xxs\:right-\[-7\%\] {
        right: -7%
    }

    .xxs\:h-\[397px\] {
        height: 397px
    }

    .xxs\:h-\[430px\] {
        height: 430px
    }

    .xxs\:w-\[150px\] {
        width: 150px
    }

    .xxs\:w-\[calc\(100\%-150px\)\] {
        width: calc(100% - 150px)
    }

    .xxs\:w-auto {
        width: auto
    }

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

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

    .xxs\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .xxs\:text-\[4rem\] {
        font-size: 4rem
    }
}

@media (min-width: 460px) {
    .xs\:absolute {
        position: absolute
    }

    .xs\:left-auto {
        left: auto
    }

    .xs\:right-\[-40px\] {
        right: -40px
    }

    .xs\:top-\[-62\%\] {
        top: -62%
    }

    .xs\:z-\[1\] {
        z-index: 1
    }

    .xs\:flex {
        display: flex
    }

    .xs\:hidden {
        display: none
    }

    .xs\:aspect-auto {
        aspect-ratio: auto
    }

    .xs\:h-5 {
        height: 1.25rem
    }

    .xs\:h-\[100\%\] {
        height: 100%
    }

    .xs\:h-\[48\%\] {
        height: 48%
    }

    .xs\:min-h-\[380px\] {
        min-height: 380px
    }

    .xs\:w-5 {
        width: 1.25rem
    }

    .xs\:w-\[150\%\] {
        width: 150%
    }

    .xs\:min-w-min {
        min-width: -webkit-min-content;
        min-width: -moz-min-content;
        min-width: min-content
    }

    .xs\:max-w-\[374px\] {
        max-width: 374px
    }

    .xs\:rotate-\[-220deg\] {
        --tw-rotate: -220deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

    .xs\:rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xs\:border {
        border-width: 1px
    }

    .xs\:border-accent-color {
        --tw-border-opacity: 1;
        border-color: rgb(255 0 128 / var(--tw-border-opacity, 1))
    }

    .xs\:p-2 {
        padding: .5rem
    }

    .xs\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xs\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .xs\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xs\:py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .xs\:container {
        padding-left: .75rem;
        padding-right: .75rem
    }

    @media (min-width: 768px) {
        .xs\:container {
            padding-left: 0;
            padding-right: 0
        }
    }
}

@media (min-width: 580px) {
    .\32sm\:h-16 {
        height: 4rem
    }

    .\32sm\:h-\[27\.4px\] {
        height: 27.4px
    }

    .\32sm\:w-\[164px\] {
        width: 164px
    }

    .\32sm\:pt-16 {
        padding-top: 4rem
    }
}

@media (min-width: 601px) {
    .\31sm\:max-w-\[325px\] {
        max-width: 325px
    }
}

@media (min-width: 640px) {
    .sm\:relative {
        position: relative
    }

    .sm\:left-\[unset\] {
        left: unset
    }

    .sm\:left-auto {
        left: auto
    }

    .sm\:right-\[-40px\] {
        right: -40px
    }

    .sm\:right-\[-5\.85\%\] {
        right: -5.85%
    }

    .sm\:right-\[unset\] {
        right: unset
    }

    .sm\:right-auto {
        right: auto
    }

    .sm\:top-\[-95\%\] {
        top: -95%
    }

    .sm\:top-\[unset\] {
        top: unset
    }

    .sm\:top-auto {
        top: auto
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .sm\:row-span-4 {
        grid-row: span 4 / span 4
    }

    .sm\:mx-\[unset\] {
        margin-left: unset;
        margin-right: unset
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:-mb-\[100px\] {
        margin-bottom: -100px
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mr-5 {
        margin-right: 1.25rem
    }

    .sm\:mt-5 {
        margin-top: 1.25rem
    }

    .sm\:mt-7 {
        margin-top: 1.75rem
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-\[150\%\] {
        height: 150%
    }

    .sm\:h-\[220px\] {
        height: 220px
    }

    .sm\:h-\[245px\] {
        height: 245px
    }

    .sm\:h-\[320px\] {
        height: 320px
    }

    .sm\:h-\[380px\] {
        height: 380px
    }

    .sm\:h-\[50\%\] {
        height: 50%
    }

    .sm\:h-\[672px\] {
        height: 672px
    }

    .sm\:max-h-none {
        max-height: none
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-\[100\%\] {
        width: 100%
    }

    .sm\:w-\[200px\] {
        width: 200px
    }

    .sm\:w-\[216px\] {
        width: 216px
    }

    .sm\:w-\[340px\] {
        width: 340px
    }

    .sm\:w-\[calc\(33\.33\%-22px\)\] {
        width: calc(33.33% - 22px)
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:w-max {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .sm\:max-w-\[436px\] {
        max-width: 436px
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:flex-grow,
    .sm\:grow {
        flex-grow: 1
    }

    .sm\:-translate-y-16 {
        --tw-translate-y: -4rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-x-5 {
        --tw-translate-x: 1.25rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:rotate-\[-220deg\] {
        --tw-rotate: -220deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:auto-rows-\[minmax\(0\,57px\)\] {
        grid-auto-rows: minmax(0, 57px)
    }

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

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

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

    .sm\:grid-cols-none {
        grid-template-columns: none
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-evenly {
        justify-content: space-evenly
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:gap-x-0 {
        -moz-column-gap: 0px;
        column-gap: 0px
    }

    .sm\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .sm\:border-0 {
        border-width: 0px
    }

    .sm\:border-b {
        border-bottom-width: 1px
    }

    .sm\:border-t {
        border-top-width: 1px
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:pt-\[42\%\] {
        padding-top: 42%
    }

    .sm\:text-\[64px\] {
        font-size: 64px
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:leading-\[70px\] {
        line-height: 70px
    }

    .sm\:\[grid-template-columns\:repeat\(3\,minmax\(0\,155px\)\)\] {
        grid-template-columns: repeat(3, minmax(0, 155px))
    }
}

@media (min-width: 768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:relative {
        position: relative
    }

    .md\:-left-\[25vw\] {
        left: -25vw
    }

    .md\:-left-\[35px\] {
        left: -35px
    }

    .md\:-right-\[25\%\] {
        right: -25%
    }

    .md\:-top-20 {
        top: -5rem
    }

    .md\:-top-\[52px\] {
        top: -52px
    }

    .md\:bottom-0 {
        bottom: 0
    }

    .md\:bottom-10 {
        bottom: 2.5rem
    }

    .md\:bottom-4 {
        bottom: 1rem
    }

    .md\:left-0 {
        left: 0
    }

    .md\:left-auto {
        left: auto
    }

    .md\:right-0 {
        right: 0
    }

    .md\:right-\[-40px\] {
        right: -40px
    }

    .md\:right-auto {
        right: auto
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-10 {
        top: 2.5rem
    }

    .md\:top-auto {
        top: auto
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-last {
        order: 9999
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .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\:row-span-4 {
        grid-row: span 4 / span 4
    }

    .md\:m-auto {
        margin: auto
    }

    .md\:\!my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .md\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .md\:-mx-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .md\:my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .md\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .md\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .md\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .md\:my-9 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .md\:-ml-32 {
        margin-left: -8rem
    }

    .md\:-mt-\[80px\] {
        margin-top: -80px
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:mb-2 {
        margin-bottom: .5rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:ml-10 {
        margin-left: 2.5rem
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

    .md\:ml-5 {
        margin-left: 1.25rem
    }

    .md\:ml-\[30px\] {
        margin-left: 30px
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-10 {
        margin-right: 2.5rem
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mr-\[16px\] {
        margin-right: 16px
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-3\.5 {
        margin-top: .875rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-3 {
        height: .75rem
    }

    .md\:h-\[130px\] {
        height: 130px
    }

    .md\:h-\[200px\] {
        height: 200px
    }

    .md\:h-\[240px\] {
        height: 240px
    }

    .md\:h-\[250px\] {
        height: 250px
    }

    .md\:h-\[271px\] {
        height: 271px
    }

    .md\:h-\[30px\] {
        height: 30px
    }

    .md\:h-\[355px\] {
        height: 355px
    }

    .md\:h-\[400px\] {
        height: 400px
    }

    .md\:h-\[409px\] {
        height: 409px
    }

    .md\:h-\[52px\] {
        height: 52px
    }

    .md\:h-\[53\%\] {
        height: 53%
    }

    .md\:h-\[72px\] {
        height: 72px
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:max-h-\[270px\] {
        max-height: 270px
    }

    .md\:max-h-\[325px\] {
        max-height: 325px
    }

    .md\:max-h-full {
        max-height: 100%
    }

    .md\:max-h-none {
        max-height: none
    }

    .md\:min-h-\[100\%\] {
        min-height: 100%
    }

    .md\:min-h-\[106px\] {
        min-height: 106px
    }

    .md\:min-h-\[128px\] {
        min-height: 128px
    }

    .md\:min-h-\[150px\] {
        min-height: 150px
    }

    .md\:min-h-\[200px\] {
        min-height: 200px
    }

    .md\:min-h-\[224px\] {
        min-height: 224px
    }

    .md\:min-h-\[375px\] {
        min-height: 375px
    }

    .md\:min-h-\[379px\] {
        min-height: 379px
    }

    .md\:min-h-\[530px\] {
        min-height: 530px
    }

    .md\:min-h-\[70\%\] {
        min-height: 70%
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-2\/12 {
        width: 16.666667%
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-3 {
        width: .75rem
    }

    .md\:w-3\/12 {
        width: 25%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-4\/5 {
        width: 80%
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-7\/12 {
        width: 58.333333%
    }

    .md\:w-96 {
        width: 24rem
    }

    .md\:w-\[130px\] {
        width: 130px
    }

    .md\:w-\[133px\] {
        width: 133px
    }

    .md\:w-\[140px\] {
        width: 140px
    }

    .md\:w-\[150vw\] {
        width: 150vw
    }

    .md\:w-\[160px\] {
        width: 160px
    }

    .md\:w-\[185px\] {
        width: 185px
    }

    .md\:w-\[188px\] {
        width: 188px
    }

    .md\:w-\[20\%\] {
        width: 20%
    }

    .md\:w-\[200px\] {
        width: 200px
    }

    .md\:w-\[224px\] {
        width: 224px
    }

    .md\:w-\[265px\] {
        width: 265px
    }

    .md\:w-\[271px\] {
        width: 271px
    }

    .md\:w-\[280px\] {
        width: 280px
    }

    .md\:w-\[326px\] {
        width: 326px
    }

    .md\:w-\[374px\] {
        width: 374px
    }

    .md\:w-\[40\%\] {
        width: 40%
    }

    .md\:w-\[400px\] {
        width: 400px
    }

    .md\:w-\[453px\] {
        width: 453px
    }

    .md\:w-\[56\%\] {
        width: 56%
    }

    .md\:w-\[575px\] {
        width: 575px
    }

    .md\:w-\[60\%\] {
        width: 60%
    }

    .md\:w-\[75px\] {
        width: 75px
    }

    .md\:w-\[80px\] {
        width: 80px
    }

    .md\:w-\[86\%\] {
        width: 86%
    }

    .md\:w-\[92px\] {
        width: 92px
    }

    .md\:w-\[calc\(25\%-16px\)\] {
        width: calc(25% - 16px)
    }

    .md\:w-\[calc\(33\.33\%-16px\)\] {
        width: calc(33.33% - 16px)
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[150px\] {
        min-width: 150px
    }

    .md\:min-w-\[170px\] {
        min-width: 170px
    }

    .md\:min-w-\[184px\] {
        min-width: 184px
    }

    .md\:min-w-min {
        min-width: -webkit-min-content;
        min-width: -moz-min-content;
        min-width: min-content
    }

    .md\:max-w-\[1024px\] {
        max-width: 1024px
    }

    .md\:max-w-\[170px\] {
        max-width: 170px
    }

    .md\:max-w-\[188px\] {
        max-width: 188px
    }

    .md\:max-w-\[266px\] {
        max-width: 266px
    }

    .md\:max-w-\[270px\] {
        max-width: 270px
    }

    .md\:max-w-\[315px\] {
        max-width: 315px
    }

    .md\:max-w-\[325px\] {
        max-width: 325px
    }

    .md\:max-w-\[370px\] {
        max-width: 370px
    }

    .md\:max-w-\[381px\] {
        max-width: 381px
    }

    .md\:max-w-\[50\%\] {
        max-width: 50%
    }

    .md\:max-w-\[500px\] {
        max-width: 500px
    }

    .md\:max-w-\[54\%\] {
        max-width: 54%
    }

    .md\:max-w-\[600px\] {
        max-width: 600px
    }

    .md\:max-w-\[70\%\] {
        max-width: 70%
    }

    .md\:max-w-\[78\%\] {
        max-width: 78%
    }

    .md\:max-w-\[82\%\] {
        max-width: 82%
    }

    .md\:max-w-\[840px\] {
        max-width: 840px
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:max-w-none {
        max-width: none
    }

    .md\:flex-1 {
        flex: 1 1 0%
    }

    .md\:grow {
        flex-grow: 1
    }

    .md\:basis-1\/2 {
        flex-basis: 50%
    }

    .md\:columns-2 {
        -moz-columns: 2;
        columns: 2
    }

    .md\:columns-\[50\%\] {
        -moz-columns: 50%;
        columns: 50%
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 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-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

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

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

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

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

    .md\:grid-cols-\[45\%_55\%\] {
        grid-template-columns: 45% 55%
    }

    .md\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .md\:\!flex-row {
        flex-direction: row !important
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:\!flex-wrap {
        flex-wrap: wrap !important
    }

    .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\: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-3 {
        gap: .75rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-7 {
        gap: 1.75rem
    }

    .md\:gap-x-11 {
        -moz-column-gap: 2.75rem;
        column-gap: 2.75rem
    }

    .md\:gap-x-2 {
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }

    .md\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .md\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-y-20 {
        row-gap: 5rem
    }

    .md\:gap-y-4 {
        row-gap: 1rem
    }

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

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

    .md\:justify-self-end {
        justify-self: end
    }

    .md\:justify-self-center {
        justify-self: center
    }

    .md\:overflow-x-hidden {
        overflow-x: hidden
    }

    .md\:overflow-y-hidden {
        overflow-y: hidden
    }

    .md\:rounded-full {
        border-radius: 9999px
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md\:rounded-bl-2xl {
        border-bottom-left-radius: 1rem
    }

    .md\:rounded-tr-none {
        border-top-right-radius: 0
    }

    .md\:border-0 {
        border-width: 0px
    }

    .md\:border-2 {
        border-width: 2px
    }

    .md\:border-b,
    .md\:border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .md\:border-t,
    .md\:border-t-\[1px\] {
        border-top-width: 1px
    }

    .md\:border-accent-color-darker {
        --tw-border-opacity: 1;
        border-color: rgb(199 0 100 / var(--tw-border-opacity, 1))
    }

    .md\:border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
    }

    .md\:bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
    }

    .md\:bg-discs-desktop {
        background-image: url(https://objects.kaxmedia.com/auto/o/211663/291ed849be.png)
    }

    .md\:bg-\[length\:70\%\] {
        background-size: 70%
    }

    .md\:bg-cover {
        background-size: cover
    }

    .md\:bg-center {
        background-position: center
    }

    .md\:bg-no-repeat {
        background-repeat: no-repeat
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-\[6px\] {
        padding: 6px
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-\[50px\] {
        padding-left: 50px;
        padding-right: 50px
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:py-\[88px\] {
        padding-top: 88px;
        padding-bottom: 88px
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pr-1 {
        padding-right: .25rem
    }

    .md\:pr-2 {
        padding-right: .5rem
    }

    .md\:pr-6 {
        padding-right: 1.5rem
    }

    .md\:pr-\[212px\] {
        padding-right: 212px
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-12 {
        padding-top: 3rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-\[32px\] {
        font-size: 32px
    }

    .md\:text-\[40px\] {
        font-size: 40px
    }

    .md\:text-\[56px\] {
        font-size: 56px
    }

    .md\:text-\[64px\] {
        font-size: 64px
    }

    .md\:text-\[7rem\] {
        font-size: 7rem
    }

    .md\:text-\[88px\] {
        font-size: 88px
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:leading-10 {
        line-height: 2.5rem
    }

    .md\:leading-5 {
        line-height: 1.25rem
    }

    .md\:leading-7 {
        line-height: 1.75rem
    }

    .md\:leading-\[24px\] {
        line-height: 24px
    }

    .md\:leading-\[44px\] {
        line-height: 44px
    }

    .md\:leading-\[48px\] {
        line-height: 48px
    }

    .md\:leading-\[66px\] {
        line-height: 66px
    }

    .md\:leading-\[68px\] {
        line-height: 68px
    }

    .md\:overflow-unset {
        overflow: unset
    }

    .md\:\[grid-template-columns\:repeat\(4\,minmax\(0\,155px\)\)\] {
        grid-template-columns: repeat(4, minmax(0, 155px))
    }
}

@media (min-width: 992px) {
    .mdlg\:absolute {
        position: absolute
    }

    .mdlg\:left-\[-52\%\] {
        left: -52%
    }

    .mdlg\:left-\[22\%\] {
        left: 22%
    }

    .mdlg\:right-auto {
        right: auto
    }

    .mdlg\:col-span-1 {
        grid-column: span 1 / span 1
    }

    .mdlg\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .mdlg\:m-6 {
        margin: 1.5rem
    }

    .mdlg\:mb-0 {
        margin-bottom: 0
    }

    .mdlg\:ml-0 {
        margin-left: 0
    }

    .mdlg\:ml-\[-24px\] {
        margin-left: -24px
    }

    .mdlg\:mt-0 {
        margin-top: 0
    }

    .mdlg\:mt-32 {
        margin-top: 8rem
    }

    .mdlg\:block {
        display: block
    }

    .mdlg\:flex {
        display: flex
    }

    .mdlg\:hidden {
        display: none
    }

    .mdlg\:h-\[100\%\] {
        height: 100%
    }

    .mdlg\:h-\[355px\] {
        height: 355px
    }

    .mdlg\:min-h-\[470px\] {
        min-height: 470px
    }

    .mdlg\:w-\[65\%\] {
        width: 65%
    }

    .mdlg\:w-\[70\%\] {
        width: 70%
    }

    .mdlg\:w-auto {
        width: auto
    }

    .mdlg\:w-full {
        width: 100%
    }

    .mdlg\:max-w-\[288px\] {
        max-width: 288px
    }

    .mdlg\:max-w-full {
        max-width: 100%
    }

    .mdlg\:flex-shrink-0 {
        flex-shrink: 0
    }

    .mdlg\:scale-x-\[none\] {
        --tw-scale-x: none;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

    .mdlg\:grid-cols-\[55\%_45\%\] {
        grid-template-columns: 55% 45%
    }

    .mdlg\:grid-cols-\[57\%_43\%\] {
        grid-template-columns: 57% 43%
    }

    .mdlg\:flex-row {
        flex-direction: row
    }

    .mdlg\:flex-col {
        flex-direction: column
    }

    .mdlg\:items-start {
        align-items: flex-start
    }

    .mdlg\:justify-start {
        justify-content: flex-start
    }

    .mdlg\:justify-around {
        justify-content: space-around
    }

    .mdlg\:gap-0 {
        gap: 0px
    }

    .mdlg\:gap-4 {
        gap: 1rem
    }

    .mdlg\:gap-6 {
        gap: 1.5rem
    }

    .mdlg\:gap-y-6 {
        row-gap: 1.5rem
    }

    .mdlg\:justify-self-end {
        justify-self: end
    }

    .mdlg\:border-b {
        border-bottom-width: 1px
    }

    .mdlg\:border-l-2 {
        border-left-width: 2px
    }

    .mdlg\:border-t-0 {
        border-top-width: 0px
    }

    .mdlg\:p-6 {
        padding: 1.5rem
    }

    .mdlg\:px-\[8\.5px\] {
        padding-left: 8.5px;
        padding-right: 8.5px
    }

    .mdlg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .mdlg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .mdlg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .mdlg\:pl-0 {
        padding-left: 0
    }

    .mdlg\:pl-\[20\%\] {
        padding-left: 20%
    }

    .mdlg\:pt-0 {
        padding-top: 0
    }

    .mdlg\:pt-6 {
        padding-top: 1.5rem
    }

    .mdlg\:text-left {
        text-align: left
    }

    .mdlg\:text-right {
        text-align: right
    }

    .mdlg\:text-\[64px\] {
        font-size: 64px
    }

    .mdlg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .mdlg\:leading-\[54px\] {
        line-height: 54px
    }

    .mdlg\:leading-\[68px\] {
        line-height: 68px
    }

    .mdlg\:hover\:bg-\[length\:100\%_100\%\]:hover {
        background-size: 100% 100%
    }

    .mdlg\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1))
    }
}

@media (min-width: 1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .lg\:-right-\[70\%\] {
        right: -70%
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:left-\[1\.10vw\] {
        left: 1.1vw
    }

    .lg\:left-\[auto\],
    .lg\:left-auto {
        left: auto
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:top-\[-250\%\] {
        top: -250%
    }

    .lg\:top-\[42px\] {
        top: 42px
    }

    .lg\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .lg\:my-9 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .lg\:-ml-32 {
        margin-left: -8rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:ml-10 {
        margin-left: 2.5rem
    }

    .lg\:ml-6 {
        margin-left: 1.5rem
    }

    .lg\:ml-7 {
        margin-left: 1.75rem
    }

    .lg\:ml-\[143px\] {
        margin-left: 143px
    }

    .lg\:mr-10 {
        margin-right: 2.5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-\[130px\] {
        height: 130px
    }

    .lg\:h-\[250px\] {
        height: 250px
    }

    .lg\:h-\[315px\] {
        height: 315px
    }

    .lg\:h-\[500px\] {
        height: 500px
    }

    .lg\:h-\[72px\] {
        height: 72px
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:min-h-\[430px\] {
        min-height: 430px
    }

    .lg\:min-h-\[812px\] {
        min-height: 812px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-2\/12 {
        width: 16.666667%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-3\/12 {
        width: 25%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-56 {
        width: 14rem
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

    .lg\:w-\[1024px\] {
        width: 1024px
    }

    .lg\:w-\[130px\] {
        width: 130px
    }

    .lg\:w-\[280px\] {
        width: 280px
    }

    .lg\:w-\[50\%\] {
        width: 50%
    }

    .lg\:w-\[550px\] {
        width: 550px
    }

    .lg\:w-\[60\%\] {
        width: 60%
    }

    .lg\:w-\[609px\] {
        width: 609px
    }

    .lg\:w-\[740px\] {
        width: 740px
    }

    .lg\:w-\[auto\] {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:min-w-\[547px\] {
        min-width: 547px
    }

    .lg\:min-w-\[609px\] {
        min-width: 609px
    }

    .lg\:max-w-5xl {
        max-width: 64rem
    }

    .lg\:max-w-\[179px\] {
        max-width: 179px
    }

    .lg\:max-w-\[381px\] {
        max-width: 381px
    }

    .lg\:max-w-\[455px\] {
        max-width: 455px
    }

    .lg\:max-w-\[500px\] {
        max-width: 500px
    }

    .lg\:max-w-none {
        max-width: none
    }

    .lg\:flex-1 {
        flex: 1 1 0%
    }

    .lg\:flex-\[1\.2\] {
        flex: 1.2
    }

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

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

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

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

    .lg\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .lg\:justify-self-end {
        justify-self: end
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:rounded-l-\[6px\] {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .lg\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .lg\:object-center {
        -o-object-position: center;
        object-position: center
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .lg\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .lg\:py-\[62px\] {
        padding-top: 62px;
        padding-bottom: 62px
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-12 {
        padding-bottom: 3rem
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .lg\:pr-6 {
        padding-right: 1.5rem
    }

    .lg\:pr-8 {
        padding-right: 2rem
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pt-20 {
        padding-top: 5rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

    .lg\:pt-\[72px\] {
        padding-top: 72px
    }

    .lg\:text-\[88px\] {
        font-size: 88px
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:container {
        padding-left: .75rem;
        padding-right: .75rem
    }

    @media (min-width: 768px) {
        .lg\:container {
            padding-left: 0;
            padding-right: 0
        }
    }

    .lg\:\[grid-template-columns\:repeat\(6\,minmax\(0\,155px\)\)\] {
        grid-template-columns: repeat(6, minmax(0, 155px))
    }

    .lg\:odd\:mb-8:nth-child(odd) {
        margin-bottom: 2rem
    }
}

@media (min-width: 1025px) {
    .lgSafe\:left-\[24\%\] {
        left: 24%
    }
}

@media (min-width: 1100px) {
    .xlg\:absolute {
        position: absolute
    }

    .xlg\:relative {
        position: relative
    }

    .xlg\:-left-1 {
        left: -.25rem
    }

    .xlg\:left-auto {
        left: auto
    }

    .xlg\:right-auto {
        right: auto
    }

    .xlg\:top-auto {
        top: auto
    }

    .xlg\:top-full {
        top: 100%
    }

    .xlg\:z-40 {
        z-index: 40
    }

    .xlg\:flex {
        display: flex
    }

    .xlg\:hidden {
        display: none
    }

    .xlg\:w-auto {
        width: auto
    }

    .xlg\:min-w-\[177px\] {
        min-width: 177px
    }

    .xlg\:flex-row {
        flex-direction: row
    }

    .xlg\:overflow-y-visible {
        overflow-y: visible
    }

    .xlg\:p-0 {
        padding: 0
    }

    .xlg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .xlg\:pt-8 {
        padding-top: 2rem
    }

    .xlg\:text-center {
        text-align: center
    }

    .xlg\:duration-300 {
        transition-duration: .3s
    }
}

@media (max-width: 767px) {
    .mobile\:-left-\[25vw\] {
        left: -25vw
    }

    .mobile\:-top-\[22px\] {
        top: -22px
    }

    .mobile\:-top-\[80px\] {
        top: -80px
    }

    .mobile\:bottom-\[-20px\] {
        bottom: -20px
    }

    .mobile\:left-0 {
        left: 0
    }

    .mobile\:left-\[-45\%\] {
        left: -45%
    }

    .mobile\:left-\[-4px\] {
        left: -4px
    }

    .mobile\:left-auto {
        left: auto
    }

    .mobile\:right-0 {
        right: 0
    }

    .mobile\:right-\[-140px\] {
        right: -140px
    }

    .mobile\:right-auto {
        right: auto
    }

    .mobile\:top-\[-125\%\] {
        top: -125%
    }

    .mobile\:order-1 {
        order: 1
    }

    .mobile\:order-2 {
        order: 2
    }

    .mobile\:order-3 {
        order: 3
    }

    .mobile\:order-4 {
        order: 4
    }

    .mobile\:order-5 {
        order: 5
    }

    .mobile\:order-6 {
        order: 6
    }

    .mobile\:col-span-12 {
        grid-column: span 12 / span 12
    }

    .mobile\:m-auto {
        margin: auto
    }

    .mobile\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .mobile\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .mobile\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .mobile\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .mobile\:-mt-\[20px\] {
        margin-top: -20px
    }

    .mobile\:-mt-\[80px\] {
        margin-top: -80px
    }

    .mobile\:-mt-\[90px\] {
        margin-top: -90px
    }

    .mobile\:mb-0 {
        margin-bottom: 0
    }

    .mobile\:mb-3 {
        margin-bottom: .75rem
    }

    .mobile\:mb-5 {
        margin-bottom: 1.25rem
    }

    .mobile\:mb-6 {
        margin-bottom: 1.5rem
    }

    .mobile\:mb-\[15px\] {
        margin-bottom: 15px
    }

    .mobile\:mt-10 {
        margin-top: 2.5rem
    }

    .mobile\:mt-6 {
        margin-top: 1.5rem
    }

    .mobile\:mt-\[15px\] {
        margin-top: 15px
    }

    .mobile\:line-clamp-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .mobile\:line-clamp-4 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }

    .mobile\:line-clamp-9 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 9
    }

    .mobile\:block {
        display: block
    }

    .mobile\:inline-block {
        display: inline-block
    }

    .mobile\:flex {
        display: flex
    }

    .mobile\:grid {
        display: grid
    }

    .mobile\:hidden {
        display: none
    }

    .mobile\:h-\[180px\] {
        height: 180px
    }

    .mobile\:h-\[340px\] {
        height: 340px
    }

    .mobile\:h-\[42px\] {
        height: 42px
    }

    .mobile\:h-\[50px\] {
        height: 50px
    }

    .mobile\:h-\[640px\] {
        height: 640px
    }

    .mobile\:h-auto {
        height: auto
    }

    .mobile\:min-h-\[312px\] {
        min-height: 312px
    }

    .mobile\:\!w-full {
        width: 100% !important
    }

    .mobile\:w-\[110px\] {
        width: 110px
    }

    .mobile\:w-\[120px\] {
        width: 120px
    }

    .mobile\:w-\[143px\] {
        width: 143px
    }

    .mobile\:w-\[150vw\] {
        width: 150vw
    }

    .mobile\:w-\[50px\] {
        width: 50px
    }

    .mobile\:w-\[70\%\] {
        width: 70%
    }

    .mobile\:w-\[72px\] {
        width: 72px
    }

    .mobile\:w-\[84px\] {
        width: 84px
    }

    .mobile\:w-\[calc\(50\%-12px\)\] {
        width: calc(50% - 12px)
    }

    .mobile\:w-\[calc\(50\%-24px\)\] {
        width: calc(50% - 24px)
    }

    .mobile\:w-auto {
        width: auto
    }

    .mobile\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .mobile\:w-full {
        width: 100%
    }

    .mobile\:min-w-\[170px\] {
        min-width: 170px
    }

    .mobile\:min-w-\[72px\] {
        min-width: 72px
    }

    .mobile\:max-w-full {
        max-width: 100%
    }

    .mobile\:max-w-none {
        max-width: none
    }

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

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

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

    .mobile\:flex-col {
        flex-direction: column
    }

    .mobile\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .mobile\:justify-center {
        justify-content: center
    }

    .mobile\:justify-between {
        justify-content: space-between
    }

    .mobile\:gap-4 {
        gap: 1rem
    }

    .mobile\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .mobile\:gap-y-6 {
        row-gap: 1.5rem
    }

    .mobile\:rounded-t-\[6px\] {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .mobile\:border-b-\[1px\] {
        border-bottom-width: 1px
    }

    .mobile\:border-t-0 {
        border-top-width: 0px
    }

    .mobile\:bg-transparent {
        background-color: transparent
    }

    .mobile\:bg-brand-comparison-mobile {
        background-image: url(https://objects.kaxmedia.com/auto/o/180841/a636748aeb.jpeg)
    }

    .mobile\:bg-discs-mobile {
        background-image: url(https://objects.kaxmedia.com/auto/o/210536/6fd2c1a2a9.jpeg)
    }

    .mobile\:bg-wagering-calc-mobile {
        background-image: url(https://objects.kaxmedia.com/auto/o/179025/8b0aaff8c4.jpeg)
    }

    .mobile\:p-0 {
        padding: 0
    }

    .mobile\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .mobile\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .mobile\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .mobile\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .mobile\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .mobile\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .mobile\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .mobile\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .mobile\:py-11 {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem
    }

    .mobile\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .mobile\:pb-4 {
        padding-bottom: 1rem
    }

    .mobile\:pb-6 {
        padding-bottom: 1.5rem
    }

    .mobile\:pb-\[10px\] {
        padding-bottom: 10px
    }

    .mobile\:pr-0 {
        padding-right: 0
    }

    .mobile\:pt-10 {
        padding-top: 2.5rem
    }

    .mobile\:pt-14 {
        padding-top: 3.5rem
    }

    .mobile\:pt-4 {
        padding-top: 1rem
    }

    .mobile\:text-center {
        text-align: center
    }

    .mobile\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .mobile\:text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .mobile\:text-\[30px\] {
        font-size: 30px
    }

    .mobile\:text-\[40px\] {
        font-size: 40px
    }

    .mobile\:text-\[48px\] {
        font-size: 48px
    }

    .mobile\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .mobile\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .mobile\:leading-6 {
        line-height: 1.5rem
    }

    .mobile\:leading-9 {
        line-height: 2.25rem
    }

    .mobile\:leading-\[1\.8rem\] {
        line-height: 1.8rem
    }

    .mobile\:leading-\[44px\] {
        line-height: 44px
    }

    .mobile\:leading-\[48px\] {
        line-height: 48px
    }

    .mobile\:outline-\[0px\] {
        outline-width: 0px
    }

    @media (min-width: 768px) {
        .mobile\:md\:max-w-\[370px\] {
            max-width: 370px
        }
    }
}

@media (max-width: 640px) {
    .mobilesm\:grid {
        display: grid
    }

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

    .mobilesm\:border-0 {
        border-width: 0px
    }

    .mobilesm\:border-b {
        border-bottom-width: 1px
    }

    .mobilesm\:border-t {
        border-top-width: 1px
    }
}

@media only screen and (max-height: 600px) and (orientation: landscape) {
    .landscape-mobile\:mb-0 {
        margin-bottom: 0
    }

    .landscape-mobile\:mb-3 {
        margin-bottom: .75rem
    }

    .landscape-mobile\:mt-0 {
        margin-top: 0
    }

    .landscape-mobile\:flex {
        display: flex
    }

    .landscape-mobile\:hidden {
        display: none
    }

    .landscape-mobile\:items-center {
        align-items: center
    }

    .landscape-mobile\:justify-center {
        justify-content: center
    }

    .landscape-mobile\:gap-6 {
        gap: 1.5rem
    }

    .landscape-mobile\:pb-1 {
        padding-bottom: .25rem
    }

    .landscape-mobile\:pb-3 {
        padding-bottom: .75rem
    }

    .landscape-mobile\:pb-4 {
        padding-bottom: 1rem
    }

    .landscape-mobile\:pt-4 {
        padding-top: 1rem
    }
}

@media (orientation: portrait) {
    .portrait\:hidden {
        display: none
    }
}

@media (min-width: 992px) {
    @media (orientation: portrait) {
        .mdlg\:portrait\:hidden {
            display: none
        }
    }
}

@media (max-width: 767px) {
    @media (orientation: portrait) {
        .mobile\:portrait\:hidden {
            display: none
        }
    }
}

@media (orientation: landscape) {
    .landscape\:hidden {
        display: none
    }
}

@media (min-width: 280px) {
    @media (orientation: landscape) {
        .\33xs\:landscape\:flex {
            display: flex
        }
    }
}

@media (min-width: 992px) {
    @media (orientation: landscape) {
        .mdlg\:landscape\:hidden {
            display: none
        }
    }
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\:\:-ms-clear\]\:hidden::-ms-clear {
    display: none
}

.\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal {
    display: none
}

.\[\&\>\*\:nth-child\(even\)\]\:mb-8>*:nth-child(2n) {
    margin-bottom: 2rem
}

.\[\&\>\*\:nth-child\(odd\)\]\:mb-8>*:nth-child(odd) {
    margin-bottom: 2rem
}

.\[\&\>\.content-block\]\:mb-10>.content-block {
    margin-bottom: 2.5rem
}

.\[\&\>a\]\:bg-gray-100>a {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.\[\&\>a\]\:bg-transparent>a {
    background-color: transparent
}

.\[\&\>a\]\:bg-gradient-to-r>a {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.\[\&\>a\]\:from-accent-color>a {
    --tw-gradient-from: #FF0080 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 0 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.\[\&\>a\]\:via-white>a {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.\[\&\>a\]\:to-accent-color>a {
    --tw-gradient-to: #FF0080 var(--tw-gradient-to-position)
}

.\[\&\>div\]\:bg-gray-100>div {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.\[\&\>div\]\:bg-transparent>div {
    background-color: transparent
}

.\[\&\>div\]\:bg-gradient-to-r>div {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.\[\&\>div\]\:from-accent-color>div {
    --tw-gradient-from: #FF0080 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 0 128 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.\[\&\>div\]\:via-white>div {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.\[\&\>ul\]\:list-disc>ul {
    list-style-type: disc
}

.\[\&\>ul\]\:pl-10>ul {
    padding-left: 2.5rem
}

.\[\&\>ul_li\]\:mb-1>ul li {
    margin-bottom: .25rem
}

.\[\&_p\]\:border-l-\[8px\] p {
    border-left-width: 8px
}

.\[\&_p\]\:border-accent-color p {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 128 / var(--tw-border-opacity, 1))
}

.\[\&_p\]\:pl-\[17px\] p {
    padding-left: 17px
}

.\[\&_p\]\:font-bold p {
    font-weight: 700
}
header #navbar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 92px;
    max-height: 38px;
    overflow: hidden;
}
header #navbar-logo img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}