*,
: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: #e7e8e9
}

: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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    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: #98a7b5
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #98a7b5
}

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
}

.tooltip-arrow,
.tooltip-arrow:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit
}

.tooltip-arrow {
    visibility: hidden
}

.tooltip-arrow:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg)
}

[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before {
    border-style: solid;
    border-color: var(--color-gray-200)
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px
}

.tooltip[data-popper-placement^=top]>.tooltip-arrow {
    bottom: -4px
}

.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
    top: -4px
}

.tooltip[data-popper-placement^=left]>.tooltip-arrow {
    right: -4px
}

.tooltip[data-popper-placement^=right]>.tooltip-arrow {
    left: -4px
}

.tooltip.invisible>.tooltip-arrow:before {
    visibility: hidden
}

[data-popper-arrow],
[data-popper-arrow]:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit
}

[data-popper-arrow] {
    visibility: hidden
}

[data-popper-arrow]:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg)
}

[data-popper-arrow]:after {
    content: "";
    visibility: visible;
    transform: rotate(45deg);
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit
}

[role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: var(--color-gray-200)
}

.dark [role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: var(--color-gray-600)
}

[role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: var(--color-gray-200)
}

.dark [role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: var(--color-gray-600)
}

[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after {
    border-bottom-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after {
    border-top-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after {
    border-top-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -5px
}

[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -5px
}

[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow] {
    right: -5px
}

[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow] {
    left: -5px
}

[role=tooltip].invisible>[data-popper-arrow]:before {
    visibility: hidden
}

[role=tooltip].invisible>[data-popper-arrow]:after {
    visibility: hidden
}

[type=text],
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: var(--color-gray-500);
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[type=text]:focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--color-blue-600);
    --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);
    border-color: var(--color-blue-600)
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--color-gray-500);
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: var(--color-gray-500);
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

input[type=time]::-webkit-calendar-picker-indicator {
    background: none
}

select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%23656E78' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: .75em .75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

:is([dir=rtl]) select:not([size]) {
    background-position: left .75rem center;
    padding-right: .75rem;
    padding-left: 0
}

[multiple] {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: var(--color-blue-600);
    background-color: #fff;
    border-color: --color-gray-500;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: var(--color-blue-600);
    --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)
}

[type=checkbox]:checked,
[type=radio]:checked,
.dark [type=checkbox]:checked,
.dark [type=radio]:checked {
    border-color: transparent !important;
    background-color: currentColor !important;
    background-size: .55em .55em;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em
}

.dark [type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
    background-color: currentColor !important;
    border-color: transparent !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
    border-color: transparent !important;
    background-color: currentColor !important
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px auto inherit
}

input[type=file]::file-selector-button {
    color: #fff;
    background: var(--color-gray-800);
    border: 0;
    font-weight: 500;
    font-size: 0;
    cursor: pointer;
    padding: .625rem 1rem .625rem 2rem;
    margin-inline-start: -1rem;
    margin-inline-end: 1rem
}

input[type=file]::file-selector-button:hover {
    background: var(--color-gray-700)
}

:is([dir=rtl]) input[type=file]::file-selector-button {
    padding-right: 2rem;
    padding-left: 1rem
}

.dark input[type=file]::file-selector-button {
    color: #fff;
    background: var(--color-gray-600)
}

.dark input[type=file]::file-selector-button:hover {
    background: var(--color-gray-500)
}

input[type=range]::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: var(--color-blue-600);
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

input[type=range]:disabled::-webkit-slider-thumb {
    background: var(--color-gray-400)
}

.dark input[type=range]:disabled::-webkit-slider-thumb {
    background: var(--color-gray-500)
}

input[type=range]:focus::-webkit-slider-thumb {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
    --tw-ring-opacity: 1px;
    --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity))
}

input[type=range]::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: var(--color-blue-600);
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

input[type=range]:disabled::-moz-range-thumb {
    background: var(--color-gray-400)
}

.dark input[type=range]:disabled::-moz-range-thumb {
    background: var(--color-gray-500)
}

input[type=range]::-moz-range-progress {
    background: var(--color-blue-500)
}

input[type=range]::-ms-fill-lower {
    background: var(--color-blue-500)
}

.toggle-bg:after {
    content: "";
    position: absolute;
    top: .125rem;
    left: .125rem;
    background: #fff;
    border-color: var(--color-gray-300);
    border-width: 1px;
    border-radius: 9999px;
    height: 1.25rem;
    width: 1.25rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .15s;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

input:checked+.toggle-bg:after {
    transform: translate(100%);
    border-color: #fff
}

input:checked+.toggle-bg {
    background: var(--color-blue-600);
    border-color: var(--color-blue-600)
}

.container {
    width: 100%
}

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

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

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

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

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

.selectedCell {
    background-color: var(--color-gray-50)
}

.dark .selectedCell {
    background-color: var(--color-gray-700)
}

.datatable-wrapper {
    width: 100%
}

.datatable-wrapper .datatable-top {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem
}

@media (min-width: 640px) {
    .datatable-wrapper .datatable-top {
        flex-direction: row-reverse;
        align-items: center
    }
}

.datatable-wrapper .datatable-search .datatable-input,
.datatable-wrapper .datatable-input {
    color: var(--color-gray-900);
    font-size: 0;
    border: 1px solid var(--color-gray-300);
    border-radius: .5rem;
    background-color: var(--color-gray-50);
    min-width: 16rem
}

.dark .datatable-wrapper .datatable-search .datatable-input,
.dark .datatable-wrapper .datatable-input {
    color: #fff;
    background-color: var(--color-gray-800);
    border: 1px solid var(--color-gray-700)
}

.datatable-wrapper thead th .datatable-input {
    background-color: #fff;
    font-weight: 400;
    color: var(--color-gray-900);
    padding-top: .35rem;
    padding-bottom: .35rem;
    min-width: 0
}

.dark .datatable-wrapper thead th .datatable-input {
    background-color: var(--color-gray-700);
    border-color: var(--color-gray-600);
    color: #fff
}

.datatable-wrapper .datatable-top .datatable-dropdown {
    color: var(--color-gray-500);
    font-size: 0
}

.dark .datatable-wrapper .datatable-top .datatable-dropdown {
    color: var(--color-gray-400)
}

.datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {
    background-color: var(--color-gray-50);
    color: var(--color-gray-900);
    font-size: 0;
    border: 1px solid var(--color-gray-300);
    border-radius: .5rem;
    margin-right: .25rem;
    min-width: 4rem
}

.dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {
    background-color: var(--color-gray-800);
    border: 1px solid var(--color-gray-700);
    color: #fff
}

.datatable-wrapper .datatable-container thead tr.search-filtering-row th {
    padding-top: 0
}

.datatable-wrapper .datatable-search .datatable-input:focus {
    border-color: var(--color-blue-600)
}

.datatable-wrapper .datatable-container {
    overflow-x: auto
}

.datatable-wrapper .datatable-table {
    width: 100%;
    font-size: 0;
    color: var(--color-gray-500);
    text-align: left
}

.dark .datatable-wrapper .datatable-table {
    color: var(--color-gray-400)
}

.datatable-wrapper .datatable-table thead {
    font-size: 0;
    color: var(--color-gray-500);
    background-color: var(--color-gray-50)
}

.dark .datatable-wrapper .datatable-table thead {
    color: var(--color-gray-400);
    background-color: var(--color-gray-800)
}

.datatable-wrapper .datatable-table thead th {
    white-space: nowrap
}

.datatable-wrapper .datatable-table thead th,
.datatable-wrapper .datatable-table tbody th,
.datatable-wrapper .datatable-table tbody td {
    width: auto !important;
    padding: .75rem 1.5rem
}

.datatable-wrapper .datatable-table thead th .datatable-sorter,
.datatable-wrapper .datatable-table thead th {
    text-transform: uppercase
}

.datatable-wrapper .datatable-table thead th .datatable-sorter:hover,
.datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter,
.datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {
    color: var(--color-gray-900)
}

.dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover,
.dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter,
.dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter {
    color: #fff
}

.datatable-wrapper .datatable-table tbody tr.selected {
    background-color: var(--color-gray-100)
}

.dark .datatable-wrapper .datatable-table tbody tr.selected {
    background-color: var(--color-gray-700)
}

.datatable-wrapper .datatable-table tbody tr {
    border-bottom: 1px solid var(--color-gray-200)
}

.dark .datatable-wrapper .datatable-table tbody tr {
    border-bottom: 1px solid var(--color-gray-700)
}

.datatable-wrapper .datatable-table .datatable-empty {
    text-align: center
}

.datatable-wrapper .datatable-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    margin-top: 1rem;
    gap: 1rem
}

@media (min-width: 640px) {
    .datatable-wrapper .datatable-bottom {
        flex-direction: row;
        align-items: center
    }
}

.datatable-wrapper .datatable-bottom .datatable-info {
    color: var(--color-gray-500);
    font-size: 0
}

.dark .datatable-wrapper .datatable-bottom .datatable-info {
    color: var(--color-gray-400)
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list {
    display: flex;
    align-items: center;
    height: 2rem;
    font-size: 0
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {
    display: flex;
    align-items: center;
    color: var(--color-gray-500);
    font-weight: 500;
    padding-left: .75rem;
    padding-right: .75rem;
    height: 2rem;
    font-size: 0;
    border-top: 1px solid var(--color-gray-300);
    border-bottom: 1px solid var(--color-gray-300);
    border-right: 1px solid var(--color-gray-300)
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {
    color: var(--color-gray-400);
    border-color: var(--color-gray-700)
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type,
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type {
    position: relative
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
    color: transparent
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
    color: transparent
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23656E78' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.3rem;
    height: 1.3rem;
    transform: translate(-50%, -50%)
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%231C1E22' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%2398A7B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23656E78' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
    position: absolute;
    top: 50%;
    right: 50%;
    width: 1.3rem;
    height: 1.3rem;
    transform: translate(50%, -50%)
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%231C1E22' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%2398A7B5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after {
    content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-left: 1px solid var(--color-gray-300)
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {
    border-left: 1px solid var(--color-gray-700)
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border-left: 0
}

.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {
    background-color: var(--color-gray-50);
    color: var(--color-gray-700)
}

.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {
    background-color: var(--color-gray-700);
    color: #fff
}

.apexcharts-canvas .apexcharts-tooltip {
    background-color: #fff !important;
    color: var(--color-gray-700) !important;
    border: 0 !important;
    border-radius: .25rem !important;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important
}

.dark .apexcharts-canvas .apexcharts-tooltip {
    background-color: var(--color-gray-700) !important;
    color: var(--color-gray-400) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
    padding: .5rem .75rem !important;
    margin-bottom: .75rem !important;
    background-color: var(--color-gray-100) !important;
    border-bottom-color: var(--color-gray-200) !important;
    font-size: 0 !important;
    font-weight: 400 !important;
    color: var(--color-gray-500) !important
}

.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
    background-color: var(--color-gray-600) !important;
    border-color: var(--color-gray-500) !important;
    color: var(--color-gray-500) !important
}

.apexcharts-canvas .apexcharts-xaxistooltip {
    color: var(--color-gray-500) !important;
    padding: .5rem .75rem !important;
    border-color: transparent !important;
    background-color: #fff !important;
    border-radius: .25rem !important;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important
}

.dark .apexcharts-canvas .apexcharts-xaxistooltip {
    color: var(--color-gray-400) !important;
    background-color: var(--color-gray-700) !important
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
    color: var(--color-gray-500) !important;
    font-size: 0 !important
}

.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
    color: var(--color-gray-400) !important
}

.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {
    color: var(--color-gray-900);
    font-size: 0 !important
}

:is([dir=rtl]) .apexcharts-tooltip .apexcharts-tooltip-marker {
    margin-right: 0 !important;
    margin-left: e !important
}

.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {
    color: #fff !important
}

.apexcharts-canvas .apexcharts-xaxistooltip-text {
    font-weight: 400 !important;
    font-size: 0 !important
}

.apexcharts-canvas .apexcharts-xaxistooltip:after,
.apexcharts-canvas .apexcharts-xaxistooltip:before {
    border-bottom-color: #fff !important
}

.apexcharts-canvas .apexcharts-xaxistooltip:after {
    border-width: 8px !important;
    margin-left: -8px !important
}

.apexcharts-canvas .apexcharts-xaxistooltip:before {
    border-width: 10px !important;
    margin-left: -10px !important
}

.dark .apexcharts-canvas .apexcharts-xaxistooltip:after,
.dark .apexcharts-canvas .apexcharts-xaxistooltip:before {
    border-bottom-color: var(--color-gray-700) !important
}

.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {
    padding: 0 !important
}

.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
    padding-bottom: .75rem !important;
    background-color: #fff !important;
    color: var(--color-gray-500) !important
}

.dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
    background-color: var(--color-gray-700) !important;
    color: var(--color-gray-400) !important
}

.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type {
    padding-top: .75rem !important
}

.apexcharts-canvas .apexcharts-legend {
    padding: 0 !important
}

.apexcharts-canvas .apexcharts-legend-text {
    font-size: 0 !important;
    font-weight: 500 !important;
    padding-left: 1.25rem !important;
    color: var(--color-gray-500) !important
}

:is([dir=rtl]) .apexcharts-canvas .apexcharts-legend-text {
    padding-right: .5rem !important
}

.apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {
    color: var(--color-gray-900) !important
}

.dark .apexcharts-canvas .apexcharts-legend-text {
    color: var(--color-gray-400) !important
}

.dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {
    color: #fff !important
}

.apexcharts-canvas .apexcharts-legend-series {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    margin-bottom: .25rem !important;
    display: flex !important;
    align-items: center !important
}

.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
    fill: var(--color-gray-900) !important;
    font-size: 1.875rem !important;
    font-weight: 700 !important
}

.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
    fill: #fff !important
}

.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {
    fill: var(--color-gray-500) !important;
    font-size: 1rem !important;
    font-weight: 400 !important
}

.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {
    fill: var(--color-gray-400) !important
}

.apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label {
    font-size: .75rem !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    filter: none !important
}

.apexcharts-gridline,
.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs {
    stroke: var(--color-gray-200) !important
}

.dark .apexcharts-gridline,
.dark .apexcharts-xcrosshairs,
.dark .apexcharts-ycrosshairs {
    stroke: var(--color-gray-700) !important
}

.label {
    margin-bottom: .25rem;
    display: block;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(101 110 120 / var(--tw-text-opacity, 1))
}

@media (prefers-color-scheme: dark) {
    .label {
        --tw-text-opacity: 1;
        color: rgb(214 214 214 / var(--tw-text-opacity, 1))
    }
}

.btn-primary {
    border-radius: .25rem;
    padding: .75rem 2rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn-primary:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))
}

.input {
    height: 3rem;
    border-radius: .25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: .75rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(59 61 68 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    width: 100%
}

.input::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(214 214 214 / var(--tw-text-opacity, 1))
}

.input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(214 214 214 / var(--tw-text-opacity, 1))
}

.input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.input:disabled {
    cursor: not-allowed;
    opacity: .75
}

@media (prefers-color-scheme: dark) {
    .input {
        --tw-border-opacity: 1;
        border-color: rgb(25 26 30 / var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(28 30 34 / var(--tw-bg-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(231 232 233 / var(--tw-text-opacity, 1))
    }

    .input::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(244 244 244 / var(--tw-text-opacity, 1))
    }

    .input::placeholder {
        --tw-text-opacity: 1;
        color: rgb(244 244 244 / var(--tw-text-opacity, 1))
    }

    .input:focus {
        --tw-border-opacity: 1;
        border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
    }
}

.input-group {
    display: block;
    border-radius: .5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    padding: .625rem .625rem .625rem 2.5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(28 30 34 / var(--tw-text-opacity, 1));
    width: 100%
}

.input-group:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}

@media (prefers-color-scheme: dark) {
    .input-group {
        border-color: var(--ci-gray-over);
        background-color: var(--ci-gray-over);
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1))
    }

    .input-group::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(152 167 181 / var(--tw-placeholder-opacity, 1))
    }

    .input-group::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(152 167 181 / var(--tw-placeholder-opacity, 1))
    }

    .input-group:focus {
        --tw-border-opacity: 1;
        border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
    }
}

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

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0
}

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

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

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

.bottom-0 {
    bottom: 0
}

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

.bottom-10 {
    bottom: 2.5rem
}

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

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

.bottom-full {
    bottom: 100%
}

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

.left-0 {
    left: 0
}

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

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

.right-0 {
    right: 0
}

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

.top-0 {
    top: 0
}

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

.top-4 {
    top: 1rem
}

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

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

.col-\[--col-span-default\] {
    grid-column: var(--col-span-default)
}

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

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

.m-auto {
    margin: auto
}

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

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

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

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

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

.my-36 {
    margin-top: 9rem;
    margin-bottom: 9rem
}

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

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

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

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-me-2 {
    margin-inline-end: -.5rem
}

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

.mb-1 {
    margin-bottom: .25rem
}

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

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

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

.me-2 {
    margin-inline-end: .5rem
}

