.loading-bar span[data-v-e8bc8454]:first-child {
	animation-delay: 0s
}

.loading-bar span[data-v-e8bc8454]:nth-child(2) {
	animation-delay: .1s
}

.loading-bar span[data-v-e8bc8454]:nth-child(3) {
	animation-delay: .2s
}

.loading-bar span[data-v-e8bc8454]:nth-child(4) {
	animation-delay: .3s
}

.loading-bar span[data-v-e8bc8454]:nth-child(5) {
	animation-delay: .4s
}

.loading-bar span[data-v-e8bc8454]:nth-child(6) {
	animation-delay: .5s
}

.loading-bar span[data-v-e8bc8454]:nth-child(7) {
	animation-delay: .6s
}

.loading-bar span[data-v-e8bc8454]:nth-child(8) {
	animation-delay: .7s
}

.rotate[data-v-837331c7] {
	animation: spin 1s linear infinite;
	transform: rotate(0)
}

.badge[data-v-372d50d7] {
	min-height: 1.0714285714rem;
	min-width: 1.0714285714rem;
	transform: translate(35%)
}

.tab-indicator[data-v-372d50d7] {
	height: 3.2857142857rem;
	transform: var(--2088e4f6);
	transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
	width: var(--eeb2dfaa)
}

.disabled-drag[data-v-0819dce8] {
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

.drop-shadow[data-v-0819dce8] {
	filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .75))
}

.item-block[data-v-129252db] {
	font-size: 1.0714285714285714rem;
	padding-bottom: .5rem;
	padding-top: .5rem;
	width: 100%
}

.item-block .item[data-v-129252db] {
	--tw-border-opacity: 1;
	--tw-bg-opacity: 1;
	align-items: center;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	border-bottom-width: 1px;
	border-color: rgb(212 224 229/var(--tw-border-opacity));
	display: flex;
	height: 3.2142857142857144rem;
	padding-left: 1rem;
	padding-right: 1rem
}

.item-block .item.item-black[data-v-129252db] {
	--tw-bg-opacity: 1;
	background-color: rgb(212 224 229/var(--tw-bg-opacity))
}

.item-block .item[data-v-129252db]:first-child {
	border-top-left-radius: .75rem;
	border-top-right-radius: .75rem
}

.item-block .item[data-v-129252db]:last-child {
	border-bottom-left-radius: .75rem;
	border-bottom-right-radius: .75rem;
	border-width: 0
}

.item-block .item .icon[data-v-129252db] {
	font-size: 1.1428571428571428rem;
	margin-right: .5rem
}

.item-block .item .icon-right[data-v-129252db] {
	--tw-rotate: 180deg;
	--tw-text-opacity: 1;
	color: rgb(126 145 158/var(--tw-text-opacity));
	font-size: .8571428571428571rem;
	position: absolute;
	right: 2rem;
	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))
}

.icon-sphere[data-v-129252db] {
	margin-right: .5rem
}

.content[data-v-4f85dc23] {
	height: calc(100% - 3.85714rem)
}

@keyframes spinnerLeftRight-aab3e739 {
	0% {
		left: 75%
	}

	50% {
		left: -15%
	}

	to {
		left: 75%
	}
}

.loading[data-v-aab3e739] {
	background-color: #262c32b3
}

.loading-box[data-v-aab3e739] {
	background: rgba(27, 31, 35, .7)
}

.loading-spinner[data-v-aab3e739] {
	height: 1.4285714286rem
}

.loading-spinner[data-v-aab3e739]:after {
	animation: spinnerLeftRight-aab3e739 .6s infinite;
	border-radius: 100%;
	left: -15%;
	opacity: .4
}

.loading-spinner[data-v-aab3e739]:after,
.loading-spinner[data-v-aab3e739]:before {
	background-color: #148810;
	content: "";
	height: 1.4285714286rem;
	position: absolute;
	width: 1.4285714286rem
}

.loading-spinner[data-v-aab3e739]:before {
	animation: spinnerLeftRight-aab3e739 .6s 95ms infinite;
	border-radius: 50%;
	left: -10%;
	opacity: 1
}

.alert__content span[data-v-acbeb4b6] {
	align-items: center;
	display: flex
}

body.is-desktop #page-container[data-v-03e0c935] {
	background-image: var(--fae0cde6)
}

@font-face {
	font-display: block;
	font-family: icomoon;
	font-style: normal;
	font-weight: 400;
	src: url(/assets/1.3.2_1-icomoon.8283f321.eot?gwzgys);
	src: url(/assets/1.3.2_1-icomoon.8283f321.eot?gwzgys#iefix) format("embedded-opentype"), url(/assets/1.3.2_1-icomoon.9d50ea61.ttf?gwzgys) format("truetype"), url(/assets/1.3.2_1-icomoon.956bbbfb.woff?gwzgys) format("woff"), url(/assets/1.3.2_1-icomoon.3c93653a.svg?gwzgys#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
	speak: never;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: icomoon !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none
}

.icon-a-z:before {
	content: ""
}

.icon-active-log:before {
	content: ""
}

.icon-all:before {
	content: ""
}

.icon-arrow-double:before {
	content: ""
}

.icon-arrow-down:before {
	content: ""
}

.icon-arrow-down-sencodary:before {
	content: ""
}

.icon-arrow-left:before {
	content: ""
}

.icon-backspace:before {
	content: ""
}

.icon-bookmaker .path1:before {
	color: #386abd;
	content: ""
}

.icon-bookmaker .path2:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-calendar:before {
	content: ""
}

.icon-catalog:before {
	content: ""
}

.icon-check:before {
	content: ""
}

.icon-check-circle:before {
	content: ""
}

.icon-clock:before {
	content: ""
}

.icon-clone:before {
	content: ""
}

.icon-close:before {
	content: ""
}

.icon-cricket:before {
	content: ""
}

.icon-del:before {
	content: ""
}

.icon-download:before {
	content: ""
}

.icon-edit:before {
	content: ""
}

.icon-editing:before {
	content: ""
}

.icon-email:before {
	content: ""
}

.icon-empty:before {
	content: ""
}

.icon-exchange:before {
	content: ""
}

.icon-expend:before {
	content: ""
}

.icon-facebook:before {
	content: ""
}

.icon-fancybet .path1:before {
	color: #f22a96;
	content: ""
}

.icon-fancybet .path2:before {
	color: #4290a3;
	content: "";
	margin-left: -1em
}

.icon-fancybet .path3:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-fancybet .path4:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-fullscreen:before {
	content: ""
}

.icon-game-hall-egame:before {
	content: ""
}

.icon-game-hall-fishing:before {
	content: ""
}

.icon-game-hall-live:before {
	content: ""
}

.icon-game-hall-slot:before {
	content: ""
}

.icon-game-hall-sports:before {
	content: ""
}

.icon-game-hall-table:before {
	content: ""
}

.icon-graph:before {
	content: ""
}

.icon-history:before {
	content: ""
}

.icon-home:before {
	content: ""
}

.icon-in-play .path1:before {
	color: #52bf04;
	content: ""
}

.icon-in-play .path2:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-in-play .path3:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-in-play .path4:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-in-play .path5:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-in-play .path6:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-in-play .path7:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-in-play .path8:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-info-circle:before {
	content: ""
}

.icon-inplay-b:before {
	color: #b3a7a7;
	content: ""
}

.icon-instagram:before {
	content: ""
}

.icon-latest:before {
	content: ""
}

.icon-list:before {
	content: ""
}

.icon-live:before {
	color: #f23b3b;
	content: ""
}

.icon-lock:before {
	content: ""
}

.icon-login:before {
	content: ""
}

.icon-logout:before {
	content: ""
}

.icon-menu:before {
	content: ""
}

.icon-mic:before {
	content: ""
}

.icon-min-max:before {
	content: ""
}

.icon-minus:before {
	content: ""
}

.icon-notice:before {
	content: ""
}

.icon-parlay:before {
	content: ""
}

.icon-parlay-list:before {
	content: ""
}

.icon-parlay-up:before {
	content: ""
}

.icon-pdf:before {
	content: ""
}

.icon-phone:before {
	content: ""
}

.icon-phone-outgoing:before {
	content: ""
}

.icon-play-film:before {
	content: ""
}

.icon-plus:before {
	content: ""
}

.icon-poker:before {
	content: ""
}

.icon-profile:before {
	content: ""
}

.icon-profit-loss:before {
	content: ""
}

.icon-refresh:before {
	content: ""
}

.icon-search:before {
	content: ""
}

.icon-setting:before {
	content: ""
}

.icon-shield:before {
	content: ""
}

.icon-sign-up:before {
	content: ""
}

.icon-skype:before {
	content: ""
}

.icon-soccer:before {
	content: ""
}

.icon-sphere:before {
	content: ""
}

.icon-sport:before {
	content: ""
}

.icon-sportsbook .path1:before {
	color: #d45f2b;
	content: ""
}

.icon-sportsbook .path2:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-sportsbook .path3:before {
	color: #fff;
	content: "";
	margin-left: -1em
}

.icon-star:before {
	content: ""
}

.icon-star-disable:before {
	content: ""
}

.icon-star-solid:before {
	content: ""
}

.icon-telegram:before {
	content: ""
}

.icon-tennis:before {
	content: ""
}

.icon-today:before {
	content: ""
}

.icon-toggle:before {
	content: ""
}

.icon-tomorrow:before {
	color: #9b9b9b;
	content: ""
}

.icon-transfer:before {
	content: ""
}

.icon-transfer-log:before {
	content: ""
}

.icon-triangle:before {
	content: ""
}

.icon-trophy:before {
	content: ""
}

.icon-trophy-disable:before {
	content: ""
}

.icon-um:before {
	content: ""
}

.icon-user:before {
	content: ""
}

.icon-visibility-off:before {
	content: ""
}

.icon-visibility-on:before {
	content: ""
}

.icon-volume:before {
	content: ""
}

.icon-volume-off:before {
	content: ""
}

.icon-vs:before {
	content: ""
}

.icon-wallet:before {
	content: ""
}

.icon-whatsapp:before {
	content: ""
}

.icon-whatsapp-line:before {
	content: ""
}

.icon-wifi:before {
	content: ""
}

.icon-youtube .path1:before {
	color: #010201;
	content: ""
}

.icon-youtube .path2:before {
	color: #000;
	content: "";
	margin-left: -1em
}

/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
	border: 0 solid;
	box-sizing: border-box
}

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

