:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	align-items: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;
	display: flex;
	height: var(--swiper-navigation-size);
	justify-content: center;
	margin-top: calc(0px - var(--swiper-navigation-size)/2);
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size)/44*27);
	z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	cursor: auto;
	opacity: .35;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	cursor: auto;
	opacity: 0;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	font-variant: normal;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	left: auto;
	right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-button-lock {
	display: none
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
	color: var(--color-global-font-on-dark);
	height: 100%;
	margin-top: 0;
	top: 0;
	width: 2rem
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
	content: "";
	font-family: icomoon;
	font-size: .8571428571428571rem
}

.banner .swiper-button-next:after {
	--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))
}

.banner .swiper-button-next {
	padding-right: .5rem;
	right: 0
}

.banner .swiper-button-prev {
	left: 0;
	padding-left: .5rem
}

.banner .slide img {
	width: 100%
}

.tab-indicator[data-v-c39d8979] {
	background-image: linear-gradient(90deg, rgba(168, 177, 202, .2), rgba(245, 246, 250, .2));
	height: 4.285714285714286rem;
	left: var(--086c7e52);
	transform: var(--25d3352b);
	transition: transform .5s ease;
	width: 4.285714285714286rem
}

.game-hall-filter[data-v-c39d8979] .swiper {
	height: 5.142857142857143rem;
	overflow: visible
}

.game-hall-filter[data-v-c39d8979] .slide img {
	width: 100%
}

.game-hall-filter[data-v-c39d8979] .swiper-pagination {
	bottom: -.7rem;
	position: absolute
}

.game-hall-filter[data-v-c39d8979] .swiper-slide {
	align-items: center;
	border-radius: .5rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	z-index: 10
}

.game-hall-filter[data-v-c39d8979] .swiper-pagination-bullet {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity));
	height: .42857142857142855rem;
	opacity: .5;
	transition-duration: .3s;
	transition: width .2s;
	width: .42857142857142855rem
}

.game-hall-filter[data-v-c39d8979] .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: white;
	border-radius: .25rem;
	height: .2857142857142857rem;
	margin-bottom: .07142857142857142rem;
	opacity: 1;
	width: 1.4285714285714286rem
}