.me-6 {
    margin-inline-end: 1.5rem
}

.ml-0 {
    margin-left: 0
}

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

.ml-2 {
    margin-left: .5rem
}

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

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

.ml-5 {
    margin-left: 1.25rem
}

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

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

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

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

.ms-2 {
    margin-inline-start: .5rem
}

.mt-0 {
    margin-top: 0
}

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

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

.mt-11 {
    margin-top: 2.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.hidden {
    display: none
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-24 {
    height: 6rem
}

.h-4 {
    height: 1rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-96 {
    height: 24rem
}

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

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

.h-\[calc\(100\%-1rem\)\] {
    height: calc(100% - 1rem)
}

.h-\[calc\(100vh-60px\)\] {
    height: calc(100vh - 60px)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

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

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

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

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

.min-h-\[calc\(100vh-565px\)\] {
    min-height: calc(100vh - 565px)
}

.min-h-screen {
    min-height: 100vh
}

.w-1\.5 {
    width: .375rem
}

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

.w-20 {
    width: 5rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-8 {
    width: 2rem
}

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

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

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

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

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

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

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

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

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

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

.max-w-3xl {
    max-width: 48rem
}

.max-w-5xl {
    max-width: 64rem
}

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

.max-w-lg {
    max-width: 32rem
}

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

.max-w-xl {
    max-width: 36rem
}

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

.flex-shrink {
    flex-shrink: 1
}

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

.flex-grow {
    flex-grow: 1
}

.-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-x-full {
    --tw-translate-x: -100%;
    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-full {
    --tw-translate-y: -100%;
    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-full {
    --tw-translate-x: 100%;
    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-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))
}

.translate-y-full {
    --tw-translate-y: 100%;
    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))
}

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

.transform-none {
    transform: none
}

@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-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-outside {
    list-style-position: outside
}

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

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

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

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

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

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

.gap-0 {
    gap: 0px
}

.gap-1 {
    gap: .25rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

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

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

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

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

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

.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-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-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-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))
}

.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-x-scroll {
    overflow-x: scroll
}

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

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

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

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

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

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

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

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

.rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

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

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

.border {
    border-width: 1px
}

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

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

.border-y-\[1px\] {
    border-top-width: 1px;
    border-bottom-width: 1px
}

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

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

.border-none {
    border-style: none
}

.\!border-primary-700 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(94 94 94 / var(--tw-border-opacity, 1)) !important
}

.border-\[\#585c5c\] {
    --tw-border-opacity: 1;
    border-color: rgb(88 92 92 / var(--tw-border-opacity, 1))
}

.border-\[\#5B5E5F\] {
    --tw-border-opacity: 1;
    border-color: rgb(91 94 95 / var(--tw-border-opacity, 1))
}

.border-\[var\(--ci-primary-opacity-color\)\] {
    border-color: var(--ci-primary-opacity-color)
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
}

.border-blue-700 {
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 244 / var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(231 232 233 / var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(214 214 214 / var(--tw-border-opacity, 1))
}

.\!bg-primary-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(123 123 123 / var(--tw-bg-opacity, 1)) !important
}

.\!bg-primary-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#1d1f2a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(29 31 42 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fdffff0d\] {
    background-color: #fdffff0d
}

.bg-\[var\(--ci-primary-color\)\] {
    background-color: var(--ci-primary-color)
}

.bg-\[white\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
}

.bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 232 233 / var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(214 214 214 / var(--tw-bg-opacity, 1))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(152 167 181 / var(--tw-bg-opacity, 1))
}

.bg-gray-400\/20 {
    background-color: #98a7b533
}

.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(101 110 120 / var(--tw-bg-opacity, 1))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 61 68 / var(--tw-bg-opacity, 1))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(25 26 30 / var(--tw-bg-opacity, 1))
}

.bg-gray-900\/50 {
    background-color: #1c1e2280
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 193 23 / var(--tw-bg-opacity, 1))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(50 166 20 / var(--tw-bg-opacity, 1))
}

.bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 161 / var(--tw-bg-opacity, 1))
}

.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(123 123 123 / var(--tw-bg-opacity, 1))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / 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\/50 {
    background-color: #ffffff80
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1))
}

.bg-opacity-40 {
    --tw-bg-opacity: .4
}