html {
	-webkit-text-size-adjust: 100%;
	font-feature-settings: normal;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}

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

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

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,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	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 {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

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

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-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,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

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

textarea {
	resize: vertical
}

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

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

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

:disabled {
	cursor: default
}

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

img,
video {
	height: auto
}

[hidden] {
	display: none
}

*,
:after,
:before {
	--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-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: rgba(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:
}

::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-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: rgba(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:
}

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

.btn-normal {
	background-color: var(--color-button-normal);
	color: var(--color-button-normal-text)
}

.btn-login {
	background-color: var(--color-button-login);
	color: var(--color-button-login-text)
}

.btn-login-index {
	background-color: var(--color-button-login-index);
	color: var(--color-button-login-index-text)
}

.btn-outline {
	background-color: transparent;
	border-color: #7e919e;
	border-width: 1px;
	color: #1e1e1e
}

.modal-content {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	border-top-left-radius: .75rem;
	border-top-right-radius: .75rem;
	flex: 1 1 0%;
	font-size: 1rem;
	height: 100%;
	line-height: 1.5rem;
	line-height: 1.25;
	overflow-y: scroll;
	padding: 2rem
}

.modal-content .title-divide {
	--tw-bg-opacity: 1;
	background-color: rgb(212 224 229/var(--tw-bg-opacity));
	height: 1px;
	margin-bottom: 1rem;
	margin-top: 1rem
}

.modal-content h1 {
	font-size: 1.5714285714285714rem;
	font-weight: 700;
	line-height: 2rem
}

.modal-content h2 {
	color: var(--color-global-font-on-light);
	font-size: 1.2857142857142858rem;
	line-height: 1;
	margin-bottom: .8571428571428571rem;
	margin-top: .8571428571428571rem;
	text-align: left
}

.modal-content h3 {
	align-items: center;
	display: flex;
	font-weight: 700;
	justify-content: space-between
}

.modal-content h3,
.modal-content h4 {
	font-size: 1.1428571428571428rem;
	line-height: 1;
	margin-bottom: .8571428571428571rem;
	margin-top: .8571428571428571rem
}

.modal-content h4 {
	font-weight: 400
}

.modal-content hr {
	--tw-bg-opacity: 1;
	background-color: rgb(212 224 229/var(--tw-bg-opacity));
	border-width: 0;
	height: 1px;
	margin-bottom: 1rem;
	margin-top: 1rem
}

.modal-content p {
	margin-bottom: .5rem
}

.modal-content i {
	display: block
}

.modal-content aside {
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1.75rem
}

.modal-content ol {
	margin-bottom: .5rem;
	margin-top: .8571428571428571rem;
	padding-left: .875rem
}

.modal-content ol li {
	line-height: 1.5;
	list-style-type: decimal;
	margin-bottom: .5rem;
	margin-left: 1rem;
	margin-top: .5rem
}

.modal-content ul {
	list-style-position: inside;
	margin-bottom: .5rem;
	padding-left: .875rem
}

.modal-content ul li {
	line-height: 1.5;
	list-style-type: decimal;
	margin-bottom: .5rem;
	margin-left: 1rem;
	margin-top: .5rem
}

.modal-content a {
	cursor: pointer
}

.modal-content>:last-child {
	margin-bottom: 2.142857142857143rem
}

.pointer-events-none {
	pointer-events: none
}

.visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.collapse {
	visibility: collapse
}

.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.top-0 {
	top: 0
}

.right-0 {
	right: 0
}

.left-0 {
	left: 0
}

.bottom-0 {
	bottom: 0
}

.right-2 {
	right: .5rem
}

.bottom-1 {
	bottom: .25rem
}

.bottom-28 {
	bottom: 7rem
}

.bottom-14 {
	bottom: 3.5rem
}

.top-6px {
	top: .42857142857142855rem
}

.top-3 {
	top: .75rem
}

.left-3 {
	left: .75rem
}

.top-2 {
	top: .5rem
}

.right-3 {
	right: .75rem
}

.top-auto {
	top: auto
}

.left-auto {
	left: auto
}

.left-4 {
	left: 1rem
}

.top-3\.5 {
	top: .875rem
}

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

.left-11 {
	left: 2.75rem
}

.top-4 {
	top: 1rem
}

.left-14 {
	left: 3.5rem
}

.left-10 {
	left: 2.5rem
}

.-top-40px {
	top: -2.857142857142857rem
}

.bottom-1\.5 {
	bottom: .375rem
}

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

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

.top-1 {
	top: .25rem
}

.top-10 {
	top: 2.5rem
}

.right-8 {
	right: 2rem
}

.top-8 {
	top: 2rem
}

.right-6 {
	right: 1.5rem
}

.right-5 {
	right: 1.25rem
}

.top-0\.5 {
	top: .125rem
}

.right-0\.5 {
	right: .125rem
}

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

.right-4 {
	right: 1rem
}

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

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

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

.left-2 {
	left: .5rem
}

.right-1 {
	right: .25rem
}

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

.top-full {
	top: 100%
}

.top-40 {
	top: 10rem
}

.left-0\.5 {
	left: .125rem
}

.bottom-16 {
	bottom: 4rem
}

.bottom-2 {
	bottom: .5rem
}

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

.right-48 {
	right: 12rem
}

.right-2px {
	right: .14285714285714285rem
}

.right-1\.5 {
	right: .375rem
}

.bottom-44 {
	bottom: 11rem
}

.bottom-112px,
.bottom-32 {
	bottom: 8rem
}

.bottom-60px {
	bottom: 4.285714285714286rem
}

.top-40px {
	top: 2.857142857142857rem
}

.z-40 {
	z-index: 40
}

.z-10 {
	z-index: 10
}

.z-30 {
	z-index: 30
}

.z-0 {
	z-index: 0
}

.z-50 {
	z-index: 50
}

.z-20 {
	z-index: 20
}

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

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

.col-start-1 {
	grid-column-start: 1
}

.col-start-2 {
	grid-column-start: 2
}

.col-end-1 {
	grid-column-end: 1
}

.col-end-2 {
	grid-column-end: 2
}

.m-auto {
	margin: auto
}

.-m-2px {
	margin: -.14285714285714285rem
}

.-m-4 {
	margin: -1rem
}

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

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

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

.mx-0\.5 {
	margin-left: .125rem;
	margin-right: .125rem
}

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

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

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

.mx-3\.5 {
	margin-left: .875rem;
	margin-right: .875rem
}

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

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

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

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

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

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

.-mx-7 {
	margin-left: -1.75rem;
	margin-right: -1.75rem
}

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

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

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

.mx-1\.5 {
	margin-left: .375rem;
	margin-right: .375rem
}

.mx-px {
	margin-left: 1px;
	margin-right: 1px
}

.-mx-px {
	margin-left: -1px;
	margin-right: -1px
}

.my-0\.5 {
	margin-bottom: .125rem;
	margin-top: .125rem
}

.my-0 {
	margin-bottom: 0
}

.mt-0,
.my-0 {
	margin-top: 0
}

.mt-0\.5 {
	margin-top: .125rem
}

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

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

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

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

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

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

.mr-1\.5 {
	margin-right: .375rem
}

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

.mb-60 {
	margin-bottom: 15rem
}

.mt-40px {
	margin-top: 2.857142857142857rem
}

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

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

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

.mr-3px {
	margin-right: .21428571428571427rem
}

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

.mr-9px {
	margin-right: .6428571428571429rem
}

.ml-8px {
	margin-left: .5714285714285714rem
}

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

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

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

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

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

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

.ml-0\.5 {
	margin-left: .125rem
}

.ml-0 {
	margin-left: 0
}

.ml-1\.5 {
	margin-left: .375rem
}

.ml-10 {
	margin-left: 2.5rem
}

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

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

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

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

.mb-10px {
	margin-bottom: .7142857142857143rem
}

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

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

.mr-0\.5 {
	margin-right: .125rem
}

.mr-0 {
	margin-right: 0
}

.mr-4px {
	margin-right: .2857142857142857rem
}

.ml-2px {
	margin-left: .14285714285714285rem
}

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

.mb-0 {
	margin-bottom: 0
}

.mb-2px {
	margin-bottom: .14285714285714285rem
}

.mb-1px {
	margin-bottom: .07142857142857142rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

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

.ml-1px {
	margin-left: .07142857142857142rem
}

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

.mb-15px {
	margin-bottom: 1.0714285714285714rem
}

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

.mb-1\.5 {
	margin-bottom: .375rem
}

.-mt-12px {
	margin-top: -.8571428571428571rem
}

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

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

.mb-3px {
	margin-bottom: .21428571428571427rem
}

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

.mr-15px {
	margin-right: 1.0714285714285714rem
}

.-ml-0\.5 {
	margin-left: -.125rem
}

.-ml-0 {
	margin-left: 0
}

.ml-auto {
	margin-left: auto
}

.-mb-px {
	margin-bottom: -1px
}

.-ml-8px {
	margin-left: -.5714285714285714rem
}

.-ml-4px {
	margin-left: -.2857142857142857rem
}

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

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

.ml-6 {
	margin-left: 1.5rem
}

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

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

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-8px {
	margin-bottom: .5714285714285714rem
}

.mr-5px {
	margin-right: .35714285714285715rem
}

.mt-13px {
	margin-top: .9285714285714286rem
}

.-mt-7 {
	margin-top: -1.75rem
}

.-mr-2px {
	margin-right: -.14285714285714285rem
}

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

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

.-mb-45\.5px {
	margin-bottom: -3.25rem
}

.mt-2px {
	margin-top: .14285714285714285rem
}

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

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

.-ml-2px {
	margin-left: -.14285714285714285rem
}

.mr-11px {
	margin-right: .7857142857142857rem
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}

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

.aspect-auto {
	aspect-ratio: auto
}

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

.h-6 {
	height: 1.5rem
}

.h-full {
	height: 100%
}

.h-60px {
	height: 4.285714285714286rem
}

.h-4 {
	height: 1rem
}

.h-30px {
	height: 2.142857142857143rem
}

.h-40px {
	height: 2.857142857142857rem
}

.h-screen {
	height: 100vh
}

.h-auto {
	height: auto
}

.h-36px {
	height: 2.5714285714285716rem
}

.h-0 {
	height: 0
}

.h-45px {
	height: 3.2142857142857144rem
}

.h-3\.5 {
	height: .875rem
}

.h-3 {
	height: .75rem
}

.h-26px {
	height: 1.8571428571428572rem
}

.h-28 {
	height: 7rem
}

.h-4px {
	height: .2857142857142857rem
}

.h-268px {
	height: 19.142857142857142rem
}

.h-8 {
	height: 2rem
}

.h-12 {
	height: 3rem
}

.h-7 {
	height: 1.75rem
}

.h-5 {
	height: 1.25rem
}

.h-px {
	height: 1px
}

.h-2 {
	height: .5rem
}

.h-10 {
	height: 2.5rem
}

.h-14 {
	height: 3.5rem
}

.h-27px {
	height: 1.9285714285714286rem
}

.h-50px {
	height: 3.5714285714285716rem
}

.h-10px {
	height: .7142857142857143rem
}

.h-9 {
	height: 2.25rem
}

.h-20px {
	height: 1.4285714285714286rem
}

.h-6px {
	height: .42857142857142855rem
}

.h-11px {
	height: .7857142857142857rem
}

.h-34px {
	height: 2.4285714285714284rem
}

.h-150px {
	height: 10.714285714285714rem
}

.h-full-with-header-footer {
	height: calc(100vh - 7.14286rem)
}

.h-95px {
	height: 6.785714285714286rem
}

.h-111px {
	height: 7.928571428571429rem
}

.h-24px {
	height: 1.7142857142857142rem
}

.h-3px {
	height: .21428571428571427rem
}

.h-63px {
	height: 4.5rem
}

.h-24 {
	height: 6rem
}

.h-16px {
	height: 1.1428571428571428rem
}

.h-465px {
	height: 33.214285714285715rem
}

.h-96px {
	height: 6.857142857142857rem
}

.h-1\/2 {
	height: 50%
}

.h-3\/4 {
	height: 75%
}

.h-1\/3 {
	height: 33.333333%
}

.max-h-8 {
	max-height: 2rem
}

.max-h-72 {
	max-height: 18rem
}

.min-h-full-with-header-footer {
	min-height: calc(100vh - 7.14286rem)
}

.min-h-full-with-header {
	min-height: calc(100vh - 4.28571rem)
}

.min-h-40px {
	min-height: 2.857142857142857rem
}

.min-h-28px {
	min-height: 2rem
}

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

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

.min-h-49px {
	min-height: 3.5rem
}

.w-full {
	width: 100%
}

.w-8 {
	width: 2rem
}

.w-auto {
	width: auto
}

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

.w-48 {
	width: 12rem
}

.w-4 {
	width: 1rem
}

.w-4\/5 {
	width: 80%
}

.w-120px {
	width: 8.571428571428571rem
}

.w-80px {
	width: 5.714285714285714rem
}

.w-45px {
	width: 3.2142857142857144rem
}

.w-60px {
	width: 4.285714285714286rem
}

.w-24 {
	width: 6rem
}

.w-28 {
	width: 7rem
}

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

.w-4px {
	width: .2857142857142857rem
}

.w-84px {
	width: 6rem
}

.w-50px {
	width: 3.5714285714285716rem
}

.w-20 {
	width: 5rem
}

.w-6 {
	width: 1.5rem
}

.w-7 {
	width: 1.75rem
}

.w-90px {
	width: 6.428571428571429rem
}

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

.w-310px {
	width: 22.142857142857142rem
}

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

.w-5 {
	width: 1.25rem
}

.w-114px {
	width: 8.14285714286rem
}

.w-58px {
	width: 4.142857142857143rem
}

.w-9\/12 {
	width: 75%
}

.w-3\/12 {
	width: 25%
}

.w-16 {
	width: 4rem
}

.w-155px {
	width: 11.0714285714rem
}

.w-10 {
	width: 2.5rem
}

.w-2\/12 {
	width: 16.666667%
}

.w-181px {
	width: 12.928571428571429rem
}

.w-10\/12 {
	width: 83.333333%
}

.w-48px {
	width: 3.4285714285714284rem
}

.w-9 {
	width: 2.25rem
}

.w-4\/12 {
	width: 33.333333%
}

.w-31\% {
	width: 31%
}

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

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

.w-0 {
	width: 0
}

.w-1px {
	width: .07142857142857142rem
}

.w-2 {
	width: .5rem
}

.w-10px {
	width: .7142857142857143rem
}

.w-30px {
	width: 2.142857142857143rem
}

.w-150px {
	width: 10.714285714285714rem
}

.w-100px {
	width: 7.142857142857143rem
}

.w-53px {
	width: 3.7857142857142856rem
}

.w-6px {
	width: .42857142857142855rem
}

.w-20px {
	width: 1.4285714285714286rem
}

.w-158px {
	width: 11.2857143rem
}

.w-40 {
	width: 10rem
}

.w-108px {
	width: 7.714285714285714rem
}

.w-51px {
	width: 3.642857142857143rem
}

.w-1 {
	width: .25rem
}

.w-14 {
	width: 3.5rem
}

.w-8\/12 {
	width: 66.666667%
}

.w-1\/5 {
	width: 20%
}

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

.w-27px {
	width: 1.9285714285714286rem
}

.w-11\/12 {
	width: 91.666667%
}

.w-3 {
	width: .75rem
}

.w-3px {
	width: .21428571428571427rem
}

.w-12 {
	width: 3rem
}

.min-w-189px {
	min-width: 13.5rem
}

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

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

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

.max-w-xs {
	max-width: 20rem
}

.max-w-480px {
	max-width: 480px
}

.max-w-280px {
	max-width: 20rem
}

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

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

.shrink {
	flex-shrink: 1
}

.shrink-0 {
	flex-shrink: 0
}

.flex-grow-0 {
	flex-grow: 0
}

.grow {
	flex-grow: 1
}

.origin-center {
	transform-origin: center
}

.translate-x-full {
	--tw-translate-x: 100%
}

.-translate-y-1\/2,
.translate-x-full {
	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%
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%
}

.-translate-x-1\/2,
.translate-y-1px {
	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-1px {
	--tw-translate-y: .07142857142857142rem
}

.-translate-y-1px {
	--tw-translate-y: -.07142857142857142rem
}

.-translate-y-1px,
.translate-y-0 {
	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
}

.translate-y-3px {
	--tw-translate-y: .21428571428571427rem
}

.-translate-y-4px,
.translate-y-3px {
	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-4px {
	--tw-translate-y: -.2857142857142857rem
}

.-translate-x-1\.5 {
	--tw-translate-x: -.375rem
}

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

.-translate-x-1 {
	--tw-translate-x: -.25rem
}

.rotate-90 {
	--tw-rotate: 90deg
}

.rotate-180,
.rotate-90 {
	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
}

.-rotate-90 {
	--tw-rotate: -90deg
}

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

.scale-75 {
	--tw-scale-x: .75;
	--tw-scale-y: .75
}

.scale-\[83\.3\%\] {
	--tw-scale-x: 83.3%;
	--tw-scale-y: 83.3%
}

.scale-110,
.scale-\[83\.3\%\] {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-110 {
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1
}

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

@keyframes spin {
	to {
		transform: rotate(1turn)
	}

	50% {
		transform: rotate(180deg)
	}
}

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

@keyframes loadBar {
	0% {
		opacity: .1
	}

	50% {
		opacity: 1;
		transform: scale(1.4)
	}

	to {
		opacity: .1
	}
}

.animate-load-bar {
	animation: loadBar .8s ease infinite
}

@keyframes skeleton {
	0% {
		background-position: 100% 50%
	}

	to {
		background-position: 0 50%
	}
}

.animate-skeleton {
	animation: skeleton 1.4s ease infinite
}

.animate-spark-back {
	animation: sparkBack .8s ease
}

.animate-spark-lay {
	animation: sparkLay .8s ease
}

@keyframes sparkLay {

	0%,
	to {
		background: #faa9ba
	}

	50% {
		background: #26f1f8;
		color: #000
	}
}

.animate-spark-no {
	animation: sparkLay .8s ease
}

@keyframes sparkBack {

	0%,
	to {
		background: #7cc3f5
	}

	50% {
		background: #f6ff0e;
		color: #000
	}
}

.animate-spark-yes {
	animation: sparkBack .8s ease
}

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

	40% {
		transform: scale(0)
	}

	70% {
		transform: scale(1.3)
	}

	to {
		transform: scale(1)
	}
}

.animate-deselect {
	animation: deselect .25s linear
}

@keyframes select {
	0% {
		transform: scale(.8)
	}

	45% {
		transform: scale(1.1)
	}

	90% {
		transform: scale(1.2)
	}

	to {
		transform: scale(1)
	}
}

.animate-select {
	animation: select .25s linear
}

.cursor-pointer {
	cursor: pointer
}

.cursor-text {
	cursor: text
}

.touch-none {
	touch-action: none
}

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

.resize {
	resize: both
}

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

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

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

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

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

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

.flex-row {
	flex-direction: row
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.flex-nowrap {
	flex-wrap: nowrap
}

.content-center {
	align-content: center
}

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

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

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

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

.gap-2 {
	gap: .5rem
}

.gap-0\.5 {
	gap: .125rem
}

.gap-0 {
	gap: 0
}

.gap-1 {
	gap: .25rem
}

.gap-2px {
	gap: .14285714285714285rem
}

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

.gap-y-6px {
	row-gap: .42857142857142855rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.divide-y>:not([hidden])~:not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
	border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-x>:not([hidden])~:not([hidden]) {
	--tw-divide-x-reverse: 0;
	border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
	border-right-width: calc(1px*var(--tw-divide-x-reverse))
}

.divide-black-300>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(212 224 229/var(--tw-divide-opacity))
}

.divide-black>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(30 30 30/var(--tw-divide-opacity))
}

.divide-black-100>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(238 246 251/var(--tw-divide-opacity))
}

.divide-black-400>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(156 177 189/var(--tw-divide-opacity))
}

.divide-white>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(255 255 255/var(--tw-divide-opacity))
}

.divide-opacity-30>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: .3
}

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

.self-center {
	align-self: center
}

.justify-self-end {
	justify-self: end
}

.overflow-hidden {
	overflow: hidden
}

.overflow-visible {
	overflow: visible
}

.overflow-scroll {
	overflow: scroll
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

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

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

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

.overscroll-y-none {
	overscroll-behavior-y: none
}

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

.text-clip {
	text-overflow: clip
}

.whitespace-nowrap {
	white-space: nowrap
}

.whitespace-pre-wrap {
	white-space: pre-wrap
}

.break-words {
	overflow-wrap: break-word
}

.break-all {
	word-break: break-all
}

.rounded {
	border-radius: .25rem
}

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

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

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

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

.rounded-6px {
	border-radius: .42857142857142855rem
}

.rounded-4px {
	border-radius: .2857142857142857rem
}

.rounded-3px {
	border-radius: .21428571428571427rem
}

.rounded-1px {
	border-radius: .07142857142857142rem
}

.rounded-3xl {
	border-radius: 1.5rem
}

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

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

.rounded-\[1\.25rem\] {
	border-radius: 1.25rem
}

.rounded-1\.5px {
	border-radius: .10714285714285714rem
}

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

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

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

.rounded-t-\[1\.0714285714285714rem\] {
	border-top-left-radius: 1.0714285714285714rem;
	border-top-right-radius: 1.0714285714285714rem
}

.rounded-b-none {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

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

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

.rounded-t-md {
	border-top-left-radius: .375rem;
	border-top-right-radius: .375rem
}

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

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

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

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

.rounded-r-xl {
	border-bottom-right-radius: .75rem;
	border-top-right-radius: .75rem
}

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

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

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

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

.rounded-br-lg {
	border-bottom-right-radius: .5rem
}

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

.rounded-tl-md {
	border-top-left-radius: .375rem
}

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

.rounded-br {
	border-bottom-right-radius: .25rem
}

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

.border {
	border-width: 1px
}

.border-0 {
	border-width: 0
}

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

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

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

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

.border-b-0 {
	border-bottom-width: 0
}

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

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

.border-solid {
	border-style: solid
}

.border-none {
	border-style: none
}

.border-checkbox-boder {
	border-color: var(--color-checkbox-boder)
}

.border-reportForm-main {
	border-color: var(--color-reportForm-main)
}

.border-black-300 {
	--tw-border-opacity: 1;
	border-color: rgb(212 224 229/var(--tw-border-opacity))
}

.border-primary-dark-200 {
	border-color: var(--color-primaryDark-200)
}

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

.border-black-600 {
	--tw-border-opacity: 1;
	border-color: rgb(111 136 152/var(--tw-border-opacity))
}

.border-bet-focus {
	border-color: var(--color-primaryDark-100)
}

.border-bet-error {
	--tw-border-opacity: 1;
	border-color: rgb(246 105 135/var(--tw-border-opacity))
}

.border-yellow-800 {
	--tw-border-opacity: 1;
	border-color: rgb(255 200 0/var(--tw-border-opacity))
}

.border-black-400 {
	--tw-border-opacity: 1;
	border-color: rgb(156 177 189/var(--tw-border-opacity))
}

.border-black-500 {
	--tw-border-opacity: 1;
	border-color: rgb(126 145 158/var(--tw-border-opacity))
}

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

.border-casino-search-boder {
	--tw-border-opacity: 1;
	border-color: rgb(205 216 222/var(--tw-border-opacity))
}

.border-black-100 {
	--tw-border-opacity: 1;
	border-color: rgb(238 246 251/var(--tw-border-opacity))
}

.border-event-th-line {
	border-color: var(--color-event-th-line)
}

.border-t-black-300 {
	--tw-border-opacity: 1;
	border-top-color: rgb(212 224 229/var(--tw-border-opacity))
}

.border-r-white {
	--tw-border-opacity: 1;
	border-right-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-b-black-300 {
	--tw-border-opacity: 1;
	border-bottom-color: rgb(212 224 229/var(--tw-border-opacity))
}

.border-r-black-300 {
	--tw-border-opacity: 1;
	border-right-color: rgb(212 224 229/var(--tw-border-opacity))
}

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

.bg-checkbox-checked {
	background-color: var(--color-checkbox-bg-checked)
}

.bg-black-800 {
	--tw-bg-opacity: 1;
	background-color: rgb(38 44 50/var(--tw-bg-opacity))
}

.bg-button-normal {
	background-color: var(--color-button-normal)
}

.bg-secondary {
	background-color: var(--color-secondary)
}

.bg-black-400 {
	--tw-bg-opacity: 1;
	background-color: rgb(156 177 189/var(--tw-bg-opacity))
}

.bg-black-300 {
	--tw-bg-opacity: 1;
	background-color: rgb(212 224 229/var(--tw-bg-opacity))
}

.bg-black-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(238 246 251/var(--tw-bg-opacity))
}

.bg-inPlay {
	background-color: var(--color-in-play)
}

.bg-black-900 {
	--tw-bg-opacity: 1;
	background-color: rgb(27 31 35/var(--tw-bg-opacity))
}

.bg-submenu {
	background-color: var(--color-submenu-bg)
}

.bg-filter-active {
	background-color: var(--color-filter-active)
}

.bg-error {
	background-color: var(--color-error)
}

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

.bg-header-exp {
	background-color: var(--color-header-exp-bg)
}

.bg-primary-dark-200 {
	background-color: var(--color-primaryDark-200)
}

.bg-primary-dark-100 {
	background-color: var(--color-primaryDark-100)
}

.bg-loadAnitmate-main {
	background-color: var(--color-loadAni-main)
}

.bg-header-icon {
	/* background-color: var(--color-header-icon) */
	background-color: #75df92
}

.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgb(30 30 30/var(--tw-bg-opacity))
}

.bg-back-300 {
	--tw-bg-opacity: 1;
	background-color: rgb(124 195 245/var(--tw-bg-opacity))
}

.bg-lay-300 {
	--tw-bg-opacity: 1;
	background-color: rgb(250 169 186/var(--tw-bg-opacity))
}

.bg-back-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(208 232 250/var(--tw-bg-opacity))
}

.bg-lay-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(253 226 232/var(--tw-bg-opacity))
}