.fill-green-600 {
    fill: #32a614
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[20px\] {
    padding-bottom: 20px
}

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

.pl-10 {
    padding-left: 2.5rem
}

.pl-3\.5 {
    padding-left: .875rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pr-16 {
    padding-right: 4rem
}

.pr-20 {
    padding-right: 5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-3\.5 {
    padding-right: .875rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-\[40px\] {
    padding-right: 40px
}

.pt-1 {
    padding-top: .25rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.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-\[12px\] {
    font-size: 12px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[25px\] {
    font-size: 25px
}

.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-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.leading-4 {
    line-height: 1rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-none {
    line-height: 1
}

.tracking-tight {
    letter-spacing: -.025em
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(231 232 233 / var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(152 167 181 / var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(101 110 120 / var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(36 38 43 / var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(25 26 30 / var(--tw-text-opacity, 1))
}

.text-gray-800\/20 {
    color: #191a1e33
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(28 30 34 / var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(59 193 23 / var(--tw-text-opacity, 1))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(24 75 11 / var(--tw-text-opacity, 1))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1))
}

.text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(161 161 161 / var(--tw-text-opacity, 1))
}

.text-primary-600 {
    --tw-text-opacity: 1;
    color: rgb(123 123 123 / var(--tw-text-opacity, 1))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-50 {
    opacity: .5
}

.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-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-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;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring {
    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(25 26 30 / var(--tw-ring-opacity, 1))
}

.ring-gray-950\/5 {
    --tw-ring-color: rgb(3 7 18 / .05)
}

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

.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-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-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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
    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
}

.delay-100 {
    transition-delay: .1s
}

.duration-300 {
    transition-duration: .3s
}

.duration-700 {
    transition-duration: .7s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-transform {
    will-change: transform
}

html {
    scrollbar-width: thin
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: gray
}

::-webkit-scrollbar {
    width: 1px;
    background-color: gray
}

::-webkit-scrollbar-thumb {
    background-color: var(--background-color)
}

#tourosbet {
    overflow: visible
}

::-webkit-scrollbar-track {
    background-color: var(--ci-primary-color) !important
}

::-webkit-scrollbar {
    width: 1px !important;
    background-color: var(--ci-primary-color) !important
}

::-webkit-scrollbar-thumb {
    background-color: var(--ci-primary-color) !important
}

* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    letter-spacing: .00938em;
    line-height: 1.5;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif
}

.full-screen-div {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999
}

.full-screen-body {
    overflow: hidden
}

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

.payment-list {
    flex-direction: row;
    -moz-column-gap: 32px;
    column-gap: 32px
}

.divider {
    height: 48px;
    border-right: 1px solid var(--ci-gray-light)
}

:is(.dark .divider) {
    border-right: 1px solid var(--ci-gray-dark)
}

.wallet-active {
    border: 2px solid var(--ci-primary-color);
    border-radius: 10px
}

@media only screen and (max-width: 768px) {
    .w-full-mobile {
        width: 50% !important
    }

    .content-center {
        display: block
    }

    .img-banner {
        position: relative;
        top: 0;
        bottom: 0;
        height: 260px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .register-home-button {
        position: absolute;
        bottom: 15px
    }
}

.casino-sports-container {
    padding: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: flex-start;
    text-align: left;
    font-style: normal;
    background-repeat: no-repeat;
    background-position: 100% 100%
}

@media screen and (max-width: 901px) {
    .category-options {
        width: 100%;
        display: flex !important;
        justify-content: space-between
    }

    .nav-action {
        width: 100%
    }
}

.invite-bg {
    background-size: auto 100%
}

.loading-body {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--ci-gray-over);
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    z-index: 999999
}

.loading-body .loading-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loading-body .loading-container img {
    width: 100%;
    height: 128px;
    animation: pulse 2s infinite
}

.page-opacity-enter-active,
.page-opacity-leave-active {
    transition: .6s ease all
}

.page-opacity-enter-from,
.page-opacity-leave-to {
    opacity: 0
}

.page-slide-enter-active,
.page-slide-leave-active {
    transition: .4s ease all
}

.page-slide-enter-from,
.page-slide-leave-to {
    opacity: 0;
    transform: translateY(60px)
}

.bar-sport-nav {
    width: 100%;
    height: 64px;
    display: flex;
    padding: 8px;
    position: relative;
    box-shadow: none;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between
}

.slider-sport-banner {
    flex: 0 0 auto;
    height: 152px;
    overflow: hidden;
    box-sizing: content-box
}

.category-options {
    display: -webkit-inline-box
}

.scrollable-container {
    width: 100%;
    overflow: scroll;
    white-space: nowrap;
    display: flex;
    -webkit-overflow-scrolling: touch
}

.scrollable-content {
    width: 200%
}

.scrollable-container::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 600px) {
    .banner-login {
        display: none
    }

    .navbar-toggler {
        display: block
    }
}

.input-group-text {
    background-color: var(--ci-gray-over);
    border: 1px solid var(--ci-gray-over);
    background-color: var(--ci-primary-color)
}

.login-wrap {
    margin-top: auto;
    flex: none
}

.login-wrap .line-text {
    height: .875rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.login-wrap .line-text .l {
    height: 1px;
    flex: 1;
    background-color: #98a7b5
}

.login-wrap .line-text .t {
    color: #98a7b5;
    line-height: .875rem;
    height: 100%;
    flex: none;
    margin: 0 .75rem;
    font-size: 12px
}

.footer {
    position: relative;
    bottom: 0;
    width: 100%
}

.footer-list ul>li {
    margin-bottom: 10px
}

.ball {
    position: absolute;
    width: 9.375rem;
    height: auto;
    right: 0;
    bottom: 0;
    opacity: 0
}

:is(.dark .ball) {
    opacity: .3
}

.ui-button-blue {
    width: auto;
    padding: 0 1.25rem;
    height: 2.5rem;
    flex: none;
    font-weight: 600;
    color: var(--ci-gray-light);
    background-color: var(--ci-primary-opacity-color)
}

.ui-button-blue:hover {
    background-color: var(--ci-secundary-color)
}

.ui-button-form {
    width: auto;
    padding: 0 1.25rem;
    height: 2rem;
    flex: none;
    color: var(--ci-gray-light);
    background-color: var(--ci-primary-opacity-color)
}

.ui-button-form:hover {
    background-color: var(--ci-secundary-color)
}

.ui-button-black {
    width: auto;
    padding: 0 1.25rem;
    height: 2.5rem;
    flex: none;
    font-weight: 600;
    color: #fff;
    background-color: var(--yellow-color);
    background-image: conic-gradient(from 1turn, var(--yellow-dark-color), var(--yellow-color))
}

.ui-button-black:hover {
    background-color: var(--yellow-color);
    background-image: conic-gradient(from 1turn, var(--yellow-dark-color), var(--yellow-color))
}

.item-selected {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-left: -.6875rem
}

.item-selected .active {
    background: linear-gradient(100.51deg, var(--ci-primary-color) 6.83%, var(--ci-secundary-color) 93.94%);
    border: 1px solid var(--ci-primary-color) !important
}

.item-selected .active .ratio {
    background: #ffe600;
    color: #393939
}

.item-selected .item .ratio {
    background: #e1810c;
    min-width: 2.875rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .75rem;
    text-align: center;
    color: #fff;
    position: absolute;
    border-bottom-left-radius: .3125rem;
    right: 0;
    top: 0
}

.item-selected .active .img-check {
    display: block
}

.item-selected .item .img-check {
    position: absolute;
    right: 0;
    width: 30px;
    bottom: 0
}

.item-selected .item button {
    height: 3rem;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--title-color);
    white-space: nowrap
}

.item-selected .item {
    position: relative;
    align-self: stretch;
    margin: .5rem 0 0 .6875rem;
    cursor: pointer;
    width: 30.5%;
    background-color: #313131;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius)
}

.icon-list {
    width: 1.4em;
    height: 1.4em;
    fill: #98a7b5
}

.ui-button-default {
    background-color: #3e4147;
    color: #fff;
    display: block;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: .25rem;
    height: 3rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .2s cubic-bezier(.36, .66, .04, 1)
}

.ui-button-default:hover {
    background-color: #313235
}

.ui-button-yellow {
    color: #fff;
    background-color: #f19511b3;
    display: block;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: .25rem;
    height: 3rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .2s cubic-bezier(.36, .66, .04, 1)
}

.ui-button-violet {
    background-color: #6e34e2b3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.36, .66, .04, 1);
    -webkit-transition: transform .2s cubic-bezier(.36, .66, .04, 1);
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: .25rem;
    padding: 10px 20px;
    height: 3rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .2s cubic-bezier(.36, .66, .04, 1)
}

.ui-button-violet:hover {
    background-color: #5426b1b3;
    background-image: conic-gradient(from 1turn, #6633d5, #491d9f)
}

.l {
    width: 3rem;
    height: 2px;
    background: linear-gradient(90deg, #98a7b5, #98a7b500);
    transform: scaleX(-1)
}

.r {
    width: 3rem;
    height: 2px;
    background: linear-gradient(90deg, #98a7b5, #98a7b500)
}

.aposta-1,
.aposta-2,
.aposta-3 {
    background-size: auto 100%;
    background-color: #24262b
}

.playgame {
    height: 100vh
}

.playgame .playgame-body {
    width: 100%;
    height: 100%
}

.playgame .playgame-footer {
    width: 100%;
    background-color: #232322;
    position: fixed;
    bottom: 0
}

.playgame .playgame-footer .playgame-footer-buttons {
    display: flex;
    justify-content: space-between;
    padding: 2.3rem
}

.social-icon {
    display: block;
    margin-right: 10px
}

@media only screen and (max-width: 600px) {
    .playgame .playgame-footer {
        height: 84px
    }

    .playgame .playgame-footer .playgame-footer-buttons {
        padding: 1.3rem
    }

    .social-icon {
        display: none
    }
}

.banner-login {
    display: block;
    padding: 0
}

.navbar-toggler {
    display: none
}

.sign-in {
    margin: 0;
    padding: 12px 32px;
    cursor: pointer;
    margin-right: .5rem;
    white-space: nowrap
}

.league-list {
    padding: 0 30px;
    justify-content: center
}

@media only screen and (max-width: 600px) {
    .banner-login {
        display: none
    }

    .navbar-toggler {
        display: block
    }

    .league-list {
        width: 100%;
        display: flex;
        padding: 0 30px;
        justify-content: center
    }
}

.game-full {
    width: 100%;
    height: 100%;
    border: none
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: var(--ci-primary-color);
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

.btn-small {
    height: 42px;
    grid-column-gap: 16px;
    color: #fff;
    white-space: nowrap;
    background-image: linear-gradient(#202020, #202020);
    border: 1px solid rgba(218, 209, 177, .1);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    position: relative
}

.overflow-hidden-y-scroll::-webkit-scrollbar {
    width: 6px
}

.overflow-hidden {
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.overflow-hidden-y-scroll::-webkit-scrollbar {
    display: none
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.odds.selected {
    border: thin solid var(--ci-primary-color)
}

.move-on-hover {
    transition: transform .3s ease
}

.nui-mask-hexed {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODIiIGhlaWdodD0iMjAxIj48cGF0aCBkPSJNLjMgNjUuNDg2YzAtOS4xOTYgNi42ODctMjAuMDYzIDE0LjIxMS0yNS4wNzhsNjEuODYtMzUuOTQ2YzguMzYtNS4wMTYgMjAuODk5LTUuMDE2IDI5LjI1OCAwbDYxLjg2IDM1Ljk0NmM4LjM2IDUuMDE1IDE0LjIxMSAxNS44ODIgMTQuMjExIDI1LjA3OHY3MS4wNTVjMCA5LjE5Ni02LjY4NyAyMC4wNjMtMTQuMjExIDI1LjA3OWwtNjEuODYgMzUuOTQ1Yy04LjM2IDQuMTgtMjAuODk5IDQuMTgtMjkuMjU4IDBsLTYxLjg2LTM1Ljk0NUM2LjE1MSAxNTcuNDQuMyAxNDUuNzM3LjMgMTM2LjU0VjY1LjQ4NnoiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODIiIGhlaWdodD0iMjAxIj48cGF0aCBkPSJNLjMgNjUuNDg2YzAtOS4xOTYgNi42ODctMjAuMDYzIDE0LjIxMS0yNS4wNzhsNjEuODYtMzUuOTQ2YzguMzYtNS4wMTYgMjAuODk5LTUuMDE2IDI5LjI1OCAwbDYxLjg2IDM1Ljk0NmM4LjM2IDUuMDE1IDE0LjIxMSAxNS44ODIgMTQuMjExIDI1LjA3OHY3MS4wNTVjMCA5LjE5Ni02LjY4NyAyMC4wNjMtMTQuMjExIDI1LjA3OWwtNjEuODYgMzUuOTQ1Yy04LjM2IDQuMTgtMjAuODk5IDQuMTgtMjkuMjU4IDBsLTYxLjg2LTM1Ljk0NUM2LjE1MSAxNTcuNDQuMyAxNDUuNzM3LjMgMTM2LjU0VjY1LjQ4NnoiLz48L3N2Zz4=)
}

.nui-mask {
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    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(.9) scaleY(.9);
    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))
}

.scrollbar-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.scrollbar-3::-webkit-scrollbar {
    width: 6px !important;
    background-color: #f5f5f5
}

.scrollbar-3::-webkit-scrollbar-thumb {
    background-color: #000
}

.wallet-money {
    background-color: transparent;
    padding: 8px;
    border-radius: 15px
}

:is(.dark .wallet-money) {
    background-color: transparent
}

@media screen and (max-width: 500px) {
    .wallet-money {
        border-radius: 25px;
        padding: 8px;
        min-width: 100px !important
    }
}

.category-active {
    border-right: 3px solid var(--ci-primary-color)
}

.promo-register {
    background-color: var(--ci-primary-opacity-color);
    border: 1px solid var(--ci-primary-color);
    color: var(--ci-primary-color)
}

.is-loading-data {
    fill: var(--ci-primary-color)
}

.btn-primary {
    background-color: var(--ci-secundary-color)
}

.btn-primary:hover {
    background-color: var(--ci-primary-opacity-color)
}

.btn-menu-mission {
    margin-top: 8px;
    width: 109px;
    height: 42px;
    padding-left: 5px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background: linear-gradient(26.79deg, #6d2bff7b 1.86%, #6d2bff0a 85.25% 85.25%), #d8d8d80d
}

@media only screen and (max-width: 600px) {
    .btn-menu-mission {
        width: 100%
    }
}

.btn-menu-mission img {
    position: absolute
}

.btn-menu-mission .btn-menu-mission-text {
    position: absolute;
    right: 15px;
    font-weight: 700;
    font-size: .8rem
}

.btn-menu-rotate {
    margin-top: 8px;
    width: 109px;
    height: 42px;
    padding-left: 5px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background: linear-gradient(19.92deg, #af0d8483 -6.45%, #af0d840a 78.77%), #d8d8d80d
}

@media only screen and (max-width: 600px) {
    .btn-menu-rotate {
        width: 100%
    }
}

.btn-menu-rotate img {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    flex: none
}

.btn-menu-rotate .btn-menu-rotate-text {
    position: absolute;
    right: 15px;
    font-weight: 700;
    font-size: .8rem
}

.btn-menu-rotate .spin-anim {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-menu-rotate .spin-anim .img-spinbg {
    position: absolute;
    left: 50%;
    width: 1.9375rem;
    height: 1.9375rem;
    z-index: 1;
    transform: translate(-50%);
    top: 6%;
    opacity: 0
}

.btn-menu-rotate .spin-anim .img-turntable {
    width: 2rem;
    height: 2rem;
    z-index: 2
}

.btn-menu-rotate .spin-anim .img-pointer {
    position: absolute;
    top: -.375rem;
    left: 49%;
    transform: translate(-50%);
    width: 1.125rem;
    height: auto;
    z-index: 3
}

.btn-refer {
    margin-top: 8px;
    width: 109px;
    height: 42px;
    padding-left: 5px;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    background: linear-gradient(19.92deg, #eaac2082 -6.45%, #af0d840a 78.77%), #d8d8d80d
}

@media only screen and (max-width: 600px) {
    .btn-refer {
        width: 100%
    }
}

.btn-refer img {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    flex: none
}

.btn-refer .btn-menu-rotate-text {
    position: absolute;
    right: 15px;
    font-weight: 700;
    font-size: .8rem
}

.btn-refer .spin-anim {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-refer .spin-anim .img-spinbg {
    position: absolute;
    left: 50%;
    width: 1.9375rem;
    height: 1.9375rem;
    z-index: 1;
    transform: translate(-50%);
    top: 6%;
    opacity: 0
}

.btn-refer .spin-anim .img-turntable {
    width: 2rem;
    height: 2rem;
    z-index: 2
}

.btn-refer .spin-anim .img-pointer {
    position: absolute;
    top: -.375rem;
    left: 49%;
    transform: translate(-50%);
    width: 1.125rem;
    height: auto;
    z-index: 3
}

.button-title-menu {
    top: 5px;
    left: 5px;
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
    position: absolute
}

.custom-box-shadow {
    box-shadow: 0 10px 11px -3px #0000001a
}

.custom-side-shadow {
    box-shadow: 14px 20px 11px -3px #0000001a
}

.modal-dialog {
    display: flex !important;
    align-items: center !important
}

@media only screen and (max-width: 600px) {
    .modal.show {
        padding-right: 0 !important
    }
}

.top-custom {
    background-image: linear-gradient(180deg, #198d0b7f -83.97%, #1e2024 51.55%)
}

.active-tab {
    background-image: linear-gradient(to top, #3bc11726, #3bc11700 60%)
}

.pie {
    --percentage: 60;
    --border-thickness: 5px;
    --color-1: #078b2a;
    --color-2: #3d3e41;
    --width: 80px;
    width: var(--width);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 15px;
    font-weight: 700;
    font-family: sans-serif
}

.pie:before,
.pie:after {
    content: "";
    position: absolute;
    border-radius: 50%
}

.pie:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    inset: 0;
    background: conic-gradient(var(--color-1) calc(var(--percentage) * 1%), var(--color-2) 0);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border-thickness)), #000 calc(100% - var(--border-thickness)));
    mask: radial-gradient(farthest-side, #0000 calc(99% - var(--border-thickness)), #000 calc(100% - var(--border-thickness)))
}

.carousel__pagination {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0
}

.carousel__prev,
.carousel__next {
    background-color: var(--home_background_button_banner) !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 12px !important;
    color: var(--home_icon_color_button_banner) !important;
    margin: 0 !important;
    border-radius: 50% !important
}

.carousel__pagination-button:after {
    background-color: #67707b !important
}

.carousel__pagination-button:hover:after,
.carousel__pagination-button--active:after {
    background-color: #67707b !important
}

.not-last:not(:last-child) {
    margin-right: 1rem
}

.slide-down {
    transform: translateY(0)
}

.slide-up {
    transform: translateY(-100%)
}

.nav-menu {
    z-index: 990
}

.search-menu {
    z-index: 990;
    position: fixed;
    height: 100%;
    top: 63px;
    left: 0;
    right: 0;
    min-height: 40%;
    background-color: var(--home_background_pesquisa);
    border-bottom: 1px solid #1e2024;
    box-shadow: #00000026 1.95px 1.95px 2.6px
}

:is(.dark .search-menu) {
    background-color: var(--home_background_pesquisa)
}

.search-menu::backdrop {
    backdrop-filter: blur(5px) contrast(.1);
    -webkit-backdrop-filter: blur(5px) contrast(.1);
    height: 100%;
    z-index: 979;
    opacity: .5
}

.slide-down-enter-active,
.slide-down-leave-active,
.slide-up-enter-active,
.slide-up-leave-active {
    transition: transform .5s
}

.slide-down-enter,
.slide-up-leave-to {
    transform: translateY(-100%)
}

.slide-down-leave-to,
.slide-up-enter {
    transform: translateY(0)
}

.backdrop {
    backdrop-filter: blur(5px) contrast(.1);
    -webkit-backdrop-filter: blur(5px) contrast(.1)
}

input:focus,
input:hover {
    border-color: var(--ci-primary-color)
}

.input:hover {
    border-color: var(--ci-secundary-color) !important
}

.input2:focus {
    border-color: var(--ci-primary-opacity-color) !important
}

[type=text]:focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-color: var(--ci-primary-color);
    --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(--ci-primary-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--ci-primary-color)
}

.text-social-button {
    border: 1px solid var(--ci-primary-color)
}

.text-social-button:hover {
    border: 1px solid var(--ci-primary-color);
    background-color: var(--ci-primary-color)
}

.text-primary {
    color: var(--ci-primary-color)
}

.input-primary {
    width: 100%;
    background-color: var(--input-primary);
    margin-top: 40px
}

.input-color-primary {
    background-color: var(--input-primary)
}

:is(.dark .input-color-primary) {
    background-color: var(--input-primary-dark)
}

.carousel-banners {
    width: 90%;
    margin: 0 auto
}

@media screen and (max-width:480px) {
    .carousel-banners {
        width: 100%
    }
}

.sidebar-color {
    background-color: var(--ci-primary-color)
}

:is(.dark .sidebar-color) {
    background-color: var(--ci-primary-color)
}

.navtop-color {
    z-index: 9999
}

.site-menu-item {
    background-color: var(--side-menu);
    border-color: var(--ci-primary-color)
}

:is(.dark .site-menu-item) {
    background-color: var(--side-menu-dark);
    border-color: var(--ci-primary-color)
}

.site-menu-item:hover {
    background-color: var(--side-menu)24;
    border-color: var(--ci-primary-color)24
}

:is(.dark .site-menu-item:hover) {
    background-color: var(--side-menu-dark)24;
    border-color: var(--ci-primary-color)24
}

:is(.dark .footer-color) {
    background-color: var(--footer-background);
    border-color: var(--footer-background)
}

.is-loading-component {
    background-color: var(--carousel-banners)
}

:is(.dark .is-loading-component) {
    background-color: var(--carousel-banners-dark)
}

@media only screen and (max-width: 960px) {
    .button-title-menu {
        top: 15px;
        left: 15px;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 700;
        position: absolute
    }
}

.casino-game:hover img {
    filter: brightness(70%)
}

.category-list ::-webkit-scrollbar {
    height: 0px
}

.category-list ::-webkit-scrollbar-thumb {
    background-color: transparent
}

.category-list ::-webkit-scrollbar-track {
    background-color: transparent;
    border: none
}

.provider-card {
    width: 100%;
    animation: fade-in 1s ease;
    border-radius: 4px;
    text-align: center;
    background: #4d555c40;
    margin: 0 12px;
    cursor: pointer;
    box-shadow: 0 3px 10px #060a0e26;
    min-height: 96px;
    overflow-x: hidden;
    padding: 24px 28px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.provider-card .image-wrapper {
    height: 30px;
    margin-bottom: 10px;
    box-shadow: none;
    display: inline-flex
}

.provider-card .image-wrapper img {
    box-shadow: none;
    height: auto !important;
    width: 80px;
    border-radius: 4px
}

.link-active {
    color: var(--ci-gray-medium)
}

:is(.dark .link-active) {
    color: #fff !important
}

.content-center {
    justify-content: center;
    display: grid
}

.router-link-active {
    border-bottom: 3px solid var(--ci-primary-color) !important
}

:is(.dark .sidebar-base li) {
    background-color: #101010;
    border-radius: .25rem
}

.casino-game img {
    width: 130px;
    min-width: 130px;
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    color: #fff;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.casino-game {
    max-width: 100%;
    max-width: 220px
}

@media (hover: hover) {
    .casino-game a:hover {
        filter: opacity(100%);
        visibility: visible
    }
}

.casino-game:hover:before {
    content: "";
    position: absolute;
    border-radius: 1.5rem;
    opacity: .5;
    inset: .5rem -.5rem -.5rem;
    z-index: 0;
    filter: blur(20px)
}

.casino-game {
    position: relative
}

.casino-game .casino-game-title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    color: #fff !important;
    z-index: 1;
    text-align: left
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 20px
}

.overlay.show {
    opacity: 1
}

.casino-game:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    pointer-events: none;
    border-radius: 20px
}

.center-button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.center-button {
    color: #fff;
    background-color: var(--ci-primary-color);
    border-radius: 10px
}

.casino-game img {
    transition: filter .3s ease-in-out
}

.casino-game:hover img {
    filter: brightness(50%)
}

.category-img {
    background-color: var(--ci-primary-opacity-color);
    padding: 15px;
    border-radius: 100px
}

.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(152 167 181 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(152 167 181 / var(--tw-text-opacity, 1))
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(214 214 214 / var(--tw-border-opacity, 1))
}

.hover\:\!bg-primary-800:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(62 62 62 / var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-\[var\(--footer-button-hover-language\)\]:hover {
    background-color: var(--footer-button-hover-language)
}

.hover\:bg-\[var\(--sidebar-button-hover\)\]:hover {
    background-color: var(--sidebar-button-hover)
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-300\/20:hover {
    background-color: #d6d6d633
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-500\/20:hover {
    background-color: #656e7833
}

.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(32 110 14 / var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(123 123 123 / var(--tw-bg-opacity, 1))
}

.hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(126 34 206 / 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-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(59 61 68 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(36 38 43 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(28 30 34 / var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.focus\:border-gray-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(101 110 120 / var(--tw-border-opacity, 1))
}

.focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1))
}

.focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.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-4: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(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)
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:\!ring-primary-300:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(214 214 214 / var(--tw-ring-opacity, 1)) !important
}

.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(147 197 253 / 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))
}

.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(231 232 233 / var(--tw-ring-opacity, 1))
}

.focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(214 214 214 / var(--tw-ring-opacity, 1))
}

.focus\:ring-indigo-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1))
}

.disabled\:bg-gray-600:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(59 61 68 / var(--tw-bg-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

@media (min-width: 640px) {
    .sm\:col-\[--col-span-sm\] {
        grid-column: var(--col-span-sm)
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:ml-3 {
        margin-left: .75rem
    }

    .sm\:ml-64 {
        margin-left: 16rem
    }

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

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

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

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:leading-6 {
        line-height: 1.5rem
    }
}

@media (min-width: 768px) {
    .md\:inset-0 {
        inset: 0
    }

    .md\:bottom-10 {
        bottom: 2.5rem
    }

    .md\:left-10 {
        left: 2.5rem
    }

    .md\:col-\[--col-span-md\] {
        grid-column: var(--col-span-md)
    }

    .md\:ml-2 {
        margin-left: .5rem
    }

    .md\:ml-64 {
        margin-left: 16rem
    }

    .md\:mr-24 {
        margin-right: 6rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

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

    .md\:block {
        display: block
    }

    .md\:h-\[calc\(100\%-1rem\)\] {
        height: calc(100% - 1rem)
    }

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

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

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

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

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\: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))
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:pb-5 {
        padding-bottom: 1.25rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1024px) {
    .lg\:col-\[--col-span-lg\] {
        grid-column: var(--col-span-lg)
    }

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

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

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

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

    .lg\: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))
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:pl-3 {
        padding-left: .75rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:transition {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .lg\:delay-100 {
        transition-delay: .1s
    }
}

@media (min-width: 1280px) {
    .xl\:col-\[--col-span-xl\] {
        grid-column: var(--col-span-xl)
    }

    .xl\:p-0 {
        padding: 0
    }
}

@media (min-width: 1536px) {
    .\32xl\:col-\[--col-span-2xl\] {
        grid-column: var(--col-span-2xl)
    }

    .\32xl\:w-4\/6 {
        width: 66.666667%
    }
}

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

.rtl\:space-x-reverse:where([dir=rtl], [dir=rtl] *)>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 1
}

.rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
}

@media (prefers-color-scheme: dark) {
    .dark\:block {
        display: block
    }

    .dark\:hidden {
        display: none
    }

    .dark\:border-blue-500 {
        --tw-border-opacity: 1;
        border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
    }

    .dark\:border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgb(101 110 120 / var(--tw-border-opacity, 1))
    }

    .dark\:border-gray-600 {
        --tw-border-opacity: 1;
        border-color: rgb(59 61 68 / var(--tw-border-opacity, 1))
    }

    .dark\:border-gray-700 {
        --tw-border-opacity: 1;
        border-color: rgb(36 38 43 / var(--tw-border-opacity, 1))
    }

    .dark\:border-gray-800 {
        --tw-border-opacity: 1;
        border-color: rgb(25 26 30 / var(--tw-border-opacity, 1))
    }

    .dark\:border-transparent {
        border-color: transparent
    }

    .dark\:\!bg-primary-600 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(123 123 123 / var(--tw-bg-opacity, 1)) !important
    }

    .dark\:\!bg-primary-700 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1)) !important
    }

    .dark\:bg-\[\#17181b\] {
        --tw-bg-opacity: 1;
        background-color: rgb(23 24 27 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-blue-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-blue-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-gray-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(101 110 120 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(59 61 68 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-gray-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(36 38 43 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-gray-700\/20 {
        background-color: #24262b33
    }

    .dark\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(25 26 30 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-gray-800\/50 {
        background-color: #191a1e80
    }

    .dark\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(28 30 34 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-gray-900\/80 {
        background-color: #1c1e22cc
    }

    .dark\:bg-green-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(19 59 11 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-primary-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(194 194 194 / var(--tw-bg-opacity, 1))
    }

    .dark\:bg-white\/5 {
        background-color: #ffffff0d
    }

    .dark\:text-blue-500 {
        --tw-text-opacity: 1;
        color: rgb(59 130 246 / var(--tw-text-opacity, 1))
    }

    .dark\:text-blue-800 {
        --tw-text-opacity: 1;
        color: rgb(30 64 175 / var(--tw-text-opacity, 1))
    }

    .dark\:text-gray-200 {
        --tw-text-opacity: 1;
        color: rgb(231 232 233 / var(--tw-text-opacity, 1))
    }

    .dark\:text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(214 214 214 / var(--tw-text-opacity, 1))
    }

    .dark\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(152 167 181 / var(--tw-text-opacity, 1))
    }

    .dark\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(101 110 120 / var(--tw-text-opacity, 1))
    }

    .dark\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(59 61 68 / var(--tw-text-opacity, 1))
    }

    .dark\:text-green-300 {
        --tw-text-opacity: 1;
        color: rgb(167 243 208 / var(--tw-text-opacity, 1))
    }

    .dark\:text-primary-400 {
        --tw-text-opacity: 1;
        color: rgb(194 194 194 / var(--tw-text-opacity, 1))
    }

    .dark\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1))
    }

    .dark\:placeholder-gray-200::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(231 232 233 / var(--tw-placeholder-opacity, 1))
    }

    .dark\:placeholder-gray-200::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(231 232 233 / var(--tw-placeholder-opacity, 1))
    }

    .dark\:placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(152 167 181 / var(--tw-placeholder-opacity, 1))
    }

    .dark\:placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(152 167 181 / var(--tw-placeholder-opacity, 1))
    }

    .dark\:ring-white\/10 {
        --tw-ring-color: rgb(255 255 255 / .1)
    }

    .dark\:hover\:\!bg-primary-700:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(94 94 94 / var(--tw-bg-opacity, 1)) !important
    }

    .dark\:hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
    }

    .dark\:hover\:bg-gray-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(59 61 68 / var(--tw-bg-opacity, 1))
    }

    .dark\:hover\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(36 38 43 / var(--tw-bg-opacity, 1))
    }

    .dark\:hover\:bg-gray-800:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(25 26 30 / var(--tw-bg-opacity, 1))
    }

    .dark\:hover\:bg-white\/5:hover {
        background-color: #ffffff0d
    }

    .hover\:dark\:bg-gray-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(36 38 43 / var(--tw-bg-opacity, 1))
    }

    .hover\:dark\:bg-gray-900:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(28 30 34 / var(--tw-bg-opacity, 1))
    }

    .dark\:hover\:text-blue-500:hover {
        --tw-text-opacity: 1;
        color: rgb(59 130 246 / var(--tw-text-opacity, 1))
    }

    .dark\:hover\:text-gray-300:hover {
        --tw-text-opacity: 1;
        color: rgb(214 214 214 / var(--tw-text-opacity, 1))
    }

    .dark\:hover\:text-gray-400:hover {
        --tw-text-opacity: 1;
        color: rgb(152 167 181 / var(--tw-text-opacity, 1))
    }

    .dark\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1))
    }

    .hover\:dark\:text-gray-400:hover {
        --tw-text-opacity: 1;
        color: rgb(152 167 181 / var(--tw-text-opacity, 1))
    }

    .dark\:focus\:border-blue-500:focus {
        --tw-border-opacity: 1;
        border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
    }

    .dark\:focus\:border-gray-500:focus {
        --tw-border-opacity: 1;
        border-color: rgb(101 110 120 / var(--tw-border-opacity, 1))
    }

    .dark\:focus\:bg-white\/5:focus {
        background-color: #ffffff0d
    }

    .dark\:focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
    }

    .dark\:focus\:ring-gray-800:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(25 26 30 / var(--tw-ring-opacity, 1))
    }
}

.rounded[data-v-7189ed6f] {
    border-radius: .56rem
}

.wallet-money[data-v-7189ed6f] {
    max-width: 100%;
    font-size: 11.4px;
    height: 28px
}

.btn-cta[data-v-7189ed6f],
.btn-primary[data-v-7189ed6f] {
    background-color: var(--navbar_button_carteira_background) !important;
    color: var(--navbar_button_carteira_text_color) !important;
    border: 1px solid var(--navbar_button_carteira_border_color) !important
}

.btn-balance.new[data-v-7189ed6f] {
    border-radius: 1.5rem;
    margin-right: .1rem;
    max-height: 28px
}

.btn-balance[data-v-7189ed6f] {
    align-items: center;
    display: flex;
    font-weight: 600;
    line-height: 100%;
    gap: .3rem;
    max-height: 32px
}

.rotating[data-v-7189ed6f] {
    animation: rotate-7189ed6f 2s linear infinite
}

@keyframes rotate-7189ed6f {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.popup-overlay[data-v-f5a1c468] {
    display: flex;
    position: fixed;
    inset: 0;
    background-color: #000000d9;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 1rem
}

.popup-container[data-v-f5a1c468] {
    max-width: 480px;
    width: 100%;
    background: var(--rodadas-gratis-background);
    border: 2px solid var(--rodadas-gratis-border-color);
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.popup-close[data-v-f5a1c468] {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--rodadas-gratis-botao-color);
    background: none;
    border: none;
    cursor: pointer
}

.popup-image[data-v-f5a1c468] {
    height: 200px
}

.popup-header[data-v-f5a1c468] {
    background: var(--rodadas-gratis-titulo-background);
    text-align: center;
    padding: 12px
}

.popup-header h1[data-v-f5a1c468] {
    color: var(--rodadas-gratis-titulo-color);
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.popup-content[data-v-f5a1c468] {
    padding: 20px;
    color: #fff
}

.offer[data-v-f5a1c468] {
    border: 1px solid var(--rodadas-gratis-border-color);
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 10px
}

.offer h2[data-v-f5a1c468] {
    font-size: 13px;
    color: var(--rodadas-gratis-color-texto1);
    margin: 0;
    font-weight: 550 !important
}

.offer h3[data-v-f5a1c468] {
    color: var(--rodadas-gratis-color-texto2);
    font-size: 15px;
    font-weight: 700;
    margin: 0
}

.dont-show[data-v-f5a1c468] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 20px
}

.dont-show input[type=checkbox][data-v-f5a1c468] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--rodadas-gratis-color-texto1);
    border-radius: 4px;
    background-color: #fff;
    position: relative
}

.dont-show input[type=checkbox][data-v-f5a1c468]:checked {
    background-color: #fff
}

.dont-show input[type=checkbox][data-v-f5a1c468]:checked:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
    top: 4px;
    left: 4px
}

.dont-show span[data-v-f5a1c468] {
    font-size: 14px;
    color: var(--rodadas-gratis-botao-color);
    cursor: pointer
}