.bg-back {
	--tw-bg-opacity: 1;
	background-color: rgb(161 210 244/var(--tw-bg-opacity))
}

.bg-lay {
	--tw-bg-opacity: 1;
	background-color: rgb(252 198 209/var(--tw-bg-opacity))
}

.bg-black-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(111 136 152/var(--tw-bg-opacity))
}

.bg-success {
	--tw-bg-opacity: 1;
	background-color: rgb(98 183 11/var(--tw-bg-opacity))
}

.bg-warning {
	background-color: var(--color-3rd)
}

.bg-widget-active {
	background-color: var(--color-widget-active-bg)
}

.bg-bet-disabled {
	--tw-bg-opacity: 1;
	background-color: rgb(212 224 229/var(--tw-bg-opacity))
}

.bg-black-200 {
	--tw-bg-opacity: 1;
	background-color: rgb(226 234 239/var(--tw-bg-opacity))
}

.bg-back-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(55 157 230/var(--tw-bg-opacity))
}

.bg-lay-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(246 105 135/var(--tw-bg-opacity))
}

.bg-pop-title {
	background-color: var(--color-pop-title-bg)
}

.bg-green-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(23 74 26/var(--tw-bg-opacity))
}

.bg-green-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(17 152 32/var(--tw-bg-opacity))
}

.bg-red-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(255 0 0/var(--tw-bg-opacity))
}

.bg-yellow-600 {
	--tw-bg-opacity: 1;
	background-color: rgb(255 198 0/var(--tw-bg-opacity))
}

.bg-back-200 {
	--tw-bg-opacity: 1;
	background-color: rgb(161 210 244/var(--tw-bg-opacity))
}

.bg-market-tab-active {
	background-color: var(--color-market-tab-active)
}

.bg-event-tab-num {
	background-color: var(--color-event-tab-num)
}

.bg-market-name {
	background-color: var(--color-market-name)
}

.bg-\[\#eee\] {
	--tw-bg-opacity: 1;
	background-color: rgb(238 238 238/var(--tw-bg-opacity))
}

.bg-casino-gold-dark {
	--tw-bg-opacity: 1;
	background-color: rgb(148 111 59/var(--tw-bg-opacity))
}

.bg-casino-gold-light {
	--tw-bg-opacity: 1;
	background-color: rgb(255 224 167/var(--tw-bg-opacity))
}

.bg-black-400\/50 {
	background-color: #9cb1bd80
}

.bg-market-tab {
	background-color: rgb(161 148 101 / 45%);
}

.bg-menu-active {
	background-color: var(--color-menu-active)
}

.bg-event-tab {
	background-color: var(--color-event-tab)
}