.action-button[data-v-f5a1c468] {
    width: 100%;
    background: var(--rodadas-gratis-botao-background);
    color: var(--rodadas-gratis-botao-color);
    padding: 12px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.dark\:bg-gray-900[data-v-4f55c49f]:is(.dark *) {
    background-color: #000
}

.payment-method-item[data-v-4f55c49f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: var(--ci-primary-opacity-color) !important;
    cursor: pointer;
    border-radius: .5rem;
    transition: background-color .3s;
    color: var(--ci-gray-over) !important;
    font-weight: 500
}

.payment-method-item[data-v-4f55c49f]:hover,
.payment-method-item.selected[data-v-4f55c49f] {
    background-color: var(--ci-primary-opacity-color) !important;
    color: var(--ci-gray-over) !important
}

.payment-logo[data-v-4f55c49f] {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100px;
    height: 35px
}

.payment-radio[data-v-4f55c49f] {
    margin-right: 1rem;
    color: #000
}

text-gray-900[data-v-4f55c49f] {
    color: var(--ci-gray-over) !important
}

.branco[data-v-4f55c49f] {
    background-color: #fff0;
    white-space: nowrap !important;
    color: var(--ci-gray-over) !important;
    font-weight: 700 !important
}

.constomizar_pix[data-v-4f55c49f] {
    box-shadow: none;
    border-width: 2px
}

.item-selected .item[data-v-4f55c49f] {
    background-color: var(--ci-gray-over) !important;
    border: 1px solid var(--ci-primary-opacity-color) !important;
    border-radius: 15px !important
}

.item-selected .item .ratio[data-v-4f55c49f] {
    background: var(--ci-primary-opacity-color) !important;
    color: #000
}

.item-selected .active[data-v-4f55c49f] {
    background: linear-gradient(100.51deg, #0000000a 6.83%, #7a001469 93.94%);
    border: 1px solid #00000000 !important
}

.item-selected .item button[data-v-4f55c49f] {
    white-space: nowrap !important;
    color: var(--ci-primary-opacity-color) !important;
    font-weight: 700 !important
}

.w-full[data-v-4f55c49f] {
    border-radius: 15px !important;
    padding: .3rem !important;
    border-color: #fff0
}

.peer:checked~.peer-checked\:bg-green-600[data-v-4f55c49f] {
    background-image: conic-gradient(from .73turn, var(--ci-primary-opacity-color), var(--ci-primary-opacity-color)) !important
}

:is(.dark .dark\:bg-gray-700[data-v-4f55c49f]) {
    background-image: conic-gradient(from .73turn, var(--ci-primary-opacity-color), var(--ci-primary-opacity-color)) !important
}

.py-1[data-v-4f55c49f] {
    padding: .3rem !important
}

.bonus-contagem-regresiva[data-v-4f55c49f] {
    background: var(--carteira_deposito_contagem_background) !important;
    color: var(--carteira_deposito_contagem_text_color) !important;
    border-radius: .65rem !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.time-part[data-v-4f55c49f] {
    background-color: var(--carteira_deposito_contagem_quadrado_background) !important;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    word-spacing: 1px;
    -webkit-text-size-adjust: 100%;
    transition: none !important;
    border-radius: .25rem;
    display: grid;
    font-weight: 700;
    place-items: center;
    color: var(--carteira_deposito_contagem_number_color) !important;
    font-size: .875rem;
    height: 28px;
    line-height: 1.25rem;
    width: 28px
}

.placeholder-white-ice[data-v-4f55c49f]::-moz-placeholder {
    color: #f0f0f0e5;
    opacity: 1
}

.placeholder-white-ice[data-v-4f55c49f]::placeholder {
    color: #f0f0f0e5;
    opacity: 1
}

.icon-hand[data-v-4f55c49f] {
    margin-right: 1rem
}

.border-custon[data-v-4f55c49f] {
    background: #fff;
    margin-right: 60px;
    margin-left: 60px;
    border-radius: .65rem !important
}

@media screen and (max-width: 768px) {
    .otimizar_carteira[data-v-4f55c49f] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px
    }

    .py-8[data-v-4f55c49f] {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .text-4xl[data-v-4f55c49f] {
        font-size: 30px !important
    }

    .p-4[data-v-4f55c49f] {
        padding: 12px !important
    }
}

@media screen and (min-width: 1024px) {
    .otimizar_carteira[data-v-4f55c49f] {
        padding: 20px
    }

    .otimizar_organizacao[data-v-4f55c49f] {
        max-width: 800px
    }
}

.titulos_carteira[data-v-4f55c49f] {
    color: var(--carteira_deposito_title_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 16px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.texto_carteira[data-v-4f55c49f] {
    color: var(--carteira_saldo_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 16px;
    font-weight: 500 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.deposito_rapido[data-v-4f55c49f] {
    background-color: var(--carteira_deposito_number_background) !important;
    color: var(--carteira_deposito_number_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    padding: 8px 1px !important;
    border-radius: 5px !important
}

.Deposite_button[data-v-4f55c49f] {
    background: var(--carteira_deposito_button_background) !important;
    color: var(--carteira_deposito_button_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    border: none !important;
    padding: 8px 1px !important;
    border-radius: 5px !important
}

.inputvalor[data-v-4f55c49f] {
    background: var(--carteira_deposito_input_background) !important;
    color: var(--carteira_deposito_input_number_color) !important;
    border-radius: 5px !important;
    font-size: 14px;
    outline: none;
    font-weight: 500 !important;
    border: 1px solid var(--carteira_deposito_input_border_color) !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.inputtexto[data-v-4f55c49f] {
    color: var(--carteira_deposito_input_text_color) !important
}

.pix-payment-container[data-v-4f55c49f] {
    padding: 2rem 1.75rem;
    margin: 1.25rem .25rem;
    background-color: var(--carteira_saldo_pix_background) !important;
    border-radius: .5rem;
    border: 1px dashed var(--carteira_saldo_pix_border_color) !important;
    text-align: center
}

.text_pix[data-v-4f55c49f] {
    color: #ffff !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 17px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.text_pix_sub[data-v-4f55c49f] {
    color: var(--carteira_saldo_pix_sub_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.Deposite_button_pix[data-v-4f55c49f] {
    background: var(--carteira_saldo_pix_button_background) !important;
    color: var(--carteira_saldo_pix_button_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    border: none !important;
    padding: 8px 1px !important;
    border-radius: 5px !important
}

.code-container[data-v-4f55c49f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    background-color: var(--carteira_saldo_pix_input_background) !important;
    border: 1px solid var(--carteira_saldo_pix_border_color) !important;
    border-radius: .375rem
}

.inputvalor_pix[data-v-4f55c49f] {
    background: var(--carteira_saldo_pix_input_background) !important;
    color: var(--carteira_saldo_pix_input_text_color) !important;
    border-radius: 5px !important;
    font-size: 14px;
    outline: none !important;
    font-weight: 500 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    margin: 0
}

.elemen3to[data-v-4f55c49f] {
    border-right: 2px solid #000;
    padding: 10px
}

.btn-cta[data-v-3f26633d] {
    align-items: center;
    border-radius: .2rem;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    white-space: nowrap
}

.btn-deposit[data-v-3f26633d]:after {
    content: "";
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.btn-deposit.new[data-v-3f26633d] {
    background-color: var(--navbar_button_deposito_background);
    color: var(--navbar_button_deposito_text_color) !important;
    border: 1.4px solid var(--navbar_button_deposito_border_color);
    margin-bottom: 1px;
    border-radius: 1.5rem;
    font-size: 13px;
    height: 28px
}

.btn-deposit[data-v-3f26633d] {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    position: relative;
    height: 32px;
    padding-left: .75rem;
    padding-right: .75rem
}

.depositButtonPill[data-v-3f26633d] {
    align-items: center;
    border-radius: 1.5rem;
    display: flex;
    gap: 2px;
    height: 14px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -8px;
    width: 36px;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: var(--navbar_button_deposito_píx_background);
    color: var(--navbar_button_deposito_píx_color_text) !important;
    font-size: 8px
}

.nuxt-icon svg[data-v-3f26633d] {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}

#imagem-jogo[data-v-d9bd2bfa]:hover {
    transform: scale(1.03);
    transition: .3s;
    opacity: .6
}

#texto-margin-name[data-v-d9bd2bfa] {
    margin-top: -50px;
    color: #fff;
    padding-left: 10px;
    font-size: 12px
}

#texto-size-game[data-v-d9bd2bfa] {
    color: #fff;
    padding-left: 10px;
    font-size: 10px
}

@media (max-width:600px) {
    #texto-margin-name[data-v-d9bd2bfa] {
        margin-top: -37px;
        color: #fff;
        font-size: 9px;
        padding-left: 5px
    }

    #texto-size-game[data-v-d9bd2bfa] {
        color: #fff;
        padding-left: 5px;
        font-size: 8px
    }
}

.pad-modal-profile[data-v-49a32ccc] {
    padding: 0 4%
}

.hover-menu[data-v-49a32ccc]:hover,
.sair-menu[data-v-49a32ccc]:hover {
    background-color: var(--navbar_perfil_modal_hover_modal);
    border-radius: 10px
}

.sairp-menu[data-v-49a32ccc]:hover {
    color: var(--navbar_perfil_modal_hover_modal)
}

.tirar-div[data-v-49a32ccc] {
    display: none
}

.nav-indexx[data-v-49a32ccc] {
    z-index: 998
}

.x-mark-scale[data-v-49a32ccc] {
    transition: .3s
}

.x-mark-scale[data-v-49a32ccc]:hover {
    transform: scale(.9)
}

.texto-esportes[data-v-49a32ccc] {
    opacity: .5;
    transition: .3s
}

.texto-esportes[data-v-49a32ccc]:hover {
    opacity: 1
}

@media (max-width:1025px) {

    #open-side-nav[data-v-49a32ccc],
    .tirar-esporte[data-v-49a32ccc] {
        display: none
    }
}

@media (max-width:768px) {
    .pad-modal-profile[data-v-49a32ccc] {
        padding: 0
    }

    .por-height-alto[data-v-49a32ccc] {
        height: 100vh;
        border-radius: 0
    }

    .search-menu[data-v-49a32ccc] {
        min-height: 100vh
    }

    .botao-entrar-mobile[data-v-49a32ccc] {
        padding: 3px 10px
    }

    .nav-indexx[data-v-49a32ccc] {
        z-index: 1
    }
}

@media (max-width:600px) {
    .margin-teste[data-v-49a32ccc] {
        margin-left: 8px
    }

    .tirar-div[data-v-49a32ccc] {
        display: block
    }
}

.item-game-container[data-v-49a32ccc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.menu[data-v-49a32ccc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 5px #0003;
    min-height: 66px;
    display: grid;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px
}

.ajuste-dev[data-v-49a32ccc] {
    border: 2px solid var(--navbar_perfil_background) !important;
    border-radius: 5px;
    background-color: var(--navbar_perfil_background) !important
}

.border11[data-v-49a32ccc] {
    border: 2px solid var(--navbar_perfil_icon_color_border) !important;
    border-radius: 99999px
}

.custom-component .fa-duotone[data-v-49a32ccc]:before,
.custom-component .fad[data-v-49a32ccc]:before {
    color: var(--navbar_icon_promocoes_segunda_cor) !important
}

.btn-cta[data-v-49a32ccc] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: center;
    padding: .5rem .75rem;
    white-space: nowrap
}

.btn-deposit[data-v-49a32ccc]:after {
    content: "";
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.btn-deposit.new[data-v-49a32ccc] {
    background-color: var(--navbar-button-background-login);
    color: var(--navbar-button-text-login) !important;
    border: 1.4px solid var(--navbar-button-border-color);
    margin-bottom: 1px;
    border-radius: 1.5rem;
    font-size: 13px;
    height: 28px
}

.btn-deposit[data-v-49a32ccc] {
    font-weight: 700;
    line-height: 1.25rem
}

.menudepositoperfil[data-v-49a32ccc] {
    position: fixed;
    right: 100px
}

@media (max-width: 768px) {
    .mibilelogo[data-v-49a32ccc] {
        max-height: 21px;
        display: flex
    }

    .menudepositoperfil[data-v-49a32ccc] {
        position: fixed;
        right: 10px
    }
}

@media (max-width: 434px) {
    .mibilelogo[data-v-49a32ccc] {
        max-height: 21px;
        display: flex;
        width: 90%
    }

    .ocultar123[data-v-49a32ccc] {
        display: none
    }

    .menudepositoperfil[data-v-49a32ccc] {
        position: fixed;
        right: 10px
    }
}

@media (max-width: 330px) {
    .imagem-logo[data-v-49a32ccc] {
        width: 50px !important
    }
}

.text-2xl1[data-v-49a32ccc] {
    font-size: .8rem;
    line-height: 1rem
}

.modal-my-profile[data-v-49a32ccc] {
    background: var(--myconta_background) !important;
    color: var(--myconta_text_color) !important
}

.modal-my-profile-sub-background[data-v-49a32ccc] {
    background: var(--myconta_sub_background) !important;
    color: var(--myconta_text_color) !important
}

.modal-my-profile-sub-background1[data-v-49a32ccc] {
    background: var(--myconta_background) !important
}

.modal-my-profile-sub-background2[data-v-49a32ccc] {
    background: var(--myconta_sub_background) !important
}

.modal-my-profile-buttom[data-v-49a32ccc] {
    background: var(--myconta_button_background) !important;
    color: var(--myconta_button_icon_color) !important
}

.imagem-logo[data-v-49a32ccc] {
    width: 90px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.gray-scale-menu[data-v-5003964b] {
    color: #fdffffb3;
    display: flex;
    font-size: .875rem;
    font-weight: 600
}

.filter-gray-hover[data-v-5003964b] {
    transition: 0ms
}

.filter-gray-hover[data-v-5003964b]:hover {
    transition: 0ms;
    color: #fff
}

.texto-categoria[data-v-5003964b]:hover {
    color: #fff
}

.opacidade-hover[data-v-5003964b]:hover {
    opacity: .9
}

.opacidade-1-texto-menu[data-v-5003964b] {
    color: #a8bebe
}

.opacidade-1-texto-menu[data-v-5003964b]:hover {
    color: #fff;
    opacity: 1
}

.COrIc[data-v-5003964b] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    margin-bottom: .25rem;
    padding-top: 1px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgba(253, 255, 255, var(--tw-text-opacity))
}

.COrIc svg[data-v-5003964b] {
    font-size: 16px;
    margin-right: -1px;
    padding-top: .125rem
}

@media (max-width: 768px) {
    .COrIc[data-v-5003964b] {
        font-size: .875rem
    }

    .COrIc svg[data-v-5003964b] {
        font-size: 14px
    }
}

ul[data-v-5003964b] {
    transition: max-height .3s ease-in-out
}

ul[hidden][data-v-5003964b] {
    max-height: 0;
    overflow: hidden
}

.textosidebar[data-v-5003964b] {
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.foot_rox_maker[data-v-af5336ee] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.foot_rox_maker>div[data-v-af5336ee] {
    width: 90%;
    max-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin: 2rem auto 0;
    padding: 0 1rem
}

.foot_rox_maker img[data-v-af5336ee] {
    width: 100%;
    max-width: 90px
}

@media screen and (max-width: 450px) {
    .foot_rox_maker>div[data-v-af5336ee] {
        justify-content: space-around;
        width: 80%
    }

    .foot_rox_maker>div>img[data-v-af5336ee] {
        max-width: 25%
    }

    .footer__right[data-v-af5336ee] {
        gap: 1rem
    }

    .foot_rox_maker>p[data-v-af5336ee] {
        transform: scale(.8)
    }
}

.angle-up[data-v-af5336ee] {
    transition: transform .3s
}

ul[data-v-af5336ee] {
    animation: slideIn-af5336ee .3s ease-in-out
}

@keyframes slideIn-af5336ee {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

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

.angle-up[data-v-af5336ee] {
    transition: transform .3s ease-in-out
}

.rotate-180[data-v-af5336ee] {
    transform: rotate(180deg)
}

.footer-emails[data-v-af5336ee] {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    color: var(--footer-text-color)
}

.footer-email-box[data-v-af5336ee] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    text-align: center
}

.footer-pipe[data-v-af5336ee] {
    display: none
}

@media (min-width: 768px) {
    .footer-emails[data-v-af5336ee] {
        flex-wrap: nowrap
    }

    .footer-pipe[data-v-af5336ee] {
        display: inline-block;
        color: var(--footer-text-color);
        margin: 0 8px
    }
}

.material-symbols-sharp[data-v-5b132fbe] {
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24
}

.bottom-nav-spacer[data-v-5b132fbe] {
    height: calc(64px + env(safe-area-inset-bottom, 0))
}

.navBtn[data-v-5b132fbe] {
    position: fixed;
    z-index: 40;
    width: 100%;
    height: 4rem;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: var(--menu_cell_background) !important;
    color: var(--menu_cell_text_color) !important;
    transition: transform .14s ease-out, opacity .14s ease-out;
    padding-bottom: env(safe-area-inset-bottom, 0);
    -webkit-transform: translateX(-50%) translateZ(0);
    will-change: transform, opacity;
    overflow: hidden;
    pointer-events: auto
}

.navBtn[data-v-5b132fbe]>* {
    position: relative;
    z-index: 1
}

.navBtn[data-v-5b132fbe]:after {
    content: "";
    position: absolute;
    inset: 0;
    background-position: left center, right center;
    pointer-events: none;
    z-index: 0
}

@media (min-width: 640px) {

    .bottom-nav-spacer[data-v-5b132fbe],
    .navBtn[data-v-5b132fbe] {
        display: none
    }
}

.BsNH3.lazHK {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%);
    width: calc(100% - 2rem);
    max-width: 460px;
    background-color: var(--popup_cookies_background) !important;
    padding: 1rem;
    border-radius: .75rem;
    box-shadow: 0 4px 12px #0000004d;
    z-index: 40;
    color: var(--popup_cookies_text_color) !important
}

@media (min-width: 1024px) {
    .BsNH3.lazHK {
        bottom: 2rem;
        right: 2rem;
        left: auto;
        transform: none;
        width: auto;
        max-width: 480px
    }
}

.BsNH3.lazHK:after {
    content: none !important
}

.BsNH3.lazHK .ktArD {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-bottom: .5rem
}

@media (min-width: 1024px) {
    .BsNH3.lazHK .ktArD {
        font-size: 1.25rem;
        line-height: 1.75
    }
}

.BsNH3.lazHK .XW1n6 {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 1rem
}

.BsNH3.lazHK ._4vE0j {
    display: flex;
    justify-content: center;
    gap: .5rem
}

.BsNH3.lazHK ._4vE0j .HqiXL {
    background-color: var(--popup_cookies_button_background) !important;
    color: var(--popup_cookies_text_color) !important;
    border: 1px solid var(--popup_cookies_button_border_color) !important;
    border-radius: 9999px;
    padding: .25rem .75rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.BsNH3.lazHK ._4vE0j .u9v7x {
    background-color: transparent;
    color: var(--popup_cookies_button_text_color) !important;
    border: 1px solid var(--popup_cookies_button_border_color) !important;
    border-radius: 9999px;
    padding: .25rem .75rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.wrapper[data-v-a82075f0] {
    display: flex;
    align-items: center;
    background-color: var(--maiores-ganhos-background);
    padding: 10px;
    border-radius: 12px;
    overflow: hidden;
    flex-wrap: wrap
}

.left-content[data-v-a82075f0] {
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    margin-right: 10px
}

.mascote[data-v-a82075f0] {
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain
}

.text-title[data-v-a82075f0] {
    color: var(--maiores-ganhos-text-color);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2
}

.highlight[data-v-a82075f0] {
    color: var(--maiores-ganhos-valor-color)
}

.slider-container[data-v-a82075f0] {
    flex: 1;
    position: relative;
    overflow: hidden;
    min-width: 0
}

.slider[data-v-a82075f0] {
    display: flex;
    gap: 7px;
    animation: scroll-loop-a82075f0 var(--duration) linear infinite
}

.winner-card[data-v-a82075f0] {
    background-color: var(--maiores-ganhos-sub-background);
    border-radius: 12px;
    padding: 10px;
    min-width: 80px;
    max-width: 120px;
    display: flex;
    flex-direction: column
}

.game-img[data-v-a82075f0] {
    width: 100%;
    aspect-ratio: 17 / 17;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 16px;
    margin-bottom: 1px
}

.name[data-v-a82075f0] {
    color: var(--maiores-ganhos-text-color);
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.amount[data-v-a82075f0] {
    font-size: 13px;
    font-weight: 700;
    color: var(--maiores-ganhos-valor-color)
}

@keyframes scroll-loop-a82075f0 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.fade-left[data-v-a82075f0] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    z-index: 5;
    pointer-events: none;
    left: 0;
    background: linear-gradient(to right, #000000, transparent)
}

@media (max-width: 768px) {
    .wrapper[data-v-a82075f0] {
        padding: 10px
    }

    .left-content[data-v-a82075f0] {
        margin-bottom: 5px;
        justify-content: center
    }

    .text-title[data-v-a82075f0] {
        font-size: 13px;
        line-height: 1.1
    }

    .mascote[data-v-a82075f0] {
        height: 60px
    }

    .winner-card[data-v-a82075f0] {
        min-width: 80px;
        max-width: 82px;
        padding: 8px
    }

    .game-img[data-v-a82075f0] {
        height: 60px
    }

    .amount[data-v-a82075f0] {
        font-size: 12px
    }

    .name[data-v-a82075f0] {
        font-size: 11px
    }

    .fade-left[data-v-a82075f0],
    .fade-right[data-v-a82075f0] {
        width: 45px
    }
}

.live-resultados-wrapper[data-v-61d55fca] {
    background-color: var(--live-ganhos-background);
    border-radius: 8px;
    padding: 8px;
    font-family: Arial, sans-serif;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.header[data-v-61d55fca] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 16px;
    color: var(--live-ganhos-text-color);
    gap: 10px
}

.badge[data-v-61d55fca] {
    display: flex;
    align-items: center;
    background-color: #0000004d;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--live-ganhos-text-color);
    gap: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dot[data-v-61d55fca] {
    width: 8px;
    height: 8px;
    background-color: #ff3b3b;
    border-radius: 50%;
    animation: blink-61d55fca 1.2s infinite;
    display: inline-block
}

.resultados-list[data-v-61d55fca] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: all .5s ease
}

.resultado-item[data-v-61d55fca] {
    background: var(--live-ganhos-sub-background);
    border-color: var(--live-ganhos-border-color);
    display: flex;
    border-width: 1px;
    align-items: center;
    padding: 5px;
    border-radius: 8px;
    gap: 12px;
    font-size: 14px;
    color: var(--live-ganhos-text-color);
    width: 100%;
    margin-bottom: 5px
}

.game-img[data-v-61d55fca] {
    width: 50px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 0 8px var(--live-ganhos-box-shadow-color);
    flex-shrink: 0
}

.info[data-v-61d55fca] {
    display: flex;
    flex-direction: column;
    flex: 1
}

.player[data-v-61d55fca] {
    color: var(--live-ganhos-text-color);
    font-weight: 700;
    margin-bottom: 4px
}

.bet[data-v-61d55fca] {
    color: var(--live-ganhos-apostas-color);
    font-weight: 500
}

.win[data-v-61d55fca] {
    color: var(--live-ganhos-ganhos-color);
    font-weight: 700
}

.win.lost[data-v-61d55fca] {
    color: #f44336
}

.time[data-v-61d55fca] {
    font-size: 12px;
    color: var(--live-ganhos-text-color);
    flex-shrink: 0;
    font-weight: 500
}

.fade-top[data-v-61d55fca],
.fade-bottom[data-v-61d55fca] {
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    pointer-events: none;
    z-index: 10
}

.fade-top[data-v-61d55fca] {
    top: 0;
    background: linear-gradient(to bottom, #12131d, transparent)
}

.fade-bottom[data-v-61d55fca] {
    bottom: 0;
    background: linear-gradient(to top, #12131d, transparent)
}

@keyframes blink-61d55fca {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

.slide-fade-enter-active[data-v-61d55fca] {
    transition: all .4s ease
}

.slide-fade-enter-from[data-v-61d55fca] {
    opacity: 0;
    transform: translateY(-20px)
}

.slide-fade-leave-active[data-v-61d55fca] {
    transition: all .3s ease;
    position: absolute
}

.slide-fade-leave-to[data-v-61d55fca] {
    opacity: 0;
    transform: translateY(30px)
}

.text-xl[data-v-8feecf59] {
    font-size: 15px !important;
    word-spacing: 1px;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
    color: #fff
}

.lista-jogos[data-v-eda12aaa] {
    color: var(--ci-primary-opacity-color) !important
}

.titulo-jogo[data-v-eda12aaa] {
    color: #000
}

.botao-todos[data-v-eda12aaa],
.botao-navegacao[data-v-eda12aaa] {
    background-color: var(--ci-primary-opacity-color) !important;
    color: var(--ci-gray-over) !important
}

.botao-todos[data-v-eda12aaa]:hover,
.botao-navegacao[data-v-eda12aaa]:hover {
    background-color: var(--ci-primary-opacity-color) !important
}

.placeholder-jogo[data-v-eda12aaa] {
    background-color: var(--ci-primary-opacity-color) !important;
    color: var(--ci-gray-over) !important
}

.is-loading-component {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--ci-primary-opacity-color);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9100 !important
}

.loading-text {
    display: flex;
    align-items: center;
    justify-content: center
}

.dots {
    animation: blink 1.5s steps(5, end) infinite
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.multi-spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px
}

.multi-spinner {
    width: 100px;
    height: 100px;
    position: relative
}

.text-xl {
    font-size: 1.25rem
}

.font-semibold {
    font-weight: 600
}

.circle1,
.circle2,
.circle3 {
    border-radius: 50%;
    position: absolute;
    animation: grow-fade 1.4s linear infinite;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.circle1 {
    background-image: conic-gradient(from .73turn, var(--ci-primary-opacity-color), var(--ci-gray-over))
}

.circle2 {
    background-color: var(--ci-primary-color);
    animation-delay: .2s
}

.circle3 {
    background-color: var(--ci-gray-over) !important;
    animation-delay: .4s
}

@keyframes grow-fade {
    0% {
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

@media (max-width:600px) {
    .celular-providers-setas {
        display: none
    }
}

.vertodos[data-v-36ec8894] {
    background-color: var(--home_background_button_vertodos);
    color: var(--home_text_color_button_vertodos);
    font-size: .6rem;
    font-weight: 600;
    padding: 0 5px;
    border-radius: 10px;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

.title_prviders[data-v-36ec8894] {
    font-size: 15px;
    color: var(--home_text_color);
    word-spacing: 1px;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

.dark\:bg-gray-800[data-v-44967844],
.disabled\:bg-gray-600[data-v-44967844] {
    background-color: var(--ci-primary-opacity-color) !important;
    color: var(--ci-gray-over) !important;
    border-radius: 15px
}

.btn-scroll-top[data-v-4838a007] {
    position: relative;
    z-index: 2;
    bottom: 2em;
    display: none;
    align-items: center;
    background-color: var(--topo_button_background);
    border: 1px solid var(--topo_button_border_color);
    color: var(--topo_button_text_color);
    cursor: pointer;
    transition: opacity .3s;
    font-size: 13px;
    gap: .5em;
    padding: 6px 12px;
    border-radius: 20px;
    margin-top: -30px;
    left: 48.5%;
    transform: translate(-50%)
}

.categories-margin[data-v-4838a007] {
    margin-bottom: 15px
}

.show-btn-scroll-top[data-v-4838a007] {
    display: block;
    display: flex
}

.search-mobile[data-v-4838a007] {
    box-shadow: 0 0 14px -22px #2b2b2b;
    color: var(--home_text_color_pesquisa);
    background-color: var(--home_background_input_pesquisa);
    border-radius: 3px;
    border-color: var(--home_border_color_input_pesquisa) !important;
    font-size: 14px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px
}

.margin-search[data-v-4838a007] {
    margin-top: -6px
}

.placeholder-search[data-v-4838a007]::-moz-placeholder {
    color: #acafaf;
    font-size: 13px
}

.placeholder-search[data-v-4838a007]::placeholder {
    color: #acafaf;
    font-size: 13px
}

@media (max-width: 1024px) {
    .btn-scroll-top[data-v-4838a007] {
        bottom: 5em;
        padding: 2px 7px
    }

    .margin-categorias[data-v-4838a007] {
        margin-top: 20px
    }

    .item-sombra2[data-v-4838a007] {
        position: relative
    }

    .item-sombra2[data-v-4838a007]:after {
        content: "";
        position: absolute;
        bottom: 0;
        margin-right: -1px;
        right: 0;
        width: 25px;
        height: 100%
    }
}

.padding-mobile-banner[data-v-4838a007] {
    padding-top: 2%
}

@media (max-width: 768px) {
    #svg-lupa[data-v-4838a007] {
        margin-top: -2px
    }

    .ocultar12[data-v-4838a007] {
        display: none
    }

    .categorias0101[data-v-4838a007] {
        width: 56px;
        height: 56px
    }

    .search-mobile[data-v-4838a007] {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .margin-search[data-v-4838a007] {
        margin-top: 0
    }

    .padding-mobile-banner[data-v-4838a007] {
        padding: 1% 0 0
    }
}

.title_prviders[data-v-4838a007] {
    font-size: 15px;
    color: var(--home_text_color);
    word-spacing: 1px;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

.margin-categorias[data-v-4838a007] {
    margin-top: 20px
}

.UTJUl[data-v-4838a007] {
    align-items: center;
    border-radius: .25rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    background-color: var(--pesquisar_homepage_background);
    padding: .25rem .75rem
}

.nuxt-icon.nuxt-icon--fill[data-v-4838a007],
.nuxt-icon.nuxt-icon--fill[data-v-4838a007] * {
    fill: var(--pesquisar_homepage_icon_color)
}

.text-texts[data-v-4838a007] {
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

.UTJUl ._6z1L2[data-v-4838a007] {
    height: 2rem;
    margin-left: 0;
    width: 100%;
    background-color: var(--pesquisar_homepage_background);
    font-size: .75rem;
    font-weight: 400;
    padding-left: .625rem;
    padding-right: .625rem;
    color: var(--pesquisar_homepage_texto_color)
}

input[data-v-4838a007] {
    background-color: transparent;
    border: 0;
    border-color: transparent;
    box-shadow: none !important;
    color-scheme: dark;
    outline: none;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.UTJUl .JMxnq[data-v-4838a007] {
    gap: .25rem;
    margin-right: 0
}

.UTJUl .JMxnq .zgpS2[data-v-4838a007] {
    border-radius: .375rem;
    gap: .5rem;
    justify-content: space-between;
    position: relative;
    background-color: var(--pesquisar_homepage_button_background) !important;
    color: var(--pesquisar_homepage_button_text_color) !important;
    padding: .25rem .5rem
}

.UTJUl .JMxnq[data-v-4838a007],
.UTJUl .JMxnq .zgpS2[data-v-4838a007] {
    align-items: center;
    display: flex;
    font-size: .75rem;
    line-height: 1rem
}

.UTJUl .JMxnq .zgpS2 .BqBtx[data-v-4838a007] {
    font-size: .675rem;
    color: rgb(3 198 252 / var(--tw-text-opacity, 1));
    opacity: 1
}

.UTJUl .JMxnq .zgpS2 .F7z05[data-v-4838a007] {
    color: #fff9;
    font-size: .675rem;
    margin-bottom: -1px;
    margin-left: -.25rem
}

.lbbUe[data-v-4838a007],
.lbbUe[data-v-4838a007]:before {
    position: absolute;
    width: 100%
}

.lbbUe[data-v-4838a007] {
    border-radius: .375rem;
    margin-top: .25rem;
    min-width: 6rem;
    overflow: hidden;
    right: 0;
    top: 100%;
    background-color: var(--pesquisar_homepage_background) !important;
    color: var(--pesquisar_homepage_texto_color) !important;
    opacity: 1;
    z-index: 10
}

.gFWyo[data-v-4838a007] {
    list-style-type: none;
    margin: 10px;
    padding: 0
}

body[data-v-4838a007] :not(.swiper-wrapper):not(circle):not(.transition) {
    transition: none !important
}

.nuxt-icon.nuxt-icon--fill[data-v-4838a007],
.nuxt-icon.nuxt-icon--fill[data-v-4838a007] * {
    fill: var(--pesquisar_homepage_icon_color) !important
}

.nuxt-icon svg[data-v-4838a007] {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em;
    margin-bottom: 0 !important
}

.lbbUe .gFWyo ._9b8oE[data-v-4838a007] {
    align-items: center;
    border-bottom: 1px;
    border-color: #ffffff26;
    border-style: solid;
    cursor: pointer;
    display: flex;
    font-size: .75rem;
    gap: .375rem;
    justify-content: center;
    line-height: 1rem;
    padding: .5rem
}

.backgroud[data-v-124b85ed] {
    background-color: var(--affiliates_sub_background) !important;
    border-radius: 15px !important
}

.text_color[data-v-124b85ed] {
    color: var(--affiliates_text_color) !important
}

.numerocolor[data-v-124b85ed] {
    color: var(--affiliates_numero_color) !important
}

.backgroud_central[data-v-124b85ed] {
    background-color: var(--affiliates_background) !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 8px var(--affiliates_background)
}

.button_saque[data-v-124b85ed] {
    background-color: var(--affiliates_button_saque_background) !important;
    border-radius: 15px !important;
    color: var(--affiliates_button_saque_text) !important
}

.button_copiecole[data-v-124b85ed] {
    color: var(--affiliates_button_copie_background) !important;
    background-color: var(--affiliates_button_copie_text) !important
}

.iconcolor[data-v-124b85ed] {
    color: var(--affiliates_icom_color) !important
}

@media screen and (max-width: 768px) {
    .organizacao[data-v-124b85ed] {
        width: 95%;
        max-width: none;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .afiliados[data-v-124b85ed] {
        flex-direction: column;
        align-items: stretch;
        padding: 10px;
        min-height: auto
    }

    .py-8[data-v-124b85ed] {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .text-4xl[data-v-124b85ed] {
        font-size: 30px !important
    }

    .p-4[data-v-124b85ed] {
        padding: 12px !important
    }
}

@media screen and (min-width: 1024px) {
    .organizaçao[data-v-124b85ed] {
        width: 90%;
        max-width: 800px;
        border-radius: 8px;
        padding: 20px
    }

    .afiliados[data-v-124b85ed] {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 70vh;
        padding: 20px
    }
}

.saquemodal[data-v-124b85ed] {
    background-color: var(--affiliates_button_saque_background) !important;
    color: var(--affiliates_button_saque_text) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    border: none !important;
    padding: 8px 1px !important;
    border-radius: 5px !important
}

.vermaisgames[data-v-c8c8be35] {
    background-color: var(--gamelist_button_background);
    border-radius: .375rem;
    font-size: 13px;
    border: 1px solid var(--gamelist_button_border_color) !important;
    line-height: 1rem;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
    padding: .625rem 1rem;
    color: var(--gamelist_button_text_color)
}

.textgames[data-v-c8c8be35] {
    font-size: 13px;
    line-height: 1rem;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
    color: var(--gamelist_text_color)
}

.input_pesquisa[data-v-c8c8be35] {
    background-color: var(--gamelist_input_background);
    border-radius: .375rem;
    font-size: 13px;
    border: 1px solid var(--gamelist_input_border_color) !important;
    line-height: 1rem;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
    padding: .625rem 1rem;
    color: var(--gamelist_input_text_color)
}

.game-grid[data-v-c8c8be35] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: .5rem
}

.game-slide[data-v-c8c8be35] {
    margin-bottom: 2rem;
    position: relative
}

@media (max-width: 768px) {
    .game-grid[data-v-c8c8be35] {
        grid-template-columns: repeat(3, 1fr)
    }
}

button[data-v-c8c8be35] {
    text-align: center
}

.ondagames-custon-list[data-v-c8c8be35] {
    background-color: var(--gamelist_background) !important;
    border-radius: .65rem !important
}

.padin-custo[data-v-c8c8be35] {
    padding-top: 25px;
    padding-bottom: 50px
}

.register-card[data-v-dcf59c15] {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    background-color: var(--login_background) !important;
    box-shadow: 0 0 20px #0000001a;
    text-align: center;
    margin-top: 50px
}

.px-4[data-v-dcf59c15] {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem
}

.banner-register[data-v-dcf59c15] {
    -webkit-mask-image: linear-gradient(180deg, #000 85%, transparent) !important;
    mask-image: linear-gradient(180deg, #000 85%, transparent) !important
}

.logo-register[data-v-dcf59c15] {
    display: flex !important;
    justify-content: center !important
}

.input-group[data-v-dcf59c15] {
    border-color: var(--login_input_border_color) !important;
    background-color: var(--login_input_background) !important;
    color: var(--login_input_text_color) !important;
    font-weight: 500;
    letter-spacing: .02em;
    font-family: revert-layer
}

.input-group[data-v-dcf59c15]:focus,
.input-group[data-v-dcf59c15]:-webkit-autofill {
    background-color: var(--login_input_background) !important;
    color: var(--login_input_text_color) !important;
    -webkit-text-fill-color: var(--login_input_text_color) !important;
    border-color: var(--login_input_border_color) !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    font-weight: 500;
    letter-spacing: .02em;
    font-family: revert-layer
}

.input-group[data-v-dcf59c15]:focus {
    outline: none;
    box-shadow: 0 0 5px var(--login_input_border_color)
}

.input-icons[data-v-dcf59c15] {
    color: var(--geral_icons_color) !important
}

.forgot-password-link[data-v-dcf59c15] {
    color: var(--login_links_color) !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
    display: block;
    padding-bottom: 20px;
    text-align: right
}

.login-button[data-v-dcf59c15] {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 5px;
    background-color: var(--login_button_background) !important;
    color: var(--login_button_text_color) !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .3s, color .3s
}

.register-link[data-v-dcf59c15] {
    color: var(--login_text_color) !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
    margin-top: 20px
}

.colroas[data-v-dcf59c15] {
    color: var(--login_links_color) !important
}

.register-card[data-v-a9d207fb] {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    background-color: var(--register_background) !important;
    box-shadow: 0 0 20px #0000001a;
    text-align: center;
    margin-top: 50px
}

.register-title[data-v-a9d207fb] {
    color: var(--ci-gray-over) !important;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 700
}

.input-group[data-v-a9d207fb] {
    border-color: var(--register_input_border_color) !important;
    background-color: var(--register_input_background) !important;
    color: var(--register_input_text_color) !important;
    font-weight: 500;
    letter-spacing: .02em;
    font-family: revert-layer
}

.input-group[data-v-a9d207fb]:focus,
.input-group[data-v-a9d207fb]:-webkit-autofill {
    background-color: var(--register_input_background) !important;
    color: var(--register_input_text_color) !important;
    -webkit-text-fill-color: var(--register_input_text_color) !important;
    border-color: var(--register_input_border_color) !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    font-weight: 500;
    letter-spacing: .02em;
    font-family: revert-layer
}

.input-icons[data-v-a9d207fb] {
    color: var(--geral_icons_color) !important
}

.border-322[data-v-a9d207fb] {
    border-color: var(--register_security_border-color) !important
}

.py-5[data-v-a9d207fb] {
    padding-bottom: 5.25rem !important
}

.res-button[data-v-a9d207fb] {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 5px;
    background-color: var(--register_button_background) !important;
    color: var(--register_button_text_color) !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .3s, color .3s
}

.px-4[data-v-a9d207fb] {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem
}

.banner-register[data-v-a9d207fb] {
    -webkit-mask-image: linear-gradient(180deg, #000 85%, transparent) !important;
    mask-image: linear-gradient(180deg, #000 85%, transparent) !important
}

.logo-register[data-v-a9d207fb] {
    display: flex !important;
    justify-content: center !important
}

.passwordStrengthClass[data-v-a9d207fb] {
    height: 4px
}

.bg-gray-300[data-v-a9d207fb] {
    background-color: var(--register_security_background) !important
}

.bg-green-500[data-v-a9d207fb] {
    background-color: var(--register_security_color) !important
}

.text-gray-500[data-v-a9d207fb] {
    color: var(--register_text_color) !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .02em;
    font-family: revert-layer;
    padding-bottom: 10px
}

.termos-link[data-v-a9d207fb] {
    color: var(--register_links_color) !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .02em
}

.termos-text[data-v-a9d207fb] {
    color: var(--register_text_color) !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .02em
}

:is(.dark .dark\:bg-gray-800\/50[data-v-874be654]) {
    background-color: var(--carteira_button_background) !important
}

.wallet-active[data-v-874be654] {
    border: 2px solid var(--carteira_button_border_color) !important;
    border-radius: 10px
}

.texto_color[data-v-874be654] {
    color: var(--carteira_button_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 15px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.icon_color[data-v-874be654] {
    color: var(--carteira_icon_color) !important
}

@media screen and (max-width: 768px) {
    .otimizar_carteira[data-v-97f07797] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

    .otimizar_organizacao[data-v-97f07797] {
        max-width: none;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .py-8[data-v-97f07797] {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .text-4xl[data-v-97f07797] {
        font-size: 30px !important
    }

    .p-4[data-v-97f07797] {
        padding: 12px !important
    }
}

@media screen and (min-width: 1024px) {
    .otimizar_carteira[data-v-97f07797] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

    .hidden_pc[data-v-97f07797] {
        display: none
    }

    .otimizar_organizacao[data-v-97f07797] {
        width: 95%;
        max-width: 800px;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.background_carteira[data-v-97f07797] {
    background-color: var(--carteira_background) !important;
    border-radius: 15px;
    padding: 1rem
}

.background_saldo[data-v-97f07797] {
    background-color: var(--carteira_saldo_background) !important;
    border-radius: 15px
}

.valores_carteira[data-v-97f07797] {
    color: var(--carteira_saldo_number_color) !important
}

.titulos_carteira[data-v-97f07797] {
    color: var(--carteira_saldo_title_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.border_carteira[data-v-97f07797] {
    border-color: var(--carteira_saldo_border_color) !important
}

.rounded_carteira[data-v-97f07797] {
    border-radius: 10px;
    background-color: var(--carteira_saldo_border_color) !important
}

.icon_carteira[data-v-97f07797] {
    color: var(--carteira_saldo_icon_color) !important
}

.button_saldo_deposito_carteira[data-v-97f07797] {
    background-color: var(--carteira_saldo_button_deposito_background) !important
}

.button_saldo_saque_carteira[data-v-97f07797] {
    background-color: var(--carteira_saldo_button_saque_background) !important
}

.button_saldo_deposito_carteira_texto[data-v-97f07797] {
    color: var(--carteira_saldo_button_deposito_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.button_saldo_saque_carteira_texto[data-v-97f07797] {
    color: var(--carteira_saldo_button_saque_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.rounded_saldo[data-v-97f07797] {
    border-radius: 10px
}

.texto_carteira[data-v-97f07797] {
    color: var(--carteira_saldo_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 13px
}

.carteira_cunst[data-v-15c24dfb] {
    box-shadow: none;
    border-radius: 15px !important
}

@media screen and (max-width: 768px) {
    .otimizar_carteira_custom[data-v-68934f8b][data-v-15c24dfb] {
        height: auto;
        max-width: 800px;
        margin: 20px auto;
        background-color: var(--carteira_background) !important;
        border-radius: 10px
    }

    .otimizar_organizacao_custom[data-v-15c24dfb] {
        max-width: 800px;
        padding: 1rem;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .py-8[data-v-15c24dfb] {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .text-4xl[data-v-15c24dfb] {
        font-size: 30px !important
    }

    .p-4[data-v-15c24dfb] {
        padding: 12px !important
    }
}

@media screen and (min-width: 1024px) {
    .otimizar_carteira_custom[data-v-68934f8b][data-v-15c24dfb] {
        height: auto;
        max-width: 800px;
        margin: 20px auto;
        background-color: var(--carteira_background) !important;
        border-radius: 10px
    }

    .otimizar_organizacao_custom[data-v-15c24dfb] {
        width: 95%;
        max-width: 800px;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.background_deposite[data-v-15c24dfb] {
    background-color: var(--carteira_deposito_background) !important;
    border-radius: 15px
}

.otimizar_carteira_custom[data-v-15c24dfb] {
    background: var(--carteira_background) !important
}

@media screen and (max-width: 768px) {
    .otimizar_carteira[data-v-ba33aba5] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

    .otimizar_organizacao[data-v-ba33aba5] {
        max-width: none;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .py-8[data-v-ba33aba5] {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .text-4xl[data-v-ba33aba5] {
        font-size: 30px !important
    }

    .p-4[data-v-ba33aba5] {
        padding: 12px !important
    }
}

@media screen and (min-width: 1024px) {
    .otimizar_carteira[data-v-ba33aba5] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

    .otimizar_organizacao[data-v-ba33aba5] {
        width: 95%;
        max-width: 800px;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.background_carteira[data-v-ba33aba5] {
    background-color: var(--carteira_background) !important;
    border-radius: 15px;
    padding: 1rem
}

.inputvalor[data-v-ba33aba5] {
    background: var(--carteira_saque_input_background) !important;
    color: var(--carteira_saque_input_text_color) !important;
    border-radius: 5px !important;
    font-size: 14px;
    outline: none;
    font-weight: 500 !important;
    border: 1px solid var(--carteira_saque_input_border_color) !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.titulo_saque[data-v-ba33aba5] {
    color: var(--carteira_saque_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 16px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.background_saque[data-v-ba33aba5] {
    background-color: var(--carteira_saque_background) !important;
    border-radius: 10px
}

.numeros_saque[data-v-ba33aba5] {
    color: var(--carteira_saque_number_color) !important
}

.textos_saque[data-v-ba33aba5] {
    color: var(--carteira_saque_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 13px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.border_saque[data-v-ba33aba5] {
    border-color: var(--carteira_saque_input_border_color) !important
}

.rounded_saque[data-v-ba33aba5] {
    border-radius: 10px;
    background-color: var(--carteira_saque_input_border_color) !important
}

.icon_saque[data-v-ba33aba5] {
    color: var(--carteira_saque_icon_color) !important
}

.saque_rapido[data-v-ba33aba5] {
    background-color: var(--carteira_saque_button_background) !important;
    color: var(--carteira_saque_button_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    padding: 8px 1px !important;
    border-radius: 5px !important
}

.saque_button[data-v-ba33aba5] {
    background: var(--carteira_saque_button_background) !important;
    color: var(--carteira_saque_button_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    border: none !important;
    padding: 8px 1px !important;
    border-radius: 5px !important
}

@media screen and (max-width: 768px) {
    .otimizar_carteira[data-v-7356d21b] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

    .otimizar_organizacao[data-v-7356d21b] {
        max-width: none;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .py-8[data-v-7356d21b] {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .text-4xl[data-v-7356d21b] {
        font-size: 30px !important
    }

    .p-4[data-v-7356d21b] {
        padding: 12px !important
    }
}

@media screen and (min-width: 1024px) {
    .otimizar_carteira[data-v-7356d21b] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px
    }

    .otimizar_organizacao[data-v-7356d21b] {
        width: 95%;
        max-width: 800px;
        padding: 10px;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.background_carteira[data-v-7356d21b] {
    background-color: var(--carteira_background) !important;
    border-radius: 15px;
    padding: 1rem
}

.background_carteira_border[data-v-7356d21b] {
    border-radius: 15px !important;
    background-color: var(--carteira_history_barra_background) !important
}

.no-scrollbar[data-v-7356d21b] {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.no-scrollbar[data-v-7356d21b]::-webkit-scrollbar {
    display: none
}

.titulo_historico[data-v-7356d21b] {
    color: var(--carteira_history_title_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 18px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.textos_historico[data-v-7356d21b] {
    color: var(--carteira_history_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.numeros_historico[data-v-7356d21b] {
    color: var(--carteira_history_number_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 15px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.status_finalizado[data-v-7356d21b] {
    color: var(--carteira_history_status_finalizado_color) !important;
    background-color: var(--carteira_history_status_finalizado_background) !important
}

.status_pedente[data-v-7356d21b] {
    color: var(--carteira_history_status_pedente_color) !important;
    background-color: var(--carteira_history_status_pedente_background) !important
}

.textos_historico_barra[data-v-7356d21b] {
    color: var(--carteira_history_barra_text_color) !important;
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-size: 14px;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important
}

.barracorlor[data-v-7356d21b] {
    background: var(--carteira_history_barra_color) !important
}

.icon_color[data-v-7356d21b] {
    color: var(--carteira_history_icon_color) !important
}

.background_barra_color[data-v-7356d21b] {
    background: var(--carteira_history_barra_background) !important
}

.termos-container[data-v-b68fa21e] {
    color: var(--titulo_principal_termos) !important
}

.titulo[data-v-b68fa21e] {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px
}

.subtitulo[data-v-b68fa21e] {
    word-spacing: 1px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-family: Montserrat, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif !important;
    color: var(--titulo_segundario_termos) !important;
    margin-bottom: 15px
}

.descricao[data-v-b68fa21e] {
    color: var(--descriçao_segundario_termos) !important;
    display: flex;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.8;
    text-align: justify
}

.maint-wrap[data-v-d4b93a3d] {
    min-height: 100vh;
    background: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 16px 24px;
    -webkit-tap-highlight-color: transparent
}

.maint-card[data-v-d4b93a3d] {
    background: #021c47;
    border: 2px solid #0845a9;
    border-radius: 12px;
    padding: 16px 14px;
    width: min(900px, 100%);
    text-align: center;
    color: #fff;
    box-shadow: 0 10px 24px #00000059
}

.header[data-v-d4b93a3d] {
    margin-bottom: 8px
}

.maint-title[data-v-d4b93a3d] {
    font-size: 1.4rem;
    margin-bottom: 4px
}

.maint-text[data-v-d4b93a3d] {
    color: #cbd5e1
}

.game-shell[data-v-d4b93a3d] {
    position: relative;
    margin: 12px auto 10px;
    width: min(720px, 100%);
    border-radius: 12px;
    background: #0b1223;
    border: 2px solid #14355e;
    overflow: hidden;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.game-canvas[data-v-d4b93a3d] {
    display: block;
    width: 100%;
    height: auto
}

.hud[data-v-d4b93a3d] {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    font-weight: 700;
    font-size: .9rem
}

.score[data-v-d4b93a3d],
.best[data-v-d4b93a3d] {
    background: #0006;
    padding: 4px 8px;
    border-radius: 6px
}

.overlay[data-v-d4b93a3d] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #0003, #00000059);
    display: flex;
    align-items: center;
    justify-content: center
}

.overlay-card[data-v-d4b93a3d] {
    background: #021c47d9;
    border: 1px solid #21539a;
    box-shadow: 0 6px 20px #00000073;
    color: #e5e7eb;
    padding: 10px 14px;
    border-radius: 8px
}

.mb-1[data-v-d4b93a3d] {
    margin-bottom: 6px
}

.mb-2[data-v-d4b93a3d] {
    margin-bottom: 10px
}

.jump-btn-floating[data-v-d4b93a3d] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 10px 14px;
    font-weight: 800;
    font-size: .95rem;
    border-radius: 10px;
    border: 2px solid #1f8bf0;
    background: linear-gradient(180deg, #37a2ff, #1e7ee0);
    color: #fff;
    box-shadow: 0 6px 16px #0082f559
}

.jump-btn-block[data-v-d4b93a3d] {
    display: none;
    width: 100%;
    margin: 8px 0 0;
    padding: 12px 16px;
    font-weight: 900;
    font-size: 1rem;
    border-radius: 10px;
    border: 2px solid #1f8bf0;
    background: linear-gradient(180deg, #37a2ff, #1e7ee0);
    color: #fff
}

.maint-actions[data-v-d4b93a3d] {
    margin-top: 10px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap
}

.btn[data-v-d4b93a3d] {
    background: #0082f5;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease
}

.btn[data-v-d4b93a3d]:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px #0082f559
}

.btn.outline[data-v-d4b93a3d] {
    background: transparent;
    border: 2px solid #0082f5;
    color: #fff
}

.btn.outline[data-v-d4b93a3d]:hover {
    background: #0082f526
}

@media (max-width: 900px) {
    .jump-btn-floating[data-v-d4b93a3d] {
        display: none
    }

    .jump-btn-block[data-v-d4b93a3d] {
        display: block
    }

    .maint-title[data-v-d4b93a3d] {
        font-size: 1.25rem
    }

    .hud[data-v-d4b93a3d] {
        font-size: .85rem
    }
}

@keyframes fadeIn-baf4a4cf {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bounce-baf4a4cf {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

.slide-enter-active[data-v-baf4a4cf],
.slide-leave-active[data-v-baf4a4cf] {
    transition: all .3s ease
}

.slide-enter-from[data-v-baf4a4cf],
.slide-leave-to[data-v-baf4a4cf] {
    max-height: 0;
    opacity: 0
}

.slide-enter-to[data-v-baf4a4cf],
.slide-leave-from[data-v-baf4a4cf] {
    max-height: 500px;
    opacity: 1
}

.animated.fade-in[data-v-baf4a4cf] {
    animation: fadeIn-baf4a4cf .8s ease-out
}

.phone-img[data-v-baf4a4cf] {
    animation: bounce-baf4a4cf 2s infinite ease-in-out
}

.download-app-page[data-v-baf4a4cf] {
    background: linear-gradient(135deg, var(--baixar_app_background) 0%, var(--baixar_app_sub_background) 100%);
    color: var(--baixar_app_texto_color);
    padding: 25px;
    position: relative;
    overflow: hidden
}

.download-app-page[data-v-baf4a4cf]:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: #ffffff08;
    transform: rotate(45deg)
}

.container[data-v-baf4a4cf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    gap: 2rem;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

.content-left[data-v-baf4a4cf] {
    flex: 1 1 400px;
    min-width: 280px
}

.title[data-v-baf4a4cf] {
    font-size: 2.25rem;
    margin-bottom: .75rem
}

.subtitle[data-v-baf4a4cf] {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
    line-height: 1.5
}

.steps .step[data-v-baf4a4cf] {
    margin-bottom: 1rem;
    background: var(--baixar_app_explicacao_background);
    border-radius: .75rem;
    overflow: hidden
}

.step-header[data-v-baf4a4cf] {
    padding: .75rem 1.25rem;
    cursor: pointer;
    font-weight: 600
}

.step-header[data-v-baf4a4cf]:hover {
    background: #ffffff26
}

.step-content[data-v-baf4a4cf] {
    padding: 1rem 1.5rem;
    list-style: none;
    counter-reset: li
}

.step-content li[data-v-baf4a4cf] {
    position: relative;
    padding-left: 2rem;
    margin-bottom: .5rem
}

.step-content li[data-v-baf4a4cf]:before {
    counter-increment: li;
    content: counter(li) ".";
    position: absolute;
    left: 0;
    color: var(--baixar_app_botao_background);
    font-weight: 700
}

.features[data-v-baf4a4cf] {
    margin-top: 2rem
}

.features h2[data-v-baf4a4cf] {
    font-size: 1.75rem;
    margin-bottom: 1rem
}

.features-list[data-v-baf4a4cf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem
}

.features-list li[data-v-baf4a4cf] {
    background: #ffffff14;
    padding: .75rem;
    border-radius: .5rem;
    font-size: .95rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.buttons[data-v-baf4a4cf] {
    margin-top: 2rem;
    display: flex;
    gap: 1rem
}

.btn[data-v-baf4a4cf] {
    flex: 1 1 140px;
    text-align: center;
    background-color: var(--baixar_app_botao_background);
    color: var(--baixar_app_botao_texto_color);
    padding: .75rem 1rem;
    border-radius: .5rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s
}

.btn[data-v-baf4a4cf]:hover {
    transform: scale(1.05)
}

@media (max-width: 768px) {
    .container[data-v-baf4a4cf] {
        flex-direction: column;
        align-items: center
    }

    .content-left[data-v-baf4a4cf] {
        text-align: center
    }

    .title[data-v-baf4a4cf] {
        font-size: 1.75rem
    }

    .subtitle[data-v-baf4a4cf] {
        font-size: 1rem
    }

    .features h2[data-v-baf4a4cf] {
        text-align: center
    }
}

.iframe-wrapper[data-v-c34a82da] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #1c1c1c
}

.iframe-container[data-v-c34a82da] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #1c1c1c
}

@media (min-width: 769px) {
    .iframe-container[data-v-c34a82da] {
        padding-left: 20px
    }
}

@media (max-width: 768px) {
    .iframe-container[data-v-c34a82da] {
        padding-left: 0
    }
}

.iframe[data-v-c34a82da] {
    width: 100%;
    height: 100%;
    border: none
}

.promotions-section[data-v-95085ccc] {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between
}

@media (min-width:768px) {
    .promotions-section[data-v-95085ccc] {
        gap: 25px
    }
}

.promotions-section .promo[data-v-95085ccc] {
    border-radius: .25rem;
    cursor: pointer;
    flex: 1 1 0%;
    border-radius: 10px;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: var(--promocoes_sub_background);
    text-decoration-line: none
}

.promotions-section .promo[data-v-95085ccc]:hover {
    opacity: .9
}

.promotions-section .promo[data-v-95085ccc] {
    max-width: 100%;
    min-width: 90%
}

@media (min-width:768px) {
    .promotions-section .promo[data-v-95085ccc] {
        max-width: 50%;
        min-width: 45%
    }
}

.promotions-section .promo .thumb[data-v-95085ccc] {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: var(--ci-primary-opacity-color)
}

.promotions-section .promo .thumb img[data-v-95085ccc] {
    height: auto;
    min-width: 100%;
    width: 100%
}

.promotions-section .promo .title[data-v-95085ccc] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: .75rem 1rem;
    --tw-text-opacity: 1;
    color: var(--promocoes_text_color) !important
}

@media (min-width:768px) {
    .promotions-section .promo .title[data-v-95085ccc] {
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding: 1.25rem 1.5rem
    }
}

.popup-overlay[data-v-95085ccc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000c;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.popup-content[data-v-95085ccc] {
    background-color: var(--promocoes_pupup_background);
    color: var(--promocoes_pupup_text_color);
    padding: 20px;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    text-align: left;
    overflow-y: auto;
    max-height: 80%;
    position: relative
}

.popup-close[data-v-95085ccc] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--promocoes_icon_color)
}

.rules-content[data-v-95085ccc] {
    margin-bottom: 20px
}

.btn-regras[data-v-95085ccc] {
    background-color: var(--promocoes_button_background);
    color: var(--promocoes_button_text_color) !important;
    font-size: 13px
}

.padinborder[data-v-95085ccc] {
    padding: 20px;
    border-radius: 8px;
    background: var(--promocoes_background);
    margin-top: 7rem !important;
    margin-bottom: 7rem !important
}

.titlecolor[data-v-95085ccc] {
    color: var(--promocoes_title_color) !important
}

.iconcolor[data-v-95085ccc] {
    color: var(--promocoes_icon_color) !important
}

.textcolor[data-v-95085ccc] {
    color: var(--promocoes_text_color) !important
}

.missions-section[data-v-a60bddc6] {
    gap: 15px;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width: 768px) {
    .missions-section[data-v-a60bddc6] {
        gap: 1.5rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.defaultItemBox[data-v-a60bddc6] {
    background-color: #fdffff0d;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    text-align: center;
    color: #fdffff;
    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a
}

.defaultItemBox .imgWrap[data-v-a60bddc6] {
    align-items: center;
    background-color: #00000080;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    min-height: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.defaultItemBox .defaultBoxContent[data-v-a60bddc6] {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: flex-start;
    padding: .75rem .5rem
}

.defaultItemBox .defaultBoxContent .titleBox[data-v-a60bddc6] {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .25rem;
    max-width: 100%;
    overflow: hidden;
    padding-left: .5rem;
    padding-right: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.defaultItemBox .defaultBoxContent .titleBox.smaller[data-v-a60bddc6] {
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--missoes_text_color) !important
}

.defaultItemBox .defaultBoxContent .priceBox[data-v-a60bddc6] {
    border-radius: 9999px;
    top: .75rem;
    left: .75rem;
    background-color: #323637;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem 1rem
}

.defaultItemBox .defaultBoxContent .priceBox.inlined[data-v-a60bddc6] {
    background-color: var(--missoes_bonus_background) !important;
    color: var(--missoes_bonus_text_color) !important;
    display: inline-flex;
    margin-bottom: .5rem
}

.defaultItemBox .defaultBoxContent .actionBox button[data-v-a60bddc6] {
    border-radius: 9999px;
    border: none;
    margin: 0 auto;
    background-color: var(--missoes_button_background) !important;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding: .375rem .75rem;
    color: var(--missoes_button_text_color) !important;
    transition: background-color .3s ease
}

.defaultItemBox .defaultBoxContent .progressBox[data-v-a60bddc6] {
    height: .5rem;
    margin-top: 1rem;
    position: relative;
    width: 100%
}

.defaultItemBox .defaultBoxContent .progressBox.withLabel[data-v-a60bddc6] {
    height: 1rem;
    position: relative
}

.defaultItemBox .defaultBoxContent .progressBox.withLabel .progressLabel[data-v-a60bddc6] {
    align-items: center;
    color: var(--missoes_barraprogresso_text_color) !important;
    display: flex;
    font-size: .675rem;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.defaultItemBox .defaultBoxContent .progressBox .progressBar[data-v-a60bddc6] {
    background-color: var(--missoes_barraprogresso_background) !important;
    border-radius: 9999px;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.defaultItemBox .defaultBoxContent .progressBox .progressBarFill[data-v-a60bddc6] {
    border-radius: 9999px;
    height: 100%;
    background-color: var(--missoes_barraprogresso_prenchimento_background) !important;
    transition: width .3s ease
}

.padinborder[data-v-a60bddc6] {
    padding: 20px;
    border-radius: 8px;
    background: var(--missoes_background);
    margin-top: 7rem !important;
    margin-bottom: 7rem !important
}

.titlecolor[data-v-a60bddc6] {
    color: var(--missoes_title_color) !important
}

.info-box[data-v-b24cfad2] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff26;
    padding: 12px;
    border-radius: 10px;
    text-align: left;
    font-size: 1rem
}

.btn[data-v-b24cfad2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    font-weight: 700;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: .9rem
}

.btn-green[data-v-b24cfad2] {
    background: var(--central_suporte_button_background_ao_vivo);
    color: var(--central_suporte_button_texto_ao_vivo)
}

.icon-aovivo[data-v-b24cfad2] {
    color: var(--central_suporte_button_icon_ao_vivo) !important
}

.btn-red[data-v-b24cfad2] {
    background: var(--central_suporte_button_background_denuncia);
    color: var(--central_suporte_button_texto_denuncia)
}

.icon-denuncia[data-v-b24cfad2] {
    color: var(--central_suporte_button_icon_denuncia) !important
}

.alert-box[data-v-b24cfad2] {
    background: var(--central_suporte_background);
    padding: 12px 16px;
    border-radius: 8px;
    text-align: center;
    max-width: 450px;
    margin-top: 16px;
    box-shadow: 0 3px 8px #0006
}

.alert-box p[data-v-b24cfad2] {
    color: var(--central_suporte_aviso_text_color);
    font-size: 14px;
    line-height: 1.6
}

.alert-box strong[data-v-b24cfad2] {
    font-weight: 600
}

.background[data-v-b24cfad2] {
    background: var(--central_suporte_background)
}

.subbackground[data-v-b24cfad2] {
    background: var(--central_suporte_sub_background) !important
}

.texto-cental-suporte[data-v-b24cfad2] {
    color: var(--central_suporte_title_text_color)
}

.icon-title[data-v-b24cfad2] {
    color: var(--central_suporte_icon_title_text_color)
}

.text-info[data-v-b24cfad2] {
    color: var(--central_suporte_info_text_color)
}

.icon-info[data-v-b24cfad2] {
    color: var(--central_suporte_info_icon_color)
}

.aviso-title[data-v-b24cfad2] {
    color: var(--central_suporte_aviso_title_color)
}

.aviso-text-negrito[data-v-b24cfad2] {
    color: var(--central_suporte_aviso_text_negrito_color)
}

.aviso-icon[data-v-b24cfad2] {
    color: var(--central_suporte_aviso_icon_color)
}

.maint-wrap[data-v-c202b394] {
    min-height: 100vh;
    background: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 16px 24px;
    -webkit-tap-highlight-color: transparent
}

.maint-card[data-v-c202b394] {
    background: #021c47;
    border: 2px solid #0845a9;
    border-radius: 12px;
    padding: 16px 14px;
    width: min(900px, 100%);
    text-align: center;
    color: #fff;
    box-shadow: 0 10px 24px #00000059
}

.header[data-v-c202b394] {
    margin-bottom: 8px
}

.maint-title[data-v-c202b394] {
    font-size: 1.4rem;
    margin-bottom: 4px
}

.maint-text[data-v-c202b394] {
    color: #cbd5e1
}

.game-shell[data-v-c202b394] {
    position: relative;
    margin: 12px auto 10px;
    width: min(720px, 100%);
    border-radius: 12px;
    background: #0b1223;
    border: 2px solid #14355e;
    overflow: hidden;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.game-canvas[data-v-c202b394] {
    display: block;
    width: 100%;
    height: auto
}

.hud[data-v-c202b394] {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    font-weight: 700;
    font-size: .9rem
}

.score[data-v-c202b394],
.best[data-v-c202b394] {
    background: #0006;
    padding: 4px 8px;
    border-radius: 6px
}

.overlay[data-v-c202b394] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #0003, #00000059);
    display: flex;
    align-items: center;
    justify-content: center
}

.overlay-card[data-v-c202b394] {
    background: #021c47d9;
    border: 1px solid #21539a;
    box-shadow: 0 6px 20px #00000073;
    color: #e5e7eb;
    padding: 10px 14px;
    border-radius: 8px
}

.mb-1[data-v-c202b394] {
    margin-bottom: 6px
}

.mb-2[data-v-c202b394] {
    margin-bottom: 10px
}

.jump-btn-floating[data-v-c202b394] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 10px 14px;
    font-weight: 800;
    font-size: .95rem;
    border-radius: 10px;
    border: 2px solid #1f8bf0;
    background: linear-gradient(180deg, #37a2ff, #1e7ee0);
    color: #fff;
    box-shadow: 0 6px 16px #0082f559
}

.jump-btn-block[data-v-c202b394] {
    display: none;
    width: 100%;
    margin: 8px 0 0;
    padding: 12px 16px;
    font-weight: 900;
    font-size: 1rem;
    border-radius: 10px;
    border: 2px solid #1f8bf0;
    background: linear-gradient(180deg, #37a2ff, #1e7ee0);
    color: #fff
}

.maint-actions[data-v-c202b394] {
    margin-top: 10px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap
}

.btn[data-v-c202b394] {
    background: #0082f5;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease
}

.btn[data-v-c202b394]:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px #0082f559
}

.btn.outline[data-v-c202b394] {
    background: transparent;
    border: 2px solid #0082f5;
    color: #fff
}

.btn.outline[data-v-c202b394]:hover {
    background: #0082f526
}

@media (max-width: 900px) {
    .jump-btn-floating[data-v-c202b394] {
        display: none
    }

    .jump-btn-block[data-v-c202b394] {
        display: block
    }

    .maint-title[data-v-c202b394] {
        font-size: 1.25rem
    }

    .hud[data-v-c202b394] {
        font-size: .85rem
    }
}

.vip-container[data-v-81f3b1ec] {
    max-width: 960px;
    margin: auto;
    padding: 2rem;
    background-color: var(--vips_background);
    border-radius: 8px;
    margin-bottom: 7rem !important;
    margin-top: 5rem !important
}

.vip-current-level[data-v-81f3b1ec] {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 2rem
}

@media (max-width: 768px) {
    .vip-current-level[data-v-81f3b1ec] {
        display: block;
        align-items: center;
        gap: 2rem;
        margin-bottom: 2rem
    }
}

@media (min-width: 768px) {
    .vip-page[data-v-81f3b1ec] {
        padding: 2rem;
        border-radius: 8px
    }
}

.vip-avatar[data-v-81f3b1ec] {
    text-align: center
}

.vip-avatar img[data-v-81f3b1ec] {
    margin: 0 auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: var(--vips_background_profile_vip);
    -o-object-fit: cover;
    object-fit: cover;
    padding: 8px
}

.vip-info[data-v-81f3b1ec] {
    max-width: 600px
}

.vip-title[data-v-81f3b1ec] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--vips_title_color)
}

.vip-description[data-v-81f3b1ec] {
    font-size: 1rem;
    margin-bottom: 1rem;
    color: var(--vips_description_color)
}

.vip-upgrade-button[data-v-81f3b1ec] {
    background-color: #007bff;
    color: #fff;
    padding: .75rem 1.5rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    transition: background-color .3s
}

.vip-upgrade-button[data-v-81f3b1ec]:hover {
    background-color: #0056b3
}

.vip-progress[data-v-81f3b1ec] {
    text-align: center;
    margin-bottom: 2rem;
    color: var(--vips_progress_text_color)
}

.progress-bar[data-v-81f3b1ec] {
    background-color: var(--vips_progress_background);
    border-radius: 8px;
    height: 20px;
    position: relative;
    width: 100%;
    margin: .5rem auto
}

.progress-fill[data-v-81f3b1ec] {
    background-color: var(--vips_progress_prenchimento_background);
    height: 100%;
    border-radius: 8px;
    transition: width .3s
}

.vip-benefits[data-v-81f3b1ec] {
    margin-top: 2rem
}

.benefits-title[data-v-81f3b1ec] {
    font-size: 1.25rem;
    margin-bottom: 1rem
}

.benefits-list-scrollable[data-v-81f3b1ec] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    padding: 1rem 0
}

.benefit-card[data-v-81f3b1ec] {
    background-color: #222;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    flex-shrink: 0;
    width: 120px;
    transition: transform .3s
}

.benefit-card[data-v-81f3b1ec]:hover {
    transform: translateY(-5px)
}

.benefit-icon img[data-v-81f3b1ec] {
    width: 80px;
    height: 80px;
    margin-bottom: .5rem
}

.benefit-info h3[data-v-81f3b1ec] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.benefit-info p[data-v-81f3b1ec] {
    font-size: .875rem;
    color: #aaa
}

.vip-benefits[data-v-81f3b1ec] {
    padding: 1rem 0;
    color: #fff
}

.title-navigation[data-v-81f3b1ec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.benefits-title[data-v-81f3b1ec] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #00b2ff;
    margin: 0
}

.nav-button[data-v-81f3b1ec] {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    transition: transform .3s
}

.navigation-buttons[data-v-81f3b1ec] {
    display: flex;
    gap: .5rem
}

.nav-button[data-v-81f3b1ec]:hover {
    transform: scale(1.1)
}

.benefits-list-scrollable[data-v-81f3b1ec] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding: .5rem 0;
    scroll-behavior: smooth
}

.benefit-card[data-v-81f3b1ec] {
    background: #1a1a1a;
    border-radius: .5rem;
    padding: 1rem;
    text-align: center;
    min-width: 150px;
    flex-shrink: 0
}

.benefit-card h3[data-v-81f3b1ec] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem;
    color: var(--vips_icons_text_color)
}

.benefit-card p[data-v-81f3b1ec] {
    font-size: .875rem;
    color: var(--vips_icons_sub_text_color)
}

.benefits-list-scrollable[data-v-81f3b1ec] {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.benefits-list-scrollable[data-v-81f3b1ec]::-webkit-scrollbar {
    display: none
}

.tag-container[data-v-81f3b1ec] {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    gap: .5rem
}

.tag[data-v-81f3b1ec] {
    background-color: #444;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    padding: .2rem .5rem;
    border-radius: .25rem;
    text-transform: uppercase;
    box-shadow: 0 2px 4px #0003
}

.tag.current[data-v-81f3b1ec] {
    background-color: var(--vip_atual_background);
    color: var(--vip_atual_text_color) !important
}

.tag.next[data-v-81f3b1ec] {
    background-color: var(--vip_proximo_background);
    color: var(--vip_proximo_text_color) !important
}

.benefit-card[data-v-81f3b1ec] {
    position: relative;
    background: var(--vips_icons_background);
    border-radius: .5rem;
    padding: 1rem;
    text-align: center;
    min-width: 150px;
    flex-shrink: 0;
    transition: transform .3s
}

.benefit-card img[data-v-81f3b1ec] {
    max-width: 80px;
    margin: 0 auto 1rem;
    display: block
}

.vip-claim-button[data-v-81f3b1ec] {
    background-color: var(--vips_button_background);
    color: var(--vips_button_text_color);
    padding: .75rem 1.5rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    transition: background-color .3s;
    margin-top: 1rem
}

.vip-claim-button[data-v-81f3b1ec]:hover {
    background-color: var(--vips_button_background)
}

.vip-bonus-status[data-v-81f3b1ec] {
    color: #ccc;
    font-size: .875rem;
    margin-top: 1rem
}

body {
    padding-bottom: 0 !important;
    --bottom-nav-pad: 0px !important
}

#container[data-v-f288adc4] {
    width: 100%;
    height: 100svh;
    text-align: center;
    background: #2c3e50;
    color: #fefefe;
    position: relative
}

#progressbar[data-v-f288adc4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: #fff000;
    z-index: 2;
    animation: progress-f288adc4 2s linear forwards
}

@keyframes progress-f288adc4 {
    0% {
        width: 0%
    }

    to {
        width: 100%
    }
}

.ring[data-v-f288adc4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background: transparent;
    border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 150px;
    font-size: 14px;
    color: #fff000;
    text-transform: uppercase;
    box-shadow: 0 0 20px #00000080
}

.ring[data-v-f288adc4]:before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 3px solid #fff000;
    border-right: 3px solid #fff000;
    border-radius: 50%;
    animation: animateC-f288adc4 2s linear infinite
}

.ring span[data-v-f288adc4] {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background: transparent;
    transform-origin: left;
    animation: animate-f288adc4 2s linear infinite
}

.ring span[data-v-f288adc4]:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff000;
    top: -6px;
    right: -8px;
    box-shadow: 0 0 20px #fff000
}

@keyframes animateC-f288adc4 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes animate-f288adc4 {
    0% {
        transform: rotate(45deg)
    }

    to {
        transform: rotate(405deg)
    }
}

.error-container[data-v-f288adc4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100svh;
    background-color: #1e3a8a;
    text-align: center;
    padding: 0 20px
}

.error-image[data-v-f288adc4] {
    max-width: 80%;
    max-height: 80svh;
    margin-bottom: 20px
}

.error-message[data-v-f288adc4] {
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.4;
    max-width: 600px
}

.error-icon[data-v-f288adc4] {
    font-size: 64px;
    color: #fc0;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .3)
}

.game-container[data-v-f288adc4] {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #000
}

.game-full[data-v-f288adc4] {
    width: 100%;
    height: 100%;
    border: none;
    box-sizing: border-box
}

.home-button[data-v-f288adc4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    text-decoration: none
}

.home-button i[data-v-f288adc4] {
    font-size: 25px
}

.absolute[data-v-f288adc4] {
    position: absolute
}

.top-4[data-v-f288adc4] {
    top: 1rem
}

.left-4[data-v-f288adc4] {
    left: 1rem
}

@supports (height: 100svh) {

    #container[data-v-f288adc4],
    .error-container[data-v-f288adc4] {
        height: 100svh
    }
}

.error-container[data-v-5068b69f] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #1e3a8a;
    text-align: center;
    padding: 0 20px
}

.error-image[data-v-5068b69f] {
    max-width: 80%;
    max-height: 80vh;
    margin-bottom: 20px
}

.error-message[data-v-5068b69f] {
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.4;
    max-width: 600px
}

.flex[data-v-5068b69f] {
    display: flex
}

.flex-col[data-v-5068b69f] {
    flex-direction: column
}

.game-container[data-v-5068b69f] {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: #000c20 !important
}

.error-icon[data-v-5068b69f] {
    font-size: 64px;
    color: #fefefe;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .3)
}

.game-full[data-v-5068b69f] {
    width: 100%;
    height: 100%;
    border: none;
    box-sizing: border-box
}

.home-button[data-v-5068b69f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    text-decoration: none
}

.home-button i[data-v-5068b69f] {
    font-size: 25px
}

.absolute[data-v-5068b69f] {
    position: absolute
}

.top-4[data-v-5068b69f] {
    top: 1rem
}

.left-4[data-v-5068b69f] {
    left: 1rem
}

.input-group[data-v-47247d8e] {
    border-color: var(--esqueci_input_border_color) !important;
    background-color: var(--esqueci_input_background) !important;
    color: var(--esqueci_input_text_color) !important;
    font-weight: 500;
    letter-spacing: .02em;
    font-family: revert-layer
}

.input-group[data-v-47247d8e]:focus,
.input-group[data-v-47247d8e]:-webkit-autofill {
    background-color: var(--esqueci_background) !important;
    color: var(--esqueci_input_text_color) !important;
    -webkit-text-fill-color: var(--esqueci_input_text_color) !important;
    border-color: var(--esqueci_input_border_color) !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    font-weight: 500;
    letter-spacing: .02em;
    font-family: revert-layer
}

.rest-button[data-v-47247d8e] {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 5px;
    background-color: var(--esqueci_button_background) !important;
    color: var(--esqueci_button_text_color) !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .3s, color .3s
}

.rest-button[data-v-47247d8e]:hover {
    background-color: #fff;
    color: var(--ci-gray-over) !important
}

.logo-register[data-v-47247d8e] {
    display: flex !important;
    justify-content: center !important
}

.banner-register[data-v-47247d8e] {
    -webkit-mask-image: linear-gradient(180deg, #000 85%, transparent) !important;
    mask-image: linear-gradient(180deg, #000 85%, transparent) !important
}

.register-card[data-v-47247d8e] {
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    background-color: var(--login_background) !important;
    box-shadow: 0 0 20px #0000001a;
    text-align: center;
    margin-top: 50px
}

.px-4[data-v-47247d8e] {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem
}