.bg-black-500 {
	--tw-bg-opacity: 1;
	background-color: rgb(126 145 158/var(--tw-bg-opacity))
}

.bg-sub-tab-fancybet {
	background-color: var(--color-sub-tab-fancybet)
}

.bg-colorful-tag {
	background-color: var(--color-colorful-tag-bg)
}

.bg-global-font-on-light {
	background-color: var(--color-global-font-on-light)
}

.bg-event-tab-bg {
	background-color: var(--color-event-tab-num-bg)
}

.bg-parlay-down {
	--tw-bg-opacity: 1;
	background-color: rgb(226 0 0/var(--tw-bg-opacity))
}

.bg-black-700 {
	--tw-bg-opacity: 1;
	background-color: rgb(90 94 98/var(--tw-bg-opacity))
}

.bg-today {
	background-color: var(--color-today)
}

.bg-event-tab-icon {
	background-color: var(--color-event-tab-icon)
}

.bg-opacity-0 {
	--tw-bg-opacity: 0
}

.bg-opacity-50 {
	--tw-bg-opacity: .5
}

.bg-opacity-87 {
	--tw-bg-opacity: .87
}

.bg-opacity-30 {
	--tw-bg-opacity: .3
}

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

.bg-opacity-60 {
	--tw-bg-opacity: .6
}

.bg-opacity-80 {
	--tw-bg-opacity: .8
}

.bg-opacity-85 {
	--tw-bg-opacity: .85
}

.bg-star-sprit-black {}

.bg-\[url\(\'\/images\/luckco7-bg\.png\'\)\] {
	background-image: url(/images/luckco7-bg.png)
}

.bg-\[url\(\'\/images\/luckco7-loading_BG\.gif\'\)\] {
	background-image: url(/images/luckco7-loading_BG.gif)
}

.bg-skeleton-gradient {
	background-image: linear-gradient(90deg, #d4e0e5 25%, #e6e6e6 37%, #d4e0e5 63%)
}

.bg-star-sprit-yellow {
	background-image: url(/images/mypin-star-sprit-yellow.png)
}

.bg-star-sprit-white {
	background-image: url(/images/mypin-star-sprit-white.png)
}

.bg-star-sprit-gold {
	background-image: url(/images/mypin-star-sprit-gold.png)
}

.bg-casino-maintenance {
	background-image: url(/images/bg-casino-maintenance.jpg)
}

.bg-casino-game-hall-live {
	background-image: linear-gradient(-180deg, #d4e0e5, #eef6fb)
}

.bg-cover {
	background-size: cover
}

.bg-400\% {
	background-size: 400% 100%
}

.bg-bottom {
	background-position: bottom
}

.bg-center {
	background-position: 50%
}

.bg-no-repeat {
	background-repeat: no-repeat
}

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

.object-left {
	-o-object-position: left;
	object-position: left
}

.p-3 {
	padding: .75rem
}

.p-2 {
	padding: .5rem
}

.p-1 {
	padding: .25rem
}

.p-36 {
	padding: 9rem
}

.p-0\.5 {
	padding: .125rem
}

.p-0 {
	padding: 0
}

.p-4 {
	padding: 1rem
}

.p-1\.5 {
	padding: .375rem
}

.p-3px {
	padding: .21428571428571427rem
}

.p-9px {
	padding: .6428571428571429rem
}

.p-6 {
	padding: 1.5rem
}

.p-px {
	padding: 1px
}

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

.px-0\.5 {
	padding-left: .125rem;
	padding-right: .125rem
}

.px-0 {
	padding-left: 0;
	padding-right: 0
}

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

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

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

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

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

.py-px {
	padding-bottom: 1px;
	padding-top: 1px
}

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

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

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

.py-0\.5 {
	padding-bottom: .125rem;
	padding-top: .125rem;
	font-size: 10px;
}

.py-0 {
	padding-bottom: 0;
	padding-top: 0
}

.px-9px {
	padding-left: .6428571428571429rem;
	padding-right: .6428571428571429rem
}

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

.px-1\.5 {
	padding-left: .375rem;
	padding-right: .375rem
}

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

.py-20px {
	padding-bottom: 1.4285714285714286rem;
	padding-top: 1.4285714285714286rem
}

.py-9px {
	padding-bottom: .6428571428571429rem;
	padding-top: .6428571428571429rem
}

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

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

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

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

.py-3\.5 {
	padding-bottom: .875rem;
	padding-top: .875rem
}

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

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

.px-3\.5 {
	padding-left: .875rem;
	padding-right: .875rem
}

.px-7 {
	padding-left: 1.75rem;
	padding-right: 1.75rem
}

.py-45px {
	padding-bottom: 3.2142857142857144rem;
	padding-top: 3.2142857142857144rem
}

.py-16px {
	padding-bottom: 1.1428571428571428rem;
	padding-top: 1.1428571428571428rem
}

.px-7\.5px {
	padding-left: .5357142857142857rem;
	padding-right: .5357142857142857rem
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.px-\[0\.54rem\] {
	padding-left: .54rem;
	padding-right: .54rem
}

.py-56 {
	padding-bottom: 14rem;
	padding-top: 14rem
}

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

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

.py-13px {
	padding-bottom: .9285714285714286rem;
	padding-top: .9285714285714286rem
}

.py-11px {
	padding-bottom: .7857142857142857rem;
	padding-top: .7857142857142857rem
}

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

.py-12px {
	padding-bottom: .8571428571428571rem;
	padding-top: .8571428571428571rem
}

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

.pb-0 {
	padding-bottom: 0
}

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

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

.pt-6 {
	padding-top: 1.5rem
}

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

.pl-2px {
	padding-left: .14285714285714285rem
}

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

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

.pt-6px {
	padding-top: .42857142857142855rem
}

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

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

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

.pb-2px {
	padding-bottom: .14285714285714285rem
}

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

.pb-1\.5 {
	padding-bottom: .375rem
}

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

.pl-3px {
	padding-left: .21428571428571427rem
}

.pr-0\.5 {
	padding-right: .125rem
}

.pr-0 {
	padding-right: 0
}

.pl-0 {
	padding-left: 0
}

.pr-10 {
	padding-right: 2.5rem
}

.pr-14 {
	padding-right: 3.5rem
}

.pb-8px {
	padding-bottom: .5714285714285714rem
}

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

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

.pb-0\.5 {
	padding-bottom: .125rem
}

.pb-5px {
	padding-bottom: .35714285714285715rem
}

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

.pl-22px {
	padding-left: 1.5714285714285714rem
}

.pr-12px {
	padding-right: .8571428571428571rem
}

.pr-5px {
	padding-right: .35714285714285715rem
}

.pl-0\.5 {
	padding-left: .125rem
}

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

.pt-0\.5 {
	padding-top: .125rem
}

.pt-0 {
	padding-top: 0
}

.pt-px {
	padding-top: 1px
}

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

.pb-90px {
	padding-bottom: 6.428571428571429rem
}

.pb-6 {
	padding-bottom: 1.5rem
}

.pb-7 {
	padding-bottom: 1.75rem
}

.pb-3 {
	padding-bottom: .75rem
}

.pb-20px {
	padding-bottom: 1.4285714285714286rem
}

.pt-10 {
	padding-top: 2.5rem
}

.pr-10px {
	padding-right: .7142857142857143rem
}

.pb-14 {
	padding-bottom: 3.5rem
}

.pb-9px {
	padding-bottom: .6428571428571429rem
}

.pb-36 {
	padding-bottom: 9rem
}

.pr-9 {
	padding-right: 2.25rem
}

.pl-1\.5 {
	padding-left: .375rem
}

.pl-9px {
	padding-left: .6428571428571429rem
}

.pr-2px {
	padding-right: .14285714285714285rem
}

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

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

.pt-1\.5 {
	padding-top: .375rem
}

.pt-3 {
	padding-top: .75rem
}

.pb-4px {
	padding-bottom: .2857142857142857rem
}

.pr-px {
	padding-right: 1px
}

.pt-8px {
	padding-top: .5714285714285714rem
}

.pr-3px {
	padding-right: .21428571428571427rem
}

.pb-40 {
	padding-bottom: 10rem
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.-indent-2px {
	text-indent: -.14285714285714285rem
}

.align-baseline {
	vertical-align: baseline
}

.align-middle {
	vertical-align: middle
}

.align-text-bottom {
	vertical-align: text-bottom
}

.text-14 {
	font-size: 1rem
}

.text-11 {
	font-size: .7857142857142857rem
}

.text-20 {
	font-size: 1.4285714285714286rem
}

.text-25 {
	font-size: 1.7857142857142858rem
}

.text-12 {
	font-size: .8571428571428571rem
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
	color: white;
}

.text-8 {
	font-size: .5714285714285714rem
}

.text-15 {
	font-size: 1.0714285714285714rem
}

.text-13 {
	font-size: .9285714285714286rem
}

.text-40 {
	font-size: 2.857142857142857rem
}

.text-10 {
	font-size: .7142857142857143rem
}

.text-16 {
	font-size: 0.7928571428571428rem
}

.text-18 {
	font-size: 1.2857142857142858rem
}

.text-17 {
	font-size: 1.2142857142857142rem
}

.text-9 {
	font-size: .6428571428571429rem
}

.text-6 {
	font-size: .42857142857142855rem
}

.text-30 {
	font-size: 2.142857142857143rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-22 {
	font-size: 1.5714285714285714rem
}

.text-36 {
	font-size: 2.5714285714285716rem
}

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

.text-27 {
	font-size: 1.9285714285714286rem
}

.text-42 {
	font-size: 3rem
}

.text-48 {
	font-size: 3.4285714285714284rem
}

.font-bold {
	font-weight: 700
}

.font-normal {
	font-weight: 400
}

.font-extrabold {
	font-weight: 800
}

.font-semibold {
	font-weight: 600
}

.not-italic {
	font-style: normal
}

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

.leading-tight {
	line-height: 1.25
}

.leading-10px {
	line-height: .7142857142857143rem
}

.leading-3 {
	line-height: .75rem
}

.leading-normal {
	line-height: 1.5
}

.leading-8 {
	line-height: 2rem
}

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

.leading-loose {
	line-height: 2
}

.leading-none {
	line-height: 1
}

.leading-13px {
	line-height: .9285714285714286rem
}

.leading-5 {
	line-height: 1.25rem
}

.leading-16px {
	line-height: 1.1428571428571428rem
}

.leading-12px {
	line-height: .8571428571428571rem
}

.leading-19px {
	line-height: 1.3571428571428572rem
}

.leading-snug {
	line-height: 1.375
}

.leading-relaxed {
	line-height: 1.625
}

.leading-7 {
	line-height: 1.75rem
}

.leading-17px {
	line-height: 1.2142857142857142rem
}

.text-black-600 {
	--tw-text-opacity: 1;
	color: rgb(111 136 152/var(--tw-text-opacity))
}

.text-error {
	color: var(--color-error)
}

.text-checkbox-icon {
	color: var(--color-checkbox-icon)
}

.text-button-normal {
	color: white;
}

.text-reportForm-main {
	color: var(--color-reportForm-main)
}

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

.text-pop-title {
	color: var(--color-pop-title-text)
}

.text-global-font-on-dark {
	color: var(--color-global-font-on-dark)
}

.text-black-400 {
	--tw-text-opacity: 1;
	color: rgb(156 177 189/var(--tw-text-opacity))
}

.text-black {
	--tw-text-opacity: 1;
	color: rgb(30 30 30/var(--tw-text-opacity))
}

.text-black-700 {
	--tw-text-opacity: 1;
	color: rgb(90 94 98/var(--tw-text-opacity))
}

.text-black-300 {
	--tw-text-opacity: 1;
	color: rgb(212 224 229/var(--tw-text-opacity))
}

.text-submenu {
	color: var(--color-submenu-bg)
}

.text-filter-active {
	color: var(--color-filter-active)
}

.text-header-mypin-active {
	color: var(--color-header-mypin-active)
}

.text-icon-light {
	color: var(--color-icon-light)
}

.text-filter-active-icon {
	color: #ffeded;
}

.text-menu-active-icon {
	color: #ffffff
}

.text-black-900 {
	--tw-text-opacity: 1;
	color: rgb(27 31 35/var(--tw-text-opacity))
}

.text-success {
	--tw-text-opacity: 1;
	color: rgb(98 183 11/var(--tw-text-opacity))
}

.text-header-icon {
	color: white;
}

.text-header-text {
	color: white
}

.text-header-dollar {
	color: white;
}

.text-header-exp {
	color: #ab0202;
}

.text-black-200 {
	--tw-text-opacity: 1;
	color: rgb(226 234 239/var(--tw-text-opacity))
}

.text-black-500 {
	--tw-text-opacity: 1;
	color: rgb(126 145 158/var(--tw-text-opacity))
}

.text-primary-dark-100 {
	color: var(--color-primaryDark-100)
}

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

.text-back-600 {
	--tw-text-opacity: 1;
	color: rgb(26 142 225/var(--tw-text-opacity))
}

.text-lay-600 {
	--tw-text-opacity: 1;
	color: rgb(244 73 109/var(--tw-text-opacity))
}

.text-global-font-on-light {
	color: var(--color-global-font-on-light)
}

.text-warning,
.text-widget-text {
	color: var(--color-3rd)
}

.text-parlay-up {
	--tw-text-opacity: 1;
	color: rgb(88 166 8/var(--tw-text-opacity))
}

.text-parlay-down {
	--tw-text-opacity: 1;
	color: rgb(226 0 0/var(--tw-text-opacity))
}

.text-scoreboard-accent {
	color: var(--color-scoreboard-accent)
}

.text-market-sub-icon {
	color: #f3f3f3
}

.text-market-name {
	color: var(--color-market-name)
}

.text-\[\#666\] {
	--tw-text-opacity: 1;
	color: rgb(102 102 102/var(--tw-text-opacity))
}

.text-\[\#555\] {
	--tw-text-opacity: 1;
	color: rgb(85 85 85/var(--tw-text-opacity))
}

.text-casino-gold-light {
	--tw-text-opacity: 1;
	color: rgb(255 224 167/var(--tw-text-opacity))
}

.text-casino-gold-dark {
	--tw-text-opacity: 1;
	color: rgb(148 111 59/var(--tw-text-opacity))
}

.text-casino-platform-text {
	color: var(--color-platform-text)
}

.text-secondary {
	color: var(--color-secondary)
}

.text-market-exchange-tip {
	color: white;
}

.text-event-tab-bg {
	color: white;
}

.text-event-tab {
	color: white !important;
}

.text-menu-inactive {
	color: #ffffff73
}

.text-sub-tab-fancybet {
	color: var(--color-sub-tab-fancybet)
}

.text-colorful-text {
	color: var(--color-colorful-tag-text)
}

.text-event-tab-num {
	color: white;
}

.text-event-tab-icon {
	color: var(--color-event-tab-icon)
}

.text-event-th-option {
	color: var(--color-event-th-option)
}

.text-scores {
	color: var(--color-3rd)
}

.text-event-th {
	color: white
}

.text-market-slideTab-tip {
	color: var(--color-slideTab-tip)
}

.text-opacity-50 {
	--tw-text-opacity: .5
}

.underline {
	text-decoration-line: underline
}

.no-underline {
	text-decoration-line: none
}

.caret-primary {
	caret-color: #c09924
}

.opacity-0 {
	opacity: 0
}

.opacity-30 {
	opacity: .3
}

.opacity-75 {
	opacity: .75
}

.opacity-50 {
	opacity: .5
}

.opacity-80 {
	opacity: .8
}

.opacity-40 {
	opacity: .4
}

.opacity-100 {
	opacity: 1
}

.opacity-85 {
	opacity: .85
}

.opacity-95 {
	opacity: .95
}

.shadow-top {
	--tw-shadow: 0 -.2rem 3rem 0;
	--tw-shadow-colored: 0 -.2rem 3rem 0 var(--tw-shadow-color)
}

.shadow,
.shadow-top {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow {
	--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow-all-button {
	--tw-shadow: 0 .14285714285714285rem .2857142857142857rem 0 rgba(0, 0, 0, .06);
	--tw-shadow-colored: 0 .14285714285714285rem .2857142857142857rem 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
}

.outline-widget-active {
	outline-color: var(--color-widget-active-bg)
}

.blur {
	--tw-blur: blur(8px)
}

.blur,
.drop-shadow {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
	--tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}

.drop-shadow-md {
	--tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.drop-shadow-md,
.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)
}

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

.transition-transform {
	transition-duration: .15s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
	transition-duration: .15s;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
	transition-duration: .15s;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

.duration-150 {
	transition-duration: .15s
}

.duration-500 {
	transition-duration: .5s
}

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

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

.line-clamp-1 {
	-webkit-line-clamp: 1
}

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

.line-clamp-2 {
	-webkit-line-clamp: 2
}

@font-face {
	font-display: swap;
	font-family: Ubuntu;
	font-weight: 400;
	src: local("Ubuntu Regular"), local("Ubuntu-Regular"), format("truetype")
}

@font-face {
	font-display: swap;
	font-family: Ubuntu;
	font-weight: 700;
	src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(/assets/1.3.2_1-Ubuntu-Bold.f83793a3.ttf) format("truetype")
}

* {
	margin: 0;
	padding: 0
}

body,
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #f5f5f5;
	color: #1e1e1e;
	font-family: Ubuntu, sans-serif;
	font-size: var(--root-font-size);
	line-height: 1;
	position: relative;
	touch-action: manipulation
}

body.no-scroll,
html.no-scroll {
	overflow: hidden;
	touch-action: none
}

body.is-desktop #page-container {
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	display: grid;
	grid-template-columns: 1fr 480px 1fr
}

body.is-desktop .container {
	width: 480px
}

body.is-desktop .fixed.w-full {
	left: 50%;
	transform: translate(-50%);
	width: 480px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700
}

img,
video {
	max-width: 100%
}

img {
	visibility: hidden
}

img[src] {
	visibility: visible
}

iframe {
	border: 0
}

a,
a:hover {
	color: #000
}

a:hover {
	text-decoration: none
}

a:active,
a:visited {
	color: #000
}

[class*=" icon-"] *,
[class^=icon-] * {
	font-family: Ubuntu
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .5s ease
}

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

.btn-mask-fade-enter-active,
.btn-mask-fade-leave-active {
	transition: opacity .5s ease
}

.btn-mask-fade-enter-from,
.btn-mask-fade-leave-to {
	opacity: 0
}

.collapse-enter-to,
.collapse-leave-from {
	opacity: .1
}

.collapse-enter-active,
.collapse-leave-active {
	transition: max-height .35s ease
}

.collapse-enter-to,
.collapse-leave-from {
	max-height: 1000px;
	overflow: hidden
}

.collapse-enter-from,
.collapse-leave-to {
	max-height: 0;
	overflow: hidden
}

.slidein-enter-active,
.slidein-leave-active {
	transition: all .3s ease-out
}

.slidein-enter-to,
.slidein-leave-from {
	transform: translateY(0)
}

.slidein-enter-from,
.slidein-leave-to {
	transform: translateY(100%)
}

.scale-enter-active,
.scale-leave-active {
	transition: all .5s ease
}

.scale-enter-from,
.scale-leave-to {
	opacity: 0;
	transform: scale(.9)
}

.swip-enter-active {
	transition: transform .3s ease-out
}

.swip-enter-to {
	transform: translate(0)
}

.swip-enter-from {
	transform: translate(100%)
}

.swipReverse-enter-active,
.swipReverse-leave-active {
	transition: transform .3s ease-out
}

.swipReverse-enter-to,
.swipReverse-leave-from {
	transform: translate(0)
}

.swipReverse-enter-from,
.swipReverse-leave-to {
	transform: translate(-100%)
}

.icon-triangle-white {
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	height: 0;
	width: 0
}

.icon-triangle-black-300 {
	border-color: transparent transparent transparent #d4e0e5;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	height: 0;
	margin: 0 .2857142857rem;
	width: 0
}

.icon-triangle-black-400 {
	border-color: transparent transparent transparent #9cb1bd;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	height: 0;
	margin: 0 .2857142857rem;
	width: 0
}

.icon-triangle-black-600 {
	border-color: transparent transparent transparent #5a5e62;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	height: 0;
	margin: 0 .2857142857rem;
	width: 0
}

.icon-triangle-shadow {
	border-color: transparent #000 transparent transparent;
	border-style: solid;
	border-width: 0 .5rem .4285714286rem 0;
	height: 0;
	width: 0
}

.icon-triangle-odds-up {
	border-color: transparent #058a60 transparent transparent;
	border-style: solid;
	border-width: 0 10px 10px 0;
	height: 0;
	width: 0
}

.icon-triangle-odds-down {
	border-color: transparent transparent #e20000;
	border-style: solid;
	border-width: 0 0 10px 10px;
	height: 0;
	width: 0
}

.overflow-x-scroll {
	-ms-overflow-style: none
}

.overflow-x-scroll::-webkit-scrollbar {
	display: none
}

input {
	outline: none
}

.placeholder\:text-black-700::-moz-placeholder {
	--tw-text-opacity: 1;
	color: rgb(90 94 98/var(--tw-text-opacity))
}

.placeholder\:text-black-700::placeholder {
	--tw-text-opacity: 1;
	color: rgb(90 94 98/var(--tw-text-opacity))
}

.before\:absolute:before {
	content: var(--tw-content);
	position: absolute
}

.before\:-ml-1px:before {
	content: var(--tw-content);
	margin-left: -.07142857142857142rem
}

.before\:-mt-1px:before {
	content: var(--tw-content);
	margin-top: -.07142857142857142rem
}

.before\:h-2:before {
	content: var(--tw-content);
	height: .5rem
}

.before\:w-2:before {
	content: var(--tw-content);
	width: .5rem
}

.before\:bg-red-600:before {
	--tw-bg-opacity: 1;
	background-color: rgb(255 0 0/var(--tw-bg-opacity));
	content: var(--tw-content)
}

.after\:absolute:after {
	content: var(--tw-content);
	position: absolute
}

.after\:-ml-1px:after {
	content: var(--tw-content);
	margin-left: -.07142857142857142rem
}

.after\:-mt-2px:after {
	content: var(--tw-content);
	margin-top: -.14285714285714285rem
}

.after\:h-2:after {
	content: var(--tw-content);
	height: .5rem
}

.after\:w-2:after {
	content: var(--tw-content);
	width: .5rem
}

.after\:bg-red-600:after {
	--tw-bg-opacity: 1;
	background-color: rgb(255 0 0/var(--tw-bg-opacity));
	content: var(--tw-content)
}

.first\:mt-0:first-child {
	margin-top: 0
}

.hover\:bg-black-600:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(111 136 152/var(--tw-bg-opacity))
}

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

.disabled\:border-0:disabled {
	border-width: 0
}

.disabled\:bg-black-300:disabled {
	--tw-bg-opacity: 1;
	background-color: rgb(212 224 229/var(--tw-bg-opacity))
}

.disabled\:text-black-600:disabled {
	--tw-text-opacity: 1;
	color: rgb(111 136 152/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-event-tab {
	color: var(--color-event-tab)
}

.group:hover .group-hover\:opacity-50 {
	opacity: .5
}

@media (min-width:640px) {
	.sm\:mx-1 {
		margin-left: .25rem;
		margin-right: .25rem
	}

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